Center views [UI]
Source path: knowledge-base/diagrams/ui/center-views.md
# Center views `[UI]`
Navigation is two layers: the **SectionRail** picks one of 5 sections, the **StageBar** switches the `stageView` within it. `Stage.tsx` is a render switch on `state.stageView` (~33 modes); the persisted literals are the source of truth (`view-state.ts`).
```mermaid
flowchart LR
Rail["SectionRail → StageBar"]
Rail --> Base & Content & Mind & Program & Watch
subgraph Base["**BASE** — the world as geometry"]
b1["Tree · World · Network · Board ·<br/>Articles · Influence (Sankey)"]
end
subgraph Content["**CONTENT** — the authored move (per scene)"]
s1["Plan · Prose · Script ·<br/>Audio · Learning · Perspective"]
end
subgraph Mind["**MIND** — reasoning + belief"]
c1["Reasoning Graph · Readings · Threads ·<br/>Mode (PRG) · Decision · Search"]
end
subgraph Program["**PROGRAM** (Station) — the human loop"]
p1["Inbox · Operations · Reminders ·<br/>Opinion (Thread/Stream/Position) · Notes"]
end
subgraph Watch["**WATCH** (Signals) — evidence in motion"]
w1["Streams · Merges · Cycles ·<br/>Positions · Runs"]
end
```
- **Program (Station)** is the human loop — Inbox feed, Operations agenda, Reminders, the Opinion dashboard (belief source toggles Thread / Stream / Position), Notes. **Watch (Signals)** is evidence in motion — Streams, Merges, research Cycles, Position monitors, the Runs log.
- The **Tree** anchors Base alongside the graph domains; the System and Fate node-edge graphs were retired, so system knowledge + threads render as leaves of the shared topic Tree.
- Adding a view = a `StageView` literal (`types/domain/view-state.ts`) + a `StageBar` button + a `Stage` branch (copy an existing one).
<details><summary>Full stageView → component map</summary>
| Section | stageView → component |
|---|---|
| **Base** | `tree`/`tree-list` → TreeView · `world-*` → WorldGraphView · `network-*` → NetworkView · `board` → BoardView · `articles` → ArticlesView · `*-influence` → SankeyView |
| **Content** | `plan` → ScenePlanView · `prose` → SceneProseView · `script` → SceneScriptView · `audio` → SceneAudioView · `learning` → SceneLearningView · `perspective` → ArcPerspectivesView |
| **Mind** | `reasoning-graph` → ReasoningGraphView · `readings` → ReadingsView · `threads` → ThreadsView · `mode` → PhaseGraphView · `decision` → DecisionView · `search` → CaptureView |
| **Program** | `inbox` → DomainProgramView · `operations` → OperationsView · `reminders` → RemindersView · `opinion` → Belief/StreamBelief/ProjectionBeliefView · `notes` → CaptureView |
| **Watch** | `streams` → StreamsView · `merges` → MergesView · `cycles` → WatchMonitorsView · `projections` → WatchMonitorsView · `runs` → ResearchSourcesView |
</details>
Open on GitHubRaw Markdown source