@assistant-ui/react 0.5.92 → 0.5.94

package/dist/ui/assistant-action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/assistant-action-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type FC } from \"react\";\nimport {\n  AudioLinesIcon,\n  CheckIcon,\n  CopyIcon,\n  RefreshCwIcon,\n  StopCircleIcon,\n  ThumbsDownIcon,\n  ThumbsUpIcon,\n} from \"lucide-react\";\nimport { ActionBarPrimitive, MessagePrimitive } from \"../primitives\";\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport { useThread } from \"../context\";\n\nconst useAllowCopy = (ensureCapability = false) => {\n  const { assistantMessage: { allowCopy = true } = {} } = useThreadConfig();\n  const copySupported = useThread((t) => t.capabilities.unstable_copy);\n  return allowCopy && (!ensureCapability || copySupported);\n};\n\nconst useAllowSpeak = (ensureCapability = false) => {\n  const { assistantMessage: { allowSpeak = true } = {} } = useThreadConfig();\n  const speechSupported = useThread((t) => t.capabilities.speech);\n  return allowSpeak && (!ensureCapability || speechSupported);\n};\n\nconst useAllowReload = (ensureCapability = false) => {\n  const { assistantMessage: { allowReload = true } = {} } = useThreadConfig();\n  const reloadSupported = useThread((t) => t.capabilities.reload);\n  return allowReload && (!ensureCapability || reloadSupported);\n};\n\nconst useAllowFeedbackPositive = (ensureCapability = false) => {\n  const { assistantMessage: { allowFeedbackPositive = true } = {} } =\n    useThreadConfig();\n  const feedbackSupported = useThread((t) => t.capabilities.feedback);\n  return allowFeedbackPositive && (!ensureCapability || feedbackSupported);\n};\n\nconst useAllowFeedbackNegative = (ensureCapability = false) => {\n  const { assistantMessage: { allowFeedbackNegative = true } = {} } =\n    useThreadConfig();\n  const feedbackSupported = useThread((t) => t.capabilities.feedback);\n  return allowFeedbackNegative && (!ensureCapability || feedbackSupported);\n};\n\nconst AssistantActionBar: FC = () => {\n  const allowCopy = useAllowCopy(true);\n  const allowReload = useAllowReload(true);\n  const allowSpeak = useAllowSpeak(true);\n  const allowFeedbackPositive = useAllowFeedbackPositive(true);\n  const allowFeedbackNegative = useAllowFeedbackNegative(true);\n  if (\n    !allowCopy &&\n    !allowReload &&\n    !allowSpeak &&\n    !allowFeedbackPositive &&\n    !allowFeedbackNegative\n  )\n    return null;\n\n  return (\n    <AssistantActionBarRoot\n      hideWhenRunning\n      autohide=\"not-last\"\n      autohideFloat=\"single-branch\"\n    >\n      {allowSpeak && <AssistantActionBarSpeechControl />}\n      {allowCopy && <AssistantActionBarCopy />}\n      {allowReload && <AssistantActionBarReload />}\n      {allowFeedbackPositive && <AssistantActionBarFeedbackPositive />}\n      {allowFeedbackNegative && <AssistantActionBarFeedbackNegative />}\n    </AssistantActionBarRoot>\n  );\n};\n\nAssistantActionBar.displayName = \"AssistantActionBar\";\n\nconst AssistantActionBarRoot = withDefaults(ActionBarPrimitive.Root, {\n  className: \"aui-assistant-action-bar-root\",\n});\n\nAssistantActionBarRoot.displayName = \"AssistantActionBarRoot\";\n\nnamespace AssistantActionBarCopy {\n  export type Element = ActionBarPrimitive.Copy.Element;\n  export type Props = Partial<TooltipIconButtonProps> & {\n    copiedDuration?: number | undefined;\n  };\n}\n\nconst AssistantActionBarCopy = forwardRef<\n  AssistantActionBarCopy.Element,\n  AssistantActionBarCopy.Props\n>(({ copiedDuration, ...props }, ref) => {\n  const {\n    strings: {\n      assistantMessage: { copy: { tooltip = \"Copy\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n\n  return (\n    <ActionBarPrimitive.Copy copiedDuration={copiedDuration} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? (\n          <>\n            <MessagePrimitive.If copied>\n              <CheckIcon />\n            </MessagePrimitive.If>\n            <MessagePrimitive.If copied={false}>\n              <CopyIcon />\n            </MessagePrimitive.If>\n          </>\n        )}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Copy>\n  );\n});\n\nAssistantActionBarCopy.displayName = \"AssistantActionBarCopy\";\n\nconst AssistantActionBarSpeechControl: FC = () => {\n  return (\n    <>\n      <MessagePrimitive.If speaking={false}>\n        <AssistantActionBarSpeak />\n      </MessagePrimitive.If>\n      <MessagePrimitive.If speaking>\n        <AssistantActionBarStopSpeaking />\n      </MessagePrimitive.If>\n    </>\n  );\n};\n\nnamespace AssistantActionBarSpeak {\n  export type Element = ActionBarPrimitive.Speak.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarSpeak = forwardRef<\n  AssistantActionBarSpeak.Element,\n  AssistantActionBarSpeak.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: { speak: { tooltip = \"Read aloud\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowSpeak = useAllowSpeak();\n\n  return (\n    <ActionBarPrimitive.Speak disabled={!allowSpeak} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <AudioLinesIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Speak>\n  );\n});\n\nAssistantActionBarSpeak.displayName = \"AssistantActionBarSpeak\";\n\nnamespace AssistantActionBarStopSpeaking {\n  export type Element = ActionBarPrimitive.StopSpeaking.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarStopSpeaking = forwardRef<\n  AssistantActionBarStopSpeaking.Element,\n  AssistantActionBarStopSpeaking.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: {\n        speak: { stop: { tooltip: stopTooltip = \"Stop\" } = {} } = {},\n      } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowSpeak = useAllowSpeak();\n\n  return (\n    <ActionBarPrimitive.StopSpeaking disabled={!allowSpeak} asChild>\n      <TooltipIconButton tooltip={stopTooltip} {...props} ref={ref}>\n        {props.children ?? <StopCircleIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.StopSpeaking>\n  );\n});\n\nAssistantActionBarStopSpeaking.displayName = \"AssistantActionBarStopSpeaking\";\n\nnamespace AssistantActionBarReload {\n  export type Element = ActionBarPrimitive.Reload.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarReload = forwardRef<\n  AssistantActionBarReload.Element,\n  AssistantActionBarReload.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: { reload: { tooltip = \"Refresh\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowReload = useAllowReload();\n  return (\n    <ActionBarPrimitive.Reload disabled={!allowReload} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <RefreshCwIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Reload>\n  );\n});\n\nAssistantActionBarReload.displayName = \"AssistantActionBarReload\";\n\nnamespace AssistantActionBarFeedbackPositive {\n  export type Element = ActionBarPrimitive.FeedbackPositive.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarFeedbackPositive = forwardRef<\n  AssistantActionBarFeedbackPositive.Element,\n  AssistantActionBarFeedbackPositive.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: {\n        feedback: { positive: { tooltip = \"Good response\" } = {} } = {},\n      } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowFeedbackPositive = useAllowFeedbackPositive();\n  return (\n    <ActionBarPrimitive.FeedbackPositive\n      disabled={!allowFeedbackPositive}\n      className=\"aui-assistant-action-bar-feedback-positive\"\n      asChild\n    >\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ThumbsUpIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.FeedbackPositive>\n  );\n});\n\nAssistantActionBarFeedbackPositive.displayName =\n  \"AssistantActionBarFeedbackPositive\";\n\nnamespace AssistantActionBarFeedbackNegative {\n  export type Element = ActionBarPrimitive.FeedbackNegative.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarFeedbackNegative = forwardRef<\n  AssistantActionBarFeedbackNegative.Element,\n  AssistantActionBarFeedbackNegative.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: {\n        feedback: { negative: { tooltip = \"Bad response\" } = {} } = {},\n      } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowFeedbackNegative = useAllowFeedbackNegative();\n  return (\n    <ActionBarPrimitive.FeedbackNegative\n      disabled={!allowFeedbackNegative}\n      className=\"aui-assistant-action-bar-feedback-negative\"\n      asChild\n    >\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ThumbsDownIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.FeedbackNegative>\n  );\n});\n\nAssistantActionBarFeedbackNegative.displayName =\n  \"AssistantActionBarFeedbackNegative\";\n\nconst exports = {\n  Root: AssistantActionBarRoot,\n  Reload: AssistantActionBarReload,\n  Copy: AssistantActionBarCopy,\n  Speak: AssistantActionBarSpeak,\n  StopSpeaking: AssistantActionBarStopSpeaking,\n  SpeechControl: AssistantActionBarSpeechControl,\n  FeedbackPositive: AssistantActionBarFeedbackPositive,\n  FeedbackNegative: AssistantActionBarFeedbackNegative,\n};\n\nexport default Object.assign(\n  AssistantActionBar,\n  exports,\n) as typeof AssistantActionBar & typeof exports;\n"],"mappings":"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","names":["exports"]}

