@adea-ai/ui 0.68.1 → 0.69.0

package/dist/components/conversation/internal/chat-composer-shell.js

@@ -0,0 +1,423 @@
+import { Button } from "../../ui/button/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../ui/dropdown-menu/dropdown-menu.js";
+import { Spinner } from "../../ui/spinner/spinner.js";
+import { BusySendButton } from "../busy-send-button.js";
+import { createComposerImeGuard } from "../ime-guard.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { ArrowUp, ChevronsDownUp, ChevronsUpDown, MoreHorizontal } from "lucide-solid";
+import { Show, createEffect, createSignal, on, onCleanup, onMount } from "solid-js";
+//#region src/components/conversation/internal/chat-composer-shell.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=composer-knowledge>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=composer-follow-ups>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=composer-band>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=composer-approval>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=composer-notices>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<p role=status class="text-muted-foreground mb-1 text-xs">`);
+var _tmpl$7 = /*#__PURE__*/ template(`<div data-slot=composer-staged-content>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<div class="flex min-w-0 flex-col"><span>Collapse the message input</span><span class="text-muted-foreground text-xs">Make room to read; keep your draft`);
+var _tmpl$9 = /*#__PURE__*/ template(`<form data-slot=composer-input-box class="border-input bg-card flex flex-col overflow-hidden rounded-2xl border transition-colors focus-within:border-ring"><div data-slot=composer-action-row class="flex items-center justify-between gap-2 px-2.5 pb-2 pt-0.5"><div class="flex min-w-0 items-center gap-1"></div><div class="flex shrink-0 items-center gap-1">`);
+var _tmpl$0 = /*#__PURE__*/ template(`<div data-slot=composer-context class="flex min-w-0 items-center gap-2 pt-1">`);
+var _tmpl$1 = /*#__PURE__*/ template(`<div data-slot=chat-composer class="mx-auto flex w-full max-w-4xl flex-col px-4 pb-1"><div aria-hidden=true class="h-1.5 shrink-0">`);
+var _tmpl$10 = /*#__PURE__*/ template(`<p role=alert class="text-destructive mb-1 text-xs">`);
+var _tmpl$11 = /*#__PURE__*/ template(`<span aria-hidden=true class=shrink-0>Show the message input`);
+var _tmpl$12 = /*#__PURE__*/ template(`<span aria-hidden=true class="min-w-0 flex-1 truncate">`);
+/**
+* Kiro's composer assembly: context/options, adjacent band, approval/notices,
+* staged content, input/action groups and a context shelf. Reading collapse
+* really unmounts the input and shelf and offers a labeled way back with draft
+* preview. The host retains the only draft, identities, preferences and services.
+*
+* Kobalte owns the options menu. Scoped imperative typing intent replaces the
+* donor global lookup/broadcast so a second composer cannot receive this draft
+* or focus. No animation starts from hidden geometry, no global shortcut, and no
+* runtime/permission/voice/optimizer authority is copied. More specific chips,
+* approval decisions and staged-content semantics are supplied by their owners.
+*/
+function ChatComposerShell(props) {
+	const ime = createComposerImeGuard();
+	const [pending, setPending] = createSignal(false);
+	const [error, setError] = createSignal(null);
+	let field;
+	let restoreBar;
+	let focusFrame;
+	let focusTarget;
+	let selection;
+	let generation = 0;
+	let active = true;
+	let composing = false;
+	const collapsed = () => props.collapse?.value === true;
+	const unavailable = () => props.disabled || props.readOnly || !!props.blockedReason;
+	const cancelFocus = () => {
+		if (focusFrame !== void 0) cancelAnimationFrame(focusFrame);
+		focusFrame = void 0;
+	};
+	const requestFocus = (target) => {
+		cancelFocus();
+		focusTarget = target;
+		focusFrame = requestAnimationFrame(() => {
+			focusFrame = void 0;
+			if (!active || props.approvalFocus) return;
+			if (target === "bar" && collapsed()) restoreBar?.focus();
+			if (target === "input" && !collapsed() && !props.disabled && field) {
+				field.focus();
+				if (selection) field.setSelectionRange(Math.min(selection.start, field.value.length), Math.min(selection.end, field.value.length), selection.direction);
+			}
+			focusTarget = void 0;
+		});
+	};
+	const changeCollapsed = (value) => {
+		if (!props.collapse || props.approvalFocus) return;
+		if (value && field) selection = {
+			start: field.selectionStart,
+			end: field.selectionEnd,
+			direction: field.selectionDirection
+		};
+		props.collapse.onChange(value);
+		requestFocus(value ? "bar" : "input");
+	};
+	const control = {
+		focus() {
+			if (collapsed() || props.approvalFocus || props.disabled || !field) return false;
+			field.focus();
+			return true;
+		},
+		expandAndFocus() {
+			if (props.approvalFocus || props.disabled) return false;
+			if (collapsed()) changeCollapsed(false);
+			else requestFocus("input");
+			return true;
+		}
+	};
+	onMount(() => props.controlRef?.(control));
+	createEffect(on(() => props.resetKey, () => {
+		generation += 1;
+		selection = void 0;
+		composing = false;
+		cancelFocus();
+		focusTarget = void 0;
+		setPending(false);
+		setError(null);
+		ime.onBlur();
+	}, { defer: true }));
+	onCleanup(() => {
+		active = false;
+		generation += 1;
+		cancelFocus();
+		props.controlRef?.(void 0);
+	});
+	const action = () => props.busy?.mode ?? "send";
+	const canSend = (selected = action()) => !unavailable() && !pending() && (props.sendableActions?.[selected] ?? props.value.trim().length > 0) && !(selected !== "send" && props.busy?.unavailable?.[selected]);
+	const submit = async (selected = action()) => {
+		if (!canSend(selected)) return;
+		const started = generation;
+		const base = {
+			text: props.value,
+			action: selected
+		};
+		const input = {
+			...base,
+			...props.createSubmitExtra(base)
+		};
+		setPending(true);
+		setError(null);
+		try {
+			await props.onSubmit(input);
+		} catch {
+			if (active && started === generation) setError("Message not sent. Check your draft and retry when the connection recovers.");
+		} finally {
+			if (active && started === generation) setPending(false);
+		}
+	};
+	const preview = () => {
+		const first = props.value.split("\n").find((line) => line.trim().length > 0)?.trim() ?? "";
+		return first.length > 120 ? `${first.slice(0, 120)}…` : first;
+	};
+	const handleInputKeyDown = (event) => {
+		if (event.key === "Escape" && error()) {
+			setError(null);
+			return;
+		}
+		if (event.key !== "Enter" || event.shiftKey || event.defaultPrevented) return;
+		if (ime.claimEnter(event)) {
+			const selected = props.busy && (event.metaKey || event.ctrlKey) ? props.busy.mode === "steer" ? "queue" : "steer" : action();
+			submit(selected);
+		}
+	};
+	const handleCompositionStart = () => {
+		composing = true;
+		ime.onCompositionStart();
+	};
+	const handleCompositionEnd = () => {
+		composing = false;
+		ime.onCompositionEnd();
+	};
+	const handleBlur = () => {
+		composing = false;
+		ime.onBlur();
+	};
+	return (() => {
+		var _el$ = _tmpl$1(), _el$5 = _el$.firstChild;
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return !props.approvalFocus;
+			},
+			get children() {
+				return [createComponent(Show, {
+					get when() {
+						return props.knowledge;
+					},
+					get children() {
+						var _el$2 = _tmpl$();
+						insert(_el$2, () => props.knowledge);
+						return _el$2;
+					}
+				}), createComponent(Show, {
+					get when() {
+						return props.followUps;
+					},
+					get children() {
+						var _el$3 = _tmpl$2();
+						insert(_el$3, () => props.followUps);
+						return _el$3;
+					}
+				})];
+			}
+		}), _el$5);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.band;
+			},
+			get children() {
+				var _el$4 = _tmpl$3();
+				insert(_el$4, () => props.band);
+				return _el$4;
+			}
+		}), _el$5);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.approval;
+			},
+			get children() {
+				var _el$6 = _tmpl$4();
+				insert(_el$6, () => props.approval);
+				return _el$6;
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.notices;
+			},
+			get children() {
+				var _el$7 = _tmpl$5();
+				insert(_el$7, () => props.notices);
+				return _el$7;
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.blockedReason;
+			},
+			get children() {
+				var _el$8 = _tmpl$6();
+				insert(_el$8, () => props.blockedReason);
+				return _el$8;
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return error();
+			},
+			children: (message) => (() => {
+				var _el$14 = _tmpl$10();
+				insert(_el$14, message);
+				return _el$14;
+			})()
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return !props.approvalFocus;
+			},
+			get children() {
+				return createComponent(Show, {
+					get when() {
+						return !collapsed();
+					},
+					get fallback() {
+						return createComponent(Button, {
+							ref: (element) => {
+								restoreBar = element;
+								onCleanup(() => {
+									if (restoreBar === element) restoreBar = void 0;
+								});
+							},
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							"class": "w-full justify-start",
+							"aria-expanded": false,
+							"aria-label": "Show the message input",
+							onClick: () => changeCollapsed(false),
+							get children() {
+								return [
+									createComponent(ChevronsUpDown, {}),
+									_tmpl$11(),
+									createComponent(Show, {
+										get when() {
+											return preview();
+										},
+										get children() {
+											var _el$16 = _tmpl$12();
+											insert(_el$16, preview);
+											return _el$16;
+										}
+									})
+								];
+							}
+						});
+					},
+					get children() {
+						return [(() => {
+							var _el$9 = _tmpl$9(), _el$1 = _el$9.firstChild, _el$10 = _el$1.firstChild, _el$12 = _el$10.nextSibling;
+							_el$9.addEventListener("submit", (event) => {
+								event.preventDefault();
+								submit();
+							});
+							insert(_el$9, createComponent(Show, {
+								get when() {
+									return props.attachments;
+								},
+								get children() {
+									var _el$0 = _tmpl$7();
+									insert(_el$0, () => props.attachments);
+									return _el$0;
+								}
+							}), _el$1);
+							insert(_el$9, () => props.renderInput({
+								ref: (element) => {
+									field = element;
+									if (element) onCleanup(() => {
+										if (field === element) field = void 0;
+									});
+								},
+								value: () => props.value,
+								resetKey: () => props.resetKey,
+								inputLabel: () => props.inputLabel ?? "Message",
+								placeholder: () => props.placeholder ?? "Write a message…",
+								disabled: () => props.disabled,
+								readOnly: () => props.readOnly || pending(),
+								composing: () => composing,
+								onCompositionStart: handleCompositionStart,
+								onCompositionEnd: handleCompositionEnd,
+								onFocus: ime.onFocus,
+								onBlur: handleBlur,
+								onKeyDown: handleInputKeyDown
+							}), _el$1);
+							insert(_el$10, createComponent(Show, {
+								get when() {
+									return props.collapse || props.menuItems;
+								},
+								get children() {
+									return createComponent(DropdownMenu, {
+										placement: "top-start",
+										get children() {
+											return [createComponent(DropdownMenuTrigger, {
+												as: Button,
+												type: "button",
+												variant: "ghost",
+												size: "icon-sm",
+												"aria-label": "Message input options",
+												get children() {
+													return createComponent(MoreHorizontal, {});
+												}
+											}), createComponent(DropdownMenuContent, {
+												onCloseAutoFocus: (event) => {
+													if (focusTarget) event.preventDefault();
+												},
+												get children() {
+													return [memo(() => props.menuItems), createComponent(Show, {
+														get when() {
+															return props.collapse;
+														},
+														get children() {
+															return createComponent(DropdownMenuItem, {
+																onSelect: () => changeCollapsed(true),
+																get children() {
+																	return [createComponent(ChevronsDownUp, {}), _tmpl$8()];
+																}
+															});
+														}
+													})];
+												}
+											})];
+										}
+									});
+								}
+							}), null);
+							insert(_el$10, () => props.leadingActions, null);
+							insert(_el$12, () => props.trailingActions, null);
+							insert(_el$12, createComponent(Show, {
+								get when() {
+									return props.busy;
+								},
+								get fallback() {
+									return createComponent(Button, {
+										type: "submit",
+										size: "icon-sm",
+										get disabled() {
+											return !canSend();
+										},
+										get ["aria-label"]() {
+											return pending() ? "Sending message" : "Send message";
+										},
+										get children() {
+											return createComponent(Show, {
+												get when() {
+													return pending();
+												},
+												get fallback() {
+													return createComponent(ArrowUp, {});
+												},
+												get children() {
+													return createComponent(Spinner, {
+														size: "sm",
+														label: false
+													});
+												}
+											});
+										}
+									});
+								},
+								children: (busy) => createComponent(BusySendButton, mergeProps(busy, {
+									get alternateActionHint() {
+										return canSend(busy().mode === "steer" ? "queue" : "steer") ? "Ctrl/Cmd+Enter uses the other action" : void 0;
+									},
+									get disabled() {
+										return !canSend();
+									},
+									onFire: () => {
+										submit();
+									}
+								}))
+							}), null);
+							return _el$9;
+						})(), createComponent(Show, {
+							get when() {
+								return props.context;
+							},
+							get children() {
+								var _el$13 = _tmpl$0();
+								insert(_el$13, () => props.context);
+								return _el$13;
+							}
+						})];
+					}
+				});
+			}
+		}), null);
+		return _el$;
+	})();
+}
+//#endregion
+export { ChatComposerShell };
+
+//# sourceMappingURL=chat-composer-shell.js.map

