@adea-ai/ui 0.119.1 → 0.121.0

package/dist/components/ui/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","controlInteractive","controlSize","VariantProps","cn","buttonVariants","variants","variant","default","secondary","destructive","outline","ghost","subtle","success","link","size","xs","sm","md","lg","xl","touchTarget","comfortable","defaultVariants","ButtonVariantProps","ButtonProps","T","class","Button","props","local","rest","_$createComponent","_$mergeProps","as","type","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, controlInteractive, controlSize, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Button.\n *\n * One appearance ladder shared by every pressable thing in the system: a\n * button, a toolbar control, a dialog action, and a menu row all draw from the\n * same tokens, so a row of them cannot drift apart.\n *\n * The variants answer \"what is this for\", never \"what colour is it\". A caller\n * that wants a red button writes `variant=\"destructive\"`; the red lives here.\n * That is also what lets the design-system linter tell a caller which variant\n * to use instead of only which class was wrong.\n *\n * Polymorphic: pass `as=\"a\"` (or any component) and the button becomes it\n * while keeping the same styling contract. This replaces the React-era\n * `asChild` primitive, which has no Solid equivalent that preserves props.\n */\nexport const buttonVariants = cva(\n  `${controlInteractive} inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap select-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        /** The one primary action in a view. */\n        default: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-surface-hover',\n        /** For the action that destroys something. Never the default. */\n        destructive:\n          'bg-destructive-action text-destructive-action-foreground hover:bg-destructive-action/90 focus-visible:ring-destructive-subtle',\n        /** A bordered button for a surface that already has a fill. */\n        outline:\n          'border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input',\n        /** No chrome until hover. The default for toolbar and row actions. */\n        ghost: 'text-foreground hover:bg-surface-hover',\n        /** A tinted primary, for a secondary action inside a primary flow. */\n        subtle: 'bg-primary-subtle text-primary hover:bg-primary-subtle/80',\n        success: 'bg-success text-success-foreground hover:bg-success/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        '2xs': `${controlSize['2xs']} [&_svg]:size-3`,\n        xs: `${controlSize.xs} [&_svg]:size-3.5`,\n        sm: `${controlSize.sm} [&_svg]:size-3.5`,\n        md: `${controlSize.md} [&_svg]:size-4`,\n        lg: `${controlSize.lg} [&_svg]:size-4`,\n        xl: `${controlSize.xl} [&_svg]:size-5`,\n        '2xl': `${controlSize['2xl']} [&_svg]:size-6`,\n        /* Square, for an icon with no label. The accessible name then has to\n           come from `aria-label` or a visually hidden label — an icon-only\n           button with neither is the accessibility finding the Storybook lane\n           catches on every story. */\n        'icon-2xs': 'size-control-2xs p-0 [&_svg]:size-3',\n        'icon-xs': 'size-control-xs p-0 [&_svg]:size-3.5',\n        'icon-sm': 'size-control-sm p-0 [&_svg]:size-3.5',\n        'icon-md': 'size-control-md p-0 [&_svg]:size-4',\n        'icon-lg': 'size-control-lg p-0 [&_svg]:size-4',\n        'icon-xl': 'size-control-xl p-0 [&_svg]:size-5',\n        'icon-2xl': 'size-control-2xl p-0 [&_svg]:size-6',\n      },\n      /** Opt in to a stable touch target on devices with any coarse pointer. */\n      touchTarget: {\n        comfortable: 'touch-target-comfortable',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>\n\nexport type ButtonProps<T extends ValidComponent = 'button'> = PolymorphicProps<\n  T,\n  ButtonVariantProps & {\n    class?: string\n  }\n>\n\nexport function Button<T extends ValidComponent = 'button'>(props: ButtonProps<T>) {\n  const [local, rest] = splitProps(props as ButtonProps, [\n    'variant',\n    'size',\n    'touchTarget',\n    'class',\n  ])\n\n  return (\n    <Polymorphic\n      as=\"button\"\n      type=\"button\"\n      data-slot=\"button\"\n      class={cn(\n        buttonVariants({\n          variant: local.variant,\n          size: local.size,\n          touchTarget: local.touchTarget,\n        }),\n        local.class\n      )}\n      {...(rest as ComponentProps<'button'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAaU,iBAAiBL,IAC5B,GAAGC,mBAAkB,sJACrB;CACEK,UAAU;EACRC,SAAS;;GAEPC,SAAS;GACTC,WAAW;;GAEXC,aACE;;GAEFC,SACE;;GAEFC,OAAO;;GAEPC,QAAQ;GACRC,SAAS;GACTC,MAAM;EACR;EACAC,MAAM;GACJ,OAAO,GAAGd,YAAY,OAAM;GAC5Be,IAAI,GAAGf,YAAYe,GAAE;GACrBC,IAAI,GAAGhB,YAAYgB,GAAE;GACrBC,IAAI,GAAGjB,YAAYiB,GAAE;GACrBC,IAAI,GAAGlB,YAAYkB,GAAE;GACrBC,IAAI,GAAGnB,YAAYmB,GAAE;GACrB,OAAO,GAAGnB,YAAY,OAAM;GAK5B,YAAY;GACZ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,YAAY;EACd;;EAEAoB,aAAa,EACXC,aAAa,2BACf;CACF;CACAC,iBAAiB;EACfjB,SAAS;EACTS,MAAM;CACR;AACF,CACF;AAWA,SAAgBa,OAA4CC,OAAuB;CACjF,MAAM,CAACC,OAAOC,QAAQlC,WAAWgC,OAAsB;EACrD;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGtC,aAAWuC,WAAA;EACVC,IAAE;EACFC,MAAI;EAAA,aAAA;EAAA,KAAA,WAAA;GAAA,OAEGhC,GACLC,eAAe;IACbE,SAASwB,MAAMxB;IACfS,MAAMe,MAAMf;IACZM,aAAaS,MAAMT;GACrB,CAAC,GACDS,MAAMH,KACR;EAAC;CAAA,GACII,IAAgC,CAAA;AAG3C"}
+{"version":3,"file":"button.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","controlInteractive","controlSize","VariantProps","cn","buttonVariants","variants","variant","default","secondary","destructive","outline","ghost","toolbar","subtle","success","link","size","xs","sm","md","lg","xl","touchTarget","comfortable","defaultVariants","ButtonVariantProps","ButtonProps","T","class","Button","props","local","rest","_$createComponent","_$mergeProps","as","type","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, controlInteractive, controlSize, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Button.\n *\n * One appearance ladder shared by every pressable thing in the system: a\n * button, a toolbar control, a dialog action, and a menu row all draw from the\n * same tokens, so a row of them cannot drift apart.\n *\n * The variants answer \"what is this for\", never \"what colour is it\". A caller\n * that wants a red button writes `variant=\"destructive\"`; the red lives here.\n * That is also what lets the design-system linter tell a caller which variant\n * to use instead of only which class was wrong.\n *\n * Polymorphic: pass `as=\"a\"` (or any component) and the button becomes it\n * while keeping the same styling contract. This replaces the React-era\n * `asChild` primitive, which has no Solid equivalent that preserves props.\n */\nexport const buttonVariants = cva(\n  `${controlInteractive} inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap select-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        /** The one primary action in a view. */\n        default: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-surface-hover',\n        /** For the action that destroys something. Never the default. */\n        destructive:\n          'bg-destructive-action text-destructive-action-foreground hover:bg-destructive-action/90 focus-visible:ring-destructive-subtle',\n        /** A bordered button for a surface that already has a fill. */\n        outline:\n          'border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input',\n        /** No chrome until hover. The default for toolbar and row actions. */\n        ghost: 'text-foreground hover:bg-surface-hover',\n        /**\n         * A ghost that opens something: a sheet, menu or popover trigger in a\n         * toolbar. While its surface is open it holds the menubar's pressed\n         * rung, so the open control never reads identical to its closed\n         * neighbours.\n         */\n        toolbar: 'text-foreground hover:bg-surface-hover data-[expanded]:bg-surface-active',\n        /** A tinted primary, for a secondary action inside a primary flow. */\n        subtle: 'bg-primary-subtle text-primary hover:bg-primary-subtle/80',\n        success: 'bg-success text-success-foreground hover:bg-success/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        '2xs': `${controlSize['2xs']} [&_svg]:size-3`,\n        xs: `${controlSize.xs} [&_svg]:size-3.5`,\n        sm: `${controlSize.sm} [&_svg]:size-3.5`,\n        md: `${controlSize.md} [&_svg]:size-4`,\n        lg: `${controlSize.lg} [&_svg]:size-4`,\n        xl: `${controlSize.xl} [&_svg]:size-5`,\n        '2xl': `${controlSize['2xl']} [&_svg]:size-6`,\n        /* Square, for an icon with no label. The accessible name then has to\n           come from `aria-label` or a visually hidden label — an icon-only\n           button with neither is the accessibility finding the Storybook lane\n           catches on every story. */\n        'icon-2xs': 'size-control-2xs p-0 [&_svg]:size-3',\n        'icon-xs': 'size-control-xs p-0 [&_svg]:size-3.5',\n        'icon-sm': 'size-control-sm p-0 [&_svg]:size-3.5',\n        'icon-md': 'size-control-md p-0 [&_svg]:size-4',\n        'icon-lg': 'size-control-lg p-0 [&_svg]:size-4',\n        'icon-xl': 'size-control-xl p-0 [&_svg]:size-5',\n        'icon-2xl': 'size-control-2xl p-0 [&_svg]:size-6',\n      },\n      /** Opt in to a stable touch target on devices with any coarse pointer. */\n      touchTarget: {\n        comfortable: 'touch-target-comfortable',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>\n\nexport type ButtonProps<T extends ValidComponent = 'button'> = PolymorphicProps<\n  T,\n  ButtonVariantProps & {\n    class?: string\n  }\n>\n\nexport function Button<T extends ValidComponent = 'button'>(props: ButtonProps<T>) {\n  const [local, rest] = splitProps(props as ButtonProps, [\n    'variant',\n    'size',\n    'touchTarget',\n    'class',\n  ])\n\n  return (\n    <Polymorphic\n      as=\"button\"\n      type=\"button\"\n      data-slot=\"button\"\n      class={cn(\n        buttonVariants({\n          variant: local.variant,\n          size: local.size,\n          touchTarget: local.touchTarget,\n        }),\n        local.class\n      )}\n      {...(rest as ComponentProps<'button'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAaU,iBAAiBL,IAC5B,GAAGC,mBAAkB,sJACrB;CACEK,UAAU;EACRC,SAAS;;GAEPC,SAAS;GACTC,WAAW;;GAEXC,aACE;;GAEFC,SACE;;GAEFC,OAAO;;;;;;;GAOPC,SAAS;;GAETC,QAAQ;GACRC,SAAS;GACTC,MAAM;EACR;EACAC,MAAM;GACJ,OAAO,GAAGf,YAAY,OAAM;GAC5BgB,IAAI,GAAGhB,YAAYgB,GAAE;GACrBC,IAAI,GAAGjB,YAAYiB,GAAE;GACrBC,IAAI,GAAGlB,YAAYkB,GAAE;GACrBC,IAAI,GAAGnB,YAAYmB,GAAE;GACrBC,IAAI,GAAGpB,YAAYoB,GAAE;GACrB,OAAO,GAAGpB,YAAY,OAAM;GAK5B,YAAY;GACZ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,YAAY;EACd;;EAEAqB,aAAa,EACXC,aAAa,2BACf;CACF;CACAC,iBAAiB;EACflB,SAAS;EACTU,MAAM;CACR;AACF,CACF;AAWA,SAAgBa,OAA4CC,OAAuB;CACjF,MAAM,CAACC,OAAOC,QAAQnC,WAAWiC,OAAsB;EACrD;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGvC,aAAWwC,WAAA;EACVC,IAAE;EACFC,MAAI;EAAA,aAAA;EAAA,KAAA,WAAA;GAAA,OAEGjC,GACLC,eAAe;IACbE,SAASyB,MAAMzB;IACfU,MAAMe,MAAMf;IACZM,aAAaS,MAAMT;GACrB,CAAC,GACDS,MAAMH,KACR;EAAC;CAAA,GACII,IAAgC,CAAA;AAG3C"}

