d3163a5bff
- pgSchema "mesh" with 4 tables isolating the peer mesh domain - Enums: visibility, transport, tier, role - audit_log is metadata-only (E2E encryption enforced at broker/client) - Cascade on mesh delete, soft-delete via archivedAt/revokedAt Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1252 lines
30 KiB
Plaintext
1252 lines
30 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": 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": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-nav-item-2",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 160,
|
|
"width": 240,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-nav-item-3",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 220,
|
|
"width": 240,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"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-active",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 280,
|
|
"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-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-user",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 852,
|
|
"width": 240,
|
|
"height": 32,
|
|
"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": "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",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 20,
|
|
"width": 120,
|
|
"height": 24,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["header-group"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "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": "tab-general",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 88,
|
|
"width": 80,
|
|
"height": 32,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["tabs-group"],
|
|
"roundness": { "type": 3, "value": 6 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "tab-security",
|
|
"type": "rectangle",
|
|
"x": 404,
|
|
"y": 88,
|
|
"width": 80,
|
|
"height": 32,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["tabs-group"],
|
|
"roundness": { "type": 3, "value": 6 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "tab-billing-active",
|
|
"type": "rectangle",
|
|
"x": 504,
|
|
"y": 88,
|
|
"width": 80,
|
|
"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": "plan-card",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 140,
|
|
"width": 540,
|
|
"height": 200,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"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": "plan-title",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 160,
|
|
"width": 120,
|
|
"height": 20,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["plan-section"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "plan-name-badge",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 200,
|
|
"width": 60,
|
|
"height": 28,
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["plan-section"],
|
|
"roundness": { "type": 3, "value": 14 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "plan-price",
|
|
"type": "rectangle",
|
|
"x": 400,
|
|
"y": 200,
|
|
"width": 100,
|
|
"height": 28,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["plan-section"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "plan-feature-1",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 244,
|
|
"width": 200,
|
|
"height": 14,
|
|
"strokeColor": "$muted",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": ["plan-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "plan-feature-2",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 264,
|
|
"width": 180,
|
|
"height": 14,
|
|
"strokeColor": "$muted",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": ["plan-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "plan-feature-3",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 284,
|
|
"width": 160,
|
|
"height": 14,
|
|
"strokeColor": "$muted",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": ["plan-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "manage-subscription-button",
|
|
"type": "rectangle",
|
|
"x": 680,
|
|
"y": 180,
|
|
"width": 140,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$secondary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["plan-section"],
|
|
"roundness": { "type": 3, "value": 6 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "credits-card",
|
|
"type": "rectangle",
|
|
"x": 864,
|
|
"y": 140,
|
|
"width": 280,
|
|
"height": 200,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["credits-section"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "credits-title",
|
|
"type": "rectangle",
|
|
"x": 884,
|
|
"y": 160,
|
|
"width": 80,
|
|
"height": 20,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["credits-section"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "credits-balance",
|
|
"type": "rectangle",
|
|
"x": 884,
|
|
"y": 200,
|
|
"width": 120,
|
|
"height": 32,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["credits-section"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "credits-usage-bar-bg",
|
|
"type": "rectangle",
|
|
"x": 884,
|
|
"y": 252,
|
|
"width": 240,
|
|
"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": 884,
|
|
"y": 252,
|
|
"width": 168,
|
|
"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": "buy-credits-button",
|
|
"type": "rectangle",
|
|
"x": 884,
|
|
"y": 284,
|
|
"width": 120,
|
|
"height": 40,
|
|
"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": "payment-method-card",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 360,
|
|
"width": 540,
|
|
"height": 100,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"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": "payment-title",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 380,
|
|
"width": 140,
|
|
"height": 20,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["payment-section"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "card-icon",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 416,
|
|
"width": 40,
|
|
"height": 24,
|
|
"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-last-digits",
|
|
"type": "rectangle",
|
|
"x": 380,
|
|
"y": 420,
|
|
"width": 100,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["payment-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "update-payment-button",
|
|
"type": "rectangle",
|
|
"x": 720,
|
|
"y": 400,
|
|
"width": 100,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$secondary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["payment-section"],
|
|
"roundness": { "type": 3, "value": 6 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "billing-history-card",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 480,
|
|
"width": 840,
|
|
"height": 340,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "history-title",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 500,
|
|
"width": 140,
|
|
"height": 20,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "table-header",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 540,
|
|
"width": 800,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 40,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "header-date",
|
|
"type": "rectangle",
|
|
"x": 344,
|
|
"y": 552,
|
|
"width": 60,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "header-amount",
|
|
"type": "rectangle",
|
|
"x": 544,
|
|
"y": 552,
|
|
"width": 80,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "header-status",
|
|
"type": "rectangle",
|
|
"x": 744,
|
|
"y": 552,
|
|
"width": 60,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "header-invoice",
|
|
"type": "rectangle",
|
|
"x": 944,
|
|
"y": 552,
|
|
"width": 80,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-1",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 580,
|
|
"width": 800,
|
|
"height": 48,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"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",
|
|
"type": "rectangle",
|
|
"x": 344,
|
|
"y": 596,
|
|
"width": 100,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-1-amount",
|
|
"type": "rectangle",
|
|
"x": 544,
|
|
"y": 596,
|
|
"width": 60,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-1-status",
|
|
"type": "rectangle",
|
|
"x": 744,
|
|
"y": 592,
|
|
"width": 60,
|
|
"height": 24,
|
|
"strokeColor": "$success",
|
|
"backgroundColor": "$success",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 12 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-1-invoice",
|
|
"type": "rectangle",
|
|
"x": 944,
|
|
"y": 596,
|
|
"width": 80,
|
|
"height": 16,
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-2",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 628,
|
|
"width": 800,
|
|
"height": 48,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"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",
|
|
"type": "rectangle",
|
|
"x": 344,
|
|
"y": 644,
|
|
"width": 100,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-2-amount",
|
|
"type": "rectangle",
|
|
"x": 544,
|
|
"y": 644,
|
|
"width": 60,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-2-status",
|
|
"type": "rectangle",
|
|
"x": 744,
|
|
"y": 640,
|
|
"width": 60,
|
|
"height": 24,
|
|
"strokeColor": "$success",
|
|
"backgroundColor": "$success",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 12 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-2-invoice",
|
|
"type": "rectangle",
|
|
"x": 944,
|
|
"y": 644,
|
|
"width": 80,
|
|
"height": 16,
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-3",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 676,
|
|
"width": 800,
|
|
"height": 48,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"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",
|
|
"type": "rectangle",
|
|
"x": 344,
|
|
"y": 692,
|
|
"width": 100,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-3-amount",
|
|
"type": "rectangle",
|
|
"x": 544,
|
|
"y": 692,
|
|
"width": 60,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-3-status",
|
|
"type": "rectangle",
|
|
"x": 744,
|
|
"y": 688,
|
|
"width": 60,
|
|
"height": 24,
|
|
"strokeColor": "$success",
|
|
"backgroundColor": "$success",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 12 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-3-invoice",
|
|
"type": "rectangle",
|
|
"x": 944,
|
|
"y": 692,
|
|
"width": 80,
|
|
"height": 16,
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-4",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 724,
|
|
"width": 800,
|
|
"height": 48,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"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-4-date",
|
|
"type": "rectangle",
|
|
"x": 344,
|
|
"y": 740,
|
|
"width": 100,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-4-amount",
|
|
"type": "rectangle",
|
|
"x": 544,
|
|
"y": 740,
|
|
"width": 60,
|
|
"height": 16,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-4-status",
|
|
"type": "rectangle",
|
|
"x": 744,
|
|
"y": 736,
|
|
"width": 60,
|
|
"height": 24,
|
|
"strokeColor": "$success",
|
|
"backgroundColor": "$success",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 12 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "row-4-invoice",
|
|
"type": "rectangle",
|
|
"x": 944,
|
|
"y": 740,
|
|
"width": 80,
|
|
"height": 16,
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 80,
|
|
"groupIds": ["history-section"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
}
|
|
],
|
|
"appState": {
|
|
"gridSize": 20,
|
|
"viewBackgroundColor": "$background"
|
|
}
|
|
}
|