{
  "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 / Billing",
      "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",
      "type": "rectangle",
      "x": 404,
      "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-security-text",
      "type": "text",
      "x": 424,
      "y": 100,
      "width": 56,
      "height": 16,
      "text": "Security",
      "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-billing-active",
      "type": "rectangle",
      "x": 500,
      "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-billing-text",
      "type": "text",
      "x": 528,
      "y": 100,
      "width": 40,
      "height": 16,
      "text": "Billing",
      "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": "plan-card",
      "type": "rectangle",
      "x": 304,
      "y": 152,
      "width": 560,
      "height": 240,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-card-shadow",
      "type": "rectangle",
      "x": 306,
      "y": 154,
      "width": 560,
      "height": 240,
      "strokeColor": "transparent",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 8,
      "groupIds": ["plan-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-icon-bg",
      "type": "rectangle",
      "x": 328,
      "y": 176,
      "width": 48,
      "height": 48,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 15,
      "groupIds": ["plan-section"],
      "roundness": { "type": 3, "value": 10 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-icon",
      "type": "rectangle",
      "x": 340,
      "y": 188,
      "width": 24,
      "height": 24,
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-title-text",
      "type": "text",
      "x": 392,
      "y": 176,
      "width": 120,
      "height": 20,
      "text": "Current Plan",
      "fontSize": 18,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-name-badge",
      "type": "rectangle",
      "x": 392,
      "y": 204,
      "width": 52,
      "height": 24,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-name-badge-text",
      "type": "text",
      "x": 408,
      "y": 208,
      "width": 20,
      "height": 16,
      "text": "Pro",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "most-popular-badge",
      "type": "rectangle",
      "x": 452,
      "y": 204,
      "width": 100,
      "height": 24,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 15,
      "groupIds": ["plan-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "most-popular-badge-text",
      "type": "text",
      "x": 462,
      "y": 208,
      "width": 80,
      "height": 16,
      "text": "Most Popular",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$success",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-price-large",
      "type": "text",
      "x": 328,
      "y": 244,
      "width": 60,
      "height": 36,
      "text": "$29",
      "fontSize": 32,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-price-period",
      "type": "text",
      "x": 392,
      "y": 258,
      "width": 50,
      "height": 16,
      "text": "/month",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-feature-1-check",
      "type": "ellipse",
      "x": 328,
      "y": 296,
      "width": 16,
      "height": 16,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-feature-1-text",
      "type": "text",
      "x": 352,
      "y": 296,
      "width": 200,
      "height": 16,
      "text": "Unlimited MCP installations",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 80,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-feature-2-check",
      "type": "ellipse",
      "x": 328,
      "y": 320,
      "width": 16,
      "height": 16,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-feature-2-text",
      "type": "text",
      "x": 352,
      "y": 320,
      "width": 180,
      "height": 16,
      "text": "Priority support",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 80,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-feature-3-check",
      "type": "ellipse",
      "x": 328,
      "y": 344,
      "width": 16,
      "height": 16,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "plan-feature-3-text",
      "type": "text",
      "x": 352,
      "y": 344,
      "width": 160,
      "height": 16,
      "text": "API access included",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 80,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "manage-subscription-button",
      "type": "rectangle",
      "x": 700,
      "y": 176,
      "width": 140,
      "height": 44,
      "strokeColor": "$border",
      "backgroundColor": "$secondary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "manage-subscription-button-text",
      "type": "text",
      "x": 710,
      "y": 190,
      "width": 120,
      "height": 16,
      "text": "Change plan",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["plan-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "credits-card",
      "type": "rectangle",
      "x": 880,
      "y": 152,
      "width": 280,
      "height": 240,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["credits-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "credits-card-shadow",
      "type": "rectangle",
      "x": 882,
      "y": 154,
      "width": 280,
      "height": 240,
      "strokeColor": "transparent",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 8,
      "groupIds": ["credits-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "credits-title-text",
      "type": "text",
      "x": 904,
      "y": 176,
      "width": 80,
      "height": 20,
      "text": "Credits",
      "fontSize": 18,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["credits-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "credits-balance-number",
      "type": "text",
      "x": 904,
      "y": 212,
      "width": 100,
      "height": 36,
      "text": "2,450",
      "fontSize": 32,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["credits-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "credits-balance-label",
      "type": "text",
      "x": 904,
      "y": 252,
      "width": 120,
      "height": 14,
      "text": "credits remaining",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["credits-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "credits-usage-bar-bg",
      "type": "rectangle",
      "x": 904,
      "y": 284,
      "width": 232,
      "height": 12,
      "strokeColor": "$border",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 40,
      "groupIds": ["credits-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "credits-usage-bar-fill",
      "type": "rectangle",
      "x": 904,
      "y": 284,
      "width": 140,
      "height": 12,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["credits-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "credits-usage-text",
      "type": "text",
      "x": 904,
      "y": 304,
      "width": 200,
      "height": 12,
      "text": "2,450 of 5,000 credits used (49%)",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["credits-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "buy-credits-button",
      "type": "rectangle",
      "x": 904,
      "y": 336,
      "width": 140,
      "height": 44,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["credits-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "buy-credits-button-text",
      "type": "text",
      "x": 940,
      "y": 350,
      "width": 68,
      "height": 16,
      "text": "Buy credits",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["credits-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "credit-history-link",
      "type": "text",
      "x": 1052,
      "y": 350,
      "width": 100,
      "height": 16,
      "text": "View history",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["credits-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "payment-method-card",
      "type": "rectangle",
      "x": 304,
      "y": 416,
      "width": 560,
      "height": 120,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["payment-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "payment-card-shadow",
      "type": "rectangle",
      "x": 306,
      "y": 418,
      "width": 560,
      "height": 120,
      "strokeColor": "transparent",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 8,
      "groupIds": ["payment-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "payment-title-text",
      "type": "text",
      "x": 328,
      "y": 440,
      "width": 140,
      "height": 20,
      "text": "Payment Method",
      "fontSize": 18,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["payment-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "card-brand-icon",
      "type": "rectangle",
      "x": 328,
      "y": 480,
      "width": 48,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["payment-section"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "card-brand-text",
      "type": "text",
      "x": 338,
      "y": 488,
      "width": 28,
      "height": 16,
      "text": "VISA",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["payment-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "card-masked-number",
      "type": "text",
      "x": 392,
      "y": 480,
      "width": 180,
      "height": 16,
      "text": "**** **** **** 4242",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["payment-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "card-expiry",
      "type": "text",
      "x": 392,
      "y": 500,
      "width": 100,
      "height": 12,
      "text": "Expires 12/25",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["payment-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "update-payment-button",
      "type": "rectangle",
      "x": 760,
      "y": 476,
      "width": 80,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$secondary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["payment-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "update-payment-button-text",
      "type": "text",
      "x": 778,
      "y": 488,
      "width": 44,
      "height": 16,
      "text": "Update",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["payment-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "billing-history-card",
      "type": "rectangle",
      "x": 304,
      "y": 560,
      "width": 856,
      "height": 300,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "billing-history-shadow",
      "type": "rectangle",
      "x": 306,
      "y": 562,
      "width": 856,
      "height": 300,
      "strokeColor": "transparent",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 8,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "history-title-text",
      "type": "text",
      "x": 328,
      "y": 584,
      "width": 140,
      "height": 20,
      "text": "Billing History",
      "fontSize": 18,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "view-all-invoices",
      "type": "text",
      "x": 1060,
      "y": 586,
      "width": 80,
      "height": 16,
      "text": "View all",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "right",
      "verticalAlign": "middle",
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "table-header",
      "type": "rectangle",
      "x": 328,
      "y": 620,
      "width": 808,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 30,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-date-text",
      "type": "text",
      "x": 352,
      "y": 632,
      "width": 60,
      "height": 16,
      "text": "Date",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 70,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-description-text",
      "type": "text",
      "x": 520,
      "y": 632,
      "width": 80,
      "height": 16,
      "text": "Description",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 70,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-amount-text",
      "type": "text",
      "x": 780,
      "y": 632,
      "width": 60,
      "height": 16,
      "text": "Amount",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 70,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-status-text",
      "type": "text",
      "x": 900,
      "y": 632,
      "width": 50,
      "height": 16,
      "text": "Status",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 70,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-invoice-text",
      "type": "text",
      "x": 1020,
      "y": 632,
      "width": 60,
      "height": 16,
      "text": "Invoice",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 70,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1",
      "type": "rectangle",
      "x": 328,
      "y": 660,
      "width": 808,
      "height": 52,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-date-text",
      "type": "text",
      "x": 352,
      "y": 678,
      "width": 100,
      "height": 16,
      "text": "Jan 1, 2026",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-desc-text",
      "type": "text",
      "x": 520,
      "y": 678,
      "width": 180,
      "height": 16,
      "text": "Pro Plan - Monthly",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-amount-text",
      "type": "text",
      "x": 780,
      "y": 678,
      "width": 60,
      "height": 16,
      "text": "$29.00",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-status",
      "type": "rectangle",
      "x": 900,
      "y": 672,
      "width": 52,
      "height": 24,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 15,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-status-text",
      "type": "text",
      "x": 912,
      "y": 676,
      "width": 28,
      "height": 16,
      "text": "Paid",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$success",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-pdf-icon",
      "type": "rectangle",
      "x": 1020,
      "y": 672,
      "width": 24,
      "height": 24,
      "strokeColor": "$destructive",
      "backgroundColor": "$destructive",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 20,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-pdf-text",
      "type": "text",
      "x": 1024,
      "y": 676,
      "width": 16,
      "height": 16,
      "text": "PDF",
      "fontSize": 8,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$destructive",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-1-download-text",
      "type": "text",
      "x": 1052,
      "y": 678,
      "width": 60,
      "height": 16,
      "text": "Download",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2",
      "type": "rectangle",
      "x": 328,
      "y": 712,
      "width": 808,
      "height": 52,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-date-text",
      "type": "text",
      "x": 352,
      "y": 730,
      "width": 100,
      "height": 16,
      "text": "Dec 1, 2025",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-desc-text",
      "type": "text",
      "x": 520,
      "y": 730,
      "width": 180,
      "height": 16,
      "text": "Pro Plan - Monthly",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-amount-text",
      "type": "text",
      "x": 780,
      "y": 730,
      "width": 60,
      "height": 16,
      "text": "$29.00",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-status",
      "type": "rectangle",
      "x": 900,
      "y": 724,
      "width": 52,
      "height": 24,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 15,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-status-text",
      "type": "text",
      "x": 912,
      "y": 728,
      "width": 28,
      "height": 16,
      "text": "Paid",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$success",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-pdf-icon",
      "type": "rectangle",
      "x": 1020,
      "y": 724,
      "width": 24,
      "height": 24,
      "strokeColor": "$destructive",
      "backgroundColor": "$destructive",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 20,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-pdf-text",
      "type": "text",
      "x": 1024,
      "y": 728,
      "width": 16,
      "height": 16,
      "text": "PDF",
      "fontSize": 8,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$destructive",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-2-download-text",
      "type": "text",
      "x": 1052,
      "y": 730,
      "width": 60,
      "height": 16,
      "text": "Download",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$primary",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3",
      "type": "rectangle",
      "x": 328,
      "y": 764,
      "width": 808,
      "height": 52,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-date-text",
      "type": "text",
      "x": 352,
      "y": 782,
      "width": 100,
      "height": 16,
      "text": "Nov 1, 2025",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-desc-text",
      "type": "text",
      "x": 520,
      "y": 782,
      "width": 180,
      "height": 16,
      "text": "Credit Purchase",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-amount-text",
      "type": "text",
      "x": 780,
      "y": 782,
      "width": 60,
      "height": 16,
      "text": "$49.00",
      "fontSize": 13,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-status",
      "type": "rectangle",
      "x": 896,
      "y": 776,
      "width": 64,
      "height": 24,
      "strokeColor": "$warning",
      "backgroundColor": "$warning",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 15,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-status-text",
      "type": "text",
      "x": 904,
      "y": 780,
      "width": 48,
      "height": 16,
      "text": "Pending",
      "fontSize": 11,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$warning",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-pdf-icon",
      "type": "rectangle",
      "x": 1020,
      "y": 776,
      "width": 24,
      "height": 24,
      "strokeColor": "$muted",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 40,
      "groupIds": ["history-section"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "row-3-pending-text",
      "type": "text",
      "x": 1052,
      "y": 782,
      "width": 60,
      "height": 16,
      "text": "Pending",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$muted-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["history-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    }
  ],
  "appState": {
    "gridSize": 20,
    "viewBackgroundColor": "$background"
  }
}
