Rendered on the server
[{"category":"layout","categoryLabel":"Layout","container":true,"description":"Top-level document landmark for a runtime-rendered view.","name":"Page","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"text":"Top-level landmark layout containing modular sections and cards."},"tag":"Text"}],"kind":"view-node","props":{"title":"Operational Workflows"},"tag":"Section"}],"kind":"view-node","props":{"id":"preview-page","variant":"workspace"},"tag":"Page"},"props":{"backgroundImage":{"required":false,"type":"text"},"className":{"required":false,"type":"text"},"controlKey":{"required":false,"type":"text"},"element":{"default":"section","required":false,"type":"enum","values":["section","div","header","footer","nav","aside","main","fieldset","legend","ul","li","template","details","summary","figure","figcaption","label"]},"for":{"required":false,"type":"text"},"hidden":{"required":false,"type":"bool"},"id":{"required":false,"type":"text"},"inert":{"required":false,"type":"bool"},"open":{"required":false,"type":"bool"},"role":{"required":false,"type":"text"},"style":{"required":false,"type":"json"},"tabIndex":{"required":false,"type":"number"},"title":{"required":false,"type":"text"},"titleClassName":{"required":false,"type":"text"},"variant":{"required":false,"type":"text"}}},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Constrained grouping primitive with no intrinsic meaning.","name":"Container","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Contained Group","variant":"h3"},"tag":"Text"},{"children":[],"kind":"view-node","props":{"text":"Content bounded by a structural container with responsive padding.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{},"tag":"Container"},"props":{"backgroundImage":{"required":false,"type":"text"},"className":{"required":false,"type":"text"},"controlKey":{"required":false,"type":"text"},"element":{"default":"section","required":false,"type":"enum","values":["section","div","header","footer","nav","aside","main","fieldset","legend","ul","li","template","details","summary","figure","figcaption","label"]},"for":{"required":false,"type":"text"},"hidden":{"required":false,"type":"bool"},"id":{"required":false,"type":"text"},"inert":{"required":false,"type":"bool"},"open":{"required":false,"type":"bool"},"role":{"required":false,"type":"text"},"style":{"required":false,"type":"json"},"tabIndex":{"required":false,"type":"number"},"title":{"required":false,"type":"text"},"titleClassName":{"required":false,"type":"text"},"variant":{"required":false,"type":"text"}}},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Inline layout primitive for small groups of related children.","name":"Row","node":{"children":[{"children":[],"kind":"view-node","props":{"intent":"info","label":"Primary"},"tag":"Badge"},{"children":[],"kind":"view-node","props":{"intent":"neutral","label":"Secondary"},"tag":"Badge"},{"children":[],"kind":"view-node","props":{"intent":"success","label":"Verified"},"tag":"Badge"}],"kind":"view-node","props":{"gap":"12px"},"tag":"Row"},"props":{"backgroundImage":{"required":false,"type":"text"},"className":{"required":false,"type":"text"},"controlKey":{"required":false,"type":"text"},"element":{"default":"section","required":false,"type":"enum","values":["section","div","header","footer","nav","aside","main","fieldset","legend","ul","li","template","details","summary","figure","figcaption","label"]},"for":{"required":false,"type":"text"},"hidden":{"required":false,"type":"bool"},"id":{"required":false,"type":"text"},"inert":{"required":false,"type":"bool"},"open":{"required":false,"type":"bool"},"role":{"required":false,"type":"text"},"style":{"required":false,"type":"json"},"tabIndex":{"required":false,"type":"number"},"title":{"required":false,"type":"text"},"titleClassName":{"required":false,"type":"text"},"variant":{"required":false,"type":"text"}}},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Semantic <section> grouping primitive. Accepts a `variant` prop that emits a BEM modifier class (e.g. primitive-section--hero) so recipes can compose section-level layouts without dedicated renderers.","name":"Section","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"A semantic section grouping related components.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"title":"Domain Section","variant":"card"},"tag":"Section"},"props":{"backgroundImage":{"required":false,"type":"text"},"className":{"required":false,"type":"text"},"columns":{"default":3,"required":false,"type":"number"},"controlKey":{"required":false,"type":"text"},"element":{"default":"section","required":false,"type":"enum","values":["section","div","header","footer","nav","aside","main","fieldset","legend","ul","li","template","details","summary","figure","figcaption","label"]},"for":{"required":false,"type":"text"},"hidden":{"required":false,"type":"bool"},"id":{"required":false,"type":"text"},"inert":{"required":false,"type":"bool"},"open":{"required":false,"type":"bool"},"role":{"required":false,"type":"text"},"style":{"required":false,"type":"json"},"tabIndex":{"required":false,"type":"number"},"title":{"required":false,"type":"text"},"titleClassName":{"required":false,"type":"text"},"variant":{"required":false,"type":"text"}}},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Progressive SSR slot with meaningful fallback children and optional live patch transport.","name":"LiveSlot","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Stream fallback content; no live source is attached to this example.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"slotId":"live-demo-slot"},"tag":"LiveSlot"},"props":null},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Inert SSR wrapper that marks a view region for opt-in attention aggregation.","name":"AttentionScope","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Content inside the canonical attention wrapper.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"attentionKind":"view","label":"Component attention scope","mode":"aggregate","target":"view.components.AttentionScope","targetKind":"view"},"tag":"AttentionScope"},"props":null},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Inert SSR wrapper that places a view region inside an ephemeral live room.","name":"RoomScope","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Room content with presence and cursor projection.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"liveViewers":true,"roomId":"component-room-preview","sharedCursors":true,"transport":"broadcast","viewId":"view.components.RoomScope"},"tag":"RoomScope"},"props":null},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Section-like surface with optional title, badge, and body slots.","name":"Card","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Structural surface card with borders and background styling."},"tag":"Text"}],"kind":"view-node","props":{"title":"Standard Surface Card"},"tag":"Card"},"props":{"badge":{"required":false,"type":"scalar"},"class":{"required":false,"type":"text"},"href":{"required":false,"type":"text"},"id":{"required":false,"type":"text"},"status":{"required":false,"type":"text"},"title":{"required":false,"type":"text"},"titleClassName":{"required":false,"type":"text"}}},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Ordered or unordered collection display.","name":"List","node":{"children":[{"children":[],"kind":"view-node","props":{"subtitle":"Block #0 recorded in HyperDB","title":"Block Genesis"},"tag":"ListItem"},{"children":[],"kind":"view-node","props":{"subtitle":"Execution trace verified","title":"Zero-Knowledge STARK Verification"},"tag":"ListItem"},{"children":[],"kind":"view-node","props":{"subtitle":"32KB package synced","title":"P2P Atom Gossip"},"tag":"ListItem"}],"kind":"view-node","props":{"title":"Recent Operations"},"tag":"List"},"props":null},{"category":"layout","categoryLabel":"Layout","container":true,"description":"List child with optional icon, title, subtitle, and body.","name":"ListItem","node":{"children":[{"children":[],"kind":"view-node","props":{"intent":"success","label":"Online"},"tag":"Badge"}],"kind":"view-node","props":{"icon":"server","subtitle":"127.0.0.1:8787 · Protocol v1.0","title":"c8-node-alpha"},"tag":"ListItem"},"props":null},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Top-level layout composer with optional Nav, Sidebar, Drawer, Footer slots and a main content area. Slots stored as named children (slot=nav|sidebar|drawer|footer).","name":"AppShell","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"href":"/view","label":"Dashboard"},"tag":"Action"}],"kind":"view-node","props":{"brand":"CRE8 RUNTIME","slot":"nav"},"tag":"Nav"},{"children":[{"children":[],"kind":"view-node","props":{"href":"/view/components","label":"Services"},"tag":"Action"}],"kind":"view-node","props":{"header":"System","slot":"sidebar"},"tag":"Sidebar"},{"children":[{"children":[],"kind":"view-node","props":{"text":"Main Shell Content Area","variant":"h3"},"tag":"Text"},{"children":[],"kind":"view-node","props":{"text":"Responsive workspace content hosted in primary AppShell slot."},"tag":"Text"}],"kind":"view-node","props":{},"tag":"Container"},{"children":[{"children":[],"kind":"view-node","props":{"text":"CRE8 Shell · Active"},"tag":"Text"}],"kind":"view-node","props":{"slot":"footer"},"tag":"Footer"}],"kind":"view-node","props":{"id":"app-shell-demo"},"tag":"AppShell"},"props":null},{"category":"layout","categoryLabel":"Layout","container":false,"description":"Visual separator between sections. Variants: line, dots, space.","name":"Divider","node":{"children":[],"kind":"view-node","props":{},"tag":"Divider"},"props":null},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Detail-pane shell with header (title/subtitle/back), scrollable body, and optional footer.","name":"DetailHostFrame","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Host frame anchoring complex detail trees."},"tag":"Text"}],"kind":"view-node","props":{"title":"Detail Host Container"},"tag":"DetailHostFrame"},"props":null},{"category":"layout","categoryLabel":"Layout","container":true,"description":"Two-pane preview grid (left visual / right info) with a static placeholder class for loading states.","name":"SplitPreview","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"fn evaluate() -> Result<Atom>","variant":"code"},"tag":"Text"},{"children":[],"kind":"view-node","props":{"text":"Atom evaluated with 0 warnings."},"tag":"Text"}],"kind":"view-node","props":{"leftTitle":"Source Code","rightTitle":"Live Evaluation"},"tag":"SplitPreview"},"props":null},{"category":"content","categoryLabel":"Content","container":false,"description":"Text span that can carry semantic tone without a visual dependency.","name":"Text","node":{"children":[],"kind":"view-node","props":{"text":"Heading 3 Typography","variant":"h3"},"tag":"Text"},"props":{"className":{"required":false,"type":"text"},"controlKey":{"required":false,"type":"text"},"hidden":{"required":false,"type":"bool"},"id":{"required":false,"type":"text"},"intent":{"required":false,"type":"text"},"role":{"required":false,"type":"text"},"text":{"required":false,"type":"text"},"variant":{"default":"body","required":false,"type":"enum","values":["body","p","paragraph","heading","subheading","h1","h2","h3","h4","strong","em","small","code","pre","kbd","output","i"]}}},{"category":"content","categoryLabel":"Content","container":false,"description":"Label/value/detail presentation for metrics.","name":"Stat","node":{"children":[],"kind":"view-node","props":{"detail":"100% healthy","intent":"success","label":"Network Nodes","value":"76 Apps"},"tag":"Stat"},"props":{"className":{"required":false,"type":"text"},"detail":{"required":false,"type":"text"},"id":{"required":false,"type":"text"},"intent":{"required":false,"type":"enum","values":["positive","negative","neutral"]},"label":{"required":false,"type":"text"},"value":{"required":false,"type":"scalar"}}},{"category":"content","categoryLabel":"Content","container":false,"description":"Short status or taxonomy label.","name":"Badge","node":{"children":[],"kind":"view-node","props":{"intent":"success","label":"Operational"},"tag":"Badge"},"props":{"id":{"required":false,"type":"text"},"intent":{"required":false,"type":"enum","values":["info","success","warning","error","neutral"]},"label":{"required":false,"type":"text"}}},{"category":"content","categoryLabel":"Content","container":false,"description":"Image placeholder with optional tag and dimensions overlay.","name":"ImgSlot","node":{"children":[],"kind":"view-node","props":{"alt":"CRE8 Architecture Diagram","dims":"16:9 1920x1080","height":240,"id":"slot-architecture-preview","tag":"Architecture Spec"},"tag":"ImgSlot"},"props":null},{"category":"content","categoryLabel":"Content","container":false,"description":"Monospaced section identifier with id/label and accent dash.","name":"SectionEyebrow","node":{"children":[],"kind":"view-node","props":{"id_text":"01","label":"System architecture"},"tag":"SectionEyebrow"},"props":null},{"category":"content","categoryLabel":"Content","container":false,"description":"Named symbolic glyph that inherits text color and can be decorative or labelled.","name":"Icon","node":{"children":[],"kind":"view-node","props":{"name":"home","size":24},"tag":"Icon"},"props":null},{"category":"content","categoryLabel":"Content","container":false,"description":"Server-rendered <audio>/<video> mount with placeholder, aspect, and HLS/MJPEG enhancement via window.CRE8_MEDIA.","name":"MediaPlayer","node":{"children":[],"kind":"view-node","props":{"aspect":"16:9","kind":"video","title":"Lobby stream"},"tag":"MediaPlayer"},"props":null},{"category":"content","categoryLabel":"Content","container":true,"description":"Small bordered card with optional uppercase eyebrow, strong title, and body content.","name":"InfoCard","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Native witness metadata bound; publish handoff released."},"tag":"Text"}],"kind":"view-node","props":{"eyebrow":"TELEMETRY","title":"Witness Bound"},"tag":"InfoCard"},"props":null},{"category":"input","categoryLabel":"Input","container":false,"description":"Accessible action primitive.","name":"Button","node":{"children":[],"kind":"view-node","props":{"intent":"primary","label":"Primary Action"},"tag":"Button"},"props":null},{"category":"input","categoryLabel":"Input","container":false,"description":"Button-like action that can navigate to views or invoke runtime connections.","name":"Action","node":{"children":[],"kind":"view-node","props":{"href":"/view","intent":"primary","label":"View Documentation"},"tag":"Action"},"props":{"body":{"required":false,"type":"json"},"buttonType":{"default":"button","required":false,"type":"enum","values":["button","submit","reset"]},"className":{"required":false,"type":"text"},"connection":{"required":false,"type":"text"},"controlKey":{"required":false,"type":"text"},"disabled":{"required":false,"type":"bool"},"endpoint":{"required":false,"type":"text"},"handler":{"required":false,"type":"text"},"hidden":{"required":false,"type":"bool"},"href":{"required":false,"type":"text"},"id":{"required":false,"type":"text"},"intent":{"default":"primary","required":false,"type":"enum","values":["primary","secondary","danger","ghost","success","warning"]},"label":{"required":false,"type":"text"},"method":{"required":false,"type":"text"},"params":{"required":false,"type":"json"},"pressed":{"required":false,"type":"bool"},"target":{"required":false,"type":"text"},"view":{"required":false,"type":"text"}}},{"category":"input","categoryLabel":"Input","container":true,"description":"Submission boundary that can call CRE8 runtime connections.","name":"Form","node":{"children":[{"children":[],"kind":"view-node","props":{"default":"Alpha Operator","label":"Account Label","name":"name"},"tag":"Input"},{"children":[],"kind":"view-node","props":{"label":"Account Kind","name":"kind","options":["Operator","Agent","Validator"]},"tag":"Select"}],"kind":"view-node","props":{"connection":"Account.Create","method":"POST","submitLabel":"Provision Account"},"tag":"Form"},"props":null},{"category":"input","categoryLabel":"Input","container":false,"description":"Accessible text entry with validation and description wiring.","name":"Input","node":{"children":[],"kind":"view-node","props":{"default":"Table","description":"Enter a component name or connection identifier.","label":"Query String","name":"search_query","placeholder":"e.g. Protocol.Ingest"},"tag":"Input"},"props":{"accept":{"required":false,"type":"text"},"autocapitalize":{"required":false,"type":"text"},"autocomplete":{"required":false,"type":"text"},"cols":{"required":false,"type":"number"},"controlKey":{"required":false,"type":"text"},"default":{"required":false,"type":"scalar"},"description":{"required":false,"type":"text"},"disabled":{"required":false,"type":"bool"},"error":{"required":false,"type":"text"},"hidden":{"required":false,"type":"bool"},"id":{"required":false,"type":"text"},"invalid":{"required":false,"type":"bool"},"kind":{"default":"text","required":false,"type":"text"},"label":{"required":false,"type":"text"},"max":{"required":false,"type":"scalar"},"maxlength":{"required":false,"type":"number"},"min":{"required":false,"type":"scalar"},"minlength":{"required":false,"type":"number"},"name":{"required":false,"type":"text"},"onChange":{"required":false,"type":"text"},"pattern":{"required":false,"type":"text"},"placeholder":{"required":false,"type":"text"},"readonly":{"required":false,"type":"bool"},"required":{"required":false,"type":"bool"},"rows":{"required":false,"type":"number"},"spellcheck":{"required":false,"type":"bool"},"step":{"required":false,"type":"scalar"},"value":{"required":false,"type":"scalar"},"wrap":{"required":false,"type":"text"}}},{"category":"input","categoryLabel":"Input","container":false,"description":"Canonical input element inside a Form (or standalone). Owns its own block class so it can be styled outside a Form.","name":"Field","node":{"children":[],"kind":"view-node","props":{"default":"acc-0x892a","description":"Durable account address bound in HyperDB.","label":"Operator Account","name":"account_id"},"tag":"Field"},"props":null},{"category":"input","categoryLabel":"Input","container":false,"description":"Single-selection listbox with optional search.","name":"Select","node":{"children":[],"kind":"view-node","props":{"default":"L1-STARK","label":"Execution Verification Tier","name":"tier","options":[{"label":"L0 — Signature Only","value":"L0-Signature"},{"label":"L1 — Zero-Knowledge STARK Proof","value":"L1-STARK"},{"label":"L2 — Full Multi-Party Replay","value":"L2-Replicated"}]},"tag":"Select"},"props":{"default":{"required":false,"type":"text"},"description":{"required":false,"type":"text"},"disabled":{"required":false,"type":"bool"},"error":{"required":false,"type":"text"},"invalid":{"required":false,"type":"bool"},"label":{"required":false,"type":"text"},"name":{"required":false,"type":"text"},"onChange":{"required":false,"type":"text"},"options":{"required":true,"type":"json"},"required":{"required":false,"type":"bool"},"size":{"required":false,"type":"number"}}},{"category":"input","categoryLabel":"Input","container":false,"description":"Accessible binary choice control.","name":"Checkbox","node":{"children":[],"kind":"view-node","props":{"checked":true,"description":"Guarantees crash-recovery parity across nodes.","label":"Persist state transitions to HyperDB WAL","name":"durable_sync"},"tag":"Checkbox"},"props":{"checked":{"required":false,"type":"bool"},"description":{"required":false,"type":"text"},"disabled":{"required":false,"type":"bool"},"error":{"required":false,"type":"text"},"indeterminate":{"required":false,"type":"bool"},"invalid":{"required":false,"type":"bool"},"label":{"required":false,"type":"text"},"name":{"required":false,"type":"text"},"onChange":{"required":false,"type":"text"},"required":{"required":false,"type":"bool"}}},{"category":"input","categoryLabel":"Input","container":false,"description":"Accessible binary toggle control.","name":"Switch","node":{"children":[],"kind":"view-node","props":{"checked":true,"label":"Realtime WebSocket Streaming (:8788)","name":"realtime_stream"},"tag":"Switch"},"props":{"checked":{"required":false,"type":"bool"},"disabled":{"required":false,"type":"bool"},"error":{"required":false,"type":"text"},"help":{"required":false,"type":"text"},"id":{"required":false,"type":"text"},"invalid":{"required":false,"type":"bool"},"label":{"required":false,"type":"text"},"name":{"required":false,"type":"text"},"required":{"required":false,"type":"bool"}}},{"category":"input","categoryLabel":"Input","container":false,"description":"Schema-driven form renderer for runtime connection payloads.","name":"DynamicForm","node":{"children":[],"kind":"view-node","props":{"fields":[{"defaultValue":"Position.Submit","label":"Connection","name":"connection","required":true},{"defaultValue":100,"label":"Volume (C8)","name":"volume","type":"number"},{"defaultValue":true,"label":"Immediate execution","name":"immediate","type":"checkbox"}],"submitLabel":"Dispatch Connection"},"tag":"DynamicForm"},"props":null},{"category":"input","categoryLabel":"Input","container":false,"description":"Named text-entry alias with secure and multiline runtime modes.","name":"TextField","node":{"children":[],"kind":"view-node","props":{"description":"Cryptographic key for signing runtime transactions.","kind":"password","label":"Operator Access Key","name":"apiKey","placeholder":"c8_key_..."},"tag":"TextField"},"props":null},{"category":"input","categoryLabel":"Input","container":true,"description":"User-gesture-tied button that registers the service worker, prompts for notification permission, subscribes via PushManager, and persists the subscription on the runtime.","name":"EnablePush","node":{"children":[{"children":[],"kind":"view-node","props":{"intent":"primary","label":"Enable Real-Time Notifications"},"tag":"Button"}],"kind":"view-node","props":{"busyLabel":"Requesting Browser Permission...","label":"Enable Real-Time Notifications"},"tag":"EnablePush"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":true,"description":"Single-selected tablist with roving focus.","name":"Tabs","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"text":"System overview content with real-time operational indicators.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"id":"overview","label":"Overview"},"tag":"Tab"},{"children":[{"children":[],"kind":"view-node","props":{"text":"Live latency, memory footprint, and graph ingestion rates.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"id":"metrics","label":"Telemetry"},"tag":"Tab"},{"children":[{"children":[],"kind":"view-node","props":{"text":"Declared connection specs and verification proof depth.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"id":"contracts","label":"Contracts"},"tag":"Tab"}],"kind":"view-node","props":{"defaultTab":"overview"},"tag":"Tabs"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":true,"description":"Collapsible sections with controlled expansion.","name":"Accordion","node":{"children":[],"kind":"view-node","props":{"items":[{"children":["Byzantine-fault-tolerant ledger with deterministic state transition proofs."],"id":"acc-1","open":true,"title":"C8TX Consensus Engine"},{"children":["Zero-knowledge RISC-V interpreter executing untrusted guest code hermetically."],"id":"acc-2","title":"Sandboxed CRE8VM"},{"children":["N-ary hyperedge graph preserving causal provenance and audit receipts."],"id":"acc-3","title":"HyperDB Knowledge Graph"}]},"tag":"Accordion"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":true,"description":"Top bar with brand link, flat item list, and optional right-slot children (theme controls / status pills).","name":"Nav","node":{"children":[{"children":[],"kind":"view-node","props":{"href":"/view","label":"Dashboard"},"tag":"Action"},{"children":[],"kind":"view-node","props":{"href":"/view/components","label":"Components"},"tag":"Action"},{"children":[],"kind":"view-node","props":{"href":"/view/market","label":"Market"},"tag":"Action"}],"kind":"view-node","props":{"brand":"CRE8 RUNTIME"},"tag":"Nav"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":true,"description":"Left rail with header label and grouped link/button items, optional badges. Items with href emit <a>; bare items emit <button> for client-side dispatch. Opting into `collapsible` adds the header toggle and per-item glyph/label pair that the `collapsed` rail state needs.","name":"Sidebar","node":{"children":[{"children":[],"kind":"view-node","props":{"href":"/view/account","label":"Account"},"tag":"Action"},{"children":[],"kind":"view-node","props":{"href":"/view/protocol","label":"Protocol"},"tag":"Action"},{"children":[],"kind":"view-node","props":{"href":"/view/market","label":"Market"},"tag":"Action"}],"kind":"view-node","props":{"header":"System Apps"},"tag":"Sidebar"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":true,"description":"Bottom strip with flat item list. Items render as label/value pairs (status, peer info, build tags) or simple text.","name":"Footer","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"CRE8 One Living Computer · 76 Apps Online · Node 127.0.0.1:8787"},"tag":"Text"}],"kind":"view-node","props":{},"tag":"Footer"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":false,"description":"The trail from a section to the current page: earlier items link back, the last names where the reader is. Same markup as the `breadcrumb_html` string helper.","name":"Breadcrumb","node":{"children":[],"kind":"view-node","props":{"items":[{"href":"/view/shop/list","label":"Shops"},{"href":"/view/shop/storefront/north-loop","label":"North Loop Ceramics"},{"label":"Orders"}]},"tag":"Breadcrumb"},"props":{"id":{"required":false,"type":"text"},"items":{"required":true,"type":"json"}}},{"category":"navigation","categoryLabel":"Navigation","container":false,"description":"Previous / next links for a paged list. `href` is a template whose `{page}` becomes each link's page number. Renders nothing for a single page.","name":"Pager","node":{"children":[],"kind":"view-node","props":{"hasNext":true,"href":"/view/components?page={page}","page":2},"tag":"Pager"},"props":{"hasNext":{"default":false,"required":false,"type":"bool"},"href":{"default":"?page={page}","required":false,"type":"text"},"id":{"required":false,"type":"text"},"page":{"default":1,"required":false,"type":"number"}}},{"category":"navigation","categoryLabel":"Navigation","container":false,"description":"A row of filter links with an optional caption; the active chip is the current filter. Every chip is a plain link, so filtering works without JavaScript.","name":"FilterChips","node":{"children":[],"kind":"view-node","props":{"ariaLabel":"Order status","items":[{"count":128,"href":"?status=","label":"All"},{"active":true,"count":12,"href":"?status=open","label":"Open"},{"count":104,"href":"?status=shipped","label":"Shipped"},{"count":12,"href":"?status=refunded","label":"Refunded"}],"label":"Status"},"tag":"FilterChips"},"props":{"ariaLabel":{"default":"Filters","required":false,"type":"text"},"id":{"required":false,"type":"text"},"items":{"required":true,"type":"json"},"label":{"required":false,"type":"text"}}},{"category":"navigation","categoryLabel":"Navigation","container":false,"description":"Variant-aware site navigation bar for template pages. Supports brand, links, CTA button, phone, status LED, and sticky mode.","name":"SiteNav","node":{"children":[],"kind":"view-node","props":{},"tag":"SiteNav"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":false,"description":"Variant-aware site footer for template pages. Supports brand, tagline, multi-column link grids, extra row, and bottom bar.","name":"SiteFooter","node":{"children":[],"kind":"view-node","props":{},"tag":"SiteFooter"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":true,"description":"Local in-view route switcher.","name":"Router","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"text":"Active route panel content inside client Router."},"tag":"Text"}],"kind":"view-node","props":{"label":"Overview","path":"/overview"},"tag":"Route"},{"children":[{"children":[],"kind":"view-node","props":{"text":"Secondary telemetry route content."},"tag":"Text"}],"kind":"view-node","props":{"label":"Telemetry","path":"/telemetry"},"tag":"Route"}],"kind":"view-node","props":{"defaultRoute":"/overview","id":"module-router"},"tag":"Router"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":true,"description":"Child route declaration for Router.","name":"Route","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"text":"Subtree mounted when the parent Router activates /contracts."},"tag":"Text"}],"kind":"view-node","props":{"title":"Route Viewport"},"tag":"Card"}],"kind":"view-node","props":{"label":"Contracts Route","path":"/contracts"},"tag":"Route"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":false,"description":"Horizontal step progress indicator showing completion state.","name":"Stepper","node":{"children":[],"kind":"view-node","props":{"steps":[{"id":"step-1","label":"Identity Verification","status":"done"},{"id":"step-2","label":"Execution Lease","status":"current"},{"id":"step-3","label":"Settlement Receipt","status":"upcoming"}]},"tag":"Stepper"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":true,"description":"Child panel declaration for Tabs.","name":"Tab","node":{"children":[],"kind":"view-node","props":{},"tag":"Tab"},"props":null},{"category":"navigation","categoryLabel":"Navigation","container":true,"description":"Hierarchical collection navigator for files, objects, runtime routes, and graph indexes.","name":"TreeView","node":{"children":[{"children":[{"children":[{"children":[],"kind":"view-node","props":{"intent":"info","label":"3 files"},"tag":"Badge"}],"kind":"view-node","props":{"subtitle":"lib.rs, main.rs, router.rs","title":"📁 src/"},"tag":"ListItem"},{"children":[{"children":[],"kind":"view-node","props":{"intent":"neutral","label":"2 modules"},"tag":"Badge"}],"kind":"view-node","props":{"subtitle":"cre8-view, cre8-core","title":"📁 crates/"},"tag":"ListItem"},{"children":[{"children":[],"kind":"view-node","props":{"intent":"success","label":"manifest"},"tag":"Badge"}],"kind":"view-node","props":{"subtitle":"Manifest and dependencies","title":"📄 Cargo.toml"},"tag":"ListItem"}],"kind":"view-node","props":{"title":"Workspace Hierarchy"},"tag":"List"}],"kind":"view-node","props":{"items":[{"children":[{"badge":"2.4KB","id":"lib.rs","kind":"file","label":"lib.rs"},{"badge":"1.1KB","id":"main.rs","kind":"file","label":"main.rs"},{"badge":"5.6KB","id":"router.rs","kind":"file","label":"router.rs"}],"defaultExpanded":true,"id":"src","kind":"folder","label":"src/"},{"children":[{"id":"cre8-view","kind":"module","label":"cre8-view"},{"id":"cre8-core","kind":"module","label":"cre8-core"}],"id":"crates","kind":"folder","label":"crates/"},{"badge":"toml","id":"Cargo.toml","kind":"file","label":"Cargo.toml"}],"title":"Project Workspace"},"tag":"TreeView"},"props":null},{"category":"data","categoryLabel":"Data","container":false,"description":"Tabular data display with optional sorting, paging, and detail rows.","name":"Table","node":{"children":[],"kind":"view-node","props":{"columns":[{"key":"peer_id","label":"Peer ID","sortable":true},{"key":"transport","label":"Transport"},{"key":"latency","label":"Latency","sortable":true},{"key":"status","label":"Status"}],"rows":[{"latency":"14ms","peer_id":"c8-node-alpha","status":"Synced","transport":"WebSocket / Wire"},{"latency":"42ms","peer_id":"c8-node-bravo","status":"Active","transport":"WebRTC P2P"},{"latency":"88ms","peer_id":"c8-node-charlie","status":"Idle","transport":"HTTP/2"}],"title":"Peer Connections"},"tag":"Table"},"props":null},{"category":"data","categoryLabel":"Data","container":false,"description":"Key-value display layout for compact records.","name":"KeyValue","node":{"children":[],"kind":"view-node","props":{"items":[{"hint":"canonical","key":"Network ID","value":"cre8-devnet"},{"hint":"durable","key":"Storage Backend","value":"HyperDB + SQLite"},{"hint":"sandboxed","key":"Compute Engine","value":"CRE8VM RISC-V"},{"hint":"healthy","key":"Uptime","value":"99.98%"}],"title":"Node Parameters"},"tag":"KeyValue"},"props":null},{"category":"data","categoryLabel":"Data","container":false,"description":"Definition list with a fixed-width label column for label/value metadata rows.","name":"SummaryList","node":{"children":[],"kind":"view-node","props":{"items":[{"key":"Execution ID","value":"exec-8a3f910b2c"},{"key":"IR Hash","value":"sha256:d41d8cd98f00b204e9800998ecf8427e"},{"key":"Steps Consumed","value":"12,450 / 250,000"},{"key":"Settlement Status","value":"Manifold Confirmed"}],"title":"Execution Summary"},"tag":"SummaryList"},"props":null},{"category":"data","categoryLabel":"Data","container":false,"description":"Generic catalog row tile with title, subtitle, badge strip, chip strip, and optional activation handler.","name":"CatalogTile","node":{"children":[],"kind":"view-node","props":{"badge":"L1 Proof","description":"High-throughput deterministic WASM/RISC-V container.","href":"#","price":"50 C8/hr","title":"Compute Shard v2"},"tag":"CatalogTile"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Graph renderer for nodes and edges.","name":"Graph","node":{"children":[],"kind":"view-node","props":{},"tag":"Graph"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":true,"description":"Renderer slot for 2D, WebGL, or WebGPU output.","name":"Canvas","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"text":"2D/WebGL Surface · 640x240","variant":"code"},"tag":"Text"},{"children":[],"kind":"view-node","props":{"intent":"info","label":"Canvas Ready"},"tag":"Badge"}],"kind":"view-node","props":{"variant":"canvas-placeholder"},"tag":"Container"}],"kind":"view-node","props":{"aria-label":"Dynamic topology render canvas","contextType":"2d","height":240,"id":"topology-canvas","role":"img","width":640},"tag":"Canvas"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"SSR fallback shell for browser-only components loaded from a client bundle.","name":"ClientIsland","node":{"children":[],"kind":"view-node","props":{"component":"ExampleIsland","fallback":"Interactive content requires its registered client binding.","props":{"title":"Component preview"}},"tag":"ClientIsland"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Interactive node-and-relation canvas for graph, hypergraph, route, and trace views.","name":"NodeHypergraph","node":{"children":[],"kind":"view-node","props":{"edges":[{"label":"authorizes","source":"acc","target":"task"},{"label":"proves","source":"task","target":"proof"}],"height":260,"nodes":[{"id":"acc","kind":"account","label":"Account::Alice","x":40,"y":60},{"id":"task","kind":"task","label":"Task::Benchmark","x":240,"y":30},{"id":"proof","kind":"proof","label":"STARK::Receipt","x":240,"y":140},{"id":"vault","kind":"vault","label":"Escrow::Manifold","x":440,"y":80}],"relations":[{"id":"settlement","kind":"settle","label":"Manifold Settlement","nodeIds":["task","proof","vault"]}],"title":"Relational Hypergraph"},"tag":"NodeHypergraph"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Compatibility wrapper for simple source-target node graphs — each edge is a 2-member hyperedge through the same SSR primitive.","name":"NodeGraph","node":{"children":[],"kind":"view-node","props":{"edges":[{"label":"POST","source":"input","target":"router"},{"label":"dispatch","source":"router","target":"vm"},{"label":"receipt","source":"vm","target":"hyperdb"}],"height":220,"nodes":[{"id":"input","kind":"intent","label":"Client Intent","x":40,"y":90},{"id":"router","kind":"gateway","label":"Connection Gateway","x":220,"y":40},{"id":"vm","kind":"vm","label":"CRE8VM Sandboxed","x":420,"y":40},{"id":"hyperdb","kind":"db","label":"HyperDB Receipt","x":420,"y":140}],"title":"Workflow Pipeline"},"tag":"NodeGraph"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":true,"description":"WebGPU world renderer for virtual entities. Auto-detects WASM or HTTP data source.","name":"VirtualWorldCanvas","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"intent":"success","label":"WebGPU Active"},"tag":"Badge"},{"children":[],"kind":"view-node","props":{"text":"WebGPU world renderer for virtual entities (WASM/Rust pipeline).","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"variant":"virtual-canvas-preview"},"tag":"Container"}],"kind":"view-node","props":{"chrome":"full","height":"280px","label":"Virtual World WebGPU Surface","renderer":"wasm-wgpu"},"tag":"VirtualWorldCanvas"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":true,"description":"Scene viewport, hierarchy, and inspector for durable Virtual scene documents.","name":"VirtualSceneWorkbench","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"text":"Scene viewport, entity graph hierarchy, and inspector for Virtual documents."},"tag":"Text"}],"kind":"view-node","props":{"title":"Scene Viewport & Entity Hierarchy"},"tag":"Card"}],"kind":"view-node","props":{"height":"280px","spaceId":"world/virtual-lib/terrain-scene3d","spaceLabel":"Virtual Runtime Space","title":"Simulation Workbench"},"tag":"VirtualSceneWorkbench"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Interactive Mercator tile map with support for routes and custom overlays.","name":"MapView","node":{"children":[],"kind":"view-node","props":{"center":[37.7749,-122.4194],"height":240,"tileProvider":"osm","zoom":12},"tag":"MapView"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Miniature line chart showing a simple trend or history.","name":"Sparkline","node":{"children":[],"kind":"view-node","props":{"data":[10,14,12,18,24,22,31,35,42]},"tag":"Sparkline"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Multi-series line or area chart with grid lines and legend.","name":"Chart","node":{"children":[],"kind":"view-node","props":{"height":220,"series":[{"data":[12,18,25,42,68,85,62,45,38],"name":"CPU Usage %"},{"data":[80,80,80,80,80,80,80,80,80],"name":"Target Cap %"}],"title":"Resource Consumption (CPU / Memory)"},"tag":"Chart"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"OHLCV candle chart with a volume band; bars carry open/high/low/close/volume per period.","name":"Candle","node":{"children":[],"kind":"view-node","props":{},"tag":"Candle"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Price chart with indicator overlays, stacked sub-panes, compare series, drawings, candle/ohlc/line/area styles and a linear or log price axis; bars carry t/o/h/l/c/v per period, overlays and panes carry already-computed series aligned to the bars.","name":"PriceChart","node":{"children":[],"kind":"view-node","props":{"asset":"C8/USD","bars":[{"close":44.2,"high":44.5,"low":41.8,"open":42.1,"time":1726700000,"volume":1200},{"close":45.8,"high":46.0,"low":43.9,"open":44.2,"time":1726703600,"volume":2400},{"close":43.5,"high":45.9,"low":43.1,"open":45.8,"time":1726707200,"volume":1800},{"close":46.9,"high":47.2,"low":43.2,"open":43.5,"time":1726710800,"volume":3100},{"close":48.7,"high":49.0,"low":46.5,"open":46.9,"time":1726714400,"volume":4200}],"height":280,"resolution":"1h"},"tag":"PriceChart"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":true,"description":"Root of a 3D data-surface subtree: camera hint, heightfield surfaces, point-event markers.","name":"Scene","node":{"children":[{"children":[],"kind":"view-node","props":{"focus":"node_center","mode":"orbit"},"tag":"Camera"},{"children":[{"children":[],"kind":"view-node","props":{"buckets":["low","mid","high"],"columns":[[0,[1.0,2.0,3.0]],[1,[2.0,3.0,4.0]]],"id":"s","label":"Depth","window":4},"tag":"Series3D"}],"kind":"view-node","props":{"id":"grid","scrollAxis":"x","window":4,"xAxis":{"label":"Time","semantic":"time"},"yAxis":{"label":"Depth","semantic":"value"},"zAxis":{"label":"Bucket","semantic":"bucket"}},"tag":"Heightfield"},{"children":[],"kind":"view-node","props":{"id":"node_alpha","kind":"peer","label":"Alpha Node","weight":1.0},"tag":"Node3D"},{"children":[],"kind":"view-node","props":{"id":"node_center","kind":"crystal","label":"Consensus Core","weight":2.2},"tag":"Node3D"},{"children":[],"kind":"view-node","props":{"id":"node_beta","kind":"peer","label":"Beta Node","weight":1.2},"tag":"Node3D"},{"children":[],"kind":"view-node","props":{"id":"edge_consensus","kind":"consensus","members":["node_alpha","node_center","node_beta"],"weight":2.0},"tag":"HyperEdge3D"}],"kind":"view-node","props":{"height":300,"projection":"isometric","title":"Isometric Scene with Topology & Surface"},"tag":"Scene"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Semantic view-intent hint for a Scene (mode + focus target); position and animation are renderer-owned.","name":"Camera","node":{"children":[],"kind":"view-node","props":{"focus":"node_center","mode":"orbit"},"tag":"Camera"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":true,"description":"Scrolling grid surface with per-axis semantics (x=scroll, z=buckets, y=value) and a retained column window.","name":"Heightfield","node":{"children":[{"children":[],"kind":"view-node","props":{"buckets":["Tier 1","Tier 2","Tier 3","Tier 4"],"columns":[[0,[1.2,2.5,3.8,5.0]],[1,[2.0,3.2,4.5,6.2]],[2,[1.8,2.8,4.0,5.5]],[3,[3.0,4.2,5.8,7.5]],[4,[2.5,3.8,5.0,6.8]]],"id":"depth_bids","label":"Bids Depth","valueLabel":"volume","window":8},"tag":"Series3D"}],"kind":"view-node","props":{"id":"surface_grid","scrollAxis":"x","window":8,"xAxis":{"label":"Time (Epoch)","semantic":"time"},"yAxis":{"label":"Depth / Intensity","semantic":"value"},"zAxis":{"label":"Frequency / Price","semantic":"bucket"}},"tag":"Heightfield"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Windowed columns-by-buckets data channel; live updates append new columns with a monotonic index over the view patch lane.","name":"Series3D","node":{"children":[],"kind":"view-node","props":{"buckets":["Tier 1","Tier 2","Tier 3","Tier 4"],"columns":[[0,[1.2,2.5,3.8,5.0]],[1,[2.0,3.2,4.5,6.2]],[2,[1.8,2.8,4.0,5.5]],[3,[3.0,4.2,5.8,7.5]],[4,[2.5,3.8,5.0,6.8]]],"id":"depth_bids","label":"Bids Depth","valueLabel":"volume","window":8},"tag":"Series3D"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"Point event addressed to a surface cell (column + bucket); the renderer maps its kind to an effect.","name":"Marker3D","node":{"children":[],"kind":"view-node","props":{"at":{"bucket":1,"column":2},"kind":"settlement","label":"Settlement Event #42","value":5.0},"tag":"Marker3D"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"One topology vertex in a Scene (id + kind hue + weight magnitude); positions are renderer-owned, never grammar-carried.","name":"Node3D","node":{"children":[],"kind":"view-node","props":{"id":"node_gateway","kind":"gateway","label":"Gateway","weight":1.5},"tag":"Node3D"},"props":null},{"category":"visualization","categoryLabel":"Visualization","container":false,"description":"One n-ary relation over an authoritative member SET of Node3D ids; optional ordered parts preserve offer/want or hop semantics without pairwise expansion.","name":"HyperEdge3D","node":{"children":[],"kind":"view-node","props":{"id":"edge_settlement","kind":"settlement","members":["node_alice","node_bob","node_contract","node_vault"],"parts":[["node_alice","node_bob"],["node_contract","node_vault"]],"weight":2.5},"tag":"HyperEdge3D"},"props":null},{"category":"feedback","categoryLabel":"Feedback","container":false,"description":"Persistent inline notification bar.","name":"Banner","node":{"children":[],"kind":"view-node","props":{"body":"Next epoch transition scheduled in 240 seconds. Validator nodes syncing.","intent":"warning","title":"Consensus Epoch Roll"},"tag":"Banner"},"props":{"body":{"required":false,"type":"text"},"id":{"required":false,"type":"text"},"intent":{"default":"info","required":false,"type":"enum","values":["info","success","warning","error"]},"title":{"required":false,"type":"text"}}},{"category":"feedback","categoryLabel":"Feedback","container":false,"description":"Transient notification with optional auto-dismiss and close affordance.","name":"Toast","node":{"children":[],"kind":"view-node","props":{"body":"32KB crystal package synced across 8 peers in 18ms.","dismissible":true,"intent":"success","title":"Atomic Sync Completed"},"tag":"Toast"},"props":{"body":{"required":false,"type":"text"},"dismissible":{"default":false,"required":false,"type":"bool"},"durationMs":{"required":false,"type":"number"},"icon":{"required":false,"type":"text"},"id":{"required":false,"type":"text"},"intent":{"default":"info","required":false,"type":"enum","values":["info","success","warning","error"]},"state":{"default":"visible","required":false,"type":"enum","values":["entering","visible","leaving"]},"title":{"required":false,"type":"text"}}},{"category":"feedback","categoryLabel":"Feedback","container":false,"description":"Loading-state placeholder that mimics the shape of content.","name":"Skeleton","node":{"children":[],"kind":"view-node","props":{"lines":4},"tag":"Skeleton"},"props":null},{"category":"feedback","categoryLabel":"Feedback","container":false,"description":"Progress indicator with accessible range semantics.","name":"Progress","node":{"children":[],"kind":"view-node","props":{"label":"HyperDB Graph Indexing","max":100,"value":84},"tag":"Progress"},"props":null},{"category":"feedback","categoryLabel":"Feedback","container":false,"description":"Accessible error summary.","name":"ErrorMessage","node":{"children":[],"kind":"view-node","props":{"detail":"Single primary <h1> landmark invariant violated on subview.","title":"Verification Refusal (Policy PS-C-1)"},"tag":"ErrorMessage"},"props":null},{"category":"feedback","categoryLabel":"Feedback","container":true,"description":"What a list, table or page shows when it has nothing yet: a short title, an optional explanation, and optional next actions as children.","name":"EmptyState","node":{"children":[{"children":[],"kind":"view-node","props":{"href":"/view/shop/list","label":"Open storefront"},"tag":"Action"}],"kind":"view-node","props":{"body":"Orders appear here once a buyer checks out.","title":"No orders yet"},"tag":"EmptyState"},"props":{"body":{"required":false,"type":"text"},"id":{"required":false,"type":"text"},"intent":{"default":"neutral","required":false,"type":"enum","values":["neutral","error"]},"title":{"required":false,"type":"text"}}},{"category":"feedback","categoryLabel":"Feedback","container":false,"description":"Outlined, tinted status chip. Intent picks a theme tone; color gives a categorical hue. Badge is the filled chip for the same job on primitive surfaces.","name":"Pill","node":{"children":[],"kind":"view-node","props":{"label":"draft"},"tag":"Pill"},"props":{"color":{"required":false,"type":"text"},"id":{"required":false,"type":"text"},"intent":{"default":"neutral","required":false,"type":"enum","values":["neutral","info","success","warning","error"]},"label":{"required":true,"type":"text"},"title":{"required":false,"type":"text"}}},{"category":"overlay","categoryLabel":"Overlay","container":true,"description":"Focus-managed dialog with backdrop and dismiss affordances.","name":"Modal","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"This container executes within CRE8VM with bounded gas and no external host authority."},"tag":"Text"}],"kind":"view-node","props":{"title":"Hermetic Sandboxed Container","trigger":"Open Execution Modal"},"tag":"Modal"},"props":null},{"category":"overlay","categoryLabel":"Overlay","container":true,"description":"Slide-in modal panel with placement (left|right), backdrop, and dismiss affordance. Open state is declarative until the WASM hydrator gains a drawer arm.","name":"Drawer","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Contextual actions and parameter configuration inside sliding drawer panel."},"tag":"Text"}],"kind":"view-node","props":{"id":"settings-drawer","open":true,"placement":"right","title":"Inspector Panel"},"tag":"Drawer"},"props":null},{"category":"overlay","categoryLabel":"Overlay","container":true,"description":"Focus-managed bottom sheet for compact-screen creation and action flows.","name":"BottomSheet","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Contextual actions anchored to the viewport bottom on mobile."},"tag":"Text"}],"kind":"view-node","props":{"title":"Available Options","trigger":"Open Mobile Options"},"tag":"BottomSheet"},"props":null}]{"blank":{"label":"Blank","node":{"children":[],"kind":"view-node","props":{"element":"section"},"tag":"Section"}},"features":{"label":"Feature cards","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"text":"Pages render on the server in milliseconds.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"title":"Fast"},"tag":"Card"},{"children":[{"children":[],"kind":"view-node","props":{"text":"Every record lives on your own runtime.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"title":"Yours"},"tag":"Card"},{"children":[{"children":[],"kind":"view-node","props":{"text":"The same components power every CRE8 app.","variant":"p"},"tag":"Text"}],"kind":"view-node","props":{"title":"Open"},"tag":"Card"}],"kind":"view-node","props":{"columns":3,"title":"What you get"},"tag":"Section"}},"hero":{"label":"Hero","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"Make something people want","variant":"h1"},"tag":"Text"},{"children":[],"kind":"view-node","props":{"text":"One sentence on what this is and who it is for.","variant":"p"},"tag":"Text"},{"children":[{"children":[],"kind":"view-node","props":{"intent":"primary","label":"Get started"},"tag":"Button"},{"children":[],"kind":"view-node","props":{"intent":"secondary","label":"Learn more"},"tag":"Button"}],"kind":"view-node","props":{"gap":"12px"},"tag":"Row"}],"kind":"view-node","props":{"variant":"hero"},"tag":"Section"}},"signup":{"label":"Sign-up card","node":{"children":[{"children":[],"kind":"view-node","props":{"text":"One email a month. Leave any time.","variant":"p"},"tag":"Text"},{"children":[],"kind":"view-node","props":{"kind":"email","label":"Email","name":"email","placeholder":"you@example.com"},"tag":"Input"},{"children":[],"kind":"view-node","props":{"intent":"primary","label":"Sign up"},"tag":"Button"}],"kind":"view-node","props":{"title":"Join the list"},"tag":"Card"}},"stats":{"label":"Stat row","node":{"children":[{"children":[{"children":[],"kind":"view-node","props":{"detail":"+12%","intent":"positive","label":"Visitors","value":"1,204"},"tag":"Stat"},{"children":[],"kind":"view-node","props":{"detail":"+4","intent":"positive","label":"Orders","value":"86"},"tag":"Stat"},{"children":[],"kind":"view-node","props":{"detail":"-1","intent":"neutral","label":"Returns","value":"3"},"tag":"Stat"}],"kind":"view-node","props":{"gap":"16px"},"tag":"Row"}],"kind":"view-node","props":{"title":"This week"},"tag":"Section"}}}{"children":[{"children":[],"kind":"view-node","props":{"text":"Make something people want","variant":"h1"},"tag":"Text"},{"children":[],"kind":"view-node","props":{"text":"One sentence on what this is and who it is for.","variant":"p"},"tag":"Text"},{"children":[{"children":[],"kind":"view-node","props":{"intent":"primary","label":"Get started"},"tag":"Button"},{"children":[],"kind":"view-node","props":{"intent":"secondary","label":"Learn more"},"tag":"Button"}],"kind":"view-node","props":{"gap":"12px"},"tag":"Row"}],"kind":"view-node","props":{"variant":"hero"},"tag":"Section"}