package/dist/components/ui/kbd/index.d.ts

@@ -1,2 +1,3 @@
 export { Kbd, KbdChord, KbdGroup, kbdChordKeys, kbdGroupVariants, kbdVariants, type KbdChordProps, type KbdSize, } from './kbd';
+export { platformModifierKey, searchShortcutKeyshortcuts, searchShortcutLabel, } from './platform-modifier';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/kbd/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kbd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,OAAO,GACb,MAAM,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kbd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,OAAO,GACb,MAAM,OAAO,CAAA;AACd,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,qBAAqB,CAAA"}

package/dist/components/ui/kbd/index.js

@@ -1,2 +1,3 @@
 import { Kbd, KbdChord, KbdGroup, kbdChordKeys, kbdGroupVariants, kbdVariants } from "./kbd.js";
-export { Kbd, KbdChord, KbdGroup, kbdChordKeys, kbdGroupVariants, kbdVariants };
+import { platformModifierKey, searchShortcutKeyshortcuts, searchShortcutLabel } from "./platform-modifier.js";
+export { Kbd, KbdChord, KbdGroup, kbdChordKeys, kbdGroupVariants, kbdVariants, platformModifierKey, searchShortcutKeyshortcuts, searchShortcutLabel };

package/dist/components/ui/kbd/platform-modifier.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Which modifier a chord should advertise.
+ *
+ * Every global chord in the product binds `(metaKey || ctrlKey)`, so the
+ * working key is the platform's command modifier wherever the app runs — but
+ * Apple platforms draw it as ⌘ and everyone else spells it Ctrl. A chord
+ * label drawn from anything else (a hardcoded ⌘, say) advertises a key that
+ * does not work as drawn on Windows and Linux.
+ *
+ * These helpers are the one place that decides the glyph, so every surface
+ * that draws or announces a shortcut — rail rows, menus, a pane's search
+ * field — draws the same one. They sit next to the `Kbd` caps because the
+ * glyph is a property of the drawing, not of the feature that shows it: a
+ * spelled-out `Ctrl` needs one cap per word (a `KbdGroup`), while `⌘K` can
+ * ride `KbdChord`'s one-cap-per-character split.
+ */
+/** The modifier glyph the running OS renders for Meta: ⌘ on Apple platforms, Ctrl elsewhere. */
+export declare function platformModifierKey(platform?: string): '⌘' | 'Ctrl';
+/** The workspace search chord label as the rail's hover text draws it: the
+ *  platform modifier plus K (`⌘K`, or `Ctrl+K` where ⌘ does not exist). */
+export declare function searchShortcutLabel(platform?: string): string;
+/**
+ * The `aria-keyshortcuts` for the search chord. The binding accepts Meta and
+ * Ctrl alike, so the announced shortcuts name both: a hardcoded `Meta+K`
+ * would promise a key the row does not keep on non-Apple platforms.
+ */
+export declare const searchShortcutKeyshortcuts = "Meta+K Control+K";
+//# sourceMappingURL=platform-modifier.d.ts.map

