1. product overview
name: triadicframeworks schema browser
purpose: interactive explorer for the schema universe—helping creators, devs, and researchers:
- discover schemas by domain
- understand structure, fields, and dependencies
- navigate cross‑domain relationships
- launch validation and tooling flows
primary data source: docs/schemas/schema-manifest.json + schema files on disk/GitHub.
2. target users & core use cases#
2.1 personas#
-
creator / canon steward
- wants to see how new ideas fit into existing domains
- checks lineage, domains, and structural gaps
-
developer / integrator
- needs to find the right schema quickly
- wants field definitions, dependencies, and file paths
- may copy paths into code or tooling
-
researcher / operator
- wants to understand what’s modeled (e.g., quantum, ATC, lab)
- uses browser as documentation for RTT‑Inside systems
2.2 core use cases#
-
browse by domain
- expand “quantum”, see all quantum schemas, click one, inspect details.
-
inspect a schema
- see description, fields, dependencies, used‑by, and file path.
-
follow dependencies
- from
coeus_contract→ jump tostate_model,operator,resonance_constraints.
- from
-
search
- type “drift” → see
ai_drift_vector,PlayerDriftProfile, etc.
- type “drift” → see
-
launch tools
- click “Validate Universe” → run CLI or show status.
- click “View JSON” → open raw schema.
3. information architecture#
3.1 top‑level structure#
-
global header
- app title, universe name, manifest version, quick actions.
-
left sidebar
- domain tree (from
domainsin manifest). - search box (filters schemas by name).
- domain tree (from
-
main content
- schema detail view (when a schema is selected).
- empty state / welcome panel (when nothing selected).
3.2 navigation model#
- primary navigation: domain → schema
- secondary navigation: dependency links inside schema detail
- search navigation: search → filtered list → schema
4. layout spec#
4.1 global layout#
-
header (top, full width)
- left:
TriadicFrameworks Schema Browser - center:
Universe: Resonance‑Time - right:
Manifest v1.0.0+ buttons:Validate UniverseView ManifestGenerate Graph
- left:
-
body: two‑column
- left: fixed‑width sidebar (280–320px)
- right: flexible main panel
4.2 sidebar#
elements:
-
search input
- placeholder:
search schemas… - filters schema list in real time.
- placeholder:
-
domain list
- each domain:
- icon (simple glyph per domain)
- label (e.g.,
quantum,finance,rtt-atc) - expand/collapse arrow
- expanded domain shows schemas as a flat list:
quantum_statequantum_substratequantum_energy_bank
- each domain:
behaviors:
- clicking a schema:
- highlights it in sidebar
- loads its details in main panel.
5. schema detail view#
5.1 header section#
- schema title: humanized from filename (e.g.,
Quantum State) - domain: badge (e.g.,
quantum) - file path:
docs/schemas/quantum/quantum_state.schema.json - actions:
View JSON(opens raw file in new tab or modal)Copy Path(copies repo path)Open in GitHub(link to GitHub URL)
5.2 description block#
- description: from manifest domain description + optional per‑schema metadata (future).
- status (optional future):
stable,experimental,draft.
5.3 fields panel#
- table layout:
| field name | type | description (optional) |
|---|---|---|
| state_id | string | |
| basis | string | |
| amplitudes | object |
- types inferred from schema
properties.
5.4 dependencies panel#
-
“Depends on” list
- e.g.,
dimensional_layer,resonance_profile - each item is a clickable chip → navigates to that schema.
- e.g.,
-
“Used by” list
- reverse dependencies (computed from manifest or precomputed index).
- each item clickable.
5.5 triadic context (optional but on‑brand)#
- small panel showing if schema includes triadic fields:
spin,charge,temperaturepresence.
- simple indicator:
Triadic Alignment: Full / Partial / None
6. interactions & flows#
6.1 search flow#
- user types
driftin search. - sidebar filters to:
ai_drift_vectorPlayerDriftProfileGDDriftVector
- user clicks
ai_drift_vector→ detail view updates.
6.2 dependency navigation#
- user views
coeus_contract. - in “Depends on”:
- sees
state_model,operator,resonance_constraints.
- sees
- clicks
state_model→ sidebar auto‑expandscoeusdomain and selectsstate_model.
6.3 validate universe#
- clicking
Validate Universe:- either:
- calls backend endpoint that wraps
rtt-schema validate, or - shows instructions:
run: rtt-schema validatein your terminal.
- calls backend endpoint that wraps
- optional: show last validation result + timestamp.
- either:
7. visual style#
7.1 theme#
- dark mode first, aligned with triadicframeworks.org:
- background: deep navy/space (
#050816style) - text: light gray (
#e5e7eb) - accents: triadic gradient or cyan/magenta highlights.
- background: deep navy/space (
7.2 components#
- badges: pill‑shaped, colored by domain (e.g., quantum = purple, finance = green).
- chips: for dependencies and used‑by.
- monospace: for file paths and field names.
8. technical notes#
8.1 data loading#
- load
schema-manifest.jsonon app init. - derive:
- domain list
- schema list per domain
- reverse dependency map (schema → used‑by).
8.2 schema parsing#
- when a schema is selected:
- fetch JSON from
docs/schemas/<domain>/<file>. - parse
propertiesfor fields. - optionally cache results.
- fetch JSON from
8.3 routing (optional)#
- URL pattern:
/schemas/:domain/:schema
- deep links:
- shareable URLs for specific schema views.
9. deliverables you can drop into repo#
you could add a design doc like:
docs/schemas/SCHEMA_BROWSER_SPEC.md
containing:
- product overview
- IA
- layout
- interactions
- technical notes