toasterson/Anima
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Anima/main.pen
Till Wegmueller 1247c51389 Create initial screens and brief 
Signed-off-by: Till Wegmueller <toasty@aterm-1.home>
2026-04-11 22:17:42 +02:00

11070 lines
No EOL
462 KiB
Text
Raw Blame History

This file contains ambiguous Unicode characters

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

{
"version": "2.10",
"children": [
{
"type": "frame",
"id": "Q70r7",
"x": 1540,
"y": 0,
"name": "Work Item Detail",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--surface-inverse",
"cornerRadius": "$--rounded-lg",
"children": [
{
"type": "frame",
"id": "O7bQq",
"name": "Sidebar",
"width": 240,
"height": "fill_container",
"fill": "$--surface-card",
"layout": "vertical",
"gap": 8,
"padding": [
24,
16,
16,
16
],
"children": [
{
"type": "frame",
"id": "leYvG",
"name": "logo",
"width": "fill_container",
"gap": 10,
"padding": [
0,
0,
20,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "69rUm",
"name": "logoIcon",
"width": 28,
"height": 28,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "$--accent-primary",
"position": 0
},
{
"color": "$--accent-secondary",
"position": 1
}
]
},
"cornerRadius": 6
},
{
"type": "text",
"id": "1pqsv",
"name": "logoText",
"fill": "$--foreground-inverse",
"content": "CommandApp",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "OWxi9",
"name": "navSection",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "frame",
"id": "zqEjH",
"name": "navDash",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "8Q3Bk",
"name": "navDashIcon",
"width": 18,
"height": 18,
"iconFontName": "layout-dashboard",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "WvuJv",
"name": "navDashText",
"fill": "$--foreground-dim",
"content": "Dashboard",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ZvXJu",
"name": "navProj",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "JsGkf",
"name": "navProjIcon",
"width": 18,
"height": 18,
"iconFontName": "folder-git-2",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "BKZLi",
"name": "navProjText",
"fill": "$--foreground-dim",
"content": "Projects",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "lbaIs",
"name": "navLib",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "OFylu",
"name": "navLibIcon",
"width": 18,
"height": 18,
"iconFontName": "library",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "B1xQz",
"name": "navLibText",
"fill": "$--foreground-dim",
"content": "Library",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "7J6qH",
"name": "navFlow",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "jA2t7",
"name": "navFlowIcon",
"width": 18,
"height": 18,
"iconFontName": "workflow",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "Ebv81",
"name": "navFlowText",
"fill": "$--foreground-dim",
"content": "Workflows",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "zGqPO",
"name": "Main Content",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"fill": "$--surface-inverse",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "Pv6ql",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Neon Streaks",
"opacity": 0.35,
"width": 1200,
"height": 900,
"layout": "none",
"children": [
{
"type": "rectangle",
"id": "2dR5i",
"x": -50,
"y": 80,
"name": "streak1",
"rotation": 8,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "#582CFF00",
"position": 0
},
{
"color": "$--accent-primary",
"position": 0.4
},
{
"color": "#582CFF00",
"position": 1
}
]
},
"width": 700,
"height": 3,
"effect": {
"type": "blur",
"radius": 20
}
},
{
"type": "rectangle",
"id": "zRtg6",
"x": 200,
"y": 350,
"name": "streak2",
"rotation": -6.000000000000001,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "#BF40FF00",
"position": 0
},
{
"color": "$--accent-secondary",
"position": 0.5
},
{
"color": "#BF40FF00",
"position": 1
}
]
},
"width": 500,
"height": 2,
"effect": {
"type": "blur",
"radius": 25
}
},
{
"type": "rectangle",
"id": "ZPJgv",
"x": 100,
"y": 600,
"name": "streak3",
"rotation": 10,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "#00F2FF00",
"position": 0
},
{
"color": "$--accent-tertiary",
"position": 0.45
},
{
"color": "#00F2FF00",
"position": 1
}
]
},
"width": 600,
"height": 3,
"effect": {
"type": "blur",
"radius": 30
}
},
{
"type": "rectangle",
"id": "TVh6t",
"x": -100,
"y": 500,
"name": "streak4",
"rotation": -12.000000000000002,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "#582CFF00",
"position": 0
},
{
"color": "$--accent-primary",
"position": 0.5
},
{
"color": "#BF40FF00",
"position": 1
}
]
},
"width": 400,
"height": 2,
"effect": {
"type": "blur",
"radius": 18
}
}
]
},
{
"type": "frame",
"id": "iBkcA",
"name": "Top Bar",
"width": "fill_container",
"fill": "$--surface-card",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 16,
"padding": [
16,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "uSFxd",
"name": "backBtn",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 6,
"padding": [
6,
8
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "mMfEK",
"name": "backIcon",
"width": 14,
"height": 14,
"iconFontName": "arrow-left",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "aLRU5",
"name": "backText",
"fill": "$--foreground-muted",
"content": "Back",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "54HsM",
"name": "breadcrumb",
"fill": "$--foreground-dim",
"content": "Projects / Auth Service / Work Items / WI-142",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal",
"letterSpacing": 0.3
},
{
"type": "frame",
"id": "WBXEX",
"name": "topSpacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "9A4a9",
"name": "searchBox",
"width": 200,
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "G6cjr",
"name": "searchIcon",
"width": 14,
"height": 14,
"iconFontName": "search",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "tSe7C",
"name": "searchText",
"fill": "$--foreground-dim",
"content": "Search...",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "PAcqk",
"name": "bellIcon",
"width": 18,
"height": 18,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
}
]
},
{
"type": "frame",
"id": "bfkBF",
"name": "Content Body",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"children": [
{
"type": "frame",
"id": "fyzyD",
"name": "Left Column",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 20,
"padding": [
24,
28
],
"children": [
{
"type": "frame",
"id": "j8Zda",
"name": "Work Item Header",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "sxHkC",
"name": "headerTop",
"width": "fill_container",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "aIR1I",
"name": "statusBadge",
"fill": "$--accent-primary-muted",
"cornerRadius": 12,
"gap": 5,
"padding": [
4,
10
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "lB19p",
"name": "statusDot",
"fill": "$--accent-primary",
"width": 7,
"height": 7
},
{
"type": "text",
"id": "oy86G",
"name": "statusText",
"fill": "$--accent-primary",
"content": "In Progress",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "5mmmr",
"name": "priorBadge",
"fill": "#F59E0B22",
"cornerRadius": 12,
"gap": 5,
"padding": [
4,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "5Bhp7",
"name": "priorText",
"fill": "$--warning",
"content": "High Priority",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "idPAk",
"name": "workflowBadge",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 5,
"padding": [
4,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "3Aiel",
"name": "wfIcon",
"width": 11,
"height": 11,
"iconFontName": "workflow",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "7AWnQ",
"name": "wfText",
"fill": "$--accent-tertiary",
"content": "Security Review",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "tb2bh",
"name": "titleText",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Auth middleware rewrite — session token compliance",
"fontFamily": "Inter",
"fontSize": 22,
"fontWeight": "600"
},
{
"type": "text",
"id": "purGb",
"name": "descText",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Rewrite the authentication middleware to meet new compliance requirements for session token storage. Legal flagged the current implementation for storing tokens in a way that doesn't meet the updated security policy. This work item coordinates the full rewrite across API gateway and service layers.",
"lineHeight": 1.5,
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "deB74",
"name": "Phase Indicator",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "chCX9",
"name": "phaseLabel",
"fill": "$--foreground-dim",
"content": "Phase:",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "lL7pq",
"name": "phase1",
"fill": "#22C55E22",
"cornerRadius": 10,
"gap": 4,
"padding": [
2,
8
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "GNY3F",
"name": "phase1Check",
"width": 10,
"height": 10,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "text",
"id": "sNyJM",
"name": "phase1Text",
"fill": "$--success",
"content": "Created",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "7e5fg",
"name": "phaseArrow1",
"width": 10,
"height": 10,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "frame",
"id": "ImTvk",
"name": "phase2",
"fill": "#22C55E22",
"cornerRadius": 10,
"gap": 4,
"padding": [
2,
8
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "DKEWe",
"name": "phase2Check",
"width": 10,
"height": 10,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "text",
"id": "ilt70",
"name": "phase2Text",
"fill": "$--success",
"content": "AI Research",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "3qSWy",
"name": "phaseArrow2",
"width": 10,
"height": 10,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "frame",
"id": "ZdszT",
"name": "phase3",
"fill": "#22C55E22",
"cornerRadius": 10,
"gap": 4,
"padding": [
2,
8
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "xBOEp",
"name": "phase3Check",
"width": 10,
"height": 10,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "text",
"id": "swGOL",
"name": "phase3Text",
"fill": "$--success",
"content": "AI Enhanced",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "PKoA0",
"name": "phaseArrow3",
"width": 10,
"height": 10,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "frame",
"id": "OmNrb",
"name": "phase4",
"fill": "$--accent-primary-muted",
"cornerRadius": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--accent-primary"
},
"gap": 4,
"padding": [
3,
10
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "4Zik1",
"name": "phase4Dot",
"fill": "$--accent-primary",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "wD5Li",
"name": "phase4Text",
"fill": "$--accent-primary",
"content": "Implementation",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "icon_font",
"id": "ZnVe7",
"name": "phaseArrow4",
"width": 10,
"height": 10,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "frame",
"id": "pWdHu",
"name": "phase5",
"cornerRadius": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"padding": [
2,
8
],
"children": [
{
"type": "text",
"id": "DcKiK",
"name": "phase5Text",
"fill": "$--foreground-dim",
"content": "Review",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "sVOkh",
"name": "metaRow",
"width": "fill_container",
"gap": 20,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Tsg3U",
"name": "metaProj",
"gap": 5,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "M7TkM",
"name": "metaProjIcon",
"width": 13,
"height": 13,
"iconFontName": "folder-git-2",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "fJMdd",
"name": "metaProjText",
"fill": "$--foreground-dim",
"content": "auth-service",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "szvYD",
"name": "metaBranch",
"gap": 5,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Q3lre",
"name": "metaBranchIcon",
"width": 13,
"height": 13,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "WxJw1",
"name": "metaBranchText",
"fill": "$--foreground-dim",
"content": "feat/auth-rewrite",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "rYI7p",
"name": "metaTime",
"gap": 5,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "7Gm8d",
"name": "metaTimeIcon",
"width": 13,
"height": 13,
"iconFontName": "timer",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "2V0zk",
"name": "metaTimeText",
"fill": "$--foreground-dim",
"content": "Updated 12 min ago",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "kNpll",
"name": "divider",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "urcLp",
"name": "Thread Tabs",
"width": "fill_container",
"children": [
{
"type": "frame",
"id": "hnxgR",
"name": "tabDiscussion",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 2
},
"fill": "$--accent-primary"
},
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "QwXhY",
"name": "tabDiscIcon",
"width": 14,
"height": 14,
"iconFontName": "message-square",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
},
{
"type": "text",
"id": "g623q",
"name": "tabDiscText",
"fill": "$--foreground-inverse",
"content": "Discussion",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "frame",
"id": "t12Qo",
"name": "tabDiscCount",
"fill": "$--accent-primary-muted",
"cornerRadius": 8,
"padding": [
2,
7
],
"children": [
{
"type": "text",
"id": "SYjGE",
"name": "tabDiscNum",
"fill": "$--accent-primary",
"content": "8",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "CvRjo",
"name": "tabAI",
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "w15B0",
"name": "tabAIIcon",
"width": 14,
"height": 14,
"iconFontName": "bot",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "kOdG0",
"name": "tabAIText",
"fill": "$--foreground-dim",
"content": "AI Sessions",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ikUcY",
"name": "tabToolOutput",
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "wZ4N9",
"name": "tabToolIcon",
"width": 14,
"height": 14,
"iconFontName": "terminal",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "FNLh5",
"name": "tabToolText",
"fill": "$--foreground-dim",
"content": "Tool Output",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "FPJKO",
"name": "tabPatches",
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "MChpj",
"name": "tabPatchIcon",
"width": 14,
"height": 14,
"iconFontName": "git-compare",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "umksF",
"name": "tabPatchText",
"fill": "$--foreground-dim",
"content": "Changes",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "9WzsM",
"name": "tabPatchCount",
"fill": "$--surface-elevated",
"cornerRadius": 8,
"padding": [
2,
7
],
"children": [
{
"type": "text",
"id": "p0pJu",
"name": "tabPatchNum",
"fill": "$--foreground-dim",
"content": "2",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "2Bnji",
"name": "tabDocs",
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Kfghw",
"name": "tabDocsIcon",
"width": 14,
"height": 14,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "wP0JV",
"name": "tabDocsText",
"fill": "$--foreground-dim",
"content": "Docs",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "723iT",
"name": "Discussion Thread",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "oRQVy",
"name": "AI Message",
"width": "fill_container",
"gap": 12,
"children": [
{
"type": "frame",
"id": "DyDhg",
"name": "msg1Avatar",
"width": 32,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "$--accent-primary",
"position": 0
},
{
"color": "$--accent-secondary",
"position": 1
}
]
},
"cornerRadius": 16,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "2mJw2",
"name": "msg1AvatarIcon",
"width": 16,
"height": 16,
"iconFontName": "bot",
"iconFontFamily": "lucide",
"fill": "#FFFFFF"
}
]
},
{
"type": "frame",
"id": "YnTFC",
"name": "msg1Body",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "IFF34",
"name": "msg1Header",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ou9fI",
"name": "msg1Name",
"fill": "$--foreground-inverse",
"content": "Claude — Gap Analysis",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "MWw1d",
"name": "msg1Badge",
"fill": "$--accent-primary-muted",
"cornerRadius": 8,
"padding": [
2,
8
],
"children": [
{
"type": "text",
"id": "J2Y1k",
"name": "msg1BadgeText",
"fill": "$--accent-primary",
"content": "Promoted",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "DfipG",
"name": "msg1Time",
"fill": "$--foreground-dim",
"content": "2h ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "CtSFh",
"name": "msg1Content",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Gap analysis complete for auth middleware. Found 3 critical gaps:\n\n1. Session tokens stored in plaintext cookies — needs encrypted httpOnly tokens\n2. No token rotation on privilege escalation\n3. Missing CSRF protection on state-changing endpoints\n\nRecommended implementation order: CSRF → token encryption → rotation. Estimated 3 sessions to complete.",
"lineHeight": 1.55,
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "LFsPD",
"name": "msg1Actions",
"width": "fill_container",
"gap": 8,
"children": [
{
"type": "frame",
"id": "XCDZU",
"name": "msg1Act1",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 4,
"padding": [
4,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "tkVXo",
"name": "msg1Act1Icon",
"width": 12,
"height": 12,
"iconFontName": "thumbs-up",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "zxjsV",
"name": "msg1Act1Text",
"fill": "$--foreground-dim",
"content": "Approve",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "daKaB",
"name": "msg1Act2",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 4,
"padding": [
4,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "ZNBXY",
"name": "msg1Act2Icon",
"width": 12,
"height": 12,
"iconFontName": "play",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "Y2j9u",
"name": "msg1Act2Text",
"fill": "$--foreground-dim",
"content": "Start Implementation",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Rf2lq",
"name": "Human Message",
"width": "fill_container",
"gap": 12,
"children": [
{
"type": "frame",
"id": "b0w0Z",
"name": "msg2Avatar",
"width": 32,
"height": 32,
"fill": "$--surface-elevated",
"cornerRadius": 16,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "6IXy3",
"name": "msg2AvatarText",
"fill": "$--foreground-muted",
"content": "TM",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "19Swj",
"name": "msg2Body",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "TWeP0",
"name": "msg2Header",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kjhOU",
"name": "msg2Name",
"fill": "$--foreground-inverse",
"content": "You",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "mVxYd",
"name": "msg2Time",
"fill": "$--foreground-dim",
"content": "1h ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "V3w5v",
"name": "msg2Content",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Agreed on the order. Let's prioritize CSRF first since that's the lowest effort highest impact. Make sure the token encryption approach is compatible with our Redis session store.",
"lineHeight": 1.55,
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "oorzM",
"name": "Email Attachment",
"width": "fill_container",
"gap": 12,
"children": [
{
"type": "frame",
"id": "bYKry",
"name": "emailAvatar",
"width": 32,
"height": 32,
"fill": "#3B82F622",
"cornerRadius": 16,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Asae7",
"name": "emailAvatarIcon",
"width": 15,
"height": 15,
"iconFontName": "mail",
"iconFontFamily": "lucide",
"fill": "$--info"
}
]
},
{
"type": "frame",
"id": "CvHir",
"name": "emailBody",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "IUvRZ",
"name": "emailHeader",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kIZrB",
"name": "emailName",
"fill": "$--foreground-inverse",
"content": "Sarah (Legal) via Email",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "8y0Oc",
"name": "emailBadge",
"fill": "#3B82F622",
"cornerRadius": 8,
"padding": [
2,
8
],
"children": [
{
"type": "text",
"id": "yK624",
"name": "emailBadgeText",
"fill": "$--info",
"content": "Attached",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "rS93P",
"name": "emailTime",
"fill": "$--foreground-dim",
"content": "45m ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "NWwEi",
"name": "emailContent",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Compliance review deadline is April 18. The token storage changes need to pass audit before the next release cycle. Please ensure the implementation includes audit logging for all token lifecycle events.",
"lineHeight": 1.55,
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "IxuWb",
"name": "emailAttach",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "E1VUg",
"name": "emailAttachIcon",
"width": 12,
"height": 12,
"iconFontName": "paperclip",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "Idehk",
"name": "emailAttachText",
"fill": "$--foreground-muted",
"content": "compliance-requirements-v2.pdf",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Q9STs",
"name": "Outgoing Email",
"width": "fill_container",
"gap": 12,
"children": [
{
"type": "frame",
"id": "MFMT5",
"name": "outAvatar",
"width": 32,
"height": 32,
"fill": "$--surface-elevated",
"cornerRadius": 16,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "79fxA",
"name": "outAvatarIcon",
"width": 14,
"height": 14,
"iconFontName": "send",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
}
]
},
{
"type": "frame",
"id": "wcynw",
"name": "outBody",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "Do7Yr",
"name": "outHeader",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "3zdso",
"name": "outName",
"fill": "$--foreground-inverse",
"content": "You → sarah.martinez@legal.corp",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "Y5KrR",
"name": "outBadge",
"fill": "#00F2FF22",
"cornerRadius": 8,
"padding": [
2,
8
],
"children": [
{
"type": "text",
"id": "bLxVg",
"name": "outBadgeText",
"fill": "$--accent-tertiary",
"content": "Sent via Email",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "qGga9",
"name": "outTime",
"fill": "$--foreground-dim",
"content": "30m ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "LR40R",
"name": "outContent",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Hi Sarah, sharing the latest CSRF middleware patch for your compliance review. The implementation uses double-submit cookie pattern with SameSite=Strict as discussed.",
"lineHeight": 1.55,
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "Zzi51",
"name": "outAttachments",
"width": "fill_container",
"gap": 8,
"children": [
{
"type": "frame",
"id": "gZBnE",
"name": "outAttach1",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 5,
"padding": [
5,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "rxivG",
"name": "outAttach1Icon",
"width": 12,
"height": 12,
"iconFontName": "git-compare",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "qEo38",
"name": "outAttach1Text",
"fill": "$--foreground-muted",
"content": "csrf-middleware.patch",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "WnVLX",
"name": "outAttach2",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 5,
"padding": [
5,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "bSDHw",
"name": "outAttach2Icon",
"width": 12,
"height": 12,
"iconFontName": "file-code",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "cppPS",
"name": "outAttach2Text",
"fill": "$--foreground-muted",
"content": "gap-analysis-results.md",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "DIXDt",
"name": "outHint",
"width": "fill_container",
"gap": 5,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "H1Qfc",
"name": "outHintIcon",
"width": 11,
"height": 11,
"iconFontName": "info",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "fDK3p",
"name": "outHintText",
"fill": "$--foreground-dim",
"content": "Replies to this email will appear in this discussion",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal",
"fontStyle": "italic"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "UPUkC",
"name": "AI Implementation",
"width": "fill_container",
"gap": 12,
"children": [
{
"type": "frame",
"id": "g5zZT",
"name": "msg4Avatar",
"width": 32,
"height": 32,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "$--accent-primary",
"position": 0
},
{
"color": "$--accent-tertiary",
"position": 1
}
]
},
"cornerRadius": 16,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "9DCuB",
"name": "msg4AvatarIcon",
"width": 16,
"height": 16,
"iconFontName": "bot",
"iconFontFamily": "lucide",
"fill": "#FFFFFF"
}
]
},
{
"type": "frame",
"id": "V4PUn",
"name": "msg4Body",
"width": "fill_container",
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "3TqlH",
"name": "msg4Header",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LebSX",
"name": "msg4Name",
"fill": "$--foreground-inverse",
"content": "Claude — CSRF Implementation",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "ONBsJ",
"name": "msg4StatusBadge",
"fill": "#22C55E22",
"cornerRadius": 8,
"padding": [
2,
8
],
"children": [
{
"type": "text",
"id": "DVMyh",
"name": "msg4StatusText",
"fill": "$--success",
"content": "Running",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "X4R9m",
"name": "msg4Time",
"fill": "$--foreground-dim",
"content": "12m ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "AsU9O",
"name": "msg4Content",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "CSRF middleware implementation started. Added double-submit cookie pattern with SameSite=Strict. Currently running test suite against 47 protected endpoints...",
"lineHeight": 1.55,
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "lwHi4",
"name": "msg4Progress",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "2AB0k",
"name": "msg4ProgBar",
"width": "fill_container",
"height": 4,
"fill": "$--surface-elevated",
"cornerRadius": 2,
"layout": "none",
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "GGrrI",
"x": 0,
"y": 0,
"name": "msg4ProgFill",
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "$--accent-primary",
"position": 0
},
{
"color": "$--accent-tertiary",
"position": 1
}
]
},
"width": 200,
"height": 4
}
]
},
{
"type": "text",
"id": "AM5jP",
"name": "msg4ProgLabel",
"fill": "$--foreground-dim",
"content": "34/47 endpoints tested — 92% passing",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "x7L26",
"name": "Compose Bar",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": [
0,
0,
"$--rounded-lg",
0
],
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "$--border-subtle"
},
"gap": 10,
"padding": [
12,
16
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "FLwkw",
"name": "composeInput",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-md",
"gap": 8,
"padding": [
10,
14
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "SMBKd",
"name": "composeIcon",
"width": 14,
"height": 14,
"iconFontName": "message-square",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "vje9J",
"name": "composeText",
"fill": "$--foreground-dim",
"content": "Reply to thread or give AI instructions...",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "90NVm",
"name": "attachBtn",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"padding": 8,
"children": [
{
"type": "icon_font",
"id": "IS3hr",
"name": "attachIcon",
"width": 16,
"height": 16,
"iconFontName": "paperclip",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
}
]
},
{
"type": "frame",
"id": "Un183",
"name": "Share Email Btn",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 6,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "kOgS8",
"name": "shareIcon",
"width": 14,
"height": 14,
"iconFontName": "mail",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "NtaRd",
"name": "shareText",
"fill": "$--foreground-muted",
"content": "Share",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "AGvf3",
"name": "sendBtn",
"fill": "$--accent-primary",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "iPiem",
"name": "sendIcon",
"width": 14,
"height": 14,
"iconFontName": "send",
"iconFontFamily": "lucide",
"fill": "#FFFFFF"
},
{
"type": "text",
"id": "ZNhew",
"name": "sendText",
"fill": "#FFFFFF",
"content": "Send",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "laMMd",
"layoutPosition": "absolute",
"x": 520,
"y": -120,
"name": "Email Dropdown",
"width": 220,
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000066",
"offset": {
"x": 0,
"y": 8
},
"blur": 24
},
"layout": "vertical",
"gap": 2,
"padding": 6,
"children": [
{
"type": "frame",
"id": "XUAkB",
"name": "ddOption1",
"width": "fill_container",
"fill": "$--surface-card-hover",
"cornerRadius": "$--rounded-sm",
"gap": 8,
"padding": [
8,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "RlVZA",
"name": "ddOpt1Icon",
"width": 14,
"height": 14,
"iconFontName": "mail",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "frame",
"id": "Z8N8q",
"name": "ddOpt1Info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "jtv2J",
"name": "ddOpt1Title",
"fill": "$--foreground-inverse",
"content": "Share via Email",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "7NvwS",
"name": "ddOpt1Desc",
"fill": "$--foreground-dim",
"content": "Send doc or patch to external people",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "n8Knv",
"name": "ddOption2",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 8,
"padding": [
8,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "jgvas",
"name": "ddOpt2Icon",
"width": 14,
"height": 14,
"iconFontName": "git-compare",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "frame",
"id": "w4OLu",
"name": "ddOpt2Info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "Y5L35",
"name": "ddOpt2Title",
"fill": "$--foreground-muted",
"content": "Share Patch",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "W9EPy",
"name": "ddOpt2Desc",
"fill": "$--foreground-dim",
"content": "Email latest changes for review",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "f346d",
"name": "ddOption3",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 8,
"padding": [
8,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "coIqZ",
"name": "ddOpt3Icon",
"width": 14,
"height": 14,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "frame",
"id": "PnTLH",
"name": "ddOpt3Info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "eoIXh",
"name": "ddOpt3Title",
"fill": "$--foreground-muted",
"content": "Share Document",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "wzy9y",
"name": "ddOpt3Desc",
"fill": "$--foreground-dim",
"content": "Send linked doc for feedback",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "6RnjJ",
"name": "Right Panel",
"clip": true,
"width": 320,
"height": "fill_container",
"fill": "$--surface-card",
"stroke": {
"align": "inside",
"thickness": {
"left": 1
},
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 20,
"padding": [
20,
16
],
"children": [
{
"type": "frame",
"id": "yhzuV",
"name": "Workflow Status",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "U14VU",
"name": "wfHeader",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "xxn8f",
"name": "wfHeaderIcon",
"width": 14,
"height": 14,
"iconFontName": "list-checks",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "6bm1R",
"name": "wfHeaderText",
"fill": "$--foreground-inverse",
"content": "Completion Conditions",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "bDlSR",
"name": "wfSteps",
"width": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "camDK",
"name": "wfStep1",
"width": "fill_container",
"gap": 10,
"padding": [
8,
0
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "d5OeV",
"name": "wfStep1Check",
"width": 16,
"height": 16,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "text",
"id": "bdMZd",
"name": "wfStep1Text",
"fill": "$--foreground-muted",
"content": "Gap analysis complete",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "QRGlH",
"name": "wfStep2",
"width": "fill_container",
"gap": 10,
"padding": [
8,
0
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "4pDSJ",
"name": "wfStep2Check",
"width": 16,
"height": 16,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "text",
"id": "yiVds",
"name": "wfStep2Text",
"fill": "$--foreground-muted",
"content": "Design decision documented",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "mHXc7",
"name": "wfStep3",
"width": "fill_container",
"gap": 10,
"padding": [
8,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "GmKm1",
"name": "wfStep3Dot",
"width": 16,
"height": 16,
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "$--warning"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "0i7DB",
"name": "wfStep3Inner",
"fill": "$--warning",
"width": 6,
"height": 6
}
]
},
{
"type": "text",
"id": "8IPZk",
"name": "wfStep3Text",
"fill": "$--foreground-inverse",
"content": "All changes merged",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "3ns2a",
"name": "wfStep4",
"width": "fill_container",
"gap": 10,
"padding": [
8,
0
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "Mki8m",
"name": "wfStep4Dot",
"width": 16,
"height": 16,
"stroke": {
"align": "inside",
"thickness": 1.5,
"fill": "$--border-subtle"
}
},
{
"type": "text",
"id": "QtQ9s",
"name": "wfStep4Text",
"fill": "$--foreground-dim",
"content": "Tests passing",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "86VVX",
"name": "wfStep5",
"width": "fill_container",
"gap": 10,
"padding": [
8,
0
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "CoXZa",
"name": "wfStep5Dot",
"width": 16,
"height": 16,
"stroke": {
"align": "inside",
"thickness": 1.5,
"fill": "$--border-subtle"
}
},
{
"type": "text",
"id": "PRBSI",
"name": "wfStep5Text",
"fill": "$--foreground-dim",
"content": "Compliance audit submitted",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Oreoy",
"name": "Complete Button",
"opacity": 0.5,
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 8,
"padding": [
10,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "b8N5k",
"name": "completeBtnIcon",
"width": 16,
"height": 16,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "gTnFO",
"name": "completeBtnText",
"fill": "$--foreground-dim",
"content": "Complete Work Item",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "6LWzl",
"name": "completeHint",
"fill": "$--foreground-dim",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "2 conditions remaining before completion",
"textAlign": "center",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "rectangle",
"id": "1VepF",
"name": "divR1",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "gOTZR",
"name": "Patches & PRs",
"width": "fill_container",
"layout": "vertical",
"gap": 10,
"children": [
{
"type": "frame",
"id": "RfkDF",
"name": "prHeader",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "TkUqC",
"name": "prHeaderIcon",
"width": 14,
"height": 14,
"iconFontName": "git-compare",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "8Cn3H",
"name": "prHeaderText",
"fill": "$--foreground-inverse",
"content": "Changes",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "eNhgX",
"name": "pr1",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 6,
"padding": 10,
"children": [
{
"type": "frame",
"id": "nb7n0",
"name": "pr1Top",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "ir5xP",
"name": "pr1Icon",
"width": 13,
"height": 13,
"iconFontName": "git-merge",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "text",
"id": "hpXNR",
"name": "pr1Title",
"fill": "$--foreground-inverse",
"content": "#247 CSRF middleware",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "PV99K",
"name": "pr1Status",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "E4RRH",
"name": "pr1StatusBadge",
"fill": "#22C55E22",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "Agp4I",
"name": "pr1StatusText",
"fill": "$--success",
"content": "Merged",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "eqHs2",
"name": "pr1Files",
"fill": "$--foreground-dim",
"content": "+342 −89 · 12 files",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "zr5vl",
"name": "pr2",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 6,
"padding": 10,
"children": [
{
"type": "frame",
"id": "x9oXK",
"name": "pr2Top",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "7tmzC",
"name": "pr2Icon",
"width": 13,
"height": 13,
"iconFontName": "git-pull-request",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
},
{
"type": "text",
"id": "hHW1S",
"name": "pr2Title",
"fill": "$--foreground-inverse",
"content": "#251 Token encryption layer",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "EwxjF",
"name": "pr2Status",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "zNqvh",
"name": "pr2StatusBadge",
"fill": "$--accent-primary-muted",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "knnDD",
"name": "pr2StatusText",
"fill": "$--accent-primary",
"content": "Open — Draft",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "l9X6q",
"name": "pr2Files",
"fill": "$--foreground-dim",
"content": "+156 −23 · 8 files",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "onCYF",
"name": "divR2",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "1s83L",
"name": "Linked Docs",
"width": "fill_container",
"layout": "vertical",
"gap": 10,
"children": [
{
"type": "frame",
"id": "8A0c0",
"name": "docsHeader",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "T73tl",
"name": "docsHeaderIcon",
"width": 14,
"height": 14,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "RHk9U",
"name": "docsHeaderText",
"fill": "$--foreground-inverse",
"content": "Linked Documents",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "IAQIp",
"name": "doc1",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 8,
"padding": [
8,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "F4wZo",
"name": "doc1Icon",
"width": 14,
"height": 14,
"iconFontName": "file-code",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "PUZus",
"name": "doc1Text",
"fill": "$--foreground-muted",
"content": "design-decision-auth.md",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "XoFR0",
"name": "doc2",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 8,
"padding": [
8,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "CfSUE",
"name": "doc2Icon",
"width": 14,
"height": 14,
"iconFontName": "file-code",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "d0Wny",
"name": "doc2Text",
"fill": "$--foreground-muted",
"content": "implementation-plan.md",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "tjAVJ",
"name": "doc3",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 8,
"padding": [
8,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "OpwK7",
"name": "doc3Icon",
"width": 14,
"height": 14,
"iconFontName": "file-code",
"iconFontFamily": "lucide",
"fill": "$--warning"
},
{
"type": "text",
"id": "zHWl6",
"name": "doc3Text",
"fill": "$--foreground-muted",
"content": "gap-analysis-results.md",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "VA1dY",
"name": "divR3",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "J7VdJ",
"name": "AI Skills",
"width": "fill_container",
"layout": "vertical",
"gap": 10,
"children": [
{
"type": "frame",
"id": "Q2yjQ",
"name": "skillsHeader",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "fn8JN",
"name": "skillsHeaderIcon",
"width": 14,
"height": 14,
"iconFontName": "plug",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "sYCWj",
"name": "skillsHeaderText",
"fill": "$--foreground-inverse",
"content": "Capabilities",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "G3POO",
"name": "skill1",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 8,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Jg5xL",
"name": "skill1Icon",
"width": 13,
"height": 13,
"iconFontName": "shield",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "Mgqh9",
"name": "skill1Text",
"fill": "$--foreground-muted",
"content": "Security Audit",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "gecJz",
"name": "skill1Active",
"fill": "$--success",
"width": 6,
"height": 6
}
]
},
{
"type": "frame",
"id": "6bl3J",
"name": "skill2",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 8,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "p5wvE",
"name": "skill2Icon",
"width": 13,
"height": 13,
"iconFontName": "code",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "1YTqH",
"name": "skill2Text",
"fill": "$--foreground-muted",
"content": "Code Generation",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "xoJ49",
"name": "skill2Active",
"fill": "$--success",
"width": 6,
"height": 6
}
]
},
{
"type": "frame",
"id": "MWio5",
"name": "skill3",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 8,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "TykWU",
"name": "skill3Icon",
"width": 13,
"height": 13,
"iconFontName": "search",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "zzHfj",
"name": "skill3Text",
"fill": "$--foreground-muted",
"content": "Deep Research",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "o3Nox",
"name": "skill3Active",
"fill": "$--success",
"width": 6,
"height": 6
}
]
},
{
"type": "frame",
"id": "o16PF",
"name": "skill4",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 8,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "jkiDf",
"name": "skill4Icon",
"width": 13,
"height": 13,
"iconFontName": "terminal",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "Augn6",
"name": "skill4Text",
"fill": "$--foreground-muted",
"content": "CLI & Shell",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "6ZouU",
"name": "skill4Active",
"fill": "$--foreground-dim",
"width": 6,
"height": 6
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "ptR5e",
"x": 0,
"y": 1000,
"name": "Project List",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--surface-inverse",
"cornerRadius": "$--rounded-lg",
"children": [
{
"type": "frame",
"id": "JNwMK",
"name": "sidebar",
"width": 240,
"height": "fill_container",
"fill": "$--surface-card",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "$--border-subtle"
},
"layout": "vertical",
"padding": [
24,
20
],
"children": [
{
"type": "frame",
"id": "kYxpR",
"name": "logoArea",
"width": "fill_container",
"gap": 10,
"padding": [
0,
0,
32,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "iwBIF",
"name": "logoIcon",
"width": 32,
"height": 32,
"fill": "$--accent-primary",
"cornerRadius": "$--rounded-md",
"children": [
{
"type": "text",
"id": "Jj3bL",
"name": "logoText",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width-height",
"width": 32,
"height": 32,
"content": "C",
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "700"
}
]
},
{
"type": "text",
"id": "fAQkJ",
"name": "appName",
"fill": "$--foreground-inverse",
"content": "CommandApp",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "thYI2",
"name": "navSection",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "AZ6UY",
"name": "navDashboard",
"width": "fill_container",
"cornerRadius": "$--rounded-md",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "5fe0E",
"name": "navDashIcon",
"width": 18,
"height": 18,
"iconFontName": "layout-dashboard",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "YMKkP",
"name": "navDashLabel",
"fill": "$--foreground-muted",
"content": "Dashboard",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "5hPxR",
"name": "navProjects",
"width": "fill_container",
"fill": "$--accent-primary-muted",
"cornerRadius": "$--rounded-md",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "L9AvU",
"name": "navProjIcon",
"width": 18,
"height": 18,
"iconFontName": "folder-kanban",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
},
{
"type": "text",
"id": "r83hn",
"name": "navProjLabel",
"fill": "$--accent-primary",
"content": "Projects",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "CWXn7",
"name": "navLibrary",
"width": "fill_container",
"cornerRadius": "$--rounded-md",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "2YvPy",
"name": "navLibIcon",
"width": 18,
"height": 18,
"iconFontName": "library",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "dBUPO",
"name": "navLibLabel",
"fill": "$--foreground-muted",
"content": "Library",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "MUA4D",
"name": "navWorkflows",
"width": "fill_container",
"cornerRadius": "$--rounded-md",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "44rtY",
"name": "navWfIcon",
"width": 18,
"height": 18,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "DvH1B",
"name": "navWfLabel",
"fill": "$--foreground-muted",
"content": "Workflows",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "aAt89",
"name": "userArea",
"width": "fill_container",
"gap": 10,
"padding": [
16,
0,
0,
0
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "xGx5Y",
"name": "avatar",
"fill": "#2A2A40",
"width": 32,
"height": 32
},
{
"type": "text",
"id": "PfzQ7",
"name": "userName",
"fill": "$--foreground-muted",
"content": "John Doe",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Ks97F",
"name": "mainContent",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 24,
"padding": [
32,
40
],
"children": [
{
"type": "frame",
"id": "mE1PI",
"name": "topBar",
"width": "fill_container",
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "SJJJi",
"name": "title",
"fill": "$--foreground-inverse",
"content": "Projects",
"fontFamily": "Inter",
"fontSize": 28,
"fontWeight": "600"
},
{
"type": "frame",
"id": "y6sRn",
"name": "searchBar",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-md",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 8,
"padding": [
10,
14
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "nsKYq",
"name": "searchIcon",
"width": 16,
"height": 16,
"iconFontName": "search",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "kBQrS",
"name": "searchText",
"fill": "$--foreground-dim",
"content": "Search projects...",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "hlZ5p",
"name": "newBtn",
"fill": "$--accent-primary",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
10,
18
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "xuGQk",
"name": "newBtnIcon",
"width": 16,
"height": 16,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "$--foreground-inverse"
},
{
"type": "text",
"id": "H7dzh",
"name": "newBtnText",
"fill": "$--foreground-inverse",
"content": "New Project",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "ldrYn",
"name": "filterRow",
"width": "fill_container",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "XlhIP",
"name": "filterAll",
"fill": "$--accent-primary",
"cornerRadius": 20,
"padding": [
6,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "1QTip",
"name": "filterAllText",
"fill": "$--foreground-inverse",
"content": "All",
"fontFamily": "Funnel Sans",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "Q0EJ1",
"name": "filterActive",
"cornerRadius": 20,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"padding": [
6,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ha9t6",
"name": "filterActiveText",
"fill": "$--foreground-muted",
"content": "Active",
"fontFamily": "Funnel Sans",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "WeBI5",
"name": "filterArchived",
"cornerRadius": 20,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"padding": [
6,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "saeRM",
"name": "filterArchivedText",
"fill": "$--foreground-muted",
"content": "Archived",
"fontFamily": "Funnel Sans",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "KxbnJ",
"name": "spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "h7o3X",
"name": "sortDrop",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 6,
"padding": [
6,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "CA9C6",
"name": "sortText",
"fill": "$--foreground-muted",
"content": "Last Updated",
"fontFamily": "Funnel Sans",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "zxOG4",
"name": "sortIcon",
"width": 14,
"height": 14,
"iconFontName": "chevron-down",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
}
]
}
]
},
{
"type": "frame",
"id": "yrNUw",
"name": "grid",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "zwQFe",
"name": "row1",
"width": "fill_container",
"height": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "K0Htg",
"name": "card1",
"width": "fill_container",
"height": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 12,
"padding": 20,
"children": [
{
"type": "text",
"id": "7sw7W",
"name": "c1Name",
"fill": "$--foreground-inverse",
"content": "Auth Service",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "text",
"id": "QlozS",
"name": "c1Desc",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Authentication and authorization microservice",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "58XpX",
"name": "c1Stats",
"width": "fill_container",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "k5bNp",
"name": "c1s1",
"fill": "$--foreground-dim",
"content": "12 items",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "KJ8Yv",
"name": "c1dot",
"fill": "$--success",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "G0WZX",
"name": "c1s2",
"fill": "$--foreground-dim",
"content": "3 repos",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "HxCyg",
"name": "c1Tags",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "OI9ug",
"name": "c1t1",
"fill": "$--accent-primary-muted",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "4D4Py",
"name": "c1t1t",
"fill": "$--accent-primary",
"content": "Backend",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "20PHl",
"name": "c1t2",
"fill": "$--accent-secondary-muted",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "Wq66y",
"name": "c1t2t",
"fill": "$--accent-secondary",
"content": "Security",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "hkEFG",
"name": "c1time",
"fill": "$--foreground-dim",
"content": "Updated 2h ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "5jIVc",
"name": "card2",
"width": "fill_container",
"height": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 12,
"padding": 20,
"children": [
{
"type": "text",
"id": "3n1FD",
"name": "c2Name",
"fill": "$--foreground-inverse",
"content": "Payment Gateway",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "text",
"id": "G7GCL",
"name": "c2Desc",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Stripe and PayPal integration service",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "Jw0CS",
"name": "c2Stats",
"width": "fill_container",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ENesj",
"name": "c2s1",
"fill": "$--foreground-dim",
"content": "8 items",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "1FABu",
"name": "c2dot",
"fill": "$--success",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "63QmW",
"name": "c2s2",
"fill": "$--foreground-dim",
"content": "2 repos",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "FKmim",
"name": "c2Tags",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "XrALc",
"name": "c2t1",
"fill": "$--accent-primary-muted",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "JPBzU",
"name": "c2t1t",
"fill": "$--accent-primary",
"content": "Backend",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "co3Hq",
"name": "c2t2",
"fill": "$--accent-secondary-muted",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "mNMk5",
"name": "c2t2t",
"fill": "$--accent-secondary",
"content": "API",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "Jmziz",
"name": "c2time",
"fill": "$--foreground-dim",
"content": "Updated 5h ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "W8gmj",
"name": "card3",
"width": "fill_container",
"height": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 12,
"padding": 20,
"children": [
{
"type": "text",
"id": "GRJZJ",
"name": "c3Name",
"fill": "$--foreground-inverse",
"content": "Dashboard UI",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "text",
"id": "aMEzS",
"name": "c3Desc",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Analytics dashboard and data visualization",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "OTpTn",
"name": "c3Stats",
"width": "fill_container",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "7GWFe",
"name": "c3s1",
"fill": "$--foreground-dim",
"content": "21 items",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "YyIww",
"name": "c3dot",
"fill": "$--warning",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "Vo7BZ",
"name": "c3s2",
"fill": "$--foreground-dim",
"content": "4 repos",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "UtwA4",
"name": "c3Tags",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "1xdsY",
"name": "c3t1",
"fill": "$--accent-secondary-muted",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "oneJd",
"name": "c3t1t",
"fill": "$--accent-secondary",
"content": "Frontend",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "oAiia",
"name": "c3t2",
"fill": "#00F2FF22",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "tpNil",
"name": "c3t2t",
"fill": "$--accent-tertiary",
"content": "Analytics",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "goECz",
"name": "c3time",
"fill": "$--foreground-dim",
"content": "Updated 1d ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "TBZav",
"name": "row2",
"width": "fill_container",
"height": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "MGIrK",
"name": "card4",
"width": "fill_container",
"height": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 12,
"padding": 20,
"children": [
{
"type": "text",
"id": "BFnLU",
"name": "c4Name",
"fill": "$--foreground-inverse",
"content": "Data Pipeline",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "text",
"id": "yH7du",
"name": "c4Desc",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "ETL workflows and data transformation engine",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "kIxq4",
"name": "c4Stats",
"width": "fill_container",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "uyBnk",
"name": "c4s1",
"fill": "$--foreground-dim",
"content": "15 items",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "Gg2md",
"name": "c4dot",
"fill": "$--success",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "OX9F7",
"name": "c4s2",
"fill": "$--foreground-dim",
"content": "5 repos",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "RADcE",
"name": "c4Tags",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "bYkDs",
"name": "c4t1",
"fill": "$--accent-primary-muted",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "QyLFA",
"name": "c4t1t",
"fill": "$--accent-primary",
"content": "Backend",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "4Oic6",
"name": "c4t2",
"fill": "#00F2FF22",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "sf2fr",
"name": "c4t2t",
"fill": "$--accent-tertiary",
"content": "Data",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "NfaZa",
"name": "c4time",
"fill": "$--foreground-dim",
"content": "Updated 30m ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "8mMAP",
"name": "card5",
"width": "fill_container",
"height": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 12,
"padding": 20,
"children": [
{
"type": "text",
"id": "jIy8w",
"name": "c5Name",
"fill": "$--foreground-inverse",
"content": "Mobile App",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "text",
"id": "bA6tr",
"name": "c5Desc",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Cross-platform mobile client for iOS and Android",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "BaLZ6",
"name": "c5Stats",
"width": "fill_container",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xXUUH",
"name": "c5s1",
"fill": "$--foreground-dim",
"content": "34 items",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "1DfqP",
"name": "c5dot",
"fill": "$--success",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "EnlKf",
"name": "c5s2",
"fill": "$--foreground-dim",
"content": "2 repos",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Gp1L0",
"name": "c5Tags",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "WGZIE",
"name": "c5t1",
"fill": "$--accent-secondary-muted",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "ADZsA",
"name": "c5t1t",
"fill": "$--accent-secondary",
"content": "Mobile",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "G2ccX",
"name": "c5t2",
"fill": "$--accent-primary-muted",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "t7Jmb",
"name": "c5t2t",
"fill": "$--accent-primary",
"content": "React Native",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "WgO4V",
"name": "c5time",
"fill": "$--foreground-dim",
"content": "Updated 4h ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Py0Jk",
"name": "card6",
"width": "fill_container",
"height": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 12,
"padding": 20,
"children": [
{
"type": "text",
"id": "LYbDQ",
"name": "c6Name",
"fill": "$--foreground-inverse",
"content": "Infrastructure",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "text",
"id": "liPAB",
"name": "c6Desc",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Terraform configs and CI/CD pipeline setup",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "NmuEO",
"name": "c6Stats",
"width": "fill_container",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "O2p0a",
"name": "c6s1",
"fill": "$--foreground-dim",
"content": "7 items",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "ellipse",
"id": "2b23f",
"name": "c6dot",
"fill": "$--foreground-dim",
"width": 8,
"height": 8
},
{
"type": "text",
"id": "33Ru4",
"name": "c6s2",
"fill": "$--foreground-dim",
"content": "6 repos",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "apiU9",
"name": "c6Tags",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "awuHz",
"name": "c6t1",
"fill": "#00F2FF22",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "awTm3",
"name": "c6t1t",
"fill": "$--accent-tertiary",
"content": "DevOps",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "4zeva",
"name": "c6t2",
"fill": "$--accent-primary-muted",
"cornerRadius": 4,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "NheDs",
"name": "c6t2t",
"fill": "$--accent-primary",
"content": "Terraform",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "SDll7",
"name": "c6time",
"fill": "$--foreground-dim",
"content": "Updated 3d ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "5NbPN",
"layoutPosition": "absolute",
"x": -20,
"y": 180,
"name": "streak1",
"opacity": 0.5,
"rotation": 7,
"fill": {
"type": "color",
"color": "#582CFF",
"enabled": true,
"blendMode": "screen"
},
"width": 900,
"height": 4,
"effect": {
"type": "blur",
"radius": 35
}
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "xLsgP",
"layoutPosition": "absolute",
"x": 100,
"y": 450,
"name": "streak2",
"opacity": 0.45,
"rotation": -5,
"fill": {
"type": "color",
"color": "#BF40FF",
"enabled": true,
"blendMode": "screen"
},
"width": 700,
"height": 3,
"effect": {
"type": "blur",
"radius": 40
}
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "8BRBe",
"layoutPosition": "absolute",
"x": 50,
"y": 680,
"name": "streak3",
"opacity": 0.35,
"rotation": 10,
"fill": {
"type": "color",
"color": "#00F2FF",
"enabled": true,
"blendMode": "screen"
},
"width": 800,
"height": 5,
"effect": {
"type": "blur",
"radius": 45
}
}
]
}
]
},
{
"type": "frame",
"id": "p4OXh",
"x": 0,
"y": 0,
"name": "Dashboard v2 - Human Decisions",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--surface-inverse",
"cornerRadius": "$--rounded-lg",
"children": [
{
"type": "frame",
"id": "kkns1",
"name": "sidebar1",
"width": 240,
"height": "fill_container",
"fill": "$--surface-card",
"layout": "vertical",
"padding": [
32,
20
],
"children": [
{
"type": "text",
"id": "jA1Et",
"name": "logo1",
"fill": "$--foreground-inverse",
"content": "CommandApp",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600",
"letterSpacing": -0.5
},
{
"type": "frame",
"id": "Ti9K7",
"name": "nav1",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 4,
"padding": [
40,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "LX568",
"name": "navActive",
"width": "fill_container",
"fill": "$--accent-primary-muted",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "MmjrB",
"name": "navActiveIcon",
"width": 18,
"height": 18,
"iconFontName": "layout-dashboard",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
},
{
"type": "text",
"id": "a1ZTr",
"name": "navActiveText",
"fill": "$--accent-primary",
"content": "Dashboard",
"fontFamily": "Funnel Sans",
"fontSize": 13,
"fontWeight": "500",
"letterSpacing": 0.3
}
]
},
{
"type": "frame",
"id": "0U0R3",
"name": "navProj",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "e6wqc",
"name": "navProjIcon",
"width": 18,
"height": 18,
"iconFontName": "folder",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "V1jwj",
"name": "navProjText",
"fill": "$--foreground-muted",
"content": "Projects",
"fontFamily": "Funnel Sans",
"fontSize": 13,
"letterSpacing": 0.3
}
]
},
{
"type": "frame",
"id": "MaUjH",
"name": "navLib",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Eh40m",
"name": "navLibIcon",
"width": 18,
"height": 18,
"iconFontName": "library",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "fan6I",
"name": "navLibText",
"fill": "$--foreground-muted",
"content": "Library",
"fontFamily": "Funnel Sans",
"fontSize": 13,
"letterSpacing": 0.3
}
]
},
{
"type": "frame",
"id": "XWQRi",
"name": "navWf",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "JkmCq",
"name": "navWfIcon",
"width": 18,
"height": 18,
"iconFontName": "workflow",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "XLFxy",
"name": "navWfText",
"fill": "$--foreground-muted",
"content": "Workflows",
"fontFamily": "Funnel Sans",
"fontSize": 13,
"letterSpacing": 0.3
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Zcx7p",
"name": "mainArea",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "qU25H",
"name": "topBar",
"width": "fill_container",
"gap": 16,
"padding": [
20,
32
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "obyvr",
"name": "greeting",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "7GSvw",
"name": "greetTitle",
"fill": "$--foreground-inverse",
"content": "Good morning, Commander",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "600"
},
{
"type": "text",
"id": "dFhtg",
"name": "greetDate",
"fill": "$--foreground-muted",
"content": "Friday, April 11, 2026",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "6GslP",
"name": "searchBar",
"width": 220,
"height": 36,
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 8,
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "QWw4q",
"name": "searchIcon",
"width": 16,
"height": 16,
"iconFontName": "search",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "qQUJA",
"name": "searchText",
"fill": "$--foreground-dim",
"content": "Search...",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "v0e1B",
"name": "notifBtn",
"width": 36,
"height": 36,
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "2HP6Z",
"name": "notifIcon",
"width": 18,
"height": 18,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
}
]
},
{
"type": "line",
"id": "fMnkm",
"name": "divider",
"width": "fill_container",
"height": 0,
"stroke": {
"align": "center",
"thickness": 1,
"fill": "$--border-subtle"
}
}
]
},
{
"type": "frame",
"id": "WaFyQ",
"name": "contentBody",
"width": "fill_container",
"height": "fill_container",
"children": [
{
"type": "frame",
"id": "V8oCg",
"name": "mainContent",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 28,
"padding": [
28,
32
],
"children": [
{
"type": "frame",
"id": "g3WN0",
"name": "attentionLabel",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "NQdqA",
"name": "attIcon",
"width": 18,
"height": 18,
"iconFontName": "circle-alert",
"iconFontFamily": "lucide",
"fill": "$--warning"
},
{
"type": "text",
"id": "WSog4",
"name": "attText",
"fill": "$--foreground-inverse",
"content": "Needs Your Decision",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "ggG38",
"name": "attCards",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "Ggpol",
"name": "card1",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"children": [
{
"type": "rectangle",
"cornerRadius": [
4,
0,
0,
4
],
"id": "RhC4R",
"name": "card1border",
"fill": "$--warning",
"width": 4,
"height": "fill_container"
},
{
"type": "frame",
"id": "Otkl9",
"name": "card1body",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"padding": 16,
"children": [
{
"type": "text",
"id": "GaaW9",
"name": "card1proj",
"fill": "$--foreground-dim",
"content": "Auth Service",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500",
"letterSpacing": 0.5
},
{
"type": "text",
"id": "XNXRi",
"name": "card1title",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Choose OAuth2 provider strategy",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "frame",
"id": "4l40z",
"name": "card1ai",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "gahhM",
"name": "card1dot",
"fill": "$--warning",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "Ebsyh",
"name": "card1aitext",
"fill": "$--warning",
"content": "Decision needed before implementation",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "ya2Oh",
"name": "card2",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"children": [
{
"type": "rectangle",
"cornerRadius": [
4,
0,
0,
4
],
"id": "gAo0b",
"name": "card2border",
"fill": "$--accent-primary",
"width": 4,
"height": "fill_container"
},
{
"type": "frame",
"id": "BFdAV",
"name": "card2body",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"padding": 16,
"children": [
{
"type": "text",
"id": "JK1yS",
"name": "card2proj",
"fill": "$--foreground-dim",
"content": "Auth Rewrite",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500",
"letterSpacing": 0.5
},
{
"type": "text",
"id": "a8pNq",
"name": "card2title",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Review gap analysis findings",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "frame",
"id": "qqoRs",
"name": "card2ai",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "gPcyg",
"name": "card2dot",
"fill": "$--accent-primary",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "0XIBY",
"name": "card2aitext",
"fill": "$--accent-primary",
"content": "AI research complete — ready for your review",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "dvqBI",
"name": "card3",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"children": [
{
"type": "rectangle",
"cornerRadius": [
4,
0,
0,
4
],
"id": "WSLXl",
"name": "card3border",
"fill": "$--accent-secondary",
"width": 4,
"height": "fill_container"
},
{
"type": "frame",
"id": "oOth6",
"name": "card3body",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"padding": 16,
"children": [
{
"type": "text",
"id": "ENSuc",
"name": "card3proj",
"fill": "$--foreground-dim",
"content": "Dashboard",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500",
"letterSpacing": 0.5
},
{
"type": "text",
"id": "sBpZv",
"name": "card3title",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Provide feedback on wireframes",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "frame",
"id": "CGczB",
"name": "card3ai",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "PPBtQ",
"name": "card3dot",
"fill": "$--accent-secondary",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "9WZc4",
"name": "card3aitext",
"fill": "$--accent-secondary",
"content": "Design iteration ready for input",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "text",
"id": "DeiCg",
"name": "projLabel",
"fill": "$--foreground-inverse",
"content": "Active Projects",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "2OaoE",
"name": "projRow",
"width": "fill_container",
"gap": 12,
"children": [
{
"type": "frame",
"id": "zp6Ko",
"name": "p1",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 10,
"padding": 14,
"children": [
{
"type": "text",
"id": "rimhC",
"name": "p1name",
"fill": "$--foreground-inverse",
"content": "OAuth2 Provider",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "frame",
"id": "syUDb",
"name": "p1bar",
"width": "fill_container",
"height": 4,
"fill": "$--border-subtle",
"cornerRadius": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "1gDsm",
"name": "p1fill",
"fill": "$--accent-primary",
"width": 100,
"height": "fill_container"
}
]
},
{
"type": "frame",
"id": "Wrd0c",
"name": "p1meta",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PLL5m",
"name": "p1items",
"fill": "$--foreground-dim",
"content": "3 items",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "JAQrV",
"name": "p1ai",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "86q35",
"name": "p1aidot",
"fill": "$--success",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "52bOC",
"name": "p1aitext",
"fill": "$--success",
"content": "AI active",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "lofnJ",
"name": "p2",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 10,
"padding": 14,
"children": [
{
"type": "text",
"id": "wk07v",
"name": "p2name",
"fill": "$--foreground-inverse",
"content": "Auth Rewrite",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "frame",
"id": "Auppp",
"name": "p2bar",
"width": "fill_container",
"height": 4,
"fill": "$--border-subtle",
"cornerRadius": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "6PNEg",
"name": "p2fill",
"fill": "$--accent-secondary",
"width": 60,
"height": "fill_container"
}
]
},
{
"type": "frame",
"id": "qQaJA",
"name": "p2meta",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "0guyS",
"name": "p2items",
"fill": "$--foreground-dim",
"content": "5 items",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "86o87",
"name": "p2ai",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "bcWlC",
"name": "p2aidot",
"fill": "$--warning",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "4unA1",
"name": "p2aitext",
"fill": "$--warning",
"content": "Blocked",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "fgfP2",
"name": "p3",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 10,
"padding": 14,
"children": [
{
"type": "text",
"id": "h7TcT",
"name": "p3name",
"fill": "$--foreground-inverse",
"content": "Dashboard UI",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "frame",
"id": "1ke4M",
"name": "p3bar",
"width": "fill_container",
"height": 4,
"fill": "$--border-subtle",
"cornerRadius": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "2xBXD",
"name": "p3fill",
"fill": "$--accent-tertiary",
"width": 140,
"height": "fill_container"
}
]
},
{
"type": "frame",
"id": "XneCM",
"name": "p3meta",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "WHcL1",
"name": "p3items",
"fill": "$--foreground-dim",
"content": "2 items",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "XJ33R",
"name": "p3ai",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "M8Fta",
"name": "p3aidot",
"fill": "$--success",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "fDwEe",
"name": "p3aitext",
"fill": "$--success",
"content": "AI active",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "W6VSC",
"name": "p4",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 10,
"padding": 14,
"children": [
{
"type": "text",
"id": "mrzoF",
"name": "p4name",
"fill": "$--foreground-inverse",
"content": "API Gateway",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "frame",
"id": "zizel",
"name": "p4bar",
"width": "fill_container",
"height": 4,
"fill": "$--border-subtle",
"cornerRadius": 2,
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "CstnH",
"name": "p4fill",
"fill": "$--accent-primary",
"width": 30,
"height": "fill_container"
}
]
},
{
"type": "frame",
"id": "mSHK5",
"name": "p4meta",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "JC3ds",
"name": "p4items",
"fill": "$--foreground-dim",
"content": "7 items",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "Ibzc2",
"name": "p4ai",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "gk6wo",
"name": "p4aidot",
"fill": "$--success",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "giUCW",
"name": "p4aitext",
"fill": "$--success",
"content": "AI active",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "sXmhW",
"name": "actPanel",
"width": 300,
"height": "fill_container",
"fill": "$--surface-card",
"stroke": {
"align": "inside",
"thickness": {
"left": 1
},
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 16,
"padding": [
24,
20
],
"children": [
{
"type": "text",
"id": "Nqomo",
"name": "actTitle",
"fill": "$--foreground-inverse",
"content": "Recent Activity",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "b6c1K",
"name": "actList",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "B5w1Z",
"name": "a1",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 10,
"padding": [
12,
0
],
"children": [
{
"type": "icon_font",
"id": "3xfbf",
"name": "a1icon",
"width": 16,
"height": 16,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "frame",
"id": "UN7WC",
"name": "a1body",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "ea6VI",
"name": "a1text",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "AI completed gap analysis",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "E5xKE",
"name": "a1time",
"fill": "$--foreground-dim",
"content": "2 min ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "3WXyn",
"name": "a2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 10,
"padding": [
12,
0
],
"children": [
{
"type": "icon_font",
"id": "4fhDt",
"name": "a2icon",
"width": 16,
"height": 16,
"iconFontName": "milestone",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
},
{
"type": "frame",
"id": "qsrZW",
"name": "a2body",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "FhJPI",
"name": "a2text",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Plan milestone reached",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "u3xcq",
"name": "a2time",
"fill": "$--foreground-dim",
"content": "15 min ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "sWBsR",
"name": "a3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 10,
"padding": [
12,
0
],
"children": [
{
"type": "icon_font",
"id": "goTc6",
"name": "a3icon",
"width": 16,
"height": 16,
"iconFontName": "file-plus",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "frame",
"id": "H8oPo",
"name": "a3body",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "0D1Pc",
"name": "a3text",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "New doc added to library",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "cUmdQ",
"name": "a3time",
"fill": "$--foreground-dim",
"content": "32 min ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "F2Dc4",
"name": "a4",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 10,
"padding": [
12,
0
],
"children": [
{
"type": "icon_font",
"id": "gvOBX",
"name": "a4icon",
"width": 16,
"height": 16,
"iconFontName": "arrow-right-left",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "frame",
"id": "LPpfX",
"name": "a4body",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "kTiAG",
"name": "a4text",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Work item phase changed",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "KXiPn",
"name": "a4time",
"fill": "$--foreground-dim",
"content": "1 hr ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "wevkv",
"name": "a5",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 10,
"padding": [
12,
0
],
"children": [
{
"type": "icon_font",
"id": "VrRup",
"name": "a5icon",
"width": 16,
"height": 16,
"iconFontName": "bot",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
},
{
"type": "frame",
"id": "MnojI",
"name": "a5body",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "oWTYh",
"name": "a5text",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "AI started implementation",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "GAthT",
"name": "a5time",
"fill": "$--foreground-dim",
"content": "2 hrs ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "X80B2",
"name": "a6",
"width": "fill_container",
"gap": 10,
"padding": [
12,
0
],
"children": [
{
"type": "icon_font",
"id": "1uCUm",
"name": "a6icon",
"width": 16,
"height": 16,
"iconFontName": "git-commit-horizontal",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "frame",
"id": "xSHJL",
"name": "a6body",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "6ScF8",
"name": "a6text",
"fill": "$--foreground-inverse",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "3 commits pushed",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "4jpnu",
"name": "a6time",
"fill": "$--foreground-dim",
"content": "3 hrs ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "JCFR8",
"layoutPosition": "absolute",
"x": 300,
"y": 180,
"name": "streak1",
"opacity": 0.5,
"rotation": 7,
"fill": "$--accent-primary",
"width": 800,
"height": 3,
"effect": {
"type": "blur",
"radius": 40
}
},
{
"type": "rectangle",
"id": "Fs27c",
"layoutPosition": "absolute",
"x": 500,
"y": 500,
"name": "streak2",
"opacity": 0.4,
"rotation": -5,
"fill": "$--accent-secondary",
"width": 600,
"height": 4,
"effect": {
"type": "blur",
"radius": 50
}
},
{
"type": "rectangle",
"id": "bPUhJ",
"layoutPosition": "absolute",
"x": 200,
"y": 750,
"name": "streak3",
"opacity": 0.35,
"rotation": 10,
"fill": "$--accent-tertiary",
"width": 900,
"height": 2,
"effect": {
"type": "blur",
"radius": 35
}
}
]
},
{
"type": "frame",
"id": "tWe2a",
"x": 1540,
"y": 1000,
"name": "Project Detail v2 - Plans Centric",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--surface-inverse",
"cornerRadius": "$--rounded-lg",
"children": [
{
"type": "frame",
"id": "TfGaD",
"name": "Sidebar",
"width": 240,
"height": "fill_container",
"fill": "$--surface-card",
"layout": "vertical",
"gap": 8,
"padding": [
24,
16,
16,
16
],
"children": [
{
"type": "frame",
"id": "PSF49",
"name": "logo",
"width": "fill_container",
"gap": 10,
"padding": [
0,
0,
20,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "1GDfm",
"name": "logoIcon",
"width": 28,
"height": 28,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "$--accent-primary",
"position": 0
},
{
"color": "$--accent-secondary",
"position": 1
}
]
},
"cornerRadius": 6
},
{
"type": "text",
"id": "Ju2Eh",
"name": "logoText",
"fill": "$--foreground-inverse",
"content": "CommandApp",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "Hv2wk",
"name": "navSection",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "frame",
"id": "DWBCQ",
"name": "navDash",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "nMhSP",
"name": "navDashIcon",
"width": 18,
"height": 18,
"iconFontName": "layout-dashboard",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "PDU0l",
"name": "navDashText",
"fill": "$--foreground-dim",
"content": "Dashboard",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "3lXYQ",
"name": "navProj",
"width": "fill_container",
"fill": "$--accent-primary-muted",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "nboBQ",
"name": "navProjIcon",
"width": 18,
"height": 18,
"iconFontName": "folder-git-2",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
},
{
"type": "text",
"id": "oFzLg",
"name": "navProjText",
"fill": "$--foreground-inverse",
"content": "Projects",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "zGWbm",
"name": "navLib",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "j3kMi",
"name": "navLibIcon",
"width": 18,
"height": 18,
"iconFontName": "library",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "3lvSE",
"name": "navLibText",
"fill": "$--foreground-dim",
"content": "Library",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "zH8gi",
"name": "navFlow",
"width": "fill_container",
"cornerRadius": "$--rounded-sm",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "RMVw2",
"name": "navFlowIcon",
"width": 18,
"height": 18,
"iconFontName": "workflow",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "UygH9",
"name": "navFlowText",
"fill": "$--foreground-dim",
"content": "Workflows",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "gGcTG",
"name": "Main Content",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"fill": "$--surface-inverse",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "uoPaS",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Neon Streaks",
"opacity": 0.25,
"width": 1200,
"height": 900,
"layout": "none",
"children": [
{
"type": "rectangle",
"id": "hor77",
"x": -20,
"y": 100,
"name": "s1",
"rotation": 6.000000000000001,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "#582CFF00",
"position": 0
},
{
"color": "$--accent-primary",
"position": 0.4
},
{
"color": "#582CFF00",
"position": 1
}
]
},
"width": 550,
"height": 3,
"effect": {
"type": "blur",
"radius": 24
}
},
{
"type": "rectangle",
"id": "Fle2A",
"x": 300,
"y": 500,
"name": "s2",
"rotation": -7,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "#BF40FF00",
"position": 0
},
{
"color": "$--accent-secondary",
"position": 0.5
},
{
"color": "#BF40FF00",
"position": 1
}
]
},
"width": 450,
"height": 2,
"effect": {
"type": "blur",
"radius": 26
}
},
{
"type": "rectangle",
"id": "axl5c",
"x": 80,
"y": 730,
"name": "s3",
"rotation": 9,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "#00F2FF00",
"position": 0
},
{
"color": "$--accent-tertiary",
"position": 0.45
},
{
"color": "#00F2FF00",
"position": 1
}
]
},
"width": 600,
"height": 3,
"effect": {
"type": "blur",
"radius": 30
}
}
]
},
{
"type": "frame",
"id": "h6QUR",
"name": "Top Bar",
"width": "fill_container",
"fill": "$--surface-card",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 12,
"padding": [
14,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "uPAWL",
"name": "backBtn",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 6,
"padding": [
6,
8
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "QJXnq",
"name": "backIcon",
"width": 14,
"height": 14,
"iconFontName": "arrow-left",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "yTvVn",
"name": "backText",
"fill": "$--foreground-muted",
"content": "Projects",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "BqbOb",
"name": "breadcrumb",
"fill": "$--foreground-dim",
"content": "/ Auth Service",
"fontFamily": "Funnel Sans",
"fontSize": 12,
"fontWeight": "normal",
"letterSpacing": 0.3
},
{
"type": "frame",
"id": "kEoPE",
"name": "topSpacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "sQliT",
"name": "searchBox",
"width": 200,
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "eLknv",
"name": "searchIcon",
"width": 14,
"height": 14,
"iconFontName": "search",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "FQCI8",
"name": "searchText",
"fill": "$--foreground-dim",
"content": "Search project...",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "FFLQB",
"name": "bellIcon",
"width": 18,
"height": 18,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
}
]
},
{
"type": "frame",
"id": "MEWVJ",
"name": "Content Body",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"children": [
{
"type": "frame",
"id": "IiJvt",
"name": "Left Column",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"padding": [
20,
24
],
"children": [
{
"type": "frame",
"id": "5Hf2A",
"name": "Project Header",
"width": "fill_container",
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "eDALf",
"name": "projIcon",
"width": 36,
"height": 36,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "$--accent-primary",
"position": 0
},
{
"color": "$--accent-secondary",
"position": 1
}
]
},
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "KJFt7",
"name": "projIconInner",
"width": 18,
"height": 18,
"iconFontName": "shield",
"iconFontFamily": "lucide",
"fill": "#FFFFFF"
}
]
},
{
"type": "frame",
"id": "rCLnj",
"name": "projInfo",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "90wL0",
"name": "projTitle",
"fill": "$--foreground-inverse",
"content": "Auth Service",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "700"
},
{
"type": "text",
"id": "blXia",
"name": "projDesc",
"fill": "$--foreground-muted",
"content": "Authentication & authorization middleware",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "VHPsT",
"name": "projStats",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HTDE6",
"name": "pStat1",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "0FcFI",
"name": "pStat1Dot",
"fill": "$--success",
"width": 7,
"height": 7
},
{
"type": "text",
"id": "SpF8M",
"name": "pStat1Text",
"fill": "$--foreground-dim",
"content": "3 AI active",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "gBqKj",
"name": "pStat2",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "8Q9mv",
"name": "pStat2Icon",
"width": 12,
"height": 12,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "jml9q",
"name": "pStat2Text",
"fill": "$--foreground-dim",
"content": "4 worktrees",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "0V1S3",
"name": "divider",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "4osZQ",
"name": "Project Tabs",
"width": "fill_container",
"children": [
{
"type": "frame",
"id": "ODl7Q",
"name": "tabPlans",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 2
},
"fill": "$--accent-primary"
},
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "sTHDH",
"name": "tabPlansIcon",
"width": 14,
"height": 14,
"iconFontName": "map",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
},
{
"type": "text",
"id": "4040A",
"name": "tabPlansText",
"fill": "$--foreground-inverse",
"content": "Plans",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "XO0lW",
"name": "tabWorktrees",
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "7OsX0",
"name": "tabWorktreesIcon",
"width": 14,
"height": 14,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "CTsAw",
"name": "tabWorktreesText",
"fill": "$--foreground-dim",
"content": "Worktrees",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "rdANu",
"name": "tabWorktreesCount",
"fill": "$--surface-elevated",
"cornerRadius": 8,
"padding": [
2,
7
],
"children": [
{
"type": "text",
"id": "YZIhF",
"name": "tabWorktreesNum",
"fill": "$--foreground-dim",
"content": "4",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "FZ8Md",
"name": "tabDocsLib",
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "OKE7U",
"name": "tabDocsLibIcon",
"width": 14,
"height": 14,
"iconFontName": "library",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "0Nmq2",
"name": "tabDocsLibText",
"fill": "$--foreground-dim",
"content": "Docs & Library",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "Fk5DK",
"name": "tabDocsLibCount",
"fill": "$--surface-elevated",
"cornerRadius": 8,
"padding": [
2,
7
],
"children": [
{
"type": "text",
"id": "fXqbO",
"name": "tabDocsLibNum",
"fill": "$--foreground-dim",
"content": "5",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "vrzuA",
"name": "Active Plan",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 14,
"children": [
{
"type": "frame",
"id": "eaFOX",
"name": "planHeader",
"width": "fill_container",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "EruKM",
"name": "planIcon",
"width": 16,
"height": 16,
"iconFontName": "map",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "nVYRN",
"name": "planTitle",
"fill": "$--foreground-inverse",
"content": "Auth Compliance Roadmap",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "frame",
"id": "2bKnU",
"name": "planProgressBadge",
"fill": "$--accent-primary-muted",
"cornerRadius": 10,
"padding": [
3,
10
],
"children": [
{
"type": "text",
"id": "On2Fz",
"name": "planProgressText",
"fill": "$--accent-primary",
"content": "66% complete",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "ApsGp",
"name": "planSpacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "7G9Mw",
"name": "planToggle",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "1cqhs",
"name": "planToggle1",
"fill": "$--accent-primary-muted",
"cornerRadius": "$--rounded-sm",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "oS4na",
"name": "planToggle1Text",
"fill": "$--accent-primary",
"content": "Plans",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "lGDHD",
"name": "planToggle2",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "lZh0l",
"name": "planToggle2Text",
"fill": "$--foreground-dim",
"content": "All Items",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "L1Szg",
"name": "planProgressBar",
"width": "fill_container",
"height": 4,
"fill": "$--surface-elevated",
"cornerRadius": 2,
"layout": "none",
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "ripeU",
"x": 0,
"y": 0,
"name": "planProgressFill",
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 0,
"size": {
"height": 1
},
"colors": [
{
"color": "$--accent-primary",
"position": 0
},
{
"color": "$--accent-secondary",
"position": 0.7
},
{
"color": "$--accent-tertiary",
"position": 1
}
]
},
"width": 440,
"height": 4
}
]
},
{
"type": "frame",
"id": "HSil9",
"name": "Plan Description",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"padding": [
0,
0,
4,
0
],
"children": [
{
"type": "text",
"id": "hqNtE",
"name": "planDescText",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Bring the auth middleware into compliance with updated legal and security requirements. Covers gap analysis, token storage migration, CSRF protection, and final compliance audit certification by April 18.",
"lineHeight": 1.5,
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "gAurU",
"name": "planDescMeta",
"width": "fill_container",
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "iGOev",
"name": "planMetaMilestone",
"gap": 5,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "QLHDX",
"name": "planMetaMIcon",
"width": 12,
"height": 12,
"iconFontName": "flag",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "mEq1n",
"name": "planMetaMText",
"fill": "$--foreground-dim",
"content": "4/6 milestones",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "T8JCv",
"name": "planMetaItems",
"gap": 5,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "QKfXg",
"name": "planMetaIIcon",
"width": 12,
"height": 12,
"iconFontName": "list-checks",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "fMjra",
"name": "planMetaIText",
"fill": "$--foreground-dim",
"content": "8 work items · 4 done",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "JccA8",
"name": "planMetaDue",
"gap": 5,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Cpfo5",
"name": "planMetaDIcon",
"width": 12,
"height": 12,
"iconFontName": "calendar",
"iconFontFamily": "lucide",
"fill": "$--warning"
},
{
"type": "text",
"id": "5DTXl",
"name": "planMetaDText",
"fill": "$--warning",
"content": "Due Apr 18",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "oqfyI",
"name": "Phases",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "ovcJm",
"name": "Phase 1 - Analysis",
"width": "fill_container",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "m3MMm",
"name": "phase1Header",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": [
"$--rounded-lg",
"$--rounded-lg",
0,
0
],
"gap": 10,
"padding": [
10,
14
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "eBsoV",
"name": "phase1Check",
"width": 16,
"height": 16,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "text",
"id": "etQw4",
"name": "phase1Title",
"fill": "$--foreground-inverse",
"content": "Phase 1 — Analysis & Research",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "82Vy9",
"name": "phase1Badge",
"fill": "#22C55E22",
"cornerRadius": 8,
"padding": [
2,
8
],
"children": [
{
"type": "text",
"id": "BSfQT",
"name": "phase1BadgeText",
"fill": "$--success",
"content": "Complete",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "2Wg1Q",
"name": "phase1Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "3ktaf",
"name": "phase1Count",
"fill": "$--foreground-dim",
"content": "3/3 items",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "3JUQ0",
"name": "phase1Items",
"width": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "NJjuQ",
"name": "p1wi1",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 10,
"padding": [
8,
14,
8,
38
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "pW0DV",
"name": "p1wi1Check",
"width": 14,
"height": 14,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "frame",
"id": "5lEp3",
"name": "p1wi1info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "80ygi",
"fill": "$--foreground-muted",
"content": "Gap analysis — identify compliance gaps",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "YYuiu",
"fill": "$--foreground-dim",
"content": "Scan current auth middleware against OWASP and legal token storage requirements",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "eU3y6",
"name": "p1wi1Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "6JkTO",
"name": "p1wi1Phase",
"fill": "#22C55E22",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "azi5I",
"name": "p1wi1PhaseText",
"fill": "$--success",
"content": "AI Enhanced",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "t0JBY",
"name": "p1wi1Id",
"fill": "$--foreground-dim",
"content": "WI-140",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "2ivoZ",
"name": "p1wi2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 10,
"padding": [
8,
14,
8,
38
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Pb5Tm",
"name": "p1wi2Check",
"width": 14,
"height": 14,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "frame",
"id": "sVw57",
"name": "p1wi2info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "yrD7e",
"fill": "$--foreground-muted",
"content": "Design decision — token storage approach",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Vjxaz",
"fill": "$--foreground-dim",
"content": "Evaluate encrypted httpOnly cookies vs server-side session store for compliance",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "dt0oG",
"name": "p1wi2Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "VsTry",
"name": "p1wi2Phase",
"fill": "#22C55E22",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "4OMh9",
"name": "p1wi2PhaseText",
"fill": "$--success",
"content": "Complete",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "U8QWx",
"name": "p1wi2Id",
"fill": "$--foreground-dim",
"content": "WI-141",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ItUmI",
"name": "p1wi3",
"width": "fill_container",
"gap": 10,
"padding": [
8,
14,
8,
38
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "1PsuG",
"name": "p1wi3Check",
"width": 14,
"height": 14,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "frame",
"id": "ssQsa",
"name": "p1wi3info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "WfeXR",
"fill": "$--foreground-muted",
"content": "Deep research — compliance standards review",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "0IzuN",
"fill": "$--foreground-dim",
"content": "AI deep research into SOC2 and GDPR token handling requirements for audit prep",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "VerYe",
"name": "p1wi3Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "ja6Ix",
"name": "p1wi3Phase",
"fill": "#22C55E22",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "abvYP",
"name": "p1wi3PhaseText",
"fill": "$--success",
"content": "AI Enhanced",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "vqgtX",
"name": "p1wi3Id",
"fill": "$--foreground-dim",
"content": "WI-139",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Gsdol",
"name": "Phase 2 - Implementation",
"width": "fill_container",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--accent-primary"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "HL1fP",
"name": "phase2Header",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": [
"$--rounded-lg",
"$--rounded-lg",
0,
0
],
"gap": 10,
"padding": [
10,
14
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "cV5RQ",
"name": "phase2Dot",
"width": 16,
"height": 16,
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "$--accent-primary"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "vFyql",
"name": "phase2DotInner",
"fill": "$--accent-primary",
"width": 6,
"height": 6
}
]
},
{
"type": "text",
"id": "Hi6JU",
"name": "phase2Title",
"fill": "$--foreground-inverse",
"content": "Phase 2 — Implementation",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "ukEo6",
"name": "phase2Badge",
"fill": "$--accent-primary-muted",
"cornerRadius": 8,
"padding": [
2,
8
],
"children": [
{
"type": "text",
"id": "Oqn8s",
"name": "phase2BadgeText",
"fill": "$--accent-primary",
"content": "In Progress",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "pjXX9",
"name": "phase2Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "qVQTR",
"name": "phase2Count",
"fill": "$--foreground-dim",
"content": "1/3 items",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "cB4ry",
"name": "phase2Items",
"width": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "DrQdu",
"name": "p2wi1",
"width": "fill_container",
"fill": "$--surface-card-hover",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 8,
"padding": [
8,
14,
8,
38
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "goBAX",
"name": "p2wi1Dot",
"fill": "$--accent-primary",
"width": 10,
"height": 10
},
{
"type": "frame",
"id": "xedYH",
"name": "p2wi1info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "dRCzV",
"fill": "$--foreground-inverse",
"content": "Auth middleware rewrite — session token compliance",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "SBY9J",
"fill": "$--foreground-dim",
"content": "Rewrite middleware with encrypted httpOnly tokens, CSRF double-submit, and audit logging",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "yVIeK",
"name": "p2wi1Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "DzR4X",
"name": "p2wi1AIBadge",
"fill": "#22C55E22",
"cornerRadius": 6,
"gap": 4,
"padding": [
2,
6
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "a6M54",
"name": "p2wi1AIDot",
"fill": "$--success",
"width": 5,
"height": 5
},
{
"type": "text",
"id": "wtxY7",
"name": "p2wi1AIText",
"fill": "$--success",
"content": "AI Running",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ERkkB",
"name": "p2wi1Phase",
"fill": "$--accent-primary-muted",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "COKnP",
"name": "p2wi1PhaseText",
"fill": "$--accent-primary",
"content": "Implementation",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "UajDt",
"name": "p2wi1Id",
"fill": "$--foreground-dim",
"content": "WI-142",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "v2ngo",
"name": "p2wi2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 8,
"padding": [
8,
14,
8,
38
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "3TcUQ",
"name": "p2wi2Dot",
"fill": "$--warning",
"width": 10,
"height": 10
},
{
"type": "frame",
"id": "XhLso",
"name": "p2wi2info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "aplk6",
"fill": "$--foreground-inverse",
"content": "OAuth2 provider integration",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "BgXbj",
"fill": "$--foreground-dim",
"content": "Integrate external OAuth2 providers — waiting on API key provisioning from vendor",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "RmZ1J",
"name": "p2wi2Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "0E3h5",
"name": "p2wi2BlockBadge",
"fill": "#F59E0B22",
"cornerRadius": 6,
"gap": 4,
"padding": [
2,
6
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "xk0FC",
"name": "p2wi2BlockIcon",
"width": 9,
"height": 9,
"iconFontName": "lock",
"iconFontFamily": "lucide",
"fill": "$--warning"
},
{
"type": "text",
"id": "ONxXz",
"name": "p2wi2BlockText",
"fill": "$--warning",
"content": "Blocked by WI-142",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "28ujj",
"name": "p2wi2Phase",
"fill": "#F59E0B22",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "h9lH2",
"name": "p2wi2PhaseText",
"fill": "$--warning",
"content": "Waiting",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "Mz5oV",
"name": "p2wi2Id",
"fill": "$--foreground-dim",
"content": "WI-149",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "A1ajn",
"name": "p2wi3",
"width": "fill_container",
"gap": 8,
"padding": [
8,
14,
8,
38
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "XjKBg",
"name": "p2wi3Dot",
"fill": "$--accent-primary",
"width": 10,
"height": 10
},
{
"type": "frame",
"id": "lVe8O",
"name": "p2wi3info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "CctMa",
"fill": "$--foreground-inverse",
"content": "API rate limiting per tenant",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "xgFPC",
"fill": "$--foreground-dim",
"content": "Implement tenant-scoped rate limits with Redis sliding window counters",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "7Aqe8",
"name": "p2wi3Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "eSorE",
"name": "p2wi3AIBadge",
"fill": "$--accent-primary-muted",
"cornerRadius": 6,
"gap": 4,
"padding": [
2,
6
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "FUKC0",
"name": "p2wi3AIText",
"fill": "$--accent-primary",
"content": "AI Research",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "fMyck",
"name": "p2wi3Phase",
"fill": "$--accent-secondary-muted",
"cornerRadius": 6,
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "FAxJd",
"name": "p2wi3PhaseText",
"fill": "$--accent-secondary",
"content": "AI Enhanced",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "VcoZh",
"name": "p2wi3Id",
"fill": "$--foreground-dim",
"content": "WI-138",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "CbNf1",
"name": "Phase 3 - Review & Audit",
"opacity": 0.7,
"width": "fill_container",
"cornerRadius": "$--rounded-lg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "h9DZm",
"name": "phase3Header",
"width": "fill_container",
"fill": "$--surface-card",
"cornerRadius": [
"$--rounded-lg",
"$--rounded-lg",
0,
0
],
"gap": 10,
"padding": [
10,
14
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "is8wq",
"name": "phase3Dot",
"width": 16,
"height": 16,
"stroke": {
"align": "inside",
"thickness": 1.5,
"fill": "$--border-subtle"
}
},
{
"type": "text",
"id": "1AcSA",
"name": "phase3Title",
"fill": "$--foreground-muted",
"content": "Phase 3 — Review & Compliance Audit",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "wBI6J",
"name": "phase3Badge",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"padding": [
2,
8
],
"children": [
{
"type": "text",
"id": "MvizE",
"name": "phase3BadgeText",
"fill": "$--foreground-dim",
"content": "Upcoming",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "gg0kb",
"name": "phase3Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "iVu2z",
"name": "phase3Count",
"fill": "$--foreground-dim",
"content": "0/2 items",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "OR6Sx",
"name": "phase3Items",
"width": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "VBByP",
"name": "p3wi1",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border-subtle"
},
"gap": 8,
"padding": [
8,
14,
8,
38
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "X0Pug",
"name": "p3wi1Dot",
"width": 10,
"height": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
}
},
{
"type": "frame",
"id": "OX1Gz",
"name": "p3wi1info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "mVwhc",
"fill": "$--foreground-dim",
"content": "Code review & security audit",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "ecAiR",
"opacity": 0.7,
"fill": "$--foreground-dim",
"content": "Full security review of auth changes before compliance certification",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "xTyOc",
"name": "p3wi1Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "My9Gq",
"name": "p3wi1BlockBadge",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 4,
"padding": [
2,
6
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "gsRyk",
"name": "p3wi1BlockIcon",
"width": 9,
"height": 9,
"iconFontName": "lock",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "cHQXI",
"name": "p3wi1BlockText",
"fill": "$--foreground-dim",
"content": "Waiting on Phase 2",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "LdyHz",
"name": "p3wi1Phase",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "mn5BC",
"name": "p3wi1PhaseText",
"fill": "$--foreground-dim",
"content": "Created",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "Rbc2I",
"name": "p3wi1Id",
"fill": "$--foreground-dim",
"content": "WI-155",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "IEikP",
"name": "p3wi2",
"width": "fill_container",
"gap": 8,
"padding": [
8,
14,
8,
38
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "NH5LK",
"name": "p3wi2Dot",
"width": 10,
"height": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
}
},
{
"type": "frame",
"id": "fnkdU",
"name": "p3wi2info",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "zA3ID",
"fill": "$--foreground-dim",
"content": "Compliance certification submission",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "ygxea",
"opacity": 0.7,
"fill": "$--foreground-dim",
"content": "Submit audit logs and token lifecycle documentation to legal for final sign-off",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "PIIvu",
"name": "p3wi2Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "y5RJc",
"name": "p3wi2Phase",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "vnAzG",
"name": "p3wi2PhaseText",
"fill": "$--foreground-dim",
"content": "Created",
"fontFamily": "Funnel Sans",
"fontSize": 9,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "fGWsH",
"name": "p3wi2Id",
"fill": "$--foreground-dim",
"content": "WI-156",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "An7Jt",
"name": "Right Panel",
"clip": true,
"width": 300,
"height": "fill_container",
"fill": "$--surface-card",
"stroke": {
"align": "inside",
"thickness": {
"left": 1
},
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 16,
"padding": [
18,
14
],
"children": [
{
"type": "frame",
"id": "93Wui",
"name": "Needs Attention",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "1x0l1",
"name": "attentionHeader",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "zN1Cg",
"name": "attentionIcon",
"width": 14,
"height": 14,
"iconFontName": "circle-alert",
"iconFontFamily": "lucide",
"fill": "$--warning"
},
{
"type": "text",
"id": "FnHSg",
"name": "attentionHeaderText",
"fill": "$--foreground-inverse",
"content": "Needs Your Decision",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "zXT0t",
"name": "att1",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": {
"left": 3
},
"fill": "$--warning"
},
"layout": "vertical",
"gap": 4,
"padding": 10,
"children": [
{
"type": "text",
"id": "Y9op4",
"name": "att1Title",
"fill": "$--foreground-inverse",
"content": "OAuth2: Choose provider integration strategy",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "ZUDHB",
"name": "att1Sub",
"fill": "$--warning",
"content": "Decision needed before implementation begins",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "KAKsK",
"name": "att2",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"stroke": {
"align": "inside",
"thickness": {
"left": 3
},
"fill": "$--accent-primary"
},
"layout": "vertical",
"gap": 4,
"padding": 10,
"children": [
{
"type": "text",
"id": "cZp6E",
"name": "att2Title",
"fill": "$--foreground-inverse",
"content": "Rate limiter: Review research findings",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "7xLrL",
"name": "att2Sub",
"fill": "$--accent-primary",
"content": "AI research complete — ready for your review",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "KOncq",
"name": "divRP1",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "D1AkP",
"name": "Repositories",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "zz1yu",
"name": "repoHeader",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "mY1FC",
"name": "repoHeaderIcon",
"width": 14,
"height": 14,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "avqJx",
"name": "repoHeaderText",
"fill": "$--foreground-inverse",
"content": "Repositories",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "YS99w",
"name": "repo1",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "sZ3wn",
"name": "repo1Icon",
"width": 12,
"height": 12,
"iconFontName": "folder-git-2",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "tbQrH",
"name": "repo1Name",
"fill": "$--foreground-inverse",
"content": "auth-service",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "frame",
"id": "0F8TQ",
"name": "repo1Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "PK57A",
"name": "repo1Trees",
"fill": "$--foreground-dim",
"content": "3 worktrees",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "aWtij",
"name": "repo2",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "SfCRg",
"name": "repo2Icon",
"width": 12,
"height": 12,
"iconFontName": "folder-git-2",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "Dk3Ji",
"name": "repo2Name",
"fill": "$--foreground-inverse",
"content": "auth-gateway",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "frame",
"id": "QoB4Z",
"name": "repo2Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "mMxp8",
"name": "repo2Trees",
"fill": "$--foreground-dim",
"content": "1 worktree",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "Hje0D",
"name": "divRP2",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "lwQhl",
"name": "Library & Docs",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "Dxzmu",
"name": "libHeader",
"width": "fill_container",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "8dsXT",
"name": "libHeaderIcon",
"width": 14,
"height": 14,
"iconFontName": "library",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "nJ5QU",
"name": "libHeaderText",
"fill": "$--foreground-inverse",
"content": "Library & Documents",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "hnCgQ",
"name": "doc1",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "w1eeb",
"name": "doc1Icon",
"width": 12,
"height": 12,
"iconFontName": "file-code",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "Jd69e",
"name": "doc1Name",
"fill": "$--foreground-muted",
"content": "design-decision-auth.md",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "G1Qlj",
"name": "doc2",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "vnxP5",
"name": "doc2Icon",
"width": 12,
"height": 12,
"iconFontName": "file-code",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "PGSz2",
"name": "doc2Name",
"fill": "$--foreground-muted",
"content": "gap-analysis-results.md",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "lBJ5u",
"name": "doc3",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "CmwKo",
"name": "doc3Icon",
"width": 12,
"height": 12,
"iconFontName": "file-code",
"iconFontFamily": "lucide",
"fill": "$--warning"
},
{
"type": "text",
"id": "Teyn1",
"name": "doc3Name",
"fill": "$--foreground-muted",
"content": "implementation-plan.md",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "QMsuv",
"name": "doc4",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "XTRyS",
"name": "doc4Icon",
"width": 12,
"height": 12,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "WkHyV",
"name": "doc4Name",
"fill": "$--foreground-muted",
"content": "compliance-requirements-v2.pdf",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "wm6r7",
"name": "doc5",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": "$--rounded-sm",
"gap": 6,
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "L5YNq",
"name": "doc5Icon",
"width": 12,
"height": 12,
"iconFontName": "file-code",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "EVh16",
"name": "doc5Name",
"fill": "$--foreground-muted",
"content": "session-token-spec.md",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "iUKLV",
"x": 3163,
"y": 0,
"name": "Work Item - Email Share Mode",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--surface-inverse",
"cornerRadius": "$--rounded-lg",
"children": [
{
"type": "frame",
"id": "QrYHR",
"name": "sidebar",
"width": 240,
"height": "fill_container",
"fill": "$--surface-card",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "$--border-subtle"
},
"layout": "vertical",
"padding": [
24,
16
],
"children": [
{
"type": "frame",
"id": "i3A8X",
"name": "logo",
"width": "fill_container",
"gap": 8,
"padding": [
0,
0,
24,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Mjtx0",
"name": "logoIcon",
"width": 28,
"height": 28,
"fill": "$--accent-primary",
"cornerRadius": 6
},
{
"type": "text",
"id": "6a15p",
"name": "logoTxt",
"fill": "$--foreground-inverse",
"content": "CommandApp",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "CBQcD",
"name": "navGroup",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "frame",
"id": "VfPMW",
"name": "nav1",
"width": "fill_container",
"cornerRadius": "$--rounded-md",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "C9vdl",
"name": "nav1icon",
"width": 18,
"height": 18,
"iconFontName": "layout-dashboard",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "GLZMr",
"name": "nav1txt",
"fill": "$--foreground-muted",
"content": "Dashboard",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "krZ7N",
"name": "nav2",
"width": "fill_container",
"cornerRadius": "$--rounded-md",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "LyeZM",
"name": "nav2icon",
"width": 18,
"height": 18,
"iconFontName": "folder",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "Ia6PL",
"name": "nav2txt",
"fill": "$--foreground-muted",
"content": "Projects",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "VZfoY",
"name": "nav3",
"width": "fill_container",
"cornerRadius": "$--rounded-md",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "g4KYE",
"name": "nav3icon",
"width": 18,
"height": 18,
"iconFontName": "library",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "GzW5T",
"name": "nav3txt",
"fill": "$--foreground-muted",
"content": "Library",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "27CWo",
"name": "nav4",
"width": "fill_container",
"cornerRadius": "$--rounded-md",
"gap": 10,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "D5NU9",
"name": "nav4icon",
"width": 18,
"height": 18,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "Wb0tN",
"name": "nav4txt",
"fill": "$--foreground-muted",
"content": "Workflows",
"fontFamily": "Geist",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "nphvg",
"name": "mainCol",
"width": "fill_container",
"height": "fill_container",
"fill": "$--surface-inverse",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "rooRa",
"name": "topBar",
"width": "fill_container",
"fill": "$--surface-card",
"padding": [
12,
20
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ntxYS",
"name": "breadcrumb",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "jyqG4",
"name": "backIcon",
"width": 16,
"height": 16,
"iconFontName": "chevron-left",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "text",
"id": "h5VqG",
"name": "bc1",
"fill": "$--foreground-muted",
"content": "Projects",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "rAo9z",
"name": "bcSep1",
"fill": "$--foreground-dim",
"content": "/",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Qhyfn",
"name": "bc2",
"fill": "$--foreground-muted",
"content": "Auth Service",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "WEspm",
"name": "bcSep2",
"fill": "$--foreground-dim",
"content": "/",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "jb112",
"name": "bc3",
"fill": "$--foreground-muted",
"content": "Work Items",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Dz98s",
"name": "bcSep3",
"fill": "$--foreground-dim",
"content": "/",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "pov66",
"name": "bc4",
"fill": "$--foreground-inverse",
"content": "WI-142",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "fOq1y",
"name": "topRight",
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "76WLf",
"name": "searchIcon",
"width": 18,
"height": 18,
"iconFontName": "search",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
},
{
"type": "icon_font",
"id": "xfoBm",
"name": "bellIcon",
"width": 18,
"height": 18,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "$--foreground-muted"
}
]
}
]
},
{
"type": "frame",
"id": "cOCJM",
"name": "wiHeader",
"width": "fill_container",
"layout": "vertical",
"gap": 10,
"padding": [
16,
24
],
"children": [
{
"type": "frame",
"id": "oSHVl",
"name": "wiTitleRow",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "4hbIE",
"name": "wiTitle",
"fill": "$--foreground-inverse",
"content": "Auth middleware rewrite — session token compliance",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "5MUsU",
"name": "badgeRow",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "N1W46",
"name": "badge1",
"fill": "$--accent-primary-muted",
"cornerRadius": 12,
"gap": 5,
"padding": [
3,
10
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "EFkVK",
"name": "badge1dot",
"fill": "$--accent-primary",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "SKPnm",
"name": "badge1txt",
"fill": "$--accent-primary",
"content": "In Progress",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "R0Pa5",
"name": "badge2",
"fill": "#F59E0B22",
"cornerRadius": 12,
"gap": 5,
"padding": [
3,
10
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "pkyg9",
"name": "badge2dot",
"fill": "$--warning",
"width": 6,
"height": 6
},
{
"type": "text",
"id": "jqRL4",
"name": "badge2txt",
"fill": "$--warning",
"content": "High Priority",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "1Ez7D",
"name": "divider",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
}
]
},
{
"type": "frame",
"id": "Mz7l4",
"name": "threadArea",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"padding": [
0,
24
],
"children": [
{
"type": "frame",
"id": "WHYUt",
"name": "msg1",
"width": "fill_container",
"gap": 12,
"padding": [
14,
0
],
"children": [
{
"type": "ellipse",
"id": "kQOvs",
"name": "av1",
"fill": "#2D2D4E",
"width": 32,
"height": 32
},
{
"type": "frame",
"id": "33iaA",
"name": "msg1body",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "sEdzy",
"name": "msg1head",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Ung1n",
"name": "msg1name",
"fill": "$--foreground-inverse",
"content": "James Chen",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "LK8Tw",
"name": "msg1time",
"fill": "$--foreground-dim",
"content": "2 hours ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "KJGXD",
"name": "msg1txt",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Updated the CSRF middleware implementation. Double-submit cookie pattern is now using SameSite=Strict. Ready for compliance review.",
"lineHeight": 1.5,
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "OoWGm",
"name": "msgDiv1",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "oF5na",
"name": "msg2",
"width": "fill_container",
"gap": 12,
"padding": [
14,
0
],
"children": [
{
"type": "ellipse",
"id": "vpj6k",
"name": "av2",
"fill": "#1E3A2E",
"width": 32,
"height": 32
},
{
"type": "frame",
"id": "vDjm4",
"name": "msg2body",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "01DkI",
"name": "msg2head",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "NcZYK",
"name": "msg2name",
"fill": "$--foreground-inverse",
"content": "Riya Kumar",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "L8SmD",
"name": "msg2time",
"fill": "$--foreground-dim",
"content": "1 hour ago",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "wupxd",
"name": "msg2txt",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Looks good. Let's share this with Sarah from Legal for the compliance sign-off before merging.",
"lineHeight": 1.5,
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "cgzno",
"name": "msgDiv2",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "UDujJ",
"name": "compose",
"width": "fill_container",
"fill": "$--surface-elevated",
"cornerRadius": [
8,
8,
0,
0
],
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "XguTL",
"name": "modeRow",
"width": "fill_container",
"padding": [
12,
16,
10,
16
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CeZIn",
"name": "modeEmail",
"fill": "$--accent-primary-muted",
"cornerRadius": 6,
"gap": 6,
"padding": [
6,
14
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "QB4R2",
"name": "modeEmailIcon",
"width": 14,
"height": 14,
"iconFontName": "mail",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
},
{
"type": "text",
"id": "n10HX",
"name": "modeEmailTxt",
"fill": "$--accent-primary",
"content": "Share via Email",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "zDcnu",
"name": "modeReply",
"cornerRadius": 6,
"gap": 6,
"padding": [
6,
14
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "aruUL",
"name": "modeReplyIcon",
"width": 14,
"height": 14,
"iconFontName": "message-square",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "UoHh0",
"name": "modeReplyTxt",
"fill": "$--foreground-dim",
"content": "Reply",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "rpeT7",
"name": "modeDivider",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "sPkfE",
"name": "toRow",
"width": "fill_container",
"gap": 8,
"padding": [
10,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "B8SRz",
"name": "toLabel",
"fill": "$--foreground-dim",
"content": "TO",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 1
},
{
"type": "frame",
"id": "bTJ3q",
"name": "toPill",
"fill": "$--accent-primary-muted",
"cornerRadius": 14,
"gap": 6,
"padding": [
4,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "DTPjU",
"name": "toPillTxt",
"fill": "$--accent-primary",
"content": "sarah.martinez@legal.corp",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "RfqlN",
"name": "toPillX",
"width": 12,
"height": 12,
"iconFontName": "x",
"iconFontFamily": "lucide",
"fill": "$--accent-primary"
}
]
},
{
"type": "text",
"id": "40vOi",
"name": "toInput",
"fill": "$--foreground-dim",
"content": "Add recipient...",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "rectangle",
"id": "en1e5",
"name": "toDivider",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "bi7CW",
"name": "subRow",
"width": "fill_container",
"gap": 8,
"padding": [
10,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "KAk44",
"name": "subLabel",
"fill": "$--foreground-dim",
"content": "SUBJECT",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 1
},
{
"type": "text",
"id": "fkOYs",
"name": "subText",
"fill": "$--foreground-inverse",
"content": "Re: WI-142 Auth middleware rewrite — CSRF implementation update",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "rectangle",
"id": "j68JG",
"name": "subDivider",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "xdvI3",
"name": "attachRow",
"width": "fill_container",
"gap": 8,
"padding": [
10,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "T7BdU",
"name": "attachLabel",
"fill": "$--foreground-dim",
"content": "ATTACHMENTS",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 1
},
{
"type": "frame",
"id": "3XF2e",
"name": "attach1",
"fill": "$--surface-card",
"cornerRadius": 6,
"gap": 6,
"padding": [
5,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "SnGa9",
"name": "attach1icon",
"width": 13,
"height": 13,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "D7Qee",
"name": "attach1txt",
"fill": "$--foreground-muted",
"content": "csrf-middleware.patch",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "3AfKZ",
"name": "attach2",
"fill": "$--surface-card",
"cornerRadius": 6,
"gap": 6,
"padding": [
5,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "ZdkJX",
"name": "attach2icon",
"width": 13,
"height": 13,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "gnsaT",
"name": "attach2txt",
"fill": "$--foreground-muted",
"content": "gap-analysis-results.md",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "XbVBJ",
"name": "attachBtn",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border-subtle"
},
"gap": 4,
"padding": [
5,
10
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "cDSuG",
"name": "attachBtnIcon",
"width": 12,
"height": 12,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "4hOUv",
"name": "attachBtnTxt",
"fill": "$--foreground-dim",
"content": "Attach",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "r1WUJ",
"name": "attachDivider",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "oBsx0",
"name": "msgArea",
"width": "fill_container",
"layout": "vertical",
"padding": 16,
"children": [
{
"type": "text",
"id": "AIaWR",
"name": "msgText",
"fill": "$--foreground-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Hi Sarah,\n\nSharing the latest CSRF middleware patch for your compliance review. The implementation uses double-submit cookie pattern with SameSite=Strict as discussed.\n\nPlease review and let us know if this meets the audit requirements.",
"lineHeight": 1.6,
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "rectangle",
"id": "P6sjQ",
"name": "bottomDivider",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "ZJQGc",
"name": "bottomBar",
"width": "fill_container",
"padding": [
12,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "UJKMx",
"name": "hintText",
"fill": "$--foreground-dim",
"content": "Responses will appear in this discussion",
"fontFamily": "Funnel Sans",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "SmIak",
"name": "bottomActions",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xvZ3I",
"name": "cancelBtn",
"fill": "$--foreground-muted",
"content": "Cancel",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "SdbyO",
"name": "sendBtn",
"fill": "$--accent-primary",
"cornerRadius": "$--rounded-md",
"gap": 6,
"padding": [
8,
20
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "ySeql",
"name": "sendIcon",
"width": 14,
"height": 14,
"iconFontName": "send",
"iconFontFamily": "lucide",
"fill": "$--foreground-inverse"
},
{
"type": "text",
"id": "5r0oy",
"name": "sendTxt",
"fill": "$--foreground-inverse",
"content": "Send Email",
"fontFamily": "Geist",
"fontSize": 13,
"fontWeight": "600"
}
]
}
]
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "TpLPt",
"layoutPosition": "absolute",
"x": 100,
"y": 80,
"name": "neon1",
"opacity": 0.5,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 90,
"size": {
"height": 1
},
"colors": [
{
"color": "#582CFF00",
"position": 0
},
{
"color": "#582CFF66",
"position": 0.5
},
{
"color": "#582CFF00",
"position": 1
}
]
},
"width": 200,
"height": 3
},
{
"type": "rectangle",
"id": "YW29D",
"layoutPosition": "absolute",
"x": 250,
"y": 200,
"name": "neon2",
"opacity": 0.4,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 90,
"size": {
"height": 1
},
"colors": [
{
"color": "#BF40FF00",
"position": 0
},
{
"color": "#BF40FF55",
"position": 0.5
},
{
"color": "#BF40FF00",
"position": 1
}
]
},
"width": 300,
"height": 2
},
{
"type": "rectangle",
"id": "P294T",
"layoutPosition": "absolute",
"x": 400,
"y": 350,
"name": "neon3",
"opacity": 0.35,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 90,
"size": {
"height": 1
},
"colors": [
{
"color": "#00F2FF00",
"position": 0
},
{
"color": "#00F2FF44",
"position": 0.5
},
{
"color": "#00F2FF00",
"position": 1
}
]
},
"width": 150,
"height": 2
}
]
},
{
"type": "frame",
"id": "T068X",
"name": "rightPanel",
"width": 300,
"height": "fill_container",
"fill": "$--surface-card",
"stroke": {
"align": "inside",
"thickness": {
"left": 1
},
"fill": "$--border-subtle"
},
"layout": "vertical",
"gap": 20,
"padding": [
20,
16
],
"children": [
{
"type": "text",
"id": "wUR41",
"name": "rpTitle",
"fill": "$--foreground-inverse",
"content": "Details",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "9dtFL",
"name": "compSection",
"width": "fill_container",
"layout": "vertical",
"gap": 10,
"children": [
{
"type": "text",
"id": "CQqqe",
"name": "compLabel",
"fill": "$--foreground-dim",
"content": "COMPLETION CONDITIONS",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "600",
"letterSpacing": 1.2
},
{
"type": "frame",
"id": "HK7Pw",
"name": "cond1",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "vIlCf",
"name": "cond1check",
"width": 15,
"height": 15,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "text",
"id": "TTEGY",
"name": "cond1txt",
"fill": "$--foreground-muted",
"content": "CSRF token validation",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "zj0Lc",
"name": "cond2",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "dDpxY",
"name": "cond2check",
"width": 15,
"height": 15,
"iconFontName": "circle-check",
"iconFontFamily": "lucide",
"fill": "$--success"
},
{
"type": "text",
"id": "jAtYW",
"name": "cond2txt",
"fill": "$--foreground-muted",
"content": "SameSite cookie policy",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "1QvBV",
"name": "cond3",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "OTUt6",
"name": "cond3check",
"width": 15,
"height": 15,
"iconFontName": "circle",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "LcFgO",
"name": "cond3txt",
"fill": "$--foreground-dim",
"content": "Legal compliance sign-off",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "o9FUM",
"name": "cond4",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "ViE1e",
"name": "cond4check",
"width": 15,
"height": 15,
"iconFontName": "circle",
"iconFontFamily": "lucide",
"fill": "$--foreground-dim"
},
{
"type": "text",
"id": "2C2bC",
"name": "cond4txt",
"fill": "$--foreground-dim",
"content": "Integration test coverage",
"fontFamily": "Geist",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "DhMpI",
"name": "rpDiv1",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "EQGr0",
"name": "changesSection",
"width": "fill_container",
"layout": "vertical",
"gap": 10,
"children": [
{
"type": "text",
"id": "KOMpE",
"name": "changesLabel",
"fill": "$--foreground-dim",
"content": "RECENT CHANGES",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "600",
"letterSpacing": 1.2
},
{
"type": "frame",
"id": "TUlpF",
"name": "change1",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "dBQmp",
"name": "change1icon",
"width": 13,
"height": 13,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "R4msk",
"name": "change1txt",
"fill": "$--foreground-muted",
"content": "csrf-middleware.ts +142 −38",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Orvc8",
"name": "change2",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "zMP5I",
"name": "change2icon",
"width": 13,
"height": 13,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--accent-tertiary"
},
{
"type": "text",
"id": "Uyi4b",
"name": "change2txt",
"fill": "$--foreground-muted",
"content": "session-config.ts +24 −12",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "msAdd",
"name": "rpDiv2",
"fill": "$--border-subtle",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "2Dsum",
"name": "docsSection",
"width": "fill_container",
"layout": "vertical",
"gap": 10,
"children": [
{
"type": "text",
"id": "MY1uo",
"name": "docsLabel",
"fill": "$--foreground-dim",
"content": "LINKED DOCUMENTS",
"fontFamily": "Funnel Sans",
"fontSize": 10,
"fontWeight": "600",
"letterSpacing": 1.2
},
{
"type": "frame",
"id": "VW35D",
"name": "doc1",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "iBKtr",
"name": "doc1icon",
"width": 13,
"height": 13,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "5FryS",
"name": "doc1txt",
"fill": "$--foreground-muted",
"content": "Security compliance spec",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "8yCBB",
"name": "doc2",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "4U6xb",
"name": "doc2icon",
"width": 13,
"height": 13,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "$--accent-secondary"
},
{
"type": "text",
"id": "DKsjK",
"name": "doc2txt",
"fill": "$--foreground-muted",
"content": "OWASP CSRF prevention",
"fontFamily": "Geist",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
],
"variables": {
"--accent-primary": {
"type": "color",
"value": "#582CFF"
},
"--accent-primary-muted": {
"type": "color",
"value": "#582CFF33"
},
"--accent-secondary": {
"type": "color",
"value": "#BF40FF"
},
"--accent-secondary-muted": {
"type": "color",
"value": "#BF40FF22"
},
"--accent-tertiary": {
"type": "color",
"value": "#00F2FF"
},
"--border-active": {
"type": "color",
"value": "#333355"
},
"--border-subtle": {
"type": "color",
"value": "#222233"
},
"--error": {
"type": "color",
"value": "#EF4444"
},
"--font-body": {
"type": "string",
"value": "Geist"
},
"--font-caption": {
"type": "string",
"value": "Funnel Sans"
},
"--font-heading": {
"type": "string",
"value": "Inter"
},
"--foreground-dim": {
"type": "color",
"value": "#6B6B80"
},
"--foreground-inverse": {
"type": "color",
"value": "#FFFFFF"
},
"--foreground-muted": {
"type": "color",
"value": "#A1A1A1"
},
"--info": {
"type": "color",
"value": "#3B82F6"
},
"--rounded-lg": {
"type": "number",
"value": 8
},
"--rounded-md": {
"type": "number",
"value": 6
},
"--rounded-sm": {
"type": "number",
"value": 4
},
"--success": {
"type": "color",
"value": "#22C55E"
},
"--surface-card": {
"type": "color",
"value": "#111118"
},
"--surface-card-hover": {
"type": "color",
"value": "#18182A"
},
"--surface-elevated": {
"type": "color",
"value": "#161622"
},
"--surface-inverse": {
"type": "color",
"value": "#0A0A0A"
},
"--warning": {
"type": "color",
"value": "#F59E0B"
}
}
}
Reference in a new issue View git blame Copy permalink