Files
boss/design/pencil/codex-ops-mobile-v1.pen
2026-03-26 23:16:56 +08:00

1009 lines
30 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.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"
}
}
}