package/dist/ui/assistant-action-bar.mjs

@@ -0,0 +1,181 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import {
+  AudioLinesIcon,
+  CheckIcon,
+  CopyIcon,
+  RefreshCwIcon,
+  StopCircleIcon,
+  ThumbsDownIcon,
+  ThumbsUpIcon
+} from "lucide-react";
+import { ActionBarPrimitive, MessagePrimitive } from "../primitives";
+import {
+  TooltipIconButton
+} from "./base/tooltip-icon-button";
+import { withDefaults } from "./utils/withDefaults";
+import { useThreadConfig } from "./thread-config";
+import { useThread } from "../context";
+const useAllowCopy = (ensureCapability = false) => {
+  const { assistantMessage: { allowCopy = true } = {} } = useThreadConfig();
+  const copySupported = useThread((t) => t.capabilities.unstable_copy);
+  return allowCopy && (!ensureCapability || copySupported);
+};
+const useAllowSpeak = (ensureCapability = false) => {
+  const { assistantMessage: { allowSpeak = true } = {} } = useThreadConfig();
+  const speechSupported = useThread((t) => t.capabilities.speech);
+  return allowSpeak && (!ensureCapability || speechSupported);
+};
+const useAllowReload = (ensureCapability = false) => {
+  const { assistantMessage: { allowReload = true } = {} } = useThreadConfig();
+  const reloadSupported = useThread((t) => t.capabilities.reload);
+  return allowReload && (!ensureCapability || reloadSupported);
+};
+const useAllowFeedbackPositive = (ensureCapability = false) => {
+  const { assistantMessage: { allowFeedbackPositive = true } = {} } = useThreadConfig();
+  const feedbackSupported = useThread((t) => t.capabilities.feedback);
+  return allowFeedbackPositive && (!ensureCapability || feedbackSupported);
+};
+const useAllowFeedbackNegative = (ensureCapability = false) => {
+  const { assistantMessage: { allowFeedbackNegative = true } = {} } = useThreadConfig();
+  const feedbackSupported = useThread((t) => t.capabilities.feedback);
+  return allowFeedbackNegative && (!ensureCapability || feedbackSupported);
+};
+const AssistantActionBar = () => {
+  const allowCopy = useAllowCopy(true);
+  const allowReload = useAllowReload(true);
+  const allowSpeak = useAllowSpeak(true);
+  const allowFeedbackPositive = useAllowFeedbackPositive(true);
+  const allowFeedbackNegative = useAllowFeedbackNegative(true);
+  if (!allowCopy && !allowReload && !allowSpeak && !allowFeedbackPositive && !allowFeedbackNegative)
+    return null;
+  return /* @__PURE__ */ jsxs(
+    AssistantActionBarRoot,
+    {
+      hideWhenRunning: true,
+      autohide: "not-last",
+      autohideFloat: "single-branch",
+      children: [
+        allowSpeak && /* @__PURE__ */ jsx(AssistantActionBarSpeechControl, {}),
+        allowCopy && /* @__PURE__ */ jsx(AssistantActionBarCopy, {}),
+        allowReload && /* @__PURE__ */ jsx(AssistantActionBarReload, {}),
+        allowFeedbackPositive && /* @__PURE__ */ jsx(AssistantActionBarFeedbackPositive, {}),
+        allowFeedbackNegative && /* @__PURE__ */ jsx(AssistantActionBarFeedbackNegative, {})
+      ]
+    }
+  );
+};
+AssistantActionBar.displayName = "AssistantActionBar";
+const AssistantActionBarRoot = withDefaults(ActionBarPrimitive.Root, {
+  className: "aui-assistant-action-bar-root"
+});
+AssistantActionBarRoot.displayName = "AssistantActionBarRoot";
+const AssistantActionBarCopy = forwardRef(({ copiedDuration, ...props }, ref) => {
+  const {
+    strings: {
+      assistantMessage: { copy: { tooltip = "Copy" } = {} } = {}
+    } = {}
+  } = useThreadConfig();
+  return /* @__PURE__ */ jsx(ActionBarPrimitive.Copy, { copiedDuration, asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MessagePrimitive.If, { copied: true, children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
+    /* @__PURE__ */ jsx(MessagePrimitive.If, { copied: false, children: /* @__PURE__ */ jsx(CopyIcon, {}) })
+  ] }) }) });
+});
+AssistantActionBarCopy.displayName = "AssistantActionBarCopy";
+const AssistantActionBarSpeechControl = () => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MessagePrimitive.If, { speaking: false, children: /* @__PURE__ */ jsx(AssistantActionBarSpeak, {}) }),
+    /* @__PURE__ */ jsx(MessagePrimitive.If, { speaking: true, children: /* @__PURE__ */ jsx(AssistantActionBarStopSpeaking, {}) })
+  ] });
+};
+const AssistantActionBarSpeak = forwardRef((props, ref) => {
+  const {
+    strings: {
+      assistantMessage: { speak: { tooltip = "Read aloud" } = {} } = {}
+    } = {}
+  } = useThreadConfig();
+  const allowSpeak = useAllowSpeak();
+  return /* @__PURE__ */ jsx(ActionBarPrimitive.Speak, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx(AudioLinesIcon, {}) }) });
+});
+AssistantActionBarSpeak.displayName = "AssistantActionBarSpeak";
+const AssistantActionBarStopSpeaking = forwardRef((props, ref) => {
+  const {
+    strings: {
+      assistantMessage: {
+        speak: { stop: { tooltip: stopTooltip = "Stop" } = {} } = {}
+      } = {}
+    } = {}
+  } = useThreadConfig();
+  const allowSpeak = useAllowSpeak();
+  return /* @__PURE__ */ jsx(ActionBarPrimitive.StopSpeaking, { disabled: !allowSpeak, asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip: stopTooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx(StopCircleIcon, {}) }) });
+});
+AssistantActionBarStopSpeaking.displayName = "AssistantActionBarStopSpeaking";
+const AssistantActionBarReload = forwardRef((props, ref) => {
+  const {
+    strings: {
+      assistantMessage: { reload: { tooltip = "Refresh" } = {} } = {}
+    } = {}
+  } = useThreadConfig();
+  const allowReload = useAllowReload();
+  return /* @__PURE__ */ jsx(ActionBarPrimitive.Reload, { disabled: !allowReload, asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx(RefreshCwIcon, {}) }) });
+});
+AssistantActionBarReload.displayName = "AssistantActionBarReload";
+const AssistantActionBarFeedbackPositive = forwardRef((props, ref) => {
+  const {
+    strings: {
+      assistantMessage: {
+        feedback: { positive: { tooltip = "Good response" } = {} } = {}
+      } = {}
+    } = {}
+  } = useThreadConfig();
+  const allowFeedbackPositive = useAllowFeedbackPositive();
+  return /* @__PURE__ */ jsx(
+    ActionBarPrimitive.FeedbackPositive,
+    {
+      disabled: !allowFeedbackPositive,
+      className: "aui-assistant-action-bar-feedback-positive",
+      asChild: true,
+      children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx(ThumbsUpIcon, {}) })
+    }
+  );
+});
+AssistantActionBarFeedbackPositive.displayName = "AssistantActionBarFeedbackPositive";
+const AssistantActionBarFeedbackNegative = forwardRef((props, ref) => {
+  const {
+    strings: {
+      assistantMessage: {
+        feedback: { negative: { tooltip = "Bad response" } = {} } = {}
+      } = {}
+    } = {}
+  } = useThreadConfig();
+  const allowFeedbackNegative = useAllowFeedbackNegative();
+  return /* @__PURE__ */ jsx(
+    ActionBarPrimitive.FeedbackNegative,
+    {
+      disabled: !allowFeedbackNegative,
+      className: "aui-assistant-action-bar-feedback-negative",
+      asChild: true,
+      children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx(ThumbsDownIcon, {}) })
+    }
+  );
+});
+AssistantActionBarFeedbackNegative.displayName = "AssistantActionBarFeedbackNegative";
+const exports = {
+  Root: AssistantActionBarRoot,
+  Reload: AssistantActionBarReload,
+  Copy: AssistantActionBarCopy,
+  Speak: AssistantActionBarSpeak,
+  StopSpeaking: AssistantActionBarStopSpeaking,
+  SpeechControl: AssistantActionBarSpeechControl,
+  FeedbackPositive: AssistantActionBarFeedbackPositive,
+  FeedbackNegative: AssistantActionBarFeedbackNegative
+};
+var assistant_action_bar_default = Object.assign(
+  AssistantActionBar,
+  exports
+);
+export {
+  assistant_action_bar_default as default
+};
+//# sourceMappingURL=assistant-action-bar.mjs.map

