@assistant-ui/react 0.15.26 → 0.15.28

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/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;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"}
+{"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,EAK9B,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;AAKD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,qBAAqB;;;;;IAnC9B;;;;;;;OAOG;cACO,OAAO,GAAG,SAAS;mDAwF/B,CAAC"}

package/dist/primitives/composer/ComposerRoot.js

@@ -4,7 +4,7 @@ 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 { forwardRef, useState, version } from "@assistant-ui/tap/react-shim";
 import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "radix-ui/internal";
@@ -25,6 +25,7 @@ const INTERACTIVE_ELEMENT_SELECTOR = [
 	CONTENT_EDITABLE_SELECTOR,
 	"[tabindex]"
 ].join(", ");
+const isReact18 = version.startsWith("18.");
 /**
 * The root form container for message composition.
 *
@@ -46,96 +47,103 @@ const INTERACTIVE_ELEMENT_SELECTOR = [
 * ```
 */
 const ComposerPrimitiveRoot = forwardRef((t0, forwardedRef) => {
-	const $ = c(25);
+	const $ = c(27);
 	let compact;
+	let inert;
 	let onMouseDown;
 	let onSubmit;
 	let rest;
 	if ($[0] !== t0) {
-		({onSubmit, onMouseDown, compact, ...rest} = t0);
+		({onSubmit, onMouseDown, compact, inert, ...rest} = t0);
 		$[0] = t0;
 		$[1] = compact;
-		$[2] = onMouseDown;
-		$[3] = onSubmit;
-		$[4] = rest;
+		$[2] = inert;
+		$[3] = onMouseDown;
+		$[4] = onSubmit;
+		$[5] = rest;
 	} else {
 		compact = $[1];
-		onMouseDown = $[2];
-		onSubmit = $[3];
-		rest = $[4];
+		inert = $[2];
+		onMouseDown = $[3];
+		onSubmit = $[4];
+		rest = $[5];
 	}
 	const send = useComposerSend();
 	const composerType = useAuiState(_temp);
 	const [multiline, setMultiline] = useState(false);
 	let t1;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = { setMultiline };
-		$[5] = t1;
-	} else t1 = $[5];
+		$[6] = t1;
+	} else t1 = $[6];
 	const compactContext = t1;
 	let t2;
-	if ($[6] !== compact) {
+	if ($[7] !== compact) {
 		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];
+		$[7] = compact;
+		$[8] = t2;
+	} else t2 = $[8];
 	const isCompact = useAuiState(t2) && !multiline;
+	const inertAttribute = isReact18 && typeof inert === "boolean" ? inert ? "" : void 0 : inert;
 	let t3;
-	if ($[8] !== send) {
+	if ($[9] !== send) {
 		t3 = (e) => {
 			e.preventDefault();
 			if (!send) return;
 			send();
 		};
-		$[8] = send;
-		$[9] = t3;
-	} else t3 = $[9];
+		$[9] = send;
+		$[10] = t3;
+	} else t3 = $[10];
 	const handleSubmit = t3;
 	const handleMouseDown = _temp2;
 	const t4 = compact ? compactContext : null;
-	const t5 = isCompact ? "" : void 0;
-	let t6;
-	if ($[10] !== handleSubmit || $[11] !== onSubmit) {
-		t6 = composeEventHandlers(onSubmit, handleSubmit);
-		$[10] = handleSubmit;
-		$[11] = onSubmit;
-		$[12] = t6;
-	} else t6 = $[12];
+	const t5 = inertAttribute;
+	const t6 = isCompact ? "" : void 0;
 	let t7;
-	if ($[13] !== onMouseDown) {
-		t7 = composeEventHandlers(onMouseDown, handleMouseDown);
-		$[13] = onMouseDown;
-		$[14] = t7;
-	} else t7 = $[14];
+	if ($[11] !== handleSubmit || $[12] !== onSubmit) {
+		t7 = composeEventHandlers(onSubmit, handleSubmit);
+		$[11] = handleSubmit;
+		$[12] = onSubmit;
+		$[13] = t7;
+	} else t7 = $[13];
 	let t8;
