fix(studio): render complete interactive gallery previews

docs/releases/2026-10-19-studio-interactive-gallery.md

@@ -0,0 +1,55 @@
+# Studio interactive gallery release
+
+Packages: Studio 0.1.4, design-system 0.1.1, compiler 0.8.45, UI 0.8.120.
+
+## Result
+
+All 104 gallery entries now have explicit sample props and content. Collection
+components receive rows, options, messages, tabs, tree nodes or metrics rather
+than empty defaults. Layout components receive slot content, including the
+conditional templates instantiated after hydration. Composite components render
+their nested shipped components instead of leaving empty mount placeholders.
+
+Previews include generated browser functions for the shipped components. Local
+Chart.js and Drawflow bundles render their real providers. Icon masks use the
+shipped Lucide collection, including its aliases; no CDN or icon font is needed.
+The map uses a labeled local schematic and supports marker selection and zoom.
+DeviceFrame shows local content and supports rotation. Toaster has a sample
+notification trigger; Confetti has room to animate without nested scrollbars.
+
+Large examples span the available gallery width. Sample output events are
+visible, and preview links do not navigate the frame to unrelated routes. Forms
+and uploads remain demonstrations: they do not submit user data. The editor
+reports rendering, readiness, and failures while preserving the draft. Readiness
+messages must come from the current preview window and match its document path.
+
+Switch tracks retain pill geometry across presets and older saved recipes. The
+component's semantic shape takes precedence over the ordinary control radius.
+DeviceFrame now uses the existing motion-base token rather than an undefined
+motion-normal token. The visual-contract update contains only those two files.
+
+A generated compiler commit variable shadowed FlowCanvas's `pending` state and
+threw during interaction. Commit bookkeeping now uses short names allocated
+against authored bindings. Tests cover pending, values, committed and the helper
+prefixes, while the generated-module size ratchet continues to pass.
+
+The user authorized including the concurrently edited chart-label improvements.
+Painted category ticks shorten at compact widths; complete labels remain in
+wrapped tooltips. Existing caller-provided callbacks remain authoritative.
+
+## Verification
+
+- Combined compiler, UI, design-system and Studio run: 548 passing tests.
+- TypeScript, public API baseline and UI visual-contract checks pass.
+- Gallery tests verify 104 sample cards, local assets, generated functions,
+  populated slots and absence of unresolved nested component mounts.
+- Browser review covers all seven pages, with 16 samples on the first six and
+  eight on the last. Actual checks include accordion expansion, Switch toggling
+  and its computed 999px radius, modal content, chart canvas creation, table rows,
+  graph nodes and selection, Confetti start, data-map selection, map zoom/selection
+  and a visible notification. No external map/embed access is required.
+- Existing draft schema, validation, generation locks and APIs remain unchanged.
+
+Source sample data is adapted from the existing component showcase profiles and
+reviewed as fixed Studio fixtures. The package has no runtime dependency on the
+component-showcase checkout. New contracts must receive a fixture before shipping.

docs/ui-visual-contract-0.8.json

@@ -29,7 +29,7 @@
     "packages/ui/components/DataMap.wrn": "66752f98718c748f25e0eed76d39f504fc20b26d3b3ae841db85f5d5f02df6cb",
     "packages/ui/components/DataTable.wrn": "c25aa8849d140562970cd2ffaa33b720cc903e809ef7fb20a564425e8295d5b9",
     "packages/ui/components/DatePicker.wrn": "107be1aa2ae2b329b50c9063f2f25bf4ac7dccebe6a2b6ca412cc12afac8f3af",
-    "packages/ui/components/DeviceFrame.wrn": "20485a867f404098afec5814174e3f83ca7110e193c787027c8b755bb1f5909e",
+    "packages/ui/components/DeviceFrame.wrn": "ae6a19ee27ba24d5673e3b4fa951bfcf8f12f6ef40bad0e61f349666e13afa64",
     "packages/ui/components/Divider.wrn": "3d1065aa2dccb11f31eff35105ce7a3a0321317850e4df02b6c298e4a492cadc",
     "packages/ui/components/DragAndDrop.wrn": "5af6c01a9b58eca44868205708f47738c1c2b25589b94035cb2f4f31eec06ba6",
     "packages/ui/components/Drawer.wrn": "54f4a07464cc7bcd3f52453207c568d81044fca45850ca2ec1d8b6e6442b24d5",
@@ -103,7 +103,7 @@
     "packages/ui/components/select.wrn": "9bb6c0a6238c76ef1b96ecc30eee1e7208abc6b1d195d9f0880244aada465791",
     "packages/ui/components/skeleton.wrn": "8bf41be508416c9cb3dc05103bde9ae944499da12ea244fe853749daaed07f3f",
     "packages/ui/components/spinner.wrn": "0144152d936a861ffcd3c37f226ede28d31c0dc945f3c3cf85474db5b4335cf9",
-    "packages/ui/components/switch.wrn": "00a40becd26bc7ddc63954f1c8856b3c9b0a4ad13b78c8db5c86910bc9e260d0",
+    "packages/ui/components/switch.wrn": "e769639a573798ceb658bf0e901cd4d7612c28f79de09655c6b7c9f1a95c1cf1",
     "packages/ui/components/textarea.wrn": "e1402419f3f6bd91b2119a8a49704683cabfba3329a9806c4a78242fd0ff0036",
     "packages/ui/components/tooltip.wrn": "2bd977b0b8e6fccfeac4ea96b71d01065a237779243d3b8236db34448ea3b381",
     "packages/ui/styles/SelectStyles.wrn": "b84470cf11d6830963adc58c595776d843ed8b126c0fe242dd8e961aace991fa",