@athenaintel/react 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -6434,10 +6434,10 @@ class ThreadMessageConverter {
   constructor() {
     __publicField(this, "cache", /* @__PURE__ */ new WeakMap());
   }
-  convertMessages(messages, converter2) {
+  convertMessages(messages, converter) {
     return messages.map((m, idx) => {
       const cached = this.cache.get(m);
-      const newMessage = converter2(cached, m, idx);
+      const newMessage = converter(cached, m, idx);
       this.cache.set(m, newMessage);
       return newMessage;
     });
@@ -9091,8 +9091,8 @@ function useRunManager(config2) {
     cancel
   };
 }
-function useConvertedState(converter2, agentState, pendingCommands, isSending, toolStatuses) {
-  return React.useMemo(() => converter2(agentState, { pendingCommands, isSending, toolStatuses }), [converter2, agentState, pendingCommands, isSending, toolStatuses]);
+function useConvertedState(converter, agentState, pendingCommands, isSending, toolStatuses) {
+  return React.useMemo(() => converter(agentState, { pendingCommands, isSending, toolStatuses }), [converter, agentState, pendingCommands, isSending, toolStatuses]);
 }
 const convertAppendMessageToCommand = (message) => {
   var _a2;
@@ -20593,7 +20593,6 @@ const safeStringify = (value) => {
     return "[Unable to serialize tool result]";
   }
 };
-const optimisticMessageCache = /* @__PURE__ */ new Map();
 const commandsToMessages = (commands) => {
   return commands.flatMap((c) => {
     if (c.type === "add-message") {
@@ -20638,7 +20637,7 @@ const getTrackingIdFromMessage = (msg) => {
   }
   return void 0;
 };
-const converter = (state, connectionMetadata) => {
+const createConverter = (optimisticMessageCache) => (state, connectionMetadata) => {
   const validatedState = parseLangGraphState(state);
   const backendTrackingIds = /* @__PURE__ */ new Set();
   for (const msg of validatedState.messages) {
@@ -20755,6 +20754,8 @@ const useAthenaRuntime = (config2) => {
     () => Array.from(/* @__PURE__ */ new Set([...tools, ...frontendToolIds])),
     [tools, frontendToolIds]
   );
+  const optimisticMessageCache = React.useRef(/* @__PURE__ */ new Map()).current;
+  const converter = React.useMemo(() => createConverter(optimisticMessageCache), [optimisticMessageCache]);
   const tokenRef = React.useRef(token);
   tokenRef.current = token;
   const apiKeyRef = React.useRef(apiKey);
@@ -20770,49 +20771,57 @@ const useAthenaRuntime = (config2) => {
       Accept: "text/event-stream"
     }),
     onResponse: () => {
-      console.log("[AthenaSDK] Stream connected");
+      if (process.env.NODE_ENV !== "production") {
+        console.log("[AthenaSDK] Stream connected");
+      }
     },
     onFinish: () => {
-      console.log("[AthenaSDK] Stream completed");
+      if (process.env.NODE_ENV !== "production") {
+        console.log("[AthenaSDK] Stream completed");
+      }
     },
     onError: (error2, { commands, updateState }) => {
       const pendingCommands = commandsToMessages(commands);
       const isInvalidStringLength = error2 instanceof RangeError && /Invalid string length/i.test(error2.message);
       const userErrorMessage = isInvalidStringLength ? "The response was too large to process. Try reducing the amount of content in a single request or starting a new chat." : error2.message;
       updateState((state) => {
-        const newState = {
-          ...state,
-          messages: [...state.messages, ...pendingCommands]
-        };
-        const lastAssistantMessage = newState.messages.filter((m) => m.type === "ai").at(-1);
-        if (lastAssistantMessage) {
-          lastAssistantMessage.status = {
-            type: "incomplete",
-            reason: "error",
-            error: userErrorMessage
+        const messages = [...state.messages, ...pendingCommands];
+        const lastAiIdx = messages.findLastIndex((m) => m.type === "ai");
+        if (lastAiIdx !== -1) {
+          messages[lastAiIdx] = {
+            ...messages[lastAiIdx],
+            status: {
+              type: "incomplete",
+              reason: "error",
+              error: userErrorMessage
+            }
           };
         }
-        return newState;
+        return { ...state, messages };
       });
-      console.error("[AthenaSDK] Error:", error2.message);
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[AthenaSDK] Error:", error2.message);
+      }
     },
     onCancel: async ({ commands, updateState }) => {
       const pendingCommands = commandsToMessages(commands);
       updateState((state) => {
-        const newState = {
-          ...state,
-          messages: [...state.messages, ...pendingCommands]
-        };
-        const lastAssistantMessage = newState.messages.filter((m) => m.type === "ai").at(-1);
-        if (lastAssistantMessage) {
-          lastAssistantMessage.status = {
-            type: "incomplete",
-            reason: "cancelled"
+        const messages = [...state.messages, ...pendingCommands];
+        const lastAiIdx = messages.findLastIndex((m) => m.type === "ai");
+        if (lastAiIdx !== -1) {
+          messages[lastAiIdx] = {
+            ...messages[lastAiIdx],
+            status: {
+              type: "incomplete",
+              reason: "cancelled"
+            }
           };
         }
-        return newState;
+        return { ...state, messages };
       });
-      console.log("[AthenaSDK] Cancelled");
+      if (process.env.NODE_ENV !== "production") {
+        console.log("[AthenaSDK] Cancelled");
+      }
     },
     capabilities: {
       edit: false
@@ -20857,10 +20866,7 @@ const useAthenaRuntime = (config2) => {
       },
       get threadId() {
         return threadId;
-      },
-      credentials: "include",
-      mode: "cors",
-      cache: "no-store"
+      }
     }
   });
   return runtime;
@@ -24088,6 +24094,14 @@ function TooltipContent({
     }
   ) });
 }
+const AthenaContext = React.createContext(null);
+function useAthenaConfig() {
+  const ctx = React.useContext(AthenaContext);
+  if (!ctx) {
+    throw new Error("[AthenaSDK] useAthenaConfig must be used within <AthenaProvider>");
+  }
+  return ctx;
+}
 function AthenaProvider({
   children,
   apiKey,
@@ -24103,15 +24117,16 @@ function AthenaProvider({
   systemPrompt,
   threadId
 }) {
-  const frontendToolNames = Object.keys(frontendTools);
+  const frontendToolNames = React.useMemo(() => Object.keys(frontendTools), [frontendTools]);
   const aui = useAui({
     tools: Tools({ toolkit: frontendTools })
   });
   const parentAuthToken = useParentAuth();
   const effectiveToken = tokenProp ?? parentAuthToken;
+  const effectiveBackendUrl = backendUrl ?? DEFAULT_BACKEND_URL;
   const runtime = useAthenaRuntime({
     apiUrl,
-    backendUrl,
+    backendUrl: effectiveBackendUrl,
     apiKey,
     token: effectiveToken,
     model,
@@ -24123,7 +24138,11 @@ function AthenaProvider({
     systemPrompt,
     threadId
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children }) });
+  const athenaConfig = React.useMemo(
+    () => ({ backendUrl: effectiveBackendUrl, apiKey, token: effectiveToken }),
+    [effectiveBackendUrl, apiKey, effectiveToken]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children }) }) });
 }
 function OrderedMap(content) {
   this.content = content;
@@ -59564,7 +59583,7 @@ function useMentionSuggestions(tools) {
     addItems(cache, items, "root");
     return new Store({ registry, cache });
   }, []);
-  React.useMemo(() => {
+  React.useEffect(() => {
     const { cache } = store.state;
     for (const item of cache.items.values()) {
       item.visibleInScopes.delete("root");
@@ -59726,6 +59745,9 @@ const MentionSuggestionsExtension = Extension.create({
     };
   },
   addProseMirrorPlugins() {
+    if (!this.options.store) {
+      throw new Error("[MentionSuggestionsExtension] A `store` option is required.");
+    }
     return [
       index_default({
         editor: this.editor,
@@ -60025,29 +60047,29 @@ 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$s = [
+const __iconNode$B = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$s);
+const ArrowDown = createLucideIcon("arrow-down", __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$r = [
+const __iconNode$A = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$r);
+const ArrowUp = createLucideIcon("arrow-up", __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$q = [
+const __iconNode$z = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -60057,14 +60079,14 @@ const __iconNode$q = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$q);
+const BookOpen = createLucideIcon("book-open", __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$p = [
+const __iconNode$y = [
   ["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" }],
@@ -60074,148 +60096,148 @@ const __iconNode$p = [
   ["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$p);
+const Brain = createLucideIcon("brain", __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$o = [
+const __iconNode$x = [
   ["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$o);
+const ChartColumn = createLucideIcon("chart-column", __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$n = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$n);
+const __iconNode$w = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$m = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$m);
+const __iconNode$v = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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$l = [
+const __iconNode$u = [
   ["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$l);
+const CircleAlert = createLucideIcon("circle-alert", __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$k = [
+const __iconNode$t = [
   ["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$k);
+const CircleCheck = createLucideIcon("circle-check", __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$j = [
+const __iconNode$s = [
   ["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$j);
+const CircleX = createLucideIcon("circle-x", __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$i = [
+const __iconNode$r = [
   ["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$i);
+const Code = createLucideIcon("code", __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$h = [
+const __iconNode$q = [
   ["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$h);
+const Copy = createLucideIcon("copy", __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$g = [
+const __iconNode$p = [
   ["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$g);
+const Database = createLucideIcon("database", __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$f = [
+const __iconNode$o = [
   ["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$f);
+const Download = createLucideIcon("download", __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$e = [
+const __iconNode$n = [
   ["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$e);
+const Ellipsis = createLucideIcon("ellipsis", __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$d = [
+const __iconNode$m = [
   ["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$d);
+const ExternalLink = createLucideIcon("external-link", __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$c = [
+const __iconNode$l = [
   [
     "path",
     {
@@ -60227,14 +60249,35 @@ const __iconNode$c = [
   ["path", { d: "M9 15h6", key: "cctwl0" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }]
 ];
-const FilePlus = createLucideIcon("file-plus", __iconNode$c);
+const FilePlus = createLucideIcon("file-plus", __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$b = [
+const __iconNode$k = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M8 13h2", key: "yr2amv" }],
+  ["path", { d: "M14 13h2", key: "un5t4a" }],
+  ["path", { d: "M8 17h2", key: "2yhykz" }],
+  ["path", { d: "M14 17h2", key: "10kma7" }]
+];
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __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$j = [
   [
     "path",
     {
@@ -60247,26 +60290,94 @@ const __iconNode$b = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$b);
+const FileText = createLucideIcon("file-text", __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$a = [
+const __iconNode$i = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
+];
+const File$1 = createLucideIcon("file", __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$h = [
   ["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$a);
+const Globe = createLucideIcon("globe", __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$9 = [
+const __iconNode$g = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+];
+const Layers = createLucideIcon("layers", __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$f = [
+  ["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$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$e = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __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$d = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -60276,37 +60387,63 @@ const __iconNode$9 = [
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
 ];
-const Loader = createLucideIcon("loader", __iconNode$9);
+const Loader = createLucideIcon("loader", __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$8 = [
+const __iconNode$c = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-const Mail = createLucideIcon("mail", __iconNode$8);
+const Mail = createLucideIcon("mail", __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$7 = [
+const __iconNode$b = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "m21 3-7 7", key: "1l2asr" }],
+  ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
+  ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
+];
+const Maximize2 = createLucideIcon("maximize-2", __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$a = [
+  ["path", { d: "m14 10 7-7", key: "oa77jy" }],
+  ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
+  ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
+  ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
+];
+const Minimize2 = createLucideIcon("minimize-2", __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$9 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$7);
+const Monitor = createLucideIcon("monitor", __iconNode$9);
 /**
  * @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$6 = [
+const __iconNode$8 = [
   ["path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", key: "re6nr2" }],
   ["path", { d: "M2 6h4", key: "aawbzj" }],
   ["path", { d: "M2 10h4", key: "l0bgd4" }],
@@ -60320,14 +60457,14 @@ const __iconNode$6 = [
     }
   ]
 ];
-const NotebookPen = createLucideIcon("notebook-pen", __iconNode$6);
+const NotebookPen = createLucideIcon("notebook-pen", __iconNode$8);
 /**
  * @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$5 = [
+const __iconNode$7 = [
   ["path", { d: "M13 21h8", key: "1jsn5i" }],
   [
     "path",
@@ -60337,38 +60474,50 @@ const __iconNode$5 = [
     }
   ]
 ];
-const PenLine = createLucideIcon("pen-line", __iconNode$5);
+const PenLine = createLucideIcon("pen-line", __iconNode$7);
 /**
  * @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$4 = [
+const __iconNode$6 = [
+  ["path", { d: "M2 3h20", key: "91anmk" }],
+  ["path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3", key: "2k9sn8" }],
+  ["path", { d: "m7 21 5-5 5 5", key: "bip4we" }]
+];
+const Presentation = createLucideIcon("presentation", __iconNode$6);
+/**
+ * @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$5 = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$4);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$5);
 /**
  * @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$3 = [
+const __iconNode$4 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$3);
+const Search = createLucideIcon("search", __iconNode$4);
 /**
  * @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$2 = [
+const __iconNode$3 = [
   [
     "path",
     {
@@ -60378,24 +60527,24 @@ const __iconNode$2 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Settings = createLucideIcon("settings", __iconNode$2);
+const Settings = createLucideIcon("settings", __iconNode$3);
 /**
  * @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$1 = [
+const __iconNode$2 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-const Square = createLucideIcon("square", __iconNode$1);
+const Square = createLucideIcon("square", __iconNode$2);
 /**
  * @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 = [
+const __iconNode$1 = [
   [
     "path",
     {
@@ -60404,7 +60553,18 @@ const __iconNode = [
     }
   ]
 ];
-const Wrench = createLucideIcon("wrench", __iconNode);
+const Wrench = createLucideIcon("wrench", __iconNode$1);
+/**
+ * @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: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+const X = createLucideIcon("x", __iconNode);
 function Collapsible({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Root$2, { "data-slot": "collapsible", ...props });
 }
@@ -60414,6 +60574,41 @@ function CollapsibleTrigger({ ...props }) {
 function CollapsibleContent({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent$1, { "data-slot": "collapsible-content", ...props });
 }
+const useAssetPanelStore = create((set2) => ({
+  isOpen: false,
+  tabs: [],
+  activeTabId: null,
+  viewMode: "tabs",
+  isFullscreen: false,
+  openAsset: (assetId, meta) => set2((s) => {
+    const existing = s.tabs.find((t) => t.id === assetId);
+    if (existing) {
+      const tabs = meta ? s.tabs.map(
+        (t) => t.id === assetId ? { ...t, name: meta.name ?? t.name, type: meta.type ?? t.type } : t
+      ) : s.tabs;
+      return { isOpen: true, tabs, activeTabId: assetId };
+    }
+    const newTab = {
+      id: assetId,
+      name: (meta == null ? void 0 : meta.name) ?? null,
+      type: (meta == null ? void 0 : meta.type) ?? "unknown"
+    };
+    return { isOpen: true, tabs: [...s.tabs, newTab], activeTabId: assetId };
+  }),
+  closeTab: (assetId) => set2((s) => {
+    var _a2;
+    const tabs = s.tabs.filter((t) => t.id !== assetId);
+    if (tabs.length === 0) {
+      return { isOpen: false, tabs: [], activeTabId: null, isFullscreen: false };
+    }
+    const activeTabId = s.activeTabId === assetId ? ((_a2 = tabs[Math.min(s.tabs.findIndex((t) => t.id === assetId), tabs.length - 1)]) == null ? void 0 : _a2.id) ?? null : s.activeTabId;
+    return { tabs, activeTabId };
+  }),
+  setActiveTab: (assetId) => set2({ activeTabId: assetId, viewMode: "tabs" }),
+  setViewMode: (mode) => set2({ viewMode: mode }),
+  closePanel: () => set2({ isOpen: false, tabs: [], activeTabId: null, viewMode: "tabs", isFullscreen: false }),
+  toggleFullscreen: () => set2((s) => ({ isFullscreen: !s.isFullscreen }))
+}));
 const ANIMATION_DURATION = 200;
 const TOOL_META = {
   search: { displayName: "Web Search", icon: Search, describer: (a) => a.query ? `"${a.query}"` : "" },
@@ -60481,6 +60676,61 @@ function isResultSuccess(result) {
   }
   return false;
 }
+function extractAssetId$1(result) {
+  if (!result) return null;
+  try {
+    const obj = typeof result === "string" ? JSON.parse(result) : result;
+    if (typeof obj === "object" && obj !== null) {
+      const id = obj.asset_id ?? obj.assetId ?? obj.id;
+      if (typeof id === "string" && id.startsWith("asset_")) return id;
+    }
+  } catch {
+  }
+  return null;
+}
+function toolMetaToAssetType(toolName) {
+  const lower = toolName.toLowerCase();
+  if (lower.includes("presentation") || lower.includes("pptx") || lower.includes("slide") || lower.includes("powerpoint"))
+    return "presentation";
+  if (lower.includes("sheet") || lower.includes("spreadsheet"))
+    return "spreadsheet";
+  if (lower.includes("document") || lower.includes("doc") || lower.includes("markdown"))
+    return "document";
+  return "unknown";
+}
+const CREATE_ASSET_TOOLS = [
+  "create_powerpoint_deck",
+  "create_document_from_markdown",
+  "create_new_document",
+  "create_new_sheet"
+];
+function isAssetTool(toolName, result) {
+  return CREATE_ASSET_TOOLS.includes(toolName.toLowerCase()) || extractAssetId$1(result) !== null;
+}
+function extractTitle(argsText, result) {
+  if (argsText) {
+    const args = tryParseJson$2(argsText);
+    if (args) {
+      const t = args.title ?? args.name ?? args.filename ?? args.sheet_name;
+      if (t) return t;
+    }
+  }
+  if (result) {
+    try {
+      const obj = typeof result === "string" ? JSON.parse(result) : result;
+      if (typeof obj === "object" && obj !== null) {
+        return obj.title ?? obj.name;
+      }
+    } catch {
+    }
+  }
+  return null;
+}
+let assetGeneration$1 = 0;
+const autoOpenedAssets$1 = /* @__PURE__ */ new Map();
+function clearAutoOpenedAssets() {
+  assetGeneration$1++;
+}
 function ToolFallbackRoot({
   className,
   open: controlledOpen,
@@ -60546,7 +60796,7 @@ function ToolFallbackTrigger({
     if (!parsed) return null;
     const desc = meta.describer(parsed);
     return desc || null;
-  }, [toolName, argsText, isRunning, meta]);
+  }, [toolName, argsText, isRunning]);
   const resultMessage = React.useMemo(() => {
     if (!isComplete) return null;
     return extractResultMessage(result);
@@ -60710,6 +60960,97 @@ function ToolFallbackError({
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-destructive/80", children: errorText })
   ] });
 }
+function AssetToolCard({
+  toolName,
+  argsText,
+  result,
+  status
+}) {
+  const [detailsOpen, setDetailsOpen] = React.useState(false);
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const meta = getToolMeta(toolName);
+  const ToolIcon = meta.icon;
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const assetId = extractAssetId$1(result);
+  const title = extractTitle(argsText, result);
+  const assetType = toolMetaToAssetType(toolName);
+  const wasCompleteAtMount = React.useRef(isComplete);
+  React.useEffect(() => {
+    if (isComplete && !isCancelled && assetId && !wasCompleteAtMount.current && autoOpenedAssets$1.get(assetId) !== assetGeneration$1) {
+      autoOpenedAssets$1.set(assetId, assetGeneration$1);
+      useAssetPanelStore.getState().openAsset(assetId, {
+        name: title ?? void 0,
+        type: assetType
+      });
+    }
+  }, [isComplete, isCancelled, assetId, title, assetType]);
+  const success = isComplete && isResultSuccess(result);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
+    "aui-tool-fallback-root w-full rounded-xl border border-border/60 bg-background py-2.5 shadow-sm",
+    isCancelled && "border-muted-foreground/30 bg-muted/30"
+  ), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 px-3 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "flex size-7 shrink-0 items-center justify-center rounded-lg",
+            isRunning && "bg-blue-50 text-blue-600",
+            isComplete && success && "bg-emerald-50 text-emerald-600",
+            isComplete && !success && "bg-muted text-muted-foreground"
+          ),
+          children: isRunning ? /* @__PURE__ */ jsxRuntime.jsx(Loader, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(ToolIcon, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 grow flex-col items-start gap-0.5 text-left", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "leading-tight", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("b", { children: meta.displayName }),
+          isRunning && "..."
+        ] }),
+        !isRunning && title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-full truncate text-xs leading-snug text-muted-foreground", children: title })
+      ] }),
+      assetId && isComplete && !isCancelled && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => openAsset(assetId, { name: title ?? void 0, type: assetType }),
+          className: "flex shrink-0 items-center gap-1 rounded-md border border-border/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ExternalLink, { className: "size-2.5" }),
+            "Open"
+          ]
+        }
+      ),
+      isComplete && success && /* @__PURE__ */ jsxRuntime.jsx(CircleCheck, { className: "size-3.5 shrink-0 text-emerald-500" }),
+      !isCancelled && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setDetailsOpen((o) => !o),
+          className: cn(
+            "flex size-5 shrink-0 items-center justify-center rounded transition-all",
+            detailsOpen ? "bg-primary/5 text-primary" : "text-muted-foreground/40 hover:bg-muted/50 hover:text-muted-foreground"
+          ),
+          title: "Show details",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            ChevronDown,
+            {
+              className: cn(
+                "size-3 transition-transform duration-200",
+                detailsOpen && "rotate-180"
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    (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 })
+    ] })
+  ] });
+}
 const ToolFallbackImpl = ({
   toolName,
   argsText,
@@ -60717,6 +61058,17 @@ const ToolFallbackImpl = ({
   status
 }) => {
   const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  if (isAssetTool(toolName, result)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      AssetToolCard,
+      {
+        toolName,
+        argsText,
+        result,
+        status
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ToolFallbackRoot,
     {
@@ -61298,32 +61650,120 @@ const EmailSearchToolUI = React.memo(
   EmailSearchToolUIImpl
 );
 EmailSearchToolUI.displayName = "EmailSearchToolUI";
-const CreateDocumentToolUIImpl = ({
+function extractAssetId(result) {
+  const data = normalizeResult(result);
+  if (!data) return null;
+  const id = data.asset_id ?? data.assetId ?? data.id;
+  if (typeof id === "string" && id.startsWith("asset_")) return id;
+  return null;
+}
+let assetGeneration = 0;
+const autoOpenedAssets = /* @__PURE__ */ new Map();
+function resetAssetAutoOpen() {
+  assetGeneration++;
+}
+function CreateAssetToolUIImpl({
+  icon: Icon2,
+  assetType,
+  runningLabel,
+  doneLabel,
   args,
   result,
   status
-}) => {
+}) {
   const typedArgs = args;
-  const docName = (typedArgs == null ? void 0 : typedArgs.name) ?? (typedArgs == null ? void 0 : typedArgs.title) ?? (typedArgs == null ? void 0 : typedArgs.document_name) ?? "";
+  const name = (typedArgs == null ? void 0 : typedArgs.name) ?? (typedArgs == null ? void 0 : typedArgs.title) ?? (typedArgs == null ? void 0 : typedArgs.document_name) ?? (typedArgs == null ? void 0 : typedArgs.sheet_name) ?? "";
   const data = React.useMemo(() => normalizeResult(result), [result]);
   const createdName = (data == null ? void 0 : data.name) ?? (data == null ? void 0 : data.title) ?? (data == null ? void 0 : data.asset_name);
+  const assetId = extractAssetId(result);
   const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
   const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const wasCompleteAtMount = React.useRef(isComplete);
+  React.useEffect(() => {
+    if (isComplete && !isCancelled && assetId && !wasCompleteAtMount.current && autoOpenedAssets.get(assetId) !== assetGeneration) {
+      autoOpenedAssets.set(assetId, assetGeneration);
+      useAssetPanelStore.getState().openAsset(assetId, {
+        name: createdName || name || void 0,
+        type: assetType
+      });
+    }
+  }, [isComplete, isCancelled, assetId, createdName, name, assetType]);
+  const handleOpen = () => {
+    if (assetId) {
+      openAsset(assetId, {
+        name: createdName || name || void 0,
+        type: assetType
+      });
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToolCard,
     {
-      icon: FilePlus,
+      icon: Icon2,
       status: (status == null ? void 0 : status.type) ?? "complete",
-      title: isRunning ? "Creating document..." : "Created document",
-      subtitle: createdName || docName || void 0,
-      error: errorMsg
+      title: isRunning ? runningLabel : doneLabel,
+      subtitle: createdName || name || void 0,
+      error: errorMsg,
+      children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: handleOpen,
+          className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ExternalLink, { className: "size-3" }),
+            "Open ",
+            assetType === "unknown" ? "asset" : assetType
+          ]
+        }
+      ) })
     }
   );
-};
+}
+const CreateDocumentToolUIImpl = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  CreateAssetToolUIImpl,
+  {
+    icon: FilePlus,
+    assetType: "document",
+    runningLabel: "Creating document...",
+    doneLabel: "Created document",
+    ...props
+  }
+);
 const CreateDocumentToolUI = React.memo(
   CreateDocumentToolUIImpl
 );
 CreateDocumentToolUI.displayName = "CreateDocumentToolUI";
+const CreateSheetToolUIImpl = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  CreateAssetToolUIImpl,
+  {
+    icon: ChartColumn,
+    assetType: "spreadsheet",
+    runningLabel: "Creating spreadsheet...",
+    doneLabel: "Created spreadsheet",
+    ...props
+  }
+);
+const CreateSheetToolUI = React.memo(
+  CreateSheetToolUIImpl
+);
+CreateSheetToolUI.displayName = "CreateSheetToolUI";
+const CreatePresentationToolUIImpl = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  CreateAssetToolUIImpl,
+  {
+    icon: Presentation,
+    assetType: "presentation",
+    runningLabel: "Creating presentation...",
+    doneLabel: "Created presentation",
+    ...props
+  }
+);
+const CreatePresentationToolUI = React.memo(
+  CreatePresentationToolUIImpl
+);
+CreatePresentationToolUI.displayName = "CreatePresentationToolUI";
 const CreateEmailDraftToolUIImpl = ({
   args,
   result,
@@ -61357,7 +61797,10 @@ const TOOL_UI_REGISTRY = {
   create_email_draft: CreateEmailDraftToolUI,
   unified_email_create_draft: CreateEmailDraftToolUI,
   create_new_document: CreateDocumentToolUI,
-  create_document_from_markdown: CreateDocumentToolUI
+  create_document_from_markdown: CreateDocumentToolUI,
+  create_new_sheet: CreateSheetToolUI,
+  update_sheet_range: CreateSheetToolUI,
+  create_powerpoint_deck: CreatePresentationToolUI
 };
 const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 const cx = clsx;
@@ -61469,14 +61912,7 @@ const TooltipIconButton = React.forwardRef(
   }
 );
 TooltipIconButton.displayName = "TooltipIconButton";
-const SAMPLE_TOOLS = [
-  { id: "search_web", name: "Search Web", description: "Search the internet for information", icon: "🔍", type: "tool" },
-  { id: "read_file", name: "Read File", description: "Read contents of a file", icon: "📄", type: "tool" },
-  { id: "write_file", name: "Write File", description: "Write contents to a file", icon: "✏️", type: "tool" },
-  { id: "run_code", name: "Run Code", description: "Execute code in a sandbox", icon: "▶️", type: "tool" },
-  { id: "code_toolkit", name: "Code Toolkit", description: "Full suite of coding tools", icon: "🧰", type: "toolkit" },
-  { id: "research_toolkit", name: "Research Toolkit", description: "Research and analysis tools", icon: "📚", type: "toolkit" }
-];
+const EMPTY_MENTION_TOOLS = [];
 const AthenaChat = ({
   className,
   welcomeMessage = "Hello there!",
@@ -61485,13 +61921,17 @@ const AthenaChat = ({
   toolUIs,
   mentionTools
 }) => {
-  const tools = mentionTools ?? SAMPLE_TOOLS;
-  const mergedToolUIs = {
+  const tools = mentionTools ?? EMPTY_MENTION_TOOLS;
+  const mergedToolUIs = React.useMemo(() => ({
     append_markdown_to_athena_document: AppendDocumentToolUI,
     read_full_asset: ReadAssetToolUI,
     ...TOOL_UI_REGISTRY,
     ...toolUIs
-  };
+  }), [toolUIs]);
+  const AssistantMessageComponent = React.useMemo(
+    () => () => /* @__PURE__ */ jsxRuntime.jsx(AssistantMessage, { toolUIs: mergedToolUIs }),
+    [mergedToolUIs]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     ThreadPrimitiveRoot,
     {
@@ -61512,7 +61952,7 @@ const AthenaChat = ({
               {
                 components: {
                   UserMessage,
-                  AssistantMessage: () => /* @__PURE__ */ jsxRuntime.jsx(AssistantMessage, { toolUIs: mergedToolUIs })
+                  AssistantMessage: AssistantMessageComponent
                 }
               }
             ),
@@ -61641,8 +62081,315 @@ const UserMessage = () => /* @__PURE__ */ jsxRuntime.jsx(
     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(MessagePrimitiveParts, { components: { Text: TiptapText } }) })
   }
 );
+const embedCache = /* @__PURE__ */ new Map();
+function useAssetEmbed(assetId, options = {
+  backendUrl: ""
+}) {
+  const { readOnly = false, expiresInSeconds = 60 * 60 * 24 * 30, backendUrl, apiKey, token } = options;
+  const [embedUrl, setEmbedUrl] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [error2, setError] = React.useState(null);
+  const abortRef = React.useRef(null);
+  React.useEffect(() => {
+    var _a2;
+    if (!assetId || !backendUrl) {
+      setEmbedUrl(null);
+      setIsLoading(false);
+      setError(null);
+      return;
+    }
+    const cached = embedCache.get(assetId);
+    if (cached && cached.expiresAt > Date.now() / 1e3) {
+      setEmbedUrl(cached.url);
+      setIsLoading(false);
+      setError(null);
+      return;
+    }
+    const agoraBase = backendUrl.replace(/\/api\/assistant-ui\/?$/, "");
+    const endpoint = `${agoraBase}/api/embed/generate-token`;
+    (_a2 = abortRef.current) == null ? void 0 : _a2.abort();
+    const controller = new AbortController();
+    abortRef.current = controller;
+    setIsLoading(true);
+    setError(null);
+    const headers = { "Content-Type": "application/json" };
+    if (token) {
+      headers["Authorization"] = `Bearer ${token}`;
+    } else if (apiKey) {
+      headers["X-API-KEY"] = apiKey;
+    }
+    fetch(endpoint, {
+      method: "POST",
+      headers,
+      body: JSON.stringify({
+        asset_id: assetId,
+        read_only: readOnly,
+        expires_in_seconds: expiresInSeconds
+      }),
+      signal: controller.signal
+    }).then(async (res) => {
+      if (!res.ok) {
+        const text2 = await res.text().catch(() => "");
+        throw new Error(`Failed to generate embed token (${res.status}): ${text2}`);
+      }
+      return res.json();
+    }).then((data) => {
+      embedCache.set(assetId, { url: data.embed_url, expiresAt: data.expires_at });
+      setEmbedUrl(data.embed_url);
+      setIsLoading(false);
+    }).catch((err) => {
+      if (err.name === "AbortError") return;
+      setError(err.message);
+      setIsLoading(false);
+    });
+    return () => controller.abort();
+  }, [assetId, readOnly, expiresInSeconds, backendUrl, apiKey, token]);
+  return { embedUrl, isLoading, error: error2 };
+}
+const ASSET_TYPE_CONFIG = {
+  presentation: { icon: Presentation, label: "Presentation" },
+  spreadsheet: { icon: FileSpreadsheet, label: "Spreadsheet" },
+  document: { icon: FileText, label: "Document" },
+  unknown: { icon: File$1, label: "Asset" }
+};
+const AssetIframe = React.memo(
+  ({ tabId, tabName }) => {
+    const { backendUrl, apiKey, token } = useAthenaConfig();
+    const { embedUrl, isLoading, error: error2 } = useAssetEmbed(tabId, {
+      backendUrl,
+      apiKey,
+      token
+    });
+    if (isLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { className: "mx-auto size-6 animate-spin text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Loading..." })
+      ] }) });
+    }
+    if (error2) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-sm text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CircleAlert, { className: "mx-auto size-5 text-red-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-xs font-medium text-foreground", children: "Failed to load" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 line-clamp-2 break-words text-[10px] text-muted-foreground", children: error2 })
+      ] }) });
+    }
+    if (!embedUrl) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "iframe",
+      {
+        src: embedUrl,
+        width: "100%",
+        height: "100%",
+        frameBorder: "0",
+        allow: "fullscreen",
+        title: tabName ?? `Asset ${tabId}`,
+        className: "h-full w-full"
+      }
+    );
+  }
+);
+AssetIframe.displayName = "AssetIframe";
+const PanelContent = () => {
+  const { tabs, activeTabId, viewMode, closeTab } = useAssetPanelStore();
+  const isTiled = viewMode === "tiled" && tabs.length >= 2;
+  const gridClass = React.useMemo(() => {
+    const n = tabs.length;
+    if (n <= 1) return "";
+    if (n === 2) return "grid grid-cols-2 grid-rows-1";
+    if (n <= 4) return "grid grid-cols-2 grid-rows-2";
+    if (n <= 6) return "grid grid-cols-3 grid-rows-2";
+    return "grid grid-cols-3 grid-rows-3";
+  }, [tabs.length]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `flex-1 overflow-hidden ${isTiled ? `${gridClass} gap-px bg-border/60` : ""}`,
+      children: tabs.map((tab) => {
+        const isActive2 = tab.id === activeTabId;
+        const config2 = ASSET_TYPE_CONFIG[tab.type];
+        const TypeIcon = config2.icon;
+        if (isTiled) {
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex min-h-0 min-w-0 flex-col bg-background",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1.5 border-b px-2 py-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { className: "size-3 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-[11px] font-medium text-foreground", children: tab.name ?? config2.label }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: () => closeTab(tab.id),
+                      className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(X, { className: "size-2.5" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(AssetIframe, { tabId: tab.id, tabName: tab.name }) })
+              ]
+            },
+            tab.id
+          );
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: isActive2 ? "h-full w-full" : "hidden",
+            children: /* @__PURE__ */ jsxRuntime.jsx(AssetIframe, { tabId: tab.id, tabName: tab.name })
+          },
+          tab.id
+        );
+      })
+    }
+  );
+};
+const TabBar = () => {
+  const { tabs, activeTabId, setActiveTab, closeTab, viewMode } = useAssetPanelStore();
+  if (tabs.length <= 1 || viewMode === "tiled") return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-0 overflow-x-auto border-b bg-muted/30", children: tabs.map((tab) => {
+    const config2 = ASSET_TYPE_CONFIG[tab.type];
+    const TypeIcon = config2.icon;
+    const isActive2 = tab.id === activeTabId;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `group flex max-w-[180px] shrink-0 cursor-pointer items-center gap-1.5 border-r border-border/40 px-3 py-1.5 text-xs ${isActive2 ? "border-b-2 border-b-primary bg-background text-foreground" : "text-muted-foreground hover:bg-background/50 hover:text-foreground"}`,
+        onClick: () => setActiveTab(tab.id),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { className: "size-3 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: tab.name ?? config2.label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                closeTab(tab.id);
+              },
+              className: "ml-auto shrink-0 rounded p-0.5 opacity-0 transition-opacity hover:bg-muted group-hover:opacity-100",
+              children: /* @__PURE__ */ jsxRuntime.jsx(X, { className: "size-2.5" })
+            }
+          )
+        ]
+      },
+      tab.id
+    );
+  }) });
+};
+const PanelHeader = ({ fullscreen }) => {
+  const {
+    closePanel,
+    toggleFullscreen,
+    tabs,
+    activeTabId,
+    viewMode,
+    setViewMode
+  } = useAssetPanelStore();
+  const activeTab = tabs.find((t) => t.id === activeTabId);
+  const config2 = ASSET_TYPE_CONFIG[(activeTab == null ? void 0 : activeTab.type) ?? "unknown"];
+  const TypeIcon = config2.icon;
+  const isTiled = viewMode === "tiled";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b px-4 py-2.5", children: [
+    !isTiled && /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex-1 truncate text-sm font-semibold text-foreground", children: isTiled ? `${tabs.length} Assets` : (activeTab == null ? void 0 : activeTab.name) ?? config2.label }),
+    tabs.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => setViewMode(isTiled ? "tabs" : "tiled"),
+        className: `flex size-7 items-center justify-center rounded-lg transition-colors ${isTiled ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
+        title: isTiled ? "Switch to tabs" : "Tile all assets",
+        children: isTiled ? /* @__PURE__ */ jsxRuntime.jsx(Layers, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(LayoutGrid, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: toggleFullscreen,
+        className: "flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        title: fullscreen ? "Exit fullscreen" : "Fullscreen",
+        children: fullscreen ? /* @__PURE__ */ jsxRuntime.jsx(Minimize2, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(Maximize2, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: closePanel,
+        className: "flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        title: "Close all",
+        children: /* @__PURE__ */ jsxRuntime.jsx(X, { className: "size-4" })
+      }
+    )
+  ] });
+};
+const AssetPanel = () => {
+  const isFullscreen = useAssetPanelStore((s) => s.isFullscreen);
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PanelHeader, { fullscreen: isFullscreen }),
+    /* @__PURE__ */ jsxRuntime.jsx(TabBar, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(PanelContent, {})
+  ] });
+  if (isFullscreen) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex flex-col bg-background", children: content });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full flex-col bg-background", children: content });
+};
+const AthenaLayout = ({
+  children,
+  defaultChatPercent = 50,
+  minPercent = 25
+}) => {
+  const isOpen = useAssetPanelStore((s) => s.isOpen);
+  const [chatPercent, setChatPercent] = React.useState(defaultChatPercent);
+  const containerRef = React.useRef(null);
+  const dragging = React.useRef(false);
+  const onPointerDown = React.useCallback(
+    (e) => {
+      e.preventDefault();
+      dragging.current = true;
+      e.target.setPointerCapture(e.pointerId);
+    },
+    []
+  );
+  const onPointerMove = React.useCallback(
+    (e) => {
+      if (!dragging.current || !containerRef.current) return;
+      const rect = containerRef.current.getBoundingClientRect();
+      const pct = (e.clientX - rect.left) / rect.width * 100;
+      setChatPercent(Math.max(minPercent, Math.min(100 - minPercent, pct)));
+    },
+    [minPercent]
+  );
+  const onPointerUp = React.useCallback(() => {
+    dragging.current = false;
+  }, []);
+  if (!isOpen) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full flex-col", children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "flex h-full w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "flex h-full flex-col overflow-hidden",
+        style: { width: `${chatPercent}%` },
+        children
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.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",
+        onPointerDown,
+        onPointerMove,
+        onPointerUp
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(AssetPanel, {}) })
+  ] });
+};
 exports.AppendDocumentToolUI = AppendDocumentToolUI;
+exports.AssetPanel = AssetPanel;
 exports.AthenaChat = AthenaChat;
+exports.AthenaLayout = AthenaLayout;
 exports.AthenaProvider = AthenaProvider;
 exports.BrowseToolUI = BrowseToolUI;
 exports.Button = Button;
@@ -61651,6 +62398,9 @@ exports.CollapsibleContent = CollapsibleContent;
 exports.CollapsibleTrigger = CollapsibleTrigger;
 exports.CreateDocumentToolUI = CreateDocumentToolUI;
 exports.CreateEmailDraftToolUI = CreateEmailDraftToolUI;
+exports.CreatePresentationToolUI = CreatePresentationToolUI;
+exports.CreateSheetToolUI = CreateSheetToolUI;
+exports.DEFAULT_BACKEND_URL = DEFAULT_BACKEND_URL;
 exports.EmailSearchToolUI = EmailSearchToolUI;
 exports.ReadAssetToolUI = ReadAssetToolUI;
 exports.TOOL_UI_REGISTRY = TOOL_UI_REGISTRY;
@@ -61670,9 +62420,14 @@ exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.WebSearchToolUI = WebSearchToolUI;
 exports.buttonVariants = buttonVariants;
+exports.clearAutoOpenedAssets = clearAutoOpenedAssets;
 exports.cn = cn;
 exports.getAssetInfo = getAssetInfo;
+exports.resetAssetAutoOpen = resetAssetAutoOpen;
 exports.tryParseJson = tryParseJson$1;
+exports.useAssetEmbed = useAssetEmbed;
+exports.useAssetPanelStore = useAssetPanelStore;
+exports.useAthenaConfig = useAthenaConfig;
 exports.useAthenaRuntime = useAthenaRuntime;
 exports.useMentionSuggestions = useMentionSuggestions;
 exports.useParentAuth = useParentAuth;