@agno-hq/chat-react 0.3.0 → 0.3.1

package/dist/{chunk-ERCKKOF4.cjs → chunk-JEPFGKHH.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkROFIOWGX_cjs = require('./chunk-ROFIOWGX.cjs');
+var chunk55HQJGLP_cjs = require('./chunk-55HQJGLP.cjs');
 var React7 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
@@ -18,7 +18,7 @@ function useAgnoChat(options) {
   const { entity, userId, onEvent, onSessionId } = options;
   const client = React7.useMemo(() => {
     if (options.client) return options.client;
-    return new chunkROFIOWGX_cjs.AgnoClient({ baseUrl: options.baseUrl ?? "", headers: options.headers });
+    return new chunk55HQJGLP_cjs.AgnoClient({ baseUrl: options.baseUrl ?? "", headers: options.headers });
   }, [options.client, options.baseUrl, JSON.stringify(options.headers)]);
   const [messages, setMessages] = React7.useState(options.initialMessages ?? []);
   const [events, setEvents] = React7.useState([]);
@@ -106,7 +106,7 @@ function useAgnoChat(options) {
       writeEvents(chan, e);
       patchActive(chan, (m) => ({ ...m, events: [...m.events ?? [], e] }));
       onEvent?.(e);
-      const label2 = chunkROFIOWGX_cjs.activityLabel(e);
+      const label2 = chunk55HQJGLP_cjs.activityLabel(e);
       if (label2) writeActivity(chan, label2);
       if (e.session_id && !chan?.park && e.session_id !== sessionIdRef.current) {
         sessionIdRef.current = e.session_id;
@@ -123,16 +123,16 @@ function useAgnoChat(options) {
         if (chan?.park) chan.park.runId = e.run_id;
         else runIdRef.current = e.run_id;
       }
-      if (chunkROFIOWGX_cjs.isSubRunEvent(e)) {
+      if (chunk55HQJGLP_cjs.isSubRunEvent(e)) {
         const kind = entityRef.current?.type === "workflow" ? "executor" : "member";
-        patchActive(chan, (m) => chunkROFIOWGX_cjs.applySubRunEvent(m, e, kind));
+        patchActive(chan, (m) => chunk55HQJGLP_cjs.applySubRunEvent(m, e, kind));
         return;
       }
-      if (chunkROFIOWGX_cjs.isStepEvent(e)) {
-        patchActive(chan, (m) => chunkROFIOWGX_cjs.applyStepEvent(m, e));
+      if (chunk55HQJGLP_cjs.isStepEvent(e)) {
+        patchActive(chan, (m) => chunk55HQJGLP_cjs.applyStepEvent(m, e));
         return;
       }
-      if (chunkROFIOWGX_cjs.isStartedEvent(e)) {
+      if (chunk55HQJGLP_cjs.isStartedEvent(e)) {
         patchActive(chan, (m) => ({
           ...m,
           run_id: e.run_id ?? m.run_id,
@@ -141,22 +141,22 @@ function useAgnoChat(options) {
         }));
         return;
       }
-      if (chunkROFIOWGX_cjs.isToolEvent(e)) {
-        const incoming = chunkROFIOWGX_cjs.toolsFromEvent(e);
+      if (chunk55HQJGLP_cjs.isToolEvent(e)) {
+        const incoming = chunk55HQJGLP_cjs.toolsFromEvent(e);
         if (incoming.length) {
           patchActive(chan, (m) => {
             let tool_calls = m.tool_calls ?? [];
-            for (const t of incoming) tool_calls = chunkROFIOWGX_cjs.mergeTool(tool_calls, t);
+            for (const t of incoming) tool_calls = chunk55HQJGLP_cjs.mergeTool(tool_calls, t);
             return { ...m, tool_calls };
           });
         }
         return;
       }
-      if (chunkROFIOWGX_cjs.isContentEvent(e)) {
-        patchActive(chan, (m) => chunkROFIOWGX_cjs.applyContentEvent(m, e));
+      if (chunk55HQJGLP_cjs.isContentEvent(e)) {
+        patchActive(chan, (m) => chunk55HQJGLP_cjs.applyContentEvent(m, e));
         return;
       }
-      if (chunkROFIOWGX_cjs.isReasoningStepEvent(e)) {
+      if (chunk55HQJGLP_cjs.isReasoningStepEvent(e)) {
         const incoming = e.reasoning_steps ?? e.extra_data?.reasoning_steps ?? [];
         if (incoming.length) {
           patchActive(chan, (m) => ({
@@ -166,36 +166,36 @@ function useAgnoChat(options) {
         }
         return;
       }
-      if (chunkROFIOWGX_cjs.isReasoningCompletedEvent(e)) {
+      if (chunk55HQJGLP_cjs.isReasoningCompletedEvent(e)) {
         const steps = e.reasoning_steps ?? e.extra_data?.reasoning_steps;
         if (steps?.length) patchActive(chan, (m) => ({ ...m, reasoning_steps: steps }));
         return;
       }
-      if (chunkROFIOWGX_cjs.isFollowupsCompletedEvent(e)) {
+      if (chunk55HQJGLP_cjs.isFollowupsCompletedEvent(e)) {
         const followups = e.followups;
         if (followups?.length) patchActive(chan, (m) => ({ ...m, followups }));
         return;
       }
-      if (chunkROFIOWGX_cjs.isPausedEvent(e)) {
+      if (chunk55HQJGLP_cjs.isPausedEvent(e)) {
         const requirements = e.requirements ?? [];
-        const pausedTools2 = chunkROFIOWGX_cjs.toolsFromEvent(e);
+        const pausedTools2 = chunk55HQJGLP_cjs.toolsFromEvent(e);
         writeStatus(chan, "paused");
         writeActivity(chan, "Waiting for input");
         patchActive(chan, (m) => {
           let tool_calls = m.tool_calls ?? [];
-          for (const t of pausedTools2) tool_calls = chunkROFIOWGX_cjs.mergeTool(tool_calls, t);
+          for (const t of pausedTools2) tool_calls = chunk55HQJGLP_cjs.mergeTool(tool_calls, t);
           return { ...m, status: "paused", streaming: false, requirements, tool_calls };
         });
         return;
       }
-      if (chunkROFIOWGX_cjs.isCompletedEvent(e)) {
+      if (chunk55HQJGLP_cjs.isCompletedEvent(e)) {
         patchActive(chan, (m) => {
           const next = { ...m, streaming: false, status: "completed" };
           if (typeof e.content === "string" && e.content) next.content = e.content;
-          const tools = chunkROFIOWGX_cjs.toolsFromEvent(e);
+          const tools = chunk55HQJGLP_cjs.toolsFromEvent(e);
           if (tools.length) {
             let tc = m.tool_calls ?? [];
-            for (const t of tools) tc = chunkROFIOWGX_cjs.mergeTool(tc, t);
+            for (const t of tools) tc = chunk55HQJGLP_cjs.mergeTool(tc, t);
             next.tool_calls = tc;
           }
           if (e.reasoning_steps?.length) next.reasoning_steps = e.reasoning_steps;
@@ -209,12 +209,12 @@ function useAgnoChat(options) {
         });
         return;
       }
-      if (chunkROFIOWGX_cjs.isCancelledEvent(e)) {
+      if (chunk55HQJGLP_cjs.isCancelledEvent(e)) {
         patchActive(chan, (m) => ({ ...m, streaming: false, status: "cancelled" }));
         writeStatus(chan, "cancelled");
         return;
       }
-      if (chunkROFIOWGX_cjs.isErrorEvent(e)) {
+      if (chunk55HQJGLP_cjs.isErrorEvent(e)) {
         const msg = typeof e.content === "string" ? e.content : e.error || "Error during run";
         patchActive(chan, (m) => ({ ...m, streaming: false, status: "error", error: msg }));
         writeError(chan, msg);
@@ -483,7 +483,7 @@ function useAgnoChat(options) {
       setError(null);
       try {
         const runs = await client.getSessionRuns(ent.type, id, ent.db_id);
-        setMessages(chunkROFIOWGX_cjs.sessionRunsToMessages(runs));
+        setMessages(chunk55HQJGLP_cjs.sessionRunsToMessages(runs));
       } catch (err) {
         setError(err instanceof Error ? err.message : String(err));
       }
@@ -583,6 +583,7 @@ function ChatProvider({
   renderMarkdown,
   resolveLinkPreview,
   codeCopy,
+  linkComponent,
   chat: externalChat,
   as,
   className,
@@ -593,8 +594,8 @@ function ChatProvider({
   const internal = useAgnoChat(externalChat ? { entity: null } : options);
   const chat = externalChat ?? internal;
   const value = React7.useMemo(
-    () => ({ chat, classNames: classNames ?? {}, renderMarkdown, resolveLinkPreview, codeCopy }),
-    [chat, classNames, renderMarkdown, resolveLinkPreview, codeCopy]
+    () => ({ chat, classNames: classNames ?? {}, renderMarkdown, resolveLinkPreview, codeCopy, linkComponent }),
+    [chat, classNames, renderMarkdown, resolveLinkPreview, codeCopy, linkComponent]
   );
   const Wrapper = as === false ? null : as ?? "div";
   return /* @__PURE__ */ jsxRuntime.jsx(ChatContext.Provider, { value, children: Wrapper ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -627,6 +628,9 @@ function useResolvedChat(explicit) {
 function useCodeCopy() {
   return useOptionalChatContext()?.codeCopy;
 }
+function useLinkComponent() {
+  return useOptionalChatContext()?.linkComponent;
+}
 function useResolvedClassNames(explicit) {
   const ctx = useOptionalChatContext();
   return React7.useMemo(() => ({ ...ctx?.classNames, ...explicit }), [ctx?.classNames, explicit]);
@@ -639,11 +643,13 @@ var ChevronDown = icon(lucideReact.ChevronDown);
 var ArrowUp = icon(lucideReact.ArrowUp);
 var Paperclip = icon(lucideReact.Paperclip);
 var FileIcon = icon(lucideReact.File);
+var FileType = icon(lucideReact.FileType2);
 var FileAudio = icon(lucideReact.FileAudio);
 var FileVideo = icon(lucideReact.FileVideo);
 var Wrench = icon(lucideReact.Wrench);
 var BookOpen = icon(lucideReact.BookOpen);
 var Globe = icon(lucideReact.Globe);
+var LinkIcon = icon(lucideReact.Link);
 var Brain = icon(lucideReact.Brain);
 var Box = icon(lucideReact.Box);
 var Plus = icon(lucideReact.Plus);
@@ -846,7 +852,16 @@ function ChatLauncher({
 function markFor(type) {
   if (type.startsWith("audio/")) return FileAudio;
   if (type.startsWith("video/")) return FileVideo;
-  return FileIcon;
+  return FileType;
+}
+function formatSize(bytes) {
+  return bytes >= 1024 * 1024 ? `${Math.round(bytes / (1024 * 1024) * 10) / 10}MB` : `${Math.max(1, Math.round(bytes / 1024))}KB`;
+}
+function kindOf(file) {
+  const dot = file.name.lastIndexOf(".");
+  if (dot > 0 && dot < file.name.length - 1) return file.name.slice(dot + 1);
+  const subtype = file.type.split("/")[1];
+  return subtype || "file";
 }
 function Item({ file, onRemove }) {
   const isImage = file.type.startsWith("image/");
@@ -861,15 +876,19 @@ function Item({ file, onRemove }) {
     };
   }, [file, isImage]);
   const Mark = markFor(file.type);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-file", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "agno-file__remove", onClick: onRemove, "aria-label": `Remove ${file.name}`, children: /* @__PURE__ */ jsxRuntime.jsx(Close, { size: 12 }) }),
-    isImage && url ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: "agno-file__thumb", src: url, alt: file.name }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-file__card", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("agno-file", isImage && url ? "agno-file--image" : "agno-file--card"), children: [
+    isImage && url ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: "agno-file__thumb", src: url, alt: file.name }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-file__mark", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(Mark, { size: 16 }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "agno-file__meta", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-file__name", title: file.name, children: file.name }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-file__type", children: file.type || "file" })
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "agno-file__type", children: [
+          kindOf(file),
+          " \u2022 ",
+          formatSize(file.size)
+        ] })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "agno-file__remove", onClick: onRemove, "aria-label": `Remove ${file.name}`, children: /* @__PURE__ */ jsxRuntime.jsx(Close, { size: 12 }) })
   ] });
 }
 function FilePreview({ files, onRemove, onClear, className }) {
@@ -879,20 +898,51 @@ function FilePreview({ files, onRemove, onClear, className }) {
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "agno-files__count", children: [
         files.length,
         " ",
-        files.length > 1 ? "files" : "file",
-        " attached"
+        files.length > 1 ? "attachments" : "attachment"
       ] }),
       onClear && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "agno-files__clear", onClick: onClear, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Close, { size: 12 }),
-        "clear ",
-        files.length > 1 ? "all" : ""
+        /* @__PURE__ */ jsxRuntime.jsx(Close, { size: 14 }),
+        "clear all"
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-files__row", children: files.map((file, i) => /* @__PURE__ */ jsxRuntime.jsx(Item, { file, onRemove: () => onRemove(i) }, `${file.name}-${file.lastModified}-${i}`)) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-files__strip", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-files__row", children: files.map((file, i) => /* @__PURE__ */ jsxRuntime.jsx(Item, { file, onRemove: () => onRemove(i) }, `${file.name}-${file.lastModified}-${i}`)) }) })
   ] });
 }
-var MIN_HEIGHT = 31;
-var MAX_HEIGHT = 213;
+var BOUNDS = {
+  dock: { min: 31, max: 213 },
+  compact: { min: 24, max: 120 }
+};
+function fileAccepted(file, accept) {
+  if (!accept) return true;
+  const name = file.name.toLowerCase();
+  const type = file.type.toLowerCase();
+  return accept.split(",").map((rule) => rule.trim().toLowerCase()).filter(Boolean).some((rule) => {
+    if (rule.startsWith(".")) return name.endsWith(rule);
+    if (rule.endsWith("/*")) return type.startsWith(rule.slice(0, -1));
+    return type === rule;
+  });
+}
+function admitFiles(current, incoming, limits) {
+  const { accept, maxFiles, maxFileSize, maxTotalSize } = limits;
+  const files = [...current];
+  let total = current.reduce((sum, f) => sum + f.size, 0);
+  let error = null;
+  const refuse = (reason) => {
+    error ?? (error = reason);
+  };
+  for (const file of incoming) {
+    if (!fileAccepted(file, accept)) refuse("Cannot add this file type");
+    else if (maxFileSize != null && file.size > maxFileSize) refuse(`Cannot add files over ${formatSize(maxFileSize)}`);
+    else if (maxFiles != null && files.length >= maxFiles) refuse(`Cannot add more than ${maxFiles} attachments`);
+    else if (maxTotalSize != null && total + file.size > maxTotalSize) refuse("Cannot add more files");
+    else {
+      files.push(file);
+      total += file.size;
+    }
+  }
+  return { files, error };
+}
+var hasFiles = (e) => Array.from(e.dataTransfer.types).includes("Files");
 function ChatInput({
   onSend,
   onStop,
@@ -900,6 +950,19 @@ function ChatInput({
   busy,
   placeholder,
   allowFiles = false,
+  compact = false,
+  accept,
+  maxFiles,
+  maxFileSize,
+  maxTotalSize,
+  value: controlled,
+  onValueChange,
+  textareaRef: externalRef,
+  textareaProps,
+  renderTextarea,
+  above,
+  below,
+  dropLabel = "Drop files to attach",
   leading,
   trailing,
   className,
@@ -907,109 +970,213 @@ function ChatInput({
 }) {
   const ctx = useOptionalChatContext();
   const cn = useResolvedClassNames(classNames);
-  const [value, setValue] = React7.useState("");
-  const [files, setFiles] = React7.useState([]);
+  const [internal, setInternal] = React7.useState("");
+  const value = controlled ?? internal;
+  const setValue = (next) => {
+    if (controlled === void 0) setInternal(next);
+    onValueChange?.(next);
+  };
+  const [files, setFilesState] = React7.useState([]);
+  const filesRef = React7.useRef([]);
+  const setFiles = (next) => {
+    filesRef.current = next;
+    setFilesState(next);
+  };
+  const [fileError, setFileError] = React7.useState(null);
+  const [dragging, setDragging] = React7.useState(false);
+  const dragDepth = React7.useRef(0);
   const fileRef = React7.useRef(null);
   const textareaRef = React7.useRef(null);
+  const setTextareaRef = React7.useCallback(
+    (el2) => {
+      textareaRef.current = el2;
+      if (typeof externalRef === "function") externalRef(el2);
+      else if (externalRef) externalRef.current = el2;
+    },
+    [externalRef]
+  );
   const adjustHeight = React7.useCallback(() => {
     const el2 = textareaRef.current;
-    if (!el2) return;
-    el2.style.height = `${MIN_HEIGHT}px`;
-    el2.style.height = `${Math.min(Math.max(el2.scrollHeight, MIN_HEIGHT), MAX_HEIGHT)}px`;
-  }, []);
+    if (!el2 || renderTextarea) return;
+    const { min, max } = compact ? BOUNDS.compact : BOUNDS.dock;
+    el2.style.height = `${min}px`;
+    el2.style.height = `${Math.min(Math.max(el2.scrollHeight, min), max)}px`;
+  }, [renderTextarea, compact]);
   React7.useEffect(adjustHeight, [value, adjustHeight]);
   const send = onSend ?? ((message, attached) => void ctx?.chat.sendMessage(message, attached ? { files: attached } : void 0));
   const stop = onStop ?? (ctx ? () => void ctx.chat.cancel() : void 0);
   const isBusy = busy ?? ctx?.chat.isStreaming ?? false;
   const isDisabled = disabled ?? ctx?.chat.isPaused ?? false;
-  const submit = () => {
+  const limits = { accept, maxFiles, maxFileSize, maxTotalSize };
+  const addFiles = (incoming) => {
+    if (!incoming.length) return;
+    const next = admitFiles(filesRef.current, incoming, limits);
+    setFiles(next.files);
+    setFileError(next.error);
+    if (fileRef.current) fileRef.current.value = "";
+  };
+  const submit = async () => {
     const text = value.trim();
     if (!text && files.length === 0) return;
-    send(text, files.length ? files : void 0);
+    const sent = files.length ? files : void 0;
+    const result = await send(text, sent);
+    if (result === false) return;
     setValue("");
     setFiles([]);
+    setFileError(null);
   };
   const canSend = !isDisabled && !isBusy && (Boolean(value.trim()) || files.length > 0);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("agno-input", cn.input, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-input__dock", children: [
+  const onKeyDown = (e) => {
+    textareaProps?.onKeyDown?.(e);
+    if (e.defaultPrevented) return;
+    if (e.key === "Enter" && !e.nativeEvent.isComposing && !e.shiftKey) {
+      e.preventDefault();
+      if (canSend) void submit();
+    }
+  };
+  const onDragEnter = (e) => {
+    if (!allowFiles || !hasFiles(e)) return;
+    e.preventDefault();
+    dragDepth.current += 1;
+    setDragging(true);
+  };
+  const onDragOver = (e) => {
+    if (!allowFiles || !hasFiles(e)) return;
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "copy";
+  };
+  const onDragLeave = (e) => {
+    if (!allowFiles || dragDepth.current === 0) return;
+    e.preventDefault();
+    dragDepth.current = Math.max(0, dragDepth.current - 1);
+    if (dragDepth.current === 0) setDragging(false);
+  };
+  const onDrop = (e) => {
+    if (!allowFiles || !hasFiles(e)) return;
+    e.preventDefault();
+    dragDepth.current = 0;
+    setDragging(false);
+    addFiles(Array.from(e.dataTransfer.files));
+    textareaRef.current?.focus();
+  };
+  const fieldProps = {
+    rows: 1,
+    ...textareaProps,
+    ref: setTextareaRef,
+    className: cx("agno-input__textarea", cn.textarea, textareaProps?.className),
+    value,
+    placeholder: placeholder ?? (isBusy ? "Running..." : "Ask anything..."),
+    disabled: isDisabled,
+    onChange: (e) => {
+      setValue(e.target.value);
+      textareaProps?.onChange?.(e);
+    },
+    onKeyDown
+  };
+  const iconSize = compact ? 14 : 16;
+  const field = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-input__field", children: renderTextarea ? renderTextarea(fieldProps) : /* @__PURE__ */ jsxRuntime.jsx("textarea", { ...fieldProps }) });
+  const attach = allowFiles && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      FilePreview,
+      "button",
       {
-        files,
-        onRemove: (i) => setFiles((prev) => prev.filter((_, j) => j !== i)),
-        onClear: () => setFiles([]),
-        className: cn.files
+        type: "button",
+        className: cx("agno-btn", compact ? "agno-btn--ghost" : "agno-btn--outline", "agno-btn--icon", cn.attachButton),
+        onClick: () => fileRef.current?.click(),
+        disabled: isDisabled,
+        "aria-label": files.length ? `Attach files; ${files.length} attached` : "Attach files",
+        title: files.length ? files.map((f) => f.name).join(", ") : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Paperclip, { size: iconSize })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-input__field", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
       {
-        ref: textareaRef,
-        className: cx("agno-input__textarea", cn.textarea),
-        value,
-        placeholder: placeholder ?? (isBusy ? "Running..." : "Ask anything..."),
-        disabled: isDisabled,
-        rows: 1,
-        onChange: (e) => setValue(e.target.value),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" && !e.nativeEvent.isComposing && !e.shiftKey) {
-            e.preventDefault();
-            if (canSend) submit();
-          }
-        }
+        ref: fileRef,
+        type: "file",
+        multiple: true,
+        hidden: true,
+        accept,
+        onChange: (e) => addFiles(Array.from(e.target.files ?? []))
       }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("agno-input__row", cn.inputRow), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-input__actions", children: [
-        leading,
-        allowFiles && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: cx("agno-btn", "agno-btn--outline", "agno-btn--icon", cn.attachButton),
-              onClick: () => fileRef.current?.click(),
-              disabled: isDisabled,
-              "aria-label": "Attach files",
-              children: /* @__PURE__ */ jsxRuntime.jsx(Paperclip, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ref: fileRef,
-              type: "file",
-              multiple: true,
-              hidden: true,
-              onChange: (e) => setFiles((prev) => [...prev, ...Array.from(e.target.files ?? [])])
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-input__actions", children: [
-        trailing,
-        isBusy && stop ? /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: cx("agno-btn", "agno-btn--destructive", "agno-btn--icon", cn.stopButton),
-            onClick: stop,
-            "aria-label": "Stop",
-            children: /* @__PURE__ */ jsxRuntime.jsx(Stop, { size: 16 })
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+    )
+  ] });
+  const primary = isBusy && stop ? /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: cx("agno-btn", "agno-btn--destructive", "agno-btn--icon", cn.stopButton),
+      onClick: stop,
+      "aria-label": "Stop",
+      children: /* @__PURE__ */ jsxRuntime.jsx(Stop, { size: iconSize })
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: cx("agno-btn", "agno-btn--icon", cn.sendButton),
+      onClick: () => void submit(),
+      disabled: !canSend,
+      "aria-label": "Send",
+      children: /* @__PURE__ */ jsxRuntime.jsx(ArrowUp, { size: iconSize })
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cx("agno-input", compact && "agno-input--compact", cn.input, className),
+      "data-dragging": dragging ? "true" : void 0,
+      onDragEnter,
+      onDragOver,
+      onDragLeave,
+      onDrop,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-input__dock", children: [
+        dragging && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("agno-input__drop", cn.dropOverlay), "aria-hidden": true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Paperclip, { size: 16 }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: dropLabel })
+        ] }),
+        above,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FilePreview,
           {
-            type: "button",
-            className: cx("agno-btn", "agno-btn--icon", cn.sendButton),
-            onClick: submit,
-            disabled: !canSend,
-            "aria-label": "Send",
-            children: /* @__PURE__ */ jsxRuntime.jsx(ArrowUp, { size: 16 })
+            files,
+            onRemove: (i) => {
+              setFiles(filesRef.current.filter((_, j) => j !== i));
+              setFileError(null);
+            },
+            onClear: () => {
+              setFiles([]);
+              setFileError(null);
+            },
+            className: cn.files
           }
-        )
+        ),
+        fileError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx("agno-input__error", cn.fileError), role: "alert", children: fileError }),
+        compact ? (
+          // One line: the field, then every control beside it.
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("agno-input__row", cn.inputRow), children: [
+            leading,
+            field,
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-input__actions", children: [
+              attach,
+              trailing,
+              primary
+            ] })
+          ] })
+        ) : field,
+        below,
+        !compact && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("agno-input__row", cn.inputRow), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-input__actions", children: [
+            leading,
+            attach
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-input__actions", children: [
+            trailing,
+            primary
+          ] })
+        ] })
       ] })