package/dist/ui/assistant-action-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/assistant-action-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type FC } from \"react\";\nimport {\n  AudioLinesIcon,\n  CheckIcon,\n  CopyIcon,\n  RefreshCwIcon,\n  StopCircleIcon,\n  ThumbsDownIcon,\n  ThumbsUpIcon,\n} from \"lucide-react\";\nimport { ActionBarPrimitive, MessagePrimitive } from \"../primitives\";\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport { useThread } from \"../context\";\n\nconst useAllowCopy = (ensureCapability = false) => {\n  const { assistantMessage: { allowCopy = true } = {} } = useThreadConfig();\n  const copySupported = useThread((t) => t.capabilities.unstable_copy);\n  return allowCopy && (!ensureCapability || copySupported);\n};\n\nconst useAllowSpeak = (ensureCapability = false) => {\n  const { assistantMessage: { allowSpeak = true } = {} } = useThreadConfig();\n  const speechSupported = useThread((t) => t.capabilities.speech);\n  return allowSpeak && (!ensureCapability || speechSupported);\n};\n\nconst useAllowReload = (ensureCapability = false) => {\n  const { assistantMessage: { allowReload = true } = {} } = useThreadConfig();\n  const reloadSupported = useThread((t) => t.capabilities.reload);\n  return allowReload && (!ensureCapability || reloadSupported);\n};\n\nconst useAllowFeedbackPositive = (ensureCapability = false) => {\n  const { assistantMessage: { allowFeedbackPositive = true } = {} } =\n    useThreadConfig();\n  const feedbackSupported = useThread((t) => t.capabilities.feedback);\n  return allowFeedbackPositive && (!ensureCapability || feedbackSupported);\n};\n\nconst useAllowFeedbackNegative = (ensureCapability = false) => {\n  const { assistantMessage: { allowFeedbackNegative = true } = {} } =\n    useThreadConfig();\n  const feedbackSupported = useThread((t) => t.capabilities.feedback);\n  return allowFeedbackNegative && (!ensureCapability || feedbackSupported);\n};\n\nconst AssistantActionBar: FC = () => {\n  const allowCopy = useAllowCopy(true);\n  const allowReload = useAllowReload(true);\n  const allowSpeak = useAllowSpeak(true);\n  const allowFeedbackPositive = useAllowFeedbackPositive(true);\n  const allowFeedbackNegative = useAllowFeedbackNegative(true);\n  if (\n    !allowCopy &&\n    !allowReload &&\n    !allowSpeak &&\n    !allowFeedbackPositive &&\n    !allowFeedbackNegative\n  )\n    return null;\n\n  return (\n    <AssistantActionBarRoot\n      hideWhenRunning\n      autohide=\"not-last\"\n      autohideFloat=\"single-branch\"\n    >\n      {allowSpeak && <AssistantActionBarSpeechControl />}\n      {allowCopy && <AssistantActionBarCopy />}\n      {allowReload && <AssistantActionBarReload />}\n      {allowFeedbackPositive && <AssistantActionBarFeedbackPositive />}\n      {allowFeedbackNegative && <AssistantActionBarFeedbackNegative />}\n    </AssistantActionBarRoot>\n  );\n};\n\nAssistantActionBar.displayName = \"AssistantActionBar\";\n\nconst AssistantActionBarRoot = withDefaults(ActionBarPrimitive.Root, {\n  className: \"aui-assistant-action-bar-root\",\n});\n\nAssistantActionBarRoot.displayName = \"AssistantActionBarRoot\";\n\nnamespace AssistantActionBarCopy {\n  export type Element = ActionBarPrimitive.Copy.Element;\n  export type Props = Partial<TooltipIconButtonProps> & {\n    copiedDuration?: number | undefined;\n  };\n}\n\nconst AssistantActionBarCopy = forwardRef<\n  AssistantActionBarCopy.Element,\n  AssistantActionBarCopy.Props\n>(({ copiedDuration, ...props }, ref) => {\n  const {\n    strings: {\n      assistantMessage: { copy: { tooltip = \"Copy\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n\n  return (\n    <ActionBarPrimitive.Copy copiedDuration={copiedDuration} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? (\n          <>\n            <MessagePrimitive.If copied>\n              <CheckIcon />\n            </MessagePrimitive.If>\n            <MessagePrimitive.If copied={false}>\n              <CopyIcon />\n            </MessagePrimitive.If>\n          </>\n        )}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Copy>\n  );\n});\n\nAssistantActionBarCopy.displayName = \"AssistantActionBarCopy\";\n\nconst AssistantActionBarSpeechControl: FC = () => {\n  return (\n    <>\n      <MessagePrimitive.If speaking={false}>\n        <AssistantActionBarSpeak />\n      </MessagePrimitive.If>\n      <MessagePrimitive.If speaking>\n        <AssistantActionBarStopSpeaking />\n      </MessagePrimitive.If>\n    </>\n  );\n};\n\nnamespace AssistantActionBarSpeak {\n  export type Element = ActionBarPrimitive.Speak.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarSpeak = forwardRef<\n  AssistantActionBarSpeak.Element,\n  AssistantActionBarSpeak.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: { speak: { tooltip = \"Read aloud\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowSpeak = useAllowSpeak();\n\n  return (\n    <ActionBarPrimitive.Speak disabled={!allowSpeak} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <AudioLinesIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Speak>\n  );\n});\n\nAssistantActionBarSpeak.displayName = \"AssistantActionBarSpeak\";\n\nnamespace AssistantActionBarStopSpeaking {\n  export type Element = ActionBarPrimitive.StopSpeaking.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarStopSpeaking = forwardRef<\n  AssistantActionBarStopSpeaking.Element,\n  AssistantActionBarStopSpeaking.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: {\n        speak: { stop: { tooltip: stopTooltip = \"Stop\" } = {} } = {},\n      } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowSpeak = useAllowSpeak();\n\n  return (\n    <ActionBarPrimitive.StopSpeaking disabled={!allowSpeak} asChild>\n      <TooltipIconButton tooltip={stopTooltip} {...props} ref={ref}>\n        {props.children ?? <StopCircleIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.StopSpeaking>\n  );\n});\n\nAssistantActionBarStopSpeaking.displayName = \"AssistantActionBarStopSpeaking\";\n\nnamespace AssistantActionBarReload {\n  export type Element = ActionBarPrimitive.Reload.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarReload = forwardRef<\n  AssistantActionBarReload.Element,\n  AssistantActionBarReload.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: { reload: { tooltip = \"Refresh\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowReload = useAllowReload();\n  return (\n    <ActionBarPrimitive.Reload disabled={!allowReload} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <RefreshCwIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Reload>\n  );\n});\n\nAssistantActionBarReload.displayName = \"AssistantActionBarReload\";\n\nnamespace AssistantActionBarFeedbackPositive {\n  export type Element = ActionBarPrimitive.FeedbackPositive.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarFeedbackPositive = forwardRef<\n  AssistantActionBarFeedbackPositive.Element,\n  AssistantActionBarFeedbackPositive.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: {\n        feedback: { positive: { tooltip = \"Good response\" } = {} } = {},\n      } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowFeedbackPositive = useAllowFeedbackPositive();\n  return (\n    <ActionBarPrimitive.FeedbackPositive\n      disabled={!allowFeedbackPositive}\n      className=\"aui-assistant-action-bar-feedback-positive\"\n      asChild\n    >\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ThumbsUpIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.FeedbackPositive>\n  );\n});\n\nAssistantActionBarFeedbackPositive.displayName =\n  \"AssistantActionBarFeedbackPositive\";\n\nnamespace AssistantActionBarFeedbackNegative {\n  export type Element = ActionBarPrimitive.FeedbackNegative.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst AssistantActionBarFeedbackNegative = forwardRef<\n  AssistantActionBarFeedbackNegative.Element,\n  AssistantActionBarFeedbackNegative.Props\n>((props, ref) => {\n  const {\n    strings: {\n      assistantMessage: {\n        feedback: { negative: { tooltip = \"Bad response\" } = {} } = {},\n      } = {},\n    } = {},\n  } = useThreadConfig();\n  const allowFeedbackNegative = useAllowFeedbackNegative();\n  return (\n    <ActionBarPrimitive.FeedbackNegative\n      disabled={!allowFeedbackNegative}\n      className=\"aui-assistant-action-bar-feedback-negative\"\n      asChild\n    >\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ThumbsDownIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.FeedbackNegative>\n  );\n});\n\nAssistantActionBarFeedbackNegative.displayName =\n  \"AssistantActionBarFeedbackNegative\";\n\nconst exports = {\n  Root: AssistantActionBarRoot,\n  Reload: AssistantActionBarReload,\n  Copy: AssistantActionBarCopy,\n  Speak: AssistantActionBarSpeak,\n  StopSpeaking: AssistantActionBarStopSpeaking,\n  SpeechControl: AssistantActionBarSpeechControl,\n  FeedbackPositive: AssistantActionBarFeedbackPositive,\n  FeedbackNegative: AssistantActionBarFeedbackNegative,\n};\n\nexport default Object.assign(\n  AssistantActionBar,\n  exports,\n) as typeof AssistantActionBar & typeof exports;\n"],"mappings":";AAqEI,SA2CM,UAtCW,KALjB;AAnEJ,SAAS,kBAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB,wBAAwB;AACrD;AAAA,EACE;AAAA,OAEK;AACP,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAE1B,MAAM,eAAe,CAAC,mBAAmB,UAAU;AACjD,QAAM,EAAE,kBAAkB,EAAE,YAAY,KAAK,IAAI,CAAC,EAAE,IAAI,gBAAgB;AACxE,QAAM,gBAAgB,UAAU,CAAC,MAAM,EAAE,aAAa,aAAa;AACnE,SAAO,cAAc,CAAC,oBAAoB;AAC5C;AAEA,MAAM,gBAAgB,CAAC,mBAAmB,UAAU;AAClD,QAAM,EAAE,kBAAkB,EAAE,aAAa,KAAK,IAAI,CAAC,EAAE,IAAI,gBAAgB;AACzE,QAAM,kBAAkB,UAAU,CAAC,MAAM,EAAE,aAAa,MAAM;AAC9D,SAAO,eAAe,CAAC,oBAAoB;AAC7C;AAEA,MAAM,iBAAiB,CAAC,mBAAmB,UAAU;AACnD,QAAM,EAAE,kBAAkB,EAAE,cAAc,KAAK,IAAI,CAAC,EAAE,IAAI,gBAAgB;AAC1E,QAAM,kBAAkB,UAAU,CAAC,MAAM,EAAE,aAAa,MAAM;AAC9D,SAAO,gBAAgB,CAAC,oBAAoB;AAC9C;AAEA,MAAM,2BAA2B,CAAC,mBAAmB,UAAU;AAC7D,QAAM,EAAE,kBAAkB,EAAE,wBAAwB,KAAK,IAAI,CAAC,EAAE,IAC9D,gBAAgB;AAClB,QAAM,oBAAoB,UAAU,CAAC,MAAM,EAAE,aAAa,QAAQ;AAClE,SAAO,0BAA0B,CAAC,oBAAoB;AACxD;AAEA,MAAM,2BAA2B,CAAC,mBAAmB,UAAU;AAC7D,QAAM,EAAE,kBAAkB,EAAE,wBAAwB,KAAK,IAAI,CAAC,EAAE,IAC9D,gBAAgB;AAClB,QAAM,oBAAoB,UAAU,CAAC,MAAM,EAAE,aAAa,QAAQ;AAClE,SAAO,0BAA0B,CAAC,oBAAoB;AACxD;AAEA,MAAM,qBAAyB,MAAM;AACnC,QAAM,YAAY,aAAa,IAAI;AACnC,QAAM,cAAc,eAAe,IAAI;AACvC,QAAM,aAAa,cAAc,IAAI;AACrC,QAAM,wBAAwB,yBAAyB,IAAI;AAC3D,QAAM,wBAAwB,yBAAyB,IAAI;AAC3D,MACE,CAAC,aACD,CAAC,eACD,CAAC,cACD,CAAC,yBACD,CAAC;AAED,WAAO;AAET,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe;AAAA,MACf,UAAS;AAAA,MACT,eAAc;AAAA,MAEb;AAAA,sBAAc,oBAAC,mCAAgC;AAAA,QAC/C,aAAa,oBAAC,0BAAuB;AAAA,QACrC,eAAe,oBAAC,4BAAyB;AAAA,QACzC,yBAAyB,oBAAC,sCAAmC;AAAA,QAC7D,yBAAyB,oBAAC,sCAAmC;AAAA;AAAA;AAAA,EAChE;AAEJ;AAEA,mBAAmB,cAAc;AAEjC,MAAM,yBAAyB,aAAa,mBAAmB,MAAM;AAAA,EACnE,WAAW;AACb,CAAC;AAED,uBAAuB,cAAc;AASrC,MAAM,yBAAyB,WAG7B,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,QAAQ;AACvC,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,kBAAkB,EAAE,MAAM,EAAE,UAAU,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,IAC3D,IAAI,CAAC;AAAA,EACP,IAAI,gBAAgB;AAEpB,SACE,oBAAC,mBAAmB,MAAnB,EAAwB,gBAAgC,SAAO,MAC9D,8BAAC,qBAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YACL,iCACE;AAAA,wBAAC,iBAAiB,IAAjB,EAAoB,QAAM,MACzB,8BAAC,aAAU,GACb;AAAA,IACA,oBAAC,iBAAiB,IAAjB,EAAoB,QAAQ,OAC3B,8BAAC,YAAS,GACZ;AAAA,KACF,GAEJ,GACF;AAEJ,CAAC;AAED,uBAAuB,cAAc;AAErC,MAAM,kCAAsC,MAAM;AAChD,SACE,iCACE;AAAA,wBAAC,iBAAiB,IAAjB,EAAoB,UAAU,OAC7B,8BAAC,2BAAwB,GAC3B;AAAA,IACA,oBAAC,iBAAiB,IAAjB,EAAoB,UAAQ,MAC3B,8BAAC,kCAA+B,GAClC;AAAA,KACF;AAEJ;AAOA,MAAM,0BAA0B,WAG9B,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,kBAAkB,EAAE,OAAO,EAAE,UAAU,aAAa,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,IAClE,IAAI,CAAC;AAAA,EACP,IAAI,gBAAgB;AACpB,QAAM,aAAa,cAAc;AAEjC,SACE,oBAAC,mBAAmB,OAAnB,EAAyB,UAAU,CAAC,YAAY,SAAO,MACtD,8BAAC,qBAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,oBAAC,kBAAe,GACrC,GACF;AAEJ,CAAC;AAED,wBAAwB,cAAc;AAOtC,MAAM,iCAAiC,WAGrC,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,kBAAkB;AAAA,QAChB,OAAO,EAAE,MAAM,EAAE,SAAS,cAAc,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,MAC7D,IAAI,CAAC;AAAA,IACP,IAAI,CAAC;AAAA,EACP,IAAI,gBAAgB;AACpB,QAAM,aAAa,cAAc;AAEjC,SACE,oBAAC,mBAAmB,cAAnB,EAAgC,UAAU,CAAC,YAAY,SAAO,MAC7D,8BAAC,qBAAkB,SAAS,aAAc,GAAG,OAAO,KACjD,gBAAM,YAAY,oBAAC,kBAAe,GACrC,GACF;AAEJ,CAAC;AAED,+BAA+B,cAAc;AAO7C,MAAM,2BAA2B,WAG/B,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,kBAAkB,EAAE,QAAQ,EAAE,UAAU,UAAU,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,IAChE,IAAI,CAAC;AAAA,EACP,IAAI,gBAAgB;AACpB,QAAM,cAAc,eAAe;AACnC,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,UAAU,CAAC,aAAa,SAAO,MACxD,8BAAC,qBAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,oBAAC,iBAAc,GACpC,GACF;AAEJ,CAAC;AAED,yBAAyB,cAAc;AAOvC,MAAM,qCAAqC,WAGzC,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,kBAAkB;AAAA,QAChB,UAAU,EAAE,UAAU,EAAE,UAAU,gBAAgB,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,MAChE,IAAI,CAAC;AAAA,IACP,IAAI,CAAC;AAAA,EACP,IAAI,gBAAgB;AACpB,QAAM,wBAAwB,yBAAyB;AACvD,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,UAAU,CAAC;AAAA,MACX,WAAU;AAAA,MACV,SAAO;AAAA,MAEP,8BAAC,qBAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,oBAAC,gBAAa,GACnC;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,mCAAmC,cACjC;AAOF,MAAM,qCAAqC,WAGzC,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS;AAAA,MACP,kBAAkB;AAAA,QAChB,UAAU,EAAE,UAAU,EAAE,UAAU,eAAe,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,MAC/D,IAAI,CAAC;AAAA,IACP,IAAI,CAAC;AAAA,EACP,IAAI,gBAAgB;AACpB,QAAM,wBAAwB,yBAAyB;AACvD,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,UAAU,CAAC;AAAA,MACX,WAAU;AAAA,MACV,SAAO;AAAA,MAEP,8BAAC,qBAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,oBAAC,kBAAe,GACrC;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,mCAAmC,cACjC;AAEF,MAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,cAAc;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAEA,IAAO,+BAAQ,OAAO;AAAA,EACpB;AAAA,EACA;AACF;","names":[]}

