Data Flow Architecture

Complete data flow from user action through the system to infrastructure.

flowchart TB
User["User Action"]

subgraph ReactApp["React Application"]
TableView
BoardView
CustomComponents["Custom Components"]
end

subgraph Provider["DataTableProvider"]
DbAdapter["DatabaseAdapter<br/>(D1/Supabase)"]
FileAdapter["FileAdapter<br/>(Storage Brain)"]
end

subgraph Infra["Infrastructure"]
D1["Cloudflare D1<br/>(Structured Data)"]
SB["Storage Brain<br/>(Files + Processing)"]
end

User --> ReactApp
TableView --> Provider
BoardView --> Provider
CustomComponents --> Provider
DbAdapter --> D1
FileAdapter --> SB

Layers