@elabs-ai/components-ui 5.1.0 → 5.3.0

package/dist/index.js

@@ -12,7 +12,7 @@ import {
 import {
   STREAMDOWN_TRANSLATION_KEYS,
   useStreamdownTranslations
-} from "./chunk-HDS64Z5L.js";
+} from "./chunk-DIL73NE3.js";
 import {
   downloadBlob,
   downloadUrl
@@ -84,7 +84,7 @@ import {
 import "./chunk-2AABRSIN.js";
 import {
   WorkspacePicker
-} from "./chunk-SWQCCR6Q.js";
+} from "./chunk-U7FC5J6J.js";
 import {
   formatLastOpened
 } from "./chunk-BZQF5QCN.js";
@@ -100,26 +100,26 @@ import {
   ResultCount,
   ViewToolbar,
   ViewToolbarFilters
-} from "./chunk-RHVYRQN4.js";
+} from "./chunk-7ZJLR6RP.js";
 import "./chunk-4HTVJZVG.js";
 import {
   VirtualSelect
-} from "./chunk-HXQ4MDCH.js";
+} from "./chunk-F6FF4EJN.js";
 import {
   useVirtualListbox
 } from "./chunk-AFJCS2WV.js";
 import "./chunk-W7I2X6VI.js";
 import {
   Transfer
-} from "./chunk-C2ICCCP5.js";
+} from "./chunk-A4ZSNEZD.js";
 import "./chunk-4ACT7RLU.js";
 import {
   TreeSelect
-} from "./chunk-M5WPZXBA.js";
+} from "./chunk-JU4KW7JN.js";
 import "./chunk-5YZLOAKR.js";
 import {
   Tree
-} from "./chunk-MDQYRES4.js";
+} from "./chunk-5KNLME6F.js";
 import {
   useTreeKeyboard
 } from "./chunk-ZI2OXD6L.js";
@@ -142,11 +142,11 @@ import {
   ToolbarToggleGroup,
   ToolbarToggleItem,
   toolbarVariants
-} from "./chunk-ERTYAID6.js";
+} from "./chunk-5QQFXDUY.js";
 import "./chunk-DSGTH6JW.js";
 import {
   ThemeSwitcher
-} from "./chunk-KBWHHAI3.js";
+} from "./chunk-2ZWUTZHE.js";
 import {
   useThemeTransition
 } from "./chunk-YIFB24WW.js";