package/dist/ui/assistant-message.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithoutRef, type FC } from "react";
+import { MessagePrimitive } from "../primitives";
+declare const AssistantMessage: FC;
+/**
+ * @deprecated Use `AssistantMessage.Content.Props` instead. This will be removed in 0.6.
+ */
+export type AssistantMessageContentProps = AssistantMessageContent.Props;
+declare namespace AssistantMessageContent {
+    type Element = HTMLDivElement;
+    type Props = MessagePrimitive.Content.Props & ComponentPropsWithoutRef<"div">;
+}
+declare const AssistantMessageContent: import("react").ForwardRefExoticComponent<MessagePrimitive.Content.Props & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const exports: {
+    Root: import("react").ForwardRefExoticComponent<Partial<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">> & import("react").RefAttributes<HTMLDivElement>>;
+    Avatar: FC;
+    Content: import("react").ForwardRefExoticComponent<MessagePrimitive.Content.Props & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+declare const _default: typeof AssistantMessage & typeof exports;
+export default _default;
+//# sourceMappingURL=assistant-message.d.ts.map

package/dist/ui/assistant-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-message.d.ts","sourceRoot":"","sources":["../../src/ui/assistant-message.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAQjD,QAAA,MAAM,gBAAgB,EAAE,EASvB,CAAC;AAmBF;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,uBAAuB,CAAC,KAAK,CAAC;AAEzE,kBAAU,uBAAuB,CAAC;IAChC,KAAY,OAAO,GAAG,cAAc,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,GAChD,wBAAwB,CAAC,KAAK,CAAC,CAAC;CACnC;AAED,QAAA,MAAM,uBAAuB,4OAkC3B,CAAC;AAIH,QAAA,MAAM,OAAO;;;;;;;;CAIZ,CAAC;wBAKG,OAAO,gBAAgB,GAAG,OAAO,OAAO;AAH7C,wBAG8C"}

package/dist/ui/assistant-message.js

@@ -0,0 +1,100 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var assistant_message_exports = {};
+__export(assistant_message_exports, {
+  default: () => assistant_message_default
+});
+module.exports = __toCommonJS(assistant_message_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_primitives = require("../primitives");
+var import_branch_picker = __toESM(require("./branch-picker"));
+var import_avatar = require("./base/avatar");
+var import_withDefaults = require("./utils/withDefaults");
+var import_thread_config = require("./thread-config");
+var import_assistant_action_bar = __toESM(require("./assistant-action-bar"));
+var import_content_part = __toESM(require("./content-part"));
+const AssistantMessage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AssistantMessageRoot, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantMessageAvatar, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantMessageContent, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_branch_picker.default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_assistant_action_bar.default, {})
+  ] });
+};
+AssistantMessage.displayName = "AssistantMessage";
+const AssistantMessageAvatar = () => {
+  const { assistantAvatar: avatar = { fallback: "A" } } = (0, import_thread_config.useThreadConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.Avatar, { ...avatar });
+};
+const AssistantMessageRoot = (0, import_withDefaults.withDefaults)(import_primitives.MessagePrimitive.Root, {
+  className: "aui-assistant-message-root"
+});
+AssistantMessageRoot.displayName = "AssistantMessageRoot";
+const AssistantMessageContentWrapper = (0, import_withDefaults.withDefaults)("div", {
+  className: "aui-assistant-message-content"
+});
+const AssistantMessageContent = (0, import_react.forwardRef)(({ components: componentsProp, ...rest }, ref) => {
+  const { tools, assistantMessage: { components = {} } = {} } = (0, import_thread_config.useThreadConfig)();
+  const toolsComponents = (0, import_react.useMemo)(
+    () => ({
+      by_name: !tools ? void 0 : Object.fromEntries(
+        tools.map((t) => [
+          t.unstable_tool.toolName,
+          t.unstable_tool.render
+        ])
+      ),
+      Fallback: components.ToolFallback
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...tools ?? [], components.ToolFallback]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantMessageContentWrapper, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_primitives.MessagePrimitive.Content,
+    {
+      components: {
+        ...componentsProp,
+        Text: componentsProp?.Text ?? components.Text ?? import_content_part.default.Text,
+        tools: toolsComponents
+      }
+    }
+  ) });
+});
+AssistantMessageContent.displayName = "AssistantMessageContent";
+const exports2 = {
+  Root: AssistantMessageRoot,
+  Avatar: AssistantMessageAvatar,
+  Content: AssistantMessageContent
+};
+var assistant_message_default = Object.assign(
+  AssistantMessage,
+  exports2
+);
+//# sourceMappingURL=assistant-message.js.map

