@adea-ai/ui 0.60.4 → 0.61.1

package/dist/components/conversation/conversation-avatar.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentProps } from 'solid-js';
+/**
+ * ConversationAvatar.
+ *
+ * The speaker's mark in a transcript. Three kinds, and the distinction matters
+ * visually: a person, an agent, and the system itself are different *voices*, and a
+ * transcript where all three look alike is one the reader has to decode line by
+ * line.
+ *
+ * The avatar is decorative — the speaker's name is in the message's accessible name
+ * — so it is `aria-hidden` and carries no text of its own. A caller with a real
+ * image passes it as children.
+ */
+export type ConversationAvatarKind = 'user' | 'agent' | 'system';
+export type ConversationAvatarProps = ComponentProps<'span'> & {
+    kind: ConversationAvatarKind;
+    /** Draw the mark larger, for the sender's own messages. */
+    size?: 'md' | 'lg';
+};
+export declare function ConversationAvatar(props: ConversationAvatarProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=conversation-avatar.d.ts.map

package/dist/components/conversation/conversation-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/conversation-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAM9C;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEhE,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IAC7D,IAAI,EAAE,sBAAsB,CAAA;IAC5B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB,CAAA;AAID,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,kCA+BhE"}

package/dist/components/conversation/conversation-avatar.js

@@ -0,0 +1,52 @@
+import { cn } from "../../lib/utils.js";
+import { Dynamic, createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { Bot, Sparkles, User } from "lucide-solid";
+import { Show, splitProps } from "solid-js";
+//#region src/components/conversation/conversation-avatar.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span data-slot=conversation-avatar aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class="grid size-4 place-items-center [&amp;_svg]:size-4">`);
+var GLYPHS = {
+	user: User,
+	agent: Bot,
+	system: Sparkles
+};
+function ConversationAvatar(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"kind",
+		"size",
+		"children"
+	]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("grid shrink-0 place-items-center rounded-full border border-border", local.size === "lg" ? "size-8" : "size-7", {
+				"bg-primary-subtle text-primary": local.kind === "user",
+				"bg-card text-foreground": local.kind === "agent",
+				"bg-muted text-muted-foreground": local.kind === "system"
+			}, local.class);
+		} }, rest), false, true);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.children;
+			},
+			get fallback() {
+				return (() => {
+					var _el$2 = _tmpl$2();
+					insert(_el$2, createComponent(Dynamic, { get component() {
+						return GLYPHS[local.kind];
+					} }));
+					return _el$2;
+				})();
+			},
+			get children() {
+				return local.children;
+			}
+		}));
+		return _el$;
+	})();
+}
+//#endregion
+export { ConversationAvatar };
+
+//# sourceMappingURL=conversation-avatar.js.map

package/dist/components/conversation/conversation-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-avatar.js","names":["ComponentProps","Show","splitProps","Dynamic","Bot","Sparkles","User","cn","ConversationAvatarKind","ConversationAvatarProps","kind","size","GLYPHS","user","agent","system","const","ConversationAvatar","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","fallback","_el$2","_tmpl$2","component","_$mergeProps","_$createComponent"],"sources":["../../../src/components/conversation/conversation-avatar.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\nimport { Bot, Sparkles, User } from 'lucide-solid'\nimport { cn } from '#lib/utils'\n\n/**\n * ConversationAvatar.\n *\n * The speaker's mark in a transcript. Three kinds, and the distinction matters\n * visually: a person, an agent, and the system itself are different *voices*, and a\n * transcript where all three look alike is one the reader has to decode line by\n * line.\n *\n * The avatar is decorative — the speaker's name is in the message's accessible name\n * — so it is `aria-hidden` and carries no text of its own. A caller with a real\n * image passes it as children.\n */\nexport type ConversationAvatarKind = 'user' | 'agent' | 'system'\n\nexport type ConversationAvatarProps = ComponentProps<'span'> & {\n  kind: ConversationAvatarKind\n  /** Draw the mark larger, for the sender's own messages. */\n  size?: 'md' | 'lg'\n}\n\nconst GLYPHS = { user: User, agent: Bot, system: Sparkles } as const\n\nexport function ConversationAvatar(props: ConversationAvatarProps) {\n  const [local, rest] = splitProps(props, ['class', 'kind', 'size', 'children'])\n\n  return (\n    <span\n      data-slot=\"conversation-avatar\"\n      aria-hidden=\"true\"\n      class={cn(\n        'grid shrink-0 place-items-center rounded-full border border-border',\n        local.size === 'lg' ? 'size-8' : 'size-7',\n        {\n          'bg-primary-subtle text-primary': local.kind === 'user',\n          'bg-card text-foreground': local.kind === 'agent',\n          'bg-muted text-muted-foreground': local.kind === 'system',\n        },\n        local.class\n      )}\n      {...rest}\n    >\n      <Show\n        when={local.children}\n        fallback={\n          <span class=\"grid size-4 place-items-center [&_svg]:size-4\">\n            <Dynamic component={GLYPHS[local.kind]} />\n          </span>\n        }\n      >\n        {local.children}\n      </Show>\n    </span>\n  )\n}\n"],"mappings":";;;;;;;AA0BA,IAAMY,SAAS;CAAEC,MAAMP;CAAMQ,OAAOV;CAAKW,QAAQV;AAAS;AAE1D,SAAgBY,mBAAmBC,OAAgC;CACjE,MAAM,CAACC,OAAOC,QAAQlB,WAAWgB,OAAO;EAAC;EAAS;EAAQ;EAAQ;CAAU,CAAC;CAE7E,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAIWjB,GACL,sEACAY,MAAMR,SAAS,OAAO,WAAW,UACjC;IACE,kCAAkCQ,MAAMT,SAAS;IACjD,2BAA2BS,MAAMT,SAAS;IAC1C,kCAAkCS,MAAMT,SAAS;GACnD,GACAS,MAAMM,KACR;EAAC,EAAA,GACGL,IAAI,GAAA,OAAA,IAAA;EAAAM,OAAAL,MAAAM,gBAEP1B,MAAI;GAAA,IACH2B,OAAI;IAAA,OAAET,MAAMU;GAAQ;GAAA,IACpBC,WAAQ;IAAA,cAAA;KAAA,IAAAC,QAAAC,QAAA;KAAAN,OAAAK,OAAAJ,gBAEHxB,SAAO,EAAA,IAAC8B,YAAS;MAAA,OAAErB,OAAOO,MAAMT;KAAK,EAAA,CAAA,CAAA;KAAA,OAAAqB;IAAA,EAAA,CAAA;GAAA;GAAA,IAAAF,WAAA;IAAA,OAIzCV,MAAMU;GAAQ;EAAA,CAAA,CAAA;EAAA,OAAAR;CAAA,EAAA,CAAA;AAIvB"}

