@athenaintel/react 0.9.0 → 0.9.2

package/dist/index.cjs

@@ -16505,8 +16505,10 @@ function useParentBridge() {
         setState((prev) => ({
           ...prev,
           apiUrl: typeof event.data.apiUrl === "string" ? event.data.apiUrl : prev.apiUrl,
-          backendUrl: typeof event.data.backendUrl === "string" ? event.data.backendUrl : prev.backendUrl,
-          ready: true
+          backendUrl: typeof event.data.backendUrl === "string" ? event.data.backendUrl : prev.backendUrl
+          // Don't set ready here — wait for athena-auth (token) or the timeout.
+          // Setting ready on config alone causes a race: the thread list fires
+          // before the token arrives, falling back to X-API-KEY.
         }));
       }
       if (event.data.type === "athena-auth" && typeof event.data.token === "string") {
@@ -16524,9 +16526,7 @@ function useParentBridge() {
       readySignalSent.current = true;
     }
     const timer = setTimeout(() => {
-      if (!configReceived.current) {
-        setState((prev) => ({ ...prev, ready: true }));
-      }
+      setState((prev) => prev.ready ? prev : { ...prev, ready: true });
     }, BRIDGE_TIMEOUT_MS);
     return () => {
       window.removeEventListener("message", handler);
@@ -24314,6 +24314,9 @@ function useAthenaThreadListAdapter(config2) {
   );
   return React.useMemo(() => ({
     async list() {
+      if (!auth.token) {
+        return { threads: [] };
+      }
       try {
         const { threads } = await listThreads(configRef.current.backendUrl, auth);
         return {
@@ -24355,6 +24358,10 @@ function useAthenaThreadListAdapter(config2) {
     unstable_Provider
   }), [auth, unstable_Provider]);
 }
+const ThreadListRefreshContext = React.createContext(null);
+function useRefreshThreadList() {
+  return React.useContext(ThreadListRefreshContext);
+}
 const THEME_TO_CSS = {
   primary: "--primary",
   primaryForeground: "--primary-foreground",
@@ -24641,13 +24648,21 @@ function AthenaWithThreadList({
     runtimeHook,
     adapter
   });
+  const handleRefresh = React.useCallback(() => {
+    var _a2;
+    const core = (_a2 = runtime == null ? void 0 : runtime._core) == null ? void 0 : _a2.threads;
+    if (core) {
+      core._loadThreadsPromise = void 0;
+      core.__internal_load();
+    }
+  }, [runtime]);
   const auiTools = React.useMemo(() => Tools({ toolkit: frontendTools }), [frontendTools]);
   const aui = useAui({ tools: auiTools });
   const athenaConfig = React.useMemo(
     () => ({ backendUrl, apiKey, token }),
     [backendUrl, apiKey, token]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsxRuntime.jsx(ThreadListRefreshContext.Provider, { value: handleRefresh, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children }) }) }) });
 }
 function AthenaProvider({
   children,
@@ -60811,40 +60826,40 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$L = [
+const __iconNode$M = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$L);
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$M);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$K = [
+const __iconNode$L = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$K);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$L);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$J = [
+const __iconNode$K = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$J);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$K);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$I = [
+const __iconNode$J = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -60854,14 +60869,14 @@ const __iconNode$I = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$I);
+const BookOpen = createLucideIcon("book-open", __iconNode$J);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$H = [
+const __iconNode$I = [
   ["path", { d: "M12 18V5", key: "adv99a" }],
   ["path", { d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4", key: "1e3is1" }],
   ["path", { d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5", key: "1gqd8o" }],
@@ -60871,71 +60886,85 @@ const __iconNode$H = [
   ["path", { d: "M6 18a4 4 0 0 1-2-7.464", key: "k1g0md" }],
   ["path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77", key: "q97ue3" }]
 ];
-const Brain = createLucideIcon("brain", __iconNode$H);
+const Brain = createLucideIcon("brain", __iconNode$I);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$G = [
+const __iconNode$H = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "M18 17V9", key: "2bz60n" }],
   ["path", { d: "M13 17V5", key: "1frdt8" }],
   ["path", { d: "M8 17v-3", key: "17ska0" }]
 ];
-const ChartColumn = createLucideIcon("chart-column", __iconNode$G);
+const ChartColumn = createLucideIcon("chart-column", __iconNode$H);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$F = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$F);
+const __iconNode$G = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$G);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$E = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$E);
+const __iconNode$F = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$F);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$D = [
+const __iconNode$E = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$D);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$E);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$C = [
+const __iconNode$D = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$C);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$D);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$B = [
+const __iconNode$C = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$B);
+const CircleX = createLucideIcon("circle-x", __iconNode$C);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$B = [
+  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
+  ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2", key: "4jdomd" }],
+  ["path", { d: "M16 4h2a2 2 0 0 1 2 2v4", key: "3hqy98" }],
+  ["path", { d: "M21 14H11", key: "1bme5i" }],
+  ["path", { d: "m15 10-4 4 4 4", key: "5dvupr" }]
+];
+const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$B);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -61902,6 +61931,46 @@ function ToolFallbackError({
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-destructive/80", children: errorText })
   ] });
 }
