@assistant-ui/react 0.7.8 → 0.7.10

package/dist/primitives/composer/ComposerAddAttachment.js

@@ -24,8 +24,8 @@ __export(ComposerAddAttachment_exports, {
   ComposerPrimitiveAddAttachment: () => ComposerPrimitiveAddAttachment
 });
 module.exports = __toCommonJS(ComposerAddAttachment_exports);
-var import_createActionButton = require("../../utils/createActionButton.cjs");
-var import_useComposerAddAttachment = require("../../primitive-hooks/composer/useComposerAddAttachment.cjs");
+var import_createActionButton = require("../../utils/createActionButton.js");
+var import_useComposerAddAttachment = require("../../primitive-hooks/composer/useComposerAddAttachment.js");
 var ComposerPrimitiveAddAttachment = (0, import_createActionButton.createActionButton)(
   "ComposerPrimitive.AddAttachment",
   import_useComposerAddAttachment.useComposerAddAttachment

package/dist/primitives/composer/ComposerAttachments.js

@@ -25,9 +25,9 @@ __export(ComposerAttachments_exports, {
 });
 module.exports = __toCommonJS(ComposerAttachments_exports);
 var import_react = require("react");
-var import_context = require("../../context/index.cjs");
-var import_AttachmentContext = require("../../context/react/AttachmentContext.cjs");
-var import_AttachmentRuntimeProvider = require("../../context/providers/AttachmentRuntimeProvider.cjs");
+var import_context = require("../../context/index.js");
+var import_AttachmentContext = require("../../context/react/AttachmentContext.js");
+var import_AttachmentRuntimeProvider = require("../../context/providers/AttachmentRuntimeProvider.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var getComponent = (components, attachment) => {
   const type = attachment.type;

package/dist/primitives/composer/ComposerCancel.js

@@ -24,8 +24,8 @@ __export(ComposerCancel_exports, {
   ComposerPrimitiveCancel: () => ComposerPrimitiveCancel
 });
 module.exports = __toCommonJS(ComposerCancel_exports);
-var import_createActionButton = require("../../utils/createActionButton.cjs");
-var import_useComposerCancel = require("../../primitive-hooks/composer/useComposerCancel.cjs");
+var import_createActionButton = require("../../utils/createActionButton.js");
+var import_useComposerCancel = require("../../primitive-hooks/composer/useComposerCancel.js");
 var ComposerPrimitiveCancel = (0, import_createActionButton.createActionButton)(
   "ComposerPrimitive.Cancel",
   import_useComposerCancel.useComposerCancel

package/dist/primitives/composer/ComposerIf.js

@@ -24,7 +24,7 @@ __export(ComposerIf_exports, {
   ComposerPrimitiveIf: () => ComposerPrimitiveIf
 });
 module.exports = __toCommonJS(ComposerIf_exports);
-var import_useComposerIf = require("../../primitive-hooks/composer/useComposerIf.cjs");
+var import_useComposerIf = require("../../primitive-hooks/composer/useComposerIf.js");
 var ComposerPrimitiveIf = ({
   children,
   ...query

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":"AAYA,OAAyB,EACvB,KAAK,qBAAqB,EAC3B,MAAM,yBAAyB,CAAC;AASjC,yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,qBAAqB,GAAG;QAC1C,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC9B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACpC,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrC,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/C,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrD,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KACtD,CAAC;CACH;AAED,eAAO,MAAM,sBAAsB;cATrB,OAAO,GAAG,SAAS;oBACb,OAAO,GAAG,SAAS;qBAClB,OAAO,GAAG,SAAS;+BACT,OAAO,GAAG,SAAS;qCACb,OAAO,GAAG,SAAS;qCACnB,OAAO,GAAG,SAAS;uDAiHvD,CAAC"}
+{"version":3,"file":"ComposerInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/ComposerInput.tsx"],"names":[],"mappings":"AAYA,OAAyB,EACvB,KAAK,qBAAqB,EAC3B,MAAM,yBAAyB,CAAC;AAUjC,yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,qBAAqB,GAAG;QAC1C,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC9B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACpC,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrC,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/C,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrD,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KACtD,CAAC;CACH;AAED,eAAO,MAAM,sBAAsB;cATrB,OAAO,GAAG,SAAS;oBACb,OAAO,GAAG,SAAS;qBAClB,OAAO,GAAG,SAAS;+BACT,OAAO,GAAG,SAAS;qCACb,OAAO,GAAG,SAAS;qCACnB,OAAO,GAAG,SAAS;uDAkHvD,CAAC"}

package/dist/primitives/composer/ComposerInput.js

@@ -39,10 +39,11 @@ var import_react_compose_refs = require("@radix-ui/react-compose-refs");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_react = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"));
-var import_ComposerContext = require("../../context/react/ComposerContext.cjs");
-var import_ThreadContext = require("../../context/react/ThreadContext.cjs");
+var import_ComposerContext = require("../../context/react/ComposerContext.js");
+var import_ThreadContext = require("../../context/react/ThreadContext.js");
 var import_react_use_escape_keydown = require("@radix-ui/react-use-escape-keydown");
-var import_useOnScrollToBottom = require("../../utils/hooks/useOnScrollToBottom.cjs");
+var import_useOnScrollToBottom = require("../../utils/hooks/useOnScrollToBottom.js");
+var import_ThreadListItemContext = require("../../context/react/ThreadListItemContext.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ComposerPrimitiveInput = (0, import_react.forwardRef)(
   ({
@@ -58,6 +59,7 @@ var ComposerPrimitiveInput = (0, import_react.forwardRef)(
     unstable_focusOnThreadSwitched = true,
     ...rest
   }, forwardedRef) => {
+    const threadListItemRuntime = (0, import_ThreadListItemContext.useThreadListItemRuntime)();
     const threadRuntime = (0, import_ThreadContext.useThreadRuntime)();
     const composerRuntime = (0, import_ComposerContext.useComposerRuntime)();
     const value = (0, import_ComposerContext.useComposer)((c) => {
@@ -110,7 +112,7 @@ var ComposerPrimitiveInput = (0, import_react.forwardRef)(
     (0, import_react.useEffect)(() => {
       if (composerRuntime.type !== "thread" || !unstable_focusOnThreadSwitched)
         return void 0;
-      return threadRuntime.unstable_on("switched-to", focus);
+      return threadListItemRuntime.unstable_on("switched-to", focus);
     }, [unstable_focusOnThreadSwitched]);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Component,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  type KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport TextareaAutosize, {\n  type TextareaAutosizeProps,\n} from \"react-textarea-autosize\";\nimport {\n  useComposer,\n  useComposerRuntime,\n} from \"../../context/react/ComposerContext\";\nimport { useThread, useThreadRuntime } from \"../../context/react/ThreadContext\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\n\nexport namespace ComposerPrimitiveInput {\n  export type Element = HTMLTextAreaElement;\n  export type Props = TextareaAutosizeProps & {\n    asChild?: boolean | undefined;\n    submitOnEnter?: boolean | undefined;\n    cancelOnEscape?: boolean | undefined;\n    unstable_focusOnRunStart?: boolean | undefined;\n    unstable_focusOnScrollToBottom?: boolean | undefined;\n    unstable_focusOnThreadSwitched?: boolean | undefined;\n  };\n}\n\nexport const ComposerPrimitiveInput = forwardRef<\n  ComposerPrimitiveInput.Element,\n  ComposerPrimitiveInput.Props\n>(\n  (\n    {\n      autoFocus = false,\n      asChild,\n      disabled: disabledProp,\n      onChange,\n      onKeyDown,\n      submitOnEnter = true,\n      cancelOnEscape = true,\n      unstable_focusOnRunStart = true,\n      unstable_focusOnScrollToBottom = true,\n      unstable_focusOnThreadSwitched = true,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const threadRuntime = useThreadRuntime();\n    const composerRuntime = useComposerRuntime();\n\n    const value = useComposer((c) => {\n      if (!c.isEditing) return \"\";\n      return c.text;\n    });\n\n    const Component = asChild ? Slot : TextareaAutosize;\n\n    const isDisabled = useThread((t) => t.isDisabled) ?? disabledProp ?? false;\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const ref = useComposedRefs(forwardedRef, textareaRef);\n\n    useEscapeKeydown((e) => {\n      if (!cancelOnEscape) return;\n\n      if (composerRuntime.getState().canCancel) {\n        composerRuntime.cancel();\n        e.preventDefault();\n      }\n    });\n\n    const handleKeyPress = (e: KeyboardEvent) => {\n      if (isDisabled || !submitOnEnter) return;\n\n      // ignore IME composition events\n      if (e.nativeEvent.isComposing) return;\n\n      if (e.key === \"Enter\" && e.shiftKey === false) {\n        const { isRunning } = threadRuntime.getState();\n\n        if (!isRunning) {\n          e.preventDefault();\n\n          textareaRef.current?.closest(\"form\")?.requestSubmit();\n        }\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(\n        textareaRef.current.value.length,\n        textareaRef.current.value.length,\n      );\n    }, [autoFocusEnabled]);\n\n    useEffect(() => focus(), [focus]);\n\n    useOnScrollToBottom(() => {\n      if (composerRuntime.type === \"thread\" && unstable_focusOnScrollToBottom) {\n        focus();\n      }\n    });\n\n    useEffect(() => {\n      if (composerRuntime.type !== \"thread\" || !unstable_focusOnRunStart)\n        return undefined;\n\n      return threadRuntime.unstable_on(\"run-start\", focus);\n    }, [unstable_focusOnRunStart]);\n\n    useEffect(() => {\n      if (composerRuntime.type !== \"thread\" || !unstable_focusOnThreadSwitched)\n        return undefined;\n\n      return threadRuntime.unstable_on(\"switched-to\", focus);\n    }, [unstable_focusOnThreadSwitched]);\n\n    return (\n      <Component\n        name=\"input\"\n        value={value}\n        {...rest}\n        ref={ref}\n        disabled={isDisabled}\n        onChange={composeEventHandlers(onChange, (e) => {\n          if (!composerRuntime.getState().isEditing) return;\n          return composerRuntime.setText(e.target.value);\n        })}\n        onKeyDown={composeEventHandlers(onKeyDown, handleKeyPress)}\n      />\n    );\n  },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":"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","names":["TextareaAutosize"]}
+{"version":3,"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  type KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport TextareaAutosize, {\n  type TextareaAutosizeProps,\n} from \"react-textarea-autosize\";\nimport {\n  useComposer,\n  useComposerRuntime,\n} from \"../../context/react/ComposerContext\";\nimport { useThread, useThreadRuntime } from \"../../context/react/ThreadContext\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useThreadListItemRuntime } from \"../../context/react/ThreadListItemContext\";\n\nexport namespace ComposerPrimitiveInput {\n  export type Element = HTMLTextAreaElement;\n  export type Props = TextareaAutosizeProps & {\n    asChild?: boolean | undefined;\n    submitOnEnter?: boolean | undefined;\n    cancelOnEscape?: boolean | undefined;\n    unstable_focusOnRunStart?: boolean | undefined;\n    unstable_focusOnScrollToBottom?: boolean | undefined;\n    unstable_focusOnThreadSwitched?: boolean | undefined;\n  };\n}\n\nexport const ComposerPrimitiveInput = forwardRef<\n  ComposerPrimitiveInput.Element,\n  ComposerPrimitiveInput.Props\n>(\n  (\n    {\n      autoFocus = false,\n      asChild,\n      disabled: disabledProp,\n      onChange,\n      onKeyDown,\n      submitOnEnter = true,\n      cancelOnEscape = true,\n      unstable_focusOnRunStart = true,\n      unstable_focusOnScrollToBottom = true,\n      unstable_focusOnThreadSwitched = true,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const threadListItemRuntime = useThreadListItemRuntime();\n    const threadRuntime = useThreadRuntime();\n    const composerRuntime = useComposerRuntime();\n\n    const value = useComposer((c) => {\n      if (!c.isEditing) return \"\";\n      return c.text;\n    });\n\n    const Component = asChild ? Slot : TextareaAutosize;\n\n    const isDisabled = useThread((t) => t.isDisabled) ?? disabledProp ?? false;\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const ref = useComposedRefs(forwardedRef, textareaRef);\n\n    useEscapeKeydown((e) => {\n      if (!cancelOnEscape) return;\n\n      if (composerRuntime.getState().canCancel) {\n        composerRuntime.cancel();\n        e.preventDefault();\n      }\n    });\n\n    const handleKeyPress = (e: KeyboardEvent) => {\n      if (isDisabled || !submitOnEnter) return;\n\n      // ignore IME composition events\n      if (e.nativeEvent.isComposing) return;\n\n      if (e.key === \"Enter\" && e.shiftKey === false) {\n        const { isRunning } = threadRuntime.getState();\n\n        if (!isRunning) {\n          e.preventDefault();\n\n          textareaRef.current?.closest(\"form\")?.requestSubmit();\n        }\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(\n        textareaRef.current.value.length,\n        textareaRef.current.value.length,\n      );\n    }, [autoFocusEnabled]);\n\n    useEffect(() => focus(), [focus]);\n\n    useOnScrollToBottom(() => {\n      if (composerRuntime.type === \"thread\" && unstable_focusOnScrollToBottom) {\n        focus();\n      }\n    });\n\n    useEffect(() => {\n      if (composerRuntime.type !== \"thread\" || !unstable_focusOnRunStart)\n        return undefined;\n\n      return threadRuntime.unstable_on(\"run-start\", focus);\n    }, [unstable_focusOnRunStart]);\n\n    useEffect(() => {\n      if (composerRuntime.type !== \"thread\" || !unstable_focusOnThreadSwitched)\n        return undefined;\n\n      return threadListItemRuntime.unstable_on(\"switched-to\", focus);\n    }, [unstable_focusOnThreadSwitched]);\n\n    return (\n      <Component\n        name=\"input\"\n        value={value}\n        {...rest}\n        ref={ref}\n        disabled={isDisabled}\n        onChange={composeEventHandlers(onChange, (e) => {\n          if (!composerRuntime.getState().isEditing) return;\n          return composerRuntime.setText(e.target.value);\n        })}\n        onKeyDown={composeEventHandlers(onKeyDown, handleKeyPress)}\n      />\n    );\n  },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":"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","names":["TextareaAutosize"]}

package/dist/primitives/composer/ComposerInput.mjs

@@ -18,6 +18,7 @@ import {
 import { useThread, useThreadRuntime } from "../../context/react/ThreadContext.mjs";
 import { useEscapeKeydown } from "@radix-ui/react-use-escape-keydown";
 import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom.mjs";
+import { useThreadListItemRuntime } from "../../context/react/ThreadListItemContext.mjs";
 import { jsx } from "react/jsx-runtime";
 var ComposerPrimitiveInput = forwardRef(
   ({
@@ -33,6 +34,7 @@ var ComposerPrimitiveInput = forwardRef(
     unstable_focusOnThreadSwitched = true,
     ...rest
   }, forwardedRef) => {
+    const threadListItemRuntime = useThreadListItemRuntime();
     const threadRuntime = useThreadRuntime();
     const composerRuntime = useComposerRuntime();
     const value = useComposer((c) => {
@@ -85,7 +87,7 @@ var ComposerPrimitiveInput = forwardRef(
     useEffect(() => {
       if (composerRuntime.type !== "thread" || !unstable_focusOnThreadSwitched)
         return void 0;
-      return threadRuntime.unstable_on("switched-to", focus);
+      return threadListItemRuntime.unstable_on("switched-to", focus);
     }, [unstable_focusOnThreadSwitched]);
     return /* @__PURE__ */ jsx(
       Component,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  type KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport TextareaAutosize, {\n  type TextareaAutosizeProps,\n} from \"react-textarea-autosize\";\nimport {\n  useComposer,\n  useComposerRuntime,\n} from \"../../context/react/ComposerContext\";\nimport { useThread, useThreadRuntime } from \"../../context/react/ThreadContext\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\n\nexport namespace ComposerPrimitiveInput {\n  export type Element = HTMLTextAreaElement;\n  export type Props = TextareaAutosizeProps & {\n    asChild?: boolean | undefined;\n    submitOnEnter?: boolean | undefined;\n    cancelOnEscape?: boolean | undefined;\n    unstable_focusOnRunStart?: boolean | undefined;\n    unstable_focusOnScrollToBottom?: boolean | undefined;\n    unstable_focusOnThreadSwitched?: boolean | undefined;\n  };\n}\n\nexport const ComposerPrimitiveInput = forwardRef<\n  ComposerPrimitiveInput.Element,\n  ComposerPrimitiveInput.Props\n>(\n  (\n    {\n      autoFocus = false,\n      asChild,\n      disabled: disabledProp,\n      onChange,\n      onKeyDown,\n      submitOnEnter = true,\n      cancelOnEscape = true,\n      unstable_focusOnRunStart = true,\n      unstable_focusOnScrollToBottom = true,\n      unstable_focusOnThreadSwitched = true,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const threadRuntime = useThreadRuntime();\n    const composerRuntime = useComposerRuntime();\n\n    const value = useComposer((c) => {\n      if (!c.isEditing) return \"\";\n      return c.text;\n    });\n\n    const Component = asChild ? Slot : TextareaAutosize;\n\n    const isDisabled = useThread((t) => t.isDisabled) ?? disabledProp ?? false;\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const ref = useComposedRefs(forwardedRef, textareaRef);\n\n    useEscapeKeydown((e) => {\n      if (!cancelOnEscape) return;\n\n      if (composerRuntime.getState().canCancel) {\n        composerRuntime.cancel();\n        e.preventDefault();\n      }\n    });\n\n    const handleKeyPress = (e: KeyboardEvent) => {\n      if (isDisabled || !submitOnEnter) return;\n\n      // ignore IME composition events\n      if (e.nativeEvent.isComposing) return;\n\n      if (e.key === \"Enter\" && e.shiftKey === false) {\n        const { isRunning } = threadRuntime.getState();\n\n        if (!isRunning) {\n          e.preventDefault();\n\n          textareaRef.current?.closest(\"form\")?.requestSubmit();\n        }\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(\n        textareaRef.current.value.length,\n        textareaRef.current.value.length,\n      );\n    }, [autoFocusEnabled]);\n\n    useEffect(() => focus(), [focus]);\n\n    useOnScrollToBottom(() => {\n      if (composerRuntime.type === \"thread\" && unstable_focusOnScrollToBottom) {\n        focus();\n      }\n    });\n\n    useEffect(() => {\n      if (composerRuntime.type !== \"thread\" || !unstable_focusOnRunStart)\n        return undefined;\n\n      return threadRuntime.unstable_on(\"run-start\", focus);\n    }, [unstable_focusOnRunStart]);\n\n    useEffect(() => {\n      if (composerRuntime.type !== \"thread\" || !unstable_focusOnThreadSwitched)\n        return undefined;\n\n      return threadRuntime.unstable_on(\"switched-to\", focus);\n    }, [unstable_focusOnThreadSwitched]);\n\n    return (\n      <Component\n        name=\"input\"\n        value={value}\n        {...rest}\n        ref={ref}\n        disabled={isDisabled}\n        onChange={composeEventHandlers(onChange, (e) => {\n          if (!composerRuntime.getState().isEditing) return;\n          return composerRuntime.setText(e.target.value);\n        })}\n        onKeyDown={composeEventHandlers(onKeyDown, handleKeyPress)}\n      />\n    );\n  },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  type KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport TextareaAutosize, {\n  type TextareaAutosizeProps,\n} from \"react-textarea-autosize\";\nimport {\n  useComposer,\n  useComposerRuntime,\n} from \"../../context/react/ComposerContext\";\nimport { useThread, useThreadRuntime } from \"../../context/react/ThreadContext\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useThreadListItemRuntime } from \"../../context/react/ThreadListItemContext\";\n\nexport namespace ComposerPrimitiveInput {\n  export type Element = HTMLTextAreaElement;\n  export type Props = TextareaAutosizeProps & {\n    asChild?: boolean | undefined;\n    submitOnEnter?: boolean | undefined;\n    cancelOnEscape?: boolean | undefined;\n    unstable_focusOnRunStart?: boolean | undefined;\n    unstable_focusOnScrollToBottom?: boolean | undefined;\n    unstable_focusOnThreadSwitched?: boolean | undefined;\n  };\n}\n\nexport const ComposerPrimitiveInput = forwardRef<\n  ComposerPrimitiveInput.Element,\n  ComposerPrimitiveInput.Props\n>(\n  (\n    {\n      autoFocus = false,\n      asChild,\n      disabled: disabledProp,\n      onChange,\n      onKeyDown,\n      submitOnEnter = true,\n      cancelOnEscape = true,\n      unstable_focusOnRunStart = true,\n      unstable_focusOnScrollToBottom = true,\n      unstable_focusOnThreadSwitched = true,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const threadListItemRuntime = useThreadListItemRuntime();\n    const threadRuntime = useThreadRuntime();\n    const composerRuntime = useComposerRuntime();\n\n    const value = useComposer((c) => {\n      if (!c.isEditing) return \"\";\n      return c.text;\n    });\n\n    const Component = asChild ? Slot : TextareaAutosize;\n\n    const isDisabled = useThread((t) => t.isDisabled) ?? disabledProp ?? false;\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const ref = useComposedRefs(forwardedRef, textareaRef);\n\n    useEscapeKeydown((e) => {\n      if (!cancelOnEscape) return;\n\n      if (composerRuntime.getState().canCancel) {\n        composerRuntime.cancel();\n        e.preventDefault();\n      }\n    });\n\n    const handleKeyPress = (e: KeyboardEvent) => {\n      if (isDisabled || !submitOnEnter) return;\n\n      // ignore IME composition events\n      if (e.nativeEvent.isComposing) return;\n\n      if (e.key === \"Enter\" && e.shiftKey === false) {\n        const { isRunning } = threadRuntime.getState();\n\n        if (!isRunning) {\n          e.preventDefault();\n\n          textareaRef.current?.closest(\"form\")?.requestSubmit();\n        }\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(\n        textareaRef.current.value.length,\n        textareaRef.current.value.length,\n      );\n    }, [autoFocusEnabled]);\n\n    useEffect(() => focus(), [focus]);\n\n    useOnScrollToBottom(() => {\n      if (composerRuntime.type === \"thread\" && unstable_focusOnScrollToBottom) {\n        focus();\n      }\n    });\n\n    useEffect(() => {\n      if (composerRuntime.type !== \"thread\" || !unstable_focusOnRunStart)\n        return undefined;\n\n      return threadRuntime.unstable_on(\"run-start\", focus);\n    }, [unstable_focusOnRunStart]);\n\n    useEffect(() => {\n      if (composerRuntime.type !== \"thread\" || !unstable_focusOnThreadSwitched)\n        return undefined;\n\n      return threadListItemRuntime.unstable_on(\"switched-to\", focus);\n    }, [unstable_focusOnThreadSwitched]);\n\n    return (\n      <Component\n        name=\"input\"\n        value={value}\n        {...rest}\n        ref={ref}\n        disabled={isDisabled}\n        onChange={composeEventHandlers(onChange, (e) => {\n          if (!composerRuntime.getState().isEditing) return;\n          return composerRuntime.setText(e.target.value);\n        })}\n        onKeyDown={composeEventHandlers(onKeyDown, handleKeyPress)}\n      />\n    );\n  },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":"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","names":[]}

package/dist/primitives/composer/ComposerRoot.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(ComposerRoot_exports);
 var import_primitive = require("@radix-ui/primitive");
 var import_react_primitive = require("@radix-ui/react-primitive");
 var import_react = require("react");
-var import_useComposerSend = require("../../primitive-hooks/composer/useComposerSend.cjs");
+var import_useComposerSend = require("../../primitive-hooks/composer/useComposerSend.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ComposerPrimitiveRoot = (0, import_react.forwardRef)(({ onSubmit, ...rest }, forwardedRef) => {
   const send = (0, import_useComposerSend.useComposerSend)();

package/dist/primitives/composer/ComposerSend.js

@@ -24,8 +24,8 @@ __export(ComposerSend_exports, {
   ComposerPrimitiveSend: () => ComposerPrimitiveSend
 });
 module.exports = __toCommonJS(ComposerSend_exports);
-var import_createActionButton = require("../../utils/createActionButton.cjs");
-var import_useComposerSend = require("../../primitive-hooks/composer/useComposerSend.cjs");
+var import_createActionButton = require("../../utils/createActionButton.js");
+var import_useComposerSend = require("../../primitive-hooks/composer/useComposerSend.js");
 var ComposerPrimitiveSend = (0, import_createActionButton.createActionButton)(
   "ComposerPrimitive.Send",
   import_useComposerSend.useComposerSend

package/dist/primitives/composer/index.js

@@ -29,13 +29,13 @@ __export(composer_exports, {
   Send: () => import_ComposerSend.ComposerPrimitiveSend
 });
 module.exports = __toCommonJS(composer_exports);
-var import_ComposerRoot = require("./ComposerRoot.cjs");
-var import_ComposerInput = require("./ComposerInput.cjs");
-var import_ComposerSend = require("./ComposerSend.cjs");
-var import_ComposerCancel = require("./ComposerCancel.cjs");
-var import_ComposerAddAttachment = require("./ComposerAddAttachment.cjs");
-var import_ComposerAttachments = require("./ComposerAttachments.cjs");
-var import_ComposerIf = require("./ComposerIf.cjs");
+var import_ComposerRoot = require("./ComposerRoot.js");
+var import_ComposerInput = require("./ComposerInput.js");
+var import_ComposerSend = require("./ComposerSend.js");
+var import_ComposerCancel = require("./ComposerCancel.js");
+var import_ComposerAddAttachment = require("./ComposerAddAttachment.js");
+var import_ComposerAttachments = require("./ComposerAttachments.js");
+var import_ComposerIf = require("./ComposerIf.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddAttachment,

package/dist/primitives/contentPart/ContentPartDisplay.js

@@ -23,7 +23,7 @@ __export(ContentPartDisplay_exports, {
   ContentPartPrimitiveDisplay: () => ContentPartPrimitiveDisplay
 });
 module.exports = __toCommonJS(ContentPartDisplay_exports);
-var import_useContentPartDisplay = require("../../primitive-hooks/contentPart/useContentPartDisplay.cjs");
+var import_useContentPartDisplay = require("../../primitive-hooks/contentPart/useContentPartDisplay.js");
 var ContentPartPrimitiveDisplay = () => {
   const { display } = (0, import_useContentPartDisplay.useContentPartDisplay)();
   return display ?? null;

package/dist/primitives/contentPart/ContentPartImage.js

@@ -25,7 +25,7 @@ __export(ContentPartImage_exports, {
 module.exports = __toCommonJS(ContentPartImage_exports);
 var import_react_primitive = require("@radix-ui/react-primitive");
 var import_react = require("react");
-var import_useContentPartImage = require("../../primitive-hooks/contentPart/useContentPartImage.cjs");
+var import_useContentPartImage = require("../../primitive-hooks/contentPart/useContentPartImage.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ContentPartPrimitiveImage = (0, import_react.forwardRef)((props, forwardedRef) => {
   const { image } = (0, import_useContentPartImage.useContentPartImage)();

package/dist/primitives/contentPart/ContentPartInProgress.js

@@ -23,7 +23,7 @@ __export(ContentPartInProgress_exports, {
   ContentPartPrimitiveInProgress: () => ContentPartPrimitiveInProgress
 });
 module.exports = __toCommonJS(ContentPartInProgress_exports);
-var import_context = require("../../context/index.cjs");
+var import_context = require("../../context/index.js");
 var ContentPartPrimitiveInProgress = ({ children }) => {
   const isInProgress = (0, import_context.useContentPart)((c) => c.status.type === "running");
   return isInProgress ? children : null;

package/dist/primitives/contentPart/ContentPartText.js

@@ -25,8 +25,8 @@ __export(ContentPartText_exports, {
 });
 module.exports = __toCommonJS(ContentPartText_exports);
 var import_react = require("react");
-var import_useContentPartText = require("../../primitive-hooks/contentPart/useContentPartText.cjs");
-var import_useSmooth = require("../../utils/smooth/useSmooth.cjs");
+var import_useContentPartText = require("../../primitive-hooks/contentPart/useContentPartText.js");
+var import_useSmooth = require("../../utils/smooth/useSmooth.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ContentPartPrimitiveText = (0, import_react.forwardRef)(({ smooth = true, component: Component = "span", ...rest }, forwardedRef) => {
   const { text, status } = (0, import_useSmooth.useSmooth)((0, import_useContentPartText.useContentPartText)(), smooth);

package/dist/primitives/contentPart/index.js

@@ -26,10 +26,10 @@ __export(contentPart_exports, {
   Text: () => import_ContentPartText.ContentPartPrimitiveText
 });
 module.exports = __toCommonJS(contentPart_exports);
-var import_ContentPartText = require("./ContentPartText.cjs");
-var import_ContentPartImage = require("./ContentPartImage.cjs");
-var import_ContentPartDisplay = require("./ContentPartDisplay.cjs");
-var import_ContentPartInProgress = require("./ContentPartInProgress.cjs");
+var import_ContentPartText = require("./ContentPartText.js");
+var import_ContentPartImage = require("./ContentPartImage.js");
+var import_ContentPartDisplay = require("./ContentPartDisplay.js");
+var import_ContentPartInProgress = require("./ContentPartInProgress.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Display,

package/dist/primitives/index.js

@@ -42,16 +42,16 @@ __export(primitives_exports, {
   ThreadPrimitive: () => ThreadPrimitive
 });
 module.exports = __toCommonJS(primitives_exports);
-var ActionBarPrimitive = __toESM(require("./actionBar/index.cjs"));
-var AssistantModalPrimitive = __toESM(require("./assistantModal/index.cjs"));
-var AttachmentPrimitive = __toESM(require("./attachment/index.cjs"));
-var BranchPickerPrimitive = __toESM(require("./branchPicker/index.cjs"));
-var ComposerPrimitive = __toESM(require("./composer/index.cjs"));
-var ContentPartPrimitive = __toESM(require("./contentPart/index.cjs"));
-var MessagePrimitive = __toESM(require("./message/index.cjs"));
-var ThreadPrimitive = __toESM(require("./thread/index.cjs"));
-var ThreadListPrimitive = __toESM(require("./threadList/index.cjs"));
-var ThreadListItemPrimitive = __toESM(require("./threadListItem/index.cjs"));
+var ActionBarPrimitive = __toESM(require("./actionBar/index.js"));
+var AssistantModalPrimitive = __toESM(require("./assistantModal/index.js"));
+var AttachmentPrimitive = __toESM(require("./attachment/index.js"));
+var BranchPickerPrimitive = __toESM(require("./branchPicker/index.js"));
+var ComposerPrimitive = __toESM(require("./composer/index.js"));
+var ContentPartPrimitive = __toESM(require("./contentPart/index.js"));
+var MessagePrimitive = __toESM(require("./message/index.js"));
+var ThreadPrimitive = __toESM(require("./thread/index.js"));
+var ThreadListPrimitive = __toESM(require("./threadList/index.js"));
+var ThreadListItemPrimitive = __toESM(require("./threadListItem/index.js"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionBarPrimitive,

package/dist/primitives/message/MessageAttachments.js

@@ -25,9 +25,9 @@ __export(MessageAttachments_exports, {
 });
 module.exports = __toCommonJS(MessageAttachments_exports);
 var import_react = require("react");
-var import_context = require("../../context/index.cjs");
-var import_AttachmentContext = require("../../context/react/AttachmentContext.cjs");
-var import_AttachmentRuntimeProvider = require("../../context/providers/AttachmentRuntimeProvider.cjs");
+var import_context = require("../../context/index.js");
+var import_AttachmentContext = require("../../context/react/AttachmentContext.js");
+var import_AttachmentRuntimeProvider = require("../../context/providers/AttachmentRuntimeProvider.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var getComponent = (components, attachment) => {
   const type = attachment.type;

package/dist/primitives/message/MessageContent.js

@@ -25,14 +25,14 @@ __export(MessageContent_exports, {
 });
 module.exports = __toCommonJS(MessageContent_exports);
 var import_react = require("react");
-var import_context = require("../../context/index.cjs");
-var import_MessageContext = require("../../context/react/MessageContext.cjs");
-var import_ContentPartRuntimeProvider = require("../../context/providers/ContentPartRuntimeProvider.cjs");
-var import_ContentPartText = require("../contentPart/ContentPartText.cjs");
-var import_ContentPartImage = require("../contentPart/ContentPartImage.cjs");
-var import_ContentPartDisplay = require("../contentPart/ContentPartDisplay.cjs");
-var import_ContentPartInProgress = require("../contentPart/ContentPartInProgress.cjs");
-var import_MessageRuntime = require("../../api/MessageRuntime.cjs");
+var import_context = require("../../context/index.js");
+var import_MessageContext = require("../../context/react/MessageContext.js");
+var import_ContentPartRuntimeProvider = require("../../context/providers/ContentPartRuntimeProvider.js");
+var import_ContentPartText = require("../contentPart/ContentPartText.js");
+var import_ContentPartImage = require("../contentPart/ContentPartImage.js");
+var import_ContentPartDisplay = require("../contentPart/ContentPartDisplay.js");
+var import_ContentPartInProgress = require("../contentPart/ContentPartInProgress.js");
+var import_MessageRuntime = require("../../api/MessageRuntime.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ToolUIDisplay = ({
   UI,

package/dist/primitives/message/MessageIf.js

@@ -24,7 +24,7 @@ __export(MessageIf_exports, {
   MessagePrimitiveIf: () => MessagePrimitiveIf
 });
 module.exports = __toCommonJS(MessageIf_exports);
-var import_useMessageIf = require("../../primitive-hooks/message/useMessageIf.cjs");
+var import_useMessageIf = require("../../primitive-hooks/message/useMessageIf.js");
 var MessagePrimitiveIf = ({
   children,
   ...query

package/dist/primitives/message/MessageRoot.js

@@ -26,8 +26,8 @@ __export(MessageRoot_exports, {
 module.exports = __toCommonJS(MessageRoot_exports);
 var import_react_primitive = require("@radix-ui/react-primitive");
 var import_react = require("react");
-var import_MessageContext = require("../../context/react/MessageContext.cjs");
-var import_useManagedRef = require("../../utils/hooks/useManagedRef.cjs");
+var import_MessageContext = require("../../context/react/MessageContext.js");
+var import_useManagedRef = require("../../utils/hooks/useManagedRef.js");
 var import_react_compose_refs = require("@radix-ui/react-compose-refs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var useIsHoveringRef = () => {

package/dist/primitives/message/index.js

@@ -26,10 +26,10 @@ __export(message_exports, {
   Root: () => import_MessageRoot.MessagePrimitiveRoot
 });
 module.exports = __toCommonJS(message_exports);
-var import_MessageRoot = require("./MessageRoot.cjs");
-var import_MessageIf = require("./MessageIf.cjs");
-var import_MessageContent = require("./MessageContent.cjs");
-var import_MessageAttachments = require("./MessageAttachments.cjs");
+var import_MessageRoot = require("./MessageRoot.js");
+var import_MessageIf = require("./MessageIf.js");
+var import_MessageContent = require("./MessageContent.js");
+var import_MessageAttachments = require("./MessageAttachments.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Attachments,

package/dist/primitives/thread/ThreadEmpty.js

@@ -24,7 +24,7 @@ __export(ThreadEmpty_exports, {
   ThreadPrimitiveEmpty: () => ThreadPrimitiveEmpty
 });
 module.exports = __toCommonJS(ThreadEmpty_exports);
-var import_useThreadEmpty = require("../../primitive-hooks/thread/useThreadEmpty.cjs");
+var import_useThreadEmpty = require("../../primitive-hooks/thread/useThreadEmpty.js");
 var ThreadPrimitiveEmpty = ({
   children
 }) => {

package/dist/primitives/thread/ThreadIf.js

@@ -24,7 +24,7 @@ __export(ThreadIf_exports, {
   ThreadPrimitiveIf: () => ThreadPrimitiveIf
 });
 module.exports = __toCommonJS(ThreadIf_exports);
-var import_useThreadIf = require("../../primitive-hooks/thread/useThreadIf.cjs");
+var import_useThreadIf = require("../../primitive-hooks/thread/useThreadIf.js");
 var ThreadPrimitiveIf = ({
   children,
   ...query

package/dist/primitives/thread/ThreadMessages.js

@@ -26,9 +26,9 @@ __export(ThreadMessages_exports, {
 });
 module.exports = __toCommonJS(ThreadMessages_exports);
 var import_react = require("react");
-var import_ThreadContext = require("../../context/react/ThreadContext.cjs");
-var import_MessageRuntimeProvider = require("../../context/providers/MessageRuntimeProvider.cjs");
-var import_context = require("../../context/index.cjs");
+var import_ThreadContext = require("../../context/react/ThreadContext.js");
+var import_MessageRuntimeProvider = require("../../context/providers/MessageRuntimeProvider.js");
+var import_context = require("../../context/index.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var isComponentsSame = (prev, next) => {
   return prev.Message === next.Message && prev.EditComposer === next.EditComposer && prev.UserEditComposer === next.UserEditComposer && prev.AssistantEditComposer === next.AssistantEditComposer && prev.SystemEditComposer === next.SystemEditComposer && prev.UserMessage === next.UserMessage && prev.AssistantMessage === next.AssistantMessage && prev.SystemMessage === next.SystemMessage;

package/dist/primitives/thread/ThreadScrollToBottom.js

@@ -24,8 +24,8 @@ __export(ThreadScrollToBottom_exports, {
   ThreadPrimitiveScrollToBottom: () => ThreadPrimitiveScrollToBottom
 });
 module.exports = __toCommonJS(ThreadScrollToBottom_exports);
-var import_createActionButton = require("../../utils/createActionButton.cjs");
-var import_useThreadScrollToBottom = require("../../primitive-hooks/thread/useThreadScrollToBottom.cjs");
+var import_createActionButton = require("../../utils/createActionButton.js");
+var import_useThreadScrollToBottom = require("../../primitive-hooks/thread/useThreadScrollToBottom.js");
 var ThreadPrimitiveScrollToBottom = (0, import_createActionButton.createActionButton)(
   "ThreadPrimitive.ScrollToBottom",
   import_useThreadScrollToBottom.useThreadScrollToBottom

package/dist/primitives/thread/ThreadSuggestion.js

@@ -24,8 +24,8 @@ __export(ThreadSuggestion_exports, {
   ThreadPrimitiveSuggestion: () => ThreadPrimitiveSuggestion
 });
 module.exports = __toCommonJS(ThreadSuggestion_exports);
-var import_createActionButton = require("../../utils/createActionButton.cjs");
-var import_useThreadSuggestion = require("../../primitive-hooks/thread/useThreadSuggestion.cjs");
+var import_createActionButton = require("../../utils/createActionButton.js");
+var import_useThreadSuggestion = require("../../primitive-hooks/thread/useThreadSuggestion.js");
 var ThreadPrimitiveSuggestion = (0, import_createActionButton.createActionButton)(
   "ThreadPrimitive.Suggestion",
   import_useThreadSuggestion.useThreadSuggestion,

package/dist/primitives/thread/ThreadViewport.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(ThreadViewport_exports);
 var import_react_compose_refs = require("@radix-ui/react-compose-refs");
 var import_react_primitive = require("@radix-ui/react-primitive");
 var import_react = require("react");
-var import_useThreadViewportAutoScroll = require("../../primitive-hooks/thread/useThreadViewportAutoScroll.cjs");
+var import_useThreadViewportAutoScroll = require("../../primitive-hooks/thread/useThreadViewportAutoScroll.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ThreadPrimitiveViewport = (0, import_react.forwardRef)(({ autoScroll, children, ...rest }, forwardedRef) => {
   const autoScrollRef = (0, import_useThreadViewportAutoScroll.useThreadViewportAutoScroll)({

package/dist/primitives/thread/index.js

@@ -29,13 +29,13 @@ __export(thread_exports, {
   Viewport: () => import_ThreadViewport.ThreadPrimitiveViewport
 });
 module.exports = __toCommonJS(thread_exports);
-var import_ThreadRoot = require("./ThreadRoot.cjs");
-var import_ThreadEmpty = require("./ThreadEmpty.cjs");
-var import_ThreadIf = require("./ThreadIf.cjs");
-var import_ThreadViewport = require("./ThreadViewport.cjs");
-var import_ThreadMessages = require("./ThreadMessages.cjs");
-var import_ThreadScrollToBottom = require("./ThreadScrollToBottom.cjs");
-var import_ThreadSuggestion = require("./ThreadSuggestion.cjs");
+var import_ThreadRoot = require("./ThreadRoot.js");
+var import_ThreadEmpty = require("./ThreadEmpty.js");
+var import_ThreadIf = require("./ThreadIf.js");
+var import_ThreadViewport = require("./ThreadViewport.js");
+var import_ThreadMessages = require("./ThreadMessages.js");
+var import_ThreadScrollToBottom = require("./ThreadScrollToBottom.js");
+var import_ThreadSuggestion = require("./ThreadSuggestion.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Empty,

package/dist/primitives/threadList/ThreadListItems.js

@@ -25,8 +25,8 @@ __export(ThreadListItems_exports, {
 });
 module.exports = __toCommonJS(ThreadListItems_exports);
 var import_react = require("react");
-var import_ThreadListItemRuntimeProvider = require("../../context/providers/ThreadListItemRuntimeProvider.cjs");
-var import_context = require("../../context/index.cjs");
+var import_ThreadListItemRuntimeProvider = require("../../context/providers/ThreadListItemRuntimeProvider.js");
+var import_context = require("../../context/index.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ThreadListItemImpl = ({
   partIndex,

package/dist/primitives/threadList/ThreadListNew.js

@@ -24,7 +24,7 @@ __export(ThreadListNew_exports, {
   ThreadListPrimitiveNew: () => ThreadListPrimitiveNew
 });
 module.exports = __toCommonJS(ThreadListNew_exports);
-var import_context = require("../../context/index.cjs");
+var import_context = require("../../context/index.js");
 var import_react = require("react");
 var import_react_primitive = require("@radix-ui/react-primitive");
 var import_primitive = require("@radix-ui/primitive");
@@ -42,7 +42,7 @@ var ThreadListPrimitiveNew = (0, import_react.forwardRef)(({ onClick, disabled,
     import_react_primitive.Primitive.button,
     {
       type: "button",
-      ...isMain ? { "data-active": "true" } : null,
+      ...isMain ? { "data-active": "true", "aria-current": "true" } : null,
       ...props,
       ref: forwardedRef,
       disabled: disabled || !callback,

package/dist/primitives/threadList/ThreadListNew.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ActionButtonElement,\n  ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { useAssistantRuntime, useThreadList } from \"../../context\";\nimport { forwardRef } from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\nconst useThreadListNew = () => {\n  const runtime = useAssistantRuntime();\n  return () => {\n    runtime.switchToNewThread();\n  };\n};\n\nexport namespace ThreadListPrimitiveNew {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadListNew>;\n}\n\nexport const ThreadListPrimitiveNew = forwardRef<\n  ThreadListPrimitiveNew.Element,\n  ThreadListPrimitiveNew.Props\n>(({ onClick, disabled, ...props }, forwardedRef) => {\n  const isMain = useThreadList((t) => t.newThread === t.mainThreadId);\n  const callback = useThreadListNew();\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...(isMain ? { \"data-active\": \"true\" } : null)}\n      {...props}\n      ref={forwardedRef}\n      disabled={disabled || !callback}\n      onClick={composeEventHandlers(onClick, () => {\n        callback?.();\n      })}\n    />\n  );\n});\n\nThreadListPrimitiveNew.displayName = \"ThreadListPrimitive.New\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,qBAAmD;AACnD,mBAA2B;AAC3B,6BAA0B;AAC1B,uBAAqC;AAsBjC;AApBJ,IAAM,mBAAmB,MAAM;AAC7B,QAAM,cAAU,oCAAoB;AACpC,SAAO,MAAM;AACX,YAAQ,kBAAkB;AAAA,EAC5B;AACF;AAOO,IAAM,6BAAyB,yBAGpC,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACnD,QAAM,aAAS,8BAAc,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY;AAClE,QAAM,WAAW,iBAAiB;AAElC,SACE;AAAA,IAAC,iCAAU;AAAA,IAAV;AAAA,MACC,MAAK;AAAA,MACJ,GAAI,SAAS,EAAE,eAAe,OAAO,IAAI;AAAA,MACzC,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,UAAU,YAAY,CAAC;AAAA,MACvB,aAAS,uCAAqB,SAAS,MAAM;AAC3C,mBAAW;AAAA,MACb,CAAC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,uBAAuB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ActionButtonElement,\n  ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { useAssistantRuntime, useThreadList } from \"../../context\";\nimport { forwardRef } from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\nconst useThreadListNew = () => {\n  const runtime = useAssistantRuntime();\n  return () => {\n    runtime.switchToNewThread();\n  };\n};\n\nexport namespace ThreadListPrimitiveNew {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadListNew>;\n}\n\nexport const ThreadListPrimitiveNew = forwardRef<\n  ThreadListPrimitiveNew.Element,\n  ThreadListPrimitiveNew.Props\n>(({ onClick, disabled, ...props }, forwardedRef) => {\n  const isMain = useThreadList((t) => t.newThread === t.mainThreadId);\n  const callback = useThreadListNew();\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...(isMain ? { \"data-active\": \"true\", \"aria-current\": \"true\" } : null)}\n      {...props}\n      ref={forwardedRef}\n      disabled={disabled || !callback}\n      onClick={composeEventHandlers(onClick, () => {\n        callback?.();\n      })}\n    />\n  );\n});\n\nThreadListPrimitiveNew.displayName = \"ThreadListPrimitive.New\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,qBAAmD;AACnD,mBAA2B;AAC3B,6BAA0B;AAC1B,uBAAqC;AAsBjC;AApBJ,IAAM,mBAAmB,MAAM;AAC7B,QAAM,cAAU,oCAAoB;AACpC,SAAO,MAAM;AACX,YAAQ,kBAAkB;AAAA,EAC5B;AACF;AAOO,IAAM,6BAAyB,yBAGpC,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACnD,QAAM,aAAS,8BAAc,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY;AAClE,QAAM,WAAW,iBAAiB;AAElC,SACE;AAAA,IAAC,iCAAU;AAAA,IAAV;AAAA,MACC,MAAK;AAAA,MACJ,GAAI,SAAS,EAAE,eAAe,QAAQ,gBAAgB,OAAO,IAAI;AAAA,MACjE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,UAAU,YAAY,CAAC;AAAA,MACvB,aAAS,uCAAqB,SAAS,MAAM;AAC3C,mBAAW;AAAA,MACb,CAAC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,uBAAuB,cAAc;","names":[]}

package/dist/primitives/threadList/ThreadListNew.mjs

@@ -19,7 +19,7 @@ var ThreadListPrimitiveNew = forwardRef(({ onClick, disabled, ...props }, forwar
     Primitive.button,
     {
       type: "button",
-      ...isMain ? { "data-active": "true" } : null,
+      ...isMain ? { "data-active": "true", "aria-current": "true" } : null,
       ...props,
       ref: forwardedRef,
       disabled: disabled || !callback,

package/dist/primitives/threadList/ThreadListNew.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ActionButtonElement,\n  ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { useAssistantRuntime, useThreadList } from \"../../context\";\nimport { forwardRef } from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\nconst useThreadListNew = () => {\n  const runtime = useAssistantRuntime();\n  return () => {\n    runtime.switchToNewThread();\n  };\n};\n\nexport namespace ThreadListPrimitiveNew {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadListNew>;\n}\n\nexport const ThreadListPrimitiveNew = forwardRef<\n  ThreadListPrimitiveNew.Element,\n  ThreadListPrimitiveNew.Props\n>(({ onClick, disabled, ...props }, forwardedRef) => {\n  const isMain = useThreadList((t) => t.newThread === t.mainThreadId);\n  const callback = useThreadListNew();\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...(isMain ? { \"data-active\": \"true\" } : null)}\n      {...props}\n      ref={forwardedRef}\n      disabled={disabled || !callback}\n      onClick={composeEventHandlers(onClick, () => {\n        callback?.();\n      })}\n    />\n  );\n});\n\nThreadListPrimitiveNew.displayName = \"ThreadListPrimitive.New\";\n"],"mappings":";;;AAMA,SAAS,qBAAqB,qBAAqB;AACnD,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAsBjC;AApBJ,IAAM,mBAAmB,MAAM;AAC7B,QAAM,UAAU,oBAAoB;AACpC,SAAO,MAAM;AACX,YAAQ,kBAAkB;AAAA,EAC5B;AACF;AAOO,IAAM,yBAAyB,WAGpC,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACnD,QAAM,SAAS,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY;AAClE,QAAM,WAAW,iBAAiB;AAElC,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,MAAK;AAAA,MACJ,GAAI,SAAS,EAAE,eAAe,OAAO,IAAI;AAAA,MACzC,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,UAAU,YAAY,CAAC;AAAA,MACvB,SAAS,qBAAqB,SAAS,MAAM;AAC3C,mBAAW;AAAA,MACb,CAAC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,uBAAuB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ActionButtonElement,\n  ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { useAssistantRuntime, useThreadList } from \"../../context\";\nimport { forwardRef } from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\nconst useThreadListNew = () => {\n  const runtime = useAssistantRuntime();\n  return () => {\n    runtime.switchToNewThread();\n  };\n};\n\nexport namespace ThreadListPrimitiveNew {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadListNew>;\n}\n\nexport const ThreadListPrimitiveNew = forwardRef<\n  ThreadListPrimitiveNew.Element,\n  ThreadListPrimitiveNew.Props\n>(({ onClick, disabled, ...props }, forwardedRef) => {\n  const isMain = useThreadList((t) => t.newThread === t.mainThreadId);\n  const callback = useThreadListNew();\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...(isMain ? { \"data-active\": \"true\", \"aria-current\": \"true\" } : null)}\n      {...props}\n      ref={forwardedRef}\n      disabled={disabled || !callback}\n      onClick={composeEventHandlers(onClick, () => {\n        callback?.();\n      })}\n    />\n  );\n});\n\nThreadListPrimitiveNew.displayName = \"ThreadListPrimitive.New\";\n"],"mappings":";;;AAMA,SAAS,qBAAqB,qBAAqB;AACnD,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAsBjC;AApBJ,IAAM,mBAAmB,MAAM;AAC7B,QAAM,UAAU,oBAAoB;AACpC,SAAO,MAAM;AACX,YAAQ,kBAAkB;AAAA,EAC5B;AACF;AAOO,IAAM,yBAAyB,WAGpC,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACnD,QAAM,SAAS,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY;AAClE,QAAM,WAAW,iBAAiB;AAElC,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,MAAK;AAAA,MACJ,GAAI,SAAS,EAAE,eAAe,QAAQ,gBAAgB,OAAO,IAAI;AAAA,MACjE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,UAAU,YAAY,CAAC;AAAA,MACvB,SAAS,qBAAqB,SAAS,MAAM;AAC3C,mBAAW;AAAA,MACb,CAAC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,uBAAuB,cAAc;","names":[]}

package/dist/primitives/threadList/index.js

@@ -24,8 +24,8 @@ __export(threadList_exports, {
   New: () => import_ThreadListNew.ThreadListPrimitiveNew
 });
 module.exports = __toCommonJS(threadList_exports);
-var import_ThreadListNew = require("./ThreadListNew.cjs");
-var import_ThreadListItems = require("./ThreadListItems.cjs");
+var import_ThreadListNew = require("./ThreadListNew.js");
+var import_ThreadListItems = require("./ThreadListItems.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Items,

package/dist/primitives/threadListItem/ThreadListItemArchive.js

@@ -24,8 +24,8 @@ __export(ThreadListItemArchive_exports, {
   ThreadListItemPrimitiveArchive: () => ThreadListItemPrimitiveArchive
 });
 module.exports = __toCommonJS(ThreadListItemArchive_exports);
-var import_createActionButton = require("../../utils/createActionButton.cjs");
-var import_ThreadListItemContext = require("../../context/react/ThreadListItemContext.cjs");
+var import_createActionButton = require("../../utils/createActionButton.js");
+var import_ThreadListItemContext = require("../../context/react/ThreadListItemContext.js");
 var import_react = require("react");
 var useThreadListItemArchive = () => {
   const runtime = (0, import_ThreadListItemContext.useThreadListItemRuntime)();

package/dist/primitives/threadListItem/ThreadListItemDelete.js

@@ -24,8 +24,8 @@ __export(ThreadListItemDelete_exports, {
   ThreadListItemPrimitiveDelete: () => ThreadListItemPrimitiveDelete
 });
 module.exports = __toCommonJS(ThreadListItemDelete_exports);
-var import_createActionButton = require("../../utils/createActionButton.cjs");
-var import_ThreadListItemContext = require("../../context/react/ThreadListItemContext.cjs");
+var import_createActionButton = require("../../utils/createActionButton.js");
+var import_ThreadListItemContext = require("../../context/react/ThreadListItemContext.js");
 var useThreadListItemDelete = () => {
   const runtime = (0, import_ThreadListItemContext.useThreadListItemRuntime)();
   return () => {