@athenaintel/react 0.11.1 → 0.11.3

package/dist/index.js

@@ -33,7 +33,7 @@ import { runsMaterialize, StatewireThread, useStatewireSendCommand, useStatewire
 import { useAuiState } from "@assistant-ui/store";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
-const version$1 = "0.11.1";
+const version$1 = "0.11.3";
 const packageJson = {
   version: version$1
 };
@@ -11549,7 +11549,7 @@ const sanitizeConnectionMessage = (message) => {
   }).join("").replace(/\s+/g, " ").trim();
   return printable ? printable.slice(0, 200) : void 0;
 };
-function projectDeepAgentConnection(connection) {
+function projectDeepAgentConnection(connection, { awaitingFirstSend = false } = {}) {
   if (connection.status === "reconnecting") {
     const message = connection.message === void 0 ? void 0 : sanitizeConnectionMessage(connection.message);
     return {
@@ -11566,6 +11566,7 @@ function projectDeepAgentConnection(connection) {
       ...message !== void 0 && { message }
     };
   }
+  if (connection.status === "connecting" && awaitingFirstSend) return { status: "ready" };
   return { status: connection.status };
 }
 const buildOptimisticHumanContent = (parts) => {
@@ -11990,6 +11991,9 @@ function useDeepAgentThread({
   const preloadRef = useRef({ threadId, preload: isNewChat });
   if (preloadRef.current.threadId !== threadId)
     preloadRef.current = { threadId, preload: isNewChat };
+  const awaitingFirstSendRef = useRef({ threadId, awaiting: isNewChat });
+  if (awaitingFirstSendRef.current.threadId !== threadId)
+    awaitingFirstSendRef.current = { threadId, awaiting: isNewChat };
   return StatewireThread({
     // New threads preload an empty runs mount and project "ready" — the
     // composer is interactive before the stream attaches and pre-attach sends
@@ -12049,7 +12053,7 @@ function useDeepAgentThread({
     // former `runs: true` opt-in is gone) — the converter only maps app-owned
     // keys, including the `run/stop` runId stamp the lib projects itself.
     converter: (state, meta) => {
-      var _a3, _b2;
+      var _a3, _b2, _c2, _d2;
       if (authDenialRef.current.attachId !== attachIdRef.current) {
         authDenialRef.current = {
           attachId: attachIdRef.current,
@@ -12068,7 +12072,15 @@ function useDeepAgentThread({
           );
         });
       }
-      const connection = projectDeepAgentConnection(meta.connection);
+      if (awaitingFirstSendRef.current.awaiting && ((((_a3 = state == null ? void 0 : state.runs) == null ? void 0 : _a3.length) ?? 0) > 0 || (((_b2 = state == null ? void 0 : state.messages) == null ? void 0 : _b2.length) ?? 0) > 0)) {
+        awaitingFirstSendRef.current = {
+          threadId: awaitingFirstSendRef.current.threadId,
+          awaiting: false
+        };
+      }
+      const connection = projectDeepAgentConnection(meta.connection, {
+        awaitingFirstSend: awaitingFirstSendRef.current.awaiting
+      });
       const previous = lastConnectionRef.current;
       if ((previous == null ? void 0 : previous.threadId) !== attachId || previous.connection.status !== connection.status || previous.connection.cause !== connection.cause || previous.connection.message !== connection.message || previous.connection.attempt !== connection.attempt) {
         const update = { threadId: attachId, connection };
@@ -12079,7 +12091,7 @@ function useDeepAgentThread({
           (_a4 = onConnectionChangeRef.current) == null ? void 0 : _a4.call(onConnectionChangeRef, connection);
         });
       }
-      return converter(state, ((_b2 = (_a3 = state == null ? void 0 : state.runs) == null ? void 0 : _a3[0]) == null ? void 0 : _b2.status) === "running");
+      return converter(state, ((_d2 = (_c2 = state == null ? void 0 : state.runs) == null ? void 0 : _c2[0]) == null ? void 0 : _d2.status) === "running");
     },
     // Makes the server's dispatch record concrete in state (after the
     // optimistic folds); the lib's post-converter dispatch merge turns off.
@@ -16523,6 +16535,9 @@ function TooltipContent({
       "data-slot": "tooltip-content",
       sideOffset,
       className: cn(
+        // Portaled outside the provider wrapper — carries the SDK scope
+        // classes itself so tokens and the scoped reset still apply.
+        "athena-sdk athena-sdk-chrome",
         "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
         className
       ),
@@ -20982,10 +20997,14 @@ function AthenaProvider({
     );
   }
   let result = /* @__PURE__ */ jsx(PostHogProvider, { config: posthogConfig, children: inner });
-  if (themeStyleVars) {
-    result = /* @__PURE__ */ jsx("div", { className: "athena-themed", style: themeStyleVars, children: result });
-  }
-  return result;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: themeStyleVars ? "athena-sdk athena-themed" : "athena-sdk",
+      style: themeStyleVars,
+      children: result
+    }
+  );
 }
 function OrderedMap(content) {
   this.content = content;
@@ -51595,63 +51614,63 @@ 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$1d = [
+const __iconNode$1e = [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
 ];
-const Archive = createLucideIcon("archive", __iconNode$1d);
+const Archive = createLucideIcon("archive", __iconNode$1e);
 /**
  * @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$1c = [
+const __iconNode$1d = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$1c);
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$1d);
 /**
  * @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$1b = [
+const __iconNode$1c = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1b);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1c);
 /**
  * @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$1a = [
+const __iconNode$1b = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1a);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1b);
 /**
  * @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$19 = [
+const __iconNode$1a = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$19);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$1a);
 /**
  * @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$18 = [
+const __iconNode$19 = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -51661,14 +51680,14 @@ const __iconNode$18 = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$18);
+const BookOpen = createLucideIcon("book-open", __iconNode$19);
 /**
  * @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$17 = [
+const __iconNode$18 = [
   [
     "path",
     {
@@ -51700,14 +51719,14 @@ const __iconNode$17 = [
   ["path", { d: "m12 8 4.74-2.85", key: "3rx089" }],
   ["path", { d: "M12 13.5V8", key: "1io7kd" }]
 ];
-const Boxes = createLucideIcon("boxes", __iconNode$17);
+const Boxes = createLucideIcon("boxes", __iconNode$18);
 /**
  * @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$16 = [
+const __iconNode$17 = [
   ["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" }],
@@ -51717,27 +51736,27 @@ const __iconNode$16 = [
   ["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$16);
+const Brain = createLucideIcon("brain", __iconNode$17);
 /**
  * @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$15 = [
+const __iconNode$16 = [
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2", key: "1ksdt3" }],
   ["path", { d: "M22 13a18.15 18.15 0 0 1-20 0", key: "12hx5q" }],
   ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
 ];
-const BriefcaseBusiness = createLucideIcon("briefcase-business", __iconNode$15);
+const BriefcaseBusiness = createLucideIcon("briefcase-business", __iconNode$16);
 /**
  * @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$14 = [
+const __iconNode$15 = [
   [
     "path",
     { d: "M17 19a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1z", key: "trhst0" }
@@ -51752,27 +51771,27 @@ const __iconNode$14 = [
   ],
   ["path", { d: "M7 5V3", key: "1t1388" }]
 ];
-const Cable = createLucideIcon("cable", __iconNode$14);
+const Cable = createLucideIcon("cable", __iconNode$15);
 /**
  * @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$13 = [
+const __iconNode$14 = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$13);
+const Calendar = createLucideIcon("calendar", __iconNode$14);
 /**
  * @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$12 = [
+const __iconNode$13 = [
   [
     "path",
     {
@@ -51782,211 +51801,211 @@ const __iconNode$12 = [
   ],
   ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
 ];
-const Camera = createLucideIcon("camera", __iconNode$12);
+const Camera = createLucideIcon("camera", __iconNode$13);
 /**
  * @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$11 = [
+const __iconNode$12 = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "M7 16h8", key: "srdodz" }],
   ["path", { d: "M7 11h12", key: "127s9w" }],
   ["path", { d: "M7 6h3", key: "w9rmul" }]
 ];
-const ChartBar = createLucideIcon("chart-bar", __iconNode$11);
+const ChartBar = createLucideIcon("chart-bar", __iconNode$12);
 /**
  * @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$10 = [
+const __iconNode$11 = [
   ["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$10);
+const ChartColumn = createLucideIcon("chart-column", __iconNode$11);
 /**
  * @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$$ = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$$);
+const __iconNode$10 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$10);
 /**
  * @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$_ = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$_);
+const __iconNode$$ = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$$);
 /**
  * @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$Z = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$Z);
+const __iconNode$_ = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$_);
 /**
  * @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$Y = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$Y);
+const __iconNode$Z = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$Z);
 /**
  * @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$X = [
+const __iconNode$Y = [
   ["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$X);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$Y);
 /**
  * @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$W = [
+const __iconNode$X = [
   ["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$W);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$X);
 /**
  * @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$V = [
+const __iconNode$W = [
   ["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$V);
+const CircleX = createLucideIcon("circle-x", __iconNode$W);
 /**
  * @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$U = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$U);
+const __iconNode$V = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$V);
 /**
  * @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$T = [
+const __iconNode$U = [
   ["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$T);
+const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$U);
 /**
  * @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$S = [
+const __iconNode$T = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$S);
+const CodeXml = createLucideIcon("code-xml", __iconNode$T);
 /**
  * @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$R = [
+const __iconNode$S = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code = createLucideIcon("code", __iconNode$R);
+const Code = createLucideIcon("code", __iconNode$S);
 /**
  * @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$Q = [
+const __iconNode$R = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$Q);
+const Copy = createLucideIcon("copy", __iconNode$R);
 /**
  * @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$P = [
+const __iconNode$Q = [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
 ];
-const Database = createLucideIcon("database", __iconNode$P);
+const Database = createLucideIcon("database", __iconNode$Q);
 /**
  * @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$O = [
+const __iconNode$P = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$O);
+const Download = createLucideIcon("download", __iconNode$P);
 /**
  * @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$N = [
+const __iconNode$O = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$N);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$O);
 /**
  * @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$M = [
+const __iconNode$N = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$M);
+const ExternalLink = createLucideIcon("external-link", __iconNode$N);
 /**
  * @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$L = [
+const __iconNode$M = [
   [
     "path",
     {
@@ -51998,14 +52017,14 @@ const __iconNode$L = [
   ["path", { d: "M9 15h6", key: "cctwl0" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }]
 ];
-const FilePlus = createLucideIcon("file-plus", __iconNode$L);
+const FilePlus = createLucideIcon("file-plus", __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",
     {
@@ -52019,14 +52038,14 @@ const __iconNode$K = [
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
 ];
-const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$K);
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __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",
     {
@@ -52039,14 +52058,14 @@ const __iconNode$J = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$J);
+const FileText = createLucideIcon("file-text", __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",
     {
@@ -52056,14 +52075,14 @@ const __iconNode$I = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$I);
+const File$1 = createLucideIcon("file", __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",
     {
@@ -52075,14 +52094,14 @@ const __iconNode$H = [
   ["path", { d: "M12 10v2", key: "hh53o1" }],
   ["path", { d: "M16 10v6", key: "1d6xys" }]
 ];
-const FolderKanban = createLucideIcon("folder-kanban", __iconNode$H);
+const FolderKanban = createLucideIcon("folder-kanban", __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",
     {
@@ -52091,14 +52110,14 @@ const __iconNode$G = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$G);
+const FolderOpen = createLucideIcon("folder-open", __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 = [
+const __iconNode$G = [
   [
     "path",
     {
@@ -52107,26 +52126,26 @@ const __iconNode$F = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$F);
+const Folder = createLucideIcon("folder", __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 = [
+const __iconNode$F = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-const Globe = createLucideIcon("globe", __iconNode$E);
+const Globe = createLucideIcon("globe", __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 = [
   ["path", { d: "M10 16h.01", key: "1bzywj" }],
   [
     "path",
@@ -52138,26 +52157,26 @@ const __iconNode$D = [
   ["path", { d: "M21.946 12.013H2.054", key: "zqlbp7" }],
   ["path", { d: "M6 16h.01", key: "1pmjb7" }]
 ];
-const HardDrive = createLucideIcon("hard-drive", __iconNode$D);
+const HardDrive = createLucideIcon("hard-drive", __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 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-const Image = createLucideIcon("image", __iconNode$C);
+const Image = createLucideIcon("image", __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 = [
   [
     "path",
     {
@@ -52180,31 +52199,45 @@ const __iconNode$B = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$B);
+const Layers = createLucideIcon("layers", __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$A = [
+const __iconNode$B = [
   ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
   ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
   ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
   ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
 ];
-const LayoutGrid = createLucideIcon("layout-grid", __iconNode$A);
+const LayoutGrid = createLucideIcon("layout-grid", __iconNode$B);
 /**
  * @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$z = [
+const __iconNode$A = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link = createLucideIcon("link", __iconNode$z);
+const Link = createLucideIcon("link", __iconNode$A);
+/**
+ * @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$z = [
+  ["path", { d: "M13 5h8", key: "a7qcls" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 19h8", key: "c3s6r1" }],
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }]
+];
+const ListChecks = createLucideIcon("list-checks", __iconNode$z);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -55435,7 +55468,7 @@ const MentionSuggestionPopup = forwardRef(({ store, query, command: command2, cl
     {
       ref: refs.setFloating,
       style: floatingStyles,
-      className: "z-[9999]",
+      className: "athena-sdk athena-sdk-chrome z-[9999]",
       onMouseDown: (e) => e.preventDefault(),
       children: /* @__PURE__ */ jsx(
         MentionSuggestionList,
@@ -57583,6 +57616,233 @@ const ReadAssetToolUI = memo(
   ReadAssetToolUIImpl
 );
 ReadAssetToolUI.displayName = "ReadAssetToolUI";
+const STEP_STATUSES = [
+  "pending",
+  "in_progress",
+  "completed",
+  "cancelled",
+  "failed"
+];
+function asRecord$1(value) {
+  return typeof value === "object" && value !== null ? value : null;
+}
+function asStatus(value) {
+  return typeof value === "string" && STEP_STATUSES.includes(value) ? value : "pending";
+}
+function parseSteps(value) {
+  if (!Array.isArray(value)) return [];
+  const steps = [];
+  for (const raw of value) {
+    const record2 = asRecord$1(raw);
+    if (!record2) continue;
+    const content = record2.content ?? record2.task ?? record2.title;
+    if (typeof content !== "string" || content.trim() === "") continue;
+    steps.push({
+      id: typeof record2.id === "string" ? record2.id : void 0,
+      content: content.trim(),
+      status: asStatus(record2.status)
+    });
+  }
+  return steps;
+}
+function asDescription(value) {
+  return typeof value === "string" && value.trim() !== "" ? value.trim() : void 0;
+}
+function parsePartialSteps(argsText) {
+  if (!argsText) return [];
+  const steps = [];
+  const objectPattern = /\{(?:[^{}\\"]|"(?:[^"\\]|\\.)*")*\}?/g;
+  for (const [chunk] of argsText.matchAll(objectPattern)) {
+    const contentMatch = /"(?:content|task|title)"\s*:\s*"((?:[^"\\]|\\.)*)"/.exec(
+      chunk
+    );
+    if (!contentMatch) continue;
+    let content;
+    try {
+      content = JSON.parse(`"${contentMatch[1]}"`);
+    } catch {
+      content = contentMatch[1];
+    }
+    if (content.trim() === "") continue;
+    const statusMatch = /"status"\s*:\s*"([a-z_]+)"/.exec(chunk);
+    steps.push({
+      content: content.trim(),
+      status: asStatus(statusMatch == null ? void 0 : statusMatch[1])
+    });
+  }
+  return steps;
+}
+function parseTodoPlan({
+  args,
+  argsText,
+  result
+}) {
+  const argsRecord = asRecord$1(args);
+  const argSteps = parseSteps(argsRecord == null ? void 0 : argsRecord.todos);
+  let resultRecord = asRecord$1(result);
+  if (!resultRecord && typeof result === "string") {
+    try {
+      resultRecord = asRecord$1(JSON.parse(result));
+    } catch {
+      resultRecord = null;
+    }
+  }
+  const hasResultTodos = Array.isArray(resultRecord == null ? void 0 : resultRecord.todos);
+  const steps = hasResultTodos ? parseSteps(resultRecord == null ? void 0 : resultRecord.todos) : argSteps.length > 0 ? argSteps : parsePartialSteps(argsText);
+  return {
+    steps,
+    changeDescription: asDescription(resultRecord == null ? void 0 : resultRecord.description) ?? asDescription(resultRecord == null ? void 0 : resultRecord.todoChangeDescription)
+  };
+}
+function StepMarker({
+  status,
+  index: index2
+}) {
+  if (status === "completed") {
+    return /* @__PURE__ */ jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full bg-emerald-500 text-white", children: /* @__PURE__ */ jsx(Check, { className: "size-3", strokeWidth: 3 }) });
+  }
+  if (status === "in_progress") {
+    return /* @__PURE__ */ jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Loader, { className: "size-3 animate-spin", strokeWidth: 3 }) });
+  }
+  if (status === "failed") {
+    return /* @__PURE__ */ jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full bg-destructive/10 text-destructive", children: /* @__PURE__ */ jsx(X, { className: "size-3", strokeWidth: 3 }) });
+  }
+  if (status === "cancelled") {
+    return /* @__PURE__ */ jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border text-muted-foreground", children: /* @__PURE__ */ jsx(X, { className: "size-3", strokeWidth: 3 }) });
+  }
+  return /* @__PURE__ */ jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-dashed border-border text-[9px] font-medium text-muted-foreground", children: index2 + 1 });
+}
+function PlanBadge({
+  resolved,
+  total
+}) {
+  const isDone = total > 0 && resolved === total;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "flex size-8 shrink-0 items-center justify-center rounded-lg",
+        isDone && "bg-emerald-50 text-emerald-600",
+        !isDone && "bg-primary/10 text-primary"
+      ),
+      children: isDone ? /* @__PURE__ */ jsx(Check, { className: "size-4", strokeWidth: 3 }) : /* @__PURE__ */ jsx(ListChecks, { className: "size-4" })
+    }
+  );
+}
+const WriteTodosToolUIImpl = ({
+  args,
+  argsText,
+  result,
+  status
+}) => {
+  const { steps, changeDescription } = useMemo(
+    () => parseTodoPlan({ args, argsText, result }),
+    [args, argsText, result]
+  );
+  const [collapsed, setCollapsed] = useState(false);
+  const completed = steps.filter((s) => s.status === "completed").length;
+  const stopped = steps.filter(
+    (s) => s.status === "cancelled" || s.status === "failed"
+  ).length;
+  const current = steps.find((s) => s.status === "in_progress");
+  const total = steps.length;
+  const resolved = completed + stopped;
+  const isWriting = (status == null ? void 0 : status.type) === "running";
+  const isDone = total > 0 && resolved === total;
+  if (total === 0) {
+    return isWriting ? /* @__PURE__ */ jsxs("div", { className: "my-3 flex w-full items-center gap-2 rounded-xl border border-border/60 bg-background px-4 py-3 shadow-sm", children: [
+      /* @__PURE__ */ jsx(Loader, { className: "size-3.5 animate-spin text-primary" }),
+      /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-foreground", children: "Planning..." })
+    ] }) : null;
+  }
+  const heading2 = isWriting ? "Updating plan" : isDone ? "Plan complete" : completed === 0 && !current ? "Plan" : "Plan in progress";
+  const subtitle = changeDescription ?? (current ? current.content : void 0);
+  return /* @__PURE__ */ jsxs("div", { className: "my-3 w-full rounded-xl border border-border/60 bg-background shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-20 overflow-hidden rounded-t-xl bg-background", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCollapsed((prev) => !prev),
+          className: "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/30",
+          "aria-expanded": !collapsed,
+          children: [
+            /* @__PURE__ */ jsx(PlanBadge, { resolved, total }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-foreground", children: heading2 }),
+                /* @__PURE__ */ jsxs("span", { className: "text-[11px] tabular-nums text-muted-foreground", children: [
+                  resolved,
+                  "/",
+                  total,
+                  " steps"
+                ] })
+              ] }),
+              subtitle && /* @__PURE__ */ jsx("span", { className: "block truncate text-[12px] text-muted-foreground", children: subtitle })
+            ] }),
+            /* @__PURE__ */ jsx(
+              ChevronDown,
+              {
+                className: cn(
+                  "size-4 shrink-0 text-muted-foreground transition-transform duration-200",
+                  collapsed && "-rotate-90"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "h-0.5 w-full bg-muted", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-full transition-all duration-500",
+            isDone ? "bg-emerald-500" : "bg-primary"
+          ),
+          style: { width: `${total > 0 ? resolved / total * 100 : 0}%` }
+        }
+      ) })
+    ] }),
+    !collapsed && /* @__PURE__ */ jsx("ol", { className: "flex max-h-72 flex-col overflow-y-auto rounded-b-xl border-t border-border/40 py-1", children: steps.map((step, index2) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: cn(
+          "relative flex items-start gap-2.5 px-4 py-1.5",
+          step.status === "in_progress" && "bg-primary/5"
+        ),
+        children: [
+          index2 < steps.length - 1 && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "absolute left-[calc(1rem+8px)] top-[26px] h-[calc(100%-18px)] w-px bg-border/60"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "relative z-10 mt-[3px]", children: /* @__PURE__ */ jsx(StepMarker, { status: step.status, index: index2 }) }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-[12.5px] leading-relaxed text-foreground",
+                step.status === "completed" && "text-muted-foreground line-through decoration-muted-foreground/40",
+                step.status === "cancelled" && "text-muted-foreground/70 line-through decoration-muted-foreground/40",
+                step.status === "failed" && "text-destructive",
+                step.status === "in_progress" && "font-medium text-primary",
+                step.status === "pending" && "text-muted-foreground"
+              ),
+              children: step.content
+            }
+          )
+        ]
+      },
+      step.id ?? `${index2}-${step.content}`
+    )) })
+  ] });
+};
+const WriteTodosToolUI = memo(
+  WriteTodosToolUIImpl
+);
+WriteTodosToolUI.displayName = "WriteTodosToolUI";
 function tryParseJson(text2) {
   try {
     const p = JSON.parse(text2);
@@ -60699,7 +60959,8 @@ const TOOL_UI_REGISTRY = {
   get_database_table_schema: GetDatabaseTableSchemaToolUI,
   run_sql: RunSqlToolUI,
   run_database_sql: RunSqlToolUI,
-  run_sql_query_tool: RunSqlToolUI
+  run_sql_query_tool: RunSqlToolUI,
+  write_todos: WriteTodosToolUI
 };
 const TOOLKIT_THEMES = {
   Web: { color: "#7BCCFA" },
@@ -62742,7 +63003,7 @@ const AthenaAssetEmbed = ({
     if (error2) onError == null ? void 0 : onError(new Error(error2));
   }, [error2, onError]);
   if (isLoading) {
-    return loadingFallback ?? /* @__PURE__ */ jsxs("output", { className: "flex h-full w-full items-center justify-center", children: [
+    return loadingFallback ?? /* @__PURE__ */ jsxs("output", { className: "athena-sdk-chrome flex h-full w-full items-center justify-center", children: [
       /* @__PURE__ */ jsx(LoaderCircle, { className: "size-6 animate-spin text-muted-foreground" }),
       /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading asset" })
     ] });
@@ -62753,7 +63014,7 @@ const AthenaAssetEmbed = ({
     return errorFallback ?? /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "flex h-full w-full items-center justify-center gap-2 p-4 text-sm text-muted-foreground",
+        className: "athena-sdk-chrome flex h-full w-full items-center justify-center gap-2 p-4 text-sm text-muted-foreground",
         role: "alert",
         children: [
           /* @__PURE__ */ jsx(CircleAlert, { className: "size-4 text-destructive" }),
@@ -63126,21 +63387,27 @@ const AthenaLayout = ({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "flex h-full w-1 shrink-0 cursor-col-resize items-center bg-border/40 transition-colors hover:bg-border active:bg-primary/30",
+        className: "athena-sdk-chrome flex h-full w-1 shrink-0 cursor-col-resize items-center bg-border/40 transition-colors hover:bg-border active:bg-primary/30",
         onPointerDown,
         onPointerMove,
         onPointerUp
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "flex h-full flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx(AssetPanel, { manageAssetPanelHostRegistration: false }) })
+    /* @__PURE__ */ jsx("div", { className: "athena-sdk-chrome flex h-full flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx(AssetPanel, { manageAssetPanelHostRegistration: false }) })
   ] });
 };
 function ThreadList({ className }) {
   const statewireList = useAthenaStatewireThreadList();
   if (statewireList) {
-    return /* @__PURE__ */ jsx(StatewireThreadList, { list: statewireList, className });
+    return /* @__PURE__ */ jsx(
+      StatewireThreadList,
+      {
+        list: statewireList,
+        className: cn("athena-sdk-chrome", className)
+      }
+    );
   }
-  return /* @__PURE__ */ jsx(LegacyThreadList, { className });
+  return /* @__PURE__ */ jsx(LegacyThreadList, { className: cn("athena-sdk-chrome", className) });
 }
 function LegacyThreadList({ className }) {
   const refresh = useRefreshThreadList();
@@ -63334,6 +63601,7 @@ export {
   TooltipTrigger,
   UpdateSheetRangeToolUI,
   WebSearchToolUI,
+  WriteTodosToolUI,
   allowsMidRunSend,
   archiveThread,
   asHitlApproval,
@@ -63370,6 +63638,7 @@ export {
   normalizeResult,
   parseAthenaCitationLink,
   parseCollabAgentRef,
+  parseTodoPlan,
   readInterruptMessage,
   readRejectionDetail,
   resetAssetAutoOpen,