package/dist/components/ui/kbd/platform-modifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform-modifier.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kbd/platform-modifier.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,gGAAgG;AAChG,wBAAgB,mBAAmB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,MAAM,CAKnE;AAED;2EAC2E;AAC3E,wBAAgB,mBAAmB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,qBAAqB,CAAA"}

package/dist/components/ui/kbd/platform-modifier.js

@@ -0,0 +1,37 @@
+//#region src/components/ui/kbd/platform-modifier.ts
+/**
+* Which modifier a chord should advertise.
+*
+* Every global chord in the product binds `(metaKey || ctrlKey)`, so the
+* working key is the platform's command modifier wherever the app runs — but
+* Apple platforms draw it as ⌘ and everyone else spells it Ctrl. A chord
+* label drawn from anything else (a hardcoded ⌘, say) advertises a key that
+* does not work as drawn on Windows and Linux.
+*
+* These helpers are the one place that decides the glyph, so every surface
+* that draws or announces a shortcut — rail rows, menus, a pane's search
+* field — draws the same one. They sit next to the `Kbd` caps because the
+* glyph is a property of the drawing, not of the feature that shows it: a
+* spelled-out `Ctrl` needs one cap per word (a `KbdGroup`), while `⌘K` can
+* ride `KbdChord`'s one-cap-per-character split.
+*/
+/** The modifier glyph the running OS renders for Meta: ⌘ on Apple platforms, Ctrl elsewhere. */
+function platformModifierKey(platform) {
+	const browserPlatform = platform ?? (typeof navigator === "undefined" ? "" : navigator.platform);
+	return /Mac|iPhone|iPad|iPod/i.test(browserPlatform) ? "⌘" : "Ctrl";
+}
+/** The workspace search chord label as the rail's hover text draws it: the
+*  platform modifier plus K (`⌘K`, or `Ctrl+K` where ⌘ does not exist). */
+function searchShortcutLabel(platform) {
+	return platformModifierKey(platform) === "⌘" ? "⌘K" : "Ctrl+K";
+}
+/**
+* The `aria-keyshortcuts` for the search chord. The binding accepts Meta and
+* Ctrl alike, so the announced shortcuts name both: a hardcoded `Meta+K`
+* would promise a key the row does not keep on non-Apple platforms.
+*/
+var searchShortcutKeyshortcuts = "Meta+K Control+K";
+//#endregion
+export { platformModifierKey, searchShortcutKeyshortcuts, searchShortcutLabel };
+
+//# sourceMappingURL=platform-modifier.js.map

