Raised command rails, recessed data entry, and selected seams communicate state without turning the frame into thick simulated hardware.
Refined workbench layer · Version 2
Shared workbench structures for Hara tools.
This page compares browser-runtime, environment, 3D, node/material, and animation workbenches. Each specimen identifies its toolbar, docks, inspector, viewport, capabilities, status, and responsive collapse order.
← Return to the v2 reference · Open Hara Chrome runtime screens →
Workbench specimen 04 · Embedded environment
Live environment
A reusable shell for code, graphics, navigation, frontmatter, sessions, files, canvas controls, and optional 3D capabilities. The visual language renders initial semantic state; the host application owns switching and commands.
- Scope
- isolated This workbench only
- Session
- live-environment-01 generation 7
- Filesystem
- memory:live-environment-01 browser owned
- File
- src/main.hal source revision 18
- Runtime
- Whole-Wasm canvas/2d · file/read
- Published
- Not published local draft
draw / focusframe 284
(defn draw-frame [ctx state]
(draw/clear ctx :graphite)
(draw/grid ctx {:spacing 32 :alpha 0.12})
(draw/node ctx (:focus state))
(draw/receipt ctx {:generation 7
:revision 18}))Workbench specimen 01 · Spatial tooling
3D editor
A dense command frame for object selection, scene hierarchy, viewport work, property inspection, and persistent runtime status. Chrome remains structural while the viewport carries the visual weight.
Project / Materials
Asset shelf
The property inspector disappears before the outliner; both disappear before the asset shelf so the working field remains primary.
Toolbar, dock, inspector, overlay, and status components are package primitives rather than specimen-specific containers.
Workbench specimen 02 · Graph tooling
Node / material editor
A graph-centred surface with compact command tabs, a searchable node catalogue, shared property inspection, asset context, and a floating palette that uses the same material language as docked panels.
Project / Surfaces
Material assets
The floating command palette uses the same header, seams, and material tokens as docked catalogues and inspectors.
Node colour is semantic and sparse; the canvas and connections carry the content while chrome stays neutral.
Command hints and roving tab semantics support high-frequency editor use without relying on text-link navigation.
Workbench specimen 03 · Temporal tooling
Scene / animation editor
A transport-led scene editor with a persistent timeline, rig hierarchy, viewport overlays, and compact animation properties. It tests horizontal density without losing the same shared command language.
Action / Sentinel turn
Timeline
124487296120
48
Root
Spine / 02
Arm.L
Arm.R
Signal
The shared bottom dock supports timeline rulers, tracks, keys, and a playhead without creating a separate visual system.
Pressed transport controls, active bones, keyed tracks, and frame telemetry use selection and state rather than decorative colour.
Inspector and status regions leave room for Hara-native provenance, agent authorship, and deterministic motion receipts.