@adea-ai/ui 0.104.2 → 0.105.0

package/dist/r/src/components/layout/split-layout/model.ts

@@ -15,21 +15,18 @@
  * See NOTICE and docs/research/dev-view-donor-audit.md.
  */
 
-/** A visual identity only. Extend this with host-owned payload; UI never interprets it. */
-export type SplitLayoutLeaf = Readonly<{ kind: 'leaf'; id: string }>
-export type SplitLayoutBranch<L extends SplitLayoutLeaf = SplitLayoutLeaf> = Readonly<{
-  kind: 'split'
-  id: string
-  direction: 'row' | 'column'
-  ratio: number
-  children: readonly [SplitLayoutNode<L>, SplitLayoutNode<L>]
-}>
-export type SplitLayoutNode<L extends SplitLayoutLeaf = SplitLayoutLeaf> = L | SplitLayoutBranch<L>
+import {
+  MAX_LAYOUT_LEAVES,
+  MAX_LAYOUT_DEPTH,
+  MIN_SPLIT_RATIO,
+  MAX_SPLIT_RATIO,
+  listLeaves,
+  countLeaves,
+  layoutDepth,
+} from './tree'
+import type { SplitLayoutLeaf, SplitLayoutBranch, SplitLayoutNode } from './tree'
 
-export const MAX_LAYOUT_LEAVES = 8
-export const MAX_LAYOUT_DEPTH = 8
-export const MIN_SPLIT_RATIO = 0.1
-export const MAX_SPLIT_RATIO = 0.9
+export * from './tree'
 
 export type SplitLayoutState<L extends SplitLayoutLeaf = SplitLayoutLeaf> = Readonly<{
   center: SplitLayoutNode<L>
@@ -44,22 +41,6 @@ export type SplitPaneInput<L extends SplitLayoutLeaf = SplitLayoutLeaf> = Readon
   splitId: string
 }>
 