package/dist/components/conversation/conversation-surface.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * ConversationSurface.
+ *
+ * The scrolling transcript. Its job is small and it is the difference between a
+ * transcript that stays readable as it grows and one that fights the reader:
+ *
+ *   - **Stick to the bottom.** New messages scroll into view only when the reader is
+ *     already at the bottom. Someone reading back through history must not be yanked
+ *     to the end by an arriving message, and that is the single most common way a
+ *     chat surface is made unusable.
+ *   - **Offer a way back.** Once the reader is not at the bottom, a control appears
+ *     that returns them and says how much they have missed.
+ *   - **`overscroll-contain`.** The transcript scrolls to its end and stops, rather
+ *     than dragging the pane behind it — which in a desktop shell means the whole
+ *     window moves.
+ */
+export type ConversationSurfaceProps = ComponentProps<'div'> & {
+    /** How far from the bottom still counts as "at the bottom", in px. */
+    threshold?: number;
+    /** Rendered above the transcript when there is nothing in it. */
+    empty?: JSX.Element;
+    /** A header that scrolls with the transcript, e.g. a day divider or a banner. */
+    header?: JSX.Element;
+};
+export declare function ConversationSurface(props: ConversationSurfaceProps): JSX.Element;
+//# sourceMappingURL=conversation-surface.d.ts.map

package/dist/components/conversation/conversation-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-surface.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/conversation-surface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAKnD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iEAAiE;IACjE,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACrB,CAAA;AAOD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAsElE"}

package/dist/components/conversation/conversation-surface.js

@@ -0,0 +1,118 @@
+import { cn } from "../../lib/utils.js";
+import { Button } from "../ui/button/button.js";
+import { className, createComponent, effect, insert, memo, spread, template, use } from "solid-js/web";
+import { ArrowDown } from "lucide-solid";
+import { Show, createSignal, onCleanup, splitProps } from "solid-js";
+//#region src/components/conversation/conversation-surface.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="pointer-events-none absolute inset-x-0 bottom-3 flex justify-center">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=conversation-surface><div class="min-h-0 flex-1 overflow-y-auto overscroll-contain">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class=p-4>`);
+/** How far the reader is from the end of the transcript, in px. */
+function distanceFromBottom(element) {
+	return element.scrollHeight - element.scrollTop - element.clientHeight;
+}
+function ConversationSurface(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"threshold",
+		"empty",
+		"header",
+		"children"
+	]);
+	const [atBottom, setAtBottom] = createSignal(true);
+	const [missed, setMissed] = createSignal(0);
+	let scroller;
+	const onScroll = () => {
+		if (!scroller) return;
+		const distance = distanceFromBottom(scroller);
+		const threshold = local.threshold ?? 80;
+		setAtBottom(distance <= threshold);
+		setMissed(distance <= threshold ? 0 : Math.round(distance / 96));
+	};
+	const jumpToLatest = () => {
+		scroller?.scrollTo({
+			top: scroller.scrollHeight,
+			behavior: "smooth"
+		});
+		setAtBottom(true);
+		setMissed(0);
+	};
+	const observer = () => {
+		if (!scroller) return;
+		const mutation = new MutationObserver(() => {
+			if (atBottom()) scroller?.scrollTo({ top: scroller.scrollHeight });
+			else onScroll();
+		});
+		mutation.observe(scroller, {
+			childList: true,
+			subtree: true
+		});
+		onCleanup(() => mutation.disconnect());
+	};
+	return (() => {
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+		_el$2.addEventListener("scroll", onScroll);
+		use((element) => {
+			scroller = element;
+			observer();
+		}, _el$2);
+		spread(_el$2, rest, false, true);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return local.header;
+			},
+			get children() {
+				return local.header;
+			}
+		}), null);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return local.children;
+			},
+			get fallback() {
+				return (() => {
+					var _el$4 = _tmpl$3();
+					insert(_el$4, () => local.empty);
+					return _el$4;
+				})();
+			},
+			get children() {
+				return local.children;
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return !atBottom();
+			},
+			get children() {
+				var _el$3 = _tmpl$();
+				insert(_el$3, createComponent(Button, {
+					size: "sm",
+					variant: "secondary",
+					"class": "pointer-events-auto gap-1.5 shadow-md",
+					onClick: jumpToLatest,
+					get children() {
+						return [createComponent(ArrowDown, {}), createComponent(Show, {
+							get when() {
+								return missed() > 0;
+							},
+							get fallback() {
+								return "Jump to latest";
+							},
+							get children() {
+								return [memo(() => missed()), " new"];
+							}
+						})];
+					}
+				}));
+				return _el$3;
+			}
+		}), null);
+		effect(() => className(_el$, cn("relative flex min-h-0 flex-1 flex-col", local.class)));
+		return _el$;
+	})();
+}
+//#endregion
+export { ConversationSurface };
+
+//# sourceMappingURL=conversation-surface.js.map

