product
OpenAgents users, operators, and developers working for long periods in dense web, Electron desktop, and mobile interfaces. They need to navigate projects, read status and agent output, compose instructions, inspect code and evidence, and act on typed controls without visual effects obscuring the task.
Effect Native is the shared typed application and UI substrate for OpenAgents. Khala UI is its owned visual language: one portable set of semantic components, tokens, geometry, motion, and renderer capabilities that can express the full non-audio visual vocabulary studied in Arwes without depending on Arwes or creating a second React, theme, state, or intent authority. Success means the same authored view remains recognizable, accessible, deterministic, and lifecycle-safe across DOM, React DOM, React Native, native, SVG, and Canvas lowerings, including the React components hosted by OpenAgents Desktop.
Precise, luminous, purposeful. Khala UI should feel like an advanced technical instrument: unmistakably futuristic and alive, but calm enough for sustained professional work. Visual effects provide structure, state, focus, and bounded atmosphere; they never compete with the work.
- A literal Arwes clone or dependency, including its fictional naming, React-18-era lifecycle model, and audio system.
- Generic neon cyberpunk dashboards, arcade HUD clutter, and decorative sci-fi chrome applied indiscriminately to every container.
- Nested-card and nested-frame proliferation, excessive glow, gratuitous page choreography, hidden semantic content, or animation that delays a task.
- A parallel React-only component, token, state, or animation system that can drift from Effect Native.
- One typed authority: Effect Native owns semantic views, tokens, state, intents, and effect lifecycles; renderers only lower that contract.
- Earn every effect: geometry, light, motion, and ambience must communicate hierarchy, state, focus, or a deliberately bounded sense of place.
- Stable before animated: meaningful content is complete in SSR, no-JS, reduced-motion, unsupported-renderer, and failure states.
- Distinctive at the system level: reuse a small coherent Khala vocabulary across surfaces instead of decorating ordinary controls independently.
- Measured portability: every capability declares renderer parity, degradation, accessibility, performance, determinism, and teardown behavior.
Target WCAG 2.2 AA for semantic product surfaces. Reduced motion resolves immediately to the stable target and starts no continuous or scheduled visual work. Forced colors, high contrast, keyboard and focus visibility, coarse pointer input, 200% zoom, narrow containers, text expansion, no-JavaScript, and unsupported renderers receive intentional fallbacks. Decoration is inert and hidden from the accessibility tree; visible decipher or sequence effects retain complete stable accessible text. Color, glow, animation, and Canvas are never the only signal. Audio is outside Khala UI scope.