@athenaintel/react 0.18.0 → 0.20.0

package/dist/chat/AthenaChat.cjs

@@ -0,0 +1,753 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const tiptapText = require("./tiptap-text.cjs");
+const AthenaChatErrorBoundary = require("./AthenaChatErrorBoundary.cjs");
+const StatewireApprovalCard = require("./StatewireApprovalCard.cjs");
+const StatewireQueuedMessages = require("./StatewireQueuedMessages.cjs");
+const statewireBanners = require("./statewire-banners.cjs");
+const toolFallback = require("../tools/tool-fallback.cjs");
+const appendDocumentToolUi = require("../tools/append-document-tool-ui.cjs");
+const readAssetToolUi = require("../tools/read-asset-tool-ui.cjs");
+const toolUis = require("../tools/tool-uis.cjs");
+const SuperGroupingCard = require("./super-grouping/SuperGroupingCard.cjs");
+const NestedPtcMessages = require("../tools/NestedPtcMessages.cjs");
+const tooltipIconButton = require("./tooltip-icon-button.cjs");
+const button = require("../ui/button.cjs");
+const collapsible = require("../ui/collapsible.cjs");
+const chatComposerDock = require("../chat-ui/thread/chat-composer-dock.cjs");
+const chatThreadShell = require("../chat-ui/thread/chat-thread-shell.cjs");
+const statewireHistoryEdge = require("../chat-ui/thread/statewire-history-edge.cjs");
+const composerSendOrStop = require("../chat-ui/thread/composer-send-or-stop.cjs");
+const tiptapComposer = require("../chat-ui/composer/tiptap-composer.cjs");
+const apiClient = require("../chat-ui/mentions/suggestions/data/api-client.cjs");
+const react = require("@assistant-ui/react");
+const lucideReact = require("lucide-react");
+const react$1 = require("react");
+const threadIdContext = require("../threads/thread-id-context.cjs");
+const FileUploadButton = require("../composer/FileUploadButton.cjs");
+const ComposerQuotePreview = require("../composer/ComposerQuotePreview.cjs");
+const ComposerAttachmentPreview = require("../composer/ComposerAttachmentPreview.cjs");
+const ComposerDropZone = require("../composer/ComposerDropZone.cjs");
+const QuoteContext = require("../composer/QuoteContext.cjs");
+const AttachmentContext = require("../composer/AttachmentContext.cjs");
+const buildComposedMessage = require("../composer/build-composed-message.cjs");
+const useAttachFiles = require("../composer/useAttachFiles.cjs");
+const AthenaContext = require("../provider/AthenaContext.cjs");
+const athenaUrls = require("../lib/athena-urls.cjs");
+const utils = require("../lib/utils.cjs");
+const useSendMessage = require("../composer/useSendMessage.cjs");
+const index = require("../toolkits/index.cjs");
+const runActivity = require("./run-activity.cjs");
+const cnfast = require("cnfast");
+function QuotePostMessageBridge() {
+  QuoteContext.useQuoteFromPostMessage();
+  return null;
+}
+const DEFAULT_SUGGESTIONS = [
+  {
+    icon: lucideReact.SearchIcon,
+    title: "Research a topic and draft a report",
+    prompt: "Search the web for the latest developments in enterprise AI adoption, then create a document summarizing the key trends, market data, and strategic implications."
+  },
+  {
+    icon: lucideReact.SearchIcon,
+    title: "Compare recent AI model launches",
+    prompt: "Search the web for the latest major AI model launches from OpenAI, Anthropic, and Google, then summarize the release dates, standout capabilities, and practical tradeoffs in a concise comparison table."
+  },
+  {
+    icon: lucideReact.PresentationIcon,
+    title: "Build a presentation from scratch",
+    prompt: "Create a 5-slide investor update presentation covering market opportunity, product traction, key metrics, competitive positioning, and next steps."
+  },
+  {
+    icon: lucideReact.FileTextIcon,
+    title: "Set up a structured spreadsheet",
+    prompt: "Create a project tracking spreadsheet with columns for task name, owner, priority, status, start date, due date, and completion percentage."
+  }
+];
+const AthenaChatDefaultComponentsContext = react$1.createContext(null);
+const AthenaReasoningTextComponentContext = react$1.createContext(null);
+const useAthenaChatDefaultComponents = () => {
+  const value = react$1.useContext(AthenaChatDefaultComponentsContext);
+  if (!value) {
+    throw new Error("Athena default chat components must be used within AthenaChat.");
+  }
+  return value;
+};
+const AthenaDefaultAssistantMessage = () => {
+  const { toolUIs, TextComponent, ReasoningComponent, EmptyComponent, ActionBarComponent, groupToolCalls } = useAthenaChatDefaultComponents();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AthenaAssistantMessage,
+    {
+      toolUIs,
+      TextComponent,
+      ReasoningComponent,
+      EmptyComponent,
+      ActionBarComponent,
+      groupToolCalls
+    }
+  );
+};
+const AthenaDefaultUserMessage = () => {
+  const { TextComponent } = useAthenaChatDefaultComponents();
+  return /* @__PURE__ */ jsxRuntime.jsx(AthenaUserMessage, { TextComponent });
+};
+const getReasoningTokensFromMetadata = (metadata) => {
+  if (!utils.isRecord(metadata)) {
+    return void 0;
+  }
+  const customMetadata = metadata.custom;
+  if (!utils.isRecord(customMetadata)) {
+    return void 0;
+  }
+  const athenaMetadata = customMetadata._athena;
+  if (!utils.isRecord(athenaMetadata)) {
+    return void 0;
+  }
+  const reasoningTokens = athenaMetadata.reasoningTokens;
+  return typeof reasoningTokens === "number" && Number.isFinite(reasoningTokens) ? reasoningTokens : void 0;
+};
+const formatReasoningTokens = (reasoningTokens) => `${reasoningTokens.toLocaleString("en-US")} ${reasoningTokens === 1 ? "token" : "tokens"}`;
+const withNestedPtcMessages = (ToolUI) => {
+  const ToolUIWithNestedPtcMessages = (props) => {
+    const nestedComponents = NestedPtcMessages.useNestedPtcComponents(toolFallback.ToolFallback);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToolUI, { ...props }),
+      /* @__PURE__ */ jsxRuntime.jsx(NestedPtcMessages.NestedPtcMessages, { components: nestedComponents })
+    ] });
+  };
+  return ToolUIWithNestedPtcMessages;
+};
+const SuggestionCard = ({
+  suggestion,
+  index: index2
+}) => {
+  const Icon = suggestion.icon;
+  const sendMessage = useSendMessage.useSendMessage();
+  const handleClick = react$1.useCallback(() => {
+    void sendMessage(suggestion.prompt);
+  }, [sendMessage, suggestion.prompt]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      className: `fade-in slide-in-from-bottom-2 animate-in fill-mode-both group flex items-start gap-3 rounded-xl border border-border/60 bg-background p-3.5 text-left shadow-sm transition-all duration-150 hover:border-border hover:bg-muted/40 hover:shadow-md`,
+      style: { animationDelay: `${100 + index2 * 75}ms` },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground transition-colors group-hover:bg-primary/10 group-hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-medium leading-snug text-foreground", children: suggestion.title }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground/0 transition-all group-hover:text-muted-foreground" })
+      ]
+    }
+  );
+};
+const AthenaChatWelcome = ({ welcomeMessage, welcomeSubtext, welcomeSuggestions }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-4", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both font-semibold text-2xl duration-200", children: welcomeMessage }),
+  welcomeSubtext && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-muted-foreground text-lg delay-75 duration-200", children: welcomeSubtext }),
+  welcomeSuggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 grid grid-cols-1 gap-2.5 sm:grid-cols-2", children: welcomeSuggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(SuggestionCard, { suggestion: s, index: i }, s.title)) })
+] }) }) });
+const AthenaChat = ({
+  className,
+  welcomeMessage = "Hello there!",
+  welcomeSubtext = "What can I help you with?",
+  maxWidth = "44rem",
+  turnAnchor = "bottom",
+  toolUIs,
+  mentionTools,
+  welcomeSuggestions = DEFAULT_SUGGESTIONS,
+  components,
+  groupToolCalls = false
+}) => {
+  var _a, _b, _c;
+  const athenaConfig = AthenaContext.useAthenaConfig();
+  const mentionAuth = react$1.useMemo(
+    () => ({
+      backendUrl: athenaConfig.backendUrl,
+      appUrl: athenaConfig.appUrl,
+      apiKey: athenaConfig.apiKey,
+      credentials: "include",
+      get accessToken() {
+        return athenaConfig.token ?? void 0;
+      }
+    }),
+    [athenaConfig]
+  );
+  const providerMentionTools = react$1.useMemo(() => {
+    const uniqueToolkitIds = Array.from(new Set(athenaConfig.enabledToolkits));
+    return uniqueToolkitIds.map((id) => {
+      const toolkit = index.getToolkitDisplayInfo(id);
+      return {
+        id: toolkit.id,
+        name: toolkit.name,
+        description: toolkit.description,
+        icon: toolkit.icon,
+        type: "toolkit"
+      };
+    });
+  }, [athenaConfig.enabledToolkits]);
+  const tools = mentionTools ?? providerMentionTools;
+  const mergedToolUIs = react$1.useMemo(
+    () => ({
+      append_markdown_to_athena_document: appendDocumentToolUi.AppendDocumentToolUI,
+      read_full_asset: readAssetToolUi.ReadAssetToolUI,
+      read_asset: readAssetToolUi.ReadAssetToolUI,
+      ...toolUis.TOOL_UI_REGISTRY,
+      ...toolUIs
+    }),
+    [toolUIs]
+  );
+  const textComponent = ((_a = components == null ? void 0 : components.messageParts) == null ? void 0 : _a.Text) ?? tiptapText.TiptapText;
+  const reasoningComponent = (_b = components == null ? void 0 : components.messageParts) == null ? void 0 : _b.Reasoning;
+  const emptyComponent = ((_c = components == null ? void 0 : components.messageParts) == null ? void 0 : _c.Empty) ?? AthenaAssistantMessageEmpty;
+  const actionBarComponent = (components == null ? void 0 : components.AssistantActionBar) ?? AthenaAssistantActionBar;
+  const defaultComponentsContextValue = react$1.useMemo(
+    () => ({
+      toolUIs: mergedToolUIs,
+      TextComponent: textComponent,
+      ReasoningComponent: reasoningComponent,
+      EmptyComponent: emptyComponent,
+      ActionBarComponent: actionBarComponent,
+      groupToolCalls
+    }),
+    [actionBarComponent, emptyComponent, groupToolCalls, mergedToolUIs, reasoningComponent, textComponent]
+  );
+  const AssistantMessageComponent = (components == null ? void 0 : components.AssistantMessage) ?? AthenaDefaultAssistantMessage;
+  const UserMessageComponent = (components == null ? void 0 : components.UserMessage) ?? AthenaDefaultUserMessage;
+  const messageComponents = react$1.useMemo(
+    () => ({
+      UserMessage: UserMessageComponent,
+      AssistantMessage: AssistantMessageComponent
+    }),
+    [AssistantMessageComponent, UserMessageComponent]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AthenaChatDefaultComponentsContext.Provider, { value: defaultComponentsContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaChatErrorBoundary.AthenaChatErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    chatThreadShell.ChatThreadShell,
+    {
+      overlay: /* @__PURE__ */ jsxRuntime.jsx(ThreadLoadingOverlay, {}),
+      panelClassName: cnfast.cn(
+        "aui-root aui-thread-root @container relative flex h-full flex-col bg-background",
+        className
+      ),
+      maxWidth,
+      turnAnchor,
+      viewportClassName: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth px-4 pt-4",
+      contentClassName: "flex w-full flex-1 flex-col",
+      viewportOverlay: /* @__PURE__ */ jsxRuntime.jsx(ThreadScrollToTop, {}),
+      welcome: /* @__PURE__ */ jsxRuntime.jsx(
+        AthenaChatWelcome,
+        {
+          welcomeMessage,
+          welcomeSubtext,
+          welcomeSuggestions
+        }
+      ),
+      beforeMessages: /* @__PURE__ */ jsxRuntime.jsx(statewireHistoryEdge.StatewireHistoryEdge, { className: "aui-thread-history-edge" }),
+      components: messageComponents,
+      runningIndicator: null,
+      scrollToBottom: /* @__PURE__ */ jsxRuntime.jsx(ThreadScrollToBottom, {}),
+      viewportFooterClassName: "aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6",
+      viewportFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(statewireBanners.StatewireConnectionBanner, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(statewireBanners.StatewireErrorBanner, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(StatewireApprovalCard.StatewireApprovalCard, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(StatewireQueuedMessages.StatewireQueuedMessages, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(AttachmentContext.AttachmentProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(QuoteContext.QuoteProvider, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(QuotePostMessageBridge, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(apiClient.MentionAuthCtx.Provider, { value: mentionAuth, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaChatComposer, { tools }) })
+        ] }) })
+      ] })
+    }
+  ) }) });
+};
+const ThreadLoadingOverlay = () => {
+  const remoteId = threadIdContext.useAthenaThreadId();
+  const [timedOut, setTimedOut] = react$1.useState(false);
+  react$1.useEffect(() => {
+    if (!remoteId) return;
+    setTimedOut(false);
+    const timer = setTimeout(() => setTimedOut(true), 15e3);
+    return () => clearTimeout(timer);
+  }, [remoteId]);
+  if (!remoteId || timedOut) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(react.AuiIf, { condition: (s) => s.thread.isEmpty, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background/80", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-5 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent" }) }) });
+};
+const THREAD_VIEWPORT_ATTR = "data-aui-thread-viewport";
+const useScrollToTop = () => {
+  const [isAtTop, setIsAtTop] = react$1.useState(true);
+  const [buttonEl, setButtonEl] = react$1.useState(null);
+  const containerRef = react$1.useCallback((node) => {
+    setButtonEl(node);
+  }, []);
+  const getViewport = react$1.useCallback(() => {
+    if (!buttonEl) return null;
+    return buttonEl.closest(`[${THREAD_VIEWPORT_ATTR}]`);
+  }, [buttonEl]);
+  react$1.useEffect(() => {
+    const viewport = getViewport();
+    if (!viewport) return;
+    const handleScroll = () => {
+      setIsAtTop(viewport.scrollTop <= 50);
+    };
+    handleScroll();
+    viewport.addEventListener("scroll", handleScroll, { passive: true });
+    return () => viewport.removeEventListener("scroll", handleScroll);
+  }, [getViewport]);
+  const handleClick = react$1.useCallback(() => {
+    const viewport = getViewport();
+    if (!viewport) return;
+    viewport.scrollTo({ top: 0, behavior: "smooth" });
+  }, [getViewport]);
+  return { isAtTop, containerRef, handleClick };
+};
+const ThreadScrollToTop = () => {
+  const { isAtTop, containerRef, handleClick } = useScrollToTop();
+  const isEmpty = react.useAuiState((s) => s.thread.isEmpty);
+  if (isEmpty) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 z-10 mx-auto flex h-0 w-full max-w-(--thread-max-width) justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+    tooltipIconButton.TooltipIconButton,
+    {
+      ref: containerRef,
+      tooltip: "Scroll to top",
+      variant: "outline",
+      className: cnfast.cn("aui-thread-scroll-to-top absolute top-2 rounded-full p-4 dark:bg-background dark:hover:bg-accent", isAtTop && "invisible"),
+      onClick: handleClick,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, {})
+    }
+  ) });
+};
+const ThreadScrollToBottom = () => /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  tooltipIconButton.TooltipIconButton,
+  {
+    tooltip: "Scroll to bottom",
+    variant: "outline",
+    className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent",
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, {})
+  }
+) });
+const AthenaComposerSendButton = ({
+  action,
+  onSend,
+  disabled,
+  title
+}) => {
+  const label = action === "queue" ? "Queue message" : "Send message";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tooltipIconButton.TooltipIconButton,
+    {
+      tooltip: title ?? label,
+      side: "bottom",
+      type: "button",
+      variant: "default",
+      size: "icon",
+      className: "aui-composer-send size-8 rounded-full",
+      "aria-label": label,
+      onClick: onSend,
+      disabled,
+      children: action === "queue" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListPlusIcon, { className: "aui-composer-send-icon size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
+    }
+  );
+};
+const AthenaComposerStopButton = ({ onStop, disabled, title }) => /* @__PURE__ */ jsxRuntime.jsx(
+  button.Button,
+  {
+    type: "button",
+    variant: "default",
+    size: "icon",
+    className: "aui-composer-cancel size-8 rounded-full",
+    "aria-label": "Stop generating",
+    title,
+    onClick: onStop,
+    disabled,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
+  }
+);
+const ATHENA_COMPOSER_COMPONENTS = {
+  SendButton: AthenaComposerSendButton,
+  StopButton: AthenaComposerStopButton
+};
+const ATHENA_CHAT_MENTION_CATEGORIES = [
+  "favorites",
+  "assets",
+  "projects",
+  "folders"
+];
+const AthenaChatComposer = ({ tools }) => {
+  const aui = react.useAui();
+  const threadId = threadIdContext.useAthenaStatewireThreadId();
+  const { appUrl } = AthenaContext.useAthenaConfig();
+  const { attachments, clearAttachments, isUploading } = AttachmentContext.useAttachments();
+  const { quote, clearQuote } = QuoteContext.useQuote();
+  const { attachFiles } = useAttachFiles.useAttachFiles();
+  const composerRef = react$1.useRef(null);
+  const [hasText, setHasText] = react$1.useState(false);
+  const rootCategories = react$1.useMemo(() => {
+    const categories = [...ATHENA_CHAT_MENTION_CATEGORIES];
+    if (tools.some((tool) => tool.type === "toolkit")) categories.push("toolkits");
+    if (tools.some((tool) => tool.type === "tool")) categories.push("tools");
+    return categories;
+  }, [tools]);
+  const attachmentsRef = react$1.useRef(attachments);
+  attachmentsRef.current = attachments;
+  const quoteRef = react$1.useRef(quote);
+  quoteRef.current = quote;
+  const hasExtras = attachments.length > 0 || quote !== null;
+  const isUploadingRef = react$1.useRef(isUploading);
+  isUploadingRef.current = isUploading;
+  const uploadWaitersRef = react$1.useRef([]);
+  react$1.useEffect(() => {
+    if (isUploading) return;
+    const waiters = uploadWaitersRef.current;
+    uploadWaitersRef.current = [];
+    for (const resolve of waiters) resolve();
+  }, [isUploading]);
+  const waitForHostUploads = react$1.useCallback(() => {
+    if (!isUploadingRef.current) return;
+    return new Promise((resolve) => {
+      uploadWaitersRef.current.push(resolve);
+    });
+  }, []);
+  const sendComposed = react$1.useCallback(
+    (userText) => {
+      const message = buildComposedMessage.buildComposedMessage({
+        attachments: attachmentsRef.current,
+        quote: quoteRef.current,
+        userText,
+        appUrl
+      });
+      if (!message) return false;
+      aui.composer.setText(message);
+      aui.composer.send({ steer: false });
+      clearAttachments();
+      clearQuote();
+      return true;
+    },
+    [appUrl, aui, clearAttachments, clearQuote]
+  );
+  const interceptSubmit = react$1.useCallback(
+    (text) => attachmentsRef.current.length > 0 || quoteRef.current !== null ? sendComposed(text) : false,
+    [sendComposed]
+  );
+  const fileIntake = react$1.useMemo(
+    () => ({
+      onPaste: (files) => {
+        void attachFiles(files, "paste");
+      }
+    }),
+    [attachFiles]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ComposerDropZone.ComposerDropZone, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    chatComposerDock.ChatComposerDock,
+    {
+      className: "",
+      surfaceClassName: "aui-composer-root relative flex w-full flex-col rounded-2xl border border-input bg-background px-1 pt-2 outline-none transition-shadow focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20",
+      editorRowClassName: "px-2.5",
+      toolbarClassName: "aui-composer-action-wrapper relative mx-2 mb-2 flex items-center",
+      beforeEditor: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ComposerQuotePreview.ComposerQuotePreview, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(ComposerAttachmentPreview.ComposerAttachmentPreview, {})
+      ] }),
+      editor: /* @__PURE__ */ jsxRuntime.jsx(
+        tiptapComposer.TiptapComposer,
+        {
+          ref: composerRef,
+          threadId,
+          placeholder: "Send a message...",
+          tools,
+          rootCategories,
+          onDraftStateChange: setHasText,
+          waitForHostUploads,
+          interceptSubmit,
+          fileIntake
+        }
+      ),
+      toolbarStart: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(FileUploadButton.FileUploadButton, {}) }),
+      toolbarEnd: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+        composerSendOrStop.ComposerSendOrStop,
+        {
+          composerRef,
+          hasDraft: hasText || hasExtras,
+          sendBlockedReason: isUploading ? "Upload in progress..." : null,
+          components: ATHENA_COMPOSER_COMPONENTS
+        }
+      ) })
+    }
+  ) });
+};
+const MessageError = () => /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Error, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 flex items-start gap-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm dark:bg-destructive/5 dark:text-red-200", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "mt-0.5 size-4 shrink-0" }),
+  /* @__PURE__ */ jsxRuntime.jsx(react.ErrorPrimitive.Message, { className: "aui-message-error-message grow" }),
+  /* @__PURE__ */ jsxRuntime.jsx(react.ActionBarPrimitive.Reload, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    button.Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "size-6 shrink-0 text-destructive hover:text-destructive dark:text-red-200 dark:hover:text-red-100",
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, { className: "size-3.5" })
+    }
+  ) })
+] }) });
+const AthenaAssistantMessageEmpty = ({ status }) => {
+  if ((status == null ? void 0 : status.type) !== "running") return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shimmer text-[13px] text-muted-foreground", children: "Thinking..." });
+};
+const AthenaMessageEmptyIndicator = ({
+  EmptyComponent
+}) => {
+  const hasParts = react.useAuiState((s) => s.message.parts.length > 0);
+  const isRunning = react.useAuiState((s) => {
+    var _a;
+    return ((_a = s.message.status) == null ? void 0 : _a.type) === "running";
+  });
+  if (hasParts || !isRunning) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyComponent, { status: { type: "running" } });
+};
+const AthenaMessageActivityIndicator = () => {
+  const isRunning = react.useAuiState((s) => {
+    var _a;
+    return ((_a = s.message.status) == null ? void 0 : _a.type) === "running";
+  });
+  const activityKey = react.useAuiState((s) => runActivity.runActivityKey(s.message.parts));
+  const [seconds, setSeconds] = react$1.useState(0);
+  react$1.useEffect(() => {
+    setSeconds(0);
+    if (!isRunning || activityKey === null) return;
+    const startedAt = Date.now();
+    const timer = setInterval(() => {
+      setSeconds(Math.floor((Date.now() - startedAt) / 1e3));
+    }, 1e3);
+    return () => clearInterval(timer);
+  }, [isRunning, activityKey]);
+  if (!isRunning || activityKey === null) return null;
+  const stalled = seconds >= runActivity.RUN_ACTIVITY_STALL_SECONDS;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-run-activity mt-2 flex items-center gap-2 px-1 text-[12px] text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:0ms]" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:150ms]" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:300ms]" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: stalled ? "text-amber-600 dark:text-amber-400" : void 0, children: runActivity.runActivityLabel(seconds) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: "sr-only", children: stalled ? "Assistant is still working; nothing new for over thirty seconds." : "Assistant is working." })
+  ] });
+};
+const AthenaReasoningPart = ({
+  text,
+  status,
+  TextComponent
+}) => {
+  const inheritedTextComponent = react$1.useContext(AthenaReasoningTextComponentContext);
+  const EffectiveTextComponent = TextComponent ?? inheritedTextComponent ?? tiptapText.TiptapText;
+  const isMessageRunning = react.useAuiState((state) => {
+    var _a;
+    return ((_a = state.message.status) == null ? void 0 : _a.type) === "running";
+  });
+  const reasoningTokens = react.useAuiState(
+    (state) => getReasoningTokensFromMetadata(state.message.metadata)
+  );
+  const isRunning = isMessageRunning || (status == null ? void 0 : status.type) === "running";
+  const [isCollapsed, setIsCollapsed] = react$1.useState(!isRunning);
+  const userOverrodeOpenStateRef = react$1.useRef(false);
+  const hasText = text.trim().length > 0;
+  const reasoningTextProps = {
+    type: "text",
+    text,
+    status: isRunning ? { type: "running" } : status
+  };
+  react$1.useEffect(() => {
+    if (userOverrodeOpenStateRef.current) {
+      return;
+    }
+    setIsCollapsed(!isRunning);
+  }, [isRunning]);
+  if (!hasText && !isRunning) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    collapsible.Collapsible,
+    {
+      open: !isCollapsed,
+      onOpenChange: (open) => {
+        userOverrodeOpenStateRef.current = true;
+        setIsCollapsed(!open);
+      },
+      className: "aui-assistant-reasoning-root mb-3 rounded-2xl border border-border/60 bg-muted/30 px-3 py-2",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "flex w-full items-center justify-between gap-3 text-left",
+            "aria-label": isRunning ? "Toggle reasoning while streaming" : "Toggle reasoning",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2 text-[13px] font-medium text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BrainIcon, { className: "size-4 shrink-0" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: isRunning ? "Reasoning..." : "Reasoning" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center gap-2", children: [
+                reasoningTokens !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full border border-border/60 bg-background px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: formatReasoningTokens(reasoningTokens) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: cnfast.cn(
+                      "flex size-5 items-center justify-center text-muted-foreground transition-transform",
+                      isCollapsed ? "rotate-0" : "rotate-90"
+                    ),
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "size-4" })
+                  }
+                )
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "pt-3", children: isRunning && !hasText ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shimmer text-[13px] text-muted-foreground", children: "Analyzing..." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-assistant-reasoning-body text-[13px] leading-relaxed", children: /* @__PURE__ */ jsxRuntime.jsx(EffectiveTextComponent, { ...reasoningTextProps }) }) })
+      ]
+    }
+  );
+};
+const noToolGrouping = () => null;
+const AthenaAssistantMessage = ({
+  toolUIs,
+  TextComponent = tiptapText.TiptapText,
+  ReasoningComponent,
+  EmptyComponent = AthenaAssistantMessageEmpty,
+  ActionBarComponent = AthenaAssistantActionBar,
+  groupToolCalls = false
+}) => {
+  const effectiveReasoningComponent = ReasoningComponent ?? AthenaReasoningPart;
+  const toolUIsWithNestedMessages = react$1.useMemo(() => {
+    const wrappedToolUIs = {};
+    for (const [toolName, ToolUI] of Object.entries(toolUIs)) {
+      wrappedToolUIs[toolName] = withNestedPtcMessages(ToolUI);
+    }
+    return wrappedToolUIs;
+  }, [toolUIs]);
+  const nestedPtcComponents = react$1.useMemo(
+    () => ({
+      Text: TextComponent,
+      Reasoning: effectiveReasoningComponent,
+      tools: {
+        Fallback: toolFallback.ToolFallback,
+        by_name: toolUIsWithNestedMessages
+      },
+      Empty: EmptyComponent
+    }),
+    [EmptyComponent, TextComponent, effectiveReasoningComponent, toolUIsWithNestedMessages]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.MessagePrimitive.Root,
+    {
+      className: "aui-assistant-message-root fade-in slide-in-from-bottom-1 relative mx-auto w-full max-w-(--thread-max-width) animate-in py-3 duration-150",
+      "data-role": "assistant",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AthenaReasoningTextComponentContext.Provider, { value: TextComponent, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(NestedPtcMessages.NestedPtcComponentsProvider, { components: nestedPtcComponents, children: groupToolCalls ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              SuperGroupingCard.SuperGroupingCard,
+              {
+                toolUIs: toolUIsWithNestedMessages,
+                TextComponent,
+                ReasoningComponent: effectiveReasoningComponent
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(SuperGroupingCard.SuperGroupingFinalText, { TextComponent }),
+            /* @__PURE__ */ jsxRuntime.jsx(AthenaMessageActivityIndicator, {})
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AthenaMessageEmptyIndicator, { EmptyComponent }),
+            /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.GroupedParts, { groupBy: noToolGrouping, children: ({ part }) => {
+              var _a;
+              switch (part.type) {
+                case "tool-call": {
+                  const ToolUI = toolUIsWithNestedMessages[part.toolName];
+                  const toolProps = part;
+                  return ToolUI ? /* @__PURE__ */ jsxRuntime.jsx(ToolUI, { ...toolProps }) : /* @__PURE__ */ jsxRuntime.jsx(toolFallback.ToolFallback, { ...toolProps });
+                }
+                case "reasoning": {
+                  const ReasoningRenderer = effectiveReasoningComponent;
+                  return /* @__PURE__ */ jsxRuntime.jsx(ReasoningRenderer, { ...part });
+                }
+                case "text": {
+                  const textPart = part;
+                  if (textPart.text === "" && ((_a = textPart.status) == null ? void 0 : _a.type) === "running") {
+                    return /* @__PURE__ */ jsxRuntime.jsx(EmptyComponent, { status: textPart.status });
+                  }
+                  return /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { ...textPart });
+                }
+                default:
+                  return null;
+              }
+            } }),
+            /* @__PURE__ */ jsxRuntime.jsx(AthenaMessageActivityIndicator, {})
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(MessageError, {})
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-assistant-message-footer mt-1 ml-2 flex", children: /* @__PURE__ */ jsxRuntime.jsx(ActionBarComponent, {}) })
+      ]
+    }
+  );
+};
+const AthenaAssistantActionBar = ({ className }) => {
+  const threadId = threadIdContext.useAthenaThreadId();
+  const { appUrl } = AthenaContext.useAthenaConfig();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.ActionBarPrimitive.Root,
+    {
+      hideWhenRunning: true,
+      autohide: "not-last",
+      className: cnfast.cn("aui-assistant-action-bar-root -ml-1 flex gap-1 text-muted-foreground", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react.ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltipIconButton.TooltipIconButton, { tooltip: "Copy", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.AuiIf, { condition: (s) => s.message.isCopied, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.AuiIf, { condition: (s) => !s.message.isCopied, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, {}) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(react.ActionBarMorePrimitive.Root, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.ActionBarMorePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { tooltip: "More", className: "data-[state=open]:bg-accent", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, {}) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            react.ActionBarMorePrimitive.Content,
+            {
+              side: "bottom",
+              align: "start",
+              className: "aui-action-bar-more-content z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(react.ActionBarPrimitive.ExportMarkdown, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(react.ActionBarMorePrimitive.Item, { className: "aui-action-bar-more-item flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, { className: "size-4" }),
+                  "Export as Markdown"
+                ] }) }),
+                threadId && /* @__PURE__ */ jsxRuntime.jsxs(
+                  react.ActionBarMorePrimitive.Item,
+                  {
+                    className: "aui-action-bar-more-item flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+                    onClick: () => {
+                      window.open(athenaUrls.createAthenaSpacesUrl({ appUrl, sessionId: threadId }), "_blank");
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "size-4" }),
+                      "Open in Athena"
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+const AthenaUserMessage = ({
+  TextComponent = tiptapText.TiptapText
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  react.MessagePrimitive.Root,
+  {
+    className: "aui-user-message-root fade-in slide-in-from-bottom-1 mx-auto flex w-full max-w-(--thread-max-width) animate-in justify-end px-2 py-3 duration-150",
+    "data-role": "user",
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-user-message-content wrap-break-word rounded-2xl bg-muted px-4 py-2.5 text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Parts, { components: { Text: TextComponent } }) })
+  }
+);
+exports.AthenaAssistantActionBar = AthenaAssistantActionBar;
+exports.AthenaAssistantMessage = AthenaAssistantMessage;
+exports.AthenaChat = AthenaChat;
+exports.AthenaReasoningPart = AthenaReasoningPart;
+exports.AthenaUserMessage = AthenaUserMessage;
+//# sourceMappingURL=AthenaChat.cjs.map