-    ] })
-  ] }) });
+    }
+  );
 }
 function normalizeFollowups(items) {
   if (!items?.length) return [];
@@ -1532,20 +1699,15 @@ var PREVIEW_WIDTH = 320;
 var GAP = 8;
 var OPEN_DELAY = 140;
 var CLOSE_DELAY = 120;
-function usePlacement(anchor, open) {
+function usePlacement(anchor, open, { width = PREVIEW_WIDTH, align = "center" } = {}) {
   const [placement, setPlacement] = React7.useState(null);
   useIsomorphicLayoutEffect(() => {
     if (!open || !anchor) return;
     const place = () => {
       const rect = anchor.getBoundingClientRect();
       const side = rect.top > 220 ? "top" : "bottom";
-      const left = Math.max(
-        GAP,
-        Math.min(
-          rect.left + rect.width / 2 - PREVIEW_WIDTH / 2,
-          window.innerWidth - PREVIEW_WIDTH - GAP
-        )
-      );
+      const wanted = align === "center" ? rect.left + rect.width / 2 - width / 2 : rect.left;
+      const left = Math.max(GAP, Math.min(wanted, window.innerWidth - width - GAP));
       setPlacement({
         top: side === "top" ? rect.top - GAP : rect.bottom + GAP,
         left,
@@ -1559,7 +1721,7 @@ function usePlacement(anchor, open) {
       window.removeEventListener("scroll", place, true);
       window.removeEventListener("resize", place);
     };
-  }, [anchor, open]);
+  }, [anchor, open, width, align]);
   return placement;
 }
 function HoverPreview({
@@ -1661,16 +1823,20 @@ function labelOf(children) {
 }
 function CitationMarker({
   source,
-  className
+  className,
+  Link
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(HoverPreview, { source, className: "agno-cite__wrap", children: /* @__PURE__ */ jsxRuntime.jsx(
+  const props = {
+    className: cx("agno-cite", className),
+    href: source.url ?? `#${source.anchorId}`,
+    "aria-label": `Source ${source.index}: ${source.title}`
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(HoverPreview, { source, className: "agno-cite__wrap", children: Link && source.url ? /* @__PURE__ */ jsxRuntime.jsx(Link, { ...props, children: source.index }) : /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
-      className: cx("agno-cite", className),
-      href: source.url ?? `#${source.anchorId}`,
+      ...props,
       target: source.url ? "_blank" : void 0,
       rel: source.url ? "noreferrer noopener" : void 0,
-      "aria-label": `Source ${source.index}: ${source.title}`,
       children: source.index
     }
   ) });
@@ -1769,8 +1935,8 @@ function elementsFor(ctx) {
     ...rest
   }) {
     const cited = citationForLink(labelOf(children), href, ctx);
-    if (cited) return /* @__PURE__ */ jsxRuntime.jsx(CitationMarker, { source: cited, className: ctx.markerClass });
-    const link = /* @__PURE__ */ jsxRuntime.jsx("a", { href, target: "_blank", rel: "noreferrer noopener", ...rest, children });
+    if (cited) return /* @__PURE__ */ jsxRuntime.jsx(CitationMarker, { source: cited, className: ctx.markerClass, Link: ctx.Link });
+    const link = ctx.Link && href ? /* @__PURE__ */ jsxRuntime.jsx(ctx.Link, { href, ...rest, children }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, target: "_blank", rel: "noreferrer noopener", ...rest, children });
     const source = sourceForUrl(href, ctx.sources);
     if (!href || !/^https?:\/\//i.test(href) || !source && !ctx.canResolve) return link;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1836,23 +2002,27 @@ function Markdown({
   sources,
   streaming,
   codeCopy,
+  linkComponent,
   options
 }) {
   const fromMessage = useSources();
   const cn = useResolvedClassNames();
   const canResolve = Boolean(useLinkPreviewResolver());
   const fromProvider = useCodeCopy();
+  const providerLink = useLinkComponent();
   const cited = sources ?? fromMessage;
   const copy = codeCopy ?? fromProvider ?? true;
+  const Link = linkComponent ?? providerLink;
   const components = React7.useMemo(
     () => elementsFor({
       sources: cited,
       canResolve,
       markerClass: cn.citationMarker,
       copyClass: cn.copyButton,
-      codeCopy: copy
+      codeCopy: copy,
+      Link
     }),
-    [cited, canResolve, cn.citationMarker, cn.copyButton, copy]
+    [cited, canResolve, cn.citationMarker, cn.copyButton, copy, Link]
   );
   const text = React7.useMemo(() => linkCitations(content, cited), [content, cited]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1936,7 +2106,7 @@ function isNoiseEvent(e) {
 }
 var isMemoryEvent = (e) => eventName(e).includes("MemoryUpdate");
 var isMemoryCompleted = (e) => eventName(e).includes("MemoryUpdateCompleted");
-var isReasoningEvent = (e) => chunkROFIOWGX_cjs.isReasoningStepEvent(e) || chunkROFIOWGX_cjs.isReasoningCompletedEvent(e) || eventName(e).includes("ReasoningStarted");
+var isReasoningEvent = (e) => chunk55HQJGLP_cjs.isReasoningStepEvent(e) || chunk55HQJGLP_cjs.isReasoningCompletedEvent(e) || eventName(e).includes("ReasoningStarted");
 function formatDuration(seconds) {
   return seconds < 10 ? `${seconds.toFixed(1)}s` : `${Math.round(seconds)}s`;
 }
@@ -1970,14 +2140,14 @@ function stepsFromEvents(message, { hideReasoning, hideTools }) {
       if (member) put(`member:${runId}`, { kind: "member", id: `member-${runId}`, member });
       continue;
     }
-    if (chunkROFIOWGX_cjs.isToolEvent(e)) {
+    if (chunk55HQJGLP_cjs.isToolEvent(e)) {
       if (hideTools) continue;
-      for (const tool of chunkROFIOWGX_cjs.toolsFromEvent(e)) {
+      for (const tool of chunk55HQJGLP_cjs.toolsFromEvent(e)) {
         const key = `tool:${tool.tool_call_id ?? tool.tool_name}`;
         const at = indexOf.get(key);
         const previous = at != null ? steps[at].tool : void 0;
         const merged = { ...previous, ...tool };
-        if (!chunkROFIOWGX_cjs.isToolCompletedEvent(e) && previous?.result != null) merged.result = previous.result;
+        if (!chunk55HQJGLP_cjs.isToolCompletedEvent(e) && previous?.result != null) merged.result = previous.result;
         put(key, { kind: "tool", id: key, tool: merged });
       }
       continue;
@@ -1988,7 +2158,7 @@ function stepsFromEvents(message, { hideReasoning, hideTools }) {
       const at = indexOf.get(key);
       const previous = at != null ? steps[at].steps : [];
       const incoming = e.reasoning_steps ?? e.extra_data?.reasoning_steps ?? [];
-      const completed = chunkROFIOWGX_cjs.isReasoningCompletedEvent(e);
+      const completed = chunk55HQJGLP_cjs.isReasoningCompletedEvent(e);
       put(key, {
         kind: "reasoning",
         id: key,
@@ -2023,7 +2193,7 @@ function stepsFromEvents(message, { hideReasoning, hideTools }) {
         label: "Run Continued",
         icon: "continued"
       });
-    } else if (chunkROFIOWGX_cjs.isCompletedEvent(e)) {
+    } else if (chunk55HQJGLP_cjs.isCompletedEvent(e)) {
       put(`completed:${runKey}`, {
         kind: "status",
         id: `completed-${runKey}`,
@@ -2031,16 +2201,16 @@ function stepsFromEvents(message, { hideReasoning, hideTools }) {
         detail: durationOf(e),
         icon: "run"
       });
-    } else if (chunkROFIOWGX_cjs.isPausedEvent(e)) {
+    } else if (chunk55HQJGLP_cjs.isPausedEvent(e)) {
       put(`paused:${runKey}`, { kind: "status", id: `paused-${runKey}`, label: "Run Paused", icon: "run" });
-    } else if (chunkROFIOWGX_cjs.isCancelledEvent(e)) {
+    } else if (chunk55HQJGLP_cjs.isCancelledEvent(e)) {
       put(`cancelled:${runKey}`, {
         kind: "status",
         id: `cancelled-${runKey}`,
         label: "Run Cancelled",
         icon: "run"
       });
-    } else if (chunkROFIOWGX_cjs.isErrorEvent(e)) {
+    } else if (chunk55HQJGLP_cjs.isErrorEvent(e)) {
       const detail = typeof e.content === "string" ? e.content : e.error;
       put(`error:${runKey}`, { kind: "status", id: `error-${runKey}`, label: detail || "Run Error", icon: "run" });
     }
@@ -2088,7 +2258,7 @@ function runDuration(message) {
 function liveActivity(message) {
   const events = message.events ?? [];
   for (let i = events.length - 1; i >= 0; i--) {
-    const label2 = chunkROFIOWGX_cjs.activityLabel(events[i]);
+    const label2 = chunk55HQJGLP_cjs.activityLabel(events[i]);
     if (label2) return label2;
   }
   return message.activity ?? null;
@@ -2263,12 +2433,25 @@ function SourceCard({
   className
 }) {
   const cn = useResolvedClassNames();
+  const Link = useLinkComponent();
   const { preview } = useLinkPreview(source.url, false);
   const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Favicon, { url: preview?.favicon ?? source.url, kind: source.kind }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-source__title", children: preview?.title ?? source.title })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Favicon,
+      {
+        className: "agno-source__icon",
+        url: preview?.favicon ?? source.url,
+        kind: source.kind,
+        size: 24
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-source__title", children: preview?.title ?? source.title }),
+    source.url && /* @__PURE__ */ jsxRuntime.jsx(LinkIcon, { className: "agno-source__link" })
   ] });
   const classes = cx("agno-source", `agno-source--${source.kind}`, cn.sourceCard, className);
+  if (source.url && Link) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Link, { id: source.anchorId, className: classes, href: source.url, title: source.url, children: body });
+  }
   return source.url ? /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
@@ -2282,33 +2465,118 @@ function SourceCard({
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx("div", { id: source.anchorId, className: classes, children: body });
 }
+var LIST_WIDTH = 240;
+function SourcesOverflow({ sources }) {
+  const [open, setOpen] = React7.useState(false);
+  const [anchor, setAnchor] = React7.useState(null);
+  const timer = React7.useRef(null);
+  const id = React7.useId();
+  const placement = usePlacement(anchor, open, { width: LIST_WIDTH, align: "start" });
+  const schedule = React7.useCallback((next) => {
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = setTimeout(() => setOpen(next), next ? OPEN_DELAY : CLOSE_DELAY);
+  }, []);
+  React7.useEffect(
+    () => () => {
+      if (timer.current) clearTimeout(timer.current);
+    },
+    []
+  );
+  React7.useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open]);
+  const [mounted, setMounted] = React7.useState(false);
+  React7.useEffect(() => setMounted(true), []);
+  const light = anchor?.closest(".agno-light") ? "agno-light" : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: "agno-sources__overflow",
+      ref: setAnchor,
+      onMouseEnter: () => schedule(true),
+      onMouseLeave: () => schedule(false),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "agno-sources__more",
+            "aria-label": `${sources.length} more sources`,
+            "aria-expanded": open,
+            "aria-controls": open ? id : void 0,
+            onClick: () => setOpen((v) => !v),
+            onFocus: () => setOpen(true),
+            onBlur: () => schedule(false),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agno-sources__stack", "aria-hidden": true, children: sources.slice(0, 3).map((source) => /* @__PURE__ */ jsxRuntime.jsx(
+                Favicon,
+                {
+                  className: "agno-sources__stack-icon",
+                  url: source.url,
+                  kind: source.kind,
+                  size: 24
+                },
+                source.anchorId
+              )) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "agno-sources__more-label", children: [
+                "+",
+                sources.length,
+                " more"
+              ] })
+            ]
+          }
+        ),
+        mounted && open && placement && reactDom.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              id,
+              role: "group",
+              "aria-label": "More sources",
+              className: cx("agno-sources__list", `agno-sources__list--${placement.side}`, light),
+              style: { top: placement.top, left: placement.left, width: LIST_WIDTH },
+              onMouseEnter: () => schedule(true),
+              onMouseLeave: () => schedule(false),
+              onFocus: () => schedule(true),
+              onBlur: () => schedule(false),
+              children: sources.map((source) => /* @__PURE__ */ jsxRuntime.jsx(SourceCard, { source, className: "agno-source--row" }, source.anchorId))
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
 function Citations({
   references,
   citations,
   sources: given,
-  title = "Sources",
-  max = 4,
+  title = "Sources used",
+  max = 3,
   className,
   classNames
 }) {
   const cn = useResolvedClassNames(classNames);
   const uid = React7.useId();
-  const [expanded, setExpanded] = React7.useState(false);
   const sources = React7.useMemo(
     () => given ?? collectSources(references, citations, uid),
     [given, references, citations, uid]
   );
   if (sources.length === 0) return null;
-  const limit = max > 0 && !expanded ? max : sources.length;
+  const limit = max > 0 ? max : sources.length;
   const visible = sources.slice(0, limit);
-  const hidden = sources.length - visible.length;
+  const hidden = sources.slice(limit);
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx("agno-sources", cn.citations, className), "aria-label": title, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-sources__head", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "agno-sources__grid", children: visible.map((source) => /* @__PURE__ */ jsxRuntime.jsx(SourceCard, { source }, source.anchorId)) }),
-    hidden > 0 && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "agno-sources__more", onClick: () => setExpanded(true), children: [
-      "Show ",
-      hidden,
-      " more"
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "agno-sources__grid", children: [
+      visible.map((source) => /* @__PURE__ */ jsxRuntime.jsx(SourceCard, { source }, source.anchorId)),
+      hidden.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(SourcesOverflow, { sources: hidden })
     ] })
   ] });
 }
@@ -2524,6 +2792,7 @@ function ChatWindow({
   userInitials,
   emptyState,
   allowFiles,
+  compactInput,
   disabled,
   renderMarkdown,
   showErrors,
@@ -2532,6 +2801,7 @@ function ChatWindow({
   hideFollowups,
   onFollowup,
   followupsTitle,
+  renderMessage,
   header,
   composer,
   className,
@@ -2558,6 +2828,7 @@ function ChatWindow({
         renderMarkdown: markdown,
         classNames: cn,
         emptyState,
+        renderMessage,
         footer: pausedMessage ? /* @__PURE__ */ jsxRuntime.jsx(
           HumanInput,
           {
@@ -2600,6 +2871,7 @@ function ChatWindow({
         disabled: disabled || chat.isPaused,
         placeholder,
         allowFiles,
+        compact: compactInput,
         classNames: cn
       }
     )
@@ -2897,7 +3169,7 @@ function SessionList({
 }
 function AgnoChat(props) {
   const client = React7.useMemo(
-    () => props.client ?? new chunkROFIOWGX_cjs.AgnoClient({ baseUrl: props.baseUrl ?? "", headers: props.headers }),
+    () => props.client ?? new chunk55HQJGLP_cjs.AgnoClient({ baseUrl: props.baseUrl ?? "", headers: props.headers }),
     [props.client, props.baseUrl, props.headers]
   );
   const [discovered, setDiscovered] = React7.useState(props.entities ?? []);
@@ -2988,6 +3260,7 @@ function AgnoChat(props) {
               chat,
               placeholder: props.placeholder,
               allowFiles: props.allowFiles ?? true,
+              compactInput: props.compactInput,
               disabled: !entity,
               renderMarkdown: props.renderMarkdown,
               showErrors: props.showErrors,
@@ -3005,6 +3278,7 @@ function AgnoChat(props) {
                   disabled: !entity || chat.isPaused,
                   placeholder: props.placeholder,
                   allowFiles: props.allowFiles ?? true,
+                  compact: props.compactInput,
                   classNames: cn,
                   trailing: showPicker ? /* @__PURE__ */ jsxRuntime.jsx(
                     EntitySelector,
@@ -3033,6 +3307,7 @@ function AgnoChat(props) {
       renderMarkdown: props.renderMarkdown,
       resolveLinkPreview: props.resolveLinkPreview,
       codeCopy: props.codeCopy,
+      linkComponent: props.linkComponent,
       as: false,
       children: root
     }
@@ -3199,7 +3474,7 @@ function fold(events) {
       last.created_at = e.created_at ?? last.created_at;
       continue;
     }
-    rows.push({ event: name, source, count: 1, created_at: e.created_at, detail: chunkROFIOWGX_cjs.activityLabel(e) });
+    rows.push({ event: name, source, count: 1, created_at: e.created_at, detail: chunk55HQJGLP_cjs.activityLabel(e) });
   }
   return rows;
 }
@@ -3251,12 +3526,14 @@ exports.Favicon = Favicon;
 exports.FileAudio = FileAudio;
 exports.FileIcon = FileIcon;
 exports.FilePreview = FilePreview;
+exports.FileType = FileType;
 exports.FileVideo = FileVideo;
 exports.Followups = Followups;
 exports.Globe = Globe;
 exports.GridLoader = GridLoader;
 exports.HoverPreview = HoverPreview;
 exports.HumanInput = HumanInput;
+exports.LinkIcon = LinkIcon;
 exports.LinkPreviewCard = LinkPreviewCard;
 exports.Markdown = Markdown;
 exports.MemberResponses = MemberResponses;
@@ -3281,12 +3558,14 @@ exports.ToolCalls = ToolCalls;
 exports.Trash = Trash;
 exports.WorkflowSteps = WorkflowSteps;
 exports.Wrench = Wrench;
+exports.admitFiles = admitFiles;
 exports.behindTheScenesItems = behindTheScenesItems;
 exports.behindTheScenesLabel = behindTheScenesLabel;
 exports.collectSources = collectSources;
 exports.cx = cx;
 exports.displayUrl = displayUrl;
 exports.faviconUrl = faviconUrl;
+exports.fileAccepted = fileAccepted;
 exports.getProviderIcon = getProviderIcon;
 exports.hasBehindTheScenes = hasBehindTheScenes;
 exports.linkCitations = linkCitations;
@@ -3297,6 +3576,7 @@ exports.sourceHost = sourceHost;
 exports.sourcesFromMarkdown = sourcesFromMarkdown;
 exports.useAgnoChat = useAgnoChat;
 exports.useChatContext = useChatContext;
+exports.useLinkComponent = useLinkComponent;
 exports.useLinkPreview = useLinkPreview;
 exports.useOptionalChatContext = useOptionalChatContext;
 exports.useResolvedChat = useResolvedChat;
@@ -3304,5 +3584,5 @@ exports.useResolvedClassNames = useResolvedClassNames;
 exports.useSources = useSources;
 exports.withoutSourcesLine = withoutSourcesLine;
 exports.writeClipboard = writeClipboard;
-//# sourceMappingURL=chunk-ERCKKOF4.cjs.map
-//# sourceMappingURL=chunk-ERCKKOF4.cjs.map
+//# sourceMappingURL=chunk-JEPFGKHH.cjs.map
+//# sourceMappingURL=chunk-JEPFGKHH.cjs.map