package/dist/components/ui/kbd/platform-modifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform-modifier.js","names":[],"sources":["../../../../src/components/ui/kbd/platform-modifier.ts"],"sourcesContent":["/**\n * Which modifier a chord should advertise.\n *\n * Every global chord in the product binds `(metaKey || ctrlKey)`, so the\n * working key is the platform's command modifier wherever the app runs — but\n * Apple platforms draw it as ⌘ and everyone else spells it Ctrl. A chord\n * label drawn from anything else (a hardcoded ⌘, say) advertises a key that\n * does not work as drawn on Windows and Linux.\n *\n * These helpers are the one place that decides the glyph, so every surface\n * that draws or announces a shortcut — rail rows, menus, a pane's search\n * field — draws the same one. They sit next to the `Kbd` caps because the\n * glyph is a property of the drawing, not of the feature that shows it: a\n * spelled-out `Ctrl` needs one cap per word (a `KbdGroup`), while `⌘K` can\n * ride `KbdChord`'s one-cap-per-character split.\n */\n\n/** The modifier glyph the running OS renders for Meta: ⌘ on Apple platforms, Ctrl elsewhere. */\nexport function platformModifierKey(platform?: string): '⌘' | 'Ctrl' {\n  // The guard keeps server renders honest: no navigator means no Apple\n  // platform string, so they fall back to the spelled-out modifier.\n  const browserPlatform = platform ?? (typeof navigator === 'undefined' ? '' : navigator.platform)\n  return /Mac|iPhone|iPad|iPod/i.test(browserPlatform) ? '⌘' : 'Ctrl'\n}\n\n/** The workspace search chord label as the rail's hover text draws it: the\n *  platform modifier plus K (`⌘K`, or `Ctrl+K` where ⌘ does not exist). */\nexport function searchShortcutLabel(platform?: string): string {\n  return platformModifierKey(platform) === '⌘' ? '⌘K' : 'Ctrl+K'\n}\n\n/**\n * The `aria-keyshortcuts` for the search chord. The binding accepts Meta and\n * Ctrl alike, so the announced shortcuts name both: a hardcoded `Meta+K`\n * would promise a key the row does not keep on non-Apple platforms.\n */\nexport const searchShortcutKeyshortcuts = 'Meta+K Control+K'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,SAAgB,oBAAoB,UAAiC;CAGnE,MAAM,kBAAkB,aAAa,OAAO,cAAc,cAAc,KAAK,UAAU;CACvF,OAAO,wBAAwB,KAAK,eAAe,IAAI,MAAM;AAC/D;;;AAIA,SAAgB,oBAAoB,UAA2B;CAC7D,OAAO,oBAAoB,QAAQ,MAAM,MAAM,OAAO;AACxD;;;;;;AAOA,IAAa,6BAA6B"}

package/dist/index.js

@@ -44,6 +44,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
 import { SecretInputGroup } from "./components/ui/input-group/secret-input-group.js";
 import { InputOtp, InputOtpCaret } from "./components/ui/input-otp/input-otp.js";
 import { Kbd, KbdChord, KbdGroup, kbdChordKeys, kbdGroupVariants, kbdVariants } from "./components/ui/kbd/kbd.js";
+import { platformModifierKey, searchShortcutKeyshortcuts, searchShortcutLabel } from "./components/ui/kbd/platform-modifier.js";
 import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/ui/menubar/menubar.js";
 import { ModalDialog } from "./components/ui/modal-dialog/modal-dialog.js";
 import { NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport } from "./components/ui/navigation-menu/navigation-menu.js";
@@ -93,6 +94,8 @@ import { BusySendButton } from "./components/conversation/busy-send-button.js";
 import { ChatComposer } from "./components/conversation/chat-composer.js";
 import { ConversationAvatar } from "./components/conversation/conversation-avatar.js";
 import { ConversationSurface } from "./components/conversation/conversation-surface.js";
+import { ConversationPane } from "./components/conversation/conversation-pane.js";
+import { ComposerMenu, ComposerMenuItem } from "./components/conversation/composer-menu.js";
 import { ComposerAttachmentButton, ComposerHint, MessageComposer } from "./components/conversation/message-composer.js";
 import { MessageBody, MessageDayDivider, MessageGroup, MessageRow } from "./components/conversation/message-row.js";
 import { TranscriptComposition, transcriptDisclosureKey } from "./components/conversation/transcript-composition.js";
@@ -130,4 +133,4 @@ import { AboutDialog } from "./components/composites/about-dialog/about-dialog.j
 import { HelpCenter } from "./components/composites/help-center/help-center.js";
 import { WorkspaceMark } from "./components/composites/workspace-mark/workspace-mark.js";
 import { writeClipboardText } from "./lib/clipboard.js";
-export { APPEARANCE_EDITOR_FONT_AXES, APPEARANCE_EDITOR_FONT_SIZE_MAX, APPEARANCE_EDITOR_FONT_SIZE_MIN, AboutDialog, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, ActionButton, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnnotationSurface, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearanceEditorActions, AppearanceFontSettingsGroup, AppearancePanel, AppearancePopover, AspectRatio, AttachmentCard, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, BoardCardTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BusySendButton, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CalendarSurface, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogBrowser, CatalogDetail, CatalogDetailSection, ChatComposer, Checkbox, CheckboxDescription, CheckboxLabel, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ComposerAttachmentButton, ComposerHint, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContextualSidebar, ConversationAvatar, ConversationSurface, DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, EntityIcon, FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, Field, FieldDescription, FieldError, FieldGroup, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, FloatingPreview, FormField, Heading, HelpCenter, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, Input, InputControl, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdChord, KbdGroup, Label, ListGroup, ListRow, ListRowControl, MAX_LAYOUT_DEPTH, MAX_LAYOUT_LEAVES, MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ModalDialog, Motion, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, NumberField, OrbitItem, OrbitLayout, PASTE_THRESHOLD_CHARS, PASTE_THRESHOLD_LINES, PASTE_TOKEN_REGEX, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, PixelResizeHandle, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, SceneControls, ScrollArea, SecretInputGroup, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsLayout, SettingsNavigation, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavLabel, SidebarNavResizeHandle, SidebarNavRow, SidebarNavSection, SidebarNavTitle, Skeleton, SkipLink, Slider, Spinner, SplitLayout, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemeModeToggle, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, TranscriptComposition, Tree, TreeRow, TreeRowActions, UpdateChannelControl, UpdateDialog, ValueCombobox, VirtualWindow, WorkspaceMark, accentPresets, alertVariants, allTokens, appearancePreviewThemes, applyAppearanceFontSettings, badgeVariants, boardCardTitleVariants, builtinThemes, buttonVariants, cardVariants, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, closePane, cn, colorTokens, computeLayoutFrames, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, countLeaves, countLines, createAppMenuItems, createLayoutState, cva, defaultDarkThemeId, defaultLightThemeId, defaultThemeSelection, densityTokens, designTokens, diffLineVariants, diffStats, diffTargetPath, elevationTokens, entityIconVariants, expandAll, findTokenRanges, focusPane, fontOptions, fontSettingsBootstrapScript, formatBytes, formatReleaseDate, formatToken, headingElement, headingVariants, initialsFrom, inlineScriptLiteral, isPasteBlock, isThemeAccentId, itemVariants, kbdChordKeys, kbdGroupVariants, kbdVariants, keyedRows, layoutDepth, listLeaves, monogram, motionTokens, movePane, neighborLeaf, nextSeq, normalizeAppearanceEditorFontSettings, normalizeAppearanceEditorFontSize, normalizeLayout, parseDiff, plainTextFromMarkdown, pruneBlocks, radiusTokens, recollapsePastes, remapCarriedBlocks, resizeFloatingPreview, resizePreviewMiniPlayer, resizeSplit, resolveAccentPreset, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame, resolvedDensity, sheetVariants, shouldCollapse, sidebarNavItemClass, sidebarNavItemStateClass, splitPane, splitPaneBalanced, statusDotVariants, stripTrailingBlankLines, surfaceInteractive, swapPanes, textElement, textVariants, textareaVariants, themeAccentsFor, themeById, themeCssVariables, themeFamilies, themeRecordById, themeRecords, themeScript, themesForAppearance, toast, toaster, toggleVariants, tokenRangeAt, transcriptDisclosureKey, typographyTokens, undoClosePane, undocumentedTokenAliases, useSideRail, useTheme, validateTheme, validateThemeRegistry, withAccent, writeClipboardText, zIndexTokens };
+export { APPEARANCE_EDITOR_FONT_AXES, APPEARANCE_EDITOR_FONT_SIZE_MAX, APPEARANCE_EDITOR_FONT_SIZE_MIN, AboutDialog, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, ActionButton, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnnotationSurface, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearanceEditorActions, AppearanceFontSettingsGroup, AppearancePanel, AppearancePopover, AspectRatio, AttachmentCard, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, BoardCardTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BusySendButton, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CalendarSurface, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogBrowser, CatalogDetail, CatalogDetailSection, ChatComposer, Checkbox, CheckboxDescription, CheckboxLabel, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ComposerAttachmentButton, ComposerHint, ComposerMenu, ComposerMenuItem, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContextualSidebar, ConversationAvatar, ConversationPane, ConversationSurface, DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, EntityIcon, FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, Field, FieldDescription, FieldError, FieldGroup, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, FloatingPreview, FormField, Heading, HelpCenter, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, Input, InputControl, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdChord, KbdGroup, Label, ListGroup, ListRow, ListRowControl, MAX_LAYOUT_DEPTH, MAX_LAYOUT_LEAVES, MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ModalDialog, Motion, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, NumberField, OrbitItem, OrbitLayout, PASTE_THRESHOLD_CHARS, PASTE_THRESHOLD_LINES, PASTE_TOKEN_REGEX, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, PixelResizeHandle, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, SceneControls, ScrollArea, SecretInputGroup, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsLayout, SettingsNavigation, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavLabel, SidebarNavResizeHandle, SidebarNavRow, SidebarNavSection, SidebarNavTitle, Skeleton, SkipLink, Slider, Spinner, SplitLayout, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemeModeToggle, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, TranscriptComposition, Tree, TreeRow, TreeRowActions, UpdateChannelControl, UpdateDialog, ValueCombobox, VirtualWindow, WorkspaceMark, accentPresets, alertVariants, allTokens, appearancePreviewThemes, applyAppearanceFontSettings, badgeVariants, boardCardTitleVariants, builtinThemes, buttonVariants, cardVariants, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, closePane, cn, colorTokens, computeLayoutFrames, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, countLeaves, countLines, createAppMenuItems, createLayoutState, cva, defaultDarkThemeId, defaultLightThemeId, defaultThemeSelection, densityTokens, designTokens, diffLineVariants, diffStats, diffTargetPath, elevationTokens, entityIconVariants, expandAll, findTokenRanges, focusPane, fontOptions, fontSettingsBootstrapScript, formatBytes, formatReleaseDate, formatToken, headingElement, headingVariants, initialsFrom, inlineScriptLiteral, isPasteBlock, isThemeAccentId, itemVariants, kbdChordKeys, kbdGroupVariants, kbdVariants, keyedRows, layoutDepth, listLeaves, monogram, motionTokens, movePane, neighborLeaf, nextSeq, normalizeAppearanceEditorFontSettings, normalizeAppearanceEditorFontSize, normalizeLayout, parseDiff, plainTextFromMarkdown, platformModifierKey, pruneBlocks, radiusTokens, recollapsePastes, remapCarriedBlocks, resizeFloatingPreview, resizePreviewMiniPlayer, resizeSplit, resolveAccentPreset, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame, resolvedDensity, searchShortcutKeyshortcuts, searchShortcutLabel, sheetVariants, shouldCollapse, sidebarNavItemClass, sidebarNavItemStateClass, splitPane, splitPaneBalanced, statusDotVariants, stripTrailingBlankLines, surfaceInteractive, swapPanes, textElement, textVariants, textareaVariants, themeAccentsFor, themeById, themeCssVariables, themeFamilies, themeRecordById, themeRecords, themeScript, themesForAppearance, toast, toaster, toggleVariants, tokenRangeAt, transcriptDisclosureKey, typographyTokens, undoClosePane, undocumentedTokenAliases, useSideRail, useTheme, validateTheme, validateThemeRegistry, withAccent, writeClipboardText, zIndexTokens };

package/dist/r/conversation.json

@@ -40,11 +40,21 @@
       "type": "registry:ui",
       "target": "components/conversation/chat-composer.tsx"
     },