+function CopyToolSpec({
+  toolName,
+  argsText,
+  result
+}) {
+  const [copied, setCopied] = React.useState(false);
+  const handleCopy = React.useCallback(() => {
+    const spec = { tool_name: toolName };
+    if (argsText) {
+      const parsed = tryParseJson$2(argsText);
+      spec.arguments = parsed ?? argsText;
+    }
+    if (result !== void 0) {
+      if (typeof result === "string") {
+        const parsed = tryParseJson$2(result);
+        spec.result = parsed ?? result;
+      } else {
+        spec.result = result;
+      }
+    }
+    const text2 = JSON.stringify(spec, null, 2);
+    navigator.clipboard.writeText(text2).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }, [toolName, argsText, result]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      className: "flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-muted-foreground/50 transition-colors hover:bg-muted/50 hover:text-muted-foreground",
+      title: "Copy tool name, arguments, and result as JSON",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ClipboardCopy, { className: "size-2.5" }),
+        copied ? "Copied" : toolName
+      ]
+    }
+  );
+}
 function AssetToolCard({
   toolName,
   argsText,
@@ -61993,7 +62062,8 @@ function AssetToolCard({
     (status == null ? void 0 : status.type) === "incomplete" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(ToolFallbackError, { status }) }),
     detailsOpen && !isCancelled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2.5 flex flex-col gap-2 border-t border-border/50 px-3 pt-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ToolFallbackArgs, { argsText }),
-      /* @__PURE__ */ jsxRuntime.jsx(ToolFallbackResult, { result })
+      /* @__PURE__ */ jsxRuntime.jsx(ToolFallbackResult, { result }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end pt-1", children: /* @__PURE__ */ jsxRuntime.jsx(CopyToolSpec, { toolName, argsText, result }) })
     ] })
   ] });
 }
@@ -62054,7 +62124,8 @@ const ToolFallbackImpl = ({
               className: cn(isCancelled && "opacity-60")
             }
           ),
-          !isCancelled && /* @__PURE__ */ jsxRuntime.jsx(ToolFallbackResult, { result })
+          !isCancelled && /* @__PURE__ */ jsxRuntime.jsx(ToolFallbackResult, { result }),
+          !isCancelled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end px-3 pt-1", children: /* @__PURE__ */ jsxRuntime.jsx(CopyToolSpec, { toolName, argsText, result }) })
         ] })
       ]
     }
@@ -64309,10 +64380,23 @@ const AthenaLayout = ({
   ] });
 };
 function ThreadList({ className }) {
+  const refresh = useRefreshThreadList();
   return /* @__PURE__ */ jsxRuntime.jsxs(ThreadListPrimitiveRoot, { className: cn("flex flex-col gap-1", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ThreadListPrimitiveNew, { className: "flex items-center gap-2 rounded-lg border border-border/60 px-3 py-2 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Plus, { className: "size-4" }),
-      "New Chat"
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ThreadListPrimitiveNew, { className: "flex flex-1 items-center gap-2 rounded-lg border border-border/60 px-3 py-2 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Plus, { className: "size-4" }),
+        "New Chat"
+      ] }),
+      refresh && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: refresh,
+          className: "flex items-center justify-center rounded-lg border border-border/60 p-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          title: "Refresh threads",
+          children: /* @__PURE__ */ jsxRuntime.jsx(RefreshCw, { className: "size-4" })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
       ThreadListPrimitiveItems,
@@ -64500,4 +64584,5 @@ exports.useMentionSuggestions = useMentionSuggestions;
 exports.useParentAuth = useParentAuth;
 exports.useParentBridge = useParentBridge;
 exports.useQuote = useQuote;
+exports.useRefreshThreadList = useRefreshThreadList;
 //# sourceMappingURL=index.cjs.map