@assistant-ui/react 0.15.25 → 0.15.27

package/dist/primitives/composer/ComposerAttachmentDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerAttachmentDropzone.js","names":["forwardRef","useCallback","useEffect","useState","ReactElement","isValidElement","composeEventHandlers","Slot","React","useAui","renderSlot","ComposerPrimitiveAttachmentDropzone","Element","HTMLDivElement","Props","HTMLAttributes","asChild","render","disabled","children","rest","ref","isDragging","setIsDragging","aui","handleDragEnterCapture","e","DragEvent","dataTransfer","types","includes","preventDefault","thread","getState","capabilities","attachments","dropEffect","handleDragOverCapture","handleDragLeaveCapture","next","relatedTarget","Node","currentTarget","contains","handleDrop","files","Array","from","length","Promise","all","map","file","composer","addAttachment","mergedProps","onDragEnterCapture","onDragOverCapture","onDragLeaveCapture","onDropCapture","Comp","Root","displayName"],"sources":["../../../src/primitives/composer/ComposerAttachmentDropzone.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n  type ReactElement,\n  isValidElement,\n} from \"react\";\n\nimport { composeEventHandlers } from \"radix-ui/internal\";\nimport { Slot } from \"radix-ui\";\nimport type React from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { renderSlot } from \"../../utils/Primitive\";\n\nexport namespace ComposerPrimitiveAttachmentDropzone {\n  export type Element = HTMLDivElement;\n  export type Props = React.HTMLAttributes<HTMLDivElement> & {\n    asChild?: boolean | undefined;\n    render?: ReactElement | undefined;\n    disabled?: boolean | undefined;\n  };\n}\n\nexport const ComposerPrimitiveAttachmentDropzone = forwardRef<\n  HTMLDivElement,\n  ComposerPrimitiveAttachmentDropzone.Props\n>(({ disabled, asChild = false, render, children, ...rest }, ref) => {\n  const [isDragging, setIsDragging] = useState(false);\n  const aui = useAui();\n\n  useEffect(() => {\n    if (!disabled) return;\n    // Disabled handlers cannot clear the latch, so reset it when the enabled period ends.\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setIsDragging(false);\n  }, [disabled]);\n\n  // An unprevented file drop navigates the tab to the file, so file drags are\n  // claimed via preventDefault even when the runtime does not support attachments.\n  const handleDragEnterCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (!e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      if (disabled || !aui.thread.getState().capabilities.attachments) {\n        e.dataTransfer.dropEffect = \"none\";\n        return;\n      }\n      setIsDragging(true);\n    },\n    [disabled, aui],\n  );\n\n  const handleDragOverCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (!e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      if (disabled || !aui.thread.getState().capabilities.attachments) {\n        e.dataTransfer.dropEffect = \"none\";\n        return;\n      }\n      if (!isDragging) setIsDragging(true);\n    },\n    [disabled, isDragging, aui],\n  );\n\n  const handleDragLeaveCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      e.preventDefault();\n      const next = e.relatedTarget as Node | null;\n      if (next && e.currentTarget.contains(next)) {\n        return;\n      }\n      setIsDragging(false);\n    },\n    [disabled],\n  );\n\n  const handleDrop = useCallback(\n    async (e: React.DragEvent) => {\n      setIsDragging(false);\n      if (!e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      if (disabled) return;\n      const files = Array.from(e.dataTransfer.files);\n      if (!aui.thread.getState().capabilities.attachments || files.length === 0)\n        return;\n      await Promise.all(\n        files.map(async (file) => {\n          try {\n            await aui.composer.addAttachment(file);\n          } catch {\n            // The composer runtime emits composer.attachmentAddError before rejecting;\n            // the readonly and empty-thread stubs only throw.\n          }\n        }),\n      );\n    },\n    [disabled, aui],\n  );\n\n  const mergedProps = {\n    ...(isDragging && !disabled ? { \"data-dragging\": \"true\" } : null),\n    ...rest,\n    onDragEnterCapture: composeEventHandlers(\n      rest.onDragEnterCapture,\n      handleDragEnterCapture,\n    ),\n    onDragOverCapture: composeEventHandlers(\n      rest.onDragOverCapture,\n      handleDragOverCapture,\n    ),\n    onDragLeaveCapture: composeEventHandlers(\n      rest.onDragLeaveCapture,\n      handleDragLeaveCapture,\n    ),\n    onDropCapture: composeEventHandlers(rest.onDropCapture, handleDrop),\n    ref,\n  };\n\n  if (render && isValidElement(render)) {\n    return renderSlot(render, children, mergedProps);\n  }\n\n  const Comp = asChild ? Slot.Root : \"div\";\n  return <Comp {...mergedProps}>{children}</Comp>;\n});\n\nComposerPrimitiveAttachmentDropzone.displayName =\n  \"ComposerPrimitive.AttachmentDropzone\";\n"],"mappings":";;;;;;;;AA0BA,MAAaW,sCAAsCX,YAGhD,EAAEkB,UAAUF,UAAU,OAAOC,QAAQE,UAAU,GAAGC,QAAQC,QAAQ;CACnE,MAAM,CAACC,YAAYC,iBAAiBpB,SAAS,KAAK;CAClD,MAAMqB,MAAMf,OAAO;CAEnBP,gBAAgB;EACd,IAAI,CAACgB,UAAU;EAGfK,cAAc,KAAK;CACrB,GAAG,CAACL,QAAQ,CAAC;CAIb,MAAMO,yBAAyBxB,aAC5ByB,MAAuB;EACtB,IAAI,CAACA,EAAEE,aAAaC,MAAMC,SAAS,OAAO,GAAG;EAC7CJ,EAAEK,eAAe;EACjB,IAAIb,YAAY,CAACM,IAAIQ,OAAOC,SAAS,CAAC,CAACC,aAAaC,aAAa;GAC/DT,EAAEE,aAAaQ,aAAa;GAC5B;EACF;EACAb,cAAc,IAAI;CACpB,GACA,CAACL,UAAUM,GAAG,CAChB;CAEA,MAAMa,wBAAwBpC,aAC3ByB,QAAuB;EACtB,IAAI,CAACA,IAAEE,aAAaC,MAAMC,SAAS,OAAO,GAAG;EAC7CJ,IAAEK,eAAe;EACjB,IAAIb,YAAY,CAACM,IAAIQ,OAAOC,SAAS,CAAC,CAACC,aAAaC,aAAa;GAC/DT,IAAEE,aAAaQ,aAAa;GAC5B;EACF;EACA,IAAI,CAACd,YAAYC,cAAc,IAAI;CACrC,GACA;EAACL;EAAUI;EAAYE;CAAG,CAC5B;CAEA,MAAMc,yBAAyBrC,aAC5ByB,QAAuB;EACtB,IAAIR,UAAU;EACdQ,IAAEK,eAAe;EACjB,MAAMQ,OAAOb,IAAEc;EACf,IAAID,QAAQb,IAAEgB,cAAcC,SAASJ,IAAI,GACvC;EAEFhB,cAAc,KAAK;CACrB,GACA,CAACL,QAAQ,CACX;CAEA,MAAM0B,aAAa3C,YACjB,OAAOyB,QAAuB;EAC5BH,cAAc,KAAK;EACnB,IAAI,CAACG,IAAEE,aAAaC,MAAMC,SAAS,OAAO,GAAG;EAC7CJ,IAAEK,eAAe;EACjB,IAAIb,UAAU;EACd,MAAM2B,QAAQC,MAAMC,KAAKrB,IAAEE,aAAaiB,KAAK;EAC7C,IAAI,CAACrB,IAAIQ,OAAOC,SAAS,CAAC,CAACC,aAAaC,eAAeU,MAAMG,WAAW,GACtE;EACF,MAAMC,QAAQC,IACZL,MAAMM,IAAI,OAAOC,SAAS;GACxB,IAAI;IACF,MAAM5B,IAAI6B,SAASC,cAAcF,IAAI;GACvC,QAAQ,CAEN;EAEJ,CAAC,CACH;CACF,GACA,CAAClC,UAAUM,GAAG,CAChB;CAEA,MAAM+B,cAAc;EAClB,GAAIjC,cAAc,CAACJ,WAAW,EAAE,iBAAiB,OAAO,IAAI;EAC5D,GAAGE;EACHoC,oBAAoBlD,qBAClBc,KAAKoC,oBACL/B,sBACF;EACAgC,mBAAmBnD,qBACjBc,KAAKqC,mBACLpB,qBACF;EACAqB,oBAAoBpD,qBAClBc,KAAKsC,oBACLpB,sBACF;EACAqB,eAAerD,qBAAqBc,KAAKuC,eAAef,UAAU;EAClEvB;CACF;CAEA,IAAIJ,UAAUZ,eAAeY,MAAM,GACjC,OAAOP,WAAWO,QAAQE,UAAUoC,WAAW;CAGjD,MAAMK,OAAO5C,UAAUT,KAAKsD,OAAO;CACnC,OAAO,oBAAC,MAAD;EAAM,GAAIN;EAAcpC;CAAe,CAAA;AAChD,CAAC;AAEDR,oCAAoCmD,cAClC"}
+{"version":3,"file":"ComposerAttachmentDropzone.js","names":["forwardRef","useCallback","useEffect","useState","ReactElement","isValidElement","composeEventHandlers","Slot","React","useAui","useAuiState","renderSlot","ComposerPrimitiveAttachmentDropzone","Element","HTMLDivElement","Props","HTMLAttributes","asChild","render","disabled","children","rest","ref","isDragging","setIsDragging","aui","disabledByThread","s","thread","isDisabled","handleDragEnterCapture","e","DragEvent","dataTransfer","types","includes","preventDefault","getState","capabilities","attachments","dropEffect","handleDragOverCapture","handleDragLeaveCapture","next","relatedTarget","Node","currentTarget","contains","handleDrop","files","Array","from","length","Promise","all","map","file","composer","addAttachment","mergedProps","onDragEnterCapture","onDragOverCapture","onDragLeaveCapture","onDropCapture","Comp","Root","displayName"],"sources":["../../../src/primitives/composer/ComposerAttachmentDropzone.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n  type ReactElement,\n  isValidElement,\n} from \"react\";\n\nimport { composeEventHandlers } from \"radix-ui/internal\";\nimport { Slot } from \"radix-ui\";\nimport type React from \"react\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\nimport { renderSlot } from \"../../utils/Primitive\";\n\nexport namespace ComposerPrimitiveAttachmentDropzone {\n  export type Element = HTMLDivElement;\n  export type Props = React.HTMLAttributes<HTMLDivElement> & {\n    asChild?: boolean | undefined;\n    render?: ReactElement | undefined;\n    disabled?: boolean | undefined;\n  };\n}\n\nexport const ComposerPrimitiveAttachmentDropzone = forwardRef<\n  HTMLDivElement,\n  ComposerPrimitiveAttachmentDropzone.Props\n>(({ disabled, asChild = false, render, children, ...rest }, ref) => {\n  const [isDragging, setIsDragging] = useState(false);\n  const aui = useAui();\n  const disabledByThread = useAuiState((s) => s.thread.isDisabled);\n  const isDisabled = disabled || disabledByThread;\n\n  useEffect(() => {\n    if (!isDisabled) return;\n    // Disabled handlers cannot clear the latch, so reset it when the enabled period ends.\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setIsDragging(false);\n  }, [isDisabled]);\n\n  // An unprevented file drop navigates the tab to the file, so file drags are\n  // claimed via preventDefault even when the runtime does not support attachments.\n  const handleDragEnterCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (!e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      if (isDisabled || !aui.thread.getState().capabilities.attachments) {\n        e.dataTransfer.dropEffect = \"none\";\n        return;\n      }\n      setIsDragging(true);\n    },\n    [isDisabled, aui],\n  );\n\n  const handleDragOverCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (!e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      if (isDisabled || !aui.thread.getState().capabilities.attachments) {\n        e.dataTransfer.dropEffect = \"none\";\n        return;\n      }\n      if (!isDragging) setIsDragging(true);\n    },\n    [isDisabled, isDragging, aui],\n  );\n\n  const handleDragLeaveCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (isDisabled) return;\n      e.preventDefault();\n      const next = e.relatedTarget as Node | null;\n      if (next && e.currentTarget.contains(next)) {\n        return;\n      }\n      setIsDragging(false);\n    },\n    [isDisabled],\n  );\n\n  const handleDrop = useCallback(\n    async (e: React.DragEvent) => {\n      setIsDragging(false);\n      if (!e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      if (isDisabled) return;\n      const files = Array.from(e.dataTransfer.files);\n      if (!aui.thread.getState().capabilities.attachments || files.length === 0)\n        return;\n      await Promise.all(\n        files.map(async (file) => {\n          try {\n            await aui.composer.addAttachment(file);\n          } catch {\n            // The composer runtime emits composer.attachmentAddError before rejecting;\n            // the readonly and empty-thread stubs only throw.\n          }\n        }),\n      );\n    },\n    [isDisabled, aui],\n  );\n\n  const mergedProps = {\n    ...(isDragging && !isDisabled ? { \"data-dragging\": \"true\" } : null),\n    ...rest,\n    onDragEnterCapture: composeEventHandlers(\n      rest.onDragEnterCapture,\n      handleDragEnterCapture,\n    ),\n    onDragOverCapture: composeEventHandlers(\n      rest.onDragOverCapture,\n      handleDragOverCapture,\n    ),\n    onDragLeaveCapture: composeEventHandlers(\n      rest.onDragLeaveCapture,\n      handleDragLeaveCapture,\n    ),\n    onDropCapture: composeEventHandlers(rest.onDropCapture, handleDrop),\n    ref,\n  };\n\n  if (render && isValidElement(render)) {\n    return renderSlot(render, children, mergedProps);\n  }\n\n  const Comp = asChild ? Slot.Root : \"div\";\n  return <Comp {...mergedProps}>{children}</Comp>;\n});\n\nComposerPrimitiveAttachmentDropzone.displayName =\n  \"ComposerPrimitive.AttachmentDropzone\";\n"],"mappings":";;;;;;;;AA0BA,MAAaY,sCAAsCZ,YAGhD,EAAEmB,UAAUF,UAAU,OAAOC,QAAQE,UAAU,GAAGC,QAAQC,QAAQ;CACnE,MAAM,CAACC,YAAYC,iBAAiBrB,SAAS,KAAK;CAClD,MAAMsB,MAAMhB,OAAO;CACnB,MAAMiB,mBAAmBhB,aAAaiB,MAAMA,EAAEC,OAAOC,UAAU;CAC/D,MAAMA,aAAaV,YAAYO;CAE/BxB,gBAAgB;EACd,IAAI,CAAC2B,YAAY;EAGjBL,cAAc,KAAK;CACrB,GAAG,CAACK,UAAU,CAAC;CAIf,MAAMC,yBAAyB7B,aAC5B8B,MAAuB;EACtB,IAAI,CAACA,EAAEE,aAAaC,MAAMC,SAAS,OAAO,GAAG;EAC7CJ,EAAEK,eAAe;EACjB,IAAIP,cAAc,CAACJ,IAAIG,OAAOS,SAAS,CAAC,CAACC,aAAaC,aAAa;GACjER,EAAEE,aAAaO,aAAa;GAC5B;EACF;EACAhB,cAAc,IAAI;CACpB,GACA,CAACK,YAAYJ,GAAG,CAClB;CAEA,MAAMgB,wBAAwBxC,aAC3B8B,QAAuB;EACtB,IAAI,CAACA,IAAEE,aAAaC,MAAMC,SAAS,OAAO,GAAG;EAC7CJ,IAAEK,eAAe;EACjB,IAAIP,cAAc,CAACJ,IAAIG,OAAOS,SAAS,CAAC,CAACC,aAAaC,aAAa;GACjER,IAAEE,aAAaO,aAAa;GAC5B;EACF;EACA,IAAI,CAACjB,YAAYC,cAAc,IAAI;CACrC,GACA;EAACK;EAAYN;EAAYE;CAAG,CAC9B;CAEA,MAAMiB,yBAAyBzC,aAC5B8B,QAAuB;EACtB,IAAIF,YAAY;EAChBE,IAAEK,eAAe;EACjB,MAAMO,OAAOZ,IAAEa;EACf,IAAID,QAAQZ,IAAEe,cAAcC,SAASJ,IAAI,GACvC;EAEFnB,cAAc,KAAK;CACrB,GACA,CAACK,UAAU,CACb;CAEA,MAAMmB,aAAa/C,YACjB,OAAO8B,QAAuB;EAC5BP,cAAc,KAAK;EACnB,IAAI,CAACO,IAAEE,aAAaC,MAAMC,SAAS,OAAO,GAAG;EAC7CJ,IAAEK,eAAe;EACjB,IAAIP,YAAY;EAChB,MAAMoB,QAAQC,MAAMC,KAAKpB,IAAEE,aAAagB,KAAK;EAC7C,IAAI,CAACxB,IAAIG,OAAOS,SAAS,CAAC,CAACC,aAAaC,eAAeU,MAAMG,WAAW,GACtE;EACF,MAAMC,QAAQC,IACZL,MAAMM,IAAI,OAAOC,SAAS;GACxB,IAAI;IACF,MAAM/B,IAAIgC,SAASC,cAAcF,IAAI;GACvC,QAAQ,CAEN;EAEJ,CAAC,CACH;CACF,GACA,CAAC3B,YAAYJ,GAAG,CAClB;CAEA,MAAMkC,cAAc;EAClB,GAAIpC,cAAc,CAACM,aAAa,EAAE,iBAAiB,OAAO,IAAI;EAC9D,GAAGR;EACHuC,oBAAoBtD,qBAClBe,KAAKuC,oBACL9B,sBACF;EACA+B,mBAAmBvD,qBACjBe,KAAKwC,mBACLpB,qBACF;EACAqB,oBAAoBxD,qBAClBe,KAAKyC,oBACLpB,sBACF;EACAqB,eAAezD,qBAAqBe,KAAK0C,eAAef,UAAU;EAClE1B;CACF;CAEA,IAAIJ,UAAUb,eAAea,MAAM,GACjC,OAAOP,WAAWO,QAAQE,UAAUuC,WAAW;CAGjD,MAAMK,OAAO/C,UAAUV,KAAK0D,OAAO;CACnC,OAAO,oBAAC,MAAD;EAAM,GAAIN;EAAcvC;CAAe,CAAA;AAChD,CAAC;AAEDR,oCAAoCsD,cAClC"}