package/dist/ui/assistant-message.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/assistant-message.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentPropsWithoutRef, forwardRef, useMemo, type FC } from \"react\";\nimport { MessagePrimitive } from \"../primitives\";\nimport BranchPicker from \"./branch-picker\";\nimport { Avatar } from \"./base/avatar\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport AssistantActionBar from \"./assistant-action-bar\";\nimport ContentPart from \"./content-part\";\n\nconst AssistantMessage: FC = () => {\n  return (\n    <AssistantMessageRoot>\n      <AssistantMessageAvatar />\n      <AssistantMessageContent />\n      <BranchPicker />\n      <AssistantActionBar />\n    </AssistantMessageRoot>\n  );\n};\n\nAssistantMessage.displayName = \"AssistantMessage\";\n\nconst AssistantMessageAvatar: FC = () => {\n  const { assistantAvatar: avatar = { fallback: \"A\" } } = useThreadConfig();\n  return <Avatar {...avatar} />;\n};\n\nconst AssistantMessageRoot = withDefaults(MessagePrimitive.Root, {\n  className: \"aui-assistant-message-root\",\n});\n\nAssistantMessageRoot.displayName = \"AssistantMessageRoot\";\n\nconst AssistantMessageContentWrapper = withDefaults(\"div\", {\n  className: \"aui-assistant-message-content\",\n});\n\n/**\n * @deprecated Use `AssistantMessage.Content.Props` instead. This will be removed in 0.6.\n */\nexport type AssistantMessageContentProps = AssistantMessageContent.Props;\n\nnamespace AssistantMessageContent {\n  export type Element = HTMLDivElement;\n  export type Props = MessagePrimitive.Content.Props &\n    ComponentPropsWithoutRef<\"div\">;\n}\n\nconst AssistantMessageContent = forwardRef<\n  AssistantMessageContent.Element,\n  AssistantMessageContent.Props\n>(({ components: componentsProp, ...rest }, ref) => {\n  const { tools, assistantMessage: { components = {} } = {} } =\n    useThreadConfig();\n\n  const toolsComponents = useMemo(\n    () => ({\n      by_name: !tools\n        ? undefined\n        : Object.fromEntries(\n            tools.map((t) => [\n              t.unstable_tool.toolName,\n              t.unstable_tool.render,\n            ]),\n          ),\n      Fallback: components.ToolFallback,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [...(tools ?? []), components.ToolFallback],\n  );\n\n  return (\n    <AssistantMessageContentWrapper {...rest} ref={ref}>\n      <MessagePrimitive.Content\n        components={{\n          ...componentsProp,\n          Text: componentsProp?.Text ?? components.Text ?? ContentPart.Text,\n          tools: toolsComponents,\n        }}\n      />\n    </AssistantMessageContentWrapper>\n  );\n});\n\nAssistantMessageContent.displayName = \"AssistantMessageContent\";\n\nconst exports = {\n  Root: AssistantMessageRoot,\n  Avatar: AssistantMessageAvatar,\n  Content: AssistantMessageContent,\n};\n\nexport default Object.assign(\n  AssistantMessage,\n  exports,\n) as typeof AssistantMessage & typeof exports;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaI;AAXJ,mBAAuE;AACvE,wBAAiC;AACjC,2BAAyB;AACzB,oBAAuB;AACvB,0BAA6B;AAC7B,2BAAgC;AAChC,kCAA+B;AAC/B,0BAAwB;AAExB,MAAM,mBAAuB,MAAM;AACjC,SACE,6CAAC,wBACC;AAAA,gDAAC,0BAAuB;AAAA,IACxB,4CAAC,2BAAwB;AAAA,IACzB,4CAAC,qBAAAA,SAAA,EAAa;AAAA,IACd,4CAAC,4BAAAC,SAAA,EAAmB;AAAA,KACtB;AAEJ;AAEA,iBAAiB,cAAc;AAE/B,MAAM,yBAA6B,MAAM;AACvC,QAAM,EAAE,iBAAiB,SAAS,EAAE,UAAU,IAAI,EAAE,QAAI,sCAAgB;AACxE,SAAO,4CAAC,wBAAQ,GAAG,QAAQ;AAC7B;AAEA,MAAM,2BAAuB,kCAAa,mCAAiB,MAAM;AAAA,EAC/D,WAAW;AACb,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,qCAAiC,kCAAa,OAAO;AAAA,EACzD,WAAW;AACb,CAAC;AAaD,MAAM,8BAA0B,yBAG9B,CAAC,EAAE,YAAY,gBAAgB,GAAG,KAAK,GAAG,QAAQ;AAClD,QAAM,EAAE,OAAO,kBAAkB,EAAE,aAAa,CAAC,EAAE,IAAI,CAAC,EAAE,QACxD,sCAAgB;AAElB,QAAM,sBAAkB;AAAA,IACtB,OAAO;AAAA,MACL,SAAS,CAAC,QACN,SACA,OAAO;AAAA,QACL,MAAM,IAAI,CAAC,MAAM;AAAA,UACf,EAAE,cAAc;AAAA,UAChB,EAAE,cAAc;AAAA,QAClB,CAAC;AAAA,MACH;AAAA,MACJ,UAAU,WAAW;AAAA,IACvB;AAAA;AAAA,IAEA,CAAC,GAAI,SAAS,CAAC,GAAI,WAAW,YAAY;AAAA,EAC5C;AAEA,SACE,4CAAC,kCAAgC,GAAG,MAAM,KACxC;AAAA,IAAC,mCAAiB;AAAA,IAAjB;AAAA,MACC,YAAY;AAAA,QACV,GAAG;AAAA,QACH,MAAM,gBAAgB,QAAQ,WAAW,QAAQ,oBAAAC,QAAY;AAAA,QAC7D,OAAO;AAAA,MACT;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,wBAAwB,cAAc;AAEtC,MAAMC,WAAU;AAAA,EACd,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,IAAO,4BAAQ,OAAO;AAAA,EACpB;AAAA,EACAA;AACF;","names":["BranchPicker","AssistantActionBar","ContentPart","exports"]}