-	if ($[15] !== composerType || $[16] !== forwardedRef || $[17] !== rest || $[18] !== t5 || $[19] !== t6 || $[20] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Primitive$1.form, {
+	if ($[14] !== onMouseDown) {
+		t8 = composeEventHandlers(onMouseDown, handleMouseDown);
+		$[14] = onMouseDown;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== composerType || $[17] !== forwardedRef || $[18] !== rest || $[19] !== t5 || $[20] !== t6 || $[21] !== t7 || $[22] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Primitive$1.form, {
 			...rest,
+			inert: t5,
 			"data-aui-composer-type": composerType,
-			"data-compact": t5,
+			"data-compact": t6,
 			ref: forwardedRef,
-			onSubmit: t6,
-			onMouseDown: t7
+			onSubmit: t7,
+			onMouseDown: t8
 		});
-		$[15] = composerType;
-		$[16] = forwardedRef;
-		$[17] = rest;
-		$[18] = t5;
-		$[19] = t6;
-		$[20] = t7;
-		$[21] = t8;
-	} else t8 = $[21];
-	let t9;
-	if ($[22] !== t4 || $[23] !== t8) {
-		t9 = /* @__PURE__ */ jsx(ComposerCompactContext.Provider, {
+		$[16] = composerType;
+		$[17] = forwardedRef;
+		$[18] = rest;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	let t10;
+	if ($[24] !== t4 || $[25] !== t9) {
+		t10 = /* @__PURE__ */ jsx(ComposerCompactContext.Provider, {
 			value: t4,
-			children: t8
+			children: t9
 		});
-		$[22] = t4;
-		$[23] = t8;
-		$[24] = t9;
-	} else t9 = $[24];
-	return t9;
+		$[24] = t4;
+		$[25] = t9;
+		$[26] = t10;
+	} else t10 = $[26];
+	return t10;
 });
 ComposerPrimitiveRoot.displayName = "ComposerPrimitive.Root";
 function _temp(s) {

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","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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"}
+{"version":3,"file":"ComposerRoot.js","names":["c","_c","composeEventHandlers","useAuiState","Primitive","ComponentRef","FormEvent","forwardRef","ComponentPropsWithoutRef","MouseEvent","useMemo","useState","version","useComposerSend","ComposerCompactContext","COMPOSER_INPUT_SELECTOR","CONTENT_EDITABLE_SELECTOR","INTERACTIVE_ELEMENT_SELECTOR","join","ComposerPrimitiveRoot","Element","form","Props","compact","isReact18","startsWith","t0","forwardedRef","$","inert","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","inertAttribute","undefined","t3","e","preventDefault","handleSubmit","handleMouseDown","_temp2","t4","t5","t6","t7","t8","t9","t10","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  version,\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// React 18 drops a boolean `inert`, so it receives the attribute's string form.\nconst isReact18 = version.startsWith(\"18.\");\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, inert, ...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  const inertAttribute =\n    isReact18 && typeof inert === \"boolean\" ? (inert ? \"\" : undefined) : inert;\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        inert={inertAttribute as boolean | undefined}\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/unstable/useComposerInput.d.ts

@@ -54,6 +54,8 @@ export type Unstable_ComposerInput = {
  *   disabled={isDisabled}
  *   onChange={(e) => setText(e.target.value)}
  *   onKeyDown={(e) => {
+ *     if (e.nativeEvent.isComposing || e.keyCode === 229) return;
+ *
  *     if (e.key === "Enter" && !e.shiftKey && canSend) {
  *       e.preventDefault();
  *       send();

package/dist/unstable/useComposerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useComposerInput.d.ts","sourceRoot":"","sources":["../../src/unstable/useComposerInput.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EACL,KAAK,uBAAuB,EAI7B,wDAAqD;AAEtD,+GAA+G;AAC/G,MAAM,MAAM,gCAAgC,GAAG;IAC7C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,+GAA+G;AAC/G,MAAM,MAAM,sBAAsB,GAAG;IACnC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,CAAC,EAAE,gCAAgC,GACzC,sBAAsB,CA0BxB;AAED,+GAA+G;AAC/G,MAAM,MAAM,gCAAgC,GAAG,uBAAuB,CAAC;AAEvE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mCAAmC,IAAI,gCAAgC,CAEtF"}
+{"version":3,"file":"useComposerInput.d.ts","sourceRoot":"","sources":["../../src/unstable/useComposerInput.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EACL,KAAK,uBAAuB,EAI7B,wDAAqD;AAEtD,+GAA+G;AAC/G,MAAM,MAAM,gCAAgC,GAAG;IAC7C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,+GAA+G;AAC/G,MAAM,MAAM,sBAAsB,GAAG;IACnC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,CAAC,EAAE,gCAAgC,GACzC,sBAAsB,CA0BxB;AAED,+GAA+G;AAC/G,MAAM,MAAM,gCAAgC,GAAG,uBAAuB,CAAC;AAEvE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mCAAmC,IAAI,gCAAgC,CAEtF"}

package/dist/unstable/useComposerInput.js

@@ -23,6 +23,8 @@ import { flushTapSync } from "@assistant-ui/tap";
 *   disabled={isDisabled}
 *   onChange={(e) => setText(e.target.value)}
 *   onKeyDown={(e) => {
+*     if (e.nativeEvent.isComposing || e.keyCode === 229) return;
+*
 *     if (e.key === "Enter" && !e.shiftKey && canSend) {
 *       e.preventDefault();
 *       send();

package/dist/unstable/useComposerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComposerInput.js","names":["useCallback","useAui","flushTapSync","useComposerSend","ComposerSendOptions","TriggerPopoverAriaProps","useComposerInputDisabled","useComposerInputValue","useTriggerPopoverAriaProps","Unstable_UseComposerInputOptions","disabled","Unstable_ComposerInput","value","setText","text","send","options","isDisabled","canSend","unstable_useComposerInput","aui","composer","getState","isEditing","rawSend","sendDisabled","sendOptions","Unstable_TriggerPopoverAriaProps","unstable_useTriggerPopoverAriaProps"],"sources":["../../src/unstable/useComposerInput.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { flushTapSync } from \"@assistant-ui/tap\";\nimport { useComposerSend } from \"@assistant-ui/core/react\";\nimport type { ComposerSendOptions } from \"@assistant-ui/core/store\";\nimport {\n  type TriggerPopoverAriaProps,\n  useComposerInputDisabled,\n  useComposerInputValue,\n  useTriggerPopoverAriaProps,\n} from \"../primitives/composer/useComposerInputState\";\n\n/** @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release. */\nexport type Unstable_UseComposerInputOptions = {\n  /**\n   * Disables the input in addition to the composer's own disabled sources\n   * (thread disabled, active dictation). When disabled, `isDisabled` is `true`\n   * and `canSend` is `false`.\n   */\n  disabled?: boolean | undefined;\n};\n\n/** @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release. */\nexport type Unstable_ComposerInput = {\n  /** Current composer text, or `\"\"` when the composer is not editing. */\n  value: string;\n  /**\n   * Writes `text` into the composer, mirroring `ComposerPrimitive.Input`:\n   * a no-op unless the composer is editing; the controlled value stays in\n   * sync within the same tick.\n   */\n  setText(text: string): void;\n  /**\n   * Sends the current message when `canSend` is `true`; otherwise a no-op.\n   * Accepts the same options as the composer send action.\n   */\n  send(options?: ComposerSendOptions): void;\n  /**\n   * Whether the input is disabled, combining the `disabled` option with the\n   * composer's own disabled sources (thread disabled, active dictation).\n   */\n  isDisabled: boolean;\n  /**\n   * Whether a send is currently available. Matches `ComposerPrimitive.Send`\n   * gating (non-empty editing composer, not running without queue support) and\n   * is additionally `false` while `isDisabled`.\n   */\n  canSend: boolean;\n};\n\n/**\n * Headless bridge to the composer's text value and send action, for building a\n * custom composer input without `ComposerPrimitive.Input`. It is a thin bridge,\n * not a second input: it does not own keyboard behavior, autosize, IME or\n * contentEditable sync, paste/drop attachments, focus management, or rich-text\n * state. Spread `unstable_useTriggerPopoverAriaProps()` onto your element for\n * trigger-popover combobox semantics.\n *\n * @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release.\n *\n * @example\n * ```tsx\n * const { value, setText, send, isDisabled, canSend } = unstable_useComposerInput();\n * <textarea\n *   value={value}\n *   disabled={isDisabled}\n *   onChange={(e) => setText(e.target.value)}\n *   onKeyDown={(e) => {\n *     if (e.key === \"Enter\" && !e.shiftKey && canSend) {\n *       e.preventDefault();\n *       send();\n *     }\n *   }}\n * />\n * ```\n */\nexport function unstable_useComposerInput(\n  options?: Unstable_UseComposerInputOptions,\n): Unstable_ComposerInput {\n  const aui = useAui();\n  const value = useComposerInputValue();\n  const isDisabled = useComposerInputDisabled(options?.disabled);\n\n  const setText = useCallback(\n    (text: string) => {\n      if (!aui.composer.getState().isEditing) return;\n      flushTapSync(() => {\n        aui.composer.setText(text);\n      });\n    },\n    [aui],\n  );\n\n  const { send: rawSend, disabled: sendDisabled } = useComposerSend();\n  const canSend = !sendDisabled && !isDisabled;\n  const send = useCallback(\n    (sendOptions?: ComposerSendOptions) => {\n      if (!canSend) return;\n      rawSend(sendOptions);\n    },\n    [canSend, rawSend],\n  );\n\n  return { value, setText, send, isDisabled, canSend };\n}\n\n/** @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release. */\nexport type Unstable_TriggerPopoverAriaProps = TriggerPopoverAriaProps;\n\n/**\n * ARIA combobox attributes for the focused element (typically the composer\n * input) describing the open trigger popover, per the WAI-ARIA editable\n * combobox pattern. Returns an empty object outside a `TriggerPopoverRoot` or\n * when no popover is open. Spread these last so they take precedence over any\n * matching ARIA props you set yourself, mirroring `ComposerPrimitive.Input`.\n *\n * @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release.\n *\n * @example\n * ```tsx\n * const aria = unstable_useTriggerPopoverAriaProps();\n * <textarea {...aria} />\n * ```\n */\nexport function unstable_useTriggerPopoverAriaProps(): Unstable_TriggerPopoverAriaProps {\n  return useTriggerPopoverAriaProps();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,SAAgBmB,0BACdH,SACwB;CACxB,MAAMI,MAAMnB,OAAO;CACnB,MAAMW,QAAQL,sBAAsB;CACpC,MAAMU,aAAaX,yBAAyBU,SAASN,QAAQ;CAE7D,MAAMG,UAAUb,aACbc,SAAiB;EAChB,IAAI,CAACM,IAAIC,SAASC,SAAS,CAAC,CAACC,WAAW;EACxCrB,mBAAmB;GACjBkB,IAAIC,SAASR,QAAQC,IAAI;EAC3B,CAAC;CACH,GACA,CAACM,GAAG,CACN;CAEA,MAAM,EAAEL,MAAMS,SAASd,UAAUe,iBAAiBtB,gBAAgB;CAClE,MAAMe,UAAU,CAACO,gBAAgB,CAACR;CASlC,OAAO;EAAEL;EAAOC;EAASE,MARZf,aACV0B,gBAAsC;GACrC,IAAI,CAACR,SAAS;GACdM,QAAQE,WAAW;EACrB,GACA,CAACR,SAASM,OAAO,CAGMT;EAAME;EAAYC;CAAQ;AACrD;;;;;;;;;;;;;;;;AAoBA,SAAgBU,sCAAwE;CACtF,OAAOpB,2BAA2B;AACpC"}
+{"version":3,"file":"useComposerInput.js","names":["useCallback","useAui","flushTapSync","useComposerSend","ComposerSendOptions","TriggerPopoverAriaProps","useComposerInputDisabled","useComposerInputValue","useTriggerPopoverAriaProps","Unstable_UseComposerInputOptions","disabled","Unstable_ComposerInput","value","setText","text","send","options","isDisabled","canSend","unstable_useComposerInput","aui","composer","getState","isEditing","rawSend","sendDisabled","sendOptions","Unstable_TriggerPopoverAriaProps","unstable_useTriggerPopoverAriaProps"],"sources":["../../src/unstable/useComposerInput.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { flushTapSync } from \"@assistant-ui/tap\";\nimport { useComposerSend } from \"@assistant-ui/core/react\";\nimport type { ComposerSendOptions } from \"@assistant-ui/core/store\";\nimport {\n  type TriggerPopoverAriaProps,\n  useComposerInputDisabled,\n  useComposerInputValue,\n  useTriggerPopoverAriaProps,\n} from \"../primitives/composer/useComposerInputState\";\n\n/** @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release. */\nexport type Unstable_UseComposerInputOptions = {\n  /**\n   * Disables the input in addition to the composer's own disabled sources\n   * (thread disabled, active dictation). When disabled, `isDisabled` is `true`\n   * and `canSend` is `false`.\n   */\n  disabled?: boolean | undefined;\n};\n\n/** @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release. */\nexport type Unstable_ComposerInput = {\n  /** Current composer text, or `\"\"` when the composer is not editing. */\n  value: string;\n  /**\n   * Writes `text` into the composer, mirroring `ComposerPrimitive.Input`:\n   * a no-op unless the composer is editing; the controlled value stays in\n   * sync within the same tick.\n   */\n  setText(text: string): void;\n  /**\n   * Sends the current message when `canSend` is `true`; otherwise a no-op.\n   * Accepts the same options as the composer send action.\n   */\n  send(options?: ComposerSendOptions): void;\n  /**\n   * Whether the input is disabled, combining the `disabled` option with the\n   * composer's own disabled sources (thread disabled, active dictation).\n   */\n  isDisabled: boolean;\n  /**\n   * Whether a send is currently available. Matches `ComposerPrimitive.Send`\n   * gating (non-empty editing composer, not running without queue support) and\n   * is additionally `false` while `isDisabled`.\n   */\n  canSend: boolean;\n};\n\n/**\n * Headless bridge to the composer's text value and send action, for building a\n * custom composer input without `ComposerPrimitive.Input`. It is a thin bridge,\n * not a second input: it does not own keyboard behavior, autosize, IME or\n * contentEditable sync, paste/drop attachments, focus management, or rich-text\n * state. Spread `unstable_useTriggerPopoverAriaProps()` onto your element for\n * trigger-popover combobox semantics.\n *\n * @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release.\n *\n * @example\n * ```tsx\n * const { value, setText, send, isDisabled, canSend } = unstable_useComposerInput();\n * <textarea\n *   value={value}\n *   disabled={isDisabled}\n *   onChange={(e) => setText(e.target.value)}\n *   onKeyDown={(e) => {\n *     if (e.nativeEvent.isComposing || e.keyCode === 229) return;\n *\n *     if (e.key === \"Enter\" && !e.shiftKey && canSend) {\n *       e.preventDefault();\n *       send();\n *     }\n *   }}\n * />\n * ```\n */\nexport function unstable_useComposerInput(\n  options?: Unstable_UseComposerInputOptions,\n): Unstable_ComposerInput {\n  const aui = useAui();\n  const value = useComposerInputValue();\n  const isDisabled = useComposerInputDisabled(options?.disabled);\n\n  const setText = useCallback(\n    (text: string) => {\n      if (!aui.composer.getState().isEditing) return;\n      flushTapSync(() => {\n        aui.composer.setText(text);\n      });\n    },\n    [aui],\n  );\n\n  const { send: rawSend, disabled: sendDisabled } = useComposerSend();\n  const canSend = !sendDisabled && !isDisabled;\n  const send = useCallback(\n    (sendOptions?: ComposerSendOptions) => {\n      if (!canSend) return;\n      rawSend(sendOptions);\n    },\n    [canSend, rawSend],\n  );\n\n  return { value, setText, send, isDisabled, canSend };\n}\n\n/** @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release. */\nexport type Unstable_TriggerPopoverAriaProps = TriggerPopoverAriaProps;\n\n/**\n * ARIA combobox attributes for the focused element (typically the composer\n * input) describing the open trigger popover, per the WAI-ARIA editable\n * combobox pattern. Returns an empty object outside a `TriggerPopoverRoot` or\n * when no popover is open. Spread these last so they take precedence over any\n * matching ARIA props you set yourself, mirroring `ComposerPrimitive.Input`.\n *\n * @deprecated Experimental since 2026-06-23. Not scheduled for removal; the API may change in any release.\n *\n * @example\n * ```tsx\n * const aria = unstable_useTriggerPopoverAriaProps();\n * <textarea {...aria} />\n * ```\n */\nexport function unstable_useTriggerPopoverAriaProps(): Unstable_TriggerPopoverAriaProps {\n  return useTriggerPopoverAriaProps();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFA,SAAgBmB,0BACdH,SACwB;CACxB,MAAMI,MAAMnB,OAAO;CACnB,MAAMW,QAAQL,sBAAsB;CACpC,MAAMU,aAAaX,yBAAyBU,SAASN,QAAQ;CAE7D,MAAMG,UAAUb,aACbc,SAAiB;EAChB,IAAI,CAACM,IAAIC,SAASC,SAAS,CAAC,CAACC,WAAW;EACxCrB,mBAAmB;GACjBkB,IAAIC,SAASR,QAAQC,IAAI;EAC3B,CAAC;CACH,GACA,CAACM,GAAG,CACN;CAEA,MAAM,EAAEL,MAAMS,SAASd,UAAUe,iBAAiBtB,gBAAgB;CAClE,MAAMe,UAAU,CAACO,gBAAgB,CAACR;CASlC,OAAO;EAAEL;EAAOC;EAASE,MARZf,aACV0B,gBAAsC;GACrC,IAAI,CAACR,SAAS;GACdM,QAAQE,WAAW;EACrB,GACA,CAACR,SAASM,OAAO,CAGMT;EAAME;EAAYC;CAAQ;AACrD;;;;;;;;;;;;;;;;AAoBA,SAAgBU,sCAAwE;CACtF,OAAOpB,2BAA2B;AACpC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react",
-  "version": "0.15.26",
+  "version": "0.15.28",
   "description": "Open-source TypeScript/React library for building production-grade AI chat experiences",
   "keywords": [
     "ai",
@@ -55,14 +55,14 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@assistant-ui/core": "^0.3.25",
-    "@assistant-ui/store": "^0.3.18",
-    "@assistant-ui/tap": "^0.9.22",
-    "assistant-cloud": "^0.2.6",
-    "assistant-stream": "^0.3.49",
+    "@assistant-ui/core": "^0.3.27",
+    "@assistant-ui/store": "^0.3.19",
+    "@assistant-ui/tap": "^0.9.23",
+    "assistant-cloud": "^0.2.7",
+    "assistant-stream": "^0.3.50",
     "radix-ui": "^1.7.0",
     "react-textarea-autosize": "^8.5.9",
-    "safe-content-frame": "^0.0.33",
+    "safe-content-frame": "^0.0.34",
     "zod": "^4.6.5",
     "zustand": "^5.0.15"
   },

package/src/index.ts

@@ -586,6 +586,7 @@ export type {
   McpAppsHost,
   McpAppsRemoteHostOptions,
   McpAppToolCallParams,
+  McpAppInitializeParams,
   McpAppBridgeHandlers,
   ToolCallMessagePartMcpMetadata,
 } from "./mcp-apps";

package/src/mcp-apps/McpAppRenderer.test.tsx

@@ -11,6 +11,7 @@ import type {
   McpAppBridgeHandlers,
   McpAppFrameProps,
   McpAppHostContext,
+  McpAppInitializeParams,
   McpAppsHost,
   McpAppsRemoteHostOptions,
 } from "./types";
@@ -229,8 +230,12 @@ describe("McpAppRenderer", () => {
     await waitFor(() => expect(framePropsCalls().length).toBeGreaterThan(0));
     const handlers = framePropsCalls().at(-1)?.handlers;
     expect(handlers?.requestDisplayMode).toBeDefined();
-    handlers?.onInitialized?.();
+    const params: McpAppInitializeParams = {
+      appCapabilities: { availableDisplayModes: ["inline", "fullscreen"] },
+    };
+    handlers?.onInitialized?.(params);
     expect(onInitialized).toHaveBeenCalledOnce();
+    expect(onInitialized).toHaveBeenCalledWith(params);
   });
 
   it("leaves mounted parts alone when renderer options are unchanged", async () => {
@@ -759,7 +764,7 @@ describe("McpAppRenderer", () => {
     await handlers.updateModelContext?.({ text: "context" });
     await handlers.openLink?.({ url: "https://example.com" });
     await handlers.sendMessage?.({ text: "hello" });
-    handlers.onInitialized?.();
+    handlers.onInitialized?.({});
     await handlers.callTool?.({ name: "search" });
     await handlers.readResource?.({ uri: "ui://resource" });
     await handlers.listResources?.();

package/src/mcp-apps/app-frame.test.tsx

@@ -8,7 +8,11 @@ import type {
 } from "../sandbox-host/SandboxHost";
 import type { CreateMcpAppBridgeOptions, McpAppBridge } from "./bridge";
 import type * as BridgeModule from "./bridge";
-import { MCP_APP_MIME_TYPE, type McpAppHostContext } from "./types";
+import {
+  MCP_APP_MIME_TYPE,
+  type McpAppHostContext,
+  type McpAppInitializeParams,
+} from "./types";
 
 const { sandboxHostMock, createMcpAppBridgeMock } = vi.hoisted(() => ({
   sandboxHostMock: vi.fn(),
@@ -272,6 +276,60 @@ describe("McpAppFrame", () => {
     }
   });
 
+  it("forwards initialization metadata to the live handler", () => {
+    let createBridge: SandboxHostProps["createBridge"] | null = null;
+    sandboxHostMock.mockImplementation((props: SandboxHostProps) => {
+      createBridge ??= props.createBridge;
+      return null;
+    });
+    const bridge: McpAppBridge = {
+      onMessage: vi.fn(),
+      dispose: vi.fn(),
+      notifyToolInput: vi.fn(),
+      notifyToolResult: vi.fn(),
+      notifyHostContextChanged: vi.fn(),
+    };
+    createMcpAppBridgeMock.mockReturnValue(bridge);
+    const onInitialized = vi.fn();
+    const view = (handler: typeof onInitialized) => (
+      <McpAppFrame
+        app={{ resourceUri: "ui://example/widget" }}
+        resource={{
+          uri: "ui://example/widget",
+          mimeType: MCP_APP_MIME_TYPE,
+          html: "",
+        }}
+        handlers={{ onInitialized: handler }}
+      />
+    );
+    const rendered = render(view(onInitialized));
+
+    const sandboxBridge = createBridge!(
+      {
+        iframe: document.createElement("iframe"),
+        origin: "https://widget.example",
+        sendMessage: vi.fn(),
+      },
+      { setHeight: vi.fn() },
+    );
+    const options = createMcpAppBridgeMock.mock
+      .calls[0]![0] as CreateMcpAppBridgeOptions;
+    const replacementOnInitialized = vi.fn();
+    const params: McpAppInitializeParams = {
+      protocolVersion: "2026-01-26",
+      appInfo: { name: "example-app", version: "1.2.3" },
+      appCapabilities: { availableDisplayModes: ["inline", "pip"] },
+    };
+
+    rendered.rerender(view(replacementOnInitialized));
+    options.handlers?.onInitialized?.(params);
+
+    expect(onInitialized).not.toHaveBeenCalled();
+    expect(replacementOnInitialized).toHaveBeenCalledOnce();
+    expect(replacementOnInitialized).toHaveBeenCalledWith(params);
+    sandboxBridge.dispose();
+  });
+
   it("disposes the underlying bridge with the sandbox bridge", () => {
     let createBridge: SandboxHostProps["createBridge"] | null = null;
     sandboxHostMock.mockImplementation((props: SandboxHostProps) => {
@@ -350,7 +408,7 @@ describe("McpAppFrame", () => {
     );
     const options = createMcpAppBridgeMock.mock
       .calls[0]![0] as CreateMcpAppBridgeOptions;
-    options.handlers?.onInitialized?.();
+    options.handlers?.onInitialized?.({});
 
     rendered.rerender(
       view({ displayMode: "inline", availableDisplayModes: ["inline", "pip"] }),
@@ -429,7 +487,7 @@ describe("McpAppFrame", () => {
 
     const options = createMcpAppBridgeMock.mock
       .calls[0]![0] as CreateMcpAppBridgeOptions;
-    options.handlers?.onInitialized?.();
+    options.handlers?.onInitialized?.({});
 
     expect(bridge.notifyHostContextChanged).not.toHaveBeenCalled();
 
@@ -474,7 +532,7 @@ describe("McpAppFrame", () => {
     );
     const options = createMcpAppBridgeMock.mock
       .calls[0]![0] as CreateMcpAppBridgeOptions;
-    options.handlers?.onInitialized?.();
+    options.handlers?.onInitialized?.({});
 
     rendered.rerender(view());
     expect(bridge.notifyHostContextChanged).not.toHaveBeenCalled();
@@ -519,7 +577,7 @@ describe("McpAppFrame", () => {
     );
     const options = createMcpAppBridgeMock.mock
       .calls[0]![0] as CreateMcpAppBridgeOptions;
-    options.handlers?.onInitialized?.();
+    options.handlers?.onInitialized?.({});
 
     rendered.rerender(view(new Date(2)));
     expect(bridge.notifyHostContextChanged).toHaveBeenCalledTimes(1);
@@ -565,7 +623,7 @@ describe("McpAppFrame", () => {
     );
     const options = createMcpAppBridgeMock.mock
       .calls[0]![0] as CreateMcpAppBridgeOptions;
-    options.handlers?.onInitialized?.();
+    options.handlers?.onInitialized?.({});
 
     rendered.rerender(view({}));
     expect(bridge.notifyHostContextChanged).not.toHaveBeenCalled();

package/src/mcp-apps/app-frame.tsx

@@ -143,9 +143,9 @@ function buildLiveHandlers(
     lifecycle.onSizeChange(p);
     live()?.onSizeChange?.(p);
   };
-  out.onInitialized = () => {
+  out.onInitialized = (params) => {
     lifecycle.onInitialized();
-    live()?.onInitialized?.();
+    live()?.onInitialized?.(params);
   };
   out.onRequestTeardown = (p) => live()?.onRequestTeardown?.(p);
   out.onLog = (p) => live()?.onLog?.(p);