Before
Paper, comfortable spacing and default Dealer sort.
04 / UX WORKSPACE STUDIO
Your workspace.
Your working rhythm.
Change the system, then put it to work. Appearance follows you across the new Lab demos. Each table keeps its own arrangement.
Saved workspace
Rehearse without replacing your settings.
Start a temporary walkthrough after the normal workspace has loaded. Presets, undo, resets, imports and table edits then stay in this page. Reload returns to your saved settings; storage-denied settings last only in the current page.
Use temporary defaults now? This checkpoints the loaded workspace. Normal startup migration and expiry handling have already occurred. Saved preference envelopes will stay unchanged during the walkthrough.
No temporary walkthrough is active. Ordinary appearance and table edits are saved in this browser.
After
Operations layout, named multi-sort and reordered columns.
Failure
A synthetic unsupported theme; validation rejects it.
Recovery
Repeat the temporary reset; keep the first checkpoint.
Confirm the temporary walkthrough before choosing a scene. A scene deep link only navigates.
Optional computer tutorial tools.
Load the script panel, presentation controls and future-video planning only when you want them. They do not reset the workspace.
Optional recording resources have not loaded.
Open the recording guide · Read the full script without JavaScript
02
Try the surfaces
Synthetic workspaceDecisions deserve room.
This preview exercises text, navigation, forms, buttons, tables and overlays. It uses the same appearance contract as the other shared-shell demos. Third-party map and native browser internals remain outside this contract.
A useful form, at every density.
A table that remembers the work.
Sort headers, or use the controls for a keyboard-friendly multi-column sort. Search terms should remain synthetic.
Loading DataTables and the synthetic dealer list…
No dealers in this preview.
Your table preferences are preserved. Select “Restore dealer data” to continue.
03 / TAKE THE PREFERENCES WITH YOU
A small, inspectable contract.
Export appearance and this table's validated settings. Import accepts a versioned JSON document up to 16 KiB. It rejects unknown tokens, executable content, regular-expression flags and other demos' scopes before making changes.
Load the table before exporting or importing its preferences.
Inspect or paste a preference document
Nothing is executed. Import changes appearance across the new Lab demos and only this Studio table.
The owned-surface contract
This inventory covers Studio and the shared appearance contract it edits. Each route still owns its application behavior and may have additional styling. It does not promise control of every Zyel page or third-party internal.
- Nine authored appearance choices
- Theme, font, type scale, spacing, density, navigation layout, corners, motion and focus map to allowlisted root attributes and authored CSS. No stylesheet, template, font URL or executable HTML is imported.
- Shared shells and architecture
- GIS Territory Explorer, AI Integration Workbench, Vue Dealer Portal, Studio, Input Resilience and the architecture field note share the appearance runtime. Header/navigation/footer, text, controls and authored panels use shared tokens; route-specific states are reviewed by their owners.
- Studio workspace and scenes
- Metrics, preview navigation, surface cards, presets, nine controls, appearance undo/reset, confirmed temporary checkpoint and before/after/rejection/recovery scenes are authored here. Top/side layout also changes the shared Lab shell.
- Data table and its controls
- DataTables 3.1.4 and ColReorder 3.1.2 own table rows. Named ascending/descending/multi-sort, bounded search/per-column filters, length/page, visibility/order, keyboard moves, selection and temporary empty rehearsal are exercised here.
- Forms, buttons and overlays
- Labelled native inputs/selects/checkboxes, submit-only required validation, visible focus, file/JSON transfer and named native dialog follow authored tokens. Browser-native picker/menu details may differ. Form content is not stored or sent.
- Recording controls and resources
- The optional shared panel, presentation/Escape, safe snippet copy/fallback, speaker notes, chapter links and draft transcript inherit this route's appearance. recording.html and the full numbered script describe actual UI actions. Future URL validation is local; no iframe or video is attached.
- Tutorial and evidence surfaces
- Nine stable checkpoints include code, alternatives/pros/cons, pitfalls and verification/results. Script/code blocks, source links, state evidence and the recording guide are part of this package. Private review reports and raw recording diagnostics are excluded from public release.
- Loading, failure and persistence
- Loading/dependency fallback, empty table, rejected/stale import, storage denied/quota, busy controls and restore/reload recovery are explicit states. Thirty-day global and per-route/table preferences are browser/device-local, with page-memory fallback.
- Boundaries and separate routes
- Answer-first Gateway has standalone presentation. Celebration effects, unrelated production templates, Esri/native internals, credentials, business records and account sync are outside this contract. No isolated WordPress installation was tested; no WordPress capability is established.
Inspect the reversible-session implementation · Follow the recording storyboard
Implementation evidence
Plain JavaScript modules, allowlisted CSS tokens and shared DataTables persistence. All dealer data and interactions here are synthetic. This prototype demonstrates implementation choices; it does not establish production traffic, compliance, client references or people-management experience.
Waiting for the preference contract…
Appearance preferences apply to the four demos in this release. The separately authored Answer-first Gateway retains its standalone local presentation.