package/dist/primitives/composer/ComposerCancel.d.ts

@@ -1,5 +1,6 @@
 import { type ActionButtonElement, type ActionButtonProps } from "../../utils/createActionButton.js";
-declare const useComposerCancel: () => (() => void) | null;
+import type { MouseEvent } from "react";
+declare const useComposerCancel: () => ((event: MouseEvent<HTMLButtonElement>) => void) | null;
 export declare namespace ComposerPrimitiveCancel {
     type Element = ActionButtonElement;
     /**
@@ -13,6 +14,9 @@ export declare namespace ComposerPrimitiveCancel {
  *
  * This component automatically handles the cancel functionality and is disabled
  * when canceling is not available.
+ * Keyboard or assistive-technology activation after editing returns focus to the
+ * main thread composer when available, unless a handler has moved focus elsewhere.
+ * Pointer activation preserves the existing focus behavior.
  *
  * @example
  * ```tsx

package/dist/primitives/composer/ComposerCancel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerCancel.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/ComposerCancel.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EAEvB,0CAAuC;AAGxC,QAAA,MAAM,iBAAiB,2BAItB,CAAC;AAEF,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C;;;OAGG;IACH,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,iBAAiB,CAAC,CAAC;CACjE;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,uBAAuB;;;;gHAGnC,CAAC"}
+{"version":3,"file":"ComposerCancel.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/ComposerCancel.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EAEvB,0CAAuC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIxC,QAAA,MAAM,iBAAiB,iBAIN,UAAU,CAAC,iBAAiB,CAAC,iBAE7C,CAAC;AAEF,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C;;;OAGG;IACH,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,iBAAiB,CAAC,CAAC;CACjE;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,uBAAuB;;;;gHAGnC,CAAC"}

package/dist/primitives/composer/ComposerCancel.js

@@ -1,17 +1,30 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
+import { useComposerCancelWithFocus } from "./useComposerCancelWithFocus.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { useComposerCancel } from "@assistant-ui/core/react";
 //#region src/primitives/composer/ComposerCancel.ts
 const useComposerCancel$1 = () => {
+	const $ = c(2);
 	const { disabled, cancel } = useComposerCancel();
+	const cancelWithFocus = useComposerCancelWithFocus(cancel);
 	if (disabled) return null;
-	return cancel;
+	let t0;
+	if ($[0] !== cancelWithFocus) {
+		t0 = (event) => cancelWithFocus(event.detail === 0 ? event.currentTarget : null);
+		$[0] = cancelWithFocus;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
 /**
 * A button component that cancels the current message composition.
 *
 * This component automatically handles the cancel functionality and is disabled
 * when canceling is not available.
+* Keyboard or assistive-technology activation after editing returns focus to the
+* main thread composer when available, unless a handler has moved focus elsewhere.
+* Pointer activation preserves the existing focus behavior.
 *
 * @example
 * ```tsx

package/dist/primitives/composer/ComposerCancel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerCancel.js","names":["ActionButtonElement","ActionButtonProps","createActionButton","useComposerCancel","useComposerCancelBehavior","disabled","cancel","ComposerPrimitiveCancel","Element","Props","useComposerCancel","useComposerCancelBehavior"],"sources":["../../../src/primitives/composer/ComposerCancel.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useComposerCancel as useComposerCancelBehavior } from \"@assistant-ui/core/react\";\n\nconst useComposerCancel = () => {\n  const { disabled, cancel } = useComposerCancelBehavior();\n  if (disabled) return null;\n  return cancel;\n};\n\nexport namespace ComposerPrimitiveCancel {\n  export type Element = ActionButtonElement;\n  /**\n   * Props for the ComposerPrimitive.Cancel component.\n   * Inherits all button element props and action button functionality.\n   */\n  export type Props = ActionButtonProps<typeof useComposerCancel>;\n}\n\n/**\n * A button component that cancels the current message composition.\n *\n * This component automatically handles the cancel functionality and is disabled\n * when canceling is not available.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Cancel>\n *   Cancel\n * </ComposerPrimitive.Cancel>\n * ```\n */\nexport const ComposerPrimitiveCancel = createActionButton(\n  \"ComposerPrimitive.Cancel\",\n  useComposerCancel,\n);\n"],"mappings":";;;;AASA,MAAMG,4BAAoB;CACxB,MAAA,EAAAE,UAAAC,WAA6BF,kBAA0B;CACvD,IAAIC,UAAQ,OAAS;CAAK,OACnBC;AAAM;;;;;;;;;;;;;;AAyBf,MAAaC,0BAA0BL,mBACrC,4BACAC,mBACF"}
+{"version":3,"file":"ComposerCancel.js","names":["c","_c","ActionButtonElement","ActionButtonProps","createActionButton","MouseEvent","useComposerCancel","useComposerCancelBehavior","useComposerCancelWithFocus","$","disabled","cancel","cancelWithFocus","t0","event","detail","currentTarget","ComposerPrimitiveCancel","Element","Props","useComposerCancel","_c","useComposerCancelBehavior"],"sources":["../../../src/primitives/composer/ComposerCancel.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport type { MouseEvent } from \"react\";\nimport { useComposerCancel as useComposerCancelBehavior } from \"@assistant-ui/core/react\";\nimport { useComposerCancelWithFocus } from \"./useComposerCancelWithFocus\";\n\nconst useComposerCancel = () => {\n  const { disabled, cancel } = useComposerCancelBehavior();\n  const cancelWithFocus = useComposerCancelWithFocus(cancel);\n  if (disabled) return null;\n  return (event: MouseEvent<HTMLButtonElement>) =>\n    cancelWithFocus(event.detail === 0 ? event.currentTarget : null);\n};\n\nexport namespace ComposerPrimitiveCancel {\n  export type Element = ActionButtonElement;\n  /**\n   * Props for the ComposerPrimitive.Cancel component.\n   * Inherits all button element props and action button functionality.\n   */\n  export type Props = ActionButtonProps<typeof useComposerCancel>;\n}\n\n/**\n * A button component that cancels the current message composition.\n *\n * This component automatically handles the cancel functionality and is disabled\n * when canceling is not available.\n * Keyboard or assistive-technology activation after editing returns focus to the\n * main thread composer when available, unless a handler has moved focus elsewhere.\n * Pointer activation preserves the existing focus behavior.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Cancel>\n *   Cancel\n * </ComposerPrimitive.Cancel>\n * ```\n */\nexport const ComposerPrimitiveCancel = createActionButton(\n  \"ComposerPrimitive.Cancel\",\n  useComposerCancel,\n);\n"],"mappings":";;;;;;AAWA,MAAMM,4BAAoB;CAAA,MAAAG,IAAAR,EAAA,CAAA;CACxB,MAAA,EAAAS,UAAAC,WAA6BJ,kBAA0B;CACvD,MAAAK,kBAAwBJ,2BAA2BG,MAAM;CACzD,IAAID,UAAQ,OAAS;CAAK,IAAAG;CAAA,IAAAJ,EAAA,OAAAG,iBAAA;EACnBC,MAAAC,UACLF,gBAAgBE,MAAKC,WAAY,IAAID,MAAKE,gBAA1B,IAA+C;EAACP,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAD3DI;AAC2D;;;;;;;;;;;;;;;;;AA4BpE,MAAaI,0BAA0Bb,mBACrC,4BACAE,mBACF"}

package/dist/primitives/composer/ComposerInput.d.ts