-export function listLeaves<L extends SplitLayoutLeaf>(node: SplitLayoutNode<L>): readonly L[] {
-  return node.kind === 'leaf'
-    ? [node]
-    : [...listLeaves(node.children[0]), ...listLeaves(node.children[1])]
-}
-
-export function countLeaves<L extends SplitLayoutLeaf>(node: SplitLayoutNode<L>): number {
-  return node.kind === 'leaf' ? 1 : countLeaves(node.children[0]) + countLeaves(node.children[1])
-}
-
-export function layoutDepth<L extends SplitLayoutLeaf>(node: SplitLayoutNode<L>): number {
-  return node.kind === 'leaf'
-    ? 1
-    : 1 + Math.max(layoutDepth(node.children[0]), layoutDepth(node.children[1]))
-}
-
 function replaceLeaf<L extends SplitLayoutLeaf>(
   node: SplitLayoutNode<L>,
   leafId: string,

package/dist/r/src/components/layout/split-layout/tree.ts

@@ -0,0 +1,51 @@
+/*
+ * Copyright (c) 2026 Michael Yong
+ * Copyright (c) 2026 Muxy
+ * SPDX-License-Identifier: MIT
+ *
+ * Portions of the binary split behavior are substantially translated from:
+ * - get-bb/bb apps/app/src/lib/split-layout/ops.ts (MIT), revision
+ *   52a9256373d4d36f9b60e9e2a7f333464091a2ac.
+ * - muxy-app/muxy Muxy/Models/Workspace/SplitNode.swift (MIT), revision
+ *   5c5be8697c57a2fe70cda97fdbaf7c912e2e31b6.
+ * Adapted first in Adea packages/dev-view/src/layout/operations.ts at
+ * 0322ab09ff5e9775bfddc0bf2d81e1df436dbef7. Extracted here with opaque
+ * host-owned leaves and an injected final-pane placeholder; immutable strict
+ * binary operations, accepted limits and undoable close are preserved.
+ * See NOTICE and docs/research/dev-view-donor-audit.md.
+ */
+
+// Read-only tree shape, limits, and traversal form a small import boundary.
+// Persistence decoders can use these without loading pane-editing operations.
+
+/** A visual identity only. Extend this with host-owned payload; UI never interprets it. */
+export type SplitLayoutLeaf = Readonly<{ kind: 'leaf'; id: string }>
+export type SplitLayoutBranch<L extends SplitLayoutLeaf = SplitLayoutLeaf> = Readonly<{
+  kind: 'split'
+  id: string
+  direction: 'row' | 'column'
+  ratio: number
+  children: readonly [SplitLayoutNode<L>, SplitLayoutNode<L>]
+}>
+export type SplitLayoutNode<L extends SplitLayoutLeaf = SplitLayoutLeaf> = L | SplitLayoutBranch<L>
+
+export const MAX_LAYOUT_LEAVES = 8
+export const MAX_LAYOUT_DEPTH = 8
+export const MIN_SPLIT_RATIO = 0.1
+export const MAX_SPLIT_RATIO = 0.9
+
+export function listLeaves<L extends SplitLayoutLeaf>(node: SplitLayoutNode<L>): readonly L[] {
+  return node.kind === 'leaf'
+    ? [node]
+    : [...listLeaves(node.children[0]), ...listLeaves(node.children[1])]
+}
+
+export function countLeaves<L extends SplitLayoutLeaf>(node: SplitLayoutNode<L>): number {
+  return node.kind === 'leaf' ? 1 : countLeaves(node.children[0]) + countLeaves(node.children[1])
+}
+
+export function layoutDepth<L extends SplitLayoutLeaf>(node: SplitLayoutNode<L>): number {
+  return node.kind === 'leaf'
+    ? 1
+    : 1 + Math.max(layoutDepth(node.children[0]), layoutDepth(node.children[1]))
+}

package/dist/r/src/components/ui/kbd/index.ts

@@ -1 +1,10 @@
-export { Kbd, KbdGroup } from './kbd'
+export {
+  Kbd,
+  KbdChord,
+  KbdGroup,
+  kbdChordKeys,
+  kbdGroupVariants,
+  kbdVariants,
+  type KbdChordProps,
+  type KbdSize,
+} from './kbd'

package/dist/r/src/components/ui/kbd/kbd.tsx

@@ -1,5 +1,6 @@
 import type { ComponentProps } from 'solid-js'
-import { splitProps } from 'solid-js'
+import { For, splitProps } from 'solid-js'
+import { cva, type VariantProps } from '../../../lib/variants'
 import { cn } from '../../../lib/utils'
 
 /**
@@ -9,32 +10,94 @@ import { cn } from '../../../lib/utils'
  * `<kbd>` so the semantics survive copy-paste, and the mono face is what makes
  * a shortcut visually distinct from the sentence around it.
  *
+ * `size="compact"` exists for the dense rows a default cap would outweigh — a
+ * rail search row, a sidebar shortcut hint. It drops a height rung, and it
+ * lightens the fill and weight with it because at that size a solid muted cap
+ * reads heavier than the row text it sits in. The default rendering is every
+ * cap that is not inside such a row, and it is untouched by the rung.
+ *
  * `KbdGroup` exists because a shortcut is a sequence: typing `⌘` then `K`
  * needs a gap between them that is a layout concern, not punctuation.
  */
-export function Kbd(props: ComponentProps<'kbd'>) {
-  const [local, rest] = splitProps(props, ['class'])
+export const kbdVariants = cva(
+  'bg-muted text-muted-foreground pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-sm border border-border px-1 font-mono text-2xs font-medium select-none',
+  {
+    variants: {
+      size: {
+        default: '',
+        compact: 'h-4 min-w-4 bg-muted/40 px-0.5 font-normal leading-none',
+      },
+    },
+    defaultVariants: {
+      size: 'default',
+    },
+  }
+)
+
+export type KbdSize = NonNullable<VariantProps<typeof kbdVariants>['size']>
+
+export function Kbd(props: ComponentProps<'kbd'> & { size?: KbdSize }) {
+  const [local, rest] = splitProps(props, ['size', 'class'])
 
   return (
-    <kbd
-      data-slot="kbd"
-      class={cn(
-        'bg-muted text-muted-foreground pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-sm border border-border px-1 font-mono text-2xs font-medium select-none',
-        local.class
-      )}
-      {...rest}
-    />
+    <kbd data-slot="kbd" class={cn(kbdVariants({ size: local.size }), local.class)} {...rest} />
   )
 }
 
-export function KbdGroup(props: ComponentProps<'span'>) {
-  const [local, rest] = splitProps(props, ['class'])
+export const kbdGroupVariants = cva('inline-flex items-center gap-1', {
+  variants: {
+    size: {
+      default: '',
+      /** The gap is what separates caps, so it tightens with them. */
+      compact: 'gap-0.5',
+    },
+  },
+  defaultVariants: {
+    size: 'default',
+  },
+})
+
+export function KbdGroup(props: ComponentProps<'span'> & { size?: KbdSize }) {
+  const [local, rest] = splitProps(props, ['size', 'class'])
 
   return (
     <span
       data-slot="kbd-group"
-      class={cn('inline-flex items-center gap-1', local.class)}
+      class={cn(kbdGroupVariants({ size: local.size }), local.class)}
       {...rest}
     />
   )
 }
+
+/**
+ * Split a written chord into one entry per key cap. Every character is a key:
+ * `⌘K` renders as `⌘` + `K`, and a longer chord like `⇧⌘P` stays three caps
+ * wide, which matches how the system draws chords in menus.
+ */
+export function kbdChordKeys(keys: string): string[] {
+  return [...keys]
+}
+
+export type KbdChordProps = Omit<ComponentProps<'span'>, 'children'> & {
+  /** The chord as it is drawn, e.g. `"⌘K"` or `"⇧⌘P"`. One cap per character. */
+  keys: string
+  size?: KbdSize
+}
+
+/**
+ * KbdChord.
+ *
+ * A written chord drawn as caps, one per character. Decoration only: the
+ * composition renders `aria-hidden`, so the accessible name and the parseable
+ * `aria-keyshortcuts` stay on the control the chord belongs to. That is why
+ * there is no children — the chord says what was drawn, nothing more.
+ */
+export function KbdChord(props: KbdChordProps) {
+  const [local, rest] = splitProps(props, ['keys', 'size', 'class'])
+
+  return (
+    <KbdGroup {...rest} size={local.size} class={local.class} aria-hidden="true">
+      <For each={kbdChordKeys(local.keys)}>{(key) => <Kbd size={local.size}>{key}</Kbd>}</For>
+    </KbdGroup>
+  )
+}

package/dist/r/stat.json

@@ -4,7 +4,7 @@
   "title": "Stat",
   "description": "",
   "dependencies": [
-    "lucide-solid@^1.48.0"
+    "lucide-solid@^1.51.0"
   ],
   "registryDependencies": [
     "@adea-ai/ui/typography",

package/dist/r/theming.json

@@ -4,8 +4,8 @@
   "title": "Theming",
   "description": "",
   "dependencies": [
-    "@adea-ai/themes@^0.9.5",
-    "lucide-solid@^1.48.0"
+    "@adea-ai/themes@^0.9.6",
+    "lucide-solid@^1.51.0"
   ],
   "registryDependencies": [
     "@adea-ai/ui/button",

package/dist/r/toast.json

@@ -5,7 +5,7 @@
   "description": "",
   "dependencies": [
     "@kobalte/core@^0.13.14",
-    "lucide-solid@^1.48.0"
+    "lucide-solid@^1.51.0"
   ],
   "registryDependencies": [
     "lib"

package/dist/r/top-bar.json

@@ -4,7 +4,7 @@
   "title": "Top Bar",
   "description": "",
   "dependencies": [
-    "lucide-solid@^1.48.0"
+    "lucide-solid@^1.51.0"
   ],
   "registryDependencies": [
     "lib"

package/dist/r/tree.json

@@ -4,7 +4,7 @@
   "title": "Tree",
   "description": "Keyboard-accessible tree rows with virtualization-aware focus handoff.",
   "dependencies": [
-    "lucide-solid@^1.48.0"
+    "lucide-solid@^1.51.0"
   ],
   "registryDependencies": [
     "lib"

package/dist/r/update-dialog.json

@@ -4,7 +4,7 @@
   "title": "Update Dialog",
   "description": "",
   "dependencies": [
-    "lucide-solid@^1.48.0"
+    "lucide-solid@^1.51.0"
   ],
   "registryDependencies": [
     "@adea-ai/ui/action-button",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adea-ai/ui",
-  "version": "0.104.2",
+  "version": "0.105.0",
   "description": "The Adea design system: Kobalte-backed Solid components, semantic OKLCH tokens, and the app-shell layout primitives shared by Adea and Cortana.",
   "keywords": [
     "adea",
@@ -87,6 +87,12 @@
       "solid": "./src/components/conversation/transcript-composition.tsx",
       "development": "./src/components/conversation/transcript-composition.tsx",
       "import": "./dist/components/conversation/transcript-composition.js"
+    },
+    "./components/layout/split-layout/tree": {
+      "types": "./dist/components/layout/split-layout/tree.d.ts",
+      "solid": "./src/components/layout/split-layout/tree.ts",
+      "development": "./src/components/layout/split-layout/tree.ts",
+      "import": "./dist/components/layout/split-layout/tree.js"
     }
   },
   "scripts": {
@@ -104,7 +110,7 @@
     "theme:build": "bun scripts/build-default-theme.ts",
     "theme:check": "bun scripts/build-default-theme.ts --check",
     "design-system:build": "bun scripts/design-system/build.ts",
-    "check:packed-layout": "node --test scripts/check-packed-layout-process.test.mjs && node scripts/check-packed-layout.mjs",
+    "check:packed-layout": "node --test scripts/check-packed-layout-process.test.mjs && node scripts/check-packed-layout.mjs && node scripts/check-packed-layout-tree.mjs",
     "check:packed-consumer": "bun scripts/check-packed-consumer.ts",
     "check:packed-list-row": "bun scripts/check-packed-list-row.ts",
     "check:packed-scene-controls": "bun scripts/check-packed-scene-controls.ts",
@@ -119,7 +125,7 @@
     "check:packed-paste-model": "node scripts/check-packed-paste-model.mjs"
   },
   "dependencies": {
-    "@adea-ai/themes": "^0.9.5",
+    "@adea-ai/themes": "^0.9.6",
     "@corvu/calendar": "^0.1.2",
     "@corvu/drawer": "^0.2.4",
     "@corvu/otp-field": "^0.1.4",
@@ -132,20 +138,20 @@
     "class-variance-authority": "^0.7.1",
     "cmdk-solid": "^1.2.0",
     "cn": "^0.4.0",
-    "lucide-solid": "^1.48.0",
+    "lucide-solid": "^1.51.0",
     "solid-motionone": "^1.0.4",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.1",
     "chart.js": "^4.5.1",
     "embla-carousel": "^8.6.0",
     "embla-carousel-solid": "^8.6.0",
     "solid-chartjs": "^1.3.11",
     "solid-js": "^1.9.15",
-    "storybook": "^10.6.0",
+    "storybook": "^10.6.1",
     "storybook-solidjs-vite": "^10.7.2",
-    "vite": "^8.0.14",
+    "vite": "^8.3.2",
     "vite-plugin-solid": "^2.11.14"
   },
   "peerDependencies": {