iven/zclaw_openfang
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity
Files
main
zclaw_openfang/pencil-new.pen
iven 07079293f4 feat(hands): restructure Hands UI with Chinese localization 
Major changes:
- Add HandList.tsx component for left sidebar
- Add HandTaskPanel.tsx for middle content area
- Restructure Sidebar tabs: 分身/HANDS/Workflow
- Remove Hands tab from RightPanel
- Localize all UI text to Chinese
- Archive legacy OpenClaw documentation
- Add Hands integration lessons document
- Update feature checklist with new components

UI improvements:
- Left sidebar now shows Hands list with status icons
- Middle area shows selected Hand's tasks and results
- Consistent styling with Tailwind CSS
- Chinese status labels and buttons

Documentation:
- Create docs/archive/openclaw-legacy/ for old docs
- Add docs/knowledge-base/hands-integration-lessons.md
- Update docs/knowledge-base/feature-checklist.md
- Update docs/knowledge-base/README.md

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-14 23:16:32 +08:00

4395 lines
155 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"version": "2.8",
"children": [
{
"type": "frame",
"id": "ZUXqs",
"x": 0,
"y": 0,
"name": "1-AutoClaw主聊天界面",
"width": 1440,
"height": 900,
"fill": "#fafafa",
"children": [
{
"type": "frame",
"id": "I7xQa",
"name": "左侧边栏",
"width": 256,
"height": "fill_container",
"fill": "#f9fafb",
"stroke": {
"thickness": {
"right": 1
},
"fill": "#e5e7eb"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "VpIN8",
"name": "顶部标签栏",
"width": "fill_container",
"height": 44,
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#e5e7eb"
},
"children": [
{
"type": "frame",
"id": "O8MqM",
"name": "分身Tab",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "qoT4E",
"name": "tab1Text",
"fill": "#111827",
"content": "分身",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "rectangle",
"id": "wwGnT",
"name": "tab1Line",
"fill": "#111827",
"width": "fill_container",
"height": 2
}
]
},
{
"type": "frame",
"id": "pynIR",
"name": "IM频道Tab",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "BqcVO",
"name": "tab2Text",
"fill": "#6b7280",
"content": "IM 频道",
"fontFamily": "Inter",
"fontSize": 12
}
]
},
{
"type": "frame",
"id": "axqXQ",
"name": "定时任务Tab",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "00rkz",
"name": "tab3Text",
"fill": "#6b7280",
"content": "定时任务",
"fontFamily": "Inter",
"fontSize": 12
}
]
}
]
},
{
"type": "frame",
"id": "sKTJD",
"name": "Agent列表",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 4,
"padding": 8,
"children": [
{
"type": "frame",
"id": "zSvsg",
"name": "AutoClaw",
"width": "fill_container",
"height": 60,
"fill": "#ffffff",
"cornerRadius": 8,
"stroke": {
"thickness": 1,
"fill": "#f3f4f6"
},
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "87r3U",
"name": "头像",
"width": 40,
"height": 40,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ea580c",
"position": 1
}
]
},
"cornerRadius": 12,
"children": [
{
"type": "icon_font",
"id": "VF2mW",
"name": "agent1CatIcon",
"width": 24,
"height": 24,
"iconFontName": "cat",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "cRjlq",
"name": "内容",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "F2uth",
"name": "agent1Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "wUiSV",
"name": "agent1Name",
"fill": "#111827",
"content": "AutoClaw",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "pI9mJ",
"name": "agent1Time",
"fill": "#9ca3af",
"content": "15:45",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "ekzDP",
"name": "agent1Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "好的! 选项A确认 + 加入Tauri...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "3WY5r",
"name": "沉思小助手",
"width": "fill_container",
"height": 60,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "ov1Nu",
"name": "头像",
"width": 40,
"height": 40,
"fill": "#dbeafe",
"cornerRadius": 12,
"children": [
{
"type": "icon_font",
"id": "t4AHd",
"name": "agent2Icon",
"width": 20,
"height": 20,
"iconFontName": "search",
"iconFontFamily": "lucide",
"fill": "#2563eb"
}
]
},
{
"type": "frame",
"id": "xbdCV",
"name": "内容",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "qQhkX",
"name": "agent2Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "nKQqF",
"name": "agent2Name",
"fill": "#111827",
"content": "沉思小助手",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "5Uh1N",
"name": "agent2Time",
"fill": "#9ca3af",
"content": "15:05",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "BnmEX",
"name": "agent2Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "已将今天的工作进展持久化到 'm...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "1WcYg",
"name": "Browser Agent",
"width": "fill_container",
"height": 60,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "BrNcl",
"name": "头像",
"width": 40,
"height": 40,
"fill": "#3b82f6",
"cornerRadius": 12,
"children": [
{
"type": "icon_font",
"id": "xwFGq",
"name": "agent3Icon",
"width": 20,
"height": 20,
"iconFontName": "globe",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "4lnIg",
"name": "内容",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "mA4na",
"name": "agent3Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "w8fBJ",
"name": "agent3Name",
"fill": "#111827",
"content": "Browser Agent",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "eCHl6",
"name": "agent3Time",
"fill": "#9ca3af",
"content": "12:04",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "A4uEo",
"name": "agent3Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "完成! 详细分析报告已保存到: **...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "ZiQbu",
"name": "监控",
"width": "fill_container",
"height": 60,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "lhUfV",
"name": "头像",
"width": 40,
"height": 40,
"fill": "#ffedd5",
"cornerRadius": 12,
"children": [
{
"type": "icon_font",
"id": "1UnpU",
"name": "agent4Icon",
"width": 20,
"height": 20,
"iconFontName": "trending-up",
"iconFontFamily": "lucide",
"fill": "#ea580c"
}
]
},
{
"type": "frame",
"id": "CdNvE",
"name": "内容",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "zWT3F",
"name": "agent4Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Tkpan",
"name": "agent4Name",
"fill": "#111827",
"content": "监控",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "tbeIM",
"name": "agent4Time",
"fill": "#9ca3af",
"content": "08:40",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "ebk9O",
"name": "agent4Desc",
"fill": "#ea580c",
"textGrowth": "fixed-width",
"width": 180,
"content": "+ 新分身",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "v7sQV",
"name": "如果我在新电脑",
"width": "fill_container",
"height": 60,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "PGpMZ",
"name": "头像",
"width": 40,
"height": 40,
"fill": "#a855f7",
"cornerRadius": 12,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "VUoG8",
"name": "agent5AvatarText",
"fill": "#ffffff",
"content": "如果",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "w2lAC",
"name": "内容",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "FcyJ7",
"name": "agent5Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "06Ddk",
"name": "agent5Name",
"fill": "#111827",
"content": "如果我在新的电脑上面...",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "c1pUS",
"name": "agent5Time",
"fill": "#9ca3af",
"content": "15:07",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "8QUoq",
"name": "agent5Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "**可以迁移，但要拷对目录。** ## 关...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "DRXT9",
"name": "底部用户栏",
"width": "fill_container",
"height": 52,
"fill": "#f9fafb",
"stroke": {
"thickness": {
"top": 1
},
"fill": "#e5e7eb"
},
"gap": 12,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "5VeLG",
"name": "用户头像",
"width": 32,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ef4444",
"position": 1
}
]
},
"cornerRadius": 16,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "R4PAw",
"name": "userAvatarText",
"fill": "#ffffff",
"content": "用",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
},
{
"type": "text",
"id": "Cd4OK",
"name": "userName",
"fill": "#374151",
"content": "用户7141",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "frame",
"id": "IZwbT",
"name": "设置按钮",
"width": 16,
"height": 16,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "yJbn6",
"name": "settingsIcon",
"width": 16,
"height": 16,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "NGm1p",
"name": "中间聊天区",
"width": "fill_container",
"height": "fill_container",
"fill": "#ffffff",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "wjmG4",
"name": "顶部标题栏",
"width": "fill_container",
"height": 56,
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#f3f4f6"
},
"padding": [
0,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "bPWp2",
"name": "左侧",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "9X8aI",
"name": "headerTitle",
"fill": "#111827",
"content": "AutoClaw",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "frame",
"id": "8OdGn",
"name": "状态",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "HX8g1",
"name": "statusDot",
"fill": "#9ca3af",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "HGjdz",
"name": "statusText",
"fill": "#9ca3af",
"content": "正在输入中",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "TeWRQ",
"name": "聊天内容区",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 24,
"padding": 24,
"children": [
{
"type": "frame",
"id": "631n1",
"name": "AI消息",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "WCSbN",
"name": "AI头像",
"width": 32,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ea580c",
"position": 1
}
]
},
"cornerRadius": 8,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "zFQVz",
"name": "aiIcon",
"width": 20,
"height": 20,
"iconFontName": "cat",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "E28cP",
"name": "AI气泡",
"width": "fill_container",
"fill": "#ffffff",
"cornerRadius": 12,
"stroke": {
"thickness": 1,
"fill": "#e5e7eb"
},
"layout": "vertical",
"gap": 16,
"padding": 16,
"children": [
{
"type": "text",
"id": "RayEc",
"name": "aiBubbleContent",
"fill": "#374151",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "1-2 周上线，快速验证\n后续逐步增加核心系统\n优点：快速反馈，降低风险\n缺点：早期功能有限",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "lN8Ba",
"name": "用户消息",
"width": "fill_container",
"gap": 16,
"justifyContent": "end",
"children": [
{
"type": "frame",
"id": "Orrgh",
"name": "用户气泡",
"width": "fit_content(400)",
"fill": "#f97316",
"cornerRadius": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "fTjns",
"name": "userBubbleContent",
"fill": "#ffffff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "选项A，同时要打造桌面端。前面不是规划过使用tauri么，最终方案怎么没有体现。你能读取图片么，可以的话我把autoclaw的界面截图给你参考",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "wV4Vo",
"name": "用户头像",
"width": 32,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ef4444",
"position": 1
}
]
},
"cornerRadius": 16,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XyeXu",
"name": "userAvatarText2",
"fill": "#ffffff",
"content": "用",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "PWOxx",
"name": "底部输入区",
"width": "fill_container",
"fill": "#ffffff",
"stroke": {
"thickness": {
"top": 1
},
"fill": "#f3f4f6"
},
"layout": "vertical",
"padding": 16,
"children": [
{
"type": "frame",
"id": "bHVSj",
"name": "输入框容器",
"width": "fill_container",
"fill": "#f3f4f6",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#e5e7eb"
},
"gap": 8,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "z41HH",
"name": "附件按钮",
"width": 20,
"height": 20,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "JUclB",
"name": "attachIcon",
"width": 20,
"height": 20,
"iconFontName": "paperclip",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
}
]
},
{
"type": "text",
"id": "RM1Zl",
"name": "inputPlaceholder",
"fill": "#9ca3af",
"content": "发送给 AutoClaw",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "qulZG",
"name": "模型选择",
"gap": 4,
"padding": 4,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Uwrso",
"name": "modelText",
"fill": "#6b7280",
"content": "glm5",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "wkjl4",
"name": "modelIcon",
"width": 12,
"height": 12,
"iconFontName": "chevron-down",
"iconFontFamily": "lucide",
"fill": "#6b7280"
}
]
},
{
"type": "frame",
"id": "rWIcr",
"name": "发送按钮",
"width": 32,
"height": 32,
"fill": "#111827",
"cornerRadius": 16,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "dLQqt",
"name": "sendIcon",
"width": 16,
"height": 16,
"iconFontName": "arrow-up",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
}
]
},
{
"type": "text",
"id": "HO6MP",
"name": "footerText",
"fill": "#9ca3af",
"content": "Agent 在本地运行，内容由AI生成",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "T5mDq",
"name": "右侧边栏",
"width": 320,
"height": "fill_container",
"fill": "#ffffff",
"stroke": {
"thickness": {
"left": 1
},
"fill": "#e5e7eb"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "WFqIc",
"name": "右侧顶部栏",
"width": "fill_container",
"height": 56,
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#f3f4f6"
},
"padding": 16,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "yjz46",
"name": "左侧",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "nIOUg",
"name": "creditsIcon",
"width": 16,
"height": 16,
"iconFontName": "shopping-cart",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "lxc1m",
"name": "creditsNum",
"fill": "#6b7280",
"content": "2268",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "JC9ez",
"name": "buyBtn",
"fill": "#ea580c",
"content": "去购买",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "jsnMS",
"name": "右侧按钮",
"gap": 12,
"children": [
{
"type": "frame",
"id": "CbOmH",
"name": "文件按钮",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "fRIEx",
"name": "fileIcon",
"width": 16,
"height": 16,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "ONNrU",
"name": "fileText",
"fill": "#6b7280",
"content": "文件",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "I14vA",
"name": "Agent按钮",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "zDqlK",
"name": "agentIcon",
"width": 16,
"height": 16,
"iconFontName": "user",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "sbTnU",
"name": "agentText",
"fill": "#6b7280",
"content": "Agent",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "4NiyP",
"name": "右侧内容区",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"padding": 16,
"children": [
{
"type": "frame",
"id": "PowzQ",
"name": "文件标题",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WkGq5",
"name": "文件名",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "VxuPU",
"name": "fileIcon2",
"width": 12,
"height": 12,
"iconFontName": "minus",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
},
{
"type": "text",
"id": "UqxD7",
"name": "fileNameText",
"fill": "#6b7280",
"content": "zclaw-final-plan.md",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "j9Bd3",
"name": "操作按钮",
"gap": 8,
"children": [
{
"type": "icon_font",
"id": "HPjmP",
"name": "codeIcon",
"width": 14,
"height": 14,
"iconFontName": "code",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
},
{
"type": "icon_font",
"id": "E04qv",
"name": "copyIcon",
"width": 14,
"height": 14,
"iconFontName": "copy",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
},
{
"type": "icon_font",
"id": "vtBNy",
"name": "moreIcon",
"width": 14,
"height": 14,
"iconFontName": "menu",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
}
]
}
]
},
{
"type": "frame",
"id": "QvzWe",
"name": "统计卡片",
"width": "fill_container",
"fill": "#f9fafb",
"cornerRadius": 8,
"stroke": {
"thickness": 1,
"fill": "#f3f4f6"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "5Lrra",
"name": "statsRow1",
"width": "fill_container",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#f3f4f6"
},
"padding": 12,
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "f22vE",
"name": "statsLabel1",
"fill": "#6b7280",
"content": "任务成功率",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "CoqVj",
"name": "statsValue1",
"fill": "#111827",
"content": "> 95%",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "DKmQ0",
"name": "statsRow2",
"width": "fill_container",
"padding": 12,
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "pquR3",
"name": "statsLabel2",
"fill": "#6b7280",
"content": "并发用户数",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "UOtoH",
"name": "statsValue2",
"fill": "#111827",
"content": "> 100",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "FKljc",
"name": "产品指标",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "text",
"id": "WJ8p2",
"name": "productTitle",
"fill": "#111827",
"content": "产品指标",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "oKJdO",
"name": "表格",
"width": "fill_container",
"fill": "#f9fafb",
"cornerRadius": 8,
"stroke": {
"thickness": 1,
"fill": "#f3f4f6"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "8pAIb",
"name": "表头",
"width": "fill_container",
"fill": "#f3f4f6",
"padding": 8,
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "qH1Xy",
"name": "th1",
"fill": "#6b7280",
"content": "指标",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "F1huo",
"name": "th2",
"fill": "#6b7280",
"content": "目标",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "B6Rjp",
"name": "行1",
"width": "fill_container",
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#f3f4f6"
},
"padding": 10,
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "N6rGE",
"name": "td1a",
"fill": "#374151",
"content": "DAU",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "esfda",
"name": "td1b",
"fill": "#111827",
"content": "> 100 (MVP)",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "RWwde",
"name": "行2",
"width": "fill_container",
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#f3f4f6"
},
"padding": 10,
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "f4Dre",
"name": "td2a",
"fill": "#374151",
"content": "用户留存 (7日)",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "IaZGp",
"name": "td2b",
"fill": "#111827",
"content": "> 40%",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "3GAQx",
"name": "行3",
"width": "fill_container",
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#f3f4f6"
},
"padding": 10,
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "Xh1nz",
"name": "td3a",
"fill": "#374151",
"content": "任务完成率",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "repgd",
"name": "td3b",
"fill": "#111827",
"content": "> 90%",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "GUjod",
"name": "下一步行动",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "3Fkd0",
"name": "标题",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "DGW5O",
"name": "targetIcon",
"width": 20,
"height": 20,
"fill": "#f97316",
"cornerRadius": 10,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "g6l5h",
"name": "targetIconInner",
"width": 12,
"height": 12,
"iconFontName": "target",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "text",
"id": "fEuOw",
"name": "nextTitleText",
"fill": "#111827",
"content": "下一步行动",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "ZHvWn",
"name": "今天",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"padding": [
0,
0,
0,
28
],
"children": [
{
"type": "text",
"id": "olX6b",
"name": "todayTitle",
"fill": "#111827",
"content": "立即执行 (今天)",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "frame",
"id": "VwYNK",
"name": "todo1",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "KkGTT",
"name": "todo1Box",
"width": 12,
"height": 12,
"stroke": {
"thickness": 1,
"fill": "#d1d5db"
}
},
{
"type": "text",
"id": "0Ag3c",
"name": "todo1Text",
"fill": "#6b7280",
"content": "创建 GitHub 仓库",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "c36wp",
"name": "todo2",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "255gD",
"name": "todo2Box",
"width": 12,
"height": 12,
"stroke": {
"thickness": 1,
"fill": "#d1d5db"
}
},
{
"type": "text",
"id": "eN7Nh",
"name": "todo2Text",
"fill": "#6b7280",
"content": "初始化项目结构",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "dQLi4",
"name": "todo3",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "aN7Zt",
"name": "todo3Box",
"width": 12,
"height": 12,
"stroke": {
"thickness": 1,
"fill": "#d1d5db"
}
},
{
"type": "text",
"id": "IKZ9q",
"name": "todo3Text",
"fill": "#6b7280",
"content": "配置 CI/CD",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "mAU30",
"x": 1500,
"y": 0,
"name": "2-新分身1界面",
"width": 1440,
"height": 900,
"fill": "#fafafa",
"children": [
{
"type": "frame",
"id": "ckO09",
"name": "左侧边栏",
"width": 256,
"height": "fill_container",
"fill": "#f9fafb",
"stroke": {
"thickness": {
"right": 1
},
"fill": "#e5e7eb"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "oLZIY",
"name": "顶部标签栏",
"width": "fill_container",
"height": 44,
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#e5e7eb"
},
"children": [
{
"type": "frame",
"id": "Cb3iu",
"name": "分身Tab",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "uNh5r",
"name": "tab21Text",
"fill": "#111827",
"content": "分身",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "rectangle",
"id": "ByQFZ",
"name": "tab21Line",
"fill": "#111827",
"width": "fill_container",
"height": 2
}
]
},
{
"type": "frame",
"id": "wgQxz",
"name": "IM频道Tab",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "I1Dvj",
"name": "tab22Text",
"fill": "#6b7280",
"content": "IM 频道",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "JnTwF",
"name": "定时任务Tab",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "q7UKA",
"name": "tab23Text",
"fill": "#6b7280",
"content": "定时任务",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "24jer",
"name": "Agent列表",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 4,
"padding": 8,
"children": [
{
"type": "frame",
"id": "8ZpOT",
"name": "Browser Agent",
"width": "fill_container",
"height": 60,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "Bzrq9",
"name": "头像",
"width": 40,
"height": 40,
"fill": "#3b82f6",
"cornerRadius": 12,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "ixXlC",
"name": "agent21Icon",
"width": 20,
"height": 20,
"iconFontName": "globe",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "FWE1N",
"name": "内容",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "d92XW",
"name": "agent21Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "CroHr",
"name": "agent21Name",
"fill": "#111827",
"content": "Browser Agent",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "5w8fr",
"name": "agent21Time",
"fill": "#9ca3af",
"content": "22:34",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "AHWsv",
"name": "agent21Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "+ 新分身",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "IMLsL",
"name": "AutoClaw",
"width": "fill_container",
"height": 60,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "Hfy2E",
"name": "头像",
"width": 40,
"height": 40,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ef4444",
"position": 1
}
]
},
"cornerRadius": 12,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "4ASTP",
"name": "agent22Icon",
"width": 24,
"height": 24,
"iconFontName": "cat",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "S7uMG",
"name": "内容",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "CNGzr",
"name": "agent22Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "YCgdh",
"name": "agent22Name",
"fill": "#111827",
"content": "AutoClaw",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "B2Ymi",
"name": "agent22Time",
"fill": "#9ca3af",
"content": "22:13",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "OtSwW",
"name": "agent22Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "好的，我已经整理了完整的开发文档...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "OlTj3",
"name": "新分身1(选中)",
"width": "fill_container",
"height": 60,
"fill": "#ffffff",
"cornerRadius": 8,
"stroke": {
"thickness": 1,
"fill": "#f3f4f6"
},
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "fqnCu",
"name": "头像",
"width": 40,
"height": 40,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#f87171",
"position": 0
},
{
"color": "#ec4899",
"position": 1
}
]
},
"cornerRadius": 12,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "80Xlu",
"name": "agent23Text",
"fill": "#ffffff",
"content": "新",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "LH8xG",
"name": "内容",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "ysHYS",
"name": "agent23Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "5AR7V",
"name": "agent23Name",
"fill": "#111827",
"content": "新分身 1",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "NKE2E",
"name": "agent23Time",
"fill": "#9ca3af",
"content": "22:25",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "E9HBB",
"name": "agent23Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "+ 新分身",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "FQ5fd",
"name": "底部用户栏",
"width": "fill_container",
"height": 52,
"fill": "#f9fafb",
"stroke": {
"thickness": {
"top": 1
},
"fill": "#e5e7eb"
},
"gap": 12,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "uxJbV",
"name": "用户头像",
"width": 32,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ef4444",
"position": 1
}
]
},
"cornerRadius": 16,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "GqDrp",
"name": "userAvatarText2",
"fill": "#ffffff",
"content": "用",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
},
{
"type": "text",
"id": "cu1GR",
"name": "userName2",
"fill": "#374151",
"content": "用户7141",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "1heeE",
"name": "settingsBtn2",
"width": 16,
"height": 16,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
}
]
}
]
},
{
"type": "frame",
"id": "qhqED",
"name": "中间主内容区",
"width": "fill_container",
"height": "fill_container",
"fill": "#ffffff",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "H9TZ8",
"name": "顶部标题栏",
"width": "fill_container",
"height": 56,
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#f3f4f6"
},
"padding": [
0,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "7dhe3",
"name": "header2Title",
"fill": "#111827",
"content": "新分身 1",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "frame",
"id": "7iK8Z",
"name": "右侧按钮",
"gap": 16,
"children": [
{
"type": "icon_font",
"id": "v56Op",
"name": "cartBtn",
"width": 20,
"height": 20,
"iconFontName": "shopping-cart",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "icon_font",
"id": "rfgFi",
"name": "copyBtn",
"width": 20,
"height": 20,
"iconFontName": "copy",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "icon_font",
"id": "hQSNG",
"name": "userBtn",
"width": 20,
"height": 20,
"iconFontName": "user",
"iconFontFamily": "lucide",
"fill": "#6b7280"
}
]
}
]
},
{
"type": "frame",
"id": "9OOOB",
"name": "空状态内容区",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 24,
"padding": 32,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "cmCNe",
"name": "积分提示",
"fill": "#fff7ed",
"cornerRadius": 20,
"stroke": {
"thickness": 1,
"fill": "#fed7aa"
},
"gap": 8,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "B4aPz",
"name": "promoText",
"fill": "#c2410c",
"content": "29 元即享 5000 积分",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "QvPlP",
"name": "promoDivider",
"fill": "#fdba74",
"content": "|",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "LPqUr",
"name": "promoBtn",
"fill": "#ea580c",
"content": "去购买",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "Cds3D",
"name": "Logo",
"width": 80,
"height": 80,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "djqsc",
"name": "logoIcon",
"width": 48,
"height": 48,
"iconFontName": "cat",
"iconFontFamily": "lucide",
"fill": "#111827"
}
]
},
{
"type": "text",
"id": "AjBMN",
"name": "title2",
"fill": "#111827",
"content": "AutoClaw",
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "700"
},
{
"type": "text",
"id": "MMQmU",
"name": "desc2",
"fill": "#6b7280",
"content": "描述你的目标，AutoClaw 会分步执行并实时反馈",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "P09nL",
"name": "快速配置卡片",
"width": 400,
"fill": "#ffffff",
"cornerRadius": 12,
"stroke": {
"thickness": 1,
"fill": "#e5e7eb"
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "OewJq",
"name": "图标",
"width": 48,
"height": 48,
"fill": "#fff7ed",
"cornerRadius": 8,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Akvpl",
"name": "configIconInner",
"width": 24,
"height": 24,
"iconFontName": "file-plus",
"iconFontFamily": "lucide",
"fill": "#f97316"
}
]
},
{
"type": "frame",
"id": "OzVea",
"name": "内容",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "EWSg1",
"name": "configTitle",
"fill": "#111827",
"content": "快速配置",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "text",
"id": "xEHbX",
"name": "configDesc",
"fill": "#6b7280",
"content": "设置名字、角色，让 AutoClaw 更了解你",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "xeikL",
"name": "configArrow",
"width": 20,
"height": 20,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
}
]
}
]
},
{
"type": "frame",
"id": "tWtPJ",
"name": "底部输入区",
"width": "fill_container",
"fill": "#ffffff",
"stroke": {
"thickness": {
"top": 1
},
"fill": "#f3f4f6"
},
"layout": "vertical",
"padding": 16,
"children": [
{
"type": "frame",
"id": "5EOdd",
"name": "输入框容器",
"width": "fill_container",
"fill": "#f3f4f6",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#e5e7eb"
},
"gap": 8,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "YVN7H",
"name": "attachBtn2",
"width": 20,
"height": 20,
"iconFontName": "paperclip",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
},
{
"type": "text",
"id": "T17qM",
"name": "inputPlaceholder2",
"fill": "#9ca3af",
"content": "发送给 AutoClaw",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "iRVvM",
"name": "modelSelect2",
"gap": 4,
"padding": 4,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sgSVS",
"name": "modelText2",
"fill": "#6b7280",
"content": "glm-5",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "BiFjl",
"name": "modelIcon2",
"width": 12,
"height": 12,
"iconFontName": "chevron-down",
"iconFontFamily": "lucide",
"fill": "#6b7280"
}
]
},
{
"type": "frame",
"id": "j3WHq",
"name": "sendBtn2",
"width": 32,
"height": 32,
"fill": "#d1d5db",
"cornerRadius": 16,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "qYbbA",
"name": "sendIcon2",
"width": 16,
"height": 16,
"iconFontName": "arrow-up",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
}
]
},
{
"type": "text",
"id": "ZMKOw",
"name": "footerText2",
"fill": "#9ca3af",
"content": "Agent 在本地运行，内容由AI生成",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "N5PMb",
"x": 3000,
"y": 0,
"name": "3-BrowserAgent界面",
"width": 1440,
"height": 900,
"fill": "#fafafa",
"children": [
{
"type": "frame",
"id": "iAZEo",
"name": "左侧边栏",
"width": 256,
"height": "fill_container",
"fill": "#f9fafb",
"stroke": {
"thickness": {
"right": 1
},
"fill": "#e5e7eb"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "Qh83i",
"name": "顶部标签栏",
"width": "fill_container",
"height": 44,
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#e5e7eb"
},
"children": [
{
"type": "frame",
"id": "ZldrD",
"name": "分身Tab",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "RdOH8",
"name": "tab31Text",
"fill": "#111827",
"content": "分身",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "rectangle",
"id": "zfvah",
"name": "tab31Line",
"fill": "#111827",
"width": "fill_container",
"height": 2
}
]
},
{
"type": "frame",
"id": "FDqlL",
"name": "IM频道Tab",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "w3A5E",
"name": "tab32Text",
"fill": "#6b7280",
"content": "IM 频道",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "LNjlm",
"name": "定时任务Tab",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "SejiG",
"name": "tab33Text",
"fill": "#6b7280",
"content": "定时任务",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "XBd5W",
"name": "Agent列表",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 4,
"padding": 8,
"children": [
{
"type": "frame",
"id": "2w9d6",
"name": "AutoClaw",
"width": "fill_container",
"height": 60,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "RxuPI",
"name": "agent31Avatar",
"width": 40,
"height": 40,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ef4444",
"position": 1
}
]
},
"cornerRadius": 12,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "QA8zX",
"name": "agent31Icon",
"width": 24,
"height": 24,
"iconFontName": "cat",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "Q2VIl",
"name": "agent31Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "Fp8zj",
"name": "agent31Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "lYv8a",
"name": "agent31Name",
"fill": "#111827",
"content": "AutoClaw",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "97UqQ",
"name": "agent31Time",
"fill": "#9ca3af",
"content": "08:40",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "i1hWx",
"name": "agent31Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "# ✅ ZCLAW Tauri 桌面端设计方...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "ISXK2",
"name": "沉思小助手",
"width": "fill_container",
"height": 60,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "Zv4SD",
"name": "agent32Avatar",
"width": 40,
"height": 40,
"fill": "#dbeafe",
"cornerRadius": 12,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "wgq0Y",
"name": "agent32Icon",
"width": 20,
"height": 20,
"iconFontName": "search",
"iconFontFamily": "lucide",
"fill": "#2563eb"
}
]
},
{
"type": "frame",
"id": "aiaQG",
"name": "agent32Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "uuCZW",
"name": "agent32Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "TfpPX",
"name": "agent32Name",
"fill": "#111827",
"content": "沉思小助手",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "Iv3hv",
"name": "agent32Time",
"fill": "#9ca3af",
"content": "08:40",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "PxbHc",
"name": "agent32Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "已将今天的工作进展持久化到 'm...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "D3lZd",
"name": "Browser Agent(选中)",
"width": "fill_container",
"height": 60,
"fill": "#ffffff",
"cornerRadius": 8,
"stroke": {
"thickness": 1,
"fill": "#f3f4f6"
},
"gap": 12,
"padding": 12,
"children": [
{
"type": "frame",
"id": "mEPf9",
"name": "agent33Avatar",
"width": 40,
"height": 40,
"fill": "#3b82f6",
"cornerRadius": 12,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "CaYns",
"name": "agent33Icon",
"width": 20,
"height": 20,
"iconFontName": "globe",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "WxAZY",
"name": "agent33Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "Ewtcd",
"name": "agent33Top",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xOZue",
"name": "agent33Name",
"fill": "#111827",
"content": "Browser Agent",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "KCaHG",
"name": "agent33Time",
"fill": "#9ca3af",
"content": "08:40",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "rCTbR",
"name": "agent33Desc",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 180,
"content": "完成! 详细分析报告已保存到: **...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "WCJq3",
"name": "底部用户栏",
"width": "fill_container",
"height": 52,
"fill": "#f9fafb",
"stroke": {
"thickness": {
"top": 1
},
"fill": "#e5e7eb"
},
"gap": 12,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "PqwFe",
"name": "userAvatar3",
"width": 32,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ef4444",
"position": 1
}
]
},
"cornerRadius": 16,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Ek5ef",
"name": "userAvatarText3",
"fill": "#ffffff",
"content": "用",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
},
{
"type": "text",
"id": "8i5GK",
"name": "userName3",
"fill": "#374151",
"content": "用户7141",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "roTdJ",
"name": "settingsBtn3",
"width": 16,
"height": 16,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
}
]
}
]
},
{
"type": "frame",
"id": "njIjg",
"name": "中间聊天区",
"width": "fill_container",
"height": "fill_container",
"fill": "#ffffff",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "wv42N",
"name": "顶部标题栏",
"width": "fill_container",
"height": 56,
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#f3f4f6"
},
"padding": [
0,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "s8e4C",
"name": "header3Title",
"fill": "#111827",
"content": "Browser Agent",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "frame",
"id": "TaFEm",
"name": "错误提示",
"fill": "#fff7ed",
"cornerRadius": 20,
"stroke": {
"thickness": 1,
"fill": "#fed7aa"
},
"gap": 8,
"padding": [
6,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "z9XyZ",
"name": "errorIcon",
"width": 16,
"height": 16,
"iconFontName": "alert-circle",
"iconFontFamily": "lucide",
"fill": "#ea580c"
},
{
"type": "text",
"id": "klXjD",
"name": "errorText",
"fill": "#ea580c",
"content": "连接中断，点击重试",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "oWtKt",
"name": "聊天内容区",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 24,
"padding": 24,
"children": [
{
"type": "frame",
"id": "x3cV7",
"name": "AI消息",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "08gqk",
"name": "aiAvatar3",
"width": 32,
"height": 32,
"fill": "#3b82f6",
"cornerRadius": 8,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "UiSW8",
"name": "aiIcon3",
"width": 16,
"height": 16,
"iconFontName": "globe",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "B0RON",
"name": "AI气泡",
"width": "fill_container",
"fill": "#ffffff",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#e5e7eb"
},
"layout": "vertical",
"gap": 16,
"padding": 20,
"children": [
{
"type": "text",
"id": "LcY8s",
"name": "aiText3",
"fill": "#374151",
"content": "完成！详细分析报告已保存到：",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "K3Dpg",
"name": "filePath3",
"fill": "#f9fafb",
"cornerRadius": 8,
"stroke": {
"thickness": 1,
"fill": "#f3f4f6"
},
"gap": 8,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "X10Qq",
"name": "fileIcon3",
"width": 16,
"height": 16,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
},
{
"type": "text",
"id": "cD5qY",
"name": "filePathText3",
"fill": "#6b7280",
"textGrowth": "fixed-width",
"width": 500,
"content": "C:\\Users\\欧瑞\\.openclaw-autoclaw\\workspace\\...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "vvh8k",
"name": "用户消息",
"width": "fill_container",
"gap": 16,
"justifyContent": "end",
"children": [
{
"type": "frame",
"id": "Vfy4D",
"name": "用户气泡",
"width": "fit_content(400)",
"fill": "#f97316",
"cornerRadius": 16,
"padding": 16,
"children": [
{
"type": "text",
"id": "4JHUH",
"name": "userText3",
"fill": "#ffffff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "到小红书搜索关于龙虾的最热门的笔记，选五个整理一下笔记的内容、点赞数和前三条评论到Excel里，放在桌面就行，名字叫\"笔记整理\"。",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "oYx1n",
"name": "userAvatar3Msg",
"width": 32,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ef4444",
"position": 1
}
]
},
"cornerRadius": 16,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "QWyLU",
"name": "userAvatarText3Msg",
"fill": "#ffffff",
"content": "用",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "bZbMU",
"name": "聊天内容区",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 24,
"padding": 24,
"children": [
{
"type": "frame",
"id": "KmZL5",
"name": "AI消息",
"width": "fill_container",
"height": 200,
"gap": 16,
"children": [
{
"type": "frame",
"id": "SmQNb",
"name": "aiAvatar3",
"width": 32,
"height": 32,
"fill": "#3b82f6",
"cornerRadius": 8,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "JeR5v",
"name": "aiIcon3",
"width": 16,
"height": 16,
"iconFontName": "globe",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "D9v86",
"name": "aiBubble3",
"width": "fill_container",
"height": 180,
"fill": "#ffffff",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#e5e7eb"
},
"layout": "vertical",
"gap": 16,
"padding": 20,
"children": [
{
"type": "text",
"id": "hdPWl",
"name": "aiText3",
"fill": "#374151",
"content": "完成！详细分析报告已保存到：",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "text",
"id": "HNN76",
"name": "aiText3b",
"fill": "#6b7280",
"content": "C:\\Users\\欧瑞\\.openclaw-autoclaw\\workspace\\...",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "WILOg",
"name": "用户消息",
"width": "fill_container",
"height": 100,
"gap": 16,
"justifyContent": "end",
"children": [
{
"type": "frame",
"id": "Wj6yz",
"name": "userBubble3",
"fill": "#f97316",
"cornerRadius": 16,
"padding": 16,
"children": [
{
"type": "text",
"id": "DlmLw",
"name": "userText3",
"fill": "#ffffff",
"content": "到小红书搜索关于龙虾的最热门的笔记...",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "VktAQ",
"name": "userAvatar3",
"width": 32,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 135,
"size": {
"height": 1
},
"colors": [
{
"color": "#fb923c",
"position": 0
},
{
"color": "#ef4444",
"position": 1
}
]
},
"cornerRadius": 16,
"children": [
{
"type": "text",
"id": "VFHB1",
"name": "userAvatarText3",
"fill": "#ffffff",
"content": "用",
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "BjOqn",
"name": "底部输入区",
"width": "fill_container",
"fill": "#ffffff",
"stroke": {
"thickness": {
"top": 1
},
"fill": "#f3f4f6"
},
"layout": "vertical",
"padding": 16,
"children": [
{
"type": "frame",
"id": "nSSZu",
"name": "输入框",
"width": "fill_container",
"height": 48,
"fill": "#f3f4f6",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#e5e7eb"
},
"gap": 8,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "IOWto",
"name": "attachBtn3",
"width": 20,
"height": 20,
"iconFontName": "paperclip",
"iconFontFamily": "lucide",
"fill": "#9ca3af"
},
{
"type": "frame",
"id": "2bkmY",
"name": "modelSelect3",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "UXeRr",
"name": "modelText3",
"fill": "#6b7280",
"content": "qwen3.5-plus",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "VAYhI",
"name": "modelIcon3",
"width": 12,
"height": 12,
"iconFontName": "chevron-down",
"iconFontFamily": "lucide",
"fill": "#6b7280"
}
]
},
{
"type": "frame",
"id": "iycHf",
"name": "sendBtn3",
"width": 32,
"height": 32,
"fill": "#111827",
"cornerRadius": 16,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "vVA9v",
"name": "sendIcon3",
"width": 16,
"height": 16,
"iconFontName": "arrow-up",
"iconFontFamily": "lucide",
"fill": "#ffffff"
}
]
}
]
},
{
"type": "text",
"id": "wYaFE",
"name": "footerText3",
"fill": "#9ca3af",
"content": "Agent 在本地运行，内容由AI生成",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "OtaDn",
"name": "右侧边栏",
"width": 320,
"height": "fill_container",
"fill": "#ffffff",
"stroke": {
"thickness": {
"left": 1
},
"fill": "#e5e7eb"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "uCoNV",
"name": "右侧顶部栏",
"width": "fill_container",
"height": 56,
"fill": "#ffffff",
"stroke": {
"thickness": {
"bottom": 1
},
"fill": "#f3f4f6"
},
"padding": 16,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "7Lbns",
"name": "rightHeaderLeft3",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "XlwrX",
"name": "creditsIcon3",
"width": 16,
"height": 16,
"iconFontName": "shopping-cart",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "Dy6fX",
"name": "creditsNum3",
"fill": "#6b7280",
"content": "2268",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "rjkVL",
"name": "buyBtn3",
"fill": "#ea580c",
"content": "去购买",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "FPuee",
"name": "rightHeaderRight3",
"gap": 12,
"children": [
{
"type": "frame",
"id": "V6MOh",
"name": "fileBtn3",
"fill": "#f3f4f6",
"cornerRadius": 8,
"gap": 4,
"padding": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "IxC5J",
"name": "fileBtnIcon3",
"width": 16,
"height": 16,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "#111827"
},
{
"type": "text",
"id": "c8JXF",
"name": "fileBtnText3",
"fill": "#111827",
"content": "文件",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "HkP7O",
"name": "agentBtn3",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "IvPrR",
"name": "agentBtnIcon3",
"width": 16,
"height": 16,
"iconFontName": "user",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "Y3Kr6",
"name": "agentBtnText3",
"fill": "#6b7280",
"content": "Agent",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "9ujeG",
"name": "右侧内容区",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "frame",
"id": "eywtw",
"name": "文件项1",
"width": "fill_container",
"height": 64,
"fill": "#ffffff",
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "7Amqs",
"name": "fileItem1Icon",
"width": 40,
"height": 40,
"fill": "#ffedd5",
"cornerRadius": 8,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "o4X5r",
"name": "fileItem1IconInner",
"width": 20,
"height": 20,
"iconFontName": "file-archive",
"iconFontFamily": "lucide",
"fill": "#ea580c"
}
]
},
{
"type": "frame",
"id": "1dUwx",
"name": "fileItem1Content",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "KWvMK",
"name": "fileItem1Name",
"fill": "#111827",
"content": "openclaw-extension.zip",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "Jng4U",
"name": "fileItem1Path",
"fill": "#6b7280",
"content": "$env:TEMP\\openclaw-extension.zip",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "koGZ7",
"x": 4500,
"y": 0,
"name": "4-设置界面",
"width": 1440,
"height": 900,
"fill": "#fafafa",
"children": [
{
"type": "frame",
"id": "dVrs0",
"name": "左侧导航栏",
"width": 256,
"height": "fill_container",
"fill": "#f9fafb",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "BNJSj",
"name": "返回按钮",
"width": "fill_container",
"height": 48,
"fill": "#f9fafb",
"gap": 8,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "tOdor",
"name": "backIcon4",
"width": 16,
"height": 16,
"iconFontName": "arrow-left",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "YEghi",
"name": "backText4",
"fill": "#6b7280",
"content": "返回应用",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "nKM1f",
"name": "导航菜单",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 4,
"padding": 8,
"children": [
{
"type": "frame",
"id": "CAIQj",
"name": "通用",
"width": "fill_container",
"height": 40,
"fill": "#e5e7eb",
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "hlSIS",
"name": "navIcon1",
"width": 16,
"height": 16,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "XJhZr",
"name": "navText1",
"fill": "#111827",
"content": "通用",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "4VMWf",
"name": "用量统计",
"width": "fill_container",
"height": 40,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "5A4SD",
"name": "navIcon2",
"width": 16,
"height": 16,
"iconFontName": "bar-chart",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "7B1SQ",
"name": "navText2",
"fill": "#6b7280",
"content": "用量统计",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "FTey9",
"name": "积分详情",
"width": "fill_container",
"height": 40,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "80juu",
"name": "navIcon3",
"width": 16,
"height": 16,
"iconFontName": "coins",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "jzBKH",
"name": "navText3",
"fill": "#6b7280",
"content": "积分详情",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Hcynd",
"name": "模型与API",
"width": "fill_container",
"height": 40,
"cornerRadius": 8,
"gap": 12,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "WIAVa",
"name": "navIcon4",
"width": 16,
"height": 16,
"iconFontName": "cpu",
"iconFontFamily": "lucide",
"fill": "#6b7280"
},
{
"type": "text",
"id": "FV01S",
"name": "navText4",
"fill": "#6b7280",
"content": "模型与 API",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "1go9Z",
"name": "主内容区",
"width": "fill_container",
"height": "fill_container",
"fill": "#ffffff",
"layout": "vertical",
"padding": 32,
"children": [
{
"type": "text",
"id": "LgtH4",
"name": "pageTitle4",
"fill": "#111827",
"content": "账号与安全",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "700"
},
{
"type": "frame",
"id": "D442f",
"name": "卡片",
"width": "fill_container",
"height": 200,
"fill": "#ffffff",
"cornerRadius": 12,
"stroke": {
"thickness": 1,
"fill": "#e5e7eb"
},
"layout": "vertical",
"padding": 24,
"children": [
{
"type": "frame",
"id": "1yVDg",
"name": "row4a",
"width": "fill_container",
"height": 48,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ZrFez",
"name": "label4a",
"fill": "#374151",
"content": "手机号",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "text",
"id": "13Cld",
"name": "value4a",
"fill": "#6b7280",
"content": "139****7141",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "pfZ6P",
"name": "row4b",
"width": "fill_container",
"height": 64,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "9fxwd",
"name": "label4b",
"fill": "#374151",
"content": "注销账号",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "P5jfr",
"name": "deleteBtn",
"fill": "#fef2f2",
"cornerRadius": 8,
"stroke": {
"thickness": 1,
"fill": "#fecaca"
},
"padding": [
6,
12
],
"children": [
{
"type": "text",
"id": "RB1PJ",
"name": "deleteText",
"fill": "#dc2626",
"content": "注销",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "text",
"id": "juFxt",
"name": "sectionTitle4",
"fill": "#111827",
"content": "外观与行为",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "700"
},
{
"type": "frame",
"id": "2a03h",
"name": "外观卡片",
"width": "fill_container",
"height": 200,
"fill": "#ffffff",
"cornerRadius": 12,
"stroke": {
"thickness": 1,
"fill": "#e5e7eb"
},
"layout": "vertical",
"padding": 24,
"children": [
{
"type": "frame",
"id": "pPCEu",
"name": "themeRow",
"width": "fill_container",
"height": 48,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "RcJPg",
"name": "themeLabel",
"fill": "#374151",
"content": "主题模式",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "7KbMX",
"name": "themeBtns",
"gap": 8,
"children": [
{
"type": "frame",
"id": "J0bvk",
"name": "lightBtn",
"width": 32,
"height": 32,
"fill": "#f97316",
"cornerRadius": 16
},
{
"type": "frame",
"id": "058ts",
"name": "darkBtn",
"width": 32,
"height": 32,
"fill": "#111827",
"cornerRadius": 16
}
]
}
]
},
{
"type": "frame",
"id": "9qs9F",
"name": "toggleRow",
"width": "fill_container",
"height": 48,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "C52eb",
"name": "toggleLabel",
"fill": "#374151",
"content": "开机自启",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "yCCMN",
"name": "toggleSwitch",
"width": 44,
"height": 24,
"fill": "#e5e7eb",
"cornerRadius": 12,
"children": [
{
"type": "ellipse",
"id": "97nnC",
"name": "toggleKnob",
"fill": "#ffffff",
"width": 20,
"height": 20
}
]
}
]
}
]
}
]
}
]
}
],
"variables": {
"--accent-hover": {
"type": "color",
"value": "#ea580c"
},
"--accent-light": {
"type": "color",
"value": "#fff7ed"
},
"--accent-primary": {
"type": "color",
"value": "#f97316"
},
"--bg-card": {
"type": "color",
"value": "#ffffff"
},
"--bg-input": {
"type": "color",
"value": "#f3f4f6"
},
"--bg-primary": {
"type": "color",
"value": "#fafafa"
},
"--bg-secondary": {
"type": "color",
"value": "#f9fafb"
},
"--border-color": {
"type": "color",
"value": "#e5e7eb"
},
"--border-light": {
"type": "color",
"value": "#f3f4f6"
},
"--error": {
"type": "color",
"value": "#ef4444"
},
"--success": {
"type": "color",
"value": "#22c55e"
},
"--text-inverse": {
"type": "color",
"value": "#ffffff"
},
"--text-muted": {
"type": "color",
"value": "#9ca3af"
},
"--text-primary": {
"type": "color",
"value": "#111827"
},
"--text-secondary": {
"type": "color",
"value": "#6b7280"
}
}
}
Reference in New Issue View Git Blame Copy Permalink