8697 lines
326 KiB
Plaintext
8697 lines
326 KiB
Plaintext
{
|
||
"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": 4560,
|
||
"y": 0,
|
||
"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": 6080,
|
||
"y": 0,
|
||
"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": 7600,
|
||
"y": 0,
|
||
"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"
|
||
}
|
||
}
|
||
} |