package/dist/ui/assistant-message.mjs

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import { MessagePrimitive } from "../primitives";
+import BranchPicker from "./branch-picker";
+import { Avatar } from "./base/avatar";
+import { withDefaults } from "./utils/withDefaults";
+import { useThreadConfig } from "./thread-config";
+import AssistantActionBar from "./assistant-action-bar";
+import ContentPart from "./content-part";
+const AssistantMessage = () => {
+  return /* @__PURE__ */ jsxs(AssistantMessageRoot, { children: [
+    /* @__PURE__ */ jsx(AssistantMessageAvatar, {}),
+    /* @__PURE__ */ jsx(AssistantMessageContent, {}),
+    /* @__PURE__ */ jsx(BranchPicker, {}),
+    /* @__PURE__ */ jsx(AssistantActionBar, {})
+  ] });
+};
+AssistantMessage.displayName = "AssistantMessage";
+const AssistantMessageAvatar = () => {
+  const { assistantAvatar: avatar = { fallback: "A" } } = useThreadConfig();
+  return /* @__PURE__ */ jsx(Avatar, { ...avatar });
+};
+const AssistantMessageRoot = withDefaults(MessagePrimitive.Root, {
+  className: "aui-assistant-message-root"
+});
+AssistantMessageRoot.displayName = "AssistantMessageRoot";
+const AssistantMessageContentWrapper = withDefaults("div", {
+  className: "aui-assistant-message-content"
+});
+const AssistantMessageContent = forwardRef(({ components: componentsProp, ...rest }, ref) => {
+  const { tools, assistantMessage: { components = {} } = {} } = useThreadConfig();
+  const toolsComponents = useMemo(
+    () => ({
+      by_name: !tools ? void 0 : Object.fromEntries(
+        tools.map((t) => [
+          t.unstable_tool.toolName,
+          t.unstable_tool.render
+        ])
+      ),
+      Fallback: components.ToolFallback
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...tools ?? [], components.ToolFallback]
+  );
+  return /* @__PURE__ */ jsx(AssistantMessageContentWrapper, { ...rest, ref, children: /* @__PURE__ */ jsx(
+    MessagePrimitive.Content,
+    {
+      components: {
+        ...componentsProp,
+        Text: componentsProp?.Text ?? components.Text ?? ContentPart.Text,
+        tools: toolsComponents
+      }
+    }
+  ) });
+});
+AssistantMessageContent.displayName = "AssistantMessageContent";
+const exports = {
+  Root: AssistantMessageRoot,
+  Avatar: AssistantMessageAvatar,
+  Content: AssistantMessageContent
+};
+var assistant_message_default = Object.assign(
+  AssistantMessage,
+  exports
+);
+export {
+  assistant_message_default as default
+};
+//# sourceMappingURL=assistant-message.mjs.map

package/dist/ui/assistant-message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/assistant-message.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentPropsWithoutRef, forwardRef, useMemo, type FC } from \"react\";\nimport { MessagePrimitive } from \"../primitives\";\nimport BranchPicker from \"./branch-picker\";\nimport { Avatar } from \"./base/avatar\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport AssistantActionBar from \"./assistant-action-bar\";\nimport ContentPart from \"./content-part\";\n\nconst AssistantMessage: FC = () => {\n  return (\n    <AssistantMessageRoot>\n      <AssistantMessageAvatar />\n      <AssistantMessageContent />\n      <BranchPicker />\n      <AssistantActionBar />\n    </AssistantMessageRoot>\n  );\n};\n\nAssistantMessage.displayName = \"AssistantMessage\";\n\nconst AssistantMessageAvatar: FC = () => {\n  const { assistantAvatar: avatar = { fallback: \"A\" } } = useThreadConfig();\n  return <Avatar {...avatar} />;\n};\n\nconst AssistantMessageRoot = withDefaults(MessagePrimitive.Root, {\n  className: \"aui-assistant-message-root\",\n});\n\nAssistantMessageRoot.displayName = \"AssistantMessageRoot\";\n\nconst AssistantMessageContentWrapper = withDefaults(\"div\", {\n  className: \"aui-assistant-message-content\",\n});\n\n/**\n * @deprecated Use `AssistantMessage.Content.Props` instead. This will be removed in 0.6.\n */\nexport type AssistantMessageContentProps = AssistantMessageContent.Props;\n\nnamespace AssistantMessageContent {\n  export type Element = HTMLDivElement;\n  export type Props = MessagePrimitive.Content.Props &\n    ComponentPropsWithoutRef<\"div\">;\n}\n\nconst AssistantMessageContent = forwardRef<\n  AssistantMessageContent.Element,\n  AssistantMessageContent.Props\n>(({ components: componentsProp, ...rest }, ref) => {\n  const { tools, assistantMessage: { components = {} } = {} } =\n    useThreadConfig();\n\n  const toolsComponents = useMemo(\n    () => ({\n      by_name: !tools\n        ? undefined\n        : Object.fromEntries(\n            tools.map((t) => [\n              t.unstable_tool.toolName,\n              t.unstable_tool.render,\n            ]),\n          ),\n      Fallback: components.ToolFallback,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [...(tools ?? []), components.ToolFallback],\n  );\n\n  return (\n    <AssistantMessageContentWrapper {...rest} ref={ref}>\n      <MessagePrimitive.Content\n        components={{\n          ...componentsProp,\n          Text: componentsProp?.Text ?? components.Text ?? ContentPart.Text,\n          tools: toolsComponents,\n        }}\n      />\n    </AssistantMessageContentWrapper>\n  );\n});\n\nAssistantMessageContent.displayName = \"AssistantMessageContent\";\n\nconst exports = {\n  Root: AssistantMessageRoot,\n  Avatar: AssistantMessageAvatar,\n  Content: AssistantMessageContent,\n};\n\nexport default Object.assign(\n  AssistantMessage,\n  exports,\n) as typeof AssistantMessage & typeof exports;\n"],"mappings":";AAaI,SACE,KADF;AAXJ,SAAmC,YAAY,eAAwB;AACvE,SAAS,wBAAwB;AACjC,OAAO,kBAAkB;AACzB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,OAAO,wBAAwB;AAC/B,OAAO,iBAAiB;AAExB,MAAM,mBAAuB,MAAM;AACjC,SACE,qBAAC,wBACC;AAAA,wBAAC,0BAAuB;AAAA,IACxB,oBAAC,2BAAwB;AAAA,IACzB,oBAAC,gBAAa;AAAA,IACd,oBAAC,sBAAmB;AAAA,KACtB;AAEJ;AAEA,iBAAiB,cAAc;AAE/B,MAAM,yBAA6B,MAAM;AACvC,QAAM,EAAE,iBAAiB,SAAS,EAAE,UAAU,IAAI,EAAE,IAAI,gBAAgB;AACxE,SAAO,oBAAC,UAAQ,GAAG,QAAQ;AAC7B;AAEA,MAAM,uBAAuB,aAAa,iBAAiB,MAAM;AAAA,EAC/D,WAAW;AACb,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,iCAAiC,aAAa,OAAO;AAAA,EACzD,WAAW;AACb,CAAC;AAaD,MAAM,0BAA0B,WAG9B,CAAC,EAAE,YAAY,gBAAgB,GAAG,KAAK,GAAG,QAAQ;AAClD,QAAM,EAAE,OAAO,kBAAkB,EAAE,aAAa,CAAC,EAAE,IAAI,CAAC,EAAE,IACxD,gBAAgB;AAElB,QAAM,kBAAkB;AAAA,IACtB,OAAO;AAAA,MACL,SAAS,CAAC,QACN,SACA,OAAO;AAAA,QACL,MAAM,IAAI,CAAC,MAAM;AAAA,UACf,EAAE,cAAc;AAAA,UAChB,EAAE,cAAc;AAAA,QAClB,CAAC;AAAA,MACH;AAAA,MACJ,UAAU,WAAW;AAAA,IACvB;AAAA;AAAA,IAEA,CAAC,GAAI,SAAS,CAAC,GAAI,WAAW,YAAY;AAAA,EAC5C;AAEA,SACE,oBAAC,kCAAgC,GAAG,MAAM,KACxC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,YAAY;AAAA,QACV,GAAG;AAAA,QACH,MAAM,gBAAgB,QAAQ,WAAW,QAAQ,YAAY;AAAA,QAC7D,OAAO;AAAA,MACT;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,wBAAwB,cAAc;AAEtC,MAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,IAAO,4BAAQ,OAAO;AAAA,EACpB;AAAA,EACA;AACF;","names":[]}