+    {
+      "path": "src/components/conversation/composer-menu.tsx",
+      "type": "registry:ui",
+      "target": "components/conversation/composer-menu.tsx"
+    },
     {
       "path": "src/components/conversation/conversation-avatar.tsx",
       "type": "registry:ui",
       "target": "components/conversation/conversation-avatar.tsx"
     },
+    {
+      "path": "src/components/conversation/conversation-pane.tsx",
+      "type": "registry:ui",
+      "target": "components/conversation/conversation-pane.tsx"
+    },
     {
       "path": "src/components/conversation/conversation-surface.tsx",
       "type": "registry:ui",

package/dist/r/kbd.json

@@ -17,6 +17,11 @@
       "path": "src/components/ui/kbd/kbd.tsx",
       "type": "registry:ui",
       "target": "components/ui/kbd/kbd.tsx"
+    },
+    {
+      "path": "src/components/ui/kbd/platform-modifier.ts",
+      "type": "registry:ui",
+      "target": "components/ui/kbd/platform-modifier.ts"
     }
   ]
 }

package/dist/r/registry.json

@@ -885,6 +885,11 @@
           "path": "src/components/ui/kbd/kbd.tsx",
           "type": "registry:ui",
           "target": "components/ui/kbd/kbd.tsx"
+        },
+        {
+          "path": "src/components/ui/kbd/platform-modifier.ts",
+          "type": "registry:ui",
+          "target": "components/ui/kbd/platform-modifier.ts"
         }
       ]
     },
