1180 lines
29 KiB
Plaintext
1180 lines
29 KiB
Plaintext
{
|
|
"type": "excalidraw",
|
|
"version": 2,
|
|
"source": "turbostarter-wireframes",
|
|
"elements": [
|
|
{
|
|
"id": "sidebar-container",
|
|
"type": "rectangle",
|
|
"x": 0,
|
|
"y": 0,
|
|
"width": 280,
|
|
"height": 900,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "logo-area",
|
|
"type": "rectangle",
|
|
"x": 12,
|
|
"y": 16,
|
|
"width": 256,
|
|
"height": 48,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "logo-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "logo-hexagon-outer",
|
|
"type": "diamond",
|
|
"x": 24,
|
|
"y": 22,
|
|
"width": 36,
|
|
"height": 36,
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "logo-group"],
|
|
"roundness": { "type": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "logo-hexagon-inner",
|
|
"type": "diamond",
|
|
"x": 32,
|
|
"y": 30,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$card",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "logo-group"],
|
|
"roundness": { "type": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "logo-text",
|
|
"type": "text",
|
|
"x": 68,
|
|
"y": 30,
|
|
"width": 80,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "logo-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "MCPGet",
|
|
"fontSize": 18,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 14
|
|
},
|
|
{
|
|
"id": "section-divider-1",
|
|
"type": "line",
|
|
"x": 12,
|
|
"y": 76,
|
|
"width": 256,
|
|
"height": 0,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 50,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [256, 0]]
|
|
},
|
|
{
|
|
"id": "section-label-platform-text",
|
|
"type": "text",
|
|
"x": 24,
|
|
"y": 88,
|
|
"width": 70,
|
|
"height": 14,
|
|
"strokeColor": "$muted",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "section-platform"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "PLATFORM",
|
|
"fontSize": 11,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 9
|
|
},
|
|
{
|
|
"id": "nav-dashboard-active",
|
|
"type": "rectangle",
|
|
"x": 12,
|
|
"y": 108,
|
|
"width": 256,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-dashboard-icon-grid-tl",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 118,
|
|
"width": 8,
|
|
"height": 8,
|
|
"strokeColor": "$card",
|
|
"backgroundColor": "$card",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-dashboard-icon-grid-tr",
|
|
"type": "rectangle",
|
|
"x": 34,
|
|
"y": 118,
|
|
"width": 8,
|
|
"height": 8,
|
|
"strokeColor": "$card",
|
|
"backgroundColor": "$card",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-dashboard-icon-grid-bl",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 128,
|
|
"width": 8,
|
|
"height": 8,
|
|
"strokeColor": "$card",
|
|
"backgroundColor": "$card",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-dashboard-icon-grid-br",
|
|
"type": "rectangle",
|
|
"x": 34,
|
|
"y": 128,
|
|
"width": 8,
|
|
"height": 8,
|
|
"strokeColor": "$card",
|
|
"backgroundColor": "$card",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-dashboard-text",
|
|
"type": "text",
|
|
"x": 56,
|
|
"y": 118,
|
|
"width": 80,
|
|
"height": 20,
|
|
"strokeColor": "$card",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Dashboard",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-ai-tools",
|
|
"type": "rectangle",
|
|
"x": 12,
|
|
"y": 156,
|
|
"width": 256,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-ai-tools-icon-sparkle-main",
|
|
"type": "diamond",
|
|
"x": 28,
|
|
"y": 170,
|
|
"width": 12,
|
|
"height": 12,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "$sidebar-foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-ai-tools-icon-sparkle-small",
|
|
"type": "diamond",
|
|
"x": 38,
|
|
"y": 166,
|
|
"width": 6,
|
|
"height": 6,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "$sidebar-foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-ai-tools-text",
|
|
"type": "text",
|
|
"x": 56,
|
|
"y": 166,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-platform"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "AI Tools",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "section-divider-2",
|
|
"type": "line",
|
|
"x": 12,
|
|
"y": 212,
|
|
"width": 256,
|
|
"height": 0,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 50,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [256, 0]]
|
|
},
|
|
{
|
|
"id": "section-label-manage-text",
|
|
"type": "text",
|
|
"x": 24,
|
|
"y": 224,
|
|
"width": 60,
|
|
"height": 14,
|
|
"strokeColor": "$muted",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "section-manage"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "MANAGE",
|
|
"fontSize": 11,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 9
|
|
},
|
|
{
|
|
"id": "nav-settings-hover",
|
|
"type": "rectangle",
|
|
"x": 12,
|
|
"y": 244,
|
|
"width": 256,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "$secondary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 50,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-settings-icon-gear-outer",
|
|
"type": "ellipse",
|
|
"x": 24,
|
|
"y": 254,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-settings-icon-gear-inner",
|
|
"type": "ellipse",
|
|
"x": 30,
|
|
"y": 260,
|
|
"width": 8,
|
|
"height": 8,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-settings-icon-tooth-top",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 250,
|
|
"width": 4,
|
|
"height": 4,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "$sidebar-foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-settings-icon-tooth-bottom",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 274,
|
|
"width": 4,
|
|
"height": 4,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "$sidebar-foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-settings-icon-tooth-left",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 262,
|
|
"width": 4,
|
|
"height": 4,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "$sidebar-foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-settings-icon-tooth-right",
|
|
"type": "rectangle",
|
|
"x": 44,
|
|
"y": 262,
|
|
"width": 4,
|
|
"height": 4,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "$sidebar-foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-settings-text",
|
|
"type": "text",
|
|
"x": 56,
|
|
"y": 254,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Settings",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-settings-badge-bg",
|
|
"type": "rectangle",
|
|
"x": 220,
|
|
"y": 256,
|
|
"width": 36,
|
|
"height": 18,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 30,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": { "type": 3, "value": 9 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-settings-badge-text",
|
|
"type": "text",
|
|
"x": 226,
|
|
"y": 258,
|
|
"width": 24,
|
|
"height": 14,
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-manage"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "New",
|
|
"fontSize": 11,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"baseline": 9
|
|
},
|
|
{
|
|
"id": "section-divider-3",
|
|
"type": "line",
|
|
"x": 12,
|
|
"y": 300,
|
|
"width": 256,
|
|
"height": 0,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 50,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [256, 0]]
|
|
},
|
|
{
|
|
"id": "section-label-dev-text",
|
|
"type": "text",
|
|
"x": 24,
|
|
"y": 312,
|
|
"width": 30,
|
|
"height": 14,
|
|
"strokeColor": "$muted",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "section-dev"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "DEV",
|
|
"fontSize": 11,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 9
|
|
},
|
|
{
|
|
"id": "nav-demos",
|
|
"type": "rectangle",
|
|
"x": 12,
|
|
"y": 332,
|
|
"width": 256,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-dev"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-demos-icon-layout-main",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 342,
|
|
"width": 10,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-dev"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-demos-icon-layout-top",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 342,
|
|
"width": 10,
|
|
"height": 8,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-dev"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-demos-icon-layout-bottom",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 354,
|
|
"width": 10,
|
|
"height": 8,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-dev"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-demos-text",
|
|
"type": "text",
|
|
"x": 56,
|
|
"y": 342,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-dev"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Demos",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "section-divider-bottom",
|
|
"type": "line",
|
|
"x": 12,
|
|
"y": 700,
|
|
"width": 256,
|
|
"height": 0,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 50,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [256, 0]]
|
|
},
|
|
{
|
|
"id": "nav-support",
|
|
"type": "rectangle",
|
|
"x": 12,
|
|
"y": 712,
|
|
"width": 256,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-support-icon-ring-outer",
|
|
"type": "ellipse",
|
|
"x": 24,
|
|
"y": 722,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-support-icon-ring-inner",
|
|
"type": "ellipse",
|
|
"x": 30,
|
|
"y": 728,
|
|
"width": 8,
|
|
"height": 8,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-support-icon-rope1",
|
|
"type": "line",
|
|
"x": 26,
|
|
"y": 724,
|
|
"width": 6,
|
|
"height": 6,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 6], [6, 0]]
|
|
},
|
|
{
|
|
"id": "nav-support-icon-rope2",
|
|
"type": "line",
|
|
"x": 36,
|
|
"y": 734,
|
|
"width": 6,
|
|
"height": 6,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 6], [6, 0]]
|
|
},
|
|
{
|
|
"id": "nav-support-text",
|
|
"type": "text",
|
|
"x": 56,
|
|
"y": 722,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Support",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-feedback",
|
|
"type": "rectangle",
|
|
"x": 12,
|
|
"y": 760,
|
|
"width": 256,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-feedback-icon-bubble",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 770,
|
|
"width": 20,
|
|
"height": 16,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-feedback-icon-tail",
|
|
"type": "line",
|
|
"x": 24,
|
|
"y": 782,
|
|
"width": 6,
|
|
"height": 6,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [0, 6], [6, 0]]
|
|
},
|
|
{
|
|
"id": "nav-feedback-icon-dots",
|
|
"type": "line",
|
|
"x": 28,
|
|
"y": 777,
|
|
"width": 12,
|
|
"height": 0,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 3,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [4, 0], [8, 0], [12, 0]]
|
|
},
|
|
{
|
|
"id": "nav-feedback-text",
|
|
"type": "text",
|
|
"x": 56,
|
|
"y": 770,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-bottom"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Feedback",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "section-divider-footer",
|
|
"type": "line",
|
|
"x": 12,
|
|
"y": 812,
|
|
"width": 256,
|
|
"height": 0,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 50,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [256, 0]]
|
|
},
|
|
{
|
|
"id": "user-footer",
|
|
"type": "rectangle",
|
|
"x": 12,
|
|
"y": 824,
|
|
"width": 256,
|
|
"height": 64,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "user-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "user-avatar",
|
|
"type": "ellipse",
|
|
"x": 24,
|
|
"y": 840,
|
|
"width": 40,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$secondary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "user-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "user-avatar-initials",
|
|
"type": "text",
|
|
"x": 32,
|
|
"y": 852,
|
|
"width": 24,
|
|
"height": 16,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "user-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "JD",
|
|
"fontSize": 12,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"baseline": 10
|
|
},
|
|
{
|
|
"id": "user-name",
|
|
"type": "text",
|
|
"x": 76,
|
|
"y": 852,
|
|
"width": 120,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "user-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "John Doe",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "dropdown-indicator",
|
|
"type": "line",
|
|
"x": 240,
|
|
"y": 856,
|
|
"width": 12,
|
|
"height": 8,
|
|
"strokeColor": "$muted",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "user-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [6, 8], [12, 0]]
|
|
}
|
|
],
|
|
"appState": {
|
|
"gridSize": 20,
|
|
"viewBackgroundColor": "$background"
|
|
}
|
|
}
|