%% Autogenerated sveltekit-supabase graph TD classDef standard fill:#1e293b,stroke:#38bdf8,stroke-width:1px,color:#e5e7eb; classDef c-actor fill:#1e293b,stroke:#e5e7eb,stroke-width:1px,stroke-dasharray: 5 5,color:#e5e7eb; classDef c-compute fill:#422006,stroke:#fb923c,stroke-width:1px,color:#fed7aa; classDef c-database fill:#064e3b,stroke:#34d399,stroke-width:1px,color:#d1fae5; classDef c-network fill:#2e1065,stroke:#a855f7,stroke-width:1px,color:#f3e8ff; classDef c-storage fill:#450a0a,stroke:#f87171,stroke-width:1px,color:#fee2e2; classDef c-security fill:#450a0a,stroke:#f87171,stroke-width:1px,color:#fee2e2; classDef c-gateway fill:#2e1065,stroke:#a855f7,stroke-width:1px,color:#f3e8ff; classDef c-container fill:#422006,stroke:#facc15,stroke-width:1px,color:#fef9c3; subgraph frontend ["Frontend"] direction TB cdn(("<img src="/icons/inframap/edge.png" width="32" height="32" /><br/><b>Edge CDN</b><br/><i>gateway</i><br/><span style='font-size:0.8em'>Vercel / Netlify</span>")) class cdn c-network sveltekit_app("<img src="/icons/inframap/compute.png" width="32" height="32" /><br/><b>SvelteKit App</b><br/><i>service</i><br/><span style='font-size:0.8em'>SSR + SPA</span>") class sveltekit_app c-compute end subgraph supabase_platform ["Supabase Platform"] direction TB supabase_auth("<img src="/icons/inframap/compute.png" width="32" height="32" /><br/><b>Supabase Auth</b><br/><i>service</i><br/><span style='font-size:0.8em'>User authentication</span>") class supabase_auth c-compute supabase_db[("<img src="/icons/inframap/database.png" width="32" height="32" /><br/><b>Supabase Database</b><br/><i>database</i><br/><span style='font-size:0.8em'>PostgreSQL + Realtime</span>")] class supabase_db c-database supabase_storage[("<img src="/icons/inframap/database.png" width="32" height="32" /><br/><b>Supabase Storage</b><br/><i>database</i><br/><span style='font-size:0.8em'>File uploads</span>")] class supabase_storage c-database edge_functions("<img src="/icons/inframap/compute.png" width="32" height="32" /><br/><b>Edge Functions</b><br/><i>function</i><br/><span style='font-size:0.8em'>Serverless API</span>") class edge_functions standard end %% Orphans users(("<img src="/icons/inframap/user.png" width="32" height="32" /><br/><b>Users</b><br/><i>actor</i><br/><span style='font-size:0.8em'>Web/mobile clients</span>")) class users c-actor %% Edges users -.-> cdn cdn -.-> sveltekit_app sveltekit_app -.-> supabase_auth sveltekit_app -.-> supabase_db sveltekit_app -.-> supabase_storage edge_functions -.-> supabase_db