@@ -2374,11 +2379,21 @@
           "type": "registry:ui",
           "target": "components/conversation/chat-composer.tsx"
         },
+        {
+          "path": "src/components/conversation/composer-menu.tsx",
+          "type": "registry:ui",
+          "target": "components/conversation/composer-menu.tsx"
+        },
         {
           "path": "src/components/conversation/conversation-avatar.tsx",
           "type": "registry:ui",
           "target": "components/conversation/conversation-avatar.tsx"
         },
+        {
+          "path": "src/components/conversation/conversation-pane.tsx",
+          "type": "registry:ui",
+          "target": "components/conversation/conversation-pane.tsx"
+        },
         {
           "path": "src/components/conversation/conversation-surface.tsx",
           "type": "registry:ui",

package/dist/r/src/components/conversation/composer-menu.tsx

@@ -0,0 +1,67 @@
+import type { ComponentProps } from 'solid-js'
+import { splitProps } from 'solid-js'
+import { cn } from '../../lib/utils'
+import { overlaySurface } from '../../lib/overlay'
+import { Button } from '../ui/button/button'
+
+export type ComposerMenuProps = ComponentProps<'div'> & {
+  /** A name for what the menu offers, e.g. "Mention an Agent". */
+  label?: string
+}
+
+/**
+ * ComposerMenu.
+ *
+ * The panel a composer raises above the field: mention suggestions while the
+ * reader types a name, the picker of what can be attached, follow-up prompts.
+ * It is deliberately *not* a `Menu`: there is no trigger and no focus trap —
+ * the reader keeps typing while it is open, and it opens and closes on the
+ * draft's own grammar rather than on a button press.
+ *
+ * Rows are `ComposerMenuItem`s; anything else a caller renders (a checkbox
+ * list, a heading) sits inside the same panel. Placement stays with the host —
+ * a suggestion menu renders in the composer's `menu` slot, a picker anchors to
+ * its own control.
+ */
+export function ComposerMenu(props: ComposerMenuProps) {
+  const [local, rest] = splitProps(props, ['class', 'label', 'children'])
+
+  return (
+    <div
+      role="group"
+      aria-label={local.label}
+      data-slot="composer-menu"
+      class={cn(
+        overlaySurface,
+        'flex max-h-56 min-w-60 flex-col gap-0.5 overflow-y-auto p-1',
+        local.class
+      )}
+      {...rest}
+    >
+      {local.children}
+    </div>
+  )
+}
+
+export type ComposerMenuItemProps = ComponentProps<typeof Button>
+
+/**
+ * ComposerMenuItem.
+ *
+ * One row of a `ComposerMenu`. A ghost button stretched across the panel —
+ * the same row every menu in the library draws, so a suggestion never reads as
+ * a stray button floating over the draft.
+ */
+export function ComposerMenuItem(props: ComposerMenuItemProps) {
+  const [local, rest] = splitProps(props, ['class', 'children'])
+
+  return (
+    <Button
+      variant="ghost"
+      class={cn('w-full justify-start gap-2 text-start font-normal', local.class)}
+      {...rest}
+    >
+      {local.children}
+    </Button>
+  )
+}

package/dist/r/src/components/conversation/conversation-pane.tsx

@@ -0,0 +1,111 @@
+import type { ComponentProps, JSX } from 'solid-js'
+import { Show, splitProps } from 'solid-js'
+import { cn } from '../../lib/utils'
+
+export type ConversationPaneProps = ComponentProps<'section'> & {
+  /** Above the transcript: the conversation's identity and its actions. */
+  header?: JSX.Element
+  /** The transcript — typically a `ConversationSurface` with `gutter`. */
+  children: JSX.Element
+  /** Below the transcript: the composer. */
+  composer?: JSX.Element
+  /**
+   * The thread side panel. Its presence opens the second column; at narrow
+   * widths the panel overlays the conversation instead of squeezing it, and
+   * the conversation chrome steps aside — out of the accessibility tree with
+   * it, which is why the overlay hides with `visibility` rather than paint.
+   */
+  thread?: JSX.Element
+  /**
+   * Apply the shared page gutters to the composer, tracking the transcript's
+   * own gutter (`ConversationSurface`'s `gutter`) so the two read as one pane.
+   */
+  gutter?: boolean
+}
+
+/**
+ * ConversationPane.
+ *
+ * The frame a conversation lives in: a header above, the transcript, a composer
+ * below, and — while a thread is open — the thread panel beside all of it.
+ *
+ * The layout earns its place in the library because the thread is where
+ * applications get it wrong. Two impulses both fail: shrinking the transcript
+ * to make room turns a busy thread into a one-word-per-line stripe, and
+ * *hiding* the transcript with `display: none` unmounts it, losing scroll
+ * position and DOM. So the desktop layout gives the thread a fixed column and
+ * leaves the transcript fluid; below the collapse width the panel overlays the
+ * conversation in full and the conversation steps aside invisibly — still
+ * mounted, still in the DOM, gone from the accessibility tree.
+ */
+export function ConversationPane(props: ConversationPaneProps) {
+  const [local, rest] = splitProps(props, [
+    'class',
+    'header',
+    'composer',
+    'thread',
+    'gutter',
+    'children',
+  ])
+  const threadOpen = () => local.thread !== undefined
+
+  return (
+    <section
+      data-slot="conversation-pane"
+      data-conversation-thread-open={threadOpen() || undefined}
+      class={cn(
+        'relative grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)_auto]',
+        threadOpen()
+          ? 'grid-cols-1 md:grid-cols-[minmax(20rem,1fr)_minmax(18rem,22rem)] lg:grid-cols-[minmax(24rem,1fr)_minmax(20rem,26rem)]'
+          : 'grid-cols-1',
+        local.class
+      )}
+      {...rest}
+    >
+      <Show when={local.header}>
+        {(header) => (
+          <div class={cn('col-start-1 row-start-1 min-w-0', threadOpen() && 'max-md:invisible')}>
+            {header()}
+          </div>
+        )}
+      </Show>
+
+      <div
+        class={cn(
+          'col-start-1 row-start-2 flex min-h-0 min-w-0 flex-col',
+          threadOpen() && 'max-md:invisible'
+        )}
+      >
+        {local.children}
+      </div>
+
+      <Show when={local.composer}>
+        {(composer) => (
+          <div
+            class={cn(
+              'col-start-1 row-start-3 min-w-0',
+              local.gutter && 'mx-[clamp(0.8rem,3vw,2.5rem)] mb-[1.15rem] max-[30rem]:mx-2',
+              threadOpen() && 'max-md:invisible'
+            )}
+          >
+            {composer()}
+          </div>
+        )}
+      </Show>
+
+      <Show when={local.thread}>
+        {(thread) => (
+          <div
+            class={cn(
+              'min-h-0 min-w-0',
+              threadOpen() &&
+                'max-md:absolute max-md:inset-0 max-md:z-(--z-docked) max-md:*:border-s-0 md:col-start-2 md:row-span-3 md:row-start-1'
+            )}
+          >
+            {thread()}
+          </div>
+        )}
+      </Show>
+    </section>
+  )
+}

package/dist/r/src/components/conversation/conversation-surface.tsx

@@ -38,6 +38,12 @@ export type ConversationSurfaceProps = ComponentProps<'div'> & {
   empty?: JSX.Element
   /** A header that scrolls with the transcript, e.g. a day divider or a banner. */
   header?: JSX.Element
+  /**
+   * The shared page gutter: reading padding inside the scroller plus a stable
+   * gutter, so the scrollbar never shifts the text when it appears. The page
+   * frame around the surface is `ConversationPane`'s job.
+   */
+  gutter?: boolean
 }
 
 export function ConversationSurface(props: ConversationSurfaceProps) {
@@ -50,6 +56,7 @@ export function ConversationSurface(props: ConversationSurfaceProps) {
     'onReadingPositionChange',
     'empty',
     'header',
+    'gutter',
     'children',
     'onScroll',
     'ref',
@@ -84,7 +91,11 @@ export function ConversationSurface(props: ConversationSurfaceProps) {
         }}
         onScroll={onScroll}
         tabindex={local.tabindex ?? 0}
-        class="min-h-0 flex-1 overflow-y-auto overscroll-contain"
+        class={cn(
+          'min-h-0 flex-1 overflow-y-auto overscroll-contain',
+          local.gutter &&
+            'px-[clamp(0.8rem,3vw,2.5rem)] pt-[1.35rem] pb-[1.1rem] [scrollbar-gutter:stable] max-[30rem]:px-2'
+        )}
         {...rest}
       >
         <div ref={follow.bindContent} data-slot="conversation-content">

package/dist/r/src/components/conversation/index.ts

@@ -10,6 +10,13 @@ export {
   type ConversationSurfaceProps,
   type ConversationReadingPosition,
 } from './conversation-surface'
+export { ConversationPane, type ConversationPaneProps } from './conversation-pane'
+export {
+  ComposerMenu,
+  ComposerMenuItem,
+  type ComposerMenuProps,
+  type ComposerMenuItemProps,
+} from './composer-menu'
 export {
   ComposerAttachmentButton,
   ComposerHint,

package/dist/r/src/components/conversation/message-composer.tsx

@@ -71,6 +71,12 @@ export type MessageComposerProps = Omit<ComponentProps<'form'>, 'onSubmit'> & {
   trailing?: JSX.Element
   /** A menu rendered above the field, e.g. mention suggestions. */
   menu?: JSX.Element
+  /**
+   * Host progress rendered in the composer's own live region, e.g. dictation
+   * state — plain paragraphs are progress, a `role="alert"` paragraph is a
+   * failure. Sending and send-failure copy stays the composer's own.
+   */
+  status?: JSX.Element
   /** The reply target, drawn as a strip above the field. */
   replyTo?: { label: string; onDismiss: () => void }
   /** Ref to the actual message textarea, for host focus and selection behavior. */
@@ -102,6 +108,7 @@ export function MessageComposer(props: MessageComposerProps) {
     'leading',
     'trailing',
     'menu',
+    'status',
     'replyTo',
     'inputRef',
     'inputId',
@@ -281,6 +288,7 @@ export function MessageComposer(props: MessageComposerProps) {
         >
           {pendingLabel()}…
         </Show>
+        <Show when={local.status}>{local.status}</Show>
       </div>
     </form>
   )

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

@@ -35,6 +35,13 @@ export const buttonVariants = cva(
           'border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input',
         /** No chrome until hover. The default for toolbar and row actions. */
         ghost: 'text-foreground hover:bg-surface-hover',
+        /**
+         * A ghost that opens something: a sheet, menu or popover trigger in a
+         * toolbar. While its surface is open it holds the menubar's pressed
+         * rung, so the open control never reads identical to its closed
+         * neighbours.
+         */
+        toolbar: 'text-foreground hover:bg-surface-hover data-[expanded]:bg-surface-active',
         /** A tinted primary, for a secondary action inside a primary flow. */
         subtle: 'bg-primary-subtle text-primary hover:bg-primary-subtle/80',
         success: 'bg-success text-success-foreground hover:bg-success/90',

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

@@ -8,3 +8,8 @@ export {
   type KbdChordProps,
   type KbdSize,
 } from './kbd'
+export {
+  platformModifierKey,
+  searchShortcutKeyshortcuts,
+  searchShortcutLabel,
+} from './platform-modifier'

package/dist/r/src/components/ui/kbd/platform-modifier.ts

@@ -0,0 +1,37 @@
+/**
+ * Which modifier a chord should advertise.
+ *
+ * Every global chord in the product binds `(metaKey || ctrlKey)`, so the
+ * working key is the platform's command modifier wherever the app runs — but
+ * Apple platforms draw it as ⌘ and everyone else spells it Ctrl. A chord
+ * label drawn from anything else (a hardcoded ⌘, say) advertises a key that
+ * does not work as drawn on Windows and Linux.
+ *
+ * These helpers are the one place that decides the glyph, so every surface
+ * that draws or announces a shortcut — rail rows, menus, a pane's search
+ * field — draws the same one. They sit next to the `Kbd` caps because the
+ * glyph is a property of the drawing, not of the feature that shows it: a
+ * spelled-out `Ctrl` needs one cap per word (a `KbdGroup`), while `⌘K` can
+ * ride `KbdChord`'s one-cap-per-character split.
+ */
+
+/** The modifier glyph the running OS renders for Meta: ⌘ on Apple platforms, Ctrl elsewhere. */
+export function platformModifierKey(platform?: string): '⌘' | 'Ctrl' {
+  // The guard keeps server renders honest: no navigator means no Apple
+  // platform string, so they fall back to the spelled-out modifier.
+  const browserPlatform = platform ?? (typeof navigator === 'undefined' ? '' : navigator.platform)
+  return /Mac|iPhone|iPad|iPod/i.test(browserPlatform) ? '⌘' : 'Ctrl'
+}
+
+/** The workspace search chord label as the rail's hover text draws it: the
+ *  platform modifier plus K (`⌘K`, or `Ctrl+K` where ⌘ does not exist). */
+export function searchShortcutLabel(platform?: string): string {
+  return platformModifierKey(platform) === '⌘' ? '⌘K' : 'Ctrl+K'
+}
+
+/**
+ * The `aria-keyshortcuts` for the search chord. The binding accepts Meta and
+ * Ctrl alike, so the announced shortcuts name both: a hardcoded `Meta+K`
+ * would promise a key the row does not keep on non-Apple platforms.
+ */
+export const searchShortcutKeyshortcuts = 'Meta+K Control+K'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adea-ai/ui",
-  "version": "0.119.1",
+  "version": "0.121.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",

package/registry.json

@@ -885,6 +885,11 @@
           "path": "src/components/ui/kbd/kbd.tsx",
           "type": "registry:ui",
           "target": "components/ui/kbd/kbd.tsx"
+        },
+        {
+          "path": "src/components/ui/kbd/platform-modifier.ts",
+          "type": "registry:ui",
+          "target": "components/ui/kbd/platform-modifier.ts"
         }
       ]
     },
@@ -2374,11 +2379,21 @@
           "type": "registry:ui",
           "target": "components/conversation/chat-composer.tsx"
         },
+        {
+          "path": "src/components/conversation/composer-menu.tsx",
+          "type": "registry:ui",
+          "target": "components/conversation/composer-menu.tsx"
+        },
         {
           "path": "src/components/conversation/conversation-avatar.tsx",
           "type": "registry:ui",
           "target": "components/conversation/conversation-avatar.tsx"
         },
+        {
+          "path": "src/components/conversation/conversation-pane.tsx",
+          "type": "registry:ui",
+          "target": "components/conversation/conversation-pane.tsx"
+        },
         {
           "path": "src/components/conversation/conversation-surface.tsx",
           "type": "registry:ui",