Compositions
An interactive orbital diagram of six connected capabilities, with keyboard-accessible tabs and links to their actual guides.
Reuse SystemOverview for the kit's educational system map. It describes implemented architecture and never simulates service operations.
src/components/public/system-overview.tsx
Select a layer to highlight its connection to Core in the brand accent. Use the arrow keys to explore the six capabilities.
Inside the system / Database
Data with a place to belong.
Authenticated identity → authorized function → reactive interface
Explore databaseThe preview imports your production components. Open Code for the complete working example, including its imports.
Use Tab to inspect keyboard focus, switch themes, and try the controls. Reset restores the example’s initial state.