@athenaintel/react 0.6.5 → 0.7.0

package/dist/index.js

@@ -24473,6 +24473,70 @@ const themes = {
     radius: "0.625rem"
   }
 };
+const QuoteCtx = createContext(null);
+function QuoteProvider({ children }) {
+  const [quote, setQuote] = useState(null);
+  const clearQuote = useCallback(() => setQuote(null), []);
+  const value = useMemo(() => ({ quote, setQuote, clearQuote }), [quote, setQuote, clearQuote]);
+  return /* @__PURE__ */ jsx(QuoteCtx.Provider, { value, children });
+}
+function useQuote() {
+  const ctx = useContext(QuoteCtx);
+  if (!ctx) {
+    throw new Error("[AthenaSDK] useQuote must be used within <QuoteProvider>");
+  }
+  return ctx;
+}
+function useQuoteFromPostMessage() {
+  const { setQuote } = useQuote();
+  useEffect(() => {
+    const handleKeydown = (e) => {
+      var _a2;
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
+        const sel = window.getSelection();
+        const selection = (_a2 = sel == null ? void 0 : sel.toString()) == null ? void 0 : _a2.trim();
+        if (selection && selection.length > 0) {
+          e.preventDefault();
+          let messageId;
+          let role;
+          let node = sel == null ? void 0 : sel.anchorNode;
+          while (node && node !== document.body) {
+            if (node instanceof HTMLElement) {
+              const dataRole = node.getAttribute("data-role");
+              if (dataRole === "assistant" || dataRole === "user") {
+                role = dataRole;
+                messageId = node.getAttribute("data-message-id") ?? void 0;
+                break;
+              }
+            }
+            node = node.parentElement;
+          }
+          setQuote({ text: selection, sourceRole: role, sourceMessageId: messageId });
+        }
+      }
+    };
+    const handleMessage = (event) => {
+      const data = event.data;
+      if (data && typeof data === "object" && data.type === "athena-add-to-composer" && typeof data.text === "string" && data.text.trim().length > 0) {
+        setQuote({
+          text: data.text,
+          sourceTitle: data.sourceTitle,
+          sourceAssetId: data.sourceAssetId
+        });
+      }
+    };
+    document.addEventListener("keydown", handleKeydown, true);
+    window.addEventListener("message", handleMessage);
+    return () => {
+      document.removeEventListener("keydown", handleKeydown, true);
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [setQuote]);
+}
+function QuotePostMessageBridge() {
+  useQuoteFromPostMessage();
+  return null;
+}
 function AthenaStandalone({
   children,
   apiUrl,
@@ -24509,7 +24573,10 @@ function AthenaStandalone({
     () => ({ backendUrl, apiKey, token }),
     [backendUrl, apiKey, token]
   );
-  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) });
+  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsxs(QuoteProvider, { children: [
+    /* @__PURE__ */ jsx(QuotePostMessageBridge, {}),
+    /* @__PURE__ */ jsx(TooltipProvider, { children })
+  ] }) }) });
 }
 function useAthenaRuntimeHook(config2) {
   const remoteId = useAthenaThreadId();
@@ -24588,7 +24655,10 @@ function AthenaWithThreadList({
     () => ({ backendUrl, apiKey, token }),
     [backendUrl, apiKey, token]
   );
-  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) });
+  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsxs(QuoteProvider, { children: [
+    /* @__PURE__ */ jsx(QuotePostMessageBridge, {}),
+    /* @__PURE__ */ jsx(TooltipProvider, { children })
+  ] }) }) });
 }
 function AthenaProvider({
   children,
@@ -58364,6 +58434,18 @@ const TiptapText = ({ text: text2 }) => {
   return /* @__PURE__ */ jsx(EditorContent, { editor });
 };
 var index_default$1 = Placeholder;
+const EditorCtx = createContext(null);
+function ComposerEditorProvider({ children }) {
+  const ref = useRef(null);
+  return /* @__PURE__ */ jsx(EditorCtx.Provider, { value: ref, children });
+}
+function useComposerEditorRef() {
+  const ctx = useContext(EditorCtx);
+  if (!ctx) {
+    throw new Error("[AthenaSDK] useComposerEditorRef must be used within <ComposerEditorProvider>");
+  }
+  return ctx;
+}
 const isMentionPopupActive = (editor) => {
   var _a2, _b;
   return Boolean(
@@ -58397,8 +58479,6 @@ const ComposerKeybinds = Extension.create({
         if (editor.isActive("bulletList") || editor.isActive("orderedList")) {
           return false;
         }
-        const hasContent = editor.getText().trim().length > 0;
-        if (!hasContent) return false;
         this.options.onSubmit();
         return true;
       },
@@ -60401,19 +60481,95 @@ function useMentionSuggestions(tools) {
   }, [tools, store]);
   return store;
 }
+const AttachmentCtx = createContext(null);
+function AttachmentProvider({ children }) {
+  const [attachments, setAttachments] = useState([]);
+  const [isUploading, setIsUploading] = useState(false);
+  const addAttachments = useCallback((assets) => {
+    setAttachments((prev) => [...prev, ...assets]);
+  }, []);
+  const removeAttachment = useCallback((id) => {
+    setAttachments((prev) => prev.filter((a) => a.id !== id));
+  }, []);
+  const clearAttachments = useCallback(() => setAttachments([]), []);
+  const value = useMemo(
+    () => ({ attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading }),
+    [attachments, addAttachments, removeAttachment, clearAttachments, isUploading]
+  );
+  return /* @__PURE__ */ jsx(AttachmentCtx.Provider, { value, children });
+}
+function useAttachments() {
+  const ctx = useContext(AttachmentCtx);
+  if (!ctx) {
+    throw new Error("[AthenaSDK] useAttachments must be used within <AttachmentProvider>");
+  }
+  return ctx;
+}
+function buildAttachmentMarkdown(attachments) {
+  if (attachments.length === 0) return "";
+  return attachments.map((a) => `[@${a.title}](https://app.athenaintel.com/dashboard/spaces?asset_id=${a.id})`).join("\n");
+}
+function buildComposedMessage(opts) {
+  var _a2;
+  const parts = [];
+  if (opts.attachments && opts.attachments.length > 0) {
+    const attachmentMd = buildAttachmentMarkdown(opts.attachments);
+    if (attachmentMd) parts.push(attachmentMd);
+  }
+  if (opts.quote) {
+    const quotedLines = opts.quote.text.split("\n").map((l) => `> ${l}`).join("\n");
+    const sourceLabel = opts.quote.sourceTitle ? `From "${opts.quote.sourceTitle}"` : opts.quote.sourceRole === "assistant" ? "Quoting assistant" : "Quoting";
+    parts.push(`${sourceLabel}:
+${quotedLines}`);
+  }
+  const trimmed = (_a2 = opts.userText) == null ? void 0 : _a2.trim();
+  if (trimmed) parts.push(trimmed);
+  return parts.join("\n\n");
+}
 const TiptapComposer = ({ tools = [] }) => {
+  const aui = useAui();
   const composerRuntime = useComposerRuntime();
   const editorRef = useRef(null);
+  const composerEditorRef = useComposerEditorRef();
   const mentionStore = useMentionSuggestions(tools);
+  const { attachments, clearAttachments, isUploading } = useAttachments();
+  const { quote, clearQuote } = useQuote();
+  const attachmentsRef = useRef(attachments);
+  attachmentsRef.current = attachments;
+  const quoteRef = useRef(quote);
+  quoteRef.current = quote;
+  const isUploadingRef = useRef(isUploading);
+  isUploadingRef.current = isUploading;
   const handleSubmit = useCallback(() => {
     var _a2;
+    if (isUploadingRef.current) return;
     const editor2 = editorRef.current;
-    if (!editor2 || editor2.isEmpty) return;
+    if (!editor2) return;
+    const currentAttachments = attachmentsRef.current;
+    const currentQuote = quoteRef.current;
+    const hasExtras = currentAttachments.length > 0 || !!currentQuote;
+    if (editor2.isEmpty && !hasExtras) return;
     const markdown = ((_a2 = editor2.storage.markdown) == null ? void 0 : _a2.getMarkdown()) ?? editor2.getText();
-    composerRuntime.setText(markdown);
-    composerRuntime.send();
+    if (hasExtras) {
+      const fullMessage = buildComposedMessage({
+        attachments: currentAttachments,
+        quote: currentQuote,
+        userText: markdown
+      });
+      if (fullMessage) {
+        aui.thread().append({
+          role: "user",
+          content: [{ type: "text", text: fullMessage }]
+        });
+      }
+      clearAttachments();
+      clearQuote();
+    } else {
+      composerRuntime.setText(markdown);
+      composerRuntime.send();
+    }
     editor2.commands.clearContent();
-  }, [composerRuntime]);
+  }, [aui, composerRuntime, clearAttachments, clearQuote]);
   const editor = useEditor({
     immediatelyRender: true,
     extensions: [
@@ -60456,7 +60612,18 @@ const TiptapComposer = ({ tools = [] }) => {
   });
   useEffect(() => {
     editorRef.current = editor;
-  }, [editor]);
+    composerEditorRef.current = editor ? {
+      getMarkdown: () => {
+        var _a2;
+        return ((_a2 = editor.storage.markdown) == null ? void 0 : _a2.getMarkdown()) ?? editor.getText();
+      },
+      clear: () => editor.commands.clearContent(),
+      isEmpty: () => editor.isEmpty,
+      insertText: (text2) => {
+        editor.chain().focus().insertContentAt(editor.state.doc.content.size, text2).run();
+      }
+    } : null;
+  }, [editor, composerEditorRef]);
   return /* @__PURE__ */ jsx(EditorContent, { editor });
 };
 /**
@@ -60589,40 +60756,40 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$J = [
+const __iconNode$L = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$J);
+const ArrowDown = createLucideIcon("arrow-down", __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$I = [
+const __iconNode$K = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$I);
+const ArrowRight = createLucideIcon("arrow-right", __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$H = [
+const __iconNode$J = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$H);
+const ArrowUp = createLucideIcon("arrow-up", __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$G = [
+const __iconNode$I = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -60632,14 +60799,14 @@ const __iconNode$G = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$G);
+const BookOpen = createLucideIcon("book-open", __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$F = [
+const __iconNode$H = [
   ["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" }],
@@ -60649,148 +60816,148 @@ const __iconNode$F = [
   ["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$F);
+const Brain = createLucideIcon("brain", __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$E = [
+const __iconNode$G = [
   ["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$E);
+const ChartColumn = createLucideIcon("chart-column", __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$D = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$D);
+const __iconNode$F = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$C = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$C);
+const __iconNode$E = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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$B = [
+const __iconNode$D = [
   ["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$B);
+const CircleAlert = createLucideIcon("circle-alert", __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$A = [
+const __iconNode$C = [
   ["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$A);
+const CircleCheck = createLucideIcon("circle-check", __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$z = [
+const __iconNode$B = [
   ["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$z);
+const CircleX = createLucideIcon("circle-x", __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$y = [
+const __iconNode$A = [
   ["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$y);
+const Code = createLucideIcon("code", __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$x = [
+const __iconNode$z = [
   ["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$x);
+const Copy = createLucideIcon("copy", __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$w = [
+const __iconNode$y = [
   ["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$w);
+const Database = createLucideIcon("database", __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$v = [
+const __iconNode$x = [
   ["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$v);
+const Download = createLucideIcon("download", __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$u = [
+const __iconNode$w = [
   ["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$u);
+const Ellipsis = createLucideIcon("ellipsis", __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$t = [
+const __iconNode$v = [
   ["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$t);
+const ExternalLink = createLucideIcon("external-link", __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$s = [
+const __iconNode$u = [
   [
     "path",
     {
@@ -60802,14 +60969,14 @@ const __iconNode$s = [
   ["path", { d: "M9 15h6", key: "cctwl0" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }]
 ];
-const FilePlus = createLucideIcon("file-plus", __iconNode$s);
+const FilePlus = createLucideIcon("file-plus", __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$r = [
+const __iconNode$t = [
   [
     "path",
     {
@@ -60823,14 +60990,14 @@ const __iconNode$r = [
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
 ];
-const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$r);
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __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$q = [
+const __iconNode$s = [
   [
     "path",
     {
@@ -60843,14 +61010,14 @@ const __iconNode$q = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$q);
+const FileText = createLucideIcon("file-text", __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$p = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -60860,14 +61027,14 @@ const __iconNode$p = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$p);
+const File$1 = createLucideIcon("file", __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$o = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -60876,38 +61043,38 @@ const __iconNode$o = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$o);
+const FolderOpen = createLucideIcon("folder-open", __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$n = [
+const __iconNode$p = [
   ["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$n);
+const Globe = createLucideIcon("globe", __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$m = [
+const __iconNode$o = [
   ["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$m);
+const Image = createLucideIcon("image", __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$l = [
+const __iconNode$n = [
   [
     "path",
     {
@@ -60930,46 +61097,46 @@ const __iconNode$l = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$l);
+const Layers = createLucideIcon("layers", __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$k = [
+const __iconNode$m = [
   ["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$k);
+const LayoutGrid = createLucideIcon("layout-grid", __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$j = [
+const __iconNode$l = [
   ["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$j);
+const Link = createLucideIcon("link", __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$i = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$i);
+const __iconNode$k = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __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$h = [
+const __iconNode$j = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -60979,38 +61146,38 @@ const __iconNode$h = [
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
 ];
-const Loader = createLucideIcon("loader", __iconNode$h);
+const Loader = createLucideIcon("loader", __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$g = [
+const __iconNode$i = [
   ["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$g);
+const Mail = createLucideIcon("mail", __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$f = [
+const __iconNode$h = [
   ["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$f);
+const Maximize2 = createLucideIcon("maximize-2", __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$e = [
+const __iconNode$g = [
   [
     "path",
     {
@@ -61019,39 +61186,39 @@ const __iconNode$e = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$e);
+const MessageSquare = createLucideIcon("message-square", __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$d = [
+const __iconNode$f = [
   ["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$d);
+const Minimize2 = createLucideIcon("minimize-2", __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$c = [
+const __iconNode$e = [
   ["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$c);
+const Monitor = createLucideIcon("monitor", __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$b = [
+const __iconNode$d = [
   ["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" }],
@@ -61065,14 +61232,30 @@ const __iconNode$b = [
     }
   ]
 ];
-const NotebookPen = createLucideIcon("notebook-pen", __iconNode$b);
+const NotebookPen = createLucideIcon("notebook-pen", __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$a = [
+const __iconNode$c = [
+  [
+    "path",
+    {
+      d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
+      key: "1miecu"
+    }
+  ]
+];
+const Paperclip = createLucideIcon("paperclip", __iconNode$c);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$b = [
   ["path", { d: "M13 21h8", key: "1jsn5i" }],
   [
     "path",
@@ -61082,30 +61265,53 @@ const __iconNode$a = [
     }
   ]
 ];
-const PenLine = createLucideIcon("pen-line", __iconNode$a);
+const PenLine = createLucideIcon("pen-line", __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$9 = [
+const __iconNode$a = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$9);
+const Plus = createLucideIcon("plus", __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$8 = [
+const __iconNode$9 = [
   ["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$8);
+const Presentation = createLucideIcon("presentation", __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$8 = [
+  [
+    "path",
+    {
+      d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+      key: "rib7q0"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+      key: "1ymkrd"
+    }
+  ]
+];
+const Quote = createLucideIcon("quote", __iconNode$8);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -61298,7 +61504,6 @@ const TOOL_META = {
   execute_presentation_code: { displayName: "Generating slides", icon: Monitor },
   // Code & Data
   run_python_code: { displayName: "Running analysis", icon: Code },
-  // Debug: temporarily log all tool names hitting the fallback
   run_sql_query_tool: { displayName: "Querying data", icon: Database },
   create_database: { displayName: "Setting up database", icon: Database },
   run_database_sql: { displayName: "Querying database", icon: Database },
@@ -62587,23 +62792,28 @@ function parsePythonResult(result) {
   const createdAssets = Array.isArray(data.created_assets) ? data.created_assets : [];
   return { stdout, stderr, value, error: error2, exception, imagePng, plotlyJson, createdAssets };
 }
+function getPlotly() {
+  return window.Plotly;
+}
 let plotlyLoadPromise = null;
 function ensurePlotlyLoaded() {
-  if (window.Plotly) return Promise.resolve();
+  if (getPlotly()) return Promise.resolve();
   if (plotlyLoadPromise) return plotlyLoadPromise;
   plotlyLoadPromise = new Promise((resolve, reject) => {
     const script = document.createElement("script");
     script.src = "https://cdn.plot.ly/plotly-2.35.2.min.js";
+    script.crossOrigin = "anonymous";
     script.onload = () => resolve();
     script.onerror = () => {
       plotlyLoadPromise = null;
+      document.head.removeChild(script);
       reject(new Error("Failed to load Plotly"));
     };
     document.head.appendChild(script);
   });
   return plotlyLoadPromise;
 }
-const PlotlyChart = ({ json }) => {
+const PlotlyChart = ({ json, height = 500 }) => {
   const chartRef = useRef(null);
   const [error2, setError] = useState(null);
   useEffect(() => {
@@ -62611,7 +62821,8 @@ const PlotlyChart = ({ json }) => {
     ensurePlotlyLoaded().then(() => {
       if (cancelled || !chartRef.current) return;
       const parsed = JSON.parse(json);
-      const Plotly = window.Plotly;
+      const Plotly = getPlotly();
+      if (!Plotly) return;
       Plotly.newPlot(
         chartRef.current,
         parsed.data || [],
@@ -62624,15 +62835,58 @@ const PlotlyChart = ({ json }) => {
     return () => {
       cancelled = true;
       if (chartRef.current) {
-        const Plotly = window.Plotly;
-        if (Plotly == null ? void 0 : Plotly.purge) Plotly.purge(chartRef.current);
+        const Plotly = getPlotly();
+        if (Plotly) Plotly.purge(chartRef.current);
       }
     };
   }, [json]);
   if (error2) {
     return /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error2 });
   }
-  return /* @__PURE__ */ jsx("div", { ref: chartRef, className: "w-full overflow-hidden", style: { height: 500 } });
+  return /* @__PURE__ */ jsx("div", { ref: chartRef, className: "w-full overflow-hidden", style: { height } });
+};
+const PlotlyChartSection = ({ json }) => {
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment$2, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(ChartColumn, { className: "size-3 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Interactive chart" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsFullscreen(true),
+            className: "flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            title: "View full screen",
+            children: /* @__PURE__ */ jsx(Maximize2, { className: "size-3.5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(PlotlyChart, { json })
+    ] }),
+    isFullscreen && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[9999] flex flex-col bg-background", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-3 border-b border-border", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(ChartColumn, { className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Interactive chart" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsFullscreen(false),
+            className: "flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            title: "Close full screen",
+            children: /* @__PURE__ */ jsx(X, { className: "size-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 p-4", children: /* @__PURE__ */ jsx(PlotlyChart, { json, height: "100%" }) })
+    ] })
+  ] });
 };
 const SyntaxHighlightedCode = memo(({ code: code2 }) => {
   const highlighted = useMemo(() => highlightPython(code2), [code2]);
@@ -62849,13 +63103,7 @@ const RunPythonCodeToolUIImpl = ({
           ] }),
           /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-md bg-destructive/5 p-2 text-[11px] leading-relaxed font-mono text-destructive/80", children: ((_a2 = parsed.exception) == null ? void 0 : _a2.traceback) ?? parsed.error })
         ] }),
