{
  "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": 24,
      "y": 24,
      "width": 232,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "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-text",
      "type": "text",
      "x": 44,
      "y": 34,
      "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": "Logo",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 14
    },
    {
      "id": "section-divider-1",
      "type": "line",
      "x": 24,
      "y": 88,
      "width": 232,
      "height": 0,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "points": [[0, 0], [232, 0]]
    },
    {
      "id": "nav-item-1-active",
      "type": "rectangle",
      "x": 24,
      "y": 108,
      "width": 232,
      "height": 40,
      "strokeColor": "transparent",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "nav-item-1-text",
      "type": "text",
      "x": 44,
      "y": 118,
      "width": 100,
      "height": 20,
      "strokeColor": "$card",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Dashboard",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "nav-item-2",
      "type": "rectangle",
      "x": 24,
      "y": 160,
      "width": 232,
      "height": 40,
      "strokeColor": "transparent",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "nav-item-2-text",
      "type": "text",
      "x": 44,
      "y": 170,
      "width": 100,
      "height": 20,
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Browse MCPs",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "nav-item-3",
      "type": "rectangle",
      "x": 24,
      "y": 212,
      "width": 232,
      "height": 40,
      "strokeColor": "transparent",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "nav-item-3-text",
      "type": "text",
      "x": 44,
      "y": 222,
      "width": 100,
      "height": 20,
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Bundles",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "nav-item-4",
      "type": "rectangle",
      "x": 24,
      "y": 264,
      "width": 232,
      "height": 40,
      "strokeColor": "transparent",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "nav-item-4-text",
      "type": "text",
      "x": 44,
      "y": 274,
      "width": 100,
      "height": 20,
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "My Installs",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "nav-item-5",
      "type": "rectangle",
      "x": 24,
      "y": 316,
      "width": 232,
      "height": 40,
      "strokeColor": "transparent",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "nav-item-5-text",
      "type": "text",
      "x": 44,
      "y": 326,
      "width": 100,
      "height": 20,
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "nav-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "text": "Settings",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "baseline": 12
    },
    {
      "id": "section-divider-2",
      "type": "line",
      "x": 24,
      "y": 812,
      "width": 232,
      "height": 0,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "points": [[0, 0], [232, 0]]
    },
    {
      "id": "user-footer",
      "type": "rectangle",
      "x": 24,
      "y": 824,
      "width": 232,
      "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": 836,
      "width": 40,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$secondary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group", "user-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "user-name",
      "type": "text",
      "x": 76,
      "y": 840,
      "width": 120,
      "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": "John Doe",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 12
    },
    {
      "id": "user-email",
      "type": "text",
      "x": 76,
      "y": 858,
      "width": 140,
      "height": 14,
      "strokeColor": "$muted",
      "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@example.com",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 10
    }
  ],
  "appState": {
    "gridSize": 20,
    "viewBackgroundColor": "$background"
  }
}