package/dist/components/conversation/conversation-surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-surface.js","names":["ArrowDown","ComponentProps","JSX","Show","createSignal","onCleanup","splitProps","cn","Button","ConversationSurfaceProps","threshold","empty","Element","header","distanceFromBottom","element","HTMLDivElement","scrollHeight","scrollTop","clientHeight","ConversationSurface","props","local","rest","atBottom","setAtBottom","missed","setMissed","scroller","onScroll","distance","Math","round","jumpToLatest","scrollTo","top","behavior","observer","mutation","MutationObserver","observe","childList","subtree","disconnect","_el$","_tmpl$2","_el$2","firstChild","addEventListener","_$use","_$spread","_$insert","_$createComponent","when","children","fallback","_el$4","_tmpl$3","_el$3","_tmpl$","size","variant","onClick","_$memo","_$effect","_$className","class","_$createComponent","_$memo","_$className"],"sources":["../../../src/components/conversation/conversation-surface.tsx"],"sourcesContent":["import { ArrowDown } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, createSignal, onCleanup, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button } from '../ui/button/button'\n\n/**\n * ConversationSurface.\n *\n * The scrolling transcript. Its job is small and it is the difference between a\n * transcript that stays readable as it grows and one that fights the reader:\n *\n *   - **Stick to the bottom.** New messages scroll into view only when the reader is\n *     already at the bottom. Someone reading back through history must not be yanked\n *     to the end by an arriving message, and that is the single most common way a\n *     chat surface is made unusable.\n *   - **Offer a way back.** Once the reader is not at the bottom, a control appears\n *     that returns them and says how much they have missed.\n *   - **`overscroll-contain`.** The transcript scrolls to its end and stops, rather\n *     than dragging the pane behind it — which in a desktop shell means the whole\n *     window moves.\n */\nexport type ConversationSurfaceProps = ComponentProps<'div'> & {\n  /** How far from the bottom still counts as \"at the bottom\", in px. */\n  threshold?: number\n  /** Rendered above the transcript when there is nothing in it. */\n  empty?: JSX.Element\n  /** A header that scrolls with the transcript, e.g. a day divider or a banner. */\n  header?: JSX.Element\n}\n\n/** How far the reader is from the end of the transcript, in px. */\nfunction distanceFromBottom(element: HTMLDivElement): number {\n  return element.scrollHeight - element.scrollTop - element.clientHeight\n}\n\nexport function ConversationSurface(props: ConversationSurfaceProps) {\n  const [local, rest] = splitProps(props, ['class', 'threshold', 'empty', 'header', 'children'])\n\n  const [atBottom, setAtBottom] = createSignal(true)\n  const [missed, setMissed] = createSignal(0)\n  let scroller: HTMLDivElement | undefined\n\n  const onScroll = () => {\n    if (!scroller) return\n    const distance = distanceFromBottom(scroller)\n    const threshold = local.threshold ?? 80\n    setAtBottom(distance <= threshold)\n    setMissed(distance <= threshold ? 0 : Math.round(distance / 96))\n  }\n\n  const jumpToLatest = () => {\n    scroller?.scrollTo({ top: scroller.scrollHeight, behavior: 'smooth' })\n    setAtBottom(true)\n    setMissed(0)\n  }\n\n  // An arriving message while the reader is at the bottom should follow it. While\n  // they are not, it must not.\n  const observer = () => {\n    if (!scroller) return\n    const mutation = new MutationObserver(() => {\n      if (atBottom()) scroller?.scrollTo({ top: scroller.scrollHeight })\n      else onScroll()\n    })\n    mutation.observe(scroller, { childList: true, subtree: true })\n    onCleanup(() => mutation.disconnect())\n  }\n\n  return (\n    <div\n      data-slot=\"conversation-surface\"\n      class={cn('relative flex min-h-0 flex-1 flex-col', local.class)}\n    >\n      <div\n        ref={(element) => {\n          scroller = element\n          observer()\n        }}\n        onScroll={onScroll}\n        class=\"min-h-0 flex-1 overflow-y-auto overscroll-contain\"\n        {...rest}\n      >\n        <Show when={local.header}>{local.header}</Show>\n        <Show when={local.children} fallback={<div class=\"p-4\">{local.empty}</div>}>\n          {local.children}\n        </Show>\n      </div>\n\n      <Show when={!atBottom()}>\n        <div class=\"pointer-events-none absolute inset-x-0 bottom-3 flex justify-center\">\n          <Button\n            size=\"sm\"\n            variant=\"secondary\"\n            class=\"pointer-events-auto gap-1.5 shadow-md\"\n            onClick={jumpToLatest}\n          >\n            <ArrowDown />\n            <Show when={missed() > 0} fallback={<>Jump to latest</>}>\n              {missed()} new\n            </Show>\n          </Button>\n        </div>\n      </Show>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AAgCA,SAASc,mBAAmBC,SAAiC;CAC3D,OAAOA,QAAQE,eAAeF,QAAQG,YAAYH,QAAQI;AAC5D;AAEA,SAAgBC,oBAAoBC,OAAiC;CACnE,MAAM,CAACC,OAAOC,QAAQjB,WAAWe,OAAO;EAAC;EAAS;EAAa;EAAS;EAAU;CAAU,CAAC;CAE7F,MAAM,CAACG,UAAUC,eAAerB,aAAa,IAAI;CACjD,MAAM,CAACsB,QAAQC,aAAavB,aAAa,CAAC;CAC1C,IAAIwB;CAEJ,MAAMC,iBAAiB;EACrB,IAAI,CAACD,UAAU;EACf,MAAME,WAAWhB,mBAAmBc,QAAQ;EAC5C,MAAMlB,YAAYY,MAAMZ,aAAa;EACrCe,YAAYK,YAAYpB,SAAS;EACjCiB,UAAUG,YAAYpB,YAAY,IAAIqB,KAAKC,MAAMF,WAAW,EAAE,CAAC;CACjE;CAEA,MAAMG,qBAAqB;EACzBL,UAAUM,SAAS;GAAEC,KAAKP,SAASX;GAAcmB,UAAU;EAAS,CAAC;EACrEX,YAAY,IAAI;EAChBE,UAAU,CAAC;CACb;CAIA,MAAMU,iBAAiB;EACrB,IAAI,CAACT,UAAU;EACf,MAAMU,WAAW,IAAIC,uBAAuB;GAC1C,IAAIf,SAAS,GAAGI,UAAUM,SAAS,EAAEC,KAAKP,SAASX,aAAa,CAAC;QAC5DY,SAAS;EAChB,CAAC;EACDS,SAASE,QAAQZ,UAAU;GAAEa,WAAW;GAAMC,SAAS;EAAK,CAAC;EAC7DrC,gBAAgBiC,SAASK,WAAW,CAAC;CACvC;CAEA,cAAA;EAAA,IAAAC,OAAAC,QAAA,GAAAC,QAAAF,KAAAG;EAAAD,MAAAE,iBAAA,UAUgBnB,QAAQ;EAAAoB,KAJZlC,YAAY;GAChBa,WAAWb;GACXsB,SAAS;EACX,GAACS,KAAA;EAAAI,OAAAJ,OAGGvB,MAAI,OAAA,IAAA;EAAA4B,OAAAL,OAAAM,gBAEPjD,MAAI;GAAA,IAACkD,OAAI;IAAA,OAAE/B,MAAMT;GAAM;GAAA,IAAAyC,WAAA;IAAA,OAAGhC,MAAMT;GAAM;EAAA,CAAA,GAAA,IAAA;EAAAsC,OAAAL,OAAAM,gBACtCjD,MAAI;GAAA,IAACkD,OAAI;IAAA,OAAE/B,MAAMgC;GAAQ;GAAA,IAAEC,WAAQ;IAAA,cAAA;KAAA,IAAAC,QAAAC,QAAA;KAAAN,OAAAK,aAAoBlC,MAAMX,KAAK;KAAA,OAAA6C;IAAA,EAAA,CAAA;GAAA;GAAA,IAAAF,WAAA;IAAA,OAChEhC,MAAMgC;GAAQ;EAAA,CAAA,GAAA,IAAA;EAAAH,OAAAP,MAAAQ,gBAIlBjD,MAAI;GAAA,IAACkD,OAAI;IAAA,OAAE,CAAC7B,SAAS;GAAC;GAAA,IAAA8B,WAAA;IAAA,IAAAI,QAAAC,OAAA;IAAAR,OAAAO,OAAAN,gBAElB5C,QAAM;KACLoD,MAAI;KACJC,SAAO;KAAA,SAAA;KAEPC,SAAS7B;KAAY,IAAAqB,WAAA;MAAA,OAAA,CAAAF,gBAEpBpD,WAAS,CAAA,CAAA,GAAAoD,gBACTjD,MAAI;OAAA,IAACkD,OAAI;QAAA,OAAE3B,OAAO,IAAI;OAAC;OAAA,IAAE6B,WAAQ;QAAA,OAAA;OAAA;OAAA,IAAAD,WAAA;QAAA,OAAA,CAAAS,WAC/BrC,OAAO,CAAC,GAAA,MAAA;OAAA;MAAA,CAAA,CAAA;KAAA;IAAA,CAAA,CAAA;IAAA,OAAAgC;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAM,aAAAC,UAAArB,MA3BVrC,GAAG,yCAAyCe,MAAM4C,KAAK,CAAC,CAAA;EAAA,OAAAtB;CAAA,EAAA,CAAA;AAkCrE"}

package/dist/components/conversation/index.d.ts

@@ -0,0 +1,6 @@
+export { ConversationAvatar, type ConversationAvatarKind, type ConversationAvatarProps, } from './conversation-avatar';
+export { ConversationSurface, type ConversationSurfaceProps } from './conversation-surface';
+export { ComposerAttachmentButton, ComposerHint, MessageComposer, type MessageComposerProps, } from './message-composer';
+export { MessageBody, MessageDayDivider, MessageGroup, MessageRow, type MessageRowProps, } from './message-row';
+export { AttachmentCard, ThreadPanel, type AttachmentCardProps, type ThreadPanelProps, } from './thread-panel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/conversation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,wBAAwB,CAAA;AAC3F,OAAO,EACL,wBAAwB,EACxB,YAAY,EACZ,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,cAAc,EACd,WAAW,EACX,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA"}

package/dist/components/conversation/message-composer.d.ts

@@ -0,0 +1,70 @@
+import type { ComponentProps, JSX } from 'solid-js';
+import { Button } from '../ui/button/button';
+/**
+ * MessageComposer.
+ *
+ * The field a message is written in. It is a form, and it behaves like one: Enter
+ * sends, Shift+Enter breaks the line, Escape clears the error.
+ *
+ * ## What it does not know
+ *
+ * No mention model, no attachment model, no dictation, no idempotency keys. The
+ * first version of this composer was written against adea's agent and artifact
+ * types, which meant it could only ever be used by adea. Here the attachment control
+ * is a *slot*, the mention menu is a slot, and a caller that has an agent model
+ * renders one; a caller that does not gets a composer without it.
+ *
+ * ## The three things it does own
+ *
+ * **Enter sends, Shift+Enter breaks the line.** That is the convention every chat
+ * application shares, and getting it wrong is the single most irritating thing a
+ * composer can do. `⌘`/`Ctrl`+Enter is accepted too, because someone arriving from an
+ * editor will try it.
+ *
+ * **The send button is disabled when there is nothing to send.** A control that
+ * accepts a press and does nothing is worse than one that says it cannot.
+ *
+ * **The status region is `aria-live`.** "Sending…" and a failure both land there, so
+ * a screen reader hears the outcome without the composer stealing focus.
+ */
+export type MessageComposerProps = Omit<ComponentProps<'form'>, 'onSubmit'> & {
+    /** The draft. Controlled: the caller owns the text, because it usually persists. */
+    value: string;
+    onValueChange: (value: string) => void;
+    /** Called on send. A rejection is surfaced as an error and the draft is kept. */
+    onSubmit: () => void | Promise<void>;
+    placeholder?: string;
+    /** Disable the whole composer, e.g. while the channel is read-only. */
+    disabled?: boolean;
+    /** Label the send action for a context other than a message, e.g. a reply. */
+    submitLabel?: string;
+    /** Show the keyboard hint under the field. */
+    showHint?: boolean;
+    /** A leading control group, e.g. an attach button. */
+    leading?: JSX.Element;
+    /** A trailing group before the send button, e.g. a dictation toggle. */
+    trailing?: JSX.Element;
+    /** A menu rendered above the field, e.g. mention suggestions. */
+    menu?: JSX.Element;
+    /** The reply target, drawn as a strip above the field. */
+    replyTo?: {
+        label: string;
+        onDismiss: () => void;
+    };
+};
+export declare function MessageComposer(props: MessageComposerProps): JSX.Element;
+/**
+ * The attachment control.
+ *
+ * A slot rather than a built-in, because what can be attached is the application's
+ * business — but the *button* is shared, so it looks and behaves the same in both.
+ * The count is announced, since a paperclip alone does not say whether anything is
+ * attached.
+ */
+export declare function ComposerAttachmentButton(props: ComponentProps<typeof Button> & {
+    count?: number;
+    open?: boolean;
+}): JSX.Element;
+/** The hint a composer shows when the field is empty, as a one-line prompt. */
+export declare function ComposerHint(props: ComponentProps<'p'>): JSX.Element;
+//# sourceMappingURL=message-composer.d.ts.map

package/dist/components/conversation/message-composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-composer.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message-composer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAK5C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5E,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,iEAAiE;IACjE,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,0DAA0D;IAC1D,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CACnD,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAqI1D;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,eAiB1E;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,eAetD"}

package/dist/components/conversation/message-composer.js

@@ -0,0 +1,235 @@
+import { cn } from "../../lib/utils.js";
+import { Button } from "../ui/button/button.js";
+import { Kbd } from "../ui/kbd/kbd.js";
+import { Spinner } from "../ui/spinner/spinner.js";
+import { Textarea } from "../ui/textarea/textarea.js";
+import { className, createComponent, effect, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { CornerDownLeft, Paperclip, Send, X } from "lucide-solid";
+import { Show, createSignal, splitProps } from "solid-js";
+//#region src/components/conversation/message-composer.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<p class="text-muted-foreground flex items-center gap-1.5 text-2xs"> to send<span aria-hidden=true>·</span> <!> for a new line`);
+var _tmpl$3 = /*#__PURE__*/ template(`<form data-slot=message-composer><div><div class="flex items-center gap-1"><div class="ms-auto flex items-center gap-1"></div></div></div><div aria-live=polite class=min-h-0>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div class="bg-muted text-muted-foreground flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs"><span class="min-w-0 flex-1 truncate">Replying to `);
+var _tmpl$5 = /*#__PURE__*/ template(`<p class="text-destructive text-xs">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<p>`);
+function MessageComposer(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"value",
+		"onValueChange",
+		"onSubmit",
+		"placeholder",
+		"disabled",
+		"submitLabel",
+		"showHint",
+		"leading",
+		"trailing",
+		"menu",
+		"replyTo"
+	]);
+	const [sending, setSending] = createSignal(false);
+	const [error, setError] = createSignal(null);
+	const canSend = () => local.value.trim().length > 0 && !local.disabled && !sending();
+	const send = async () => {
+		if (!canSend()) return;
+		setSending(true);
+		setError(null);
+		try {
+			await local.onSubmit();
+		} catch {
+			setError("Message not sent. Your draft is still here; retry when the connection recovers.");
+		} finally {
+			setSending(false);
+		}
+	};
+	const onKeyDown = (event) => {
+		if (event.key === "Escape" && error()) {
+			setError(null);
+			return;
+		}
+		if (event.key !== "Enter") return;
+		if (event.shiftKey && !event.metaKey && !event.ctrlKey) return;
+		event.preventDefault();
+		send();
+	};
+	return (() => {
+		var _el$ = _tmpl$3(), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$10 = _el$3.nextSibling;
+		_el$.addEventListener("submit", (event) => {
+			event.preventDefault();
+			send();
+		});
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("flex flex-col gap-2", local.class);
+		} }, rest), false, true);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.menu;
+			},
+			get children() {
+				var _el$2 = _tmpl$();
+				insert(_el$2, () => local.menu);
+				return _el$2;
+			}
+		}), _el$3);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.replyTo;
+			},
+			children: (reply) => (() => {
+				var _el$11 = _tmpl$4(), _el$12 = _el$11.firstChild;
+				_el$12.firstChild;
+				insert(_el$12, () => reply().label, null);
+				insert(_el$11, createComponent(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-2xs",
+					"aria-label": "Cancel reply",
+					onClick: () => reply().onDismiss(),
+					get children() {
+						return createComponent(X, {});
+					}
+				}), null);
+				return _el$11;
+			})()
+		}), _el$3);
+		insert(_el$3, createComponent(Textarea, {
+			get value() {
+				return local.value;
+			},
+			onInput: (event) => local.onValueChange(event.currentTarget.value),
+			onKeyDown,
+			get placeholder() {
+				return local.placeholder ?? "Write a message…";
+			},
+			get disabled() {
+				return local.disabled;
+			},
+			rows: 1,
+			get ["aria-label"]() {
+				return memo(() => !!local.submitLabel)() ? `${local.submitLabel} message` : "Message";
+			},
+			"class": "min-h-9 resize-none border-0 bg-transparent p-0 text-sm shadow-none focus-visible:ring-0"
+		}), _el$4);
+		insert(_el$4, createComponent(Show, {
+			get when() {
+				return local.leading;
+			},
+			get children() {
+				return local.leading;
+			}
+		}), _el$5);
+		insert(_el$5, createComponent(Show, {
+			get when() {
+				return local.trailing;
+			},
+			get children() {
+				return local.trailing;
+			}
+		}), null);
+		insert(_el$5, createComponent(Button, {
+			type: "submit",
+			size: "icon-sm",
+			get disabled() {
+				return !canSend();
+			},
+			get ["aria-label"]() {
+				return sending() ? "Sending message" : "Send message";
+			},
+			get children() {
+				return createComponent(Show, {
+					get when() {
+						return sending();
+					},
+					get fallback() {
+						return createComponent(Send, {});
+					},
+					get children() {
+						return createComponent(Spinner, {
+							size: "sm",
+							label: false,
+							"class": "text-primary-foreground"
+						});
+					}
+				});
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.showHint;
+			},
+			get children() {
+				var _el$6 = _tmpl$2(), _el$7 = _el$6.firstChild, _el$9 = _el$7.nextSibling.nextSibling, _el$1 = _el$9.nextSibling;
+				_el$1.nextSibling;
+				insert(_el$6, createComponent(Kbd, { children: "Enter" }), _el$7);
+				insert(_el$6, createComponent(Kbd, { children: "Shift" }), _el$9);
+				insert(_el$6, createComponent(Kbd, { children: "Enter" }), _el$1);
+				return _el$6;
+			}
+		}), _el$10);
+		insert(_el$10, createComponent(Show, {
+			get when() {
+				return error();
+			},
+			children: (message) => (() => {
+				var _el$14 = _tmpl$5();
+				insert(_el$14, message);
+				return _el$14;
+			})()
+		}));
+		effect(() => className(_el$3, cn("border-input bg-card flex flex-col gap-1 rounded-lg border p-2", "transition-[color,box-shadow,border-color] ease-out", "focus-within:border-ring focus-within:ring-3 focus-within:ring-primary-subtle", local.disabled && "opacity-50")));
+		return _el$;
+	})();
+}
+/**
+* The attachment control.
+*
+* A slot rather than a built-in, because what can be attached is the application's
+* business — but the *button* is shared, so it looks and behaves the same in both.
+* The count is announced, since a paperclip alone does not say whether anything is
+* attached.
+*/
+function ComposerAttachmentButton(props) {
+	const [local, rest] = splitProps(props, [
+		"count",
+		"open",
+		"children"
+	]);
+	return createComponent(Button, mergeProps({
+		type: "button",
+		variant: "ghost",
+		size: "icon-sm",
+		get ["aria-label"]() {
+			return memo(() => !!local.count)() ? `${local.count} attached, add an attachment` : "Add an attachment";
+		},
+		get ["aria-expanded"]() {
+			return local.open;
+		},
+		"class": "text-muted-foreground"
+	}, rest, { get children() {
+		return local.children ?? createComponent(Paperclip, {});
+	} }));
+}
+/** The hint a composer shows when the field is empty, as a one-line prompt. */
+function ComposerHint(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$15 = _tmpl$6();
+		spread(_el$15, mergeProps({ get ["class"]() {
+			return cn("text-muted-foreground flex items-center gap-1.5 text-2xs", local.class);
+		} }, rest), false, true);
+		insert(_el$15, () => local.children ?? [
+			createComponent(CornerDownLeft, {
+				"aria-hidden": "true",
+				"class": "size-3"
+			}),
+			createComponent(Kbd, { children: "Enter" }),
+			" to send"
+		]);
+		return _el$15;
+	})();
+}
+//#endregion
+export { ComposerAttachmentButton, ComposerHint, MessageComposer };
+
+//# sourceMappingURL=message-composer.js.map