-        isComplete && hasPlotly && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
-            /* @__PURE__ */ jsx(ChartColumn, { className: "size-3 text-muted-foreground" }),
-            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Interactive chart" })
-          ] }),
-          /* @__PURE__ */ jsx(PlotlyChart, { json: parsed.plotlyJson })
-        ] }),
+        isComplete && hasPlotly && /* @__PURE__ */ jsx(PlotlyChartSection, { json: parsed.plotlyJson }),
         isComplete && hasImage && !hasPlotly && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
             /* @__PURE__ */ jsx(Image, { className: "size-3 text-muted-foreground" }),
@@ -63086,6 +63334,305 @@ const TooltipIconButton = forwardRef(
   }
 );
 TooltipIconButton.displayName = "TooltipIconButton";
+const MAX_FILE_SIZE = 5 * 1024 * 1024 * 1024;
+function useFileUpload() {
+  const { backendUrl, apiKey, token } = useAthenaConfig();
+  const [isUploading, setIsUploading] = useState(false);
+  const [progress, setProgress] = useState(null);
+  const [error2, setError] = useState(null);
+  const xhrRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      var _a2;
+      (_a2 = xhrRef.current) == null ? void 0 : _a2.abort();
+    };
+  }, []);
+  const clearError = useCallback(() => setError(null), []);
+  const upload = useCallback(
+    async (files) => {
+      var _a2;
+      if (files.length === 0) return [];
+      for (const file of files) {
+        if (file.size > MAX_FILE_SIZE) {
+          const msg = `File "${file.name}" exceeds the maximum size of 5 GB.`;
+          setError(msg);
+          throw new Error(msg);
+        }
+      }
+      setIsUploading(true);
+      setError(null);
+      setProgress({ current: 0, total: files.length, fileName: ((_a2 = files[0]) == null ? void 0 : _a2.name) ?? "", percent: 0 });
+      try {
+        const formData = new FormData();
+        for (const file of files) {
+          formData.append("files", file, file.name);
+        }
+        const baseUrl = backendUrl.replace(/\/api\/assistant-ui\/?$/, "");
+        if (baseUrl === backendUrl) {
+          console.warn("[AthenaSDK] useFileUpload: backendUrl does not end with /api/assistant-ui — upload URL may be incorrect:", `${baseUrl}/api/upload/`);
+        }
+        const uploadUrl = `${baseUrl}/api/upload/`;
+        const headers = {};
+        if (token) {
+          headers["Authorization"] = `Bearer ${token}`;
+        } else if (apiKey) {
+          headers["X-API-KEY"] = apiKey;
+        }
+        const xhr = new XMLHttpRequest();
+        xhrRef.current = xhr;
+        const result = await new Promise((resolve, reject) => {
+          xhr.upload.addEventListener("progress", (e) => {
+            var _a3;
+            if (e.lengthComputable) {
+              const percent = e.loaded / e.total;
+              const fileIndex = Math.min(
+                Math.floor(percent * files.length),
+                files.length - 1
+              );
+              setProgress({
+                current: fileIndex + 1,
+                total: files.length,
+                fileName: ((_a3 = files[fileIndex]) == null ? void 0 : _a3.name) ?? "",
+                percent
+              });
+            }
+          });
+          xhr.addEventListener("load", () => {
+            if (xhr.status >= 200 && xhr.status < 300) {
+              try {
+                const data = JSON.parse(xhr.responseText);
+                const assets = (data.success ?? []).map((a) => ({
+                  id: a.id,
+                  title: a.title ?? a.file_name,
+                  fileName: a.file_name,
+                  fileSize: a.file_size,
+                  mediaType: a.media_type
+                }));
+                resolve({ success: assets, errors: data.errors ?? [] });
+              } catch {
+                reject(new Error("Failed to parse upload response"));
+              }
+            } else if (xhr.status === 401 || xhr.status === 403) {
+              reject(new Error("Authentication failed. Check your API key or token."));
+            } else {
+              reject(new Error(`Upload failed with status ${xhr.status}`));
+            }
+          });
+          xhr.addEventListener("error", () => reject(new Error("Network error during upload")));
+          xhr.addEventListener("abort", () => reject(new Error("Upload was cancelled")));
+          xhr.open("POST", uploadUrl);
+          for (const [key, value] of Object.entries(headers)) {
+            xhr.setRequestHeader(key, value);
+          }
+          xhr.withCredentials = !token && !apiKey;
+          xhr.send(formData);
+        });
+        if (result.errors.length > 0) {
+          const errMsg = result.errors.map((e) => `${e.file.filename}: ${e.error}`).join("; ");
+          if (result.success.length === 0) {
+            setError(errMsg);
+            throw new Error(errMsg);
+          }
+          setError(errMsg);
+        }
+        return result.success;
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : "Upload failed";
+        setError(msg);
+        throw err;
+      } finally {
+        xhrRef.current = null;
+        setIsUploading(false);
+        setProgress(null);
+      }
+    },
+    [backendUrl, apiKey, token]
+  );
+  return { upload, isUploading, progress, error: error2, clearError };
+}
+const FileUploadButton = ({
+  className,
+  onUpload,
+  accept
+}) => {
+  const inputRef = useRef(null);
+  const { upload, isUploading, error: error2, clearError } = useFileUpload();
+  const { addAttachments, setIsUploading } = useAttachments();
+  const handleClick2 = useCallback(() => {
+    var _a2;
+    clearError();
+    (_a2 = inputRef.current) == null ? void 0 : _a2.click();
+  }, [clearError]);
+  const handleFiles = useCallback(
+    async (files) => {
+      if (!files || files.length === 0) return;
+      const fileArray = Array.from(files);
+      setIsUploading(true);
+      try {
+        const assets = await upload(fileArray);
+        if (assets.length > 0) {
+          addAttachments(assets);
+          onUpload == null ? void 0 : onUpload(assets);
+        }
+      } catch {
+      } finally {
+        setIsUploading(false);
+      }
+      if (inputRef.current) {
+        inputRef.current.value = "";
+      }
+    },
+    [upload, addAttachments, setIsUploading, onUpload]
+  );
+  return /* @__PURE__ */ jsxs(Fragment$2, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        multiple: true,
+        accept,
+        className: "hidden",
+        onChange: (e) => handleFiles(e.target.files),
+        "aria-label": "Upload files"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick2,
+        disabled: isUploading,
+        className: cn(
+          "aui-file-upload-btn flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-50 disabled:pointer-events-none",
+          error2 && "text-destructive",
+          className
+        ),
+        title: error2 ?? (isUploading ? "Uploading..." : "Attach files"),
+        "aria-label": isUploading ? "Uploading files" : "Attach files",
+        children: isUploading ? /* @__PURE__ */ jsx(LoaderCircle, { className: "size-4 animate-spin" }) : error2 ? /* @__PURE__ */ jsx(CircleAlert, { className: "size-4" }) : /* @__PURE__ */ jsx(Paperclip, { className: "size-4" })
+      }
+    )
+  ] });
+};
+const ComposerQuotePreview = ({ className }) => {
+  const { quote, clearQuote } = useQuote();
+  if (!quote) return null;
+  const previewText = quote.text.length > 200 ? quote.text.slice(0, 200).trimEnd() + "…" : quote.text;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "aui-quote-preview mx-3 mt-2 flex items-start gap-2 rounded-lg border border-border/60 bg-muted/40 px-3 py-2 text-sm",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Quote, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground/60" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          quote.sourceTitle && /* @__PURE__ */ jsxs("div", { className: "mb-0.5 truncate text-xs font-medium text-muted-foreground", children: [
+            "From ",
+            quote.sourceTitle
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "line-clamp-3 whitespace-pre-wrap text-xs text-foreground/80 leading-relaxed", children: previewText })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: clearQuote,
+            className: "mt-0.5 shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+            "aria-label": "Remove quote",
+            children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+          }
+        )
+      ]
+    }
+  );
+};
+const ComposerAttachmentPreview = ({ className }) => {
+  const { attachments, removeAttachment } = useAttachments();
+  if (attachments.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: cn("aui-attachment-preview mx-3 mt-2 flex flex-wrap gap-1.5", className), children: attachments.map((asset) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-1.5 rounded-lg border border-border/60 bg-muted/40 px-2.5 py-1.5 text-xs",
+      children: [
+        /* @__PURE__ */ jsx(Paperclip, { className: "size-3 shrink-0 text-muted-foreground/60" }),
+        /* @__PURE__ */ jsx("span", { className: "max-w-[180px] truncate text-foreground/80", children: asset.title }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => removeAttachment(asset.id),
+            className: "shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+            "aria-label": `Remove ${asset.title}`,
+            children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+          }
+        )
+      ]
+    },
+    asset.id
+  )) });
+};
+const ComposerDropZone = ({
+  children,
+  className,
+  onUpload
+}) => {
+  const [isDragOver, setIsDragOver] = useState(false);
+  const { upload, isUploading } = useFileUpload();
+  const { addAttachments, setIsUploading } = useAttachments();
+  const handleDragOver = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.dataTransfer.types.includes("Files")) {
+      setIsDragOver(true);
+    }
+  }, []);
+  const handleDragLeave = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const rect = e.currentTarget.getBoundingClientRect();
+    const { clientX, clientY } = e;
+    if (clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom) {
+      setIsDragOver(false);
+    }
+  }, []);
+  const handleDrop2 = useCallback(
+    async (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragOver(false);
+      const files = Array.from(e.dataTransfer.files);
+      if (files.length === 0) return;
+      setIsUploading(true);
+      try {
+        const assets = await upload(files);
+        if (assets.length > 0) {
+          addAttachments(assets);
+          onUpload == null ? void 0 : onUpload(assets);
+        }
+      } catch {
+      } finally {
+        setIsUploading(false);
+      }
+    },
+    [upload, addAttachments, setIsUploading, onUpload]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("relative", className),
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop2,
+      children: [
+        children,
+        isDragOver && !isUploading && /* @__PURE__ */ jsx("div", { className: "aui-drop-overlay pointer-events-none absolute inset-0 z-20 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary/50 bg-primary/5", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-primary", children: "Drop files to upload" }) })
+      ]
+    }
+  );
+};
 const EMPTY_MENTION_TOOLS = [];
 const DEFAULT_SUGGESTIONS = [
   {
@@ -63172,7 +63719,7 @@ const AthenaChat = ({
               /* @__PURE__ */ jsx(AuiIf, { condition: (s) => s.thread.isEmpty, children: /* @__PURE__ */ jsx("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: /* @__PURE__ */ jsx("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-4", children: [
                 /* @__PURE__ */ jsx("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both font-semibold text-2xl duration-200", children: welcomeMessage }),
                 welcomeSubtext && /* @__PURE__ */ jsx("p", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-muted-foreground text-lg delay-75 duration-200", children: welcomeSubtext }),
-                welcomeSuggestions.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-6 grid grid-cols-1 gap-2.5 sm:grid-cols-2", children: welcomeSuggestions.map((s, i) => /* @__PURE__ */ jsx(SuggestionCard, { suggestion: s, index: i }, i)) })
+                welcomeSuggestions.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-6 grid grid-cols-1 gap-2.5 sm:grid-cols-2", children: welcomeSuggestions.map((s, i) => /* @__PURE__ */ jsx(SuggestionCard, { suggestion: s, index: i }, s.title)) })
               ] }) }) }) }),
               /* @__PURE__ */ jsx(
                 ThreadPrimitiveMessages,
@@ -63185,10 +63732,12 @@ const AthenaChat = ({
               ),
               /* @__PURE__ */ jsxs(ThreadPrimitiveViewportFooter, { className: "aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6", children: [
                 /* @__PURE__ */ jsx(ThreadScrollToBottom, {}),
-                /* @__PURE__ */ jsxs(ComposerPrimitiveRoot, { className: "aui-composer-root relative flex w-full flex-col rounded-2xl border border-input bg-background px-1 pt-2 outline-none transition-shadow focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20", children: [
+                /* @__PURE__ */ jsx(AttachmentProvider, { children: /* @__PURE__ */ jsx(ComposerEditorProvider, { children: /* @__PURE__ */ jsx(ComposerDropZone, { children: /* @__PURE__ */ jsxs(ComposerPrimitiveRoot, { className: "aui-composer-root relative flex w-full flex-col rounded-2xl border border-input bg-background px-1 outline-none transition-shadow focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20", children: [
+                  /* @__PURE__ */ jsx(ComposerQuotePreview, {}),
+                  /* @__PURE__ */ jsx(ComposerAttachmentPreview, {}),
                   /* @__PURE__ */ jsx(TiptapComposer, { tools }),
                   /* @__PURE__ */ jsx(ComposerAction, {})
-                ] })
+                ] }) }) }) })
               ] })
             ]
           }
