{ "version": "2.9", "children": [ { "type": "frame", "id": "d5gpt", "x": 0, "y": 0, "name": "Codex 移动控制台概念板", "fill": "$background", "layout": "vertical", "gap": 28, "padding": [ 40, 40, 56, 40 ], "children": [ { "type": "frame", "id": "IztG5", "name": "说明区", "width": "fill_container", "layout": "vertical", "gap": 12, "padding": [ 0, 0, 8, 0 ], "children": [ { "type": "text", "id": "MsduV", "name": "title", "fill": "$foreground", "content": "Codex 多设备协同移动控制台", "fontFamily": "$font-sans", "fontSize": 30, "fontWeight": "600" }, { "type": "text", "id": "oZ44q", "name": "sub", "fill": "$muted-foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "面向工程协作、线程编排、设备管理、运维容灾与审计复核的轻量移动控制面。单主 Agent 入口,所有状态转成可执行卡片。", "lineHeight": 1.5, "fontFamily": "$font-sans", "fontSize": 14, "fontWeight": "normal" }, { "type": "frame", "id": "wVAka", "name": "palette", "width": "fill_container", "gap": 12, "children": [ { "type": "frame", "id": "WzmUW", "name": "sw1", "width": "fill_container", "fill": "$secondary", "cornerRadius": 16, "layout": "vertical", "gap": 6, "padding": [ 12, 14 ], "children": [ { "type": "text", "id": "VvsU2", "fill": "$secondary-foreground", "content": "主强调 #33A7E0 / 辅助面 #E7F2F8", "fontFamily": "$font-sans", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "2TY5B", "name": "sw2", "width": "fill_container", "fill": "$accent", "cornerRadius": 16, "layout": "vertical", "gap": 6, "padding": [ 12, 14 ], "children": [ { "type": "text", "id": "bEoFE", "fill": "$accent-foreground", "content": "状态面 #D8F6ED / 主行动 #079E92", "fontFamily": "$font-sans", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "ThkO5", "name": "sw3", "width": "fill_container", "fill": "$muted", "cornerRadius": 16, "layout": "vertical", "gap": 6, "padding": [ 12, 14 ], "children": [ { "type": "text", "id": "VsXLd", "fill": "$foreground", "content": "告警 #E78A45 / 严重 #ED4A46 / 正文 #192532", "fontFamily": "$font-sans", "fontSize": 12, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "isEmM", "name": "导航关系", "width": "fill_container", "gap": 12, "padding": [ 0, 0, 8, 0 ], "children": [ { "type": "frame", "id": "NmPkP", "name": "flow1", "width": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "nVjSZ", "name": "step1", "width": "fill_container", "fill": "$secondary", "cornerRadius": 18, "layout": "vertical", "gap": 6, "padding": [ 14, 16 ], "children": [ { "type": "text", "id": "dEPtE", "fill": "$foreground", "content": "会话", "fontFamily": "$font-sans", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "mSPxh", "fill": "$muted-foreground", "content": "主 Agent 会话进入所有动作", "fontFamily": "$font-sans", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "bSwnI", "name": "step2", "width": "fill_container", "fill": "$card", "cornerRadius": 18, "stroke": { "thickness": 1, "fill": "$border" }, "layout": "vertical", "gap": 6, "padding": [ 14, 16 ], "children": [ { "type": "text", "id": "Oz1jI", "fill": "$foreground", "content": "项目", "fontFamily": "$font-sans", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "egqjz", "fill": "$muted-foreground", "content": "按项目收敛线程与风险", "fontFamily": "$font-sans", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ysBhi", "name": "step3", "width": "fill_container", "fill": "$card", "cornerRadius": 18, "stroke": { "thickness": 1, "fill": "$border" }, "layout": "vertical", "gap": 6, "padding": [ 14, 16 ], "children": [ { "type": "text", "id": "1gtc2", "fill": "$foreground", "content": "设备", "fontFamily": "$font-sans", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "2szCf", "fill": "$muted-foreground", "content": "看设备负载、额度与 standby", "fontFamily": "$font-sans", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "QZ6SW", "name": "step4", "width": "fill_container", "fill": "$card", "cornerRadius": 18, "stroke": { "thickness": 1, "fill": "$border" }, "layout": "vertical", "gap": 6, "padding": [ 14, 16 ], "children": [ { "type": "text", "id": "uiqqc", "fill": "$foreground", "content": "运维 / 审计", "fontFamily": "$font-sans", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "qrB2Z", "fill": "$muted-foreground", "content": "告警、回放、审计闭环", "fontFamily": "$font-sans", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "64Qa9", "name": "legend", "fill": "$muted-foreground", "content": "对比参考: background/foreground 14.87, secondary/secondary-foreground 10.72, muted/muted-foreground 4.56。", "fontFamily": "$font-sans", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "DtMMf", "name": "第一排", "gap": 24, "children": [ { "type": "frame", "id": "g8Qpr", "name": "01 主会话首页", "clip": true, "width": 390, "height": 844, "fill": "$background", "cornerRadius": 28, "stroke": { "thickness": 1, "fill": "$border" }, "effect": { "type": "shadow", "shadowType": "outer", "color": "#19253214", "offset": { "x": 0, "y": 14 }, "blur": 36 }, "layout": "vertical", "children": [ { "type": "frame", "id": "K6yIR", "name": "status", "width": "fill_container", "height": 62, "padding": [ 18, 18, 10, 18 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "qfQ5z", "fill": "$foreground", "content": "9:41", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "f41Z2", "fill": "$foreground", "content": "5G 91%", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "oo6ch", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 6, 18, 12, 18 ], "children": [ { "type": "frame", "id": "H1Hci", "name": "header", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "UMCDC", "name": "heading", "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "fL13n", "fill": "$foreground", "content": "主会话首页", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "600" }, { "type": "text", "id": "qkKqw", "fill": "$muted-foreground", "content": "一个主 Agent,管理项目、线程、设备与运维。", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "5e6rQ", "name": "capsule", "fill": "$secondary", "cornerRadius": 999, "gap": 8, "padding": [ 8, 12 ], "children": [ { "type": "text", "id": "njafG", "fill": "$secondary-foreground", "content": "主 GPT · 备用 GPT · API 容灾", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "fpF0Y", "name": "chips", "width": "fill_container", "gap": 8, "children": [ { "type": "frame", "id": "woJCy", "name": "chip1", "fill": "$card", "cornerRadius": 999, "stroke": { "thickness": 1, "fill": "$border" }, "padding": [ 8, 12 ], "children": [ { "type": "text", "id": "sywIj", "fill": "$foreground", "content": "北区试产线", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "BIIzH", "name": "chip2", "fill": "$card", "cornerRadius": 999, "stroke": { "thickness": 1, "fill": "$border" }, "padding": [ 8, 12 ], "children": [ { "type": "text", "id": "SdCFQ", "fill": "$foreground", "content": "审计待跟进", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "xsWUN", "name": "chip3", "fill": "$accent", "cornerRadius": 999, "padding": [ 8, 12 ], "children": [ { "type": "text", "id": "f4zJM", "fill": "$accent-foreground", "content": "设备额度 68%", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "v8t6C", "name": "msgList", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "q7lMY", "name": "msg1", "width": "fill_container", "fill": "$card", "cornerRadius": 18, "stroke": { "thickness": 1, "fill": "$border" }, "layout": "vertical", "gap": 6, "padding": 14, "children": [ { "type": "text", "id": "GWA3d", "fill": "$chart-2", "content": "主 Agent", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" }, { "type": "text", "id": "RQgP9", "fill": "$foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "已完成今早设备巡检汇总。建议先处理北区试产线的串口回归,再检查 API 容灾切换记录。", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "NiPLk", "name": "msg2", "width": "fill_container", "fill": "$secondary", "cornerRadius": 18, "layout": "vertical", "gap": 6, "padding": 14, "children": [ { "type": "text", "id": "HvmBq", "fill": "$secondary-foreground", "content": "你", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" }, { "type": "text", "id": "zcEOQ", "fill": "$foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "先给我看今天最需要盯的项目和告警。", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] } ] }, { "type": "frame", "id": "LQOJ0", "name": "02 项目列表页", "width": 390, "height": 844, "fill": "$card", "cornerRadius": 28, "stroke": { "thickness": 1, "fill": "$border" }, "effect": { "type": "shadow", "shadowType": "outer", "color": "#19253214", "offset": { "x": 0, "y": 14 }, "blur": 36 }, "layout": "vertical" }, { "type": "frame", "id": "grcep", "name": "03 项目详情与线程总览页", "width": 390, "height": 844, "fill": "$card", "cornerRadius": 28, "stroke": { "thickness": 1, "fill": "$border" }, "effect": { "type": "shadow", "shadowType": "outer", "color": "#19253214", "offset": { "x": 0, "y": 14 }, "blur": 36 }, "layout": "vertical" }, { "type": "frame", "id": "mNaad", "name": "04 线程详情页", "width": 390, "height": 844, "fill": "$card", "cornerRadius": 28, "stroke": { "thickness": 1, "fill": "$border" }, "effect": { "type": "shadow", "shadowType": "outer", "color": "#19253214", "offset": { "x": 0, "y": 14 }, "blur": 36 }, "layout": "vertical" } ] }, { "type": "frame", "id": "TcGk3", "name": "第二排", "gap": 24, "children": [ { "type": "frame", "id": "5iGU7", "name": "05 设备中心页", "width": 390, "height": 844, "fill": "$card", "cornerRadius": 28, "stroke": { "thickness": 1, "fill": "$border" }, "effect": { "type": "shadow", "shadowType": "outer", "color": "#19253214", "offset": { "x": 0, "y": 14 }, "blur": 36 }, "layout": "vertical" }, { "type": "frame", "id": "EIH5F", "name": "06 运维与告警中心页", "width": 390, "height": 844, "fill": "$card", "cornerRadius": 28, "stroke": { "thickness": 1, "fill": "$border" }, "effect": { "type": "shadow", "shadowType": "outer", "color": "#19253214", "offset": { "x": 0, "y": 14 }, "blur": 36 }, "layout": "vertical" }, { "type": "frame", "id": "OlK6f", "name": "07 审计与硬件测试页", "width": 390, "height": 844, "fill": "$card", "cornerRadius": 28, "stroke": { "thickness": 1, "fill": "$border" }, "effect": { "type": "shadow", "shadowType": "outer", "color": "#19253214", "offset": { "x": 0, "y": 14 }, "blur": 36 }, "layout": "vertical" } ] } ] } ], "variables": { "accent": { "type": "color", "value": "#D8F6ED" }, "accent-foreground": { "type": "color", "value": "#14363A" }, "background": { "type": "color", "value": "#FCFAF3" }, "border": { "type": "color", "value": "#D9DFE5" }, "card": { "type": "color", "value": "#FFFDF9" }, "card-foreground": { "type": "color", "value": "#192532" }, "chart-1": { "type": "color", "value": "#31C3B5" }, "chart-2": { "type": "color", "value": "#33A7E0" }, "chart-3": { "type": "color", "value": "#82CA72" }, "chart-4": { "type": "color", "value": "#E78A45" }, "chart-5": { "type": "color", "value": "#EA6A64" }, "contrast-accent-accent-foreground": { "type": "string", "value": "11.34 (#D8F6ED / #14363A)" }, "contrast-background-foreground": { "type": "string", "value": "14.87 (#FCFAF3 / #192532)" }, "contrast-destructive-card": { "type": "string", "value": "3.65 (#ED4A46 / #FFFDF9)" }, "contrast-muted-muted-foreground": { "type": "string", "value": "4.56 (#F5F3EC / #65707A)" }, "contrast-primary-primary-foreground": { "type": "string", "value": "3.13 (#079E92 / #FAF8F1)" }, "contrast-ring-background": { "type": "string", "value": "2.54 (#43AFA3 / #FCFAF3)" }, "contrast-secondary-secondary-foreground": { "type": "string", "value": "10.72 (#E7F2F8 / #2A3744)" }, "destructive": { "type": "color", "value": "#ED4A46" }, "font-sans": { "type": "string", "value": "PingFang SC" }, "font-ui": { "type": "string", "value": "SF Pro" }, "foreground": { "type": "color", "value": "#192532" }, "input": { "type": "color", "value": "#DFE5EC" }, "muted": { "type": "color", "value": "#F5F3EC" }, "muted-foreground": { "type": "color", "value": "#65707A" }, "neutral-000": { "type": "color", "value": "#FFFDF9" }, "neutral-050": { "type": "color", "value": "#FCFAF3" }, "neutral-100": { "type": "color", "value": "#F5F3EC" }, "neutral-200": { "type": "color", "value": "#E7F2F8" }, "neutral-300": { "type": "color", "value": "#DFE5EC" }, "neutral-400": { "type": "color", "value": "#D9DFE5" }, "neutral-500": { "type": "color", "value": "#808F92" }, "neutral-700": { "type": "color", "value": "#65707A" }, "neutral-900": { "type": "color", "value": "#192532" }, "popover": { "type": "color", "value": "#FFFDF9" }, "popover-foreground": { "type": "color", "value": "#192532" }, "primary": { "type": "color", "value": "#079E92" }, "primary-050": { "type": "color", "value": "#F0EFE0" }, "primary-100": { "type": "color", "value": "#E5E7D2" }, "primary-200": { "type": "color", "value": "#CFDABC" }, "primary-300": { "type": "color", "value": "#ACCAA6" }, "primary-400": { "type": "color", "value": "#79B896" }, "primary-500": { "type": "color", "value": "#079E92" }, "primary-600": { "type": "color", "value": "#008C8B" }, "primary-700": { "type": "color", "value": "#0A7981" }, "primary-foreground": { "type": "color", "value": "#FAF8F1" }, "ring": { "type": "color", "value": "#43AFA3" }, "secondary": { "type": "color", "value": "#E7F2F8" }, "secondary-foreground": { "type": "color", "value": "#2A3744" }, "state-active": { "type": "color", "value": "#0A7981" }, "state-default": { "type": "color", "value": "#079E92" }, "state-disabled": { "type": "color", "value": "#E2EDEE" }, "state-focus": { "type": "color", "value": "#43AFA3" }, "state-hover": { "type": "color", "value": "#008E8C" } } }