{ "version": "2.13", "children": [ { "type": "frame", "id": "j3fyy", "x": 0, "y": 0, "name": "spacesh — Main v1", "clip": true, "width": 1440, "height": 900, "fill": "$bg-app", "layout": "vertical", "children": [ { "type": "frame", "id": "SwV51", "name": "TitleBar", "width": "fill_container", "height": 40, "fill": "$bg-sidebar", "stroke": "$border-subtle", "strokeWidth": { "bottom": 1 }, "strokeAlignment": "inner", "gap": 14, "padding": [ 0, 14 ], "alignItems": "center", "children": [ { "type": "frame", "id": "ALv3M", "name": "TrafficLights", "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", "id": "lKXxS", "name": "dot", "fill": "#F4544E", "width": 12, "height": 12 }, { "type": "ellipse", "id": "RSGDw", "name": "dot", "fill": "#F2B84B", "width": 12, "height": 12 }, { "type": "ellipse", "id": "LpXSt", "name": "dot", "fill": "#3FB950", "width": 12, "height": 12 } ] }, { "type": "frame", "id": "VLvW0", "name": "tog-panel-left", "width": 26, "height": 26, "fill": "$bg-elevated", "cornerRadius": 6, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "J6klz", "name": "i", "width": 15, "height": 15, "icon": "panel-left", "library": "lucide", "fill": "$text-secondary" } ] }, { "type": "frame", "id": "JjATh", "name": "TitleWrap", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "rvmGE", "name": "WsIcon", "width": 15, "height": 15, "icon": "folder-git-2", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "U6vNK3", "name": "WsName", "fill": "$text-primary", "content": "infra-platform", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "M3Xx1", "name": "Sep", "fill": "$text-muted", "content": "/", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "text", "id": "fViRT", "name": "Layout", "fill": "$text-secondary", "content": "2×2 grid", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "nhzzq", "name": "Spacer", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "FsV9X", "name": "TitleRight", "gap": 6, "alignItems": "center", "children": [ { "type": "frame", "id": "sPfp4", "name": "tog-panel-right", "width": 26, "height": 26, "fill": "$bg-elevated", "cornerRadius": 6, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "f0YiJw", "name": "i", "width": 15, "height": 15, "icon": "panel-right", "library": "lucide", "fill": "$text-secondary" } ] }, { "type": "icon", "id": "ihO7S", "name": "search", "width": 16, "height": 16, "icon": "search", "library": "lucide", "fill": "$text-secondary" }, { "type": "icon", "id": "pU6Tz", "name": "bell", "width": 16, "height": 16, "icon": "bell", "library": "lucide", "fill": "$text-secondary" }, { "type": "icon", "id": "iAyXd", "name": "settings", "width": 16, "height": 16, "icon": "settings", "library": "lucide", "fill": "$text-secondary" }, { "type": "rectangle", "id": "mOUCJ", "name": "sep", "fill": "$border-strong", "width": 1, "height": 18 }, { "id": "MVIH6", "type": "ref", "ref": "HyPQi", "name": "AccountMenu" } ] } ] }, { "type": "frame", "id": "tZWa8", "name": "Body", "width": "fill_container", "height": "fill_container", "children": [ { "type": "frame", "id": "XLm8Z", "name": "Sidebar", "clip": true, "width": 248, "height": "fill_container", "fill": "$bg-sidebar", "stroke": "$border-subtle", "strokeWidth": { "right": 1 }, "strokeAlignment": "inner", "layout": "vertical", "gap": 18, "padding": 14, "children": [ { "type": "frame", "id": "WF0JR", "name": "NewWorkspace", "width": "fill_container", "height": 34, "fill": "$bg-elevated", "cornerRadius": 7, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "R9ZsK", "name": "plus", "width": 15, "height": 15, "icon": "plus", "library": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "nMSWi", "name": "lbl", "fill": "$text-primary", "content": "New workspace", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "DdaNP", "name": "hk", "fill": "$text-muted", "content": "⌘N", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "R4PifQ", "name": "Group production", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "frame", "id": "BSC4B", "name": "GroupHead", "width": "fill_container", "height": 24, "gap": 7, "padding": [ 0, 4 ], "alignItems": "center", "children": [ { "type": "icon", "id": "Kralo", "name": "chev", "width": 13, "height": 13, "icon": "chevron-down", "library": "lucide", "fill": "$text-muted" }, { "type": "rectangle", "cornerRadius": 2, "id": "hc1Gn", "name": "clr", "fill": "#F4544E", "width": 8, "height": 8 }, { "type": "text", "id": "ayHhT", "name": "gname", "fill": "$text-secondary", "content": "PRODUCTION", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "700", "letterSpacing": 0.5 } ] }, { "type": "frame", "id": "wfeTP", "name": "WS infra-platform", "width": "fill_container", "height": 34, "fill": "$bg-elevated", "cornerRadius": 6, "gap": 10, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "c78EMF", "name": "ring", "innerRadius": 0.5, "fill": "$st-work", "width": 10, "height": 10 }, { "type": "text", "id": "a64aDQ", "name": "nm", "fill": "$text-primary", "content": "infra-platform", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "600" }, { "type": "frame", "id": "W7b1n8", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "TLSuh", "name": "count", "height": 18, "fill": "$bg-app", "cornerRadius": 9, "padding": [ 0, 6 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "QaXIo", "name": "c", "fill": "$text-secondary", "content": "4", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "K0toIh", "name": "WS api-gateway", "width": "fill_container", "height": 34, "fill": "#00000000", "cornerRadius": 6, "gap": 10, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "WqDGB", "name": "ring", "innerRadius": 0.5, "fill": "$st-wait", "width": 10, "height": 10 }, { "type": "text", "id": "ulwwC", "name": "nm", "fill": "$text-secondary", "content": "api-gateway", "fontFamily": "$font-ui", "fontSize": 13 }, { "type": "frame", "id": "I7azp", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "ellipse", "id": "p1osF", "name": "unread", "fill": "$accent", "width": 7, "height": 7 }, { "type": "frame", "id": "YsP67", "name": "count", "height": 18, "fill": "$bg-app", "cornerRadius": 9, "padding": [ 0, 6 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "k7EoU", "name": "c", "fill": "$text-secondary", "content": "2", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "d3dK9", "name": "WS billing-svc", "width": "fill_container", "height": 34, "fill": "#00000000", "cornerRadius": 6, "gap": 10, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "iqJV3", "name": "ring", "innerRadius": 0.5, "fill": "$st-error", "width": 10, "height": 10 }, { "type": "text", "id": "xwTgv", "name": "nm", "fill": "$text-secondary", "content": "billing-svc", "fontFamily": "$font-ui", "fontSize": 13 }, { "type": "frame", "id": "x3Y2jb", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "ellipse", "id": "YtEjw", "name": "unread", "fill": "$accent", "width": 7, "height": 7 }, { "type": "frame", "id": "VU5mW", "name": "count", "height": 18, "fill": "$bg-app", "cornerRadius": 9, "padding": [ 0, 6 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "wOhoa", "name": "c", "fill": "$text-secondary", "content": "1", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "rKjgE", "name": "WS k8s-upgrade", "width": "fill_container", "height": 34, "fill": "#00000000", "cornerRadius": 6, "gap": 10, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "yKiqv", "name": "ring", "innerRadius": 0.5, "fill": "$st-done", "width": 10, "height": 10 }, { "type": "text", "id": "Jj6yb", "name": "nm", "fill": "$text-secondary", "content": "k8s-upgrade", "fontFamily": "$font-ui", "fontSize": 13 }, { "type": "frame", "id": "OmdfX", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "cumPC", "name": "count", "height": 18, "fill": "$bg-app", "cornerRadius": 9, "padding": [ 0, 6 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ZIbRu", "name": "c", "fill": "$text-secondary", "content": "3", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "gflm8", "name": "Group personal", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "frame", "id": "jVfgG", "name": "GroupHead", "width": "fill_container", "height": 24, "gap": 7, "padding": [ 0, 4 ], "alignItems": "center", "children": [ { "type": "icon", "id": "HoREo", "name": "chev", "width": 13, "height": 13, "icon": "chevron-down", "library": "lucide", "fill": "$text-muted" }, { "type": "rectangle", "cornerRadius": 2, "id": "rD1Pm", "name": "clr", "fill": "#4C8DFF", "width": 8, "height": 8 }, { "type": "text", "id": "e1MoG", "name": "gname", "fill": "$text-secondary", "content": "PERSONAL", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "700", "letterSpacing": 0.5 } ] }, { "type": "frame", "id": "i2YP3", "name": "WS dotfiles", "width": "fill_container", "height": 34, "fill": "#00000000", "cornerRadius": 6, "gap": 10, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "YiEkk", "name": "ring", "innerRadius": 0.5, "fill": "$st-idle", "width": 10, "height": 10 }, { "type": "text", "id": "FvTN6", "name": "nm", "fill": "$text-secondary", "content": "dotfiles", "fontFamily": "$font-ui", "fontSize": 13 }, { "type": "frame", "id": "UeoO3", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "x6kB5", "name": "count", "height": 18, "fill": "$bg-app", "cornerRadius": 9, "padding": [ 0, 6 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "OFMSC", "name": "c", "fill": "$text-secondary", "content": "1", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "G8Z2S", "name": "WS spacesh", "width": "fill_container", "height": 34, "fill": "#00000000", "cornerRadius": 6, "gap": 10, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "oZh5n", "name": "ring", "innerRadius": 0.5, "fill": "$st-work", "width": 10, "height": 10 }, { "type": "text", "id": "OrC1e", "name": "nm", "fill": "$text-secondary", "content": "spacesh", "fontFamily": "$font-ui", "fontSize": 13 }, { "type": "frame", "id": "V7pAcT", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "AXuJE", "name": "count", "height": 18, "fill": "$bg-app", "cornerRadius": 9, "padding": [ 0, 6 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "NR4CC", "name": "c", "fill": "$text-secondary", "content": "2", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "dt8P1", "name": "WS blog", "width": "fill_container", "height": 34, "fill": "#00000000", "cornerRadius": 6, "gap": 10, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "ZpMpj", "name": "ring", "innerRadius": 0.5, "fill": "$st-idle", "width": 10, "height": 10 }, { "type": "text", "id": "IUOiL", "name": "nm", "fill": "$text-secondary", "content": "blog", "fontFamily": "$font-ui", "fontSize": 13 }, { "type": "frame", "id": "gAhgS", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "W0n8Tv", "name": "count", "height": 18, "fill": "$bg-app", "cornerRadius": 9, "padding": [ 0, 6 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "axoeS", "name": "c", "fill": "$text-secondary", "content": "0", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "Mi1dB", "name": "SidebarSpacer", "width": "fill_container", "height": "fill_container" }, { "type": "frame", "id": "dFhKf", "name": "DaemonStatus", "width": "fill_container", "height": 30, "fill": "$bg-panel", "cornerRadius": 6, "gap": 8, "padding": [ 0, 6 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "O6rTVj", "name": "live", "fill": "$st-done", "width": 7, "height": 7 }, { "type": "text", "id": "SEvZY", "name": "dt", "fill": "$text-secondary", "content": "spaceshd · live", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "etGFp", "name": "sp2", "width": "fill_container", "height": 1 }, { "type": "text", "id": "ZD9am", "name": "up", "fill": "$text-muted", "content": "3d 4h", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "f1TSX0", "name": "Center", "clip": true, "width": "fill_container", "height": "fill_container", "fill": "$bg-app", "layout": "vertical", "gap": 10, "padding": 12, "children": [ { "type": "frame", "id": "Kxl4a", "name": "CenterToolbar", "width": "fill_container", "height": 30, "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "B1ewN", "name": "Presets", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", "id": "MLTxF", "name": "preset 1", "height": 24, "fill": "#00000000", "cornerRadius": 6, "stroke": "#00000000", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 5, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "icon", "id": "wSWeT", "name": "i", "width": 13, "height": 13, "icon": "square", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "Pa9yY", "name": "l", "fill": "$text-muted", "content": "1", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "tcrtN", "name": "preset 2↔", "height": 24, "fill": "#00000000", "cornerRadius": 6, "stroke": "#00000000", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 5, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "icon", "id": "Giz9T", "name": "i", "width": 13, "height": 13, "icon": "columns-2", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "ky9Yd", "name": "l", "fill": "$text-muted", "content": "2↔", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "LD2dV", "name": "preset 2↕", "height": 24, "fill": "#00000000", "cornerRadius": 6, "stroke": "#00000000", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 5, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "icon", "id": "GajWo", "name": "i", "width": 13, "height": 13, "icon": "rows-2", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "T9LvZ", "name": "l", "fill": "$text-muted", "content": "2↕", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "OSuwG", "name": "preset 2×2", "height": 24, "fill": "$bg-elevated", "cornerRadius": 6, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 5, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "icon", "id": "pfr1D", "name": "i", "width": 13, "height": 13, "icon": "layout-grid", "library": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "onf04", "name": "l", "fill": "$text-primary", "content": "2×2", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "xZ7Ar", "name": "preset 2+1", "height": 24, "fill": "#00000000", "cornerRadius": 6, "stroke": "#00000000", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 5, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "icon", "id": "F77Wn", "name": "i", "width": 13, "height": 13, "icon": "layout-dashboard", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "Yl3tD", "name": "l", "fill": "$text-muted", "content": "2+1", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "f4U7ET", "name": "tsp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "kLn0K", "name": "ScrollbackSearch", "height": 24, "fill": "$bg-panel", "cornerRadius": 6, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 6, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "icon", "id": "MVAV6", "name": "s", "width": 12, "height": 12, "icon": "search", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "ykcn3", "name": "sl", "fill": "$text-muted", "content": "Search scrollback", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "UKsO6", "name": "sk", "fill": "$text-muted", "content": "⌘F", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "NgA88", "name": "Grid", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "ZfxQy", "name": "Row1", "width": "fill_container", "height": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "y9Ave6", "name": "Panel claude", "clip": true, "width": "fill_container", "height": "fill_container", "fill": "$bg-panel", "cornerRadius": 8, "stroke": "$accent", "strokeWidth": 2, "strokeAlignment": "inner", "layout": "vertical", "children": [ { "type": "frame", "id": "wc3DI", "name": "Head", "width": "fill_container", "height": 30, "fill": "$bg-elevated", "stroke": "$border-subtle", "strokeWidth": { "bottom": 1 }, "strokeAlignment": "inner", "gap": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "X3jKiv", "name": "ring", "innerRadius": 0.5, "fill": "$st-work", "width": 9, "height": 9 }, { "type": "text", "id": "UcTw4", "name": "ag", "fill": "$text-primary", "content": "claude", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "s0r9Rb", "name": "pt", "fill": "$text-muted", "content": "~/infra-platform", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "aqzzJ", "name": "hsp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "XxFOh", "name": "badge", "height": 16, "fill": "#000000", "cornerRadius": 8, "padding": [ 0, 7 ], "alignItems": "center", "children": [ { "type": "text", "id": "K6MfZy", "name": "bt", "fill": "$st-work", "content": "work", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "icon", "id": "tUA3l", "name": "zoom", "width": 13, "height": 13, "icon": "maximize-2", "library": "lucide", "fill": "$text-muted" } ] }, { "type": "frame", "id": "BFGtj", "name": "Body", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 3, "padding": 10, "children": [ { "type": "text", "id": "d7YN8n", "name": "l", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "› refactor terraform modules into reusable stacks", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "by77A", "name": "l", "fill": "$accent", "textGrowth": "fixed-width", "width": "fill_container", "content": "● Editing modules/network/main.tf", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "i7CEI", "name": "l", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": " +42 −18 · 3 files changed", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "wucZ0", "name": "l", "fill": "$st-work", "textGrowth": "fixed-width", "width": "fill_container", "content": "⠋ Running terraform validate…", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "vnHz0", "name": "Panel codex", "clip": true, "width": "fill_container", "height": "fill_container", "fill": "$bg-panel", "cornerRadius": 8, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "children": [ { "type": "frame", "id": "C5UQog", "name": "Head", "width": "fill_container", "height": 30, "fill": "$bg-elevated", "stroke": "$border-subtle", "strokeWidth": { "bottom": 1 }, "strokeAlignment": "inner", "gap": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "N6qXcR", "name": "ring", "innerRadius": 0.5, "fill": "$st-wait", "width": 9, "height": 9 }, { "type": "text", "id": "MCs1V", "name": "ag", "fill": "$text-primary", "content": "codex", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "UJSXn", "name": "pt", "fill": "$text-muted", "content": "~/infra-platform/api", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "N7T1s", "name": "hsp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "c1p5dd", "name": "badge", "height": 16, "fill": "#000000", "cornerRadius": 8, "padding": [ 0, 7 ], "alignItems": "center", "children": [ { "type": "text", "id": "RA6fr", "name": "bt", "fill": "$st-wait", "content": "wait", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "icon", "id": "Z4syYO", "name": "zoom", "width": 13, "height": 13, "icon": "maximize-2", "library": "lucide", "fill": "$text-muted" } ] }, { "type": "frame", "id": "VTX94", "name": "Body", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 3, "padding": 10, "children": [ { "type": "text", "id": "V7e2dc", "name": "l", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "› add rate-limit middleware to gateway", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "picqt", "name": "l", "fill": "$st-done", "textGrowth": "fixed-width", "width": "fill_container", "content": "✓ wrote middleware/ratelimit.go", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "m3WPzn", "name": "prompt", "width": "fill_container", "fill": "#000000", "cornerRadius": 6, "stroke": "$st-wait", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "gap": 4, "padding": 8, "children": [ { "type": "text", "id": "oEYZ1", "name": "q", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Apply changes to gateway/router.go?", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "gTASV", "name": "opts", "gap": 6, "children": [ { "type": "text", "id": "QnjSf", "name": "y", "fill": "$st-wait", "content": "❯ 1. Yes", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" }, { "type": "text", "id": "BrOJ8", "name": "n", "fill": "$text-muted", "content": "2. No", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] } ] } ] } ] } ] }, { "type": "frame", "id": "zfxOJ", "name": "Row2", "width": "fill_container", "height": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "Xbdov", "name": "Panel gemini", "clip": true, "width": "fill_container", "height": "fill_container", "fill": "$bg-panel", "cornerRadius": 8, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "children": [ { "type": "frame", "id": "abyyq", "name": "Head", "width": "fill_container", "height": 30, "fill": "$bg-elevated", "stroke": "$border-subtle", "strokeWidth": { "bottom": 1 }, "strokeAlignment": "inner", "gap": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "EGltW", "name": "ring", "innerRadius": 0.5, "fill": "$st-done", "width": 9, "height": 9 }, { "type": "text", "id": "kGxea", "name": "ag", "fill": "$text-primary", "content": "gemini", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "R6xnKw", "name": "pt", "fill": "$text-muted", "content": "~/infra-platform/db", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "li6do", "name": "hsp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "jgKCu", "name": "badge", "height": 16, "fill": "#000000", "cornerRadius": 8, "padding": [ 0, 7 ], "alignItems": "center", "children": [ { "type": "text", "id": "f1W3B", "name": "bt", "fill": "$st-done", "content": "done", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "icon", "id": "pdUbd", "name": "zoom", "width": 13, "height": 13, "icon": "maximize-2", "library": "lucide", "fill": "$text-muted" } ] }, { "type": "frame", "id": "gPZMh", "name": "Body", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 3, "padding": 10, "children": [ { "type": "text", "id": "R391Qr", "name": "l", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "› generate migration for billing table", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "Q3zBo", "name": "l", "fill": "$st-done", "textGrowth": "fixed-width", "width": "fill_container", "content": "✓ created 0042_billing.sql", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "eghI9", "name": "l", "fill": "$st-done", "textGrowth": "fixed-width", "width": "fill_container", "content": "✓ applied · 1 migration up", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "a6IGrC", "name": "l", "fill": "$text-muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "done in 12.4s", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "qdVHx", "name": "Panel shell", "clip": true, "width": "fill_container", "height": "fill_container", "fill": "$bg-panel", "cornerRadius": 8, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "children": [ { "type": "frame", "id": "nbr5U", "name": "Head", "width": "fill_container", "height": 30, "fill": "$bg-elevated", "stroke": "$border-subtle", "strokeWidth": { "bottom": 1 }, "strokeAlignment": "inner", "gap": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "M0KyA", "name": "ring", "innerRadius": 0.5, "fill": "$st-error", "width": 9, "height": 9 }, { "type": "text", "id": "WiS3z", "name": "ag", "fill": "$text-primary", "content": "shell", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "NSltf", "name": "pt", "fill": "$text-muted", "content": "~/infra-platform", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "XOcAL", "name": "hsp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "W2PSg", "name": "badge", "height": 16, "fill": "#000000", "cornerRadius": 8, "padding": [ 0, 7 ], "alignItems": "center", "children": [ { "type": "text", "id": "FTwSk", "name": "bt", "fill": "$st-error", "content": "error", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "icon", "id": "HU7Yz", "name": "zoom", "width": 13, "height": 13, "icon": "maximize-2", "library": "lucide", "fill": "$text-muted" } ] }, { "type": "frame", "id": "qHBxP", "name": "Body", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 3, "padding": 10, "children": [ { "type": "text", "id": "A8ddY", "name": "l", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "$ make deploy ENV=staging", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "dbqZ8", "name": "l", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "==> building image…", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "APN7Q", "name": "l", "fill": "$st-error", "textGrowth": "fixed-width", "width": "fill_container", "content": "Error: exit status 1", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "zWQ36", "name": "l", "fill": "$st-error", "textGrowth": "fixed-width", "width": "fill_container", "content": " pull access denied for registry/api", "lineHeight": 1.35, "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] } ] } ] }, { "type": "frame", "id": "SSGSD", "name": "EventCenter", "clip": true, "width": 300, "height": "fill_container", "fill": "$bg-sidebar", "stroke": "$border-subtle", "strokeWidth": { "left": 1 }, "strokeAlignment": "inner", "layout": "vertical", "gap": 14, "padding": 14, "children": [ { "type": "frame", "id": "c1fHu", "name": "ECHead", "width": "fill_container", "height": 24, "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "uLt1H", "name": "t", "fill": "$text-primary", "content": "Event Center", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "700" }, { "type": "frame", "id": "xhT6c", "name": "hsp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "H1H4o", "name": "clr", "fill": "$accent", "content": "Mark all read", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "gbeBu", "name": "ECTabs", "width": "fill_container", "height": 26, "gap": 6, "alignItems": "center", "children": [ { "type": "frame", "id": "YLmv4", "name": "tab All", "height": 22, "fill": "#00000000", "cornerRadius": 11, "stroke": "#00000000", "strokeWidth": 1, "strokeAlignment": "inner", "padding": [ 0, 9 ], "alignItems": "center", "children": [ { "type": "text", "id": "tqHcd", "name": "l", "fill": "$text-muted", "content": "All", "fontFamily": "$font-ui", "fontSize": 11 } ] }, { "type": "frame", "id": "bVcup", "name": "tab Unread", "height": 22, "fill": "$bg-elevated", "cornerRadius": 11, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "padding": [ 0, 9 ], "alignItems": "center", "children": [ { "type": "text", "id": "rlQTo", "name": "l", "fill": "$text-primary", "content": "Unread", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "FFSp3", "name": "tab Errors", "height": 22, "fill": "#00000000", "cornerRadius": 11, "stroke": "#00000000", "strokeWidth": 1, "strokeAlignment": "inner", "padding": [ 0, 9 ], "alignItems": "center", "children": [ { "type": "text", "id": "kC6h3", "name": "l", "fill": "$text-muted", "content": "Errors", "fontFamily": "$font-ui", "fontSize": 11 } ] } ] }, { "type": "frame", "id": "b4OBb", "name": "Feed", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "C6iO9", "name": "ev shell", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 8, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 9, "padding": 10, "children": [ { "type": "icon", "id": "kECJ7", "name": "ic", "width": 15, "height": 15, "icon": "circle-x", "library": "lucide", "fill": "$st-error" }, { "type": "frame", "id": "q3c6J", "name": "col", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "frame", "id": "ZwYot", "name": "top", "width": "fill_container", "gap": 6, "alignItems": "center", "children": [ { "type": "text", "id": "FPDtw", "name": "src", "fill": "$text-secondary", "content": "billing-svc · shell", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "600" }, { "type": "frame", "id": "tRu1K", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "WDEwu", "name": "tm", "fill": "$text-muted", "content": "2m", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "text", "id": "rE2mg", "name": "msg", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "deploy failed: pull access denied for registry/api", "lineHeight": 1.35, "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "ellipse", "id": "EAjrv", "name": "u", "fill": "$accent", "width": 7, "height": 7 } ] }, { "type": "frame", "id": "qbARl", "name": "ev codex", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 8, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 9, "padding": 10, "children": [ { "type": "icon", "id": "wIRPV", "name": "ic", "width": 15, "height": 15, "icon": "keyboard", "library": "lucide", "fill": "$st-wait" }, { "type": "frame", "id": "N2V3Er", "name": "col", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "frame", "id": "ZG4s8", "name": "top", "width": "fill_container", "gap": 6, "alignItems": "center", "children": [ { "type": "text", "id": "F6cPXr", "name": "src", "fill": "$text-secondary", "content": "api-gateway · codex", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "600" }, { "type": "frame", "id": "EbNyp", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "CtMxz", "name": "tm", "fill": "$text-muted", "content": "5m", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "text", "id": "aBv7X", "name": "msg", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "needs confirmation: apply changes to router.go", "lineHeight": 1.35, "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "ellipse", "id": "CTSZT", "name": "u", "fill": "$accent", "width": 7, "height": 7 } ] }, { "type": "frame", "id": "nQuR8", "name": "ev gemini", "width": "fill_container", "fill": "#00000000", "cornerRadius": 8, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 9, "padding": 10, "children": [ { "type": "icon", "id": "tnmjv", "name": "ic", "width": 15, "height": 15, "icon": "circle-check", "library": "lucide", "fill": "$st-done" }, { "type": "frame", "id": "ysgOR", "name": "col", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "frame", "id": "Wi0GE", "name": "top", "width": "fill_container", "gap": 6, "alignItems": "center", "children": [ { "type": "text", "id": "CpkqO", "name": "src", "fill": "$text-secondary", "content": "infra-platform · gemini", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "600" }, { "type": "frame", "id": "L8QgO", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "VgKUs", "name": "tm", "fill": "$text-muted", "content": "11m", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "text", "id": "RjBOQ", "name": "msg", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "migration 0042_billing applied · 1 up", "lineHeight": 1.35, "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "zCiPP", "name": "ev claude", "width": "fill_container", "fill": "#00000000", "cornerRadius": 8, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 9, "padding": 10, "children": [ { "type": "icon", "id": "T4CxOE", "name": "ic", "width": 15, "height": 15, "icon": "circle-check", "library": "lucide", "fill": "$st-done" }, { "type": "frame", "id": "WZMhv", "name": "col", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "frame", "id": "zeE5R", "name": "top", "width": "fill_container", "gap": 6, "alignItems": "center", "children": [ { "type": "text", "id": "TFyeX", "name": "src", "fill": "$text-secondary", "content": "k8s-upgrade · claude", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "600" }, { "type": "frame", "id": "I4n9ff", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "jFk8C", "name": "tm", "fill": "$text-muted", "content": "1h", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "text", "id": "n21eV", "name": "msg", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "task complete · 3 files changed", "lineHeight": 1.35, "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "z4GIQ8", "name": "ev claude", "width": "fill_container", "fill": "#00000000", "cornerRadius": 8, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 9, "padding": 10, "children": [ { "type": "icon", "id": "fWFmW", "name": "ic", "width": 15, "height": 15, "icon": "loader", "library": "lucide", "fill": "$st-work" }, { "type": "frame", "id": "Ls0Zs", "name": "col", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "frame", "id": "gteZS", "name": "top", "width": "fill_container", "gap": 6, "alignItems": "center", "children": [ { "type": "text", "id": "BDlet", "name": "src", "fill": "$text-secondary", "content": "infra-platform · claude", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "600" }, { "type": "frame", "id": "qgZRp", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "RGbD1", "name": "tm", "fill": "$text-muted", "content": "1h", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "text", "id": "CtyV7", "name": "msg", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "started: refactor terraform modules", "lineHeight": 1.35, "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "AQqGl", "name": "Channels", "width": "fill_container", "stroke": "$border-subtle", "strokeWidth": { "top": 1 }, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": [ 10, 0, 0, 0 ], "children": [ { "type": "text", "id": "zsrE6", "name": "ct", "fill": "$text-muted", "content": "EXTERNAL NOTIFY", "fontFamily": "$font-ui", "fontSize": 10, "fontWeight": "700", "letterSpacing": 0.5 }, { "type": "frame", "id": "NQdeS", "name": "chrow", "width": "fill_container", "gap": 8, "children": [ { "type": "frame", "id": "y43Pp", "name": "Telegram", "width": "fill_container", "height": 30, "fill": "$bg-panel", "cornerRadius": 7, "gap": 7, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "rj6ip", "name": "i", "width": 13, "height": 13, "icon": "send", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "J6CKjW", "name": "n", "fill": "$text-primary", "content": "Telegram", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "kbeMc", "name": "s", "width": "fill_container", "height": 1 }, { "type": "ellipse", "id": "mkXnI", "name": "on", "fill": "$st-done", "width": 7, "height": 7 } ] }, { "type": "frame", "id": "QokP3", "name": "MAX", "width": "fill_container", "height": 30, "fill": "$bg-panel", "cornerRadius": 7, "gap": 7, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "rrp0p", "name": "i", "width": 13, "height": 13, "icon": "message-circle", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "F91u5", "name": "n", "fill": "$text-primary", "content": "MAX", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "J2Hp8", "name": "s", "width": "fill_container", "height": 1 }, { "type": "ellipse", "id": "XOaDq", "name": "on", "fill": "$st-done", "width": 7, "height": 7 } ] } ] } ] } ] } ] } ] }, { "type": "frame", "id": "J5j1Uy", "x": 1520, "y": 0, "name": "spacesh — Code & Diff", "clip": true, "width": 1440, "height": 900, "fill": "$bg-app", "layout": "vertical", "children": [ { "type": "frame", "id": "YYCoz", "name": "TitleBar", "width": "fill_container", "height": 40, "fill": "$bg-sidebar", "stroke": "$border-subtle", "strokeWidth": { "bottom": 1 }, "strokeAlignment": "inner", "gap": 14, "padding": [ 0, 14 ], "alignItems": "center", "children": [ { "type": "frame", "id": "gwbXe", "name": "lights", "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", "id": "RdICv", "name": "d", "fill": "#F4544E", "width": 12, "height": 12 }, { "type": "ellipse", "id": "DnBVo", "name": "d", "fill": "#F2B84B", "width": 12, "height": 12 }, { "type": "ellipse", "id": "zBaOa", "name": "d", "fill": "#3FB950", "width": 12, "height": 12 } ] }, { "type": "frame", "id": "T5dev", "name": "tog-panel-left", "width": 26, "height": 26, "fill": "$bg-elevated", "cornerRadius": 6, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "m4Jvnk", "name": "i", "width": 15, "height": 15, "icon": "panel-left", "library": "lucide", "fill": "$text-secondary" } ] }, { "type": "frame", "id": "M3f03", "name": "tw", "gap": 8, "alignItems": "center", "children": [ { "type": "icon", "id": "zlFVm", "name": "i", "width": 15, "height": 15, "icon": "folder-git-2", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "cv8KG", "name": "n", "fill": "$text-primary", "content": "infra-platform", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "m3YRt", "name": "s", "fill": "$text-muted", "content": "/", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "icon", "id": "h7gMW", "name": "gi", "width": 14, "height": 14, "icon": "git-compare", "library": "lucide", "fill": "$accent" }, { "type": "text", "id": "p5ib1f", "name": "l", "fill": "$text-secondary", "content": "Review changes", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ZLYm1", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "P7P9pW", "name": "ViewSeg", "clip": true, "cornerRadius": 7, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "children": [ { "type": "frame", "id": "fSVw6", "name": "Unified", "height": 24, "fill": "$bg-elevated", "padding": [ 0, 11 ], "alignItems": "center", "children": [ { "type": "text", "id": "cFi3d", "name": "t", "fill": "$text-primary", "content": "Unified", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "vIq8x", "name": "Split", "height": 24, "fill": "#00000000", "padding": [ 0, 11 ], "alignItems": "center", "children": [ { "type": "text", "id": "EAwwk", "name": "t", "fill": "$text-muted", "content": "Split", "fontFamily": "$font-ui", "fontSize": 11 } ] } ] }, { "type": "rectangle", "id": "QZa32", "name": "sep", "fill": "$border-strong", "width": 1, "height": 18 }, { "id": "AtXna", "type": "ref", "ref": "HyPQi", "name": "AccountMenu" } ] }, { "type": "frame", "id": "ABggG", "name": "Body", "width": "fill_container", "height": "fill_container", "children": [ { "type": "frame", "id": "YkVOj", "name": "ChangeTree", "clip": true, "width": 300, "height": "fill_container", "fill": "$bg-sidebar", "stroke": "$border-subtle", "strokeWidth": { "right": 1 }, "strokeAlignment": "inner", "layout": "vertical", "gap": 2, "padding": 14, "children": [ { "type": "frame", "id": "p66Dd", "name": "th", "width": "fill_container", "height": 26, "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", "id": "WJMWh", "name": "r", "innerRadius": 0.5, "fill": "$st-work", "width": 9, "height": 9 }, { "type": "text", "id": "COQ35", "name": "a", "fill": "$text-primary", "content": "claude", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "600" }, { "type": "frame", "id": "pKbY1", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "g24BJh", "name": "c", "fill": "$text-muted", "content": "5 files", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "AY1V1", "name": "gap", "width": "fill_container", "height": 8 }, { "type": "frame", "id": "XpgV2", "name": "f network/main.tf", "width": "fill_container", "height": 32, "fill": "$bg-elevated", "cornerRadius": 6, "gap": 9, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "OoTXU", "name": "st", "fill": "$st-wait", "content": "M", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" }, { "type": "text", "id": "a8ssbS", "name": "nm", "fill": "$text-primary", "content": "network/main.tf", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "s6nnB", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "oKsEq", "name": "ad", "fill": "$st-done", "content": "+42", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" }, { "type": "text", "id": "r6pKD", "name": "dl", "fill": "$st-error", "content": "−18", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "bIWaS", "name": "f network/vars.tf", "width": "fill_container", "height": 32, "fill": "#00000000", "cornerRadius": 6, "gap": 9, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "l45JM", "name": "st", "fill": "$st-wait", "content": "M", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" }, { "type": "text", "id": "w8H1fx", "name": "nm", "fill": "$text-secondary", "content": "network/vars.tf", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "TWrTv", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "e6sxI", "name": "ad", "fill": "$st-done", "content": "+8", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" }, { "type": "text", "id": "SgyPd", "name": "dl", "fill": "$st-error", "content": "−2", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "f0Wr3", "name": "f modules/vpc.tf", "width": "fill_container", "height": 32, "fill": "#00000000", "cornerRadius": 6, "gap": 9, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "Y3CVNl", "name": "st", "fill": "$st-done", "content": "A", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" }, { "type": "text", "id": "ZZLK6", "name": "nm", "fill": "$text-secondary", "content": "modules/vpc.tf", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "Jy1uM", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "lnlts", "name": "ad", "fill": "$st-done", "content": "+64", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "mMDVi", "name": "f legacy/old.tf", "width": "fill_container", "height": 32, "fill": "#00000000", "cornerRadius": 6, "gap": 9, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "Gcg6w", "name": "st", "fill": "$st-error", "content": "D", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" }, { "type": "text", "id": "hDUdq", "name": "nm", "fill": "$text-secondary", "content": "legacy/old.tf", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "w0xenx", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "PCunf", "name": "dl", "fill": "$st-error", "content": "−51", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "X5VbD9", "name": "f README.md", "width": "fill_container", "height": 32, "fill": "#00000000", "cornerRadius": 6, "gap": 9, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "ZrSzm", "name": "st", "fill": "$st-wait", "content": "M", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" }, { "type": "text", "id": "u1FlLv", "name": "nm", "fill": "$text-secondary", "content": "README.md", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "EC8XA", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "oPjzE", "name": "ad", "fill": "$st-done", "content": "+3", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" }, { "type": "text", "id": "kPdlC", "name": "dl", "fill": "$st-error", "content": "−1", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "FKyDH", "name": "tsp", "width": "fill_container", "height": "fill_container" }, { "type": "frame", "id": "cAi7h", "name": "TreeActions", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "q7kYL", "name": "Accept", "width": "fill_container", "height": 34, "fill": "$st-done", "cornerRadius": 7, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "MeRPX", "name": "i", "width": 15, "height": 15, "icon": "check", "library": "lucide", "fill": "#0A0D12" }, { "type": "text", "id": "t4tJZ", "name": "t", "fill": "#0A0D12", "content": "Accept all", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "frame", "id": "TFUav", "name": "Reject", "width": "fill_container", "height": 32, "fill": "#00000000", "cornerRadius": 7, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "rbDvq", "name": "t", "fill": "$text-secondary", "content": "Reject changes", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "QrHUD", "name": "DiffView", "clip": true, "width": "fill_container", "height": "fill_container", "fill": "$bg-panel", "layout": "vertical", "children": [ { "type": "frame", "id": "LDf4i", "name": "FileHead", "width": "fill_container", "height": 38, "fill": "$bg-elevated", "stroke": "$border-subtle", "strokeWidth": { "bottom": 1 }, "strokeAlignment": "inner", "gap": 10, "padding": [ 0, 14 ], "alignItems": "center", "children": [ { "type": "icon", "id": "cIWE0", "name": "fi", "width": 14, "height": 14, "icon": "file-code", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "gqEB8", "name": "fp", "fill": "$text-primary", "content": "modules/network/main.tf", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "M5bsI", "name": "fs", "fill": "$text-muted", "content": "+42 −18", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "H36bk", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "yQobH", "name": "nav", "gap": 4, "alignItems": "center", "children": [ { "type": "icon", "id": "N3bDV", "name": "chevron-up", "width": 15, "height": 15, "icon": "chevron-up", "library": "lucide", "fill": "$text-secondary" }, { "type": "icon", "id": "XOT66", "name": "chevron-down", "width": 15, "height": 15, "icon": "chevron-down", "library": "lucide", "fill": "$text-secondary" } ] }, { "type": "text", "id": "Msc2e", "name": "hint", "fill": "$text-muted", "content": "hunk 1/3", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "b7wRGq", "name": "Code", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "padding": [ 6, 0 ], "children": [ { "type": "frame", "id": "oMhEO", "name": "ln", "width": "fill_container", "height": 20, "fill": "$bg-elevated", "alignItems": "center", "children": [ { "type": "frame", "id": "I8otl", "name": "pad", "width": 76, "height": 1 }, { "type": "text", "id": "Yye8q", "name": "t", "fill": "$accent", "textGrowth": "fixed-width", "width": "fill_container", "content": "@@ -12,7 +12,9 @@ module \"network\"", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "XiE9h", "name": "ln", "width": "fill_container", "height": 20, "fill": "#00000000", "alignItems": "center", "children": [ { "type": "frame", "id": "c2frT", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "Nuc6K", "name": "t", "fill": "$text-muted", "content": "12", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Ma124", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "Vqvqj", "name": "t", "fill": "$text-muted", "content": "12", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "wAHOz", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "Rf2xj", "name": "s", "fill": "$text-muted", "content": " ", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "fSaGT", "name": "t", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "resource \"aws_vpc\" \"main\" {", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "qFDwi", "name": "ln", "width": "fill_container", "height": 20, "fill": "#00000000", "alignItems": "center", "children": [ { "type": "frame", "id": "gbZ78", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "jNeND", "name": "t", "fill": "$text-muted", "content": "13", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "e9X8Wn", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "qjxZT", "name": "t", "fill": "$text-muted", "content": "13", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "eVWyA", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "GLL96", "name": "s", "fill": "$text-muted", "content": " ", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "mOxZw", "name": "t", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": " cidr_block = var.cidr", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "sXqbY", "name": "ln", "width": "fill_container", "height": 20, "fill": "#F4544E18", "alignItems": "center", "children": [ { "type": "frame", "id": "WBVnR", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "cULZl", "name": "t", "fill": "$text-muted", "content": "14", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "DM2GR", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "iB9lt", "name": "t", "fill": "$text-muted", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "beRIJ", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "hxPKP", "name": "s", "fill": "$st-error", "content": "-", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "kqHRJ", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": " enable_dns = true", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "F5KMe", "name": "ln", "width": "fill_container", "height": 20, "fill": "#3FB95018", "alignItems": "center", "children": [ { "type": "frame", "id": "o1ZqR", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "E35zaK", "name": "t", "fill": "$text-muted", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "i93bjC", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "WnlKK", "name": "t", "fill": "$text-muted", "content": "14", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "IXreF", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "BWyEh", "name": "s", "fill": "$st-done", "content": "+", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "duB1a", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": " enable_dns_support = true", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "FqJ8A", "name": "ln", "width": "fill_container", "height": 20, "fill": "#3FB95018", "alignItems": "center", "children": [ { "type": "frame", "id": "B9uHb", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "BoUfs", "name": "t", "fill": "$text-muted", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "P1tCPh", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "Zco7n", "name": "t", "fill": "$text-muted", "content": "15", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "HzOwS", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "aOhfI", "name": "s", "fill": "$st-done", "content": "+", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "NZzaR", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": " enable_dns_hostnames = true", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "YrBdg", "name": "ln", "width": "fill_container", "height": 20, "fill": "#00000000", "alignItems": "center", "children": [ { "type": "frame", "id": "H5uRmF", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "sjk5b", "name": "t", "fill": "$text-muted", "content": "15", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "oSJUZ", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "AQoZv", "name": "t", "fill": "$text-muted", "content": "16", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "DyuQf", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "ETYL7", "name": "s", "fill": "$text-muted", "content": " ", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "IjeQe", "name": "t", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": " tags = local.common_tags", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "IAMNB", "name": "ln", "width": "fill_container", "height": 20, "fill": "#00000000", "alignItems": "center", "children": [ { "type": "frame", "id": "DDqYq", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "bSzFr", "name": "t", "fill": "$text-muted", "content": "16", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "YAsnK", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "wnSIU", "name": "t", "fill": "$text-muted", "content": "17", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "UoNBB", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "D6Lhq", "name": "s", "fill": "$text-muted", "content": " ", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "TOMGd", "name": "t", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "}", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "SwjUZ", "name": "ln", "width": "fill_container", "height": 20, "fill": "$bg-elevated", "alignItems": "center", "children": [ { "type": "frame", "id": "bl8N4", "name": "pad", "width": 76, "height": 1 }, { "type": "text", "id": "B7u27u", "name": "t", "fill": "$accent", "textGrowth": "fixed-width", "width": "fill_container", "content": "@@ -28,4 +30,8 @@ locals", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "c89TEn", "name": "ln", "width": "fill_container", "height": 20, "fill": "#00000000", "alignItems": "center", "children": [ { "type": "frame", "id": "t4Vp3", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "gc3q9", "name": "t", "fill": "$text-muted", "content": "28", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "n8jNr", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "O8L73", "name": "t", "fill": "$text-muted", "content": "30", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "jAexF", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "DDBDV", "name": "s", "fill": "$text-muted", "content": " ", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "UXIxN", "name": "t", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "locals {", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "o7QvS", "name": "ln", "width": "fill_container", "height": 20, "fill": "#F4544E18", "alignItems": "center", "children": [ { "type": "frame", "id": "coaZ4", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "T68aI4", "name": "t", "fill": "$text-muted", "content": "29", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "cHdTq", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "J83D5", "name": "t", "fill": "$text-muted", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Pm9SQ", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "wz54v", "name": "s", "fill": "$st-error", "content": "-", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "lTnda", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": " common_tags = { env = \"dev\" }", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "nN8cM", "name": "ln", "width": "fill_container", "height": 20, "fill": "#3FB95018", "alignItems": "center", "children": [ { "type": "frame", "id": "rJ5MX", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "zcDwk", "name": "t", "fill": "$text-muted", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "C4he6j", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "IaBxU", "name": "t", "fill": "$text-muted", "content": "31", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "VcYid", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "f3Tmx", "name": "s", "fill": "$st-done", "content": "+", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "X1Oih", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": " common_tags = {", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Axcw2", "name": "ln", "width": "fill_container", "height": 20, "fill": "#3FB95018", "alignItems": "center", "children": [ { "type": "frame", "id": "yirdz", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "Vdd9W", "name": "t", "fill": "$text-muted", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "PIYGU", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "mOW98", "name": "t", "fill": "$text-muted", "content": "32", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ibnJP", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "A6lsy", "name": "s", "fill": "$st-done", "content": "+", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "NSc97", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": " env = var.environment", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "sudEo", "name": "ln", "width": "fill_container", "height": 20, "fill": "#3FB95018", "alignItems": "center", "children": [ { "type": "frame", "id": "hYxDJ", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "r8mEu", "name": "t", "fill": "$text-muted", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "I5qAR", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "o6IMgC", "name": "t", "fill": "$text-muted", "content": "33", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "e0jbA", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "e3LlA", "name": "s", "fill": "$st-done", "content": "+", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "S1p4Iq", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": " managed_by = \"spacesh\"", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "q5PnV", "name": "ln", "width": "fill_container", "height": 20, "fill": "#3FB95018", "alignItems": "center", "children": [ { "type": "frame", "id": "OzVwz", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "l7Ofs", "name": "t", "fill": "$text-muted", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "xMNBC", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "gxzQL", "name": "t", "fill": "$text-muted", "content": "34", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "V5elV", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "iIAC8", "name": "s", "fill": "$st-done", "content": "+", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "vkwcl", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": " }", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "w2LSn", "name": "ln", "width": "fill_container", "height": 20, "fill": "#00000000", "alignItems": "center", "children": [ { "type": "frame", "id": "D3ELp8", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "n8Kz6R", "name": "t", "fill": "$text-muted", "content": "30", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "JV9OU", "name": "g", "width": 38, "padding": [ 0, 8, 0, 0 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "N6Zhv", "name": "t", "fill": "$text-muted", "content": "35", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "d7JXQ", "name": "sg", "width": 16, "justifyContent": "center", "children": [ { "type": "text", "id": "G3ZB0", "name": "s", "fill": "$text-muted", "content": " ", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "text", "id": "sXy9r", "name": "t", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "}", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] } ] } ] }, { "type": "frame", "id": "G8n4SJ", "x": 3040, "y": 0, "name": "spacesh — New Workspace Wizard", "clip": true, "width": 1440, "height": 900, "fill": "#070A0E", "layout": "vertical", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "J1PzQ", "name": "Modal", "clip": true, "width": 720, "fill": "$bg-app", "cornerRadius": 14, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "effect": { "type": "shadow", "shadowType": "outer", "color": "#000000AA", "offset": { "x": 0, "y": 24 }, "blur": 60 }, "layout": "vertical", "children": [ { "type": "frame", "id": "OYK51", "name": "Head", "width": "fill_container", "stroke": "$border-subtle", "strokeWidth": { "bottom": 1 }, "strokeAlignment": "inner", "gap": 10, "padding": [ 18, 20 ], "alignItems": "center", "children": [ { "type": "icon", "id": "A9DAgr", "name": "i", "width": 18, "height": 18, "icon": "folder-plus", "library": "lucide", "fill": "$accent" }, { "type": "frame", "id": "fLT4D", "name": "ht", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "BqWfy", "name": "t", "fill": "$text-primary", "content": "New workspace", "fontFamily": "$font-ui", "fontSize": 16, "fontWeight": "700" }, { "type": "text", "id": "nXeLQ", "name": "s", "fill": "$text-secondary", "content": "Pick a folder, a layout, and assign an agent to each panel", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "LeRgu", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "icon", "id": "adpdM", "name": "x", "width": 18, "height": 18, "icon": "x", "library": "lucide", "fill": "$text-muted" } ] }, { "type": "frame", "id": "RzycV", "name": "WBody", "width": "fill_container", "layout": "vertical", "gap": 22, "padding": 20, "children": [ { "type": "frame", "id": "Uv3qC", "name": "sec Project folder", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "fxCpV", "name": "sh", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "z2cesu", "name": "num", "width": 18, "height": 18, "fill": "$bg-elevated", "cornerRadius": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "T14af", "name": "d", "fill": "$accent", "content": "1", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "text", "id": "M16zTf", "name": "t", "fill": "$text-secondary", "content": "PROJECT FOLDER", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "700", "letterSpacing": 0.3 } ] }, { "type": "frame", "id": "vaOOa", "name": "Folder", "width": "fill_container", "height": 42, "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 10, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "icon", "id": "EO6g0", "name": "fi", "width": 16, "height": 16, "icon": "folder", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "rumY5", "name": "p", "fill": "$text-primary", "content": "~/Developers/infra-platform", "fontFamily": "$font-mono", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "avbMo", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "XTJ8y", "name": "Browse", "height": 28, "fill": "$bg-elevated", "cornerRadius": 6, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "vU9Cy", "name": "t", "fill": "$text-primary", "content": "Browse…", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "Ec7lc", "name": "sec Layout preset", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "Zd4QT", "name": "sh", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "oRzGP", "name": "num", "width": 18, "height": 18, "fill": "$bg-elevated", "cornerRadius": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "wdCsR", "name": "d", "fill": "$accent", "content": "2", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "text", "id": "ww2B4", "name": "t", "fill": "$text-secondary", "content": "LAYOUT PRESET", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "700", "letterSpacing": 0.3 } ] }, { "type": "frame", "id": "JzYQP", "name": "Presets", "width": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "NCw9d", "name": "pc 1", "width": "fill_container", "fill": "$bg-panel", "cornerRadius": 10, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "ybKTJ", "name": "thumb", "width": "fill_container", "height": 54, "fill": "$bg-app", "cornerRadius": 5, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "padding": 4, "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "hH6B4", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" } ] }, { "type": "text", "id": "b694KP", "name": "l", "fill": "$text-secondary", "content": "1", "fontFamily": "$font-mono", "fontSize": 12 } ] }, { "type": "frame", "id": "w5cr0U", "name": "pc 2↔", "width": "fill_container", "fill": "$bg-panel", "cornerRadius": 10, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "DbKTt", "name": "thumb", "width": "fill_container", "height": 54, "fill": "$bg-app", "cornerRadius": 5, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "padding": 4, "children": [ { "type": "frame", "id": "fQy3o", "name": "r", "width": "fill_container", "height": "fill_container", "gap": 3, "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "h81rTk", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" }, { "type": "rectangle", "cornerRadius": 2, "id": "s7fu6y", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" } ] } ] }, { "type": "text", "id": "wmOLL", "name": "l", "fill": "$text-secondary", "content": "2↔", "fontFamily": "$font-mono", "fontSize": 12 } ] }, { "type": "frame", "id": "pGt1k", "name": "pc 2↕", "width": "fill_container", "fill": "$bg-panel", "cornerRadius": 10, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "vHOnG", "name": "thumb", "width": "fill_container", "height": 54, "fill": "$bg-app", "cornerRadius": 5, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "padding": 4, "children": [ { "type": "frame", "id": "b5OHCs", "name": "r", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "LsFg0", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" }, { "type": "rectangle", "cornerRadius": 2, "id": "woxm4", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" } ] } ] }, { "type": "text", "id": "VmM0z", "name": "l", "fill": "$text-secondary", "content": "2↕", "fontFamily": "$font-mono", "fontSize": 12 } ] }, { "type": "frame", "id": "QESwW", "name": "pc 2×2", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 10, "stroke": "$accent", "strokeWidth": 2, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "JeZKE", "name": "thumb", "width": "fill_container", "height": 54, "fill": "$bg-app", "cornerRadius": 5, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "padding": 4, "children": [ { "type": "frame", "id": "DThF7", "name": "col", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "frame", "id": "Uh3oW", "name": "rw", "width": "fill_container", "height": "fill_container", "gap": 3, "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "SKOUD", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" }, { "type": "rectangle", "cornerRadius": 2, "id": "W44pk2", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" } ] }, { "type": "frame", "id": "U8VL7", "name": "rw", "width": "fill_container", "height": "fill_container", "gap": 3, "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "NWH16", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" }, { "type": "rectangle", "cornerRadius": 2, "id": "m6STl", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" } ] } ] } ] }, { "type": "text", "id": "ttcJJ", "name": "l", "fill": "$text-primary", "content": "2×2", "fontFamily": "$font-mono", "fontSize": 12, "fontWeight": "700" } ] }, { "type": "frame", "id": "eb9hy", "name": "pc 2+1", "width": "fill_container", "fill": "$bg-panel", "cornerRadius": 10, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "f9c3A", "name": "thumb", "width": "fill_container", "height": 54, "fill": "$bg-app", "cornerRadius": 5, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "padding": 4, "children": [ { "type": "frame", "id": "aoxhj", "name": "r", "width": "fill_container", "height": "fill_container", "gap": 3, "children": [ { "type": "frame", "id": "sWQWo", "name": "lc", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "LIWCb", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" }, { "type": "rectangle", "cornerRadius": 2, "id": "d1AK3", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" } ] }, { "type": "rectangle", "cornerRadius": 2, "id": "Lj6e7", "name": "c", "fill": "#3A4452", "width": "fill_container", "height": "fill_container" } ] } ] }, { "type": "text", "id": "apUiR", "name": "l", "fill": "$text-secondary", "content": "2+1", "fontFamily": "$font-mono", "fontSize": 12 } ] } ] } ] }, { "type": "frame", "id": "R8Life", "name": "sec Assign agents", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "CewVb", "name": "sh", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "c887N", "name": "num", "width": 18, "height": 18, "fill": "$bg-elevated", "cornerRadius": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "k0129c", "name": "d", "fill": "$accent", "content": "3", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "text", "id": "olh9n", "name": "t", "fill": "$text-secondary", "content": "ASSIGN AGENTS", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "700", "letterSpacing": 0.3 } ] }, { "type": "frame", "id": "UZHGq", "name": "AgentGrid", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "pUlEl", "name": "ar1", "width": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "rtjGV", "name": "ac 1", "width": "fill_container", "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": 12, "children": [ { "type": "frame", "id": "hoo45", "name": "t", "width": "fill_container", "gap": 7, "alignItems": "center", "children": [ { "type": "text", "id": "dt8cw", "name": "pn", "fill": "$text-muted", "content": "PANEL 1", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "y6ShL", "name": "dd", "width": "fill_container", "height": 34, "fill": "$bg-elevated", "cornerRadius": 7, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 8, "padding": [ 0, 11 ], "alignItems": "center", "children": [ { "type": "icon", "id": "FDUAP", "name": "ai", "width": 14, "height": 14, "icon": "sparkles", "library": "lucide", "fill": "$accent" }, { "type": "text", "id": "W7bQq", "name": "an", "fill": "$text-primary", "content": "claude", "fontFamily": "$font-mono", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "OZaUo", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "icon", "id": "WpJ8I", "name": "ch", "width": 14, "height": 14, "icon": "chevron-down", "library": "lucide", "fill": "$text-muted" } ] } ] }, { "type": "frame", "id": "QnERO", "name": "ac 2", "width": "fill_container", "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": 12, "children": [ { "type": "frame", "id": "g0bdf", "name": "t", "width": "fill_container", "gap": 7, "alignItems": "center", "children": [ { "type": "text", "id": "maz1Q", "name": "pn", "fill": "$text-muted", "content": "PANEL 2", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "lUkLe", "name": "dd", "width": "fill_container", "height": 34, "fill": "$bg-elevated", "cornerRadius": 7, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 8, "padding": [ 0, 11 ], "alignItems": "center", "children": [ { "type": "icon", "id": "N2upC", "name": "ai", "width": 14, "height": 14, "icon": "bot", "library": "lucide", "fill": "$accent" }, { "type": "text", "id": "BTprV", "name": "an", "fill": "$text-primary", "content": "codex", "fontFamily": "$font-mono", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "aAbB1", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "icon", "id": "z7gtH", "name": "ch", "width": 14, "height": 14, "icon": "chevron-down", "library": "lucide", "fill": "$text-muted" } ] } ] } ] }, { "type": "frame", "id": "vkOQ7", "name": "ar2", "width": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "wQoPt", "name": "ac 3", "width": "fill_container", "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": 12, "children": [ { "type": "frame", "id": "Zqy02", "name": "t", "width": "fill_container", "gap": 7, "alignItems": "center", "children": [ { "type": "text", "id": "sn0ef", "name": "pn", "fill": "$text-muted", "content": "PANEL 3", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "RKTtg", "name": "dd", "width": "fill_container", "height": 34, "fill": "$bg-elevated", "cornerRadius": 7, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 8, "padding": [ 0, 11 ], "alignItems": "center", "children": [ { "type": "icon", "id": "jUPPo", "name": "ai", "width": 14, "height": 14, "icon": "gem", "library": "lucide", "fill": "$accent" }, { "type": "text", "id": "njJYF", "name": "an", "fill": "$text-primary", "content": "gemini", "fontFamily": "$font-mono", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "K9CFfy", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "icon", "id": "Fhpuq", "name": "ch", "width": 14, "height": 14, "icon": "chevron-down", "library": "lucide", "fill": "$text-muted" } ] } ] }, { "type": "frame", "id": "shgZ3", "name": "ac 4", "width": "fill_container", "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "layout": "vertical", "gap": 8, "padding": 12, "children": [ { "type": "frame", "id": "d6dQa", "name": "t", "width": "fill_container", "gap": 7, "alignItems": "center", "children": [ { "type": "text", "id": "eBCB7", "name": "pn", "fill": "$text-muted", "content": "PANEL 4", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "Bnjv3", "name": "dd", "width": "fill_container", "height": 34, "fill": "$bg-elevated", "cornerRadius": 7, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 8, "padding": [ 0, 11 ], "alignItems": "center", "children": [ { "type": "icon", "id": "TnqXG", "name": "ai", "width": 14, "height": 14, "icon": "terminal", "library": "lucide", "fill": "$accent" }, { "type": "text", "id": "i9Ajs", "name": "an", "fill": "$text-primary", "content": "shell", "fontFamily": "$font-mono", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "fEGFs", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "icon", "id": "G7VNt", "name": "ch", "width": 14, "height": 14, "icon": "chevron-down", "library": "lucide", "fill": "$text-muted" } ] } ] } ] } ] } ] } ] }, { "type": "frame", "id": "J0d0oh", "name": "Footer", "width": "fill_container", "fill": "$bg-sidebar", "stroke": "$border-subtle", "strokeWidth": { "top": 1 }, "strokeAlignment": "inner", "gap": 12, "padding": [ 16, 20 ], "alignItems": "center", "children": [ { "type": "text", "id": "J6atd", "name": "hint", "fill": "$text-muted", "content": "⌘⏎ to create", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "ukfmW", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "p3E0H", "name": "Cancel", "height": 36, "fill": "#00000000", "cornerRadius": 8, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "padding": [ 0, 16 ], "alignItems": "center", "children": [ { "type": "text", "id": "e8g7q", "name": "t", "fill": "$text-secondary", "content": "Cancel", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "A0h9iv", "name": "Create", "height": 36, "fill": "$accent", "cornerRadius": 8, "gap": 8, "padding": [ 0, 18 ], "alignItems": "center", "children": [ { "type": "icon", "id": "HtQQR", "name": "i", "width": 15, "height": 15, "icon": "arrow-right", "library": "lucide", "fill": "#0A0D12" }, { "type": "text", "id": "E1VOf", "name": "t", "fill": "#0A0D12", "content": "Create workspace", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "700" } ] } ] } ] } ] }, { "type": "frame", "id": "HyPQi", "x": 0, "y": -100, "name": "component/AccountMenu", "reusable": true, "gap": 7, "padding": [ 0, 4, 0, 0 ], "alignItems": "center", "children": [ { "type": "frame", "id": "kqPgD", "name": "Avatar", "width": 26, "height": 26, "fill": "$accent", "cornerRadius": 13, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "outer", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Bs5GV", "name": "Initials", "fill": "#0A0D12", "content": "VK", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "icon", "id": "H2CuVX", "name": "Chevron", "width": 13, "height": 13, "icon": "chevron-down", "library": "lucide", "fill": "$text-muted" } ] }, { "type": "frame", "id": "etDzB", "x": 0, "y": 980, "name": "spacesh — Account Dropdown", "clip": true, "width": 260, "fill": "$bg-elevated", "cornerRadius": 12, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "effect": { "type": "shadow", "shadowType": "outer", "color": "#000000AA", "offset": { "x": 0, "y": 16 }, "blur": 40 }, "layout": "vertical", "gap": 4, "padding": 6, "children": [ { "type": "frame", "id": "fpuAk", "name": "Profile", "width": "fill_container", "gap": 10, "padding": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "KN7YM", "name": "av", "width": 38, "height": 38, "fill": "$accent", "cornerRadius": 19, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "e2DaK", "name": "in", "fill": "#0A0D12", "content": "VK", "fontFamily": "$font-ui", "fontSize": 14, "fontWeight": "700" } ] }, { "type": "frame", "id": "uGp8f", "name": "col", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "RLA1g", "name": "nm", "fill": "$text-primary", "content": "Vasya Krg", "fontFamily": "$font-ui", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "eyJMK", "name": "em", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "vasyakrg@gmail.com", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "rectangle", "id": "KnyPE", "name": "div", "fill": "$border-subtle", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "eHGo2", "name": "mi Profile", "width": "fill_container", "height": 36, "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "WILxB", "name": "i", "width": 16, "height": 16, "icon": "user", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "u8ht79", "name": "l", "fill": "$text-primary", "content": "Profile", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "YQHFo", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "icon", "id": "hwyV6", "name": "ch", "width": 14, "height": 14, "icon": "chevron-right", "library": "lucide", "fill": "$text-muted" } ] }, { "type": "frame", "id": "m8DNs", "name": "mi Settings", "width": "fill_container", "height": 36, "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "s7deO", "name": "i", "width": 16, "height": 16, "icon": "settings", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "zrcba", "name": "l", "fill": "$text-primary", "content": "Settings", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "OlESu", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "al386", "name": "k", "fill": "$text-muted", "content": "⌘,", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "gouAk", "name": "mi Billing & Plan", "width": "fill_container", "height": 36, "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "uI7hR", "name": "i", "width": 16, "height": 16, "icon": "credit-card", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "j7XDsL", "name": "l", "fill": "$text-primary", "content": "Billing & Plan", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "ljUej", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "QSXF0", "name": "plan", "height": 18, "fill": "#000000", "cornerRadius": 9, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "vILbC", "name": "t", "fill": "$st-done", "content": "PRO", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "700" } ] } ] }, { "type": "frame", "id": "r0X78f", "name": "mi Notification channels", "width": "fill_container", "height": 36, "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "DJ3ON", "name": "i", "width": 16, "height": 16, "icon": "bell", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "ymAhN", "name": "l", "fill": "$text-primary", "content": "Notification channels", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "nluA2", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "icon", "id": "KwMgF", "name": "ch", "width": 14, "height": 14, "icon": "chevron-right", "library": "lucide", "fill": "$text-muted" } ] }, { "type": "rectangle", "id": "IjLVY", "name": "div2", "fill": "$border-subtle", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "oBNTx", "name": "mi Sign out", "width": "fill_container", "height": 36, "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "GCo10", "name": "i", "width": 16, "height": 16, "icon": "log-out", "library": "lucide", "fill": "$st-error" }, { "type": "text", "id": "vFtXN", "name": "l", "fill": "$st-error", "content": "Sign out", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "jVtZB", "name": "sp", "width": "fill_container", "height": 1 } ] } ] }, { "type": "frame", "id": "hij6M", "x": 0, "y": -1169, "name": "spacesh — Sign In", "clip": true, "width": 1440, "height": 900, "fill": "#070A0E", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "df9H8", "name": "AuthCard", "width": 420, "fill": "$bg-app", "cornerRadius": 16, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "effect": { "type": "shadow", "shadowType": "outer", "color": "#000000AA", "offset": { "x": 0, "y": 24 }, "blur": 60 }, "layout": "vertical", "gap": 22, "padding": 36, "children": [ { "type": "frame", "id": "jXd9D", "name": "Brand", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "H9NOC", "name": "bi", "width": 34, "height": 34, "fill": "$accent", "cornerRadius": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "Jj90x", "name": "i", "width": 20, "height": 20, "icon": "square-terminal", "library": "lucide", "fill": "#0A0D12" } ] }, { "type": "text", "id": "h45AV", "name": "w", "fill": "$text-primary", "content": "spacesh", "fontFamily": "$font-mono", "fontSize": 20, "fontWeight": "700" } ] }, { "type": "frame", "id": "U9zQeG", "name": "Titles", "width": "fill_container", "layout": "vertical", "gap": 5, "children": [ { "type": "text", "id": "SuZdS", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Sign in to spacesh", "fontFamily": "$font-ui", "fontSize": 20, "fontWeight": "700" }, { "type": "text", "id": "vi5an", "name": "s", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Sync workspaces and notifications across devices", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "twA3E", "name": "Form", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "PtEDX", "name": "fld Email", "width": "fill_container", "layout": "vertical", "gap": 7, "children": [ { "type": "frame", "id": "QNsEa", "name": "lr", "width": "fill_container", "alignItems": "center", "children": [ { "type": "text", "id": "wjtf2", "name": "l", "fill": "$text-secondary", "content": "Email", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "a6MHw", "name": "inp", "width": "fill_container", "height": 44, "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 10, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "icon", "id": "Sydsu", "name": "i", "width": 16, "height": 16, "icon": "mail", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "Q4sO2a", "name": "v", "fill": "$text-primary", "content": "vasyakrg@gmail.com", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "LcDEO", "name": "sp2", "width": "fill_container", "height": 1 } ] } ] }, { "type": "frame", "id": "CRVeI", "name": "fld Password", "width": "fill_container", "layout": "vertical", "gap": 7, "children": [ { "type": "frame", "id": "ioFoa", "name": "lr", "width": "fill_container", "alignItems": "center", "children": [ { "type": "text", "id": "tYRHS", "name": "l", "fill": "$text-secondary", "content": "Password", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "600" }, { "type": "frame", "id": "Tg96Z", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "text", "id": "mLkBJ", "name": "fp", "fill": "$accent", "content": "Forgot?", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ApCMT", "name": "inp", "width": "fill_container", "height": 44, "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 10, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "icon", "id": "P88tje", "name": "i", "width": 16, "height": 16, "icon": "lock", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "ur0BO", "name": "v", "fill": "$text-primary", "content": "••••••••••", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "x3kVIs", "name": "sp2", "width": "fill_container", "height": 1 }, { "type": "icon", "id": "t8R3w", "name": "eye", "width": 16, "height": 16, "icon": "eye-off", "library": "lucide", "fill": "$text-muted" } ] } ] }, { "type": "frame", "id": "byvRP", "name": "Submit", "width": "fill_container", "height": 46, "fill": "$accent", "cornerRadius": 9, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "XXMRI", "name": "t", "fill": "#0A0D12", "content": "Sign in", "fontFamily": "$font-ui", "fontSize": 14, "fontWeight": "700" } ] } ] }, { "type": "frame", "id": "V12Uj", "name": "Or", "width": "fill_container", "gap": 12, "alignItems": "center", "children": [ { "type": "rectangle", "id": "E6Wee", "name": "l", "fill": "$border-subtle", "width": "fill_container", "height": 1 }, { "type": "text", "id": "DnKTO", "name": "o", "fill": "$text-muted", "content": "OR", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "normal" }, { "type": "rectangle", "id": "ObF1C", "name": "r", "fill": "$border-subtle", "width": "fill_container", "height": 1 } ] }, { "type": "frame", "id": "z47v9W", "name": "OAuth", "width": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "AJR8c", "name": "GitHub", "width": "fill_container", "height": 42, "fill": "$bg-elevated", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "U88aTn", "name": "i", "width": 16, "height": 16, "icon": "github", "library": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "YHf4Q", "name": "t", "fill": "$text-primary", "content": "GitHub", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "aS8hU", "name": "Google", "width": "fill_container", "height": 42, "fill": "$bg-elevated", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "Egjxq", "name": "i", "width": 16, "height": 16, "icon": "globe", "library": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "ioMXL", "name": "t", "fill": "$text-primary", "content": "Google", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "PQ1Gg", "name": "Foot", "width": "fill_container", "gap": 5, "justifyContent": "center", "children": [ { "type": "text", "id": "m3wl6U", "name": "a", "fill": "$text-secondary", "content": "No account?", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "text", "id": "o1ifUf", "name": "b", "fill": "$accent", "content": "Create one", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "yZwzo", "x": 1520, "y": -1169, "name": "spacesh — Sign Up", "clip": true, "width": 1440, "height": 900, "fill": "#070A0E", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "KtFkq", "name": "AuthCard", "width": 420, "fill": "$bg-app", "cornerRadius": 16, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "effect": { "type": "shadow", "shadowType": "outer", "color": "#000000AA", "offset": { "x": 0, "y": 24 }, "blur": 60 }, "layout": "vertical", "gap": 22, "padding": 36, "children": [ { "type": "frame", "id": "QD3Dx", "name": "Brand", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "cMhDD", "name": "bi", "width": 34, "height": 34, "fill": "$accent", "cornerRadius": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "I9JZX", "name": "i", "width": 20, "height": 20, "icon": "square-terminal", "library": "lucide", "fill": "#0A0D12" } ] }, { "type": "text", "id": "yjLvL", "name": "w", "fill": "$text-primary", "content": "spacesh", "fontFamily": "$font-mono", "fontSize": 20, "fontWeight": "700" } ] }, { "type": "frame", "id": "gqs3d", "name": "Titles", "width": "fill_container", "layout": "vertical", "gap": 5, "children": [ { "type": "text", "id": "sciE6", "name": "t", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Create your account", "fontFamily": "$font-ui", "fontSize": 20, "fontWeight": "700" }, { "type": "text", "id": "r0iRv4", "name": "s", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Start syncing workspaces and external notifications", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Ts8kj", "name": "Form", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "kLDNF", "name": "fld Name", "width": "fill_container", "layout": "vertical", "gap": 7, "children": [ { "type": "text", "id": "MFh1c", "name": "l", "fill": "$text-secondary", "content": "Name", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "600" }, { "type": "frame", "id": "B3neN", "name": "inp", "width": "fill_container", "height": 44, "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 10, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "icon", "id": "qpcky", "name": "i", "width": 16, "height": 16, "icon": "user", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "yI446", "name": "v", "fill": "$text-primary", "content": "Vasya Krg", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "Fhujo", "name": "sp2", "width": "fill_container", "height": 1 } ] } ] }, { "type": "frame", "id": "MKPYw", "name": "fld Email", "width": "fill_container", "layout": "vertical", "gap": 7, "children": [ { "type": "text", "id": "GwVf9", "name": "l", "fill": "$text-secondary", "content": "Email", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "600" }, { "type": "frame", "id": "WyXBc", "name": "inp", "width": "fill_container", "height": 44, "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 10, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "icon", "id": "FcVaD", "name": "i", "width": 16, "height": 16, "icon": "mail", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "wiCGO", "name": "v", "fill": "$text-muted", "content": "you@example.com", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "z680O5", "name": "sp2", "width": "fill_container", "height": 1 } ] } ] }, { "type": "frame", "id": "kNCfE", "name": "fld Password", "width": "fill_container", "layout": "vertical", "gap": 7, "children": [ { "type": "text", "id": "Pf3ve", "name": "l", "fill": "$text-secondary", "content": "Password", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "600" }, { "type": "frame", "id": "zzjy3", "name": "inp", "width": "fill_container", "height": 44, "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 10, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "icon", "id": "ipPsM", "name": "i", "width": 16, "height": 16, "icon": "lock", "library": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "nawfv", "name": "v", "fill": "$text-muted", "content": "At least 8 characters", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "g2SOQ", "name": "sp2", "width": "fill_container", "height": 1 }, { "type": "icon", "id": "E3M8eY", "name": "eye", "width": 16, "height": 16, "icon": "eye-off", "library": "lucide", "fill": "$text-muted" } ] } ] }, { "type": "frame", "id": "zom3P", "name": "Submit", "width": "fill_container", "height": 46, "fill": "$accent", "cornerRadius": 9, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "K3hRX9", "name": "t", "fill": "#0A0D12", "content": "Create account", "fontFamily": "$font-ui", "fontSize": 14, "fontWeight": "700" } ] }, { "type": "text", "id": "h6gRx", "name": "tos", "fill": "$text-muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "By creating an account you agree to the Terms and Privacy Policy", "lineHeight": 1.4, "textAlign": "center", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "OjHBX", "name": "Or", "width": "fill_container", "gap": 12, "alignItems": "center", "children": [ { "type": "rectangle", "id": "MyN2j", "name": "l", "fill": "$border-subtle", "width": "fill_container", "height": 1 }, { "type": "text", "id": "qXhnC", "name": "o", "fill": "$text-muted", "content": "OR", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "normal" }, { "type": "rectangle", "id": "F1ohEM", "name": "r", "fill": "$border-subtle", "width": "fill_container", "height": 1 } ] }, { "type": "frame", "id": "dfnlV", "name": "OAuth", "width": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "OPm89", "name": "GitHub", "width": "fill_container", "height": 42, "fill": "$bg-elevated", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "eHP2H", "name": "i", "width": 16, "height": 16, "icon": "github", "library": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "Keju1", "name": "t", "fill": "$text-primary", "content": "GitHub", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "JIx3C", "name": "Google", "width": "fill_container", "height": 42, "fill": "$bg-elevated", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "U62ggJ", "name": "i", "width": 16, "height": 16, "icon": "globe", "library": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "E0uFbb", "name": "t", "fill": "$text-primary", "content": "Google", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "Gbrrx", "name": "Foot", "width": "fill_container", "gap": 5, "justifyContent": "center", "children": [ { "type": "text", "id": "gV3lN", "name": "a", "fill": "$text-secondary", "content": "Already have an account?", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" }, { "type": "text", "id": "MYjiI", "name": "b", "fill": "$accent", "content": "Sign in", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "uIvRx", "x": 3040, "y": -1169, "name": "spacesh — Account Settings", "clip": true, "width": 1440, "height": 900, "fill": "$bg-app", "layout": "vertical", "children": [ { "type": "frame", "id": "d1hkIj", "name": "TitleBar", "width": "fill_container", "height": 40, "fill": "$bg-sidebar", "stroke": "$border-subtle", "strokeWidth": { "bottom": 1 }, "strokeAlignment": "inner", "gap": 14, "padding": [ 0, 14 ], "alignItems": "center", "children": [ { "type": "frame", "id": "iIpEW", "name": "lights", "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", "id": "B8wt6k", "name": "d", "fill": "#F4544E", "width": 12, "height": 12 }, { "type": "ellipse", "id": "fMNTv", "name": "d", "fill": "#F2B84B", "width": 12, "height": 12 }, { "type": "ellipse", "id": "TQfOB", "name": "d", "fill": "#3FB950", "width": 12, "height": 12 } ] }, { "type": "icon", "id": "xv4C1", "name": "bk", "width": 16, "height": 16, "icon": "arrow-left", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "tvDOY", "name": "t", "fill": "$text-primary", "content": "Account", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "600" }, { "type": "frame", "id": "m8sVG", "name": "sp", "width": "fill_container", "height": 1 }, { "id": "f5N87", "type": "ref", "ref": "HyPQi", "name": "AccountMenu" } ] }, { "type": "frame", "id": "ja3YK", "name": "Body", "width": "fill_container", "height": "fill_container", "children": [ { "type": "frame", "id": "GlIRK", "name": "SettingsNav", "width": 228, "height": "fill_container", "fill": "$bg-sidebar", "stroke": "$border-subtle", "strokeWidth": { "right": 1 }, "strokeAlignment": "inner", "layout": "vertical", "gap": 3, "padding": 14, "children": [ { "type": "text", "id": "rxIrJ", "name": "hd", "fill": "$text-muted", "content": "SETTINGS", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "700", "letterSpacing": 0.5 }, { "type": "frame", "id": "ck3cb", "name": "g", "width": "fill_container", "height": 6 }, { "type": "frame", "id": "RxHup", "name": "nv Profile", "width": "fill_container", "height": 36, "fill": "$bg-elevated", "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "W3qjqe", "name": "i", "width": 16, "height": 16, "icon": "user", "library": "lucide", "fill": "$accent" }, { "type": "text", "id": "V9l0L2", "name": "l", "fill": "$text-primary", "content": "Profile", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "wuRsb", "name": "nv Plan & Billing", "width": "fill_container", "height": 36, "fill": "#00000000", "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "yaanA", "name": "i", "width": 16, "height": 16, "icon": "credit-card", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "x13cC", "name": "l", "fill": "$text-secondary", "content": "Plan & Billing", "fontFamily": "$font-ui", "fontSize": 13 } ] }, { "type": "frame", "id": "PTEz9", "name": "nv Notifications", "width": "fill_container", "height": 36, "fill": "#00000000", "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "PBBmP", "name": "i", "width": 16, "height": 16, "icon": "bell", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "jHuMU", "name": "l", "fill": "$text-secondary", "content": "Notifications", "fontFamily": "$font-ui", "fontSize": 13 } ] }, { "type": "frame", "id": "oLwZN", "name": "nv Security", "width": "fill_container", "height": 36, "fill": "#00000000", "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "TYICP", "name": "i", "width": 16, "height": 16, "icon": "shield", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "RW9ao", "name": "l", "fill": "$text-secondary", "content": "Security", "fontFamily": "$font-ui", "fontSize": 13 } ] }, { "type": "frame", "id": "jC3r0", "name": "nv Appearance", "width": "fill_container", "height": 36, "fill": "#00000000", "cornerRadius": 7, "gap": 11, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "icon", "id": "VPGJv", "name": "i", "width": 16, "height": 16, "icon": "palette", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "o5CQ9", "name": "l", "fill": "$text-secondary", "content": "Appearance", "fontFamily": "$font-ui", "fontSize": 13 } ] } ] }, { "type": "frame", "id": "PVawO", "name": "Content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 24, "padding": [ 28, 32 ], "children": [ { "type": "frame", "id": "VTgXx", "name": "ProfileSec", "width": "fill_container", "layout": "vertical", "gap": 14, "children": [ { "type": "text", "id": "tyCK3", "name": "h", "fill": "$text-primary", "content": "Profile", "fontFamily": "$font-ui", "fontSize": 17, "fontWeight": "700" }, { "type": "frame", "id": "wQTuP", "name": "prow", "width": "fill_container", "gap": 18, "alignItems": "center", "children": [ { "type": "frame", "id": "p8SSFv", "name": "av", "width": 64, "height": 64, "fill": "$accent", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "PbkQC", "name": "in", "fill": "#0A0D12", "content": "VK", "fontFamily": "$font-ui", "fontSize": 24, "fontWeight": "700" } ] }, { "type": "frame", "id": "T8WqTM", "name": "pcol", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "FCqYi", "name": "change", "height": 32, "fill": "$bg-elevated", "cornerRadius": 7, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 7, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "icon", "id": "DXZnd", "name": "i", "width": 14, "height": 14, "icon": "upload", "library": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "MkA7c", "name": "t", "fill": "$text-primary", "content": "Change photo", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "text", "id": "gNGV6", "name": "hint", "fill": "$text-muted", "content": "PNG or JPG, max 2MB", "fontFamily": "$font-ui", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "EyVl5", "name": "frow", "width": "fill_container", "gap": 14, "children": [ { "type": "frame", "id": "dNiOS", "name": "fld Name", "width": "fill_container", "layout": "vertical", "gap": 7, "children": [ { "type": "text", "id": "s3PYm", "name": "l", "fill": "$text-secondary", "content": "Name", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "600" }, { "type": "frame", "id": "Pf9Iw", "name": "inp", "width": "fill_container", "height": 42, "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "qC8yq", "name": "v", "fill": "$text-primary", "content": "Vasya Krg", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "fVs7N", "name": "fld Email", "width": "fill_container", "layout": "vertical", "gap": 7, "children": [ { "type": "text", "id": "W8rKc1", "name": "l", "fill": "$text-secondary", "content": "Email", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "600" }, { "type": "frame", "id": "m9aRzY", "name": "inp", "width": "fill_container", "height": 42, "fill": "$bg-panel", "cornerRadius": 9, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "YGKJ1", "name": "v", "fill": "$text-primary", "content": "vasyakrg@gmail.com", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] } ] }, { "type": "frame", "id": "NG1fw", "name": "PlanSec", "width": "fill_container", "layout": "vertical", "gap": 14, "children": [ { "type": "text", "id": "gvrZw", "name": "h", "fill": "$text-primary", "content": "Plan & Billing", "fontFamily": "$font-ui", "fontSize": 17, "fontWeight": "700" }, { "type": "frame", "id": "ovUmi", "name": "PlanCard", "width": "fill_container", "fill": "$bg-sidebar", "cornerRadius": 12, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 16, "padding": 20, "alignItems": "center", "children": [ { "type": "frame", "id": "R1kZ5", "name": "pl", "layout": "vertical", "gap": 5, "children": [ { "type": "frame", "id": "RvYnf", "name": "pb", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "uDDiI", "name": "n", "fill": "$text-primary", "content": "Pro", "fontFamily": "$font-ui", "fontSize": 16, "fontWeight": "700" }, { "type": "frame", "id": "C1qz6", "name": "bdg", "height": 18, "fill": "#000000", "cornerRadius": 9, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "F2deA", "name": "t", "fill": "$st-done", "content": "ACTIVE", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "700" } ] } ] }, { "type": "text", "id": "rd3lu", "name": "d", "fill": "$text-secondary", "content": "$9/mo · renews Jul 9, 2026 · unlimited workspaces & sync", "fontFamily": "$font-ui", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "HdD6z", "name": "sp", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "HeMLZ", "name": "manage", "height": 36, "fill": "#00000000", "cornerRadius": 8, "stroke": "$border-strong", "strokeWidth": 1, "strokeAlignment": "inner", "padding": [ 0, 16 ], "alignItems": "center", "children": [ { "type": "text", "id": "uzCXN", "name": "t", "fill": "$text-primary", "content": "Manage plan", "fontFamily": "$font-ui", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "IrTHb", "name": "ChannelsSec", "width": "fill_container", "layout": "vertical", "gap": 14, "children": [ { "type": "text", "id": "i2TgE3", "name": "h", "fill": "$text-primary", "content": "Notification channels", "fontFamily": "$font-ui", "fontSize": 17, "fontWeight": "700" }, { "type": "frame", "id": "q80Nb", "name": "ch Telegram", "width": "fill_container", "fill": "$bg-sidebar", "cornerRadius": 12, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "jWUvG", "name": "ib", "width": 36, "height": 36, "fill": "$bg-elevated", "cornerRadius": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "JbtK4", "name": "i", "width": 17, "height": 17, "icon": "send", "library": "lucide", "fill": "$text-primary" } ] }, { "type": "frame", "id": "iGSiV", "name": "col", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "frame", "id": "nKJaW", "name": "tr", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "H3iBm", "name": "n", "fill": "$text-primary", "content": "Telegram", "fontFamily": "$font-ui", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "X2R22y", "name": "st", "height": 16, "fill": "#000000", "cornerRadius": 8, "gap": 5, "padding": [ 0, 7 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "Qhtgr", "name": "o", "fill": "$st-done", "width": 6, "height": 6 }, { "type": "text", "id": "a7RShs", "name": "t", "fill": "$st-done", "content": "connected", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "XR3aS", "name": "tok", "fill": "$text-muted", "content": "env:SPACESH_TG_TOKEN", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Wwg4k", "name": "toggle", "width": 40, "height": 22, "fill": "$accent", "cornerRadius": 11, "stroke": "#00000000", "strokeWidth": 1, "strokeAlignment": "inner", "padding": 2, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "ellipse", "id": "EVrUi", "name": "knob", "fill": "#0A0D12", "width": 16, "height": 16 } ] } ] }, { "type": "frame", "id": "EWUpy", "name": "ch MAX", "width": "fill_container", "fill": "$bg-sidebar", "cornerRadius": 12, "stroke": "$border-subtle", "strokeWidth": 1, "strokeAlignment": "inner", "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "k68K9V", "name": "ib", "width": 36, "height": 36, "fill": "$bg-elevated", "cornerRadius": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon", "id": "twNq4", "name": "i", "width": 17, "height": 17, "icon": "message-circle", "library": "lucide", "fill": "$text-primary" } ] }, { "type": "frame", "id": "dmdwl", "name": "col", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "frame", "id": "Xi7yX", "name": "tr", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "F5LXf8", "name": "n", "fill": "$text-primary", "content": "MAX", "fontFamily": "$font-ui", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "aJQCy", "name": "st", "height": 16, "fill": "#000000", "cornerRadius": 8, "gap": 5, "padding": [ 0, 7 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "pISgP", "name": "o", "fill": "$st-done", "width": 6, "height": 6 }, { "type": "text", "id": "n0A74", "name": "t", "fill": "$st-done", "content": "connected", "fontFamily": "$font-mono", "fontSize": 10, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "b7TcKj", "name": "tok", "fill": "$text-muted", "content": "env:SPACESH_MAX_TOKEN", "fontFamily": "$font-mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "IYw1p", "name": "toggle", "width": 40, "height": 22, "fill": "$accent", "cornerRadius": 11, "stroke": "#00000000", "strokeWidth": 1, "strokeAlignment": "inner", "padding": 2, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "ellipse", "id": "GZWqK", "name": "knob", "fill": "#0A0D12", "width": 16, "height": 16 } ] } ] } ] } ] } ] } ] } ], "variables": { "accent": { "type": "color", "value": "#4C8DFF" }, "bg-app": { "type": "color", "value": "#0E1116" }, "bg-elevated": { "type": "color", "value": "#1A2029" }, "bg-hover": { "type": "color", "value": "#222A35" }, "bg-panel": { "type": "color", "value": "#0A0D12" }, "bg-sidebar": { "type": "color", "value": "#13171F" }, "border-strong": { "type": "color", "value": "#323C49" }, "border-subtle": { "type": "color", "value": "#232A33" }, "font-mono": { "type": "string", "value": "JetBrains Mono" }, "font-ui": { "type": "string", "value": "Inter" }, "st-done": { "type": "color", "value": "#3FB950" }, "st-error": { "type": "color", "value": "#F4544E" }, "st-idle": { "type": "color", "value": "#5A6573" }, "st-wait": { "type": "color", "value": "#F2B84B" }, "st-work": { "type": "color", "value": "#4C8DFF" }, "text-muted": { "type": "color", "value": "#5A6573" }, "text-primary": { "type": "color", "value": "#E6EDF3" }, "text-secondary": { "type": "color", "value": "#8B97A6" } } }