package/dist/components/conversation/message-composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-composer.js","names":["CornerDownLeft","Paperclip","Send","X","ComponentProps","JSX","Show","createSignal","splitProps","cn","Button","Kbd","Spinner","Textarea","MessageComposerProps","Omit","value","onValueChange","onSubmit","Promise","placeholder","disabled","submitLabel","showHint","leading","Element","trailing","menu","replyTo","label","onDismiss","MessageComposer","props","local","rest","sending","setSending","error","setError","canSend","trim","length","send","onKeyDown","EventHandlerUnion","HTMLTextAreaElement","KeyboardEvent","event","key","shiftKey","metaKey","ctrlKey","preventDefault","_el$","_tmpl$3","_el$3","firstChild","_el$4","_el$5","_el$10","nextSibling","addEventListener","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","_el$2","_tmpl$","reply","_el$11","_tmpl$4","_el$12","_el$13","type","variant","size","onClick","onInput","currentTarget","rows","aria-label","_$memo","fallback","_el$6","_tmpl$2","_el$7","_el$8","_el$9","_el$1","_el$0","message","_el$14","_tmpl$5","_$effect","_$className","ComposerAttachmentButton","count","open","aria-expanded","ComposerHint","_el$15","_tmpl$6","_$mergeProps","_$createComponent","_$memo","_$className"],"sources":["../../../src/components/conversation/message-composer.tsx"],"sourcesContent":["import { CornerDownLeft, Paperclip, Send, X } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, createSignal, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button } from '../ui/button/button'\nimport { Kbd } from '../ui/kbd/kbd'\nimport { Spinner } from '../ui/spinner/spinner'\nimport { Textarea } from '../ui/textarea/textarea'\n\n/**\n * MessageComposer.\n *\n * The field a message is written in. It is a form, and it behaves like one: Enter\n * sends, Shift+Enter breaks the line, Escape clears the error.\n *\n * ## What it does not know\n *\n * No mention model, no attachment model, no dictation, no idempotency keys. The\n * first version of this composer was written against adea's agent and artifact\n * types, which meant it could only ever be used by adea. Here the attachment control\n * is a *slot*, the mention menu is a slot, and a caller that has an agent model\n * renders one; a caller that does not gets a composer without it.\n *\n * ## The three things it does own\n *\n * **Enter sends, Shift+Enter breaks the line.** That is the convention every chat\n * application shares, and getting it wrong is the single most irritating thing a\n * composer can do. `⌘`/`Ctrl`+Enter is accepted too, because someone arriving from an\n * editor will try it.\n *\n * **The send button is disabled when there is nothing to send.** A control that\n * accepts a press and does nothing is worse than one that says it cannot.\n *\n * **The status region is `aria-live`.** \"Sending…\" and a failure both land there, so\n * a screen reader hears the outcome without the composer stealing focus.\n */\nexport type MessageComposerProps = Omit<ComponentProps<'form'>, 'onSubmit'> & {\n  /** The draft. Controlled: the caller owns the text, because it usually persists. */\n  value: string\n  onValueChange: (value: string) => void\n  /** Called on send. A rejection is surfaced as an error and the draft is kept. */\n  onSubmit: () => void | Promise<void>\n  placeholder?: string\n  /** Disable the whole composer, e.g. while the channel is read-only. */\n  disabled?: boolean\n  /** Label the send action for a context other than a message, e.g. a reply. */\n  submitLabel?: string\n  /** Show the keyboard hint under the field. */\n  showHint?: boolean\n  /** A leading control group, e.g. an attach button. */\n  leading?: JSX.Element\n  /** A trailing group before the send button, e.g. a dictation toggle. */\n  trailing?: JSX.Element\n  /** A menu rendered above the field, e.g. mention suggestions. */\n  menu?: JSX.Element\n  /** The reply target, drawn as a strip above the field. */\n  replyTo?: { label: string; onDismiss: () => void }\n}\n\nexport function MessageComposer(props: MessageComposerProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'value',\n    'onValueChange',\n    'onSubmit',\n    'placeholder',\n    'disabled',\n    'submitLabel',\n    'showHint',\n    'leading',\n    'trailing',\n    'menu',\n    'replyTo',\n  ])\n\n  const [sending, setSending] = createSignal(false)\n  const [error, setError] = createSignal<string | null>(null)\n\n  const canSend = () => local.value.trim().length > 0 && !local.disabled && !sending()\n\n  const send = async () => {\n    if (!canSend()) return\n    setSending(true)\n    setError(null)\n    try {\n      await local.onSubmit()\n    } catch {\n      // The draft is deliberately left in place. A send that fails and clears the\n      // field loses the user's work, which is the worst outcome available here.\n      setError('Message not sent. Your draft is still here; retry when the connection recovers.')\n    } finally {\n      setSending(false)\n    }\n  }\n\n  const onKeyDown: JSX.EventHandlerUnion<HTMLTextAreaElement, KeyboardEvent> = (event) => {\n    if (event.key === 'Escape' && error()) {\n      setError(null)\n      return\n    }\n    if (event.key !== 'Enter') return\n    // Shift breaks the line; a bare Enter, or a modified one, sends.\n    if (event.shiftKey && !event.metaKey && !event.ctrlKey) return\n    event.preventDefault()\n    void send()\n  }\n\n  return (\n    <form\n      data-slot=\"message-composer\"\n      class={cn('flex flex-col gap-2', local.class)}\n      onSubmit={(event) => {\n        event.preventDefault()\n        void send()\n      }}\n      {...rest}\n    >\n      <Show when={local.menu}>\n        <div>{local.menu}</div>\n      </Show>\n\n      <Show when={local.replyTo}>\n        {(reply) => (\n          <div class=\"bg-muted text-muted-foreground flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs\">\n            <span class=\"min-w-0 flex-1 truncate\">Replying to {reply().label}</span>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-2xs\"\n              aria-label=\"Cancel reply\"\n              onClick={() => reply().onDismiss()}\n            >\n              <X />\n            </Button>\n          </div>\n        )}\n      </Show>\n\n      <div\n        class={cn(\n          'border-input bg-card flex flex-col gap-1 rounded-lg border p-2',\n          'transition-[color,box-shadow,border-color] ease-out',\n          'focus-within:border-ring focus-within:ring-3 focus-within:ring-primary-subtle',\n          local.disabled && 'opacity-50'\n        )}\n      >\n        <Textarea\n          value={local.value}\n          onInput={(event) => local.onValueChange(event.currentTarget.value)}\n          onKeyDown={onKeyDown}\n          placeholder={local.placeholder ?? 'Write a message…'}\n          disabled={local.disabled}\n          rows={1}\n          aria-label={local.submitLabel ? `${local.submitLabel} message` : 'Message'}\n          class=\"min-h-9 resize-none border-0 bg-transparent p-0 text-sm shadow-none focus-visible:ring-0\"\n        />\n\n        <div class=\"flex items-center gap-1\">\n          <Show when={local.leading}>{local.leading}</Show>\n          <div class=\"ms-auto flex items-center gap-1\">\n            <Show when={local.trailing}>{local.trailing}</Show>\n            <Button\n              type=\"submit\"\n              size=\"icon-sm\"\n              disabled={!canSend()}\n              aria-label={sending() ? 'Sending message' : 'Send message'}\n            >\n              <Show when={sending()} fallback={<Send />}>\n                <Spinner size=\"sm\" label={false} class=\"text-primary-foreground\" />\n              </Show>\n            </Button>\n          </div>\n        </div>\n      </div>\n\n      <Show when={local.showHint}>\n        <p class=\"text-muted-foreground flex items-center gap-1.5 text-2xs\">\n          <Kbd>Enter</Kbd> to send\n          <span aria-hidden=\"true\">·</span>\n          <Kbd>Shift</Kbd> <Kbd>Enter</Kbd> for a new line\n        </p>\n      </Show>\n\n      {/* A live region, so the outcome is announced without moving focus out of the\n          field the user is typing in. */}\n      <div aria-live=\"polite\" class=\"min-h-0\">\n        <Show when={error()}>\n          {(message) => <p class=\"text-destructive text-xs\">{message()}</p>}\n        </Show>\n      </div>\n    </form>\n  )\n}\n\n/**\n * The attachment control.\n *\n * A slot rather than a built-in, because what can be attached is the application's\n * business — but the *button* is shared, so it looks and behaves the same in both.\n * The count is announced, since a paperclip alone does not say whether anything is\n * attached.\n */\nexport function ComposerAttachmentButton(\n  props: ComponentProps<typeof Button> & { count?: number; open?: boolean }\n) {\n  const [local, rest] = splitProps(props, ['count', 'open', 'children'])\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      aria-label={local.count ? `${local.count} attached, add an attachment` : 'Add an attachment'}\n      aria-expanded={local.open}\n      class=\"text-muted-foreground\"\n      {...rest}\n    >\n      {local.children ?? <Paperclip />}\n    </Button>\n  )\n}\n\n/** The hint a composer shows when the field is empty, as a one-line prompt. */\nexport function ComposerHint(props: ComponentProps<'p'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <p\n      class={cn('text-muted-foreground flex items-center gap-1.5 text-2xs', local.class)}\n      {...rest}\n    >\n      {local.children ?? (\n        <>\n          <CornerDownLeft aria-hidden=\"true\" class=\"size-3\" />\n          <Kbd>Enter</Kbd> to send\n        </>\n      )}\n    </p>\n  )\n}\n"],"mappings":"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"}