@@ -163,7 +163,7 @@ import {
 import "./chunk-B2RSOLLO.js";
 import {
   TeamSwitcher
-} from "./chunk-QLM3KTAQ.js";
+} from "./chunk-C6I5I5LA.js";
 import "./chunk-2SBYBN45.js";
 import {
   DEFAULT_THEME_FAMILY_SWITCH_LABELS,
@@ -190,7 +190,7 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "./chunk-4DZGAY6R.js";
+} from "./chunk-ZESSUMCO.js";
 import "./chunk-CEQER4CV.js";
 import {
   SplitPanel,
@@ -200,12 +200,12 @@ import "./chunk-AA3SPDJU.js";
 import {
   DEFAULT_SPEC_PLAYGROUND_LABELS,
   SpecPlayground
-} from "./chunk-SSQG36MH.js";
-import "./chunk-QF6UWWDY.js";
+} from "./chunk-34CYSZ2F.js";
+import "./chunk-C4FZWPI4.js";
 import "./chunk-5P4BSHIG.js";
 import {
   SliderNumber
-} from "./chunk-L6A3RXCU.js";
+} from "./chunk-ZGNWDYSC.js";
 import "./chunk-U7QYCYHC.js";
 import {
   Slider
@@ -213,7 +213,7 @@ import {
 import "./chunk-DIQJODQR.js";
 import {
   SideDock
-} from "./chunk-OGTILHKP.js";
+} from "./chunk-Y3CKZ7SH.js";
 import "./chunk-WNIVCHDP.js";
 import {
   SectionHeader
@@ -247,7 +247,7 @@ import {
   RevisionTimeline,
   laneColor,
   revisionTimelineVariants
-} from "./chunk-GWHO5ACE.js";
+} from "./chunk-FNRVVVXX.js";
 import "./chunk-FHDJKH2A.js";
 import {
   SchemaForm,
@@ -261,7 +261,7 @@ import {
   SchemaFormSubmit,
   SchemaFormTestAction,
   SchemaFormTitle
-} from "./chunk-BDOG4YSM.js";
+} from "./chunk-VAWYYETZ.js";
 import "./chunk-HLMFRCFE.js";
 import "./chunk-BWL7HWEF.js";
 import {
@@ -326,7 +326,7 @@ import {
   PaginationLink,
   PaginationNext,
   PaginationPrevious
-} from "./chunk-BRL2HMZJ.js";
+} from "./chunk-PFGQDW3H.js";
 import "./chunk-SMTAPQEQ.js";
 import {
   PARALLAX_MAX_TRAVEL,
@@ -344,11 +344,11 @@ import {
 import "./chunk-LLQWLZ75.js";
 import {
   NavNotifications
-} from "./chunk-NRPZ3BH4.js";
+} from "./chunk-I3LBIBVN.js";
 import "./chunk-UCEVPLR5.js";
 import {
   NavUser
-} from "./chunk-FLCQKC64.js";
+} from "./chunk-MIWFBH5S.js";
 import "./chunk-USI4LB3N.js";
 import {
   NavigationMenu,
@@ -363,12 +363,12 @@ import {
 import "./chunk-QODOFLHL.js";
 import {
   MetricCard
-} from "./chunk-IE5GWE72.js";
+} from "./chunk-CF7YSCCA.js";
 import "./chunk-LDOCY4SU.js";
 import "./chunk-YK4H7VWM.js";
 import {
   ModelPicker
-} from "./chunk-V5QCJHDA.js";
+} from "./chunk-FC2LHNJG.js";
 import {
   countItems,
   modelPickerBody,
@@ -377,7 +377,7 @@ import {
 import "./chunk-QDJHUNBQ.js";
 import {
   NavMain
-} from "./chunk-UQPW7INX.js";
+} from "./chunk-XE6GYGWS.js";
 import "./chunk-OYKS7YHE.js";
 import {
   MatchHighlight,
@@ -393,7 +393,7 @@ import {
   MentionInputList,
   MentionInputTextarea,
   useMentionInput
-} from "./chunk-4DWIMWR5.js";
+} from "./chunk-JQIXRCLG.js";
 import {
   defaultMentionFilter,
   insertMention,
@@ -433,19 +433,19 @@ import {
 import "./chunk-4YOFSGHD.js";
 import {
   ListEditor
-} from "./chunk-ALNJV4XB.js";
+} from "./chunk-WDZ47ZTX.js";
 import "./chunk-4PXDZR2W.js";
 import {
   LoadingState
-} from "./chunk-GMXSCEYN.js";
+} from "./chunk-R6CITZBB.js";
 import "./chunk-CRVB4SLG.js";
 import {
   KeyValueEditor
-} from "./chunk-NZUKZRT7.js";
+} from "./chunk-A3TT32GE.js";
 import "./chunk-ZE2H4J3P.js";
 import {
   KeyboardShortcuts
-} from "./chunk-ZRMF4YAS.js";
+} from "./chunk-FCVHZDP7.js";
 import "./chunk-G72UOVKS.js";
 import {
   LinkPreview,
@@ -520,7 +520,7 @@ import {
   FileUploadItem,
   FileUploadList,
   useFileUpload
-} from "./chunk-RYPK72YP.js";
+} from "./chunk-CGY25FAG.js";
 import "./chunk-X4FE7UKP.js";
 import {
   Progress,
@@ -530,18 +530,18 @@ import "./chunk-ISWUCXEZ.js";
 import "./chunk-XGX3UFLD.js";
 import {
   EmptyState
-} from "./chunk-E3GNYOLS.js";
+} from "./chunk-64BKIIJC.js";
 import "./chunk-HZPNST7D.js";
 import {
   ErrorState
-} from "./chunk-RIYDAMSQ.js";
+} from "./chunk-YA2CG4YL.js";
 import {
   ExpandDialog,
   ExpandDialogContent,
   ExpandDialogHeader,
   ExpandDialogPanes,
   expandDialogPanesVariants
-} from "./chunk-W35X6J5P.js";
+} from "./chunk-SD5MGHIJ.js";
 import "./chunk-Z4CYBG3H.js";
 import {
   Descriptions,
@@ -567,12 +567,12 @@ import {
 import "./chunk-CRGGGHAM.js";
 import {
   ContextRail
-} from "./chunk-ENL3CCZB.js";
+} from "./chunk-PCNQ6NP2.js";
 import "./chunk-LJGWA2XL.js";
 import "./chunk-RF7JSNXJ.js";
 import {
   CopyableValue
-} from "./chunk-CEDK5GM2.js";
+} from "./chunk-5AJQUJ5C.js";
 import "./chunk-FAOX6A5D.js";
 import {
   Toaster,
@@ -581,11 +581,11 @@ import {
 import "./chunk-DXDLTYTT.js";
 import {
   DatePicker
-} from "./chunk-2DFB4YTK.js";
+} from "./chunk-SJHDX73F.js";
 import "./chunk-YZVXIPBC.js";
 import {
   DateRangePicker
-} from "./chunk-3EDNWHWD.js";
+} from "./chunk-SR3SC2Q3.js";
 import "./chunk-7WIHVGYL.js";
 import {
   CommandTrigger
@@ -597,11 +597,11 @@ import {
 import "./chunk-OITCRC5D.js";
 import {
   ConfirmDialog
-} from "./chunk-JTY3REOB.js";
+} from "./chunk-BGXBANS2.js";
 import "./chunk-AQNLEP5F.js";
 import {
   Spinner
-} from "./chunk-W7OIVERI.js";
+} from "./chunk-ONXBRQJT.js";
 import "./chunk-VH7GG77B.js";
 import {
   ContextMenu,
@@ -623,11 +623,11 @@ import "./chunk-HPUPDT4Q.js";
 import {
   COLOR_TOKENS,
   ColorPicker
-} from "./chunk-MY5H6D5Y.js";
+} from "./chunk-C4FNDXBM.js";
 import "./chunk-WOMO5CZ7.js";
 import {
   Combobox
-} from "./chunk-HHZJALGA.js";
+} from "./chunk-WL2EZDSD.js";
 import "./chunk-OR4NVFPH.js";
 import {
   Command,
@@ -640,7 +640,7 @@ import {
   CommandSeparator,
   CommandShortcut,
   useCommandActiveItemId
-} from "./chunk-CY5ISPFB.js";
+} from "./chunk-RHZSAWAU.js";
 import "./chunk-IM5VJP6T.js";
 import {
   Dialog,
@@ -656,7 +656,7 @@ import {
   DialogTitle,
   DialogTrigger,
   dialogContentVariants
-} from "./chunk-BYFRDLDL.js";
+} from "./chunk-FKDI2T7X.js";
 import "./chunk-C753P3VJ.js";
 import {
   PROSE_HEADING_REM,
@@ -680,7 +680,9 @@ import {
 import {
   useDialogDismissGuard
 } from "./chunk-L3SHPHLK.js";
-import "./chunk-L37QZALU.js";
+import {
+  mergeRefs
+} from "./chunk-L37QZALU.js";
 import "./chunk-AFEFAGPW.js";
 import {
   Popover,
@@ -723,7 +725,7 @@ import {
   CarouselItem,
   CarouselNext,
   CarouselPrevious
-} from "./chunk-ZALGMUSW.js";
+} from "./chunk-HUXLE3K3.js";
 import "./chunk-MZDL7N52.js";
 import {
   ChangeReview,
@@ -733,7 +735,7 @@ import {
   ChangeReviewProvenance,
   ChangeReviewProvider,
   hunkVariants
-} from "./chunk-CEHCVDYR.js";
+} from "./chunk-U7CSWQAE.js";
 import {
   formatElapsed
 } from "./chunk-3P7SRCDB.js";
@@ -753,7 +755,7 @@ import {
 import {
   StatePanel,
   statePanelVariants
-} from "./chunk-Y33ZFTMR.js";
+} from "./chunk-FWAFP76U.js";
 import {
   ILLUSTRATION_ACCENT_VAR,
   illustrationAccent
@@ -794,11 +796,11 @@ import {
 import "./chunk-ZEMTALKO.js";
 import {
   BoundedNumber
-} from "./chunk-MRBDJASL.js";
+} from "./chunk-SQLEVIAD.js";
 import "./chunk-CY624JOL.js";
 import {
   NumberInput
-} from "./chunk-GTDCC4YX.js";
+} from "./chunk-IV6OYZTL.js";
 import "./chunk-UG5TKXTK.js";
 import {
   InputGroup,
@@ -823,7 +825,7 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator
-} from "./chunk-VC4GKLZL.js";
+} from "./chunk-EHN5ZAHP.js";
 import "./chunk-L66VJIRD.js";
 import {
   AspectRatio
@@ -832,7 +834,7 @@ import "./chunk-4UWOADYM.js";
 import {
   AttributionPanel,
   CATEGORY_LABEL
-} from "./chunk-AXHMQOIZ.js";
+} from "./chunk-3GJLYUZ6.js";
 import "./chunk-V2S5DINS.js";
 import {
   ScrollArea,
@@ -840,7 +842,7 @@ import {
 } from "./chunk-IVEDMK5U.js";
 import {
   ATTRIBUTIONS
-} from "./chunk-HANBQNW3.js";
+} from "./chunk-U7ADXWTI.js";
 import "./chunk-OEPN373X.js";
 import {
   Avatar,
@@ -875,7 +877,7 @@ import {
 import "./chunk-VHLPJ4XW.js";
 import {
   AppSidebar
-} from "./chunk-4VCU3GFI.js";
+} from "./chunk-UVVVKPSH.js";
 import "./chunk-MPMMU3QI.js";
 import {
   Sidebar,
@@ -903,7 +905,7 @@ import {
   SidebarTrigger,
   sidebarMenuButtonVariants,
   useSidebar
-} from "./chunk-HWVU636Q.js";
+} from "./chunk-A3JF66ZC.js";
 import "./chunk-R5JYMCEA.js";
 import {
   Sheet,
@@ -915,7 +917,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "./chunk-FXC64HLD.js";
+} from "./chunk-S7YR3FYZ.js";
 import "./chunk-ZXVPEQM5.js";
 import {
   Skeleton
@@ -956,7 +958,7 @@ import {
 import "./chunk-HHVULJGX.js";
 import {
   AdvancedGroup
-} from "./chunk-PSXUEWUS.js";
+} from "./chunk-LVY7B5PD.js";
 import "./chunk-XYFEQHEM.js";
 import {
   Collapsible,
@@ -972,10 +974,10 @@ import "./chunk-6ROQKB4U.js";
 import {
   LocaleProvider,
   useLocale
-} from "./chunk-EJQYE4MY.js";
+} from "./chunk-OFFWEDKY.js";
 import {
   DEFAULT_MESSAGES
-} from "./chunk-6TJVJPNU.js";
+} from "./chunk-O6AIFSTX.js";
 import "./chunk-RHXVQZOW.js";
 import {
   AlertDialog,
@@ -1471,6 +1473,7 @@ export {
   mediaTypeFromName,
   mentionAt,
   mentionEnd,
+  mergeRefs,
   meterFillVariants,
   meterVariants,
   modelPickerBody,

package/dist/lib/streamdown-translations.js

@@ -3,10 +3,10 @@
 import {
   STREAMDOWN_TRANSLATION_KEYS,
   useStreamdownTranslations
-} from "../chunk-HDS64Z5L.js";
+} from "../chunk-DIL73NE3.js";
 import "../chunk-6ROQKB4U.js";
-import "../chunk-EJQYE4MY.js";
-import "../chunk-6TJVJPNU.js";
+import "../chunk-OFFWEDKY.js";
+import "../chunk-O6AIFSTX.js";
 import "../chunk-DCHYNTHI.js";
 export {
   STREAMDOWN_TRANSLATION_KEYS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elabs-ai/components-ui",
-  "version": "5.1.0",
+  "version": "5.3.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -81,7 +81,7 @@
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "react-hook-form": "^7.54.2",
-    "@elabs-ai/components-tokens": "^5.1.0"
+    "@elabs-ai/components-tokens": "^5.3.0"
   },
   "peerDependenciesMeta": {
     "@hookform/resolvers": {
@@ -113,7 +113,7 @@
     "vitest": "^3.0.2",
     "zod": "^3.24.1",
     "@elabs-ai/components-eslint-config": "0.1.0",
-    "@elabs-ai/components-tokens": "5.1.0",
+    "@elabs-ai/components-tokens": "5.3.0",
     "@elabs-ai/components-typescript-config": "0.1.0"
   },
   "scripts": {

package/src/components/attribution-panel/attributions.generated.ts

@@ -2,7 +2,7 @@
 // Run `pnpm gen` after changing a dependency, a vendored font, or
 // scripts/attributions.sources.json. `pnpm gen:check` fails on a stale copy.
 //
-// 122 entries (data: 4, source: 20, font: 2, dependency: 96).
+// 123 entries (data: 4, source: 20, font: 2, dependency: 97).
 
 import type { Attribution } from "./attribution-types";
 
@@ -340,7 +340,7 @@ export const ATTRIBUTIONS: readonly Attribution[] = [
     license: "MIT",
     copyright: "Claudéric Demers",
     url: "https://www.npmjs.com/package/@dnd-kit/core",
-    usedBy: ["@elabs-ai/components-charts", "@elabs-ai/components-data"],
+    usedBy: ["@elabs-ai/components-data"],
     required: false,
     note: null,
   },
@@ -1208,6 +1208,18 @@ export const ATTRIBUTIONS: readonly Attribution[] = [
     required: false,
     note: null,
   },
+  {
+    id: "mdast-util-directive",
+    category: "dependency",
+    name: "mdast-util-directive",
+    version: "3.1.0",
+    license: "MIT",
+    copyright: "Titus Wormer",
+    url: "https://www.npmjs.com/package/mdast-util-directive",
+    usedBy: ["@elabs-ai/components-editor"],
+    required: false,
+    note: null,
+  },
   {
     id: "mermaid",
     category: "dependency",
@@ -1220,6 +1232,18 @@ export const ATTRIBUTIONS: readonly Attribution[] = [
     required: false,
     note: null,
   },
+  {
+    id: "micromark-extension-directive",
+    category: "dependency",
+    name: "micromark-extension-directive",
+    version: "4.0.0",
+    license: "MIT",
+    copyright: "Titus Wormer",
+    url: "https://www.npmjs.com/package/micromark-extension-directive",
+    usedBy: ["@elabs-ai/components-editor"],
+    required: false,
+    note: null,
+  },
   {
     id: "motion",
     category: "dependency",
@@ -1484,16 +1508,4 @@ export const ATTRIBUTIONS: readonly Attribution[] = [
     required: false,
     note: null,
   },
-  {
-    id: "zustand",
-    category: "dependency",
-    name: "zustand",
-    version: "5.0.15",
-    license: "MIT",
-    copyright: "Paul Henschel",
-    url: "https://www.npmjs.com/package/zustand",
-    usedBy: ["@elabs-ai/components-charts"],
-    required: false,
-    note: null,
-  },
 ] as const;

package/src/components/locale-provider/messages.ts

@@ -419,6 +419,13 @@ export const DEFAULT_MESSAGES: Record<string, MessageValue> = {
   "charts.gantt.unitMinute": "Minute",
   "charts.gantt.unitSecond": "Second",
   "charts.gantt.unitMillisecond": "Millisecond",
+  // Gantt zoom controls (the scale buttons are presets; these move the density freely).
+  "charts.gantt.zoom": "Zoom",
+  "charts.gantt.zoomIn": "Zoom in",
+  "charts.gantt.zoomOut": "Zoom out",
+  "charts.gantt.zoomToFit": "Fit to width",
+  "charts.gantt.scrollToToday": "Today",
+  "charts.gantt.scrollToTask": "Scroll to {name}",
   // BulletChart (Few's bullet graph, RM-061). The SVG is aria-hidden, so this
   // sentence — built from these fragments — is the ONLY thing AT reads: it
   // states the value, its relationship to the target, and which qualitative
@@ -464,6 +471,46 @@ export const DEFAULT_MESSAGES: Record<string, MessageValue> = {
   "charts.dashboard.edit.moveCancelled": "Move cancelled. Restored to column {x}, row {y}",
   "charts.dashboard.edit.resizeCancelled":
     "Resize cancelled. Restored to column {x}, row {y}, size {w} by {h}",
+  // dashboard pack rebuild: locked tiles, the empty sheet, the edit-mode tile chrome.
+  "charts.dashboard.edit.locked": "{title} is locked",
+  "charts.dashboard.edit.lock": "Lock position and size",
+  "charts.dashboard.edit.unlock": "Unlock",
+  "charts.dashboard.edit.emptyTitle": "This sheet is empty",
+  "charts.dashboard.edit.emptyDescription":
+    "Drag a tile from the asset panel onto the sheet, or press Add in the toolbar.",
+  "charts.dashboard.edit.emptyViewTitle": "Nothing to show yet",
+  "charts.dashboard.edit.emptyViewDescription": "Switch to Edit to add the first tile.",
+  "charts.dashboard.edit.tileDuplicate": "Duplicate {title}",
+  "charts.dashboard.edit.tileDelete": "Delete {title}",
+  "charts.dashboard.edit.tileProperties": "Properties of {title}",
+  "charts.dashboard.edit.tileMore": "More actions for {title}",
+  "charts.dashboard.toolbar.assets": "Assets",
+  "charts.dashboard.toolbar.properties": "Properties",
+  "charts.dashboard.toolbar.layout": "Layout",
+  "charts.dashboard.toolbar.showGrid": "Show grid",
+  "charts.dashboard.toolbar.tidyUp": "Tidy up",
+  "charts.dashboard.toolbar.tidyUpDescription": "Reflow every tile into a clean reading order",
+  "charts.dashboard.toolbar.selectAll": "Select all",
+  "charts.dashboard.toolbar.deleteSelection": "Delete selection",
+  "charts.dashboard.toolbar.duplicateSelection": "Duplicate selection",
+  "charts.dashboard.toolbar.editSheet": "Edit sheet",
+  "charts.dashboard.toolbar.done": "Done",
+  "charts.dashboard.toolbar.more": "More",
+  "charts.dashboard.toolbar.saved": "All changes saved",
+  "charts.dashboard.toolbar.layoutFor": "Layout for",
+  "charts.dashboard.toolbar.layoutBase": "Desktop",
+  "charts.dashboard.toolbar.layoutMd": "Tablet",
+  "charts.dashboard.toolbar.layoutSm": "Phone",
+  "charts.dashboard.toolbar.gridDensityNow": "{columns} × {rows} cells",
+  "charts.dashboard.toolbar.gridDensityFlow": "{columns} columns · {rowHeight} px rows",
+  "charts.dashboard.properties.layout": "Layout",
+  "charts.dashboard.properties.column": "Column",
+  "charts.dashboard.properties.row": "Row",
+  "charts.dashboard.properties.width": "Width",
+  "charts.dashboard.properties.height": "Height",
+  "charts.dashboard.properties.lockedDescription":
+    "A locked tile keeps its cells when others move.",
+  "charts.dashboard.properties.noRoom": "No room for that size here",
   // dashboard toolbar — RM-079: mode switch, undo/redo, grid settings, save/discard, shortcuts.
   "charts.dashboard.toolbar.ariaLabel": "Dashboard toolbar",
   "charts.dashboard.toolbar.viewMode": "View",

package/src/components/metric-card/metric-card.tsx

@@ -31,7 +31,7 @@ function formatResolvedNumber(
 
 /*
  * ADR 0012: this is the ONE KPI tile — `@elabs-ai/components-charts` re-exports it.
- * RM-072 adds `size` (sm | md | lg) for dashboard-sheet tiles and a `sparkline`
+ * RM-072 adds `size` (sm | md | lg) for dashboard tiles and a `sparkline`
  * slot under the value. `ui` never imports `charts`: the host passes the
  * `<Sparkline …/>` element in.
  */

package/src/components/spec-playground/locate-json-path.ts

@@ -1,7 +1,7 @@
 /**
  * Map a validator's error `path` onto a line of the JSON text it came from, so clicking an
  * error can put the caret there. Paths are JSON-path-like and tolerant of both house styles:
- * `root.children[2].props.variant` (A2UI) and `$.tiles[3].layout.w` (DashboardSpec).
+ * `root.children[2].props.variant` (A2UI) and `$.tiles[3].layout.w` (any tile spec).
  *
  * The scanner is deliberately small: it walks well-formed JSON, recording where each key or
  * array element starts, and returns the DEEPEST prefix of the path that exists — a

package/src/components/spec-playground/spec-playground.tsx

@@ -26,7 +26,7 @@ import {
 import { Textarea } from "../textarea";
 import { lineOfParseError, locateJsonPath, offsetOfLine } from "./locate-json-path";
 
-/** One problem a validator reports — the shape both the A2UI and DashboardSpec validators use. */
+/** One problem a validator reports — the shape the A2UI validator uses. */
 export interface SpecPlaygroundError {
   /** JSON-path-like address of the problem (`root.children[2].props.label`, `$.tiles[0]`). */
   path: string;

package/src/components/toolbar/toolbar.tsx

@@ -122,8 +122,10 @@ export const ToolbarSeparator = forwardRef<
       data-slot="toolbar-separator"
       className={cn(
         "bg-border-strong mx-1 shrink-0",
-        "data-[orientation=horizontal]:h-5 data-[orientation=horizontal]:w-px",
-        "data-[orientation=vertical]:h-px data-[orientation=vertical]:w-5",
+        // Radix flips the separator's orientation relative to the toolbar: a HORIZONTAL toolbar
+        // gets `data-orientation="vertical"` separators (a vertical hairline between groups).
+        "data-[orientation=vertical]:h-5 data-[orientation=vertical]:w-px",
+        "data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-5",
         className,
       )}
       {...props}

package/src/components/tree/tree.stories.tsx

@@ -347,6 +347,34 @@ export const Multiple: Story = {
   },
 };
 
+/**
+ * `expandOn="chevron"`: a click on a branch row only SELECTS it — expanding is the
+ * chevron's (and ArrowRight's) job. The shape a filter tree wants, where a parent value is
+ * selectable in its own right.
+ */
+export const ExpandOnChevron: Story = {
+  args: {
+    nodes: orgTree,
+    defaultExpandedIds: ["engineering"],
+    selectionMode: "multiple",
+    checkboxes: true,
+    expandOn: "chevron",
+  },
+  play: async ({ canvasElement, userEvent }) => {
+    const canvas = within(canvasElement);
+    const frontend = canvas.getByRole("treeitem", { name: /^frontend$/i });
+    await expect(frontend).toHaveAttribute("aria-expanded", "false");
+    // The row click selects without expanding …
+    await userEvent.click(frontend);
+    await expect(frontend).toHaveAttribute("aria-checked", "true");
+    await expect(frontend).toHaveAttribute("aria-expanded", "false");
+    // … the keyboard still expands.
+    frontend.focus();
+    await userEvent.keyboard("{ArrowRight}");
+    await expect(frontend).toHaveAttribute("aria-expanded", "true");
+  },
+};
+
 /** Fully expanded at mount via defaultExpandedIds. */
 export const Expanded: Story = {
   args: {