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