package/dist/components/conversation/internal/chat-composer-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer-shell.js","names":["ChevronsDownUp","ChevronsUpDown","MoreHorizontal","ArrowUp","Show","createEffect","createSignal","on","onCleanup","onMount","Accessor","JSX","ChatComposerControl","ChatComposerSharedProps","ChatComposerSubmitInput","Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","Spinner","BusySendButton","BusySendMode","createComposerImeGuard","ChatComposerInputRenderProps","ref","element","HTMLTextAreaElement","value","resetKey","inputLabel","placeholder","disabled","readOnly","composing","onCompositionStart","onCompositionEnd","onFocus","onBlur","onKeyDown","event","KeyboardEvent","ChatComposerShellProps","createSubmitExtra","input","Extra","onSubmit","Promise","renderInput","props","Element","ChatComposerShell","ime","pending","setPending","error","setError","field","restoreBar","HTMLButtonElement","focusFrame","focusTarget","selection","start","end","direction","generation","active","collapsed","collapse","unavailable","blockedReason","cancelFocus","undefined","cancelAnimationFrame","requestFocus","target","requestAnimationFrame","approvalFocus","focus","setSelectionRange","Math","min","length","changeCollapsed","selectionStart","selectionEnd","selectionDirection","onChange","control","expandAndFocus","controlRef","defer","action","busy","mode","canSend","selected","sendableActions","trim","submit","started","base","text","preview","first","split","find","line","slice","handleInputKeyDown","key","shiftKey","defaultPrevented","claimEnter","metaKey","ctrlKey","handleCompositionStart","handleCompositionEnd","handleBlur","_el$","_tmpl$1","_el$5","firstChild","_$insert","_$createComponent","when","children","knowledge","_el$2","_tmpl$","followUps","_el$3","_tmpl$2","band","_el$4","_tmpl$3","approval","_el$6","_tmpl$4","notices","_el$7","_tmpl$5","_el$8","_tmpl$6","message","_el$14","_tmpl$10","fallback","type","variant","size","onClick","_tmpl$11","_el$16","_tmpl$12","_el$9","_tmpl$9","_el$1","_el$10","_el$12","nextSibling","addEventListener","preventDefault","attachments","_el$0","_tmpl$7","menuItems","placement","as","onCloseAutoFocus","_$memo","onSelect","_tmpl$8","leadingActions","trailingActions","aria-label","label","_$mergeProps","alternateActionHint","onFire","context","_el$13","_tmpl$0","_$createComponent","_$memo","_$mergeProps"],"sources":["../../../../src/components/conversation/internal/chat-composer-shell.tsx"],"sourcesContent":["/*\n * Substantially translated from KiroCrew website/src/components/ChatInput.tsx\n * at 283e136c0f902e965a535a7c9548c57c7504fed0.\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * Licensed under Apache-2.0; see LICENSE and NOTICE.\n */\nimport { ChevronsDownUp, ChevronsUpDown, MoreHorizontal, ArrowUp } from 'lucide-solid'\nimport {\n  Show,\n  createEffect,\n  createSignal,\n  on,\n  onCleanup,\n  onMount,\n  type Accessor,\n  type JSX,\n} from 'solid-js'\nimport type {\n  ChatComposerControl,\n  ChatComposerSharedProps,\n  ChatComposerSubmitInput,\n} from '../chat-composer'\nimport { Button } from '../../ui/button/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu/dropdown-menu'\nimport { Spinner } from '../../ui/spinner/spinner'\nimport { BusySendButton, type BusySendMode } from '../busy-send-button'\nimport { createComposerImeGuard } from '../ime-guard'\n\n/** Private typed seam: public wrappers supply the native or atomic input. */\ntype ChatComposerInputRenderProps = {\n  ref: (element: HTMLTextAreaElement | undefined) => void\n  value: Accessor<string>\n  resetKey: Accessor<unknown>\n  inputLabel: Accessor<string>\n  placeholder: Accessor<string>\n  disabled: Accessor<boolean | undefined>\n  readOnly: Accessor<boolean>\n  composing: Accessor<boolean>\n  onCompositionStart: () => void\n  onCompositionEnd: () => void\n  onFocus: () => void\n  onBlur: () => void\n  onKeyDown: (event: KeyboardEvent) => void\n}\n\ntype ChatComposerShellProps<Extra extends object> = ChatComposerSharedProps & {\n  createSubmitExtra: (input: ChatComposerSubmitInput) => Extra\n  onSubmit: (input: ChatComposerSubmitInput & Extra) => void | Promise<void>\n  renderInput: (props: ChatComposerInputRenderProps) => JSX.Element\n}\n\n/**\n * Kiro's composer assembly: context/options, adjacent band, approval/notices,\n * staged content, input/action groups and a context shelf. Reading collapse\n * really unmounts the input and shelf and offers a labeled way back with draft\n * preview. The host retains the only draft, identities, preferences and services.\n *\n * Kobalte owns the options menu. Scoped imperative typing intent replaces the\n * donor global lookup/broadcast so a second composer cannot receive this draft\n * or focus. No animation starts from hidden geometry, no global shortcut, and no\n * runtime/permission/voice/optimizer authority is copied. More specific chips,\n * approval decisions and staged-content semantics are supplied by their owners.\n */\nexport function ChatComposerShell<Extra extends object>(props: ChatComposerShellProps<Extra>) {\n  const ime = createComposerImeGuard()\n  const [pending, setPending] = createSignal(false)\n  const [error, setError] = createSignal<string | null>(null)\n  let field: HTMLTextAreaElement | undefined\n  let restoreBar: HTMLButtonElement | undefined\n  let focusFrame: number | undefined\n  let focusTarget: 'input' | 'bar' | undefined\n  let selection:\n    | { start: number; end: number; direction: 'forward' | 'backward' | 'none' }\n    | undefined\n  let generation = 0\n  let active = true\n  let composing = false\n  const collapsed = () => props.collapse?.value === true\n  const unavailable = () => props.disabled || props.readOnly || !!props.blockedReason\n  const cancelFocus = () => {\n    if (focusFrame !== undefined) cancelAnimationFrame(focusFrame)\n    focusFrame = undefined\n  }\n  const requestFocus = (target: 'input' | 'bar') => {\n    cancelFocus()\n    focusTarget = target\n    focusFrame = requestAnimationFrame(() => {\n      focusFrame = undefined\n      if (!active || props.approvalFocus) return\n      if (target === 'bar' && collapsed()) restoreBar?.focus()\n      if (target === 'input' && !collapsed() && !props.disabled && field) {\n        field.focus()\n        if (selection)\n          field.setSelectionRange(\n            Math.min(selection.start, field.value.length),\n            Math.min(selection.end, field.value.length),\n            selection.direction\n          )\n      }\n      focusTarget = undefined\n    })\n  }\n  const changeCollapsed = (value: boolean) => {\n    if (!props.collapse || props.approvalFocus) return\n    if (value && field)\n      selection = {\n        start: field.selectionStart,\n        end: field.selectionEnd,\n        direction: field.selectionDirection,\n      }\n    props.collapse.onChange(value)\n    requestFocus(value ? 'bar' : 'input')\n  }\n  const control: ChatComposerControl = {\n    focus() {\n      if (collapsed() || props.approvalFocus || props.disabled || !field) return false\n      field.focus()\n      return true\n    },\n    expandAndFocus() {\n      if (props.approvalFocus || props.disabled) return false\n      if (collapsed()) changeCollapsed(false)\n      else requestFocus('input')\n      return true\n    },\n  }\n  onMount(() => props.controlRef?.(control))\n  createEffect(\n    on(\n      () => props.resetKey,\n      () => {\n        generation += 1\n        selection = undefined\n        composing = false\n        cancelFocus()\n        focusTarget = undefined\n        setPending(false)\n        setError(null)\n        ime.onBlur()\n      },\n      { defer: true }\n    )\n  )\n  onCleanup(() => {\n    active = false\n    generation += 1\n    cancelFocus()\n    props.controlRef?.(undefined)\n  })\n  const action = (): 'send' | BusySendMode => props.busy?.mode ?? 'send'\n  const canSend = (selected: 'send' | BusySendMode = action()) =>\n    !unavailable() &&\n    !pending() &&\n    (props.sendableActions?.[selected] ?? props.value.trim().length > 0) &&\n    !(selected !== 'send' && props.busy?.unavailable?.[selected])\n  const submit = async (selected: 'send' | BusySendMode = action()) => {\n    if (!canSend(selected)) return\n    const started = generation\n    const base: ChatComposerSubmitInput = { text: props.value, action: selected }\n    const input = { ...base, ...props.createSubmitExtra(base) }\n    setPending(true)\n    setError(null)\n    try {\n      await props.onSubmit(input)\n    } catch {\n      if (active && started === generation)\n        setError('Message not sent. Check your draft and retry when the connection recovers.')\n    } finally {\n      if (active && started === generation) setPending(false)\n    }\n  }\n  const preview = () => {\n    const first =\n      props.value\n        .split('\\n')\n        .find((line) => line.trim().length > 0)\n        ?.trim() ?? ''\n    return first.length > 120 ? `${first.slice(0, 120)}…` : first\n  }\n  const handleInputKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && error()) {\n      setError(null)\n      return\n    }\n    if (event.key !== 'Enter' || event.shiftKey || event.defaultPrevented) return\n    if (ime.claimEnter(event)) {\n      const selected =\n        props.busy && (event.metaKey || event.ctrlKey)\n          ? props.busy.mode === 'steer'\n            ? 'queue'\n            : 'steer'\n          : action()\n      void submit(selected)\n    }\n  }\n  const handleCompositionStart = () => {\n    composing = true\n    ime.onCompositionStart()\n  }\n  const handleCompositionEnd = () => {\n    composing = false\n    ime.onCompositionEnd()\n  }\n  const handleBlur = () => {\n    composing = false\n    ime.onBlur()\n  }\n  return (\n    <div data-slot=\"chat-composer\" class=\"mx-auto flex w-full max-w-4xl flex-col px-4 pb-1\">\n      <Show when={!props.approvalFocus}>\n        <Show when={props.knowledge}>\n          <div data-slot=\"composer-knowledge\">{props.knowledge}</div>\n        </Show>\n        <Show when={props.followUps}>\n          <div data-slot=\"composer-follow-ups\">{props.followUps}</div>\n        </Show>\n      </Show>\n      <Show when={props.band}>\n        <div data-slot=\"composer-band\">{props.band}</div>\n      </Show>\n      <div aria-hidden=\"true\" class=\"h-1.5 shrink-0\" />\n      <Show when={props.approval}>\n        <div data-slot=\"composer-approval\">{props.approval}</div>\n      </Show>\n      <Show when={props.notices}>\n        <div data-slot=\"composer-notices\">{props.notices}</div>\n      </Show>\n      <Show when={props.blockedReason}>\n        <p role=\"status\" class=\"text-muted-foreground mb-1 text-xs\">\n          {props.blockedReason}\n        </p>\n      </Show>\n      <Show when={error()}>\n        {(message) => (\n          <p role=\"alert\" class=\"text-destructive mb-1 text-xs\">\n            {message()}\n          </p>\n        )}\n      </Show>\n      <Show when={!props.approvalFocus}>\n        <Show\n          when={!collapsed()}\n          fallback={\n            <Button\n              ref={(element) => {\n                restoreBar = element\n                onCleanup(() => {\n                  if (restoreBar === element) restoreBar = undefined\n                })\n              }}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              class=\"w-full justify-start\"\n              aria-expanded={false}\n              aria-label=\"Show the message input\"\n              onClick={() => changeCollapsed(false)}\n            >\n              <ChevronsUpDown />\n              <span aria-hidden=\"true\" class=\"shrink-0\">\n                Show the message input\n              </span>\n              <Show when={preview()}>\n                <span aria-hidden=\"true\" class=\"min-w-0 flex-1 truncate\">\n                  {preview()}\n                </span>\n              </Show>\n            </Button>\n          }\n        >\n          <form\n            data-slot=\"composer-input-box\"\n            class=\"border-input bg-card flex flex-col overflow-hidden rounded-2xl border transition-colors focus-within:border-ring\"\n            onSubmit={(event) => {\n              event.preventDefault()\n              void submit()\n            }}\n          >\n            <Show when={props.attachments}>\n              <div data-slot=\"composer-staged-content\">{props.attachments}</div>\n            </Show>\n            {props.renderInput({\n              ref: (element) => {\n                field = element\n                if (element)\n                  onCleanup(() => {\n                    if (field === element) field = undefined\n                  })\n              },\n              value: () => props.value,\n              resetKey: () => props.resetKey,\n              inputLabel: () => props.inputLabel ?? 'Message',\n              placeholder: () => props.placeholder ?? 'Write a message…',\n              disabled: () => props.disabled,\n              readOnly: () => props.readOnly || pending(),\n              composing: () => composing,\n              onCompositionStart: handleCompositionStart,\n              onCompositionEnd: handleCompositionEnd,\n              onFocus: ime.onFocus,\n              onBlur: handleBlur,\n              onKeyDown: handleInputKeyDown,\n            })}\n            <div\n              data-slot=\"composer-action-row\"\n              class=\"flex items-center justify-between gap-2 px-2.5 pb-2 pt-0.5\"\n            >\n              <div class=\"flex min-w-0 items-center gap-1\">\n                <Show when={props.collapse || props.menuItems}>\n                  <DropdownMenu placement=\"top-start\">\n                    <DropdownMenuTrigger\n                      as={Button}\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon-sm\"\n                      aria-label=\"Message input options\"\n                    >\n                      <MoreHorizontal />\n                    </DropdownMenuTrigger>\n                    <DropdownMenuContent\n                      onCloseAutoFocus={(event) => {\n                        if (focusTarget) event.preventDefault()\n                      }}\n                    >\n                      {props.menuItems}\n                      <Show when={props.collapse}>\n                        <DropdownMenuItem onSelect={() => changeCollapsed(true)}>\n                          <ChevronsDownUp />\n                          <div class=\"flex min-w-0 flex-col\">\n                            <span>Collapse the message input</span>\n                            <span class=\"text-muted-foreground text-xs\">\n                              Make room to read; keep your draft\n                            </span>\n                          </div>\n                        </DropdownMenuItem>\n                      </Show>\n                    </DropdownMenuContent>\n                  </DropdownMenu>\n                </Show>\n                {props.leadingActions}\n              </div>\n              <div class=\"flex shrink-0 items-center gap-1\">\n                {props.trailingActions}\n                <Show\n                  when={props.busy}\n                  fallback={\n                    <Button\n                      type=\"submit\"\n                      size=\"icon-sm\"\n                      disabled={!canSend()}\n                      aria-label={pending() ? 'Sending message' : 'Send message'}\n                    >\n                      <Show when={pending()} fallback={<ArrowUp />}>\n                        <Spinner size=\"sm\" label={false} />\n                      </Show>\n                    </Button>\n                  }\n                >\n                  {(busy) => (\n                    <BusySendButton\n                      {...busy()}\n                      alternateActionHint={\n                        canSend(busy().mode === 'steer' ? 'queue' : 'steer')\n                          ? 'Ctrl/Cmd+Enter uses the other action'\n                          : undefined\n                      }\n                      disabled={!canSend()}\n                      onFire={() => {\n                        void submit()\n                      }}\n                    />\n                  )}\n                </Show>\n              </div>\n            </div>\n          </form>\n          <Show when={props.context}>\n            <div data-slot=\"composer-context\" class=\"flex min-w-0 items-center gap-2 pt-1\">\n              {props.context}\n            </div>\n          </Show>\n        </Show>\n      </Show>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/conversation/paste-preview.d.ts

@@ -0,0 +1,11 @@
+export declare const PASTE_PREVIEW_MAX_LINES = 12;
+export declare const PASTE_PREVIEW_MAX_CHARACTERS = 1200;
+export interface PastePreviewSummary {
+    text: string;
+    hiddenLines: number;
+    hiddenCharacters: number;
+    scannedCharacters: number;
+}
+/** Build a bounded preview without splitting or joining the full paste content. */
+export declare function summarizePastePreview(content: string, totalLines: number): PastePreviewSummary;
+//# sourceMappingURL=paste-preview.d.ts.map

package/dist/components/conversation/paste-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste-preview.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/paste-preview.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,KAAK,CAAA;AACzC,eAAO,MAAM,4BAA4B,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;CAC1B;AAED,mFAAmF;AACnF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAuB9F"}

package/dist/components/conversation/paste-preview.js

@@ -0,0 +1,28 @@
+var PASTE_PREVIEW_MAX_CHARACTERS = 1200;
+/** Build a bounded preview without splitting or joining the full paste content. */
+function summarizePastePreview(content, totalLines) {
+	const scanLimit = Math.min(content.length, PASTE_PREVIEW_MAX_CHARACTERS);
+	let end = 0;
+	let visibleLines = 1;
+	let scannedCharacters = 0;
+	while (end < scanLimit) {
+		const character = content.charCodeAt(end);
+		scannedCharacters += 1;
+		if (character === 10) {
+			if (visibleLines === 12) break;
+			visibleLines += 1;
+		}
+		end += 1;
+	}
+	const text = content.slice(0, end);
+	return {
+		text,
+		hiddenLines: Math.max(0, totalLines - visibleLines),
+		hiddenCharacters: Math.max(0, content.length - text.length),
+		scannedCharacters
+	};
+}
+//#endregion
+export { PASTE_PREVIEW_MAX_CHARACTERS, summarizePastePreview };
+
+//# sourceMappingURL=paste-preview.js.map

package/dist/components/conversation/paste-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste-preview.js","names":[],"sources":["../../../src/components/conversation/paste-preview.ts"],"sourcesContent":["export const PASTE_PREVIEW_MAX_LINES = 12\nexport const PASTE_PREVIEW_MAX_CHARACTERS = 1200\n\nexport interface PastePreviewSummary {\n  text: string\n  hiddenLines: number\n  hiddenCharacters: number\n  scannedCharacters: number\n}\n\n/** Build a bounded preview without splitting or joining the full paste content. */\nexport function summarizePastePreview(content: string, totalLines: number): PastePreviewSummary {\n  const scanLimit = Math.min(content.length, PASTE_PREVIEW_MAX_CHARACTERS)\n  let end = 0\n  let visibleLines = 1\n  let scannedCharacters = 0\n\n  while (end < scanLimit) {\n    const character = content.charCodeAt(end)\n    scannedCharacters += 1\n    if (character === 10) {\n      if (visibleLines === PASTE_PREVIEW_MAX_LINES) break\n      visibleLines += 1\n    }\n    end += 1\n  }\n\n  const text = content.slice(0, end)\n  return {\n    text,\n    hiddenLines: Math.max(0, totalLines - visibleLines),\n    hiddenCharacters: Math.max(0, content.length - text.length),\n    scannedCharacters,\n  }\n}\n"],"mappings":"AACA,IAAa,+BAA+B;;AAU5C,SAAgB,sBAAsB,SAAiB,YAAyC;CAC9F,MAAM,YAAY,KAAK,IAAI,QAAQ,QAAQ,4BAA4B;CACvE,IAAI,MAAM;CACV,IAAI,eAAe;CACnB,IAAI,oBAAoB;CAExB,OAAO,MAAM,WAAW;EACtB,MAAM,YAAY,QAAQ,WAAW,GAAG;EACxC,qBAAqB;EACrB,IAAI,cAAc,IAAI;GACpB,IAAI,iBAAA,IAA0C;GAC9C,gBAAgB;EAClB;EACA,OAAO;CACT;CAEA,MAAM,OAAO,QAAQ,MAAM,GAAG,GAAG;CACjC,OAAO;EACL;EACA,aAAa,KAAK,IAAI,GAAG,aAAa,YAAY;EAClD,kBAAkB,KAAK,IAAI,GAAG,QAAQ,SAAS,KAAK,MAAM;EAC1D;CACF;AACF"}

package/dist/components/conversation/paste-token-editor.d.ts

@@ -0,0 +1,26 @@
+import { type PasteBlock } from './paste-tokens';
+export type PasteTokenDraft = {
+    text: string;
+    blocks: PasteBlock[];
+};
+export type PasteTokenEditorProps = {
+    value: string;
+    resetKey?: unknown;
+    blocks: readonly PasteBlock[];
+    ref: (element: HTMLTextAreaElement | undefined) => void;
+    createBlockId: () => string;
+    onChange: (draft: PasteTokenDraft) => void;
+    inputLabel: string;
+    placeholder: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    composing: () => boolean;
+    onCompositionStart: () => void;
+    onCompositionEnd: () => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+};
+/** Controlled plain-text editor that treats known paste markers as atomic ranges. */
+export declare function PasteTokenEditor(props: PasteTokenEditorProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=paste-token-editor.d.ts.map

package/dist/components/conversation/paste-token-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste-token-editor.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/paste-token-editor.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAUL,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAA;AAIvB,MAAM,MAAM,eAAe,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,UAAU,EAAE,CAAA;CAAE,CAAA;AAIpE,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,SAAS,UAAU,EAAE,CAAA;IAC7B,GAAG,EAAE,CAAC,OAAO,EAAE,mBAAmB,GAAG,SAAS,KAAK,IAAI,CAAA;IACvD,aAAa,EAAE,MAAM,MAAM,CAAA;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,OAAO,CAAA;IACxB,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;CAC1C,CAAA;AAsBD,qFAAqF;AACrF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kCAmlB5D"}