The service:action Protocol
One protocol. WebSocket or REST. Same types. Same auth. Self-describing actions.
// One protocol for everything
client.execute('iam', 'login', { username, password })
client.execute('drive', 'listObjects', { bucket, prefix })
client.execute('ai', 'generate', { model, messages })
client.execute('schema', 'type', { id: 'Person' })
Four-tier architecture
Presentation82 Web Components + React/Angular/Vue wrappers, ECharts, Tiptap, GSAP
TransportDual WebSocket/HTTP — auto-fallback, offline queue, IndexedDB
Runtime30 services — Zod schemas, caching, rate limits, REST endpoints
InfrastructurePostgreSQL + TimescaleDB + pgvector, Valkey, SeaweedFS, Ollama
The UI Engine
82 Web Components. Framework wrappers for React, Angular, Vue. Everything a browser application needs — built in.
Custom Icon Fonts
Per-app Material Symbols subsetting. Select only the icons you need —
the server generates a minimal WOFF2 font via fantasticon. Zero payload waste.
Animation Engine
JSON schema → GSAP timelines. Entrance, exit, and interaction
animations defined as data. WCAG reduced-motion compliant. Shadow DOM safe.
Layer Management
Modals, drawers, toasts, tooltips, popovers — all rendered through
wss-layers. Z-index bands, focus trapping, keyboard handling,
backdrop management. One system for every overlay.
Chart Engine
Apache ECharts with data downsampling, performance monitoring,
PNG/SVG export. JSON-configurable — the SDUI engine generates
chart configs on demand.
Form Engine
15+ field types, conditional visibility, grid layout, action-driven
option fetching, custom validation. One JSON schema → complete
validated form.
Data Table
CSS Grid with sortable columns, row selection, bulk actions,
custom cell rendering. Responsive grid with full ARIA —
not HTML tables.
Built-in platform capabilities
LocalizationLazy-loaded locales, IDB cached, dynamic language switching, parameterized strings
Service WorkerOffline queue + replay, Workbox precaching, push notifications, background sync
Design Tokens3-tier system (primitive → semantic → component), dark mode, WCAG AA contrast validated
Rich Text EditorTiptap-based with multiple editing modes, syntax highlighting via Prism.js
Import Wizard8-step pipeline: upload → inspect → classify → structure → mapping → validate → relationships → review
Storage ManagerFile browser, drag-drop upload, quota tracking — full SeaweedFS integration
React HooksuseWssLayers, useWssData, useWssCrud, useWssSession, useWssAction, useWssStream, useTranslation
AccessibilityRoving tabindex, focus trapping, aria live regions, reduced-motion — WCAG AA tested
Infrastructure
ServerNode.js 22, Fastify 5, WebSocket
DatabasePostgreSQL + TimescaleDB, pgvector
CacheValkey — sessions, pub/sub, BullMQ
StorageSeaweedFS — S3 API compatible
AIOllama + multi-provider circuit breaker
NetworkNginx, Cloudflared, TincVPN
BuildTurborepo, pnpm 10, Stencil, Vite