System UI components are app-shell and admin helpers, not normal feature widgets. Use them in root layouts, admin pages, signal dashboards, tabbed detail views, and animation-heavy UI.
System
System namespace for app-level chrome and runtime helpers. It chooses CSR or SSR provider by render mode and exposes theme/language/reconnect/dev-mode helpers.
Props / API
Name
Type
Description
System.Provider
{ appName, params, env, of, children, ... }
Root app provider for CSR/SSR shell setup.
System.ThemeToggle
component
Theme switching control.
System.SelectLanguage
component
Language selector.
System.Reconnect
component
Reconnect helper for local or unstable sessions.
Usage
ClientSide
Small Suspense boundary for content that should be rendered client-side with an optional fallback.
Props / API
Name
Type
Description
children
ReactNode
Client-side content.
loading
ReactNode
Suspense fallback.
Usage
Signal
Admin and developer-facing signal inspection namespace. It renders API/signal documents, arguments, listeners, WebSocket/PubSub views, and message payloads.
Props / API
Name
Type
Description
Signal.Doc
component
Documentation viewer for signal definitions.
Signal.RestApi
component
REST API signal view/test surface.
Signal.WebSocket / PubSub
components
Realtime signal surfaces.
Signal.Arg / Object / Message
components
Payload and argument renderers.
Usage
Tab
Compound tab state namespace. It provides a provider plus menu and panel components that share active menu state through context.
Props / API
Name
Type
Description
Tab
{ defaultMenu?, className?, children? }
Provider/root for tab state.
Tab.Menus
component
Container for tab menu items.
Tab.Menu
component
Selectable menu item.
Tab.Panel
component
Content visible for a matching menu key.
Usage
animated
Small re-export of react-spring animated primitives used by Akan UI components and custom animated surfaces.
