@athenaintel/react 0.6.5 → 0.6.6

package/dist/index.cjs

@@ -61316,7 +61316,6 @@ const TOOL_META = {
   execute_presentation_code: { displayName: "Generating slides", icon: Monitor },
   // Code & Data
   run_python_code: { displayName: "Running analysis", icon: Code },
-  // Debug: temporarily log all tool names hitting the fallback
   run_sql_query_tool: { displayName: "Querying data", icon: Database },
   create_database: { displayName: "Setting up database", icon: Database },
   run_database_sql: { displayName: "Querying database", icon: Database },
@@ -62605,23 +62604,28 @@ function parsePythonResult(result) {
   const createdAssets = Array.isArray(data.created_assets) ? data.created_assets : [];
   return { stdout, stderr, value, error: error2, exception, imagePng, plotlyJson, createdAssets };
 }
+function getPlotly() {
+  return window.Plotly;
+}
 let plotlyLoadPromise = null;
 function ensurePlotlyLoaded() {
-  if (window.Plotly) return Promise.resolve();
+  if (getPlotly()) return Promise.resolve();
   if (plotlyLoadPromise) return plotlyLoadPromise;
   plotlyLoadPromise = new Promise((resolve, reject) => {
     const script = document.createElement("script");
     script.src = "https://cdn.plot.ly/plotly-2.35.2.min.js";
+    script.crossOrigin = "anonymous";
     script.onload = () => resolve();
     script.onerror = () => {
       plotlyLoadPromise = null;
+      document.head.removeChild(script);
       reject(new Error("Failed to load Plotly"));
     };
     document.head.appendChild(script);
   });
   return plotlyLoadPromise;
 }
-const PlotlyChart = ({ json }) => {
+const PlotlyChart = ({ json, height = 500 }) => {
   const chartRef = React.useRef(null);
   const [error2, setError] = React.useState(null);
   React.useEffect(() => {
@@ -62629,7 +62633,8 @@ const PlotlyChart = ({ json }) => {
     ensurePlotlyLoaded().then(() => {
       if (cancelled || !chartRef.current) return;
       const parsed = JSON.parse(json);
-      const Plotly = window.Plotly;
+      const Plotly = getPlotly();
+      if (!Plotly) return;
       Plotly.newPlot(
         chartRef.current,
         parsed.data || [],
@@ -62642,15 +62647,58 @@ const PlotlyChart = ({ json }) => {
     return () => {
       cancelled = true;
       if (chartRef.current) {
-        const Plotly = window.Plotly;
-        if (Plotly == null ? void 0 : Plotly.purge) Plotly.purge(chartRef.current);
+        const Plotly = getPlotly();
+        if (Plotly) Plotly.purge(chartRef.current);
       }
     };
   }, [json]);
   if (error2) {
     return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: error2 });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: chartRef, className: "w-full overflow-hidden", style: { height: 500 } });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: chartRef, className: "w-full overflow-hidden", style: { height } });
+};
+const PlotlyChartSection = ({ json }) => {
+  const [isFullscreen, setIsFullscreen] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ChartColumn, { className: "size-3 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Interactive chart" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsFullscreen(true),
+            className: "flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            title: "View full screen",
+            children: /* @__PURE__ */ jsxRuntime.jsx(Maximize2, { className: "size-3.5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(PlotlyChart, { json })
+    ] }),
+    isFullscreen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-[9999] flex flex-col bg-background", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-3 border-b border-border", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ChartColumn, { className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Interactive chart" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsFullscreen(false),
+            className: "flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            title: "Close full screen",
+            children: /* @__PURE__ */ jsxRuntime.jsx(X, { className: "size-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 p-4", children: /* @__PURE__ */ jsxRuntime.jsx(PlotlyChart, { json, height: "100%" }) })
+    ] })
+  ] });
 };
 const SyntaxHighlightedCode = React.memo(({ code: code2 }) => {
   const highlighted = React.useMemo(() => highlightPython(code2), [code2]);
@@ -62867,13 +62915,7 @@ const RunPythonCodeToolUIImpl = ({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-md bg-destructive/5 p-2 text-[11px] leading-relaxed font-mono text-destructive/80", children: ((_a2 = parsed.exception) == null ? void 0 : _a2.traceback) ?? parsed.error })
         ] }),
-        isComplete && hasPlotly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ChartColumn, { className: "size-3 text-muted-foreground" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Interactive chart" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(PlotlyChart, { json: parsed.plotlyJson })
-        ] }),
+        isComplete && hasPlotly && /* @__PURE__ */ jsxRuntime.jsx(PlotlyChartSection, { json: parsed.plotlyJson }),
         isComplete && hasImage && !hasPlotly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Image, { className: "size-3 text-muted-foreground" }),
@@ -63190,7 +63232,7 @@ const AthenaChat = ({
               /* @__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 }),
-                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 }, i)) })
+                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)) })
               ] }) }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 ThreadPrimitiveMessages,
@@ -63217,7 +63259,14 @@ const AthenaChat = ({
 };
 const ThreadLoadingOverlay = () => {
   const remoteId = useAthenaThreadId();
-  if (!remoteId) return null;
+  const [timedOut, setTimedOut] = React.useState(false);
+  React.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(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 ThreadScrollToBottom = () => /* @__PURE__ */ jsxRuntime.jsx(ThreadPrimitiveScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(