package/dist/ui/assistant-modal.d.ts

@@ -0,0 +1,23 @@
+import { type FC } from "react";
+import { AssistantModalPrimitive } from "../primitives";
+import { TooltipIconButtonProps } from "./base/tooltip-icon-button";
+import { ThreadConfig, ThreadConfigProviderProps } from "./thread-config";
+declare const AssistantModal: FC<ThreadConfig>;
+declare namespace AssistantModalRoot {
+    type Props = AssistantModalPrimitive.Root.Props & ThreadConfigProviderProps;
+}
+declare const AssistantModalRoot: FC<AssistantModalRoot.Props>;
+declare const exports: {
+    Root: FC<AssistantModalRoot.Props>;
+    Trigger: import("react").ForwardRefExoticComponent<Partial<TooltipIconButtonProps> & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Partial<Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        dissmissOnInteractOutside?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref">> & import("react").RefAttributes<HTMLDivElement>>;
+    Button: import("react").ForwardRefExoticComponent<Partial<TooltipIconButtonProps> & {
+        "data-state"?: "open" | "closed";
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+    Anchor: import("react").ForwardRefExoticComponent<Partial<Omit<Omit<import("@radix-ui/react-popover").PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">> & import("react").RefAttributes<HTMLDivElement>>;
+};
+declare const _default: typeof AssistantModal & typeof exports;
+export default _default;
+//# sourceMappingURL=assistant-modal.d.ts.map

package/dist/ui/assistant-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-modal.d.ts","sourceRoot":"","sources":["../../src/ui/assistant-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAGxD,OAAO,EAEL,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,YAAY,EAEZ,yBAAyB,EAE1B,MAAM,iBAAiB,CAAC;AAEzB,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,YAAY,CASpC,CAAC;AAIF,kBAAU,kBAAkB,CAAC;IAC3B,KAAY,KAAK,GAAG,uBAAuB,CAAC,IAAI,CAAC,KAAK,GACpD,yBAAyB,CAAC;CAC7B;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,CASpD,CAAC;AA6FF,QAAA,MAAM,OAAO;;;;;;;uBAvDM,MAAM,GAAG,QAAQ;;;CA6DnC,CAAC;wBAEuD,OAAO,cAAc,GAC5E,OAAO,OAAO;AADhB,wBACiB"}

package/dist/ui/assistant-modal.js

@@ -0,0 +1,124 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var assistant_modal_exports = {};
+__export(assistant_modal_exports, {
+  default: () => assistant_modal_default
+});
+module.exports = __toCommonJS(assistant_modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_primitives = require("../primitives");
+var import_thread = __toESM(require("./thread"));
+var import_withDefaults = require("./utils/withDefaults");
+var import_tooltip_icon_button = require("./base/tooltip-icon-button");
+var import_thread_config = require("./thread-config");
+const AssistantModal = (config) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AssistantModalRoot, { config, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantModalTrigger, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantModalContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_thread.default, {}) })
+  ] });
+};
+AssistantModal.displayName = "AssistantModal";
+const AssistantModalRoot = ({
+  config,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_thread_config.ThreadConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.AssistantModalPrimitive.Root, { ...props }) });
+};
+AssistantModalRoot.displayName = "AssistantModalRoot";
+const AssistantModalTrigger = (0, import_react.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantModalAnchor, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.AssistantModalPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssistantModalButton, { ...props, ref }) }) });
+});
+AssistantModalTrigger.displayName = "AssistantModalTrigger";
+const AssistantModalAnchor = (0, import_withDefaults.withDefaults)(import_primitives.AssistantModalPrimitive.Anchor, {
+  className: "aui-root aui-modal-anchor"
+});
+AssistantModalAnchor.displayName = "AssistantModalAnchor";
+const ModalButtonStyled = (0, import_withDefaults.withDefaults)(import_tooltip_icon_button.TooltipIconButton, {
+  variant: "default",
+  className: "aui-modal-button"
+});
+const AssistantModalButton = (0, import_react.forwardRef)(({ "data-state": state, ...rest }, ref) => {
+  const {
+    strings: {
+      assistantModal: {
+        open: {
+          button: { tooltip: openTooltip = "Close Assistant" } = {}
+        } = {},
+        closed: {
+          button: { tooltip: closedTooltip = "Open Assistant" } = {}
+        } = {}
+      } = {}
+    } = {}
+  } = (0, import_thread_config.useThreadConfig)();
+  const tooltip = state === "open" ? openTooltip : closedTooltip;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ModalButtonStyled,
+    {
+      side: "left",
+      tooltip,
+      "data-state": state,
+      ...rest,
+      ref,
+      children: rest.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_lucide_react.BotIcon,
+          {
+            "data-state": state,
+            className: "aui-modal-button-closed-icon"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_lucide_react.ChevronDownIcon,
+          {
+            "data-state": state,
+            className: "aui-modal-button-open-icon"
+          }
+        )
+      ] })
+    }
+  );
+});
+AssistantModalButton.displayName = "AssistantModalButton";
+const AssistantModalContent = (0, import_withDefaults.withDefaults)(import_primitives.AssistantModalPrimitive.Content, {
+  className: "aui-root aui-modal-content",
+  sideOffset: 16
+});
+AssistantModalContent.displayName = "AssistantModalContent";
+const exports2 = {
+  Root: AssistantModalRoot,
+  Trigger: AssistantModalTrigger,
+  Content: AssistantModalContent,
+  Button: AssistantModalButton,
+  Anchor: AssistantModalAnchor
+};
+var assistant_modal_default = Object.assign(AssistantModal, exports2);
+//# sourceMappingURL=assistant-modal.js.map