{
  "type": "excalidraw",
  "version": 2,
  "source": "turbostarter-wireframes",
  "elements": [
    {
      "id": "outer-frame",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 1440,
      "height": 900,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar",
      "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": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-logo-area",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 280,
      "height": 64,
      "strokeColor": "$border",
      "backgroundColor": "$sidebar",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-logo-placeholder",
      "type": "rectangle",
      "x": 20,
      "y": 16,
      "width": 120,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-logo-text",
      "type": "text",
      "x": 40,
      "y": 24,
      "width": 80,
      "height": 16,
      "text": "MCPGet",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-icon-1",
      "type": "rectangle",
      "x": 32,
      "y": 108,
      "width": 20,
      "height": 20,
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-1",
      "type": "rectangle",
      "x": 20,
      "y": 100,
      "width": 240,
      "height": 40,
      "strokeColor": "transparent",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-1-text",
      "type": "text",
      "x": 60,
      "y": 112,
      "width": 80,
      "height": 16,
      "text": "Dashboard",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-icon-2",
      "type": "rectangle",
      "x": 32,
      "y": 158,
      "width": 20,
      "height": 20,
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-2",
      "type": "rectangle",
      "x": 20,
      "y": 150,
      "width": 240,
      "height": 40,
      "strokeColor": "transparent",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-2-text",
      "type": "text",
      "x": 60,
      "y": 162,
      "width": 80,
      "height": 16,
      "text": "Browse MCPs",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-icon-3",
      "type": "rectangle",
      "x": 32,
      "y": 208,
      "width": 20,
      "height": 20,
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-3",
      "type": "rectangle",
      "x": 20,
      "y": 200,
      "width": 240,
      "height": 40,
      "strokeColor": "transparent",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-3-text",
      "type": "text",
      "x": 60,
      "y": 212,
      "width": 80,
      "height": 16,
      "text": "Bundles",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-icon-settings",
      "type": "rectangle",
      "x": 32,
      "y": 268,
      "width": 20,
      "height": 20,
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-settings-active",
      "type": "rectangle",
      "x": 20,
      "y": 260,
      "width": 240,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-settings-text",
      "type": "text",
      "x": 60,
      "y": 272,
      "width": 80,
      "height": 16,
      "text": "Settings",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-footer",
      "type": "rectangle",
      "x": 0,
      "y": 836,
      "width": 280,
      "height": 64,
      "strokeColor": "$border",
      "backgroundColor": "$sidebar",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-footer-avatar",
      "type": "ellipse",
      "x": 28,
      "y": 856,
      "width": 28,
      "height": 28,
      "strokeColor": "$border",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-footer-user",
      "type": "rectangle",
      "x": 20,
      "y": 848,
      "width": 240,
      "height": 44,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-footer-user-text",
      "type": "text",
      "x": 64,
      "y": 856,
      "width": 100,
      "height": 14,
      "text": "John Doe",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-footer-email",
      "type": "text",
      "x": 64,
      "y": 872,
      "width": 140,
      "height": 12,
      "text": "john@example.com",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header",
      "type": "rectangle",
      "x": 280,
      "y": 0,
      "width": 1160,
      "height": 64,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["header-group"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-title-text",
      "type": "text",
      "x": 304,
      "y": 22,
      "width": 100,
      "height": 20,
      "text": "Settings",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["header-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-breadcrumb",
      "type": "text",
      "x": 304,
      "y": 44,
      "width": 200,
      "height": 12,
      "text": "Dashboard / Settings / Security",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["header-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "content-area",
      "type": "rectangle",
      "x": 280,
      "y": 64,
      "width": 1160,
      "height": 836,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["content-group"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tabs-container",
      "type": "rectangle",
      "x": 304,
      "y": 88,
      "width": 300,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 30,
      "groupIds": ["tabs-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-general",
      "type": "rectangle",
      "x": 308,
      "y": 92,
      "width": 92,
      "height": 32,
      "strokeColor": "transparent",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-general-text",
      "type": "text",
      "x": 330,
      "y": 100,
      "width": 48,
      "height": 16,
      "text": "General",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 70,
      "groupIds": ["tabs-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-security-active",
      "type": "rectangle",
      "x": 404,
      "y": 92,
      "width": 92,
      "height": 32,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-security-text",
      "type": "text",
      "x": 424,
      "y": 100,
      "width": 56,
      "height": 16,
      "text": "Security",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-billing",
      "type": "rectangle",
      "x": 500,
      "y": 92,
      "width": 92,
      "height": 32,
      "strokeColor": "transparent",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-billing-text",
      "type": "text",
      "x": 528,
      "y": 100,
      "width": 40,
      "height": 16,
      "text": "Billing",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 70,
      "groupIds": ["tabs-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-card",
      "type": "rectangle",
      "x": 304,
      "y": 152,
      "width": 720,
      "height": 160,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["twofa-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-card-shadow",
      "type": "rectangle",
      "x": 306,
      "y": 154,
      "width": 720,
      "height": 160,
      "strokeColor": "transparent",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 8,
      "groupIds": ["twofa-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-shield-icon-bg",
      "type": "rectangle",
      "x": 328,
      "y": 176,
      "width": 40,
      "height": 40,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 15,
      "groupIds": ["twofa-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-shield-icon",
      "type": "rectangle",
      "x": 338,
      "y": 186,
      "width": 20,
      "height": 20,
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["twofa-section"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-title-text",
      "type": "text",
      "x": 384,
      "y": 180,
      "width": 200,
      "height": 20,
      "text": "Two-Factor Authentication",
      "fontSize": 18,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["twofa-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-status-indicator",
      "type": "rectangle",
      "x": 384,
      "y": 208,
      "width": 80,
      "height": 24,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 15,
      "groupIds": ["twofa-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-status-dot",
      "type": "ellipse",
      "x": 392,
      "y": 216,
      "width": 8,
      "height": 8,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["twofa-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-status-text",
      "type": "text",
      "x": 406,
      "y": 212,
      "width": 48,
      "height": 16,
      "text": "Enabled",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$success",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["twofa-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-description-text",
      "type": "text",
      "x": 328,
      "y": 248,
      "width": 500,
      "height": 16,
      "text": "Add an extra layer of security to your account with two-factor authentication.",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["twofa-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-recovery-hint",
      "type": "text",
      "x": 328,
      "y": 268,
      "width": 300,
      "height": 14,
      "text": "Recovery codes available in your backup settings.",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 80,
      "groupIds": ["twofa-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-toggle-track",
      "type": "rectangle",
      "x": 952,
      "y": 188,
      "width": 48,
      "height": 28,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["twofa-section"],
      "roundness": { "type": 3, "value": 14 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-toggle-thumb",
      "type": "ellipse",
      "x": 976,
      "y": 192,
      "width": 20,
      "height": 20,
      "strokeColor": "$background",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["twofa-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkeys-card",
      "type": "rectangle",
      "x": 304,
      "y": 336,
      "width": 720,
      "height": 240,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkeys-card-shadow",
      "type": "rectangle",
      "x": 306,
      "y": 338,
      "width": 720,
      "height": 240,
      "strokeColor": "transparent",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 8,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkeys-fingerprint-bg",
      "type": "rectangle",
      "x": 328,
      "y": 360,
      "width": 40,
      "height": 40,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 15,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkeys-fingerprint-icon",
      "type": "ellipse",
      "x": 338,
      "y": 370,
      "width": 20,
      "height": 20,
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkeys-title-text",
      "type": "text",
      "x": 384,
      "y": 364,
      "width": 100,
      "height": 20,
      "text": "Passkeys",
      "fontSize": 18,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkeys-subtitle",
      "type": "text",
      "x": 384,
      "y": 388,
      "width": 300,
      "height": 14,
      "text": "Use biometrics or security keys to sign in",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-item-1",
      "type": "rectangle",
      "x": 328,
      "y": 420,
      "width": 672,
      "height": 52,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-1-laptop-icon",
      "type": "rectangle",
      "x": 344,
      "y": 434,
      "width": 24,
      "height": 18,
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-1-laptop-base",
      "type": "rectangle",
      "x": 340,
      "y": 452,
      "width": 32,
      "height": 4,
      "strokeColor": "$muted-foreground",
      "backgroundColor": "$muted-foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-1-name-text",
      "type": "text",
      "x": 388,
      "y": 434,
      "width": 120,
      "height": 16,
      "text": "MacBook Pro",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-1-date-text",
      "type": "text",
      "x": 388,
      "y": 452,
      "width": 160,
      "height": 12,
      "text": "Last used: 2 hours ago",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 50,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-1-delete",
      "type": "rectangle",
      "x": 928,
      "y": 432,
      "width": 60,
      "height": 28,
      "strokeColor": "$destructive",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-1-delete-text",
      "type": "text",
      "x": 940,
      "y": 438,
      "width": 36,
      "height": 16,
      "text": "Delete",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$destructive",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-item-2",
      "type": "rectangle",
      "x": 328,
      "y": 480,
      "width": 672,
      "height": 52,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-2-phone-icon",
      "type": "rectangle",
      "x": 348,
      "y": 492,
      "width": 16,
      "height": 24,
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 3 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-2-name-text",
      "type": "text",
      "x": 388,
      "y": 494,
      "width": 140,
      "height": 16,
      "text": "iPhone 15 Pro",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-2-date-text",
      "type": "text",
      "x": 388,
      "y": 512,
      "width": 160,
      "height": 12,
      "text": "Last used: Yesterday",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 50,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-2-delete",
      "type": "rectangle",
      "x": 928,
      "y": 492,
      "width": 60,
      "height": 28,
      "strokeColor": "$destructive",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-2-delete-text",
      "type": "text",
      "x": 940,
      "y": 498,
      "width": 36,
      "height": 16,
      "text": "Delete",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$destructive",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "add-passkey-button",
      "type": "rectangle",
      "x": 328,
      "y": 544,
      "width": 140,
      "height": 44,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "add-passkey-button-text",
      "type": "text",
      "x": 360,
      "y": 558,
      "width": 76,
      "height": 16,
      "text": "Add passkey",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["passkeys-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sessions-card",
      "type": "rectangle",
      "x": 304,
      "y": 600,
      "width": 720,
      "height": 270,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sessions-card-shadow",
      "type": "rectangle",
      "x": 306,
      "y": 602,
      "width": 720,
      "height": 270,
      "strokeColor": "transparent",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 8,
      "groupIds": ["sessions-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sessions-title-text",
      "type": "text",
      "x": 328,
      "y": 624,
      "width": 140,
      "height": 20,
      "text": "Active Sessions",
      "fontSize": 18,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sessions-subtitle",
      "type": "text",
      "x": 328,
      "y": 648,
      "width": 400,
      "height": 14,
      "text": "Manage devices and locations where you're signed in",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-item-1",
      "type": "rectangle",
      "x": 328,
      "y": 680,
      "width": 672,
      "height": 60,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-device-icon",
      "type": "rectangle",
      "x": 344,
      "y": 696,
      "width": 24,
      "height": 18,
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["sessions-section"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-browser-icon",
      "type": "ellipse",
      "x": 350,
      "y": 700,
      "width": 12,
      "height": 12,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-name-text",
      "type": "text",
      "x": 388,
      "y": 692,
      "width": 160,
      "height": 16,
      "text": "Chrome on macOS",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-location-icon",
      "type": "ellipse",
      "x": 388,
      "y": 714,
      "width": 8,
      "height": 8,
      "strokeColor": "$muted-foreground",
      "backgroundColor": "$muted-foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 40,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-location-text",
      "type": "text",
      "x": 402,
      "y": 712,
      "width": 200,
      "height": 12,
      "text": "San Francisco, CA - 192.168.x.x",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 50,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-current-dot",
      "type": "ellipse",
      "x": 916,
      "y": 702,
      "width": 10,
      "height": 10,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-current-badge",
      "type": "rectangle",
      "x": 932,
      "y": 696,
      "width": 60,
      "height": 24,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 15,
      "groupIds": ["sessions-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-current-badge-text",
      "type": "text",
      "x": 942,
      "y": 700,
      "width": 44,
      "height": 16,
      "text": "Current",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$success",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-item-2",
      "type": "rectangle",
      "x": 328,
      "y": 752,
      "width": 672,
      "height": 60,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-phone-icon",
      "type": "rectangle",
      "x": 348,
      "y": 768,
      "width": 16,
      "height": 24,
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["sessions-section"],
      "roundness": { "type": 3, "value": 3 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-name-text",
      "type": "text",
      "x": 388,
      "y": 764,
      "width": 140,
      "height": 16,
      "text": "Safari on iPhone",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-location-icon",
      "type": "ellipse",
      "x": 388,
      "y": 786,
      "width": 8,
      "height": 8,
      "strokeColor": "$muted-foreground",
      "backgroundColor": "$muted-foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 40,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-location-text",
      "type": "text",
      "x": 402,
      "y": 784,
      "width": 200,
      "height": 12,
      "text": "San Francisco, CA - 192.168.x.x",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 50,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-revoke",
      "type": "rectangle",
      "x": 928,
      "y": 768,
      "width": 60,
      "height": 28,
      "strokeColor": "$destructive",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-revoke-text",
      "type": "text",
      "x": 938,
      "y": 774,
      "width": 44,
      "height": 16,
      "text": "Revoke",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$destructive",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "revoke-all-link",
      "type": "text",
      "x": 328,
      "y": 828,
      "width": 180,
      "height": 14,
      "text": "Revoke all other sessions",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$destructive",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sessions-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    }
  ],
  "appState": {
    "gridSize": 20,
    "viewBackgroundColor": "$background"
  }
}