@@ -63199,7 +63748,14 @@ const AthenaChat = ({
 };
 const ThreadLoadingOverlay = () => {
   const remoteId = useAthenaThreadId();
-  if (!remoteId) return null;
+  const [timedOut, setTimedOut] = useState(false);
+  useEffect(() => {
+    if (!remoteId) return;
+    setTimedOut(false);
+    const timer = setTimeout(() => setTimedOut(true), 15e3);
+    return () => clearTimeout(timer);
+  }, [remoteId]);
+  if (!remoteId || timedOut) return null;
   return /* @__PURE__ */ jsx(AuiIf, { condition: (s) => s.thread.isEmpty, children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background/80", children: /* @__PURE__ */ jsx("div", { className: "size-5 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent" }) }) });
 };
 const ThreadScrollToBottom = () => /* @__PURE__ */ jsx(ThreadPrimitiveScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -63211,8 +63767,66 @@ const ThreadScrollToBottom = () => /* @__PURE__ */ jsx(ThreadPrimitiveScrollToBo
     children: /* @__PURE__ */ jsx(ArrowDown, {})
   }
 ) });
-const ComposerAction = () => /* @__PURE__ */ jsxs("div", { className: "aui-composer-action-wrapper relative mx-2 mb-2 flex items-center justify-end", children: [
-  /* @__PURE__ */ jsx(AuiIf, { condition: (s) => !s.thread.isRunning, children: /* @__PURE__ */ jsx(ComposerPrimitiveSend, { asChild: true, children: /* @__PURE__ */ jsx(
+const ComposerAction = () => /* @__PURE__ */ jsxs("div", { className: "aui-composer-action-wrapper relative mx-2 mb-2 flex items-center justify-between", children: [
+  /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(FileUploadButton, {}) }),
+  /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ jsx(AuiIf, { condition: (s) => !s.thread.isRunning, children: /* @__PURE__ */ jsx(ComposerSendWithQuote, {}) }),
+    /* @__PURE__ */ jsx(AuiIf, { condition: (s) => s.thread.isRunning, children: /* @__PURE__ */ jsx(ComposerPrimitiveCancel, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "default",
+        size: "icon",
+        className: "aui-composer-cancel size-8 rounded-full",
+        "aria-label": "Stop generating",
+        children: /* @__PURE__ */ jsx(Square, { className: "aui-composer-cancel-icon size-3 fill-current" })
+      }
+    ) }) })
+  ] })
+] });
+const ComposerSendWithQuote = () => {
+  const aui = useAui();
+  const { quote, clearQuote } = useQuote();
+  const { attachments, clearAttachments, isUploading } = useAttachments();
+  const editorRef = useComposerEditorRef();
+  const hasExtras = !!quote || attachments.length > 0;
+  const handleSend = useCallback(() => {
+    var _a2;
+    if (isUploading) return;
+    const editor = editorRef.current;
+    const userText = ((_a2 = editor == null ? void 0 : editor.getMarkdown()) == null ? void 0 : _a2.trim()) ?? "";
+    const fullMessage = buildComposedMessage({
+      attachments,
+      quote,
+      userText
+    });
+    if (!fullMessage) return;
+    aui.thread().append({
+      role: "user",
+      content: [{ type: "text", text: fullMessage }]
+    });
+    editor == null ? void 0 : editor.clear();
+    clearQuote();
+    clearAttachments();
+  }, [aui, quote, attachments, isUploading, clearQuote, clearAttachments, editorRef]);
+  if (hasExtras) {
+    return /* @__PURE__ */ jsx(
+      TooltipIconButton,
+      {
+        tooltip: isUploading ? "Upload in progress..." : "Send message",
+        side: "bottom",
+        type: "button",
+        variant: "default",
+        size: "icon",
+        className: "aui-composer-send size-8 rounded-full",
+        "aria-label": "Send message",
+        onClick: handleSend,
+        disabled: isUploading,
+        children: /* @__PURE__ */ jsx(ArrowUp, { className: "aui-composer-send-icon size-4" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(ComposerPrimitiveSend, { asChild: true, children: /* @__PURE__ */ jsx(
     TooltipIconButton,
     {
       tooltip: "Send message",
@@ -63224,19 +63838,8 @@ const ComposerAction = () => /* @__PURE__ */ jsxs("div", { className: "aui-compo
       "aria-label": "Send message",
       children: /* @__PURE__ */ jsx(ArrowUp, { className: "aui-composer-send-icon size-4" })
     }
-  ) }) }),
-  /* @__PURE__ */ jsx(AuiIf, { condition: (s) => s.thread.isRunning, children: /* @__PURE__ */ jsx(ComposerPrimitiveCancel, { asChild: true, children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      variant: "default",
-      size: "icon",
-      className: "aui-composer-cancel size-8 rounded-full",
-      "aria-label": "Stop generating",
-      children: /* @__PURE__ */ jsx(Square, { className: "aui-composer-cancel-icon size-3 fill-current" })
-    }
-  ) }) })
-] });
+  ) });
+};
 const MessageError = () => /* @__PURE__ */ jsx(MessagePrimitiveError, { children: /* @__PURE__ */ jsxs(ErrorPrimitiveRoot, { className: "aui-message-error-root mt-2 flex items-start gap-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm dark:bg-destructive/5 dark:text-red-200", children: [
   /* @__PURE__ */ jsx(CircleAlert, { className: "mt-0.5 size-4 shrink-0" }),
   /* @__PURE__ */ jsx(ErrorPrimitiveMessage, { className: "aui-message-error-message grow" }),
@@ -63757,6 +64360,8 @@ export {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
+  ComposerDropZone,
+  ComposerQuotePreview,
   CreateDocumentToolUI,
   CreateEmailDraftToolUI,
   CreateNotebookToolUI,
@@ -63764,6 +64369,8 @@ export {
   CreateSheetToolUI,
   DEFAULT_BACKEND_URL,
   EmailSearchToolUI,
+  ExpandableSection,
+  FileUploadButton,
   OpenAssetToolUI,
   ReadAssetToolUI,
   RunPythonCodeToolUI,
@@ -63771,6 +64378,7 @@ export {
   ThreadList,
   TiptapComposer,
   TiptapText,
+  ToolCard,
   ToolFallback,
   ToolFallbackArgs,
   ToolFallbackContent,
@@ -63789,10 +64397,13 @@ export {
   clearAutoOpenedAssets,
   cn,
   createAssetToolUI,
+  formatToolName,
   getAssetInfo,
+  normalizeResult,
   resetAssetAutoOpen,
   themeToStyleVars,
   themes,
+  truncate,
   tryParseJson$1 as tryParseJson,
   useAppendToComposer,
   useAssetEmbed,
@@ -63800,7 +64411,9 @@ export {
   useAthenaConfig,
   useAthenaRuntime,
   useComposerAttachment,
+  useFileUpload,
   useMentionSuggestions,
-  useParentAuth
+  useParentAuth,
+  useQuote
 };
 //# sourceMappingURL=index.js.map