@@ -14,21 +14,32 @@ export declare namespace ComposerPrimitiveInput {
         render?: ReactElement | undefined;
         /**
          * Whether to cancel message composition when Escape is pressed.
+         * After cancelling an edit, focus returns to the main thread composer when
+         * available, unless a handler has moved focus elsewhere.
          * @default true
          */
         cancelOnEscape?: boolean | undefined;
         /**
          * Whether to automatically focus the input when a new run starts.
+         *
+         * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.
+         *
          * @default true
          */
         unstable_focusOnRunStart?: boolean | undefined;
         /**
          * Whether to automatically focus the input when scrolling to bottom.
+         *
+         * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.
+         *
          * @default true
          */
         unstable_focusOnScrollToBottom?: boolean | undefined;
         /**
          * Whether to automatically focus the input when switching threads.
+         *
+         * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.
+         *
          * @default true
          */
         unstable_focusOnThreadSwitched?: boolean | undefined;
@@ -37,6 +48,9 @@ export declare namespace ComposerPrimitiveInput {
          * instead of submitting, detected via
          * `(pointer: coarse) and (not (any-pointer: fine))`. Only takes effect
          * when `submitMode` resolves to `"enter"`.
+         *
+         * @deprecated Experimental since 2026-05-24. Not scheduled for removal; the API may change in any release.
+         *
          * @default false
          */
         unstable_insertNewlineOnTouchEnter?: boolean | undefined;

package/dist/primitives/composer/ComposerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/ComposerInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,YAAY,EAOlB,MAAM,OAAO,CAAC;AACf,OAAyB,EACvB,KAAK,qBAAqB,EAE3B,MAAM,yBAAyB,CAAC;AAkBjC,yBAAiB,sBAAsB,CAAC;IACtC,MAAM,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAE1C,KAAK,SAAS,GAAG;QACf;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC9B;;WAEG;QACH,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;QAClC;;;WAGG;QACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrC;;;WAGG;QACH,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/C;;;WAGG;QACH,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrD;;;WAGG;QACH,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrD;;;;;;WAMG;QACH,kCAAkC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACzD;;;WAGG;QACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAC5C,CAAC;IAEF,KAAK,eAAe,GAChB;QACE;;;;;;WAMG;QACH,UAAU,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;QACxD;;;WAGG;QACH,aAAa,CAAC,EAAE,KAAK,CAAC;KACvB,GACD;QACE,UAAU,CAAC,EAAE,KAAK,CAAC;QACnB;;;;WAIG;QACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KACrC,CAAC;IAEN,MAAM,MAAM,KAAK,GAAG,qBAAqB,GAAG,SAAS,GAAG,eAAe,CAAC;;CACzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,sBAAsB,8HAiTlC,CAAC"}
+{"version":3,"file":"ComposerInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/ComposerInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,YAAY,EAOlB,MAAM,OAAO,CAAC;AACf,OAAyB,EACvB,KAAK,qBAAqB,EAE3B,MAAM,yBAAyB,CAAC;AAmBjC,yBAAiB,sBAAsB,CAAC;IACtC,MAAM,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAE1C,KAAK,SAAS,GAAG;QACf;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC9B;;WAEG;QACH,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;QAClC;;;;;WAKG;QACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrC;;;;;;WAMG;QACH,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/C;;;;;;WAMG;QACH,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrD;;;;;;WAMG;QACH,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrD;;;;;;;;;WASG;QACH,kCAAkC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACzD;;;WAGG;QACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAC5C,CAAC;IAEF,KAAK,eAAe,GAChB;QACE;;;;;;WAMG;QACH,UAAU,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;QACxD;;;WAGG;QACH,aAAa,CAAC,EAAE,KAAK,CAAC;KACvB,GACD;QACE,UAAU,CAAC,EAAE,KAAK,CAAC;QACnB;;;;WAIG;QACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KACrC,CAAC;IAEN,MAAM,MAAM,KAAK,GAAG,qBAAqB,GAAG,SAAS,GAAG,eAAe,CAAC;;CACzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,sBAAsB,8HAoTlC,CAAC"}

package/dist/primitives/composer/ComposerInput.js

@@ -5,6 +5,7 @@ import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom.js";
 import { useMediaQuery } from "../../utils/hooks/useMediaQuery.js";
 import { isCompositionKey } from "../../utils/isCompositionKey.js";
 import { useComposerInputPluginRegistryOptional } from "./ComposerInputPluginContext.js";
+import { useComposerCancelWithFocus } from "./useComposerCancelWithFocus.js";
 import { useComposerInputDisabled, useComposerInputValue, useTriggerPopoverAriaProps } from "./useComposerInputState.js";
 import { forwardRef, isValidElement, useCallback, useEffect, useRef } from "@assistant-ui/tap/react-shim";
 import { useAui } from "@assistant-ui/store";
@@ -59,6 +60,7 @@ const ComposerPrimitiveInput = forwardRef(({ autoFocus = false, asChild, render,
 	const value = useComposerInputValue();
 	const isDisabled = useComposerInputDisabled(disabledProp);
 	const textareaRef = useRef(null);
+	const cancel = useComposerCancelWithFocus(useCallback(() => aui.composer.cancel(), [aui]));
 	const ref = useComposedRefs(forwardedRef, textareaRef);
 	const compositionRef = useRef(false);
 	useEscapeKeydown((e) => {
@@ -68,9 +70,8 @@ const ComposerPrimitiveInput = forwardRef(({ autoFocus = false, asChild, render,
 			for (const plugin of pluginRegistry.getPlugins()) if (plugin.handleKeyDown(e)) return;
 		}
 		if (!cancelOnEscape) return;
-		const composer = aui.composer;
-		if (composer.getState().canCancel) {
-			composer.cancel();
+		if (aui.composer.getState().canCancel) {
+			cancel(textareaRef.current);
 			e.preventDefault();
 		}
 	});

package/dist/primitives/composer/ComposerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerInput.js","names":["composeEventHandlers","useComposedRefs","Slot","ClipboardEvent","KeyboardEvent","ReactElement","ReactNode","forwardRef","useCallback","useEffect","useRef","isValidElement","TextareaAutosize","TextareaAutosizeProps","TextareaHeightChangeMeta","useEscapeKeydown","useOnScrollToBottom","useMediaQuery","renderSlot","isCompositionKey","useAui","flushTapSync","useComposerInputPluginRegistryOptional","useComposerCompactContextOptional","useComposerInputDisabled","useComposerInputValue","useTriggerPopoverAriaProps","TOUCH_PRIMARY_QUERY","ComposerPrimitiveInput","Element","HTMLTextAreaElement","BaseProps","asChild","render","cancelOnEscape","unstable_focusOnRunStart","unstable_focusOnScrollToBottom","unstable_focusOnThreadSwitched","unstable_insertNewlineOnTouchEnter","addAttachmentOnPaste","SubmitModeProps","submitMode","submitOnEnter","Props","autoFocus","disabled","disabledProp","onChange","onKeyDown","onPaste","onSelect","onHeightChange","rest","forwardedRef","aui","pluginRegistry","compactContext","declaredSubmitMode","isTouchPrimary","effectiveSubmitMode","value","isDisabled","textareaRef","ref","compositionRef","e","current","contains","target","Node","plugin","getPlugins","handleKeyDown","composer","getState","canCancel","cancel","preventDefault","handleKeyPress","nativeEvent","key","threadState","thread","hasQueue","capabilities","queue","shiftKey","ctrlKey","metaKey","canSend","send","steer","isRunning","voice","undefined","shouldSubmit","closest","requestSubmit","handlePaste","threadCapabilities","files","Array","from","clipboardData","attachments","length","Promise","all","map","file","addAttachment","handleHeightChange","height","meta","el","cs","getComputedStyle","contentHeight","boxSizing","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","Math","round","rowHeight","setMultiline","autoFocusEnabled","focus","textarea","preventScroll","setSelectionRange","type","on","ariaComboboxProps","inputProps","name","const","React","ForwardedRef","ChangeEvent","isEditing","nativeIsComposing","isComposing","setText","pos","selectionStart","setCursorPosition","onCompositionStart","CompositionEventHandler","onCompositionEnd","CompositionEvent","SyntheticEvent","children","Component","Root","displayName"],"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"radix-ui/internal\";\nimport { useComposedRefs } from \"radix-ui/internal\";\nimport { Slot } from \"radix-ui\";\nimport {\n  type ClipboardEvent,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  isValidElement,\n} from \"react\";\nimport TextareaAutosize, {\n  type TextareaAutosizeProps,\n  type TextareaHeightChangeMeta,\n} from \"react-textarea-autosize\";\nimport { useEscapeKeydown } from \"radix-ui/internal\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useMediaQuery } from \"../../utils/hooks/useMediaQuery\";\nimport { renderSlot } from \"../../utils/Primitive\";\nimport { isCompositionKey } from \"../../utils/isCompositionKey\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { flushTapSync } from \"@assistant-ui/tap\";\nimport { useComposerInputPluginRegistryOptional } from \"./ComposerInputPluginContext\";\nimport { useComposerCompactContextOptional } from \"./ComposerCompactContext\";\nimport {\n  useComposerInputDisabled,\n  useComposerInputValue,\n  useTriggerPopoverAriaProps,\n} from \"./useComposerInputState\";\n\nconst TOUCH_PRIMARY_QUERY = \"(pointer: coarse) and (not (any-pointer: fine))\";\n\nexport namespace ComposerPrimitiveInput {\n  export type Element = HTMLTextAreaElement;\n\n  type BaseProps = {\n    /**\n     * Whether to render as a child component using Slot.\n     * When true, the component will merge its props with its child.\n     */\n    asChild?: boolean | undefined;\n    /**\n     * A React element to use as the input container, with props merged in.\n     */\n    render?: ReactElement | undefined;\n    /**\n     * Whether to cancel message composition when Escape is pressed.\n     * @default true\n     */\n    cancelOnEscape?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when a new run starts.\n     * @default true\n     */\n    unstable_focusOnRunStart?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when scrolling to bottom.\n     * @default true\n     */\n    unstable_focusOnScrollToBottom?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when switching threads.\n     * @default true\n     */\n    unstable_focusOnThreadSwitched?: boolean | undefined;\n    /**\n     * Whether plain Enter on a touch-primary device should insert a newline\n     * instead of submitting, detected via\n     * `(pointer: coarse) and (not (any-pointer: fine))`. Only takes effect\n     * when `submitMode` resolves to `\"enter\"`.\n     * @default false\n     */\n    unstable_insertNewlineOnTouchEnter?: boolean | undefined;\n    /**\n     * Whether to automatically add pasted files as attachments.\n     * @default true\n     */\n    addAttachmentOnPaste?: boolean | undefined;\n  };\n\n  type SubmitModeProps =\n    | {\n        /**\n         * Controls how the Enter key submits messages.\n         * - \"enter\": Plain Enter submits (Shift+Enter for newline)\n         * - \"ctrlEnter\": Ctrl/Cmd+Enter submits (plain Enter for newline)\n         * - \"none\": Keyboard submission disabled\n         * @default \"enter\"\n         */\n        submitMode?: \"enter\" | \"ctrlEnter\" | \"none\" | undefined;\n        /**\n         * @deprecated Use `submitMode` instead\n         * @ignore\n         */\n        submitOnEnter?: never;\n      }\n    | {\n        submitMode?: never;\n        /**\n         * Whether to submit the message when Enter is pressed (without Shift).\n         * @default true\n         * @deprecated Use `submitMode` instead. Will be removed in a future version.\n         */\n        submitOnEnter?: boolean | undefined;\n      };\n\n  export type Props = TextareaAutosizeProps & BaseProps & SubmitModeProps;\n}\n\n/**\n * A text input component for composing messages.\n *\n * This component provides a rich text input experience with automatic resizing,\n * keyboard shortcuts, file paste support, and intelligent focus management.\n * It integrates with the composer context to manage message state and submission.\n *\n * When rendered inside `TriggerPopoverRoot` and a popover is open, the\n * underlying `<textarea>` automatically receives `aria-controls`,\n * `aria-expanded`, `aria-haspopup`, and `aria-activedescendant` for the\n * combobox relationship. These computed attributes override user-provided\n * values for those four ARIA props while the popover is open.\n *\n * @example\n * ```tsx\n * // Ctrl/Cmd+Enter to submit (plain Enter inserts newline)\n * <ComposerPrimitive.Input\n *   placeholder=\"Type your message...\"\n *   submitMode=\"ctrlEnter\"\n * />\n *\n * // Insert a newline on Enter on touch-primary devices.\n * <ComposerPrimitive.Input\n *   placeholder=\"Type your message...\"\n *   unstable_insertNewlineOnTouchEnter\n * />\n *\n * // Old API (deprecated, still supported)\n * <ComposerPrimitive.Input\n *   placeholder=\"Type your message...\"\n *   submitOnEnter={true}\n * />\n * ```\n */\nexport const ComposerPrimitiveInput = forwardRef<\n  ComposerPrimitiveInput.Element,\n  ComposerPrimitiveInput.Props\n>(\n  (\n    {\n      autoFocus = false,\n      asChild,\n      render,\n      disabled: disabledProp,\n      onChange,\n      onKeyDown,\n      onPaste,\n      onSelect,\n      submitOnEnter,\n      submitMode,\n      cancelOnEscape = true,\n      unstable_focusOnRunStart = true,\n      unstable_focusOnScrollToBottom = true,\n      unstable_focusOnThreadSwitched = true,\n      unstable_insertNewlineOnTouchEnter = false,\n      addAttachmentOnPaste = true,\n      onHeightChange,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const aui = useAui();\n    const pluginRegistry = useComposerInputPluginRegistryOptional();\n    const compactContext = useComposerCompactContextOptional();\n\n    const declaredSubmitMode =\n      submitMode ?? (submitOnEnter === false ? \"none\" : \"enter\");\n    const isTouchPrimary = useMediaQuery(\n      unstable_insertNewlineOnTouchEnter ? TOUCH_PRIMARY_QUERY : null,\n    );\n    const effectiveSubmitMode =\n      unstable_insertNewlineOnTouchEnter &&\n      isTouchPrimary &&\n      declaredSubmitMode === \"enter\"\n        ? \"none\"\n        : declaredSubmitMode;\n\n    const value = useComposerInputValue();\n    const isDisabled = useComposerInputDisabled(disabledProp);\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const ref = useComposedRefs(forwardedRef, textareaRef);\n    // suppress text/cursor broadcasts during IME composition\n    const compositionRef = useRef(false);\n\n    useEscapeKeydown((e) => {\n      // Only handle ESC if it originated from within this input\n      if (!textareaRef.current?.contains(e.target as Node)) return;\n\n      // ignore IME composition events\n      if (isCompositionKey(e)) return;\n\n      // Let registered plugins (mention, slash command, etc.) handle Escape first\n      if (pluginRegistry) {\n        for (const plugin of pluginRegistry.getPlugins()) {\n          if (plugin.handleKeyDown(e)) return;\n        }\n      }\n\n      if (!cancelOnEscape) return;\n\n      const composer = aui.composer;\n      if (composer.getState().canCancel) {\n        composer.cancel();\n        e.preventDefault();\n      }\n    });\n\n    const handleKeyPress = (e: KeyboardEvent) => {\n      if (isDisabled) return;\n\n      // ignore IME composition events\n      if (isCompositionKey(e.nativeEvent)) return;\n\n      // Let registered plugins (mention, slash command, etc.) handle keyboard events first\n      if (pluginRegistry) {\n        for (const plugin of pluginRegistry.getPlugins()) {\n          if (plugin.handleKeyDown(e)) return;\n        }\n      }\n\n      if (e.key === \"Enter\") {\n        const threadState = aui.thread.getState();\n        const hasQueue = threadState.capabilities.queue;\n\n        // Steer hotkey: Cmd/Ctrl+Shift+Enter (respects submitMode=\"none\" and canSend)\n        if (\n          e.shiftKey &&\n          (e.ctrlKey || e.metaKey) &&\n          hasQueue &&\n          declaredSubmitMode !== \"none\" &&\n          aui.composer.getState().canSend\n        ) {\n          e.preventDefault();\n          aui.composer.send({ steer: true });\n          return;\n        }\n\n        // Regular newline: Shift+Enter\n        if (e.shiftKey) return;\n\n        // Block submission when running unless queue is supported; a voice\n        // session leaves the decision to canSend\n        if (\n          threadState.isRunning &&\n          !hasQueue &&\n          threadState.voice === undefined\n        )\n          return;\n\n        let shouldSubmit = false;\n        if (effectiveSubmitMode === \"ctrlEnter\") {\n          shouldSubmit = e.ctrlKey || e.metaKey;\n        } else if (effectiveSubmitMode === \"enter\") {\n          shouldSubmit = true;\n        }\n\n        if (shouldSubmit) {\n          e.preventDefault();\n          textareaRef.current?.closest(\"form\")?.requestSubmit();\n        }\n      }\n    };\n\n    const handlePaste = async (e: ClipboardEvent<HTMLTextAreaElement>) => {\n      if (!addAttachmentOnPaste) return;\n      const threadCapabilities = aui.thread.getState().capabilities;\n      const files = Array.from(e.clipboardData?.files || []);\n\n      if (threadCapabilities.attachments && files.length > 0) {\n        e.preventDefault();\n        await Promise.all(\n          files.map(async (file) => {\n            try {\n              await aui.composer.addAttachment(file);\n            } catch {\n              // The composer runtime emits composer.attachmentAddError before rejecting.\n            }\n          }),\n        );\n      }\n    };\n\n    const handleHeightChange = (\n      height: number,\n      meta: TextareaHeightChangeMeta,\n    ) => {\n      onHeightChange?.(height, meta);\n      if (!compactContext) return;\n      const el = textareaRef.current;\n      if (!el || el.value === \"\") return;\n      const cs = getComputedStyle(el);\n      const contentHeight =\n        cs.boxSizing === \"border-box\"\n          ? height -\n            parseFloat(cs.paddingTop) -\n            parseFloat(cs.paddingBottom) -\n            parseFloat(cs.borderTopWidth) -\n            parseFloat(cs.borderBottomWidth)\n          : height;\n      if (Math.round(contentHeight / meta.rowHeight) > 1) {\n        compactContext.setMultiline(true);\n      }\n    };\n\n    const autoFocusEnabled = autoFocus && !isDisabled;\n    const focus = useCallback(() => {\n      const textarea = textareaRef.current;\n      if (!textarea || !autoFocusEnabled) return;\n\n      textarea.focus({ preventScroll: true });\n      textarea.setSelectionRange(textarea.value.length, textarea.value.length);\n    }, [autoFocusEnabled]);\n\n    useEffect(() => focus(), [focus]);\n\n    useOnScrollToBottom(() => {\n      if (\n        aui.composer.getState().type === \"thread\" &&\n        unstable_focusOnScrollToBottom\n      ) {\n        focus();\n      }\n    });\n\n    useEffect(() => {\n      if (\n        aui.composer.getState().type !== \"thread\" ||\n        !unstable_focusOnRunStart\n      )\n        return undefined;\n\n      return aui.on(\"thread.runStart\", focus);\n    }, [unstable_focusOnRunStart, focus, aui]);\n\n    useEffect(() => {\n      if (\n        aui.composer.getState().type !== \"thread\" ||\n        !unstable_focusOnThreadSwitched\n      )\n        return undefined;\n\n      return aui.on(\"threads.selectionChanged\", focus);\n    }, [unstable_focusOnThreadSwitched, focus, aui]);\n\n    useEffect(() => {\n      if (value === \"\") compactContext?.setMultiline(false);\n    }, [value, compactContext]);\n\n    const ariaComboboxProps = useTriggerPopoverAriaProps();\n\n    const inputProps = {\n      name: \"input\" as const,\n      value,\n      ...rest,\n      ...ariaComboboxProps,\n      ref: ref as React.ForwardedRef<HTMLTextAreaElement>,\n      disabled: isDisabled,\n      onChange: composeEventHandlers(\n        onChange,\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n          if (!aui.composer.getState().isEditing) return;\n          const nativeIsComposing =\n            (e.nativeEvent as { isComposing?: boolean }).isComposing === true;\n          // recover stuck compositionRef when the browser drops compositionend\n          if (compositionRef.current && !nativeIsComposing) {\n            compositionRef.current = false;\n          }\n          const isComposing = nativeIsComposing || compositionRef.current;\n          // keep controlled value in sync mid-IME so react does not reset the textarea to a stale value\n          flushTapSync(() => {\n            aui.composer.setText(e.target.value);\n          });\n          if (isComposing) return;\n          const pos = e.target.selectionStart ?? e.target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onKeyDown: composeEventHandlers(onKeyDown, handleKeyPress),\n      onCompositionStart: composeEventHandlers(\n        (rest as { onCompositionStart?: React.CompositionEventHandler })\n          .onCompositionStart,\n        () => {\n          compositionRef.current = true;\n        },\n      ),\n      onCompositionEnd: composeEventHandlers(\n        (rest as { onCompositionEnd?: React.CompositionEventHandler })\n          .onCompositionEnd,\n        (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n          compositionRef.current = false;\n          if (!aui.composer.getState().isEditing) return;\n          const target = e.target as HTMLTextAreaElement;\n          flushTapSync(() => {\n            aui.composer.setText(target.value);\n          });\n          const pos = target.selectionStart ?? target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onSelect: composeEventHandlers(\n        onSelect,\n        (e: React.SyntheticEvent<HTMLTextAreaElement>) => {\n          if (compositionRef.current) return;\n          const target = e.target as HTMLTextAreaElement;\n          const pos = target.selectionStart ?? target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onPaste: composeEventHandlers(onPaste, handlePaste),\n      ...(compactContext\n        ? { onHeightChange: handleHeightChange }\n        : onHeightChange !== undefined\n          ? { onHeightChange }\n          : {}),\n    };\n\n    if (render && isValidElement(render)) {\n      return renderSlot(\n        render,\n        (rest as { children?: ReactNode }).children,\n        inputProps,\n      );\n    }\n\n    const Component = asChild ? Slot.Root : TextareaAutosize;\n    return <Component {...inputProps} />;\n  },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":";;;;;;;;;;;;;;;;AAmCA,MAAM2B,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiH5B,MAAaC,yBAAyBrB,YAKlC,EACEqC,YAAY,OACZZ,SACAC,QACAY,UAAUC,cACVC,UACAC,WACAC,SACAC,UACAR,eACAD,YACAP,iBAAiB,MACjBC,2BAA2B,MAC3BC,iCAAiC,MACjCC,iCAAiC,MACjCC,qCAAqC,OACrCC,uBAAuB,MACvBY,gBACA,GAAGC,QAELC,iBACG;CACH,MAAMC,MAAMlC,OAAO;CACnB,MAAMmC,iBAAiBjC,uCAAuC;CAC9D,MAAMkC,iBAAiBjC,kCAAkC;CAEzD,MAAMkC,qBACJhB,eAAeC,kBAAkB,QAAQ,SAAS;CACpD,MAAMgB,iBAAiBzC,cACrBqB,qCAAqCX,sBAAsB,IAC7D;CACA,MAAMgC,sBACJrB,sCACAoB,kBACAD,uBAAuB,UACnB,SACAA;CAEN,MAAMG,QAAQnC,sBAAsB;CACpC,MAAMoC,aAAarC,yBAAyBsB,YAAY;CACxD,MAAMgB,cAAcpD,OAA4B,IAAI;CACpD,MAAMqD,MAAM9D,gBAAgBoD,cAAcS,WAAW;CAErD,MAAME,iBAAiBtD,OAAO,KAAK;CAEnCK,kBAAkBkD,MAAM;EAEtB,IAAI,CAACH,YAAYI,SAASC,SAASF,EAAEG,MAAc,GAAG;EAGtD,IAAIjD,iBAAiB8C,CAAC,GAAG;EAGzB,IAAIV,gBACG;QAAA,MAAMe,UAAUf,eAAegB,WAAW,GAC7C,IAAID,OAAOE,cAAcP,CAAC,GAAG;EAAA;EAIjC,IAAI,CAAC/B,gBAAgB;EAErB,MAAMuC,WAAWnB,IAAImB;EACrB,IAAIA,SAASC,SAAS,CAAC,CAACC,WAAW;GACjCF,SAASG,OAAO;GAChBX,EAAEY,eAAe;EACnB;CACF,CAAC;CAED,MAAMC,kBAAkBb,QAAqB;EAC3C,IAAIJ,YAAY;EAGhB,IAAI1C,iBAAiB8C,IAAEc,WAAW,GAAG;EAGrC,IAAIxB,gBACG;QAAA,MAAMe,YAAUf,eAAegB,WAAW,GAC7C,IAAID,SAAOE,cAAcP,GAAC,GAAG;EAAA;EAIjC,IAAIA,IAAEe,QAAQ,SAAS;GACrB,MAAMC,cAAc3B,IAAI4B,OAAOR,SAAS;GACxC,MAAMS,WAAWF,YAAYG,aAAaC;GAG1C,IACEpB,IAAEqB,aACDrB,IAAEsB,WAAWtB,IAAEuB,YAChBL,YACA1B,uBAAuB,UACvBH,IAAImB,SAASC,SAAS,CAAC,CAACe,SACxB;IACAxB,IAAEY,eAAe;IACjBvB,IAAImB,SAASiB,KAAK,EAAEC,OAAO,KAAK,CAAC;IACjC;GACF;GAGA,IAAI1B,IAAEqB,UAAU;GAIhB,IACEL,YAAYW,aACZ,CAACT,YACDF,YAAYY,UAAUC,KAAAA,GAEtB;GAEF,IAAIC,eAAe;GACnB,IAAIpC,wBAAwB,aAC1BoC,eAAe9B,IAAEsB,WAAWtB,IAAEuB;QACzB,IAAI7B,wBAAwB,SACjCoC,eAAe;GAGjB,IAAIA,cAAc;IAChB9B,IAAEY,eAAe;IACjBf,YAAYI,SAAS8B,QAAQ,MAAM,CAAC,EAAEC,cAAc;GACtD;EACF;CACF;CAEA,MAAMC,cAAc,OAAOjC,QAA2C;EACpE,IAAI,CAAC1B,sBAAsB;EAC3B,MAAM4D,qBAAqB7C,IAAI4B,OAAOR,SAAS,CAAC,CAACU;EACjD,MAAMgB,QAAQC,MAAMC,KAAKrC,IAAEsC,eAAeH,SAAS,CAAA,CAAE;EAErD,IAAID,mBAAmBK,eAAeJ,MAAMK,SAAS,GAAG;GACtDxC,IAAEY,eAAe;GACjB,MAAM6B,QAAQC,IACZP,MAAMQ,IAAI,OAAOC,SAAS;IACxB,IAAI;KACF,MAAMvD,IAAImB,SAASqC,cAAcD,IAAI;IACvC,QAAQ,CACN;GAEJ,CAAC,CACH;EACF;CACF;CAEA,MAAME,sBACJC,QACAC,SACG;EACH9D,iBAAiB6D,QAAQC,IAAI;EAC7B,IAAI,CAACzD,gBAAgB;EACrB,MAAM0D,KAAKpD,YAAYI;EACvB,IAAI,CAACgD,MAAMA,GAAGtD,UAAU,IAAI;EAC5B,MAAMuD,KAAKC,iBAAiBF,EAAE;EAC9B,MAAMG,gBACJF,GAAGG,cAAc,eACbN,SACAO,WAAWJ,GAAGK,UAAU,IACxBD,WAAWJ,GAAGM,aAAa,IAC3BF,WAAWJ,GAAGO,cAAc,IAC5BH,WAAWJ,GAAGQ,iBAAiB,IAC/BX;EACN,IAAIY,KAAKC,MAAMR,gBAAgBJ,KAAKa,SAAS,IAAI,GAC/CtE,eAAeuE,aAAa,IAAI;CAEpC;CAEA,MAAMC,mBAAmBpF,aAAa,CAACiB;CACvC,MAAMoE,QAAQzH,kBAAkB;EAC9B,MAAM0H,WAAWpE,YAAYI;EAC7B,IAAI,CAACgE,YAAY,CAACF,kBAAkB;EAEpCE,SAASD,MAAM,EAAEE,eAAe,KAAK,CAAC;EACtCD,SAASE,kBAAkBF,SAAStE,MAAM6C,QAAQyB,SAAStE,MAAM6C,MAAM;CACzE,GAAG,CAACuB,gBAAgB,CAAC;CAErBvH,gBAAgBwH,MAAM,GAAG,CAACA,KAAK,CAAC;CAEhCjH,0BAA0B;EACxB,IACEsC,IAAImB,SAASC,SAAS,CAAC,CAAC2D,SAAS,YACjCjG,gCAEA6F,MAAM;CAEV,CAAC;CAEDxH,gBAAgB;EACd,IACE6C,IAAImB,SAASC,SAAS,CAAC,CAAC2D,SAAS,YACjC,CAAClG,0BAED,OAAO2D,KAAAA;EAET,OAAOxC,IAAIgF,GAAG,mBAAmBL,KAAK;CACxC,GAAG;EAAC9F;EAA0B8F;EAAO3E;CAAG,CAAC;CAEzC7C,gBAAgB;EACd,IACE6C,IAAImB,SAASC,SAAS,CAAC,CAAC2D,SAAS,YACjC,CAAChG,gCAED,OAAOyD,KAAAA;EAET,OAAOxC,IAAIgF,GAAG,4BAA4BL,KAAK;CACjD,GAAG;EAAC5F;EAAgC4F;EAAO3E;CAAG,CAAC;CAE/C7C,gBAAgB;EACd,IAAImD,UAAU,IAAIJ,gBAAgBuE,aAAa,KAAK;CACtD,GAAG,CAACnE,OAAOJ,cAAc,CAAC;CAE1B,MAAM+E,oBAAoB7G,2BAA2B;CAErD,MAAM8G,aAAa;EACjBC,MAAM;EACN7E;EACA,GAAGR;EACH,GAAGmF;EACExE;EACLlB,UAAUgB;EACVd,UAAU/C,qBACR+C,WACCkB,QAA8C;GAC7C,IAAI,CAACX,IAAImB,SAASC,SAAS,CAAC,CAACoE,WAAW;GACxC,MAAMC,oBACH9E,IAAEc,YAA0CiE,gBAAgB;GAE/D,IAAIhF,eAAeE,WAAW,CAAC6E,mBAC7B/E,eAAeE,UAAU;GAE3B,MAAM8E,cAAcD,qBAAqB/E,eAAeE;GAExD7C,mBAAmB;IACjBiC,IAAImB,SAASwE,QAAQhF,IAAEG,OAAOR,KAAK;GACrC,CAAC;GACD,IAAIoF,aAAa;GACjB,MAAME,MAAMjF,IAAEG,OAAO+E,kBAAkBlF,IAAEG,OAAOR,MAAM6C;GACtD,IAAIlD,gBACF,KAAK,MAAMe,YAAUf,eAAegB,WAAW,GAC7CD,SAAO8E,kBAAkBF,GAAG;EAGlC,CACF;EACAlG,WAAWhD,qBAAqBgD,WAAW8B,cAAc;EACzDuE,oBAAoBrJ,qBACjBoD,KACEiG,0BACG;GACJrF,eAAeE,UAAU;EAC3B,CACF;EACAqF,kBAAkBvJ,qBACfoD,KACEmG,mBACFtF,QAAmD;GAClDD,eAAeE,UAAU;GACzB,IAAI,CAACZ,IAAImB,SAASC,SAAS,CAAC,CAACoE,WAAW;GACxC,MAAM1E,SAASH,IAAEG;GACjB/C,mBAAmB;IACjBiC,IAAImB,SAASwE,QAAQ7E,OAAOR,KAAK;GACnC,CAAC;GACD,MAAMsF,QAAM9E,OAAO+E,kBAAkB/E,OAAOR,MAAM6C;GAClD,IAAIlD,gBACF,KAAK,MAAMe,YAAUf,eAAegB,WAAW,GAC7CD,SAAO8E,kBAAkBF,KAAG;EAGlC,CACF;EACAhG,UAAUlD,qBACRkD,WACCe,QAAiD;GAChD,IAAID,eAAeE,SAAS;GAC5B,MAAME,WAASH,IAAEG;GACjB,MAAM8E,QAAM9E,SAAO+E,kBAAkB/E,SAAOR,MAAM6C;GAClD,IAAIlD,gBACF,KAAK,MAAMe,YAAUf,eAAegB,WAAW,GAC7CD,SAAO8E,kBAAkBF,KAAG;EAGlC,CACF;EACAjG,SAASjD,qBAAqBiD,SAASiD,WAAW;EAClD,GAAI1C,iBACA,EAAEL,gBAAgB4D,mBAAmB,IACrC5D,mBAAmB2C,KAAAA,IACjB,EAAE3C,eAAe,IACjB,CAAC;CACT;CAEA,IAAIlB,UAAUtB,eAAesB,MAAM,GACjC,OAAOf,WACLe,QACCmB,KAAkCsG,UACnClB,UACF;CAGF,MAAMmB,YAAY3H,UAAU9B,KAAK0J,OAAOhJ;CACxC,OAAO,oBAAC,WAAD,EAAW,GAAI4H,WAAW,CAAA;AACnC,CACF;AAEA5G,uBAAuBiI,cAAc"}
+{"version":3,"file":"ComposerInput.js","names":["composeEventHandlers","useComposedRefs","Slot","ClipboardEvent","KeyboardEvent","ReactElement","ReactNode","forwardRef","useCallback","useEffect","useRef","isValidElement","TextareaAutosize","TextareaAutosizeProps","TextareaHeightChangeMeta","useEscapeKeydown","useOnScrollToBottom","useMediaQuery","renderSlot","isCompositionKey","useAui","flushTapSync","useComposerInputPluginRegistryOptional","useComposerCompactContextOptional","useComposerCancelWithFocus","useComposerInputDisabled","useComposerInputValue","useTriggerPopoverAriaProps","TOUCH_PRIMARY_QUERY","ComposerPrimitiveInput","Element","HTMLTextAreaElement","BaseProps","asChild","render","cancelOnEscape","unstable_focusOnRunStart","unstable_focusOnScrollToBottom","unstable_focusOnThreadSwitched","unstable_insertNewlineOnTouchEnter","addAttachmentOnPaste","SubmitModeProps","submitMode","submitOnEnter","Props","autoFocus","disabled","disabledProp","onChange","onKeyDown","onPaste","onSelect","onHeightChange","rest","forwardedRef","aui","pluginRegistry","compactContext","declaredSubmitMode","isTouchPrimary","effectiveSubmitMode","value","isDisabled","textareaRef","cancel","composer","ref","compositionRef","e","current","contains","target","Node","plugin","getPlugins","handleKeyDown","getState","canCancel","preventDefault","handleKeyPress","nativeEvent","key","threadState","thread","hasQueue","capabilities","queue","shiftKey","ctrlKey","metaKey","canSend","send","steer","isRunning","voice","undefined","shouldSubmit","closest","requestSubmit","handlePaste","threadCapabilities","files","Array","from","clipboardData","attachments","length","Promise","all","map","file","addAttachment","handleHeightChange","height","meta","el","cs","getComputedStyle","contentHeight","boxSizing","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","Math","round","rowHeight","setMultiline","autoFocusEnabled","focus","textarea","preventScroll","setSelectionRange","type","on","ariaComboboxProps","inputProps","name","const","React","ForwardedRef","ChangeEvent","isEditing","nativeIsComposing","isComposing","setText","pos","selectionStart","setCursorPosition","onCompositionStart","CompositionEventHandler","onCompositionEnd","CompositionEvent","SyntheticEvent","children","Component","Root","displayName"],"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"radix-ui/internal\";\nimport { useComposedRefs } from \"radix-ui/internal\";\nimport { Slot } from \"radix-ui\";\nimport {\n  type ClipboardEvent,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  isValidElement,\n} from \"react\";\nimport TextareaAutosize, {\n  type TextareaAutosizeProps,\n  type TextareaHeightChangeMeta,\n} from \"react-textarea-autosize\";\nimport { useEscapeKeydown } from \"radix-ui/internal\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useMediaQuery } from \"../../utils/hooks/useMediaQuery\";\nimport { renderSlot } from \"../../utils/Primitive\";\nimport { isCompositionKey } from \"../../utils/isCompositionKey\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { flushTapSync } from \"@assistant-ui/tap\";\nimport { useComposerInputPluginRegistryOptional } from \"./ComposerInputPluginContext\";\nimport { useComposerCompactContextOptional } from \"./ComposerCompactContext\";\nimport { useComposerCancelWithFocus } from \"./useComposerCancelWithFocus\";\nimport {\n  useComposerInputDisabled,\n  useComposerInputValue,\n  useTriggerPopoverAriaProps,\n} from \"./useComposerInputState\";\n\nconst TOUCH_PRIMARY_QUERY = \"(pointer: coarse) and (not (any-pointer: fine))\";\n\nexport namespace ComposerPrimitiveInput {\n  export type Element = HTMLTextAreaElement;\n\n  type BaseProps = {\n    /**\n     * Whether to render as a child component using Slot.\n     * When true, the component will merge its props with its child.\n     */\n    asChild?: boolean | undefined;\n    /**\n     * A React element to use as the input container, with props merged in.\n     */\n    render?: ReactElement | undefined;\n    /**\n     * Whether to cancel message composition when Escape is pressed.\n     * After cancelling an edit, focus returns to the main thread composer when\n     * available, unless a handler has moved focus elsewhere.\n     * @default true\n     */\n    cancelOnEscape?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when a new run starts.\n     *\n     * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.\n     *\n     * @default true\n     */\n    unstable_focusOnRunStart?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when scrolling to bottom.\n     *\n     * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.\n     *\n     * @default true\n     */\n    unstable_focusOnScrollToBottom?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when switching threads.\n     *\n     * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.\n     *\n     * @default true\n     */\n    unstable_focusOnThreadSwitched?: boolean | undefined;\n    /**\n     * Whether plain Enter on a touch-primary device should insert a newline\n     * instead of submitting, detected via\n     * `(pointer: coarse) and (not (any-pointer: fine))`. Only takes effect\n     * when `submitMode` resolves to `\"enter\"`.\n     *\n     * @deprecated Experimental since 2026-05-24. Not scheduled for removal; the API may change in any release.\n     *\n     * @default false\n     */\n    unstable_insertNewlineOnTouchEnter?: boolean | undefined;\n    /**\n     * Whether to automatically add pasted files as attachments.\n     * @default true\n     */\n    addAttachmentOnPaste?: boolean | undefined;\n  };\n\n  type SubmitModeProps =\n    | {\n        /**\n         * Controls how the Enter key submits messages.\n         * - \"enter\": Plain Enter submits (Shift+Enter for newline)\n         * - \"ctrlEnter\": Ctrl/Cmd+Enter submits (plain Enter for newline)\n         * - \"none\": Keyboard submission disabled\n         * @default \"enter\"\n         */\n        submitMode?: \"enter\" | \"ctrlEnter\" | \"none\" | undefined;\n        /**\n         * @deprecated Use `submitMode` instead\n         * @ignore\n         */\n        submitOnEnter?: never;\n      }\n    | {\n        submitMode?: never;\n        /**\n         * Whether to submit the message when Enter is pressed (without Shift).\n         * @default true\n         * @deprecated Use `submitMode` instead. Will be removed in a future version.\n         */\n        submitOnEnter?: boolean | undefined;\n      };\n\n  export type Props = TextareaAutosizeProps & BaseProps & SubmitModeProps;\n}\n\n/**\n * A text input component for composing messages.\n *\n * This component provides a rich text input experience with automatic resizing,\n * keyboard shortcuts, file paste support, and intelligent focus management.\n * It integrates with the composer context to manage message state and submission.\n *\n * When rendered inside `TriggerPopoverRoot` and a popover is open, the\n * underlying `<textarea>` automatically receives `aria-controls`,\n * `aria-expanded`, `aria-haspopup`, and `aria-activedescendant` for the\n * combobox relationship. These computed attributes override user-provided\n * values for those four ARIA props while the popover is open.\n *\n * @example\n * ```tsx\n * // Ctrl/Cmd+Enter to submit (plain Enter inserts newline)\n * <ComposerPrimitive.Input\n *   placeholder=\"Type your message...\"\n *   submitMode=\"ctrlEnter\"\n * />\n *\n * // Insert a newline on Enter on touch-primary devices.\n * <ComposerPrimitive.Input\n *   placeholder=\"Type your message...\"\n *   unstable_insertNewlineOnTouchEnter\n * />\n *\n * // Old API (deprecated, still supported)\n * <ComposerPrimitive.Input\n *   placeholder=\"Type your message...\"\n *   submitOnEnter={true}\n * />\n * ```\n */\nexport const ComposerPrimitiveInput = forwardRef<\n  ComposerPrimitiveInput.Element,\n  ComposerPrimitiveInput.Props\n>(\n  (\n    {\n      autoFocus = false,\n      asChild,\n      render,\n      disabled: disabledProp,\n      onChange,\n      onKeyDown,\n      onPaste,\n      onSelect,\n      submitOnEnter,\n      submitMode,\n      cancelOnEscape = true,\n      unstable_focusOnRunStart = true,\n      unstable_focusOnScrollToBottom = true,\n      unstable_focusOnThreadSwitched = true,\n      unstable_insertNewlineOnTouchEnter = false,\n      addAttachmentOnPaste = true,\n      onHeightChange,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const aui = useAui();\n    const pluginRegistry = useComposerInputPluginRegistryOptional();\n    const compactContext = useComposerCompactContextOptional();\n\n    const declaredSubmitMode =\n      submitMode ?? (submitOnEnter === false ? \"none\" : \"enter\");\n    const isTouchPrimary = useMediaQuery(\n      unstable_insertNewlineOnTouchEnter ? TOUCH_PRIMARY_QUERY : null,\n    );\n    const effectiveSubmitMode =\n      unstable_insertNewlineOnTouchEnter &&\n      isTouchPrimary &&\n      declaredSubmitMode === \"enter\"\n        ? \"none\"\n        : declaredSubmitMode;\n\n    const value = useComposerInputValue();\n    const isDisabled = useComposerInputDisabled(disabledProp);\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const cancel = useComposerCancelWithFocus(\n      useCallback(() => aui.composer.cancel(), [aui]),\n    );\n    const ref = useComposedRefs(forwardedRef, textareaRef);\n    // suppress text/cursor broadcasts during IME composition\n    const compositionRef = useRef(false);\n\n    useEscapeKeydown((e) => {\n      // Only handle ESC if it originated from within this input\n      if (!textareaRef.current?.contains(e.target as Node)) return;\n\n      // ignore IME composition events\n      if (isCompositionKey(e)) return;\n\n      // Let registered plugins (mention, slash command, etc.) handle Escape first\n      if (pluginRegistry) {\n        for (const plugin of pluginRegistry.getPlugins()) {\n          if (plugin.handleKeyDown(e)) return;\n        }\n      }\n\n      if (!cancelOnEscape) return;\n\n      const composer = aui.composer;\n      if (composer.getState().canCancel) {\n        cancel(textareaRef.current);\n        e.preventDefault();\n      }\n    });\n\n    const handleKeyPress = (e: KeyboardEvent) => {\n      if (isDisabled) return;\n\n      // ignore IME composition events\n      if (isCompositionKey(e.nativeEvent)) return;\n\n      // Let registered plugins (mention, slash command, etc.) handle keyboard events first\n      if (pluginRegistry) {\n        for (const plugin of pluginRegistry.getPlugins()) {\n          if (plugin.handleKeyDown(e)) return;\n        }\n      }\n\n      if (e.key === \"Enter\") {\n        const threadState = aui.thread.getState();\n        const hasQueue = threadState.capabilities.queue;\n\n        // Steer hotkey: Cmd/Ctrl+Shift+Enter (respects submitMode=\"none\" and canSend)\n        if (\n          e.shiftKey &&\n          (e.ctrlKey || e.metaKey) &&\n          hasQueue &&\n          declaredSubmitMode !== \"none\" &&\n          aui.composer.getState().canSend\n        ) {\n          e.preventDefault();\n          aui.composer.send({ steer: true });\n          return;\n        }\n\n        // Regular newline: Shift+Enter\n        if (e.shiftKey) return;\n\n        // Block submission when running unless queue is supported; a voice\n        // session leaves the decision to canSend\n        if (\n          threadState.isRunning &&\n          !hasQueue &&\n          threadState.voice === undefined\n        )\n          return;\n\n        let shouldSubmit = false;\n        if (effectiveSubmitMode === \"ctrlEnter\") {\n          shouldSubmit = e.ctrlKey || e.metaKey;\n        } else if (effectiveSubmitMode === \"enter\") {\n          shouldSubmit = true;\n        }\n\n        if (shouldSubmit) {\n          e.preventDefault();\n          textareaRef.current?.closest(\"form\")?.requestSubmit();\n        }\n      }\n    };\n\n    const handlePaste = async (e: ClipboardEvent<HTMLTextAreaElement>) => {\n      if (!addAttachmentOnPaste) return;\n      const threadCapabilities = aui.thread.getState().capabilities;\n      const files = Array.from(e.clipboardData?.files || []);\n\n      if (threadCapabilities.attachments && files.length > 0) {\n        e.preventDefault();\n        await Promise.all(\n          files.map(async (file) => {\n            try {\n              await aui.composer.addAttachment(file);\n            } catch {\n              // The composer runtime emits composer.attachmentAddError before rejecting.\n            }\n          }),\n        );\n      }\n    };\n\n    const handleHeightChange = (\n      height: number,\n      meta: TextareaHeightChangeMeta,\n    ) => {\n      onHeightChange?.(height, meta);\n      if (!compactContext) return;\n      const el = textareaRef.current;\n      if (!el || el.value === \"\") return;\n      const cs = getComputedStyle(el);\n      const contentHeight =\n        cs.boxSizing === \"border-box\"\n          ? height -\n            parseFloat(cs.paddingTop) -\n            parseFloat(cs.paddingBottom) -\n            parseFloat(cs.borderTopWidth) -\n            parseFloat(cs.borderBottomWidth)\n          : height;\n      if (Math.round(contentHeight / meta.rowHeight) > 1) {\n        compactContext.setMultiline(true);\n      }\n    };\n\n    const autoFocusEnabled = autoFocus && !isDisabled;\n    const focus = useCallback(() => {\n      const textarea = textareaRef.current;\n      if (!textarea || !autoFocusEnabled) return;\n\n      textarea.focus({ preventScroll: true });\n      textarea.setSelectionRange(textarea.value.length, textarea.value.length);\n    }, [autoFocusEnabled]);\n\n    useEffect(() => focus(), [focus]);\n\n    useOnScrollToBottom(() => {\n      if (\n        aui.composer.getState().type === \"thread\" &&\n        unstable_focusOnScrollToBottom\n      ) {\n        focus();\n      }\n    });\n\n    useEffect(() => {\n      if (\n        aui.composer.getState().type !== \"thread\" ||\n        !unstable_focusOnRunStart\n      )\n        return undefined;\n\n      return aui.on(\"thread.runStart\", focus);\n    }, [unstable_focusOnRunStart, focus, aui]);\n\n    useEffect(() => {\n      if (\n        aui.composer.getState().type !== \"thread\" ||\n        !unstable_focusOnThreadSwitched\n      )\n        return undefined;\n\n      return aui.on(\"threads.selectionChanged\", focus);\n    }, [unstable_focusOnThreadSwitched, focus, aui]);\n\n    useEffect(() => {\n      if (value === \"\") compactContext?.setMultiline(false);\n    }, [value, compactContext]);\n\n    const ariaComboboxProps = useTriggerPopoverAriaProps();\n\n    const inputProps = {\n      name: \"input\" as const,\n      value,\n      ...rest,\n      ...ariaComboboxProps,\n      ref: ref as React.ForwardedRef<HTMLTextAreaElement>,\n      disabled: isDisabled,\n      onChange: composeEventHandlers(\n        onChange,\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n          if (!aui.composer.getState().isEditing) return;\n          const nativeIsComposing =\n            (e.nativeEvent as { isComposing?: boolean }).isComposing === true;\n          // recover stuck compositionRef when the browser drops compositionend\n          if (compositionRef.current && !nativeIsComposing) {\n            compositionRef.current = false;\n          }\n          const isComposing = nativeIsComposing || compositionRef.current;\n          // keep controlled value in sync mid-IME so react does not reset the textarea to a stale value\n          flushTapSync(() => {\n            aui.composer.setText(e.target.value);\n          });\n          if (isComposing) return;\n          const pos = e.target.selectionStart ?? e.target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onKeyDown: composeEventHandlers(onKeyDown, handleKeyPress),\n      onCompositionStart: composeEventHandlers(\n        (rest as { onCompositionStart?: React.CompositionEventHandler })\n          .onCompositionStart,\n        () => {\n          compositionRef.current = true;\n        },\n      ),\n      onCompositionEnd: composeEventHandlers(\n        (rest as { onCompositionEnd?: React.CompositionEventHandler })\n          .onCompositionEnd,\n        (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n          compositionRef.current = false;\n          if (!aui.composer.getState().isEditing) return;\n          const target = e.target as HTMLTextAreaElement;\n          flushTapSync(() => {\n            aui.composer.setText(target.value);\n          });\n          const pos = target.selectionStart ?? target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onSelect: composeEventHandlers(\n        onSelect,\n        (e: React.SyntheticEvent<HTMLTextAreaElement>) => {\n          if (compositionRef.current) return;\n          const target = e.target as HTMLTextAreaElement;\n          const pos = target.selectionStart ?? target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onPaste: composeEventHandlers(onPaste, handlePaste),\n      ...(compactContext\n        ? { onHeightChange: handleHeightChange }\n        : onHeightChange !== undefined\n          ? { onHeightChange }\n          : {}),\n    };\n\n    if (render && isValidElement(render)) {\n      return renderSlot(\n        render,\n        (rest as { children?: ReactNode }).children,\n        inputProps,\n      );\n    }\n\n    const Component = asChild ? Slot.Root : TextareaAutosize;\n    return <Component {...inputProps} />;\n  },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":"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"}

package/dist/primitives/composer/ComposerRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerRoot.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/ComposerRoot.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,YAAY,EAGjB,KAAK,wBAAwB,EAI9B,MAAM,OAAO,CAAC;AA2Bf,yBAAiB,qBAAqB,CAAC;IACrC,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;IAC1D;;;OAGG;IACH,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG;QACpE;;;;;;;WAOG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAC/B,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,qBAAqB;;;;;IAhC9B;;;;;;;OAOG;cACO,OAAO,GAAG,SAAS;mDAgF/B,CAAC"}
+{"version":3,"file":"ComposerRoot.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/ComposerRoot.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,YAAY,EAGjB,KAAK,wBAAwB,EAI9B,MAAM,OAAO,CAAC;AA0Bf,yBAAiB,qBAAqB,CAAC;IACrC,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;IAC1D;;;OAGG;IACH,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG;QACpE;;;;;;;WAOG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAC/B,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,qBAAqB;;;;;IAhC9B;;;;;;;OAOG;cACO,OAAO,GAAG,SAAS;mDAkF/B,CAAC"}

package/dist/primitives/composer/ComposerRoot.js

@@ -2,14 +2,13 @@
 import { Primitive as Primitive$1 } from "../../utils/Primitive.js";
 import { useComposerSend } from "./ComposerSend.js";
 import { ComposerCompactContext } from "./ComposerCompactContext.js";
+import { COMPOSER_INPUT_SELECTOR, CONTENT_EDITABLE_SELECTOR } from "./composerInputSelector.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { forwardRef, useState } from "@assistant-ui/tap/react-shim";
 import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "radix-ui/internal";
 //#region src/primitives/composer/ComposerRoot.tsx
-const CONTENT_EDITABLE_SELECTOR = "[contenteditable]:not([contenteditable='false'])";
-const COMPOSER_INPUT_SELECTOR = `textarea:not(:disabled), ${CONTENT_EDITABLE_SELECTOR}`;
 const INTERACTIVE_ELEMENT_SELECTOR = [
 	"a",
 	"audio[controls]",
@@ -47,7 +46,7 @@ const INTERACTIVE_ELEMENT_SELECTOR = [
 * ```
 */
 const ComposerPrimitiveRoot = forwardRef((t0, forwardedRef) => {
-	const $ = c(24);
+	const $ = c(25);
 	let compact;
 	let onMouseDown;
 	let onSubmit;
@@ -66,6 +65,7 @@ const ComposerPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 		rest = $[4];
 	}
 	const send = useComposerSend();
+	const composerType = useAuiState(_temp);
 	const [multiline, setMultiline] = useState(false);
 	let t1;
 	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
@@ -75,7 +75,7 @@ const ComposerPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 	const compactContext = t1;
 	let t2;
 	if ($[6] !== compact) {
-		t2 = (s) => compact ? s.composer.attachments.length === 0 && s.composer.quote == null && s.composer.queue.length === 0 && s.composer.dictation == null && !s.composer.text.includes("\n") : false;
+		t2 = (s_0) => compact ? s_0.composer.attachments.length === 0 && s_0.composer.quote == null && s_0.composer.queue.length === 0 && s_0.composer.dictation == null && !s_0.composer.text.includes("\n") : false;
 		$[6] = compact;
 		$[7] = t2;
 	} else t2 = $[7];
@@ -91,7 +91,7 @@ const ComposerPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 		$[9] = t3;
 	} else t3 = $[9];
 	const handleSubmit = t3;
-	const handleMouseDown = _temp;
+	const handleMouseDown = _temp2;
 	const t4 = compact ? compactContext : null;
 	const t5 = isCompact ? "" : void 0;
 	let t6;
@@ -108,35 +108,40 @@ const ComposerPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 		$[14] = t7;
 	} else t7 = $[14];
 	let t8;
-	if ($[15] !== forwardedRef || $[16] !== rest || $[17] !== t5 || $[18] !== t6 || $[19] !== t7) {
+	if ($[15] !== composerType || $[16] !== forwardedRef || $[17] !== rest || $[18] !== t5 || $[19] !== t6 || $[20] !== t7) {
 		t8 = /* @__PURE__ */ jsx(Primitive$1.form, {
 			...rest,
+			"data-aui-composer-type": composerType,
 			"data-compact": t5,
 			ref: forwardedRef,
 			onSubmit: t6,
 			onMouseDown: t7
 		});
-		$[15] = forwardedRef;
-		$[16] = rest;
-		$[17] = t5;
-		$[18] = t6;
-		$[19] = t7;
-		$[20] = t8;
-	} else t8 = $[20];
+		$[15] = composerType;
+		$[16] = forwardedRef;
+		$[17] = rest;
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t7;
+		$[21] = t8;
+	} else t8 = $[21];
 	let t9;
-	if ($[21] !== t4 || $[22] !== t8) {
+	if ($[22] !== t4 || $[23] !== t8) {
 		t9 = /* @__PURE__ */ jsx(ComposerCompactContext.Provider, {
 			value: t4,
 			children: t8
 		});
-		$[21] = t4;
-		$[22] = t8;
-		$[23] = t9;
-	} else t9 = $[23];
+		$[22] = t4;
+		$[23] = t8;
+		$[24] = t9;
+	} else t9 = $[24];
 	return t9;
 });
 ComposerPrimitiveRoot.displayName = "ComposerPrimitive.Root";
-function _temp(e_0) {
+function _temp(s) {
+	return s.composer.type;
+}
+function _temp2(e_0) {
 	if (e_0.button !== 0) return;
 	const target = e_0.target;
 	if (!(target instanceof Element) || !e_0.currentTarget.contains(target)) return;

package/dist/primitives/composer/ComposerRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerRoot.js","names":["c","_c","composeEventHandlers","useAuiState","Primitive","ComponentRef","FormEvent","forwardRef","ComponentPropsWithoutRef","MouseEvent","useMemo","useState","useComposerSend","ComposerCompactContext","CONTENT_EDITABLE_SELECTOR","COMPOSER_INPUT_SELECTOR","INTERACTIVE_ELEMENT_SELECTOR","join","ComposerPrimitiveRoot","Element","form","Props","compact","t0","forwardedRef","$","onMouseDown","onSubmit","rest","send","multiline","setMultiline","t1","Symbol","for","compactContext","t2","s","composer","attachments","length","quote","queue","dictation","text","includes","stateAllowsCompact","isCompact","t3","e","preventDefault","handleSubmit","handleMouseDown","_temp","t4","t5","undefined","t6","t7","t8","t9","displayName","e_0","button","target","currentTarget","contains","interactive","closest","input","querySelector","focus","_c","Primitive"],"sources":["../../../src/primitives/composer/ComposerRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"radix-ui/internal\";\nimport { useAuiState } from \"@assistant-ui/store\";\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  type FormEvent,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  useMemo,\n  useState,\n} from \"react\";\nimport { useComposerSend } from \"./ComposerSend\";\nimport { ComposerCompactContext } from \"./ComposerCompactContext\";\n\nconst CONTENT_EDITABLE_SELECTOR =\n  \"[contenteditable]:not([contenteditable='false'])\";\n\nconst COMPOSER_INPUT_SELECTOR = `textarea:not(:disabled), ${CONTENT_EDITABLE_SELECTOR}`;\n\n// Keeps tabindex=\"-1\": roving-tabindex widgets click-focus items at -1.\nconst INTERACTIVE_ELEMENT_SELECTOR = [\n  \"a\",\n  \"audio[controls]\",\n  \"button\",\n  \"details\",\n  \"embed\",\n  \"iframe\",\n  \"input\",\n  \"label\",\n  \"select\",\n  \"summary\",\n  \"textarea\",\n  \"video[controls]\",\n  CONTENT_EDITABLE_SELECTOR,\n  \"[tabindex]\",\n].join(\", \");\n\nexport namespace ComposerPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.form>;\n  /**\n   * Props for the ComposerPrimitive.Root component.\n   * Accepts all standard form element props.\n   */\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.form> & {\n    /**\n     * Opt the composer into compact mode. While the input holds at most a single\n     * line of text and there are no attachments, quote, queued messages, or\n     * active dictation, the root renders a `data-compact` attribute so styles\n     * can collapse the composer into a single row. It expands automatically\n     * when any of those conditions stop holding.\n     * @default false\n     */\n    compact?: boolean | undefined;\n  };\n}\n\n/**\n * The root form container for message composition.\n *\n * This component provides a form wrapper that handles message submission when the form\n * is submitted (e.g., via Enter key or submit button). It automatically prevents the\n * default form submission and triggers the composer's send functionality.\n *\n * Clicking blank form space focuses the composer input (the first textarea or\n * contenteditable inside the form). Text selection cannot start from blank\n * areas; descendants that need native mousedown defaults can call\n * `stopPropagation()` in their own `onMouseDown`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Root>\n *   <ComposerPrimitive.Input placeholder=\"Type your message...\" />\n *   <ComposerPrimitive.Send>Send</ComposerPrimitive.Send>\n * </ComposerPrimitive.Root>\n * ```\n */\nexport const ComposerPrimitiveRoot = forwardRef<\n  ComposerPrimitiveRoot.Element,\n  ComposerPrimitiveRoot.Props\n>(({ onSubmit, onMouseDown, compact, ...rest }, forwardedRef) => {\n  const send = useComposerSend();\n\n  const [multiline, setMultiline] = useState(false);\n  const compactContext = useMemo(() => ({ setMultiline }), []);\n  const stateAllowsCompact = useAuiState((s) =>\n    compact\n      ? s.composer.attachments.length === 0 &&\n        s.composer.quote == null &&\n        s.composer.queue.length === 0 &&\n        s.composer.dictation == null &&\n        !s.composer.text.includes(\"\\n\")\n      : false,\n  );\n  const isCompact = stateAllowsCompact && !multiline;\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n\n    if (!send) return;\n    send();\n  };\n\n  const handleMouseDown = (e: MouseEvent<HTMLFormElement>) => {\n    if (e.button !== 0) return;\n    const target = e.target;\n    // Portaled descendants (e.g. a dialog overlay) propagate mousedown through\n    // the React tree while their DOM nodes live outside the form.\n    if (!(target instanceof Element) || !e.currentTarget.contains(target))\n      return;\n    // Bound the ancestor walk to the form: hosts like AssistantModal render\n    // the composer inside a wrapper carrying tabindex=\"-1\" (Radix FocusScope).\n    const interactive = target.closest(INTERACTIVE_ELEMENT_SELECTOR);\n    if (interactive && e.currentTarget.contains(interactive)) return;\n    const input = e.currentTarget.querySelector<HTMLElement>(\n      COMPOSER_INPUT_SELECTOR,\n    );\n    if (!input) return;\n    e.preventDefault();\n    input.focus();\n  };\n\n  return (\n    <ComposerCompactContext.Provider value={compact ? compactContext : null}>\n      <Primitive.form\n        {...rest}\n        data-compact={isCompact ? \"\" : undefined}\n        ref={forwardedRef}\n        onSubmit={composeEventHandlers(onSubmit, handleSubmit)}\n        onMouseDown={composeEventHandlers(onMouseDown, handleMouseDown)}\n      />\n    </ComposerCompactContext.Provider>\n  );\n});\n\nComposerPrimitiveRoot.displayName = \"ComposerPrimitive.Root\";\n"],"mappings":"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"}
+{"version":3,"file":"ComposerRoot.js","names":["c","_c","composeEventHandlers","useAuiState","Primitive","ComponentRef","FormEvent","forwardRef","ComponentPropsWithoutRef","MouseEvent","useMemo","useState","useComposerSend","ComposerCompactContext","COMPOSER_INPUT_SELECTOR","CONTENT_EDITABLE_SELECTOR","INTERACTIVE_ELEMENT_SELECTOR","join","ComposerPrimitiveRoot","Element","form","Props","compact","t0","forwardedRef","$","onMouseDown","onSubmit","rest","send","composerType","_temp","multiline","setMultiline","t1","Symbol","for","compactContext","t2","s_0","s","composer","attachments","length","quote","queue","dictation","text","includes","stateAllowsCompact","isCompact","t3","e","preventDefault","handleSubmit","handleMouseDown","_temp2","t4","t5","undefined","t6","t7","t8","t9","displayName","type","e_0","button","target","currentTarget","contains","interactive","closest","input","querySelector","focus","_c","Primitive"],"sources":["../../../src/primitives/composer/ComposerRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"radix-ui/internal\";\nimport { useAuiState } from \"@assistant-ui/store\";\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  type FormEvent,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  useMemo,\n  useState,\n} from \"react\";\nimport { useComposerSend } from \"./ComposerSend\";\nimport { ComposerCompactContext } from \"./ComposerCompactContext\";\nimport {\n  COMPOSER_INPUT_SELECTOR,\n  CONTENT_EDITABLE_SELECTOR,\n} from \"./composerInputSelector\";\n\n// Keeps tabindex=\"-1\": roving-tabindex widgets click-focus items at -1.\nconst INTERACTIVE_ELEMENT_SELECTOR = [\n  \"a\",\n  \"audio[controls]\",\n  \"button\",\n  \"details\",\n  \"embed\",\n  \"iframe\",\n  \"input\",\n  \"label\",\n  \"select\",\n  \"summary\",\n  \"textarea\",\n  \"video[controls]\",\n  CONTENT_EDITABLE_SELECTOR,\n  \"[tabindex]\",\n].join(\", \");\n\nexport namespace ComposerPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.form>;\n  /**\n   * Props for the ComposerPrimitive.Root component.\n   * Accepts all standard form element props.\n   */\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.form> & {\n    /**\n     * Opt the composer into compact mode. While the input holds at most a single\n     * line of text and there are no attachments, quote, queued messages, or\n     * active dictation, the root renders a `data-compact` attribute so styles\n     * can collapse the composer into a single row. It expands automatically\n     * when any of those conditions stop holding.\n     * @default false\n     */\n    compact?: boolean | undefined;\n  };\n}\n\n/**\n * The root form container for message composition.\n *\n * This component provides a form wrapper that handles message submission when the form\n * is submitted (e.g., via Enter key or submit button). It automatically prevents the\n * default form submission and triggers the composer's send functionality.\n *\n * Clicking blank form space focuses the composer input (the first textarea or\n * contenteditable inside the form). Text selection cannot start from blank\n * areas; descendants that need native mousedown defaults can call\n * `stopPropagation()` in their own `onMouseDown`.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Root>\n *   <ComposerPrimitive.Input placeholder=\"Type your message...\" />\n *   <ComposerPrimitive.Send>Send</ComposerPrimitive.Send>\n * </ComposerPrimitive.Root>\n * ```\n */\nexport const ComposerPrimitiveRoot = forwardRef<\n  ComposerPrimitiveRoot.Element,\n  ComposerPrimitiveRoot.Props\n>(({ onSubmit, onMouseDown, compact, ...rest }, forwardedRef) => {\n  const send = useComposerSend();\n  const composerType = useAuiState((s) => s.composer.type);\n\n  const [multiline, setMultiline] = useState(false);\n  const compactContext = useMemo(() => ({ setMultiline }), []);\n  const stateAllowsCompact = useAuiState((s) =>\n    compact\n      ? s.composer.attachments.length === 0 &&\n        s.composer.quote == null &&\n        s.composer.queue.length === 0 &&\n        s.composer.dictation == null &&\n        !s.composer.text.includes(\"\\n\")\n      : false,\n  );\n  const isCompact = stateAllowsCompact && !multiline;\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n\n    if (!send) return;\n    send();\n  };\n\n  const handleMouseDown = (e: MouseEvent<HTMLFormElement>) => {\n    if (e.button !== 0) return;\n    const target = e.target;\n    // Portaled descendants (e.g. a dialog overlay) propagate mousedown through\n    // the React tree while their DOM nodes live outside the form.\n    if (!(target instanceof Element) || !e.currentTarget.contains(target))\n      return;\n    // Bound the ancestor walk to the form: hosts like AssistantModal render\n    // the composer inside a wrapper carrying tabindex=\"-1\" (Radix FocusScope).\n    const interactive = target.closest(INTERACTIVE_ELEMENT_SELECTOR);\n    if (interactive && e.currentTarget.contains(interactive)) return;\n    const input = e.currentTarget.querySelector<HTMLElement>(\n      COMPOSER_INPUT_SELECTOR,\n    );\n    if (!input) return;\n    e.preventDefault();\n    input.focus();\n  };\n\n  return (\n    <ComposerCompactContext.Provider value={compact ? compactContext : null}>\n      <Primitive.form\n        {...rest}\n        data-aui-composer-type={composerType}\n        data-compact={isCompact ? \"\" : undefined}\n        ref={forwardedRef}\n        onSubmit={composeEventHandlers(onSubmit, handleSubmit)}\n        onMouseDown={composeEventHandlers(onMouseDown, handleMouseDown)}\n      />\n    </ComposerCompactContext.Provider>\n  );\n});\n\nComposerPrimitiveRoot.displayName = \"ComposerPrimitive.Root\";\n"],"mappings":"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"}

package/dist/primitives/composer/composerInputSelector.d.ts

@@ -0,0 +1,3 @@
+export declare const CONTENT_EDITABLE_SELECTOR = "[contenteditable]:not([contenteditable='false'])";
+export declare const COMPOSER_INPUT_SELECTOR = "textarea:not(:disabled), [contenteditable]:not([contenteditable='false'])";
+//# sourceMappingURL=composerInputSelector.d.ts.map

package/dist/primitives/composer/composerInputSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composerInputSelector.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/composerInputSelector.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,qDACc,CAAC;AAErD,eAAO,MAAM,uBAAuB,8EAA0D,CAAC"}

package/dist/primitives/composer/composerInputSelector.js

@@ -0,0 +1,7 @@
+//#region src/primitives/composer/composerInputSelector.ts
+const CONTENT_EDITABLE_SELECTOR = "[contenteditable]:not([contenteditable='false'])";
+const COMPOSER_INPUT_SELECTOR = `textarea:not(:disabled), ${CONTENT_EDITABLE_SELECTOR}`;
+//#endregion
+export { COMPOSER_INPUT_SELECTOR, CONTENT_EDITABLE_SELECTOR };
+
+//# sourceMappingURL=composerInputSelector.js.map

package/dist/primitives/composer/composerInputSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composerInputSelector.js","names":["CONTENT_EDITABLE_SELECTOR","COMPOSER_INPUT_SELECTOR"],"sources":["../../../src/primitives/composer/composerInputSelector.ts"],"sourcesContent":["export const CONTENT_EDITABLE_SELECTOR =\n  \"[contenteditable]:not([contenteditable='false'])\";\n\nexport const COMPOSER_INPUT_SELECTOR = `textarea:not(:disabled), ${CONTENT_EDITABLE_SELECTOR}`;\n"],"mappings":";AAAA,MAAaA,4BACX;AAEF,MAAaC,0BAA0B,4BAA4BD"}

package/dist/primitives/composer/useComposerCancelWithFocus.d.ts

@@ -0,0 +1,2 @@
+export declare const useComposerCancelWithFocus: (cancel: () => void) => (source: HTMLElement | null) => void;
+//# sourceMappingURL=useComposerCancelWithFocus.d.ts.map

package/dist/primitives/composer/useComposerCancelWithFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComposerCancelWithFocus.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/useComposerCancelWithFocus.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,0BAA0B,GAAI,QAAQ,MAAM,IAAI,cAKhD,WAAW,GAAG,IAAI,SAyC9B,CAAC"}

package/dist/primitives/composer/useComposerCancelWithFocus.js

@@ -0,0 +1,42 @@
+"use client";
+import { COMPOSER_INPUT_SELECTOR } from "./composerInputSelector.js";
+import { useThreadRootElementRef } from "../thread/ThreadRootElementContext.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import "@assistant-ui/tap/react-shim";
+import { useAui } from "@assistant-ui/store";
+//#region src/primitives/composer/useComposerCancelWithFocus.ts
+const COMPOSER_SELECTOR = "[data-aui-composer-type]";
+const THREAD_SELECTOR = "[data-aui-thread-root]";
+const useComposerCancelWithFocus = (cancel) => {
+	const $ = c(4);
+	const aui = useAui();
+	const threadRootRef = useThreadRootElementRef();
+	let t0;
+	if ($[0] !== aui.composer || $[1] !== cancel || $[2] !== threadRootRef) {
+		t0 = (source) => {
+			const root = threadRootRef?.current;
+			const doc = source?.ownerDocument;
+			const active = doc?.activeElement;
+			const composer = source?.closest(COMPOSER_SELECTOR);
+			const shouldRestore = aui.composer.getState().type === "edit" && root && active && composer?.getAttribute("data-aui-composer-type") === "edit" && composer.contains(active) && composer.closest(THREAD_SELECTOR) === root;
+			const candidates = shouldRestore ? Array.from(root.querySelectorAll(COMPOSER_INPUT_SELECTOR)).filter((input) => input.closest(THREAD_SELECTOR) === root && input.closest(COMPOSER_SELECTOR)?.getAttribute("data-aui-composer-type") === "thread") : [];
+			cancel();
+			if (!doc || !active || !shouldRestore) return;
+			if (doc.activeElement !== active && doc.activeElement !== doc.body) return;
+			for (const input_0 of candidates) {
+				if (!input_0.isConnected || input_0.closest("[hidden], [inert]")) continue;
+				input_0.focus({ preventScroll: true });
+				if (doc.activeElement !== active && doc.activeElement !== doc.body) break;
+			}
+		};
+		$[0] = aui.composer;
+		$[1] = cancel;
+		$[2] = threadRootRef;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+};
+//#endregion
+export { useComposerCancelWithFocus };
+
+//# sourceMappingURL=useComposerCancelWithFocus.js.map

package/dist/primitives/composer/useComposerCancelWithFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComposerCancelWithFocus.js","names":["c","_c","useCallback","useAui","useThreadRootElementRef","COMPOSER_INPUT_SELECTOR","COMPOSER_SELECTOR","THREAD_SELECTOR","useComposerCancelWithFocus","cancel","$","aui","threadRootRef","t0","composer","source","root","current","doc","ownerDocument","active","activeElement","closest","shouldRestore","getState","type","getAttribute","contains","candidates","Array","from","querySelectorAll","filter","input","body","input_0","isConnected","focus","preventScroll","cancelWithFocus","_c","cancelWithFocus"],"sources":["../../../src/primitives/composer/useComposerCancelWithFocus.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useThreadRootElementRef } from \"../thread/ThreadRootElementContext\";\nimport { COMPOSER_INPUT_SELECTOR } from \"./composerInputSelector\";\n\nconst COMPOSER_SELECTOR = \"[data-aui-composer-type]\";\nconst THREAD_SELECTOR = \"[data-aui-thread-root]\";\n\nexport const useComposerCancelWithFocus = (cancel: () => void) => {\n  const aui = useAui();\n  const threadRootRef = useThreadRootElementRef();\n\n  const cancelWithFocus = useCallback(\n    (source: HTMLElement | null) => {\n      const root = threadRootRef?.current;\n      const doc = source?.ownerDocument;\n      const active = doc?.activeElement;\n      const composer = source?.closest(COMPOSER_SELECTOR);\n      const shouldRestore =\n        aui.composer.getState().type === \"edit\" &&\n        root &&\n        active &&\n        composer?.getAttribute(\"data-aui-composer-type\") === \"edit\" &&\n        composer.contains(active) &&\n        composer.closest(THREAD_SELECTOR) === root;\n      const candidates = shouldRestore\n        ? Array.from(\n            root.querySelectorAll<HTMLElement>(COMPOSER_INPUT_SELECTOR),\n          ).filter(\n            (input) =>\n              input.closest(THREAD_SELECTOR) === root &&\n              input\n                .closest(COMPOSER_SELECTOR)\n                ?.getAttribute(\"data-aui-composer-type\") === \"thread\",\n          )\n        : [];\n\n      cancel();\n\n      if (!doc || !active || !shouldRestore) return;\n      if (doc.activeElement !== active && doc.activeElement !== doc.body)\n        return;\n\n      for (const input of candidates) {\n        if (!input.isConnected || input.closest(\"[hidden], [inert]\")) continue;\n        input.focus({ preventScroll: true });\n        if (doc.activeElement !== active && doc.activeElement !== doc.body)\n          break;\n      }\n    },\n    [aui, cancel, threadRootRef],\n  );\n\n  return cancelWithFocus;\n};\n"],"mappings":";;;;;;;AAOA,MAAMM,oBAAoB;AAC1B,MAAMC,kBAAkB;AAExB,MAAaC,8BAA6BC,WAAA;CAAA,MAAAC,IAAAT,EAAA,CAAA;CACxC,MAAAU,MAAYR,OAAO;CACnB,MAAAS,gBAAsBR,wBAAwB;CAAE,IAAAS;CAAA,IAAAH,EAAA,OAAAC,IAAAG,YAAAJ,EAAA,OAAAD,UAAAC,EAAA,OAAAE,eAAA;EAG9CC,MAAAE,WAAA;GACE,MAAAC,OAAaJ,eAAaK;GAC1B,MAAAC,MAAYH,QAAMI;GAClB,MAAAC,SAAeF,KAAGG;GAClB,MAAAP,WAAiBC,QAAMO,QAAUhB,iBAAiB;GAClD,MAAAiB,gBACEZ,IAAGG,SAASU,SAAU,CAAC,CAAAC,SAAU,UAAjCT,QAAAI,UAGAN,UAAQY,aAAe,wBAAwB,MAAM,UACrDZ,SAAQa,SAAUP,MAAM,KACxBN,SAAQQ,QAASf,eAAe,MAAMS;GACxC,MAAAY,aAAmBL,gBACfM,MAAKC,KACHd,KAAIe,iBAA+B1B,uBAAuB,CAC5D,CAAC,CAAA2B,QACCC,UACEA,MAAKX,QAASf,eAAe,MAAMS,QACnCiB,MAAKX,QACMhB,iBACI,CAAC,EAAAoB,aAAC,wBAAwB,MAAM,QAElD,IAVc,CAAA;GAYnBjB,OAAO;GAEP,IAAI,CAACS,OAAD,CAASE,UAAT,CAAoBG,eAAa;GACrC,IAAIL,IAAGG,kBAAmBD,UAAUF,IAAGG,kBAAmBH,IAAGgB,MAAK;GAGlE,KAAK,MAAAC,WAAeP,YAAU;IAC5B,IAAI,CAACK,QAAKG,eAAgBH,QAAKX,QAAS,mBAAmB,GAAG;IAC9DW,QAAKI,MAAO,EAAAC,eAAiB,KAAK,CAAC;IACnC,IAAIpB,IAAGG,kBAAmBD,UAAUF,IAAGG,kBAAmBH,IAAGgB,MAC3D;GAAM;EACT;EACFxB,EAAA,KAAAC,IAAAG;EAAAJ,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAED,OAEK6B;AAAe"}