@athenaintel/react 0.9.17 → 0.9.19

package/dist/index.cjs

@@ -24317,6 +24317,22 @@ const useAthenaRuntime = (config2) => {
   tokenRef.current = token;
   const apiKeyRef = React.useRef(apiKey);
   apiKeyRef.current = apiKey;
+  const runConfigRef = React.useRef({
+    enabledTools,
+    agent: agent2,
+    model,
+    workbench,
+    knowledgeBase,
+    systemPrompt
+  });
+  runConfigRef.current = {
+    enabledTools,
+    agent: agent2,
+    model,
+    workbench,
+    knowledgeBase,
+    systemPrompt
+  };
   const isExistingThread = !!threadIdProp;
   const runtime = useAssistantTransportRuntime({
     initialState: { messages: [] },
@@ -24415,16 +24431,17 @@ const useAthenaRuntime = (config2) => {
         return true;
       },
       get runConfig() {
+        const currentRunConfig = runConfigRef.current;
         return {
           custom: {
-            enabled_tools: enabledTools,
-            agent: agent2,
-            model,
+            enabled_tools: currentRunConfig.enabledTools,
+            agent: currentRunConfig.agent,
+            model: currentRunConfig.model,
             effort_dial_duration: -1,
             plan_mode_enabled: false,
-            workbench,
-            knowledge_base: knowledgeBase,
-            ...systemPrompt ? { system_prompt: systemPrompt } : {}
+            workbench: currentRunConfig.workbench,
+            knowledge_base: currentRunConfig.knowledgeBase,
+            ...currentRunConfig.systemPrompt ? { system_prompt: currentRunConfig.systemPrompt } : {}
           },
           persistToolInvocationLogs: true
         };
@@ -64905,7 +64922,9 @@ const AthenaChat = ({
           {
             turnAnchor: "top",
             className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth px-4 pt-4",
+            "data-aui-thread-viewport": "",
             children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ThreadScrollToTop, {}),
               /* @__PURE__ */ jsxRuntime.jsx(AuiIf, { condition: (s) => s.thread.isEmpty, children: /* @__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 }),
@@ -64951,6 +64970,50 @@ const ThreadLoadingOverlay = () => {
   if (!remoteId || timedOut) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(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.useState(true);
+  const [buttonEl, setButtonEl] = React.useState(null);
+  const containerRef = React.useCallback((node) => {
+    setButtonEl(node);
+  }, []);
+  const getViewport = React.useCallback(() => {
+    if (!buttonEl) return null;
+    return buttonEl.closest(`[${THREAD_VIEWPORT_ATTR}]`);
+  }, [buttonEl]);
+  React.useEffect(() => {
+    const viewport = getViewport();
+    if (!viewport) return;
+    const handleScroll2 = () => {
+      setIsAtTop(viewport.scrollTop <= 50);
+    };
+    handleScroll2();
+    viewport.addEventListener("scroll", handleScroll2, { passive: true });
+    return () => viewport.removeEventListener("scroll", handleScroll2);
+  }, [getViewport]);
+  const handleClick2 = React.useCallback(() => {
+    const viewport = getViewport();
+    if (!viewport) return;
+    viewport.scrollTo({ top: 0, behavior: "smooth" });
+  }, [getViewport]);
+  return { isAtTop, containerRef, handleClick: handleClick2 };
+};
+const ThreadScrollToTop = () => {
+  const { isAtTop, containerRef, handleClick: handleClick2 } = useScrollToTop();
+  const isEmpty3 = useAuiState((s) => s.thread.isEmpty);
+  if (isEmpty3) 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,
+    {
+      ref: containerRef,
+      tooltip: "Scroll to top",
+      variant: "outline",
+      className: cn("aui-thread-scroll-to-top absolute top-2 rounded-full p-4 dark:bg-background dark:hover:bg-accent", isAtTop && "invisible"),
+      onClick: handleClick2,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ArrowUp, {})
+    }
+  ) });
+};
 const ThreadScrollToBottom = () => /* @__PURE__ */ jsxRuntime.jsx(ThreadPrimitiveScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
   TooltipIconButton,
   {