{
  "type": "excalidraw",
  "version": 2,
  "source": "turbostarter-wireframes",
  "elements": [
    {
      "id": "outer-frame",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 1440,
      "height": 900,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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": "#e5e5e5",
      "backgroundColor": "#fafafa",
      "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": "#e5e5e5",
      "backgroundColor": "#fafafa",
      "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": "#e5e5e5",
      "backgroundColor": "#f97316",
      "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-logo-text",
      "type": "text",
      "x": 40,
      "y": 24,
      "width": 80,
      "height": 16,
      "text": "MCPGet",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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-item-1",
      "type": "rectangle",
      "x": 20,
      "y": 100,
      "width": 240,
      "height": 40,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#fafafa",
      "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-item-1-text",
      "type": "text",
      "x": 40,
      "y": 112,
      "width": 80,
      "height": 16,
      "text": "Dashboard",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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-item-2",
      "type": "rectangle",
      "x": 20,
      "y": 160,
      "width": 240,
      "height": 40,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#fafafa",
      "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-item-2-text",
      "type": "text",
      "x": 40,
      "y": 172,
      "width": 80,
      "height": 16,
      "text": "Browse MCPs",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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-item-3",
      "type": "rectangle",
      "x": 20,
      "y": 220,
      "width": 240,
      "height": 40,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#fafafa",
      "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-item-3-text",
      "type": "text",
      "x": 40,
      "y": 232,
      "width": 80,
      "height": 16,
      "text": "Bundles",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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-settings-active",
      "type": "rectangle",
      "x": 20,
      "y": 280,
      "width": 240,
      "height": 40,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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": 40,
      "y": 292,
      "width": 80,
      "height": 16,
      "text": "Settings",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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": "#e5e5e5",
      "backgroundColor": "#fafafa",
      "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-user",
      "type": "rectangle",
      "x": 20,
      "y": 852,
      "width": 240,
      "height": 32,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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": 40,
      "y": 860,
      "width": 100,
      "height": 16,
      "text": "John Doe",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "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": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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",
      "type": "rectangle",
      "x": 304,
      "y": 20,
      "width": 120,
      "height": 24,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "header-group"
      ],
      "roundness": {
        "type": 3,
        "value": 4
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-title-text",
      "type": "text",
      "x": 314,
      "y": 24,
      "width": 100,
      "height": 18,
      "text": "Settings",
      "fontSize": 18,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "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": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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": "tab-general",
      "type": "rectangle",
      "x": 304,
      "y": 88,
      "width": 80,
      "height": 32,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "transparent",
      "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-general-text",
      "type": "text",
      "x": 320,
      "y": 96,
      "width": 48,
      "height": 16,
      "text": "General",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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-security-active",
      "type": "rectangle",
      "x": 404,
      "y": 88,
      "width": 80,
      "height": 32,
      "strokeColor": "#f97316",
      "backgroundColor": "#f97316",
      "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": 416,
      "y": 96,
      "width": 56,
      "height": 16,
      "text": "Security",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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": 504,
      "y": 88,
      "width": 80,
      "height": 32,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "transparent",
      "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-billing-text",
      "type": "text",
      "x": 524,
      "y": 96,
      "width": 40,
      "height": 16,
      "text": "Billing",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "tabs-group"
      ],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-card",
      "type": "rectangle",
      "x": 304,
      "y": 140,
      "width": 700,
      "height": 140,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "twofa-section"
      ],
      "roundness": {
        "type": 3,
        "value": 8
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-title",
      "type": "rectangle",
      "x": 324,
      "y": 160,
      "width": 200,
      "height": 20,
      "strokeColor": "#1a1a1a",
      "backgroundColor": "#1a1a1a",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "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": 324,
      "y": 160,
      "width": 200,
      "height": 20,
      "text": "Two-Factor Authentication",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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": 324,
      "y": 200,
      "width": 80,
      "height": 24,
      "strokeColor": "#22c55e",
      "backgroundColor": "#22c55e",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "twofa-section"
      ],
      "roundness": {
        "type": 3,
        "value": 12
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-status-text",
      "type": "text",
      "x": 340,
      "y": 204,
      "width": 48,
      "height": 16,
      "text": "Enabled",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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",
      "type": "rectangle",
      "x": 324,
      "y": 240,
      "width": 500,
      "height": 16,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": [
        "twofa-section"
      ],
      "roundness": {
        "type": 3,
        "value": 2
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-description-text",
      "type": "text",
      "x": 324,
      "y": 240,
      "width": 500,
      "height": 16,
      "text": "Add an extra layer of security to your account with two-factor authentication.",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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-toggle-button",
      "type": "rectangle",
      "x": 880,
      "y": 180,
      "width": 100,
      "height": 40,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#f5f5f5",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "twofa-section"
      ],
      "roundness": {
        "type": 3,
        "value": 6
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "twofa-toggle-button-text",
      "type": "text",
      "x": 904,
      "y": 192,
      "width": 52,
      "height": 16,
      "text": "Disable",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "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": 300,
      "width": 700,
      "height": 220,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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": "passkeys-title",
      "type": "rectangle",
      "x": 324,
      "y": 320,
      "width": 100,
      "height": 20,
      "strokeColor": "#1a1a1a",
      "backgroundColor": "#1a1a1a",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "passkeys-section"
      ],
      "roundness": {
        "type": 3,
        "value": 4
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkeys-title-text",
      "type": "text",
      "x": 324,
      "y": 320,
      "width": 100,
      "height": 20,
      "text": "Passkeys",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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-1",
      "type": "rectangle",
      "x": 324,
      "y": 360,
      "width": 656,
      "height": 40,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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-name",
      "type": "rectangle",
      "x": 340,
      "y": 372,
      "width": 120,
      "height": 16,
      "strokeColor": "#1a1a1a",
      "backgroundColor": "#1a1a1a",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 80,
      "groupIds": [
        "passkeys-section"
      ],
      "roundness": {
        "type": 3,
        "value": 2
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-1-name-text",
      "type": "text",
      "x": 340,
      "y": 372,
      "width": 120,
      "height": 16,
      "text": "MacBook Pro",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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",
      "type": "rectangle",
      "x": 500,
      "y": 372,
      "width": 120,
      "height": 16,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "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-date-text",
      "type": "text",
      "x": 500,
      "y": 372,
      "width": 120,
      "height": 16,
      "text": "Created Jan 15",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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-1-delete",
      "type": "rectangle",
      "x": 920,
      "y": 368,
      "width": 48,
      "height": 24,
      "strokeColor": "#ef4444",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "passkeys-section"
      ],
      "roundness": {
        "type": 3,
        "value": 4
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-1-delete-text",
      "type": "text",
      "x": 926,
      "y": 372,
      "width": 36,
      "height": 16,
      "text": "Delete",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#ef4444",
      "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": 324,
      "y": 420,
      "width": 656,
      "height": 40,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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-name",
      "type": "rectangle",
      "x": 340,
      "y": 432,
      "width": 140,
      "height": 16,
      "strokeColor": "#1a1a1a",
      "backgroundColor": "#1a1a1a",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 80,
      "groupIds": [
        "passkeys-section"
      ],
      "roundness": {
        "type": 3,
        "value": 2
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-2-name-text",
      "type": "text",
      "x": 340,
      "y": 432,
      "width": 140,
      "height": 16,
      "text": "iPhone",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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",
      "type": "rectangle",
      "x": 520,
      "y": 432,
      "width": 120,
      "height": 16,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "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-2-date-text",
      "type": "text",
      "x": 520,
      "y": 432,
      "width": 120,
      "height": 16,
      "text": "Created Jan 20",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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-2-delete",
      "type": "rectangle",
      "x": 920,
      "y": 428,
      "width": 48,
      "height": 24,
      "strokeColor": "#ef4444",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "passkeys-section"
      ],
      "roundness": {
        "type": 3,
        "value": 4
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "passkey-2-delete-text",
      "type": "text",
      "x": 926,
      "y": 432,
      "width": 36,
      "height": 16,
      "text": "Delete",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#ef4444",
      "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": 324,
      "y": 480,
      "width": 120,
      "height": 40,
      "strokeColor": "#f97316",
      "backgroundColor": "#f97316",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "passkeys-section"
      ],
      "roundness": {
        "type": 3,
        "value": 6
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "add-passkey-button-text",
      "type": "text",
      "x": 340,
      "y": 492,
      "width": 88,
      "height": 16,
      "text": "Add passkey",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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": 540,
      "width": 700,
      "height": 220,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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": "sessions-title",
      "type": "rectangle",
      "x": 324,
      "y": 560,
      "width": 140,
      "height": 20,
      "strokeColor": "#1a1a1a",
      "backgroundColor": "#1a1a1a",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "sessions-section"
      ],
      "roundness": {
        "type": 3,
        "value": 4
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sessions-title-text",
      "type": "text",
      "x": 324,
      "y": 560,
      "width": 140,
      "height": 20,
      "text": "Active Sessions",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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-1",
      "type": "rectangle",
      "x": 324,
      "y": 600,
      "width": 656,
      "height": 48,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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-1-icon",
      "type": "rectangle",
      "x": 340,
      "y": 612,
      "width": 24,
      "height": 24,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": [
        "sessions-section"
      ],
      "roundness": {
        "type": 3,
        "value": 4
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-name",
      "type": "rectangle",
      "x": 380,
      "y": 608,
      "width": 160,
      "height": 16,
      "strokeColor": "#1a1a1a",
      "backgroundColor": "#1a1a1a",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 80,
      "groupIds": [
        "sessions-section"
      ],
      "roundness": {
        "type": 3,
        "value": 2
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-name-text",
      "type": "text",
      "x": 380,
      "y": 608,
      "width": 160,
      "height": 16,
      "text": "Chrome on macOS",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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",
      "type": "rectangle",
      "x": 380,
      "y": 628,
      "width": 120,
      "height": 12,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": [
        "sessions-section"
      ],
      "roundness": {
        "type": 3,
        "value": 2
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-1-location-text",
      "type": "text",
      "x": 380,
      "y": 628,
      "width": 120,
      "height": 12,
      "text": "San Francisco, CA",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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-1-current-badge",
      "type": "rectangle",
      "x": 900,
      "y": 612,
      "width": 68,
      "height": 24,
      "strokeColor": "#f97316",
      "backgroundColor": "#f97316",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "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": 912,
      "y": 616,
      "width": 44,
      "height": 16,
      "text": "Current",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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": 324,
      "y": 660,
      "width": 656,
      "height": 48,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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-icon",
      "type": "rectangle",
      "x": 340,
      "y": 672,
      "width": 24,
      "height": 24,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": [
        "sessions-section"
      ],
      "roundness": {
        "type": 3,
        "value": 4
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-name",
      "type": "rectangle",
      "x": 380,
      "y": 668,
      "width": 140,
      "height": 16,
      "strokeColor": "#1a1a1a",
      "backgroundColor": "#1a1a1a",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 80,
      "groupIds": [
        "sessions-section"
      ],
      "roundness": {
        "type": 3,
        "value": 2
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-name-text",
      "type": "text",
      "x": 380,
      "y": 668,
      "width": 140,
      "height": 16,
      "text": "Safari on iPhone",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#ffffff",
      "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",
      "type": "rectangle",
      "x": 380,
      "y": 688,
      "width": 100,
      "height": 12,
      "strokeColor": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": [
        "sessions-section"
      ],
      "roundness": {
        "type": 3,
        "value": 2
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-location-text",
      "type": "text",
      "x": 380,
      "y": 688,
      "width": 100,
      "height": 12,
      "text": "San Francisco",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "#1a1a1a",
      "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-2-revoke",
      "type": "rectangle",
      "x": 908,
      "y": 672,
      "width": 60,
      "height": 24,
      "strokeColor": "#ef4444",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [
        "sessions-section"
      ],
      "roundness": {
        "type": 3,
        "value": 4
      },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "session-2-revoke-text",
      "type": "text",
      "x": 916,
      "y": 676,
      "width": 44,
      "height": 16,
      "text": "Revoke",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "#ef4444",
      "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"
  }
}