{ "tldrawFileFormatVersion": 1, "schema": { "schemaVersion": 2, "sequences": { "com.tldraw.store": 5, "com.tldraw.asset": 1, "com.tldraw.camera": 1, "com.tldraw.document": 2, "com.tldraw.instance": 26, "com.tldraw.instance_page_state": 5, "com.tldraw.page": 1, "com.tldraw.instance_presence": 6, "com.tldraw.pointer": 1, "com.tldraw.shape": 4, "com.tldraw.user": 1, "com.tldraw.asset.image": 6, "com.tldraw.asset.video": 5, "com.tldraw.asset.bookmark": 2, "com.tldraw.shape.group": 0, "com.tldraw.shape.text": 4, "com.tldraw.shape.bookmark": 2, "com.tldraw.shape.draw": 5, "com.tldraw.shape.geo": 12, "com.tldraw.shape.note": 13, "com.tldraw.shape.line": 5, "com.tldraw.shape.frame": 1, "com.tldraw.shape.arrow": 8, "com.tldraw.shape.highlight": 4, "com.tldraw.shape.embed": 4, "com.tldraw.shape.image": 5, "com.tldraw.shape.video": 4, "com.tldraw.binding.arrow": 1 } }, "records": [ { "x": 60, "y": 1400, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "db", "actions": [ "Designs, revisions, sourcing, orders, builds, watches", "Supplier/catalog and owned-inventory records", "Visual JSON + intent snapshots; media metadata" ], "errors": [], "evidence": [ "app/models.py", "app/db.py" ] } }, "id": "shape:architecture-muxq01od-component-db", "type": "geo", "parentId": "page:page", "index": "a5ErU", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 600, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "orange", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "PostgreSQL database" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "POSTGRESQL · DURABLE RECORDS" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Designs, revisions, sourcing, orders, builds, watches" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Supplier/catalog and owned-inventory records" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Visual JSON + intent snapshots; media metadata" } ] } ] } }, "typeName": "shape" }, { "x": 60, "y": 200, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "browser", "actions": [ "React pages, forms and unsaved edits", "Uses Helicity Studio for the visual study", "Requests records and media through the web app" ], "errors": [], "evidence": [ "frontend/components/design-3d-editor.tsx", "frontend/lib/api/client.ts" ] } }, "id": "shape:architecture-muxq01od-component-browser", "type": "geo", "parentId": "page:page", "index": "a19P6", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 600, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "blue", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "WBK browser interface" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "YOUR BROWSER · REACT" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "React pages, forms and unsaved edits" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Uses Helicity Studio for the visual study" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Requests records and media through the web app" } ] } ] } }, "typeName": "shape" }, { "x": 60, "y": 20, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "title" } }, "id": "shape:architecture-muxq01od-title", "type": "text", "parentId": "page:page", "index": "a0HH2", "props": { "color": "black", "size": "xl", "font": "sans", "textAlign": "start", "w": 1830, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "WatchBuildKit — UI, backend and durable storage" } ] } ] }, "scale": 1, "autoSize": false }, "typeName": "shape" }, { "x": 0, "y": 0, "z": 1, "meta": {}, "id": "camera:page:page", "typeName": "camera" }, { "x": 60, "y": 2010, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "backup", "actions": [ "Created only by an explicit backup action", "Contains database dump, uploads and manifest", "Checksums support backup verification" ], "errors": [], "evidence": [ "app/backup_bundle.py", "scripts/save_backup.py" ] } }, "id": "shape:architecture-muxq01od-component-backup", "type": "geo", "parentId": "page:page", "index": "a7mD6", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 600, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "orange", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Workspace backup archive" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "ARCHIVE FILE · EXPLICIT BACKUP" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Created only by an explicit backup action" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Contains database dump, uploads and manifest" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Checksums support backup verification" } ] } ] } }, "typeName": "shape" }, { "editingShapeId": null, "croppingShapeId": null, "selectedShapeIds": [], "hoveredShapeId": null, "erasingShapeIds": [], "hintingShapeIds": [], "focusedGroupId": null, "meta": {}, "id": "instance_page_state:D1PI0TzdPq7Favk1-yvXJ", "pageId": "page:page", "typeName": "instance_page_state" }, { "x": 900, "y": 1400, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "files", "actions": [ "Stores image-file bytes separately from the DB", "Records refer to files by storage key", "Includes uploaded photos and reference images" ], "errors": [], "evidence": [ "app/storage.py", "app/media_storage.py" ] } }, "id": "shape:architecture-muxq01od-component-files", "type": "geo", "parentId": "page:page", "index": "a6GTb", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 600, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "orange", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Managed upload folder" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "LOCAL FILESYSTEM · DURABLE IMAGES" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Stores image-file bytes separately from the DB" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Records refer to files by storage key" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Includes uploaded photos and reference images" } ] } ] } }, "typeName": "shape" }, { "x": 900, "y": 790, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "api", "actions": [ "Checks requests and applies domain rules", "Validates saved visual data against its engine", "Reads and writes records, files and backups" ], "errors": [], "evidence": [ "app/main.py", "app/design_visualization.py", "app/helicity_contract.py" ] } }, "id": "shape:architecture-muxq01od-component-api", "type": "geo", "parentId": "page:page", "index": "a4z3D", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 600, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "blue", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "FastAPI backend" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "LOCAL BACKEND · PORT 8000" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Checks requests and applies domain rules" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Validates saved visual data against its engine" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Reads and writes records, files and backups" } ] } ] } }, "typeName": "shape" }, { "x": 0, "y": 0, "lastActivityTimestamp": 0, "meta": {}, "id": "pointer:1X3LsIAq_ebixl6H2OiFE", "typeName": "pointer" }, { "x": 60, "y": 790, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "next", "actions": [ "Serves pages and the browser application", "Forwards /api, /media and /static requests", "Server-side page loads can call FastAPI" ], "errors": [], "evidence": [ "frontend/next.config.ts", "frontend/lib/api/server.ts" ] } }, "id": "shape:architecture-muxq01od-component-next", "type": "geo", "parentId": "page:page", "index": "a3zcy", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 600, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "blue", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Next.js web application" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "LOCAL WEB SERVER · PORT 3199" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Serves pages and the browser application" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Forwards /api, /media and /static requests" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Server-side page loads can call FastAPI" } ] } ] } }, "typeName": "shape" }, { "meta": {}, "id": "page:page", "name": "Page 1", "index": "a1", "typeName": "page" }, { "gridSize": 10, "name": "wbk-system", "meta": {}, "id": "document:document", "typeName": "document" }, { "followingUserId": null, "opacityForNextShape": 1, "stylesForNextShape": {}, "brush": null, "scribbles": [], "cursor": { "type": "default", "rotation": 0 }, "isFocusMode": false, "exportBackground": true, "isDebugMode": false, "isToolLocked": false, "screenBounds": { "x": 0, "y": 0, "w": 1080, "h": 720 }, "insets": [ false, false, false, false ], "zoomBrush": null, "isGridMode": false, "isPenMode": false, "chatMessage": "", "isChatting": false, "highlightedUserIds": [], "isFocused": false, "devicePixelRatio": 1, "isCoarsePointer": false, "isHoveringCanvas": null, "openMenus": [], "isChangingStyle": false, "isReadonly": false, "meta": {}, "duplicateProps": null, "cameraState": "idle", "id": "instance:instance", "currentPageId": "page:page", "typeName": "instance" }, { "x": 900, "y": 200, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "studio", "actions": [ "Uses the saved design’s exact engine version", "Contains the shared editor and browser 3D rendering", "Uses bundled code, not requests to the Lab website" ], "errors": [], "evidence": [ "frontend/lib/helicity-editor.ts", "frontend/lib/helicity-engines.js" ] } }, "id": "shape:architecture-muxq01od-component-studio", "type": "geo", "parentId": "page:page", "index": "a2712", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 600, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "violet", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "Bundled Helicity Studio" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "YOUR BROWSER · HELICITY" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Uses the saved design’s exact engine version" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Contains the shared editor and browser 3D rendering" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Uses bundled code, not requests to the Lab website" } ] } ] } }, "typeName": "shape" }, { "x": 900, "y": 2010, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "component", "elementId": "ai", "actions": [ "Called only when you request an AI mockup", "Returns an image; it does not create a 3D watch", "WBK stores the image as a media asset" ], "errors": [], "evidence": [ "app/openai_mockup.py" ] } }, "id": "shape:wbk-ai-provider", "type": "geo", "parentId": "page:page", "index": "az", "props": { "geo": "rectangle", "flipX": false, "flipY": false, "dash": "solid", "url": "", "w": 600, "h": 390, "growY": 0, "scale": 1, "labelColor": "black", "color": "blue", "fill": "none", "size": "m", "font": "sans", "align": "start", "verticalAlign": "start", "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "AI image provider" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "EXTERNAL SERVICE · OPTIONAL" } ] }, { "type": "paragraph", "content": [] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Called only when you request an AI mockup" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "Returns an image; it does not create a 3D watch" } ] }, { "type": "paragraph", "content": [ { "type": "text", "text": "WBK stores the image as a media asset" } ] } ] } }, "typeName": "shape" }, { "x": 660, "y": 395, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "shape:wbk-system-edge-0", "type": "arrow", "parentId": "page:page", "index": "aP", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 240, "y": 0 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "choices / edits" } ] } ] }, "labelPosition": 0.7, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-0-0", "type": "arrow", "fromId": "shape:wbk-system-edge-0", "toId": "shape:architecture-muxq01od-component-browser", "props": { "terminal": "start", "normalizedAnchor": { "x": 1, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-0-1", "type": "arrow", "fromId": "shape:wbk-system-edge-0", "toId": "shape:architecture-muxq01od-component-studio", "props": { "terminal": "end", "normalizedAnchor": { "x": 0, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 360, "y": 590, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "next", "call": "pages / API", "evidence": [] } }, "id": "shape:wbk-system-edge-1", "type": "arrow", "parentId": "page:page", "index": "aQ", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 0, "y": 200 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "pages / API" } ] } ] }, "labelPosition": 0.7, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-1-0", "type": "arrow", "fromId": "shape:wbk-system-edge-1", "toId": "shape:architecture-muxq01od-component-browser", "props": { "terminal": "start", "normalizedAnchor": { "x": 0.5, "y": 1 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-1-1", "type": "arrow", "fromId": "shape:wbk-system-edge-1", "toId": "shape:architecture-muxq01od-component-next", "props": { "terminal": "end", "normalizedAnchor": { "x": 0.5, "y": 0 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 660, "y": 985, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "next", "to": "api", "call": "forward request", "evidence": [] } }, "id": "shape:wbk-system-edge-2", "type": "arrow", "parentId": "page:page", "index": "aR", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 240, "y": 0 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "forward request" } ] } ] }, "labelPosition": 0.7, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-2-0", "type": "arrow", "fromId": "shape:wbk-system-edge-2", "toId": "shape:architecture-muxq01od-component-next", "props": { "terminal": "start", "normalizedAnchor": { "x": 1, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-2-1", "type": "arrow", "fromId": "shape:wbk-system-edge-2", "toId": "shape:architecture-muxq01od-component-api", "props": { "terminal": "end", "normalizedAnchor": { "x": 0, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 900, "y": 1024, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "api", "to": "db", "call": "query / commit", "evidence": [] } }, "id": "shape:wbk-system-edge-3", "type": "arrow", "parentId": "page:page", "index": "aS", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": -540, "y": 376 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "query / commit" } ] } ] }, "labelPosition": 0.7, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-3-0", "type": "arrow", "fromId": "shape:wbk-system-edge-3", "toId": "shape:architecture-muxq01od-component-api", "props": { "terminal": "start", "normalizedAnchor": { "x": 0, "y": 0.6 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-3-1", "type": "arrow", "fromId": "shape:wbk-system-edge-3", "toId": "shape:architecture-muxq01od-component-db", "props": { "terminal": "end", "normalizedAnchor": { "x": 0.5, "y": 0 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 1200, "y": 1180, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "api", "to": "files", "call": "read / write", "evidence": [] } }, "id": "shape:wbk-system-edge-4", "type": "arrow", "parentId": "page:page", "index": "aT", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 0, "y": 220 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "read / write" } ] } ] }, "labelPosition": 0.7, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-4-0", "type": "arrow", "fromId": "shape:wbk-system-edge-4", "toId": "shape:architecture-muxq01od-component-api", "props": { "terminal": "start", "normalizedAnchor": { "x": 0.5, "y": 1 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-4-1", "type": "arrow", "fromId": "shape:wbk-system-edge-4", "toId": "shape:architecture-muxq01od-component-files", "props": { "terminal": "end", "normalizedAnchor": { "x": 0.5, "y": 0 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 660, "y": 1595, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "db", "to": "files", "call": "storage key", "evidence": [] } }, "id": "shape:wbk-system-edge-5", "type": "arrow", "parentId": "page:page", "index": "aU", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 240, "y": 0 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "storage key" } ] } ] }, "labelPosition": 0.7, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-5-0", "type": "arrow", "fromId": "shape:wbk-system-edge-5", "toId": "shape:architecture-muxq01od-component-db", "props": { "terminal": "start", "normalizedAnchor": { "x": 1, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-5-1", "type": "arrow", "fromId": "shape:wbk-system-edge-5", "toId": "shape:architecture-muxq01od-component-files", "props": { "terminal": "end", "normalizedAnchor": { "x": 0, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 360, "y": 1790, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "db", "to": "backup", "call": "database dump", "evidence": [] } }, "id": "shape:wbk-system-edge-6", "type": "arrow", "parentId": "page:page", "index": "aV", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 0, "y": 220 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "database dump" } ] } ] }, "labelPosition": 0.7, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-6-0", "type": "arrow", "fromId": "shape:wbk-system-edge-6", "toId": "shape:architecture-muxq01od-component-db", "props": { "terminal": "start", "normalizedAnchor": { "x": 0.5, "y": 1 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-6-1", "type": "arrow", "fromId": "shape:wbk-system-edge-6", "toId": "shape:architecture-muxq01od-component-backup", "props": { "terminal": "end", "normalizedAnchor": { "x": 0.5, "y": 0 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 1200, "y": 1790, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "files", "to": "backup", "call": "uploaded files", "evidence": [] } }, "id": "shape:wbk-system-edge-7", "type": "arrow", "parentId": "page:page", "index": "aW", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": -660, "y": 220 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "uploaded files" } ] } ] }, "labelPosition": 0.7, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-7-0", "type": "arrow", "fromId": "shape:wbk-system-edge-7", "toId": "shape:architecture-muxq01od-component-files", "props": { "terminal": "start", "normalizedAnchor": { "x": 0.5, "y": 1 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-7-1", "type": "arrow", "fromId": "shape:wbk-system-edge-7", "toId": "shape:architecture-muxq01od-component-backup", "props": { "terminal": "end", "normalizedAnchor": { "x": 0.8, "y": 0 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "x": 1500, "y": 985, "rotation": 0, "isLocked": false, "opacity": 1, "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "api", "to": "ai", "call": "prompt / image", "evidence": [] } }, "id": "shape:wbk-system-edge-8", "type": "arrow", "parentId": "page:page", "index": "aX", "props": { "kind": "elbow", "labelColor": "black", "color": "black", "fill": "none", "dash": "solid", "size": "m", "arrowheadStart": "none", "arrowheadEnd": "arrow", "font": "sans", "start": { "x": 0, "y": 0 }, "end": { "x": 0, "y": 1220 }, "bend": 0, "richText": { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "text": "prompt / image" } ] } ] }, "labelPosition": 0.7, "scale": 1, "elbowMidPoint": 0.5 }, "typeName": "shape" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-8-0", "type": "arrow", "fromId": "shape:wbk-system-edge-8", "toId": "shape:architecture-muxq01od-component-api", "props": { "terminal": "start", "normalizedAnchor": { "x": 1, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" }, { "meta": { "tldrawMcp": { "diagramId": "architecture-muxq01od", "diagramType": "architecture", "metadataVersion": 2, "kind": "connection", "elementId": "browser->studio:0", "from": "browser", "to": "studio", "call": "choices / edits", "evidence": [] } }, "id": "binding:wbk-system-8-1", "type": "arrow", "fromId": "shape:wbk-system-edge-8", "toId": "shape:wbk-ai-provider", "props": { "terminal": "end", "normalizedAnchor": { "x": 1, "y": 0.5 }, "isExact": false, "isPrecise": true, "snap": "edge" }, "typeName": "binding" } ] }