@retrivora-ai/rag-engine 1.0.4 → 1.0.6

package/dist/index.js

@@ -59,13 +59,13 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/ChatWidget.tsx
-var import_react7 = __toESM(require("react"));
-var import_lucide_react5 = require("lucide-react");
-
-// src/components/ChatWindow.tsx
 var import_react6 = __toESM(require("react"));
 var import_lucide_react4 = require("lucide-react");
 
+// src/components/ChatWindow.tsx
+var import_react5 = __toESM(require("react"));
+var import_lucide_react3 = require("lucide-react");
+
 // src/components/MessageBubble.tsx
 var import_react2 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
@@ -220,6 +220,22 @@ function useStoredMessages(storageKey, persist) {
 }
 
 // src/hooks/useRagChat.ts
+function parseSseChunk(raw) {
+  const frames = [];
+  for (const block of raw.split("\n\n")) {
+    for (const line of block.split("\n")) {
+      if (!line.startsWith("data: ")) continue;
+      try {
+        const frame = JSON.parse(line.slice(6));
+        if (frame && typeof frame === "object" && "type" in frame) {
+          frames.push(frame);
+        }
+      } catch (e) {
+      }
+    }
+  }
+  return frames;
+}
 function useRagChat(projectId, options = {}) {
   const {
     apiUrl = "/api/chat",
@@ -238,11 +254,12 @@ function useRagChat(projectId, options = {}) {
     messagesRef.current = messages;
   }, [messages]);
   const sendMessage = (0, import_react4.useCallback)(
-    async (text, options2) => {
+    async (text, opts) => {
+      var _a, _b;
       const trimmed = text.trim();
       if (!trimmed || isLoading) return;
       lastInputRef.current = trimmed;
-      if (!(options2 == null ? void 0 : options2.skipUserMessage)) {
+      if (!(opts == null ? void 0 : opts.skipUserMessage)) {
         const userMessage = {
           id: `user_${Date.now()}`,
           role: "user",
@@ -275,6 +292,7 @@ function useRagChat(projectId, options = {}) {
         const decoder = new TextDecoder();
         let assistantContent = "";
         let sources = [];
+        let buffer = "";
         const assistantMessageId = `assistant_${Date.now()}`;
         setMessages((prev) => [
           ...prev,
@@ -288,27 +306,19 @@ function useRagChat(projectId, options = {}) {
         while (true) {
           const { done, value } = await reader.read();
           if (done) break;
-          const chunk = decoder.decode(value, { stream: true });
-          if (chunk.includes("__METADATA__")) {
-            const [text2, metadataStr] = chunk.split("__METADATA__");
-            if (text2) assistantContent += text2;
-            try {
-              const meta = JSON.parse(metadataStr);
-              sources = meta.sources || [];
-            } catch (e) {
-              console.warn("[useRagChat] Failed to parse metadata");
+          buffer += decoder.decode(value, { stream: true });
+          const lastBoundary = buffer.lastIndexOf("\n\n");
+          if (lastBoundary === -1) continue;
+          const complete = buffer.slice(0, lastBoundary + 2);
+          buffer = buffer.slice(lastBoundary + 2);
+          for (const frame of parseSseChunk(complete)) {
+            if (frame.type === "text") {
+              assistantContent += frame.text;
+            } else if (frame.type === "metadata") {
+              sources = (_a = frame.sources) != null ? _a : [];
+            } else if (frame.type === "error") {
+              setError(frame.error || "Stream error");
             }
-          } else if (chunk.includes("__ERROR__")) {
-            const [text2, errorStr] = chunk.split("__ERROR__");
-            if (text2) assistantContent += text2;
-            try {
-              const err = JSON.parse(errorStr);
-              setError(err.error || "Stream error");
-            } catch (e) {
-              setError("An error occurred during streaming");
-            }
-          } else {
-            assistantContent += chunk;
           }
           setMessages(
             (prev) => prev.map(
@@ -316,6 +326,12 @@ function useRagChat(projectId, options = {}) {
             )
           );
         }
+        if (buffer.trim()) {
+          for (const frame of parseSseChunk(buffer)) {
+            if (frame.type === "text") assistantContent += frame.text;
+            else if (frame.type === "metadata") sources = (_b = frame.sources) != null ? _b : [];
+          }
+        }
         const finalAssistantMessage = {
           id: assistantMessageId,
           role: "assistant",
@@ -358,14 +374,7 @@ function useRagChat(projectId, options = {}) {
   };
 }
 
-// src/app/constants.tsx
-var import_react5 = __toESM(require("react"));
-var import_lucide_react3 = require("lucide-react");
-var CHAT_SUGGESTIONS = [
-  "What can you help me with?",
-  "Summarise the key topics",
-  "Show me an example"
-];
+// src/config/uiConstants.ts
 var BORDER_RADIUS_MAP = {
   none: "rounded-none",
   sm: "rounded-sm",
@@ -374,28 +383,33 @@ var BORDER_RADIUS_MAP = {
   xl: "rounded-xl",
   full: "rounded-3xl"
 };
+var CHAT_SUGGESTIONS = [
+  "What can you help me with?",
+  "Summarise the key topics",
+  "Show me an example"
+];
 
 // src/components/ChatWindow.tsx
 function ChatWindow({ className = "", style, onClose, showClose = false }) {
   var _a;
   const { ui, projectId } = useConfig();
-  const [input, setInput] = (0, import_react6.useState)("");
-  const [mounted, setMounted] = (0, import_react6.useState)(false);
-  const bottomRef = (0, import_react6.useRef)(null);
-  const inputRef = (0, import_react6.useRef)(null);
+  const [input, setInput] = (0, import_react5.useState)("");
+  const [mounted, setMounted] = (0, import_react5.useState)(false);
+  const bottomRef = (0, import_react5.useRef)(null);
+  const inputRef = (0, import_react5.useRef)(null);
   const { messages, send, clear, isLoading, error } = useRagChat(projectId, {
     namespace: projectId
   });
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     setMounted(true);
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     var _a2;
     if (messages.length > 0 || isLoading) {
       (_a2 = bottomRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth" });
     }
   }, [messages, isLoading]);
-  const sendMessage = (0, import_react6.useCallback)(async () => {
+  const sendMessage = (0, import_react5.useCallback)(async () => {
     const text = input.trim();
     if (!text || isLoading) return;
     setInput("");
@@ -417,58 +431,58 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
   const isEmpty = messages.length === 0;
   const currentRadius = BORDER_RADIUS_MAP[ui.borderRadius || "xl"];
   const isGlass = ui.visualStyle !== "solid";
-  return /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(
     "div",
     {
       className: `flex flex-col border border-slate-200 dark:border-white/10 shadow-2xl transition-all duration-300 ${currentRadius} ${isGlass ? "bg-white/90 dark:bg-[#0f0f1a]/90 backdrop-blur-xl" : "bg-white dark:bg-[#0f0f1a]"} ${className}`,
       style: __spreadValues({ "--primary": ui.primaryColor, "--accent": ui.accentColor }, style)
     },
-    /* @__PURE__ */ import_react6.default.createElement(
+    /* @__PURE__ */ import_react5.default.createElement(
       "div",
       {
         className: "flex items-center justify-between px-5 py-4 border-b border-slate-200 dark:border-white/10",
         style: { background: `linear-gradient(135deg, ${ui.primaryColor}15, ${ui.accentColor}10)` }
       },
-      /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-3" }, ui.logoUrl ? (
+      /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex items-center gap-3" }, ui.logoUrl ? (
         // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ import_react6.default.createElement("img", { src: ui.logoUrl, alt: "logo", className: "w-8 h-8 rounded-lg object-cover" })
-      ) : /* @__PURE__ */ import_react6.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement("img", { src: ui.logoUrl, alt: "logo", className: "w-8 h-8 rounded-lg object-cover" })
+      ) : /* @__PURE__ */ import_react5.default.createElement(
         "div",
         {
           className: `w-9 h-9 flex items-center justify-center shadow-md ${ui.borderRadius === "full" ? "rounded-full" : "rounded-xl"}`,
           style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` }
         },
-        /* @__PURE__ */ import_react6.default.createElement(import_lucide_react4.Bot, { className: "w-5 h-5 text-white" })
-      ), /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement("h2", { className: "text-slate-900 dark:text-white font-semibold text-sm leading-tight" }, ui.title), ui.poweredBy && /* @__PURE__ */ import_react6.default.createElement("p", { className: "text-slate-500 dark:text-white/40 text-[11px] leading-tight" }, `Powered by ${ui.poweredBy}`))),
-      /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 dark:bg-emerald-400 animate-pulse" }), "Online"), mounted && messages.length > 0 && /* @__PURE__ */ import_react6.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(import_lucide_react3.Bot, { className: "w-5 h-5 text-white" })
+      ), /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement("h2", { className: "text-slate-900 dark:text-white font-semibold text-sm leading-tight" }, ui.title), ui.poweredBy && /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-slate-500 dark:text-white/40 text-[11px] leading-tight" }, `Powered by ${ui.poweredBy}`))),
+      /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 dark:bg-emerald-400 animate-pulse" }), "Online"), mounted && messages.length > 0 && /* @__PURE__ */ import_react5.default.createElement(
         "button",
         {
           onClick: clearHistory,
           title: "Clear conversation",
           className: "w-7 h-7 rounded-lg flex items-center justify-center text-slate-400 hover:text-slate-600 dark:text-white/40 dark:hover:text-white/70 hover:bg-slate-100 dark:hover:bg-white/10 transition-all cursor-pointer"
         },
-        /* @__PURE__ */ import_react6.default.createElement(import_lucide_react4.Trash2, { className: "w-3.5 h-3.5" })
-      ), showClose && onClose && /* @__PURE__ */ import_react6.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(import_lucide_react3.Trash2, { className: "w-3.5 h-3.5" })
+      ), showClose && onClose && /* @__PURE__ */ import_react5.default.createElement(
         "button",
         {
           onClick: onClose,
           title: "Close chat",
           className: "w-7 h-7 rounded-lg flex items-center justify-center text-slate-400 hover:text-slate-600 dark:text-white/40 dark:hover:text-white/70 hover:bg-slate-100 dark:hover:bg-white/10 transition-all cursor-pointer"
         },
-        /* @__PURE__ */ import_react6.default.createElement(import_lucide_react4.X, { className: "w-4 h-4" })
+        /* @__PURE__ */ import_react5.default.createElement(import_lucide_react3.X, { className: "w-4 h-4" })
       ))
     ),
-    /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5 scrollbar-thin scrollbar-thumb-slate-200 dark:scrollbar-thumb-white/10 scrollbar-track-transparent min-h-0 bg-slate-50 dark:bg-transparent" }, !mounted || isEmpty ? (
+    /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5 scrollbar-thin scrollbar-thumb-slate-200 dark:scrollbar-thumb-white/10 scrollbar-track-transparent min-h-0 bg-slate-50 dark:bg-transparent" }, !mounted || isEmpty ? (
       /* Welcome state */
-      /* @__PURE__ */ import_react6.default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-12" }, /* @__PURE__ */ import_react6.default.createElement(
+      /* @__PURE__ */ import_react5.default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-12" }, /* @__PURE__ */ import_react5.default.createElement(
         "div",
         {
           className: `w-16 h-16 flex items-center justify-center shadow-lg ${ui.borderRadius === "full" ? "rounded-full" : "rounded-2xl"}`,
           style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` }
         },
-        /* @__PURE__ */ import_react6.default.createElement(import_lucide_react4.Sparkles, { className: "w-8 h-8 text-white" })
-      ), /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement("p", { className: "text-slate-800 dark:text-white/80 font-medium leading-relaxed" }, ui.welcomeMessage), /* @__PURE__ */ import_react6.default.createElement("p", { className: "text-slate-500 dark:text-white/30 text-sm mt-2" }, "Ask a question to get started")), /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex flex-wrap gap-2 justify-center mt-2" }, CHAT_SUGGESTIONS.map(
-        (suggestion) => /* @__PURE__ */ import_react6.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(import_lucide_react3.Sparkles, { className: "w-8 h-8 text-white" })
+      ), /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-slate-800 dark:text-white/80 font-medium leading-relaxed" }, ui.welcomeMessage), /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-slate-500 dark:text-white/30 text-sm mt-2" }, "Ask a question to get started")), /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-wrap gap-2 justify-center mt-2" }, CHAT_SUGGESTIONS.map(
+        (suggestion) => /* @__PURE__ */ import_react5.default.createElement(
           "button",
           {
             key: suggestion,
@@ -482,7 +496,7 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
           suggestion
         )
       )))
-    ) : messages.map((msg, index) => /* @__PURE__ */ import_react6.default.createElement(
+    ) : messages.map((msg, index) => /* @__PURE__ */ import_react5.default.createElement(
       MessageBubble,
       {
         key: msg.id,
@@ -492,7 +506,7 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
         primaryColor: ui.primaryColor,
         accentColor: ui.accentColor
       }
-    )), isLoading && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) !== "assistant" && /* @__PURE__ */ import_react6.default.createElement(
+    )), isLoading && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) !== "assistant" && /* @__PURE__ */ import_react5.default.createElement(
       MessageBubble,
       {
         message: { role: "assistant", content: "" },
@@ -500,8 +514,8 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
         primaryColor: ui.primaryColor,
         accentColor: ui.accentColor
       }
-    ), error && /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2 text-rose-500 dark:text-rose-400 text-sm bg-rose-50 dark:bg-rose-400/10 border border-rose-200 dark:border-rose-400/20 rounded-xl px-4 py-3" }, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react4.TriangleAlert, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ import_react6.default.createElement("span", null, error)), /* @__PURE__ */ import_react6.default.createElement("div", { ref: bottomRef })),
-    /* @__PURE__ */ import_react6.default.createElement("div", { className: `px-4 pb-4 pt-2 border-t border-slate-200 dark:border-white/10 ${isGlass ? "bg-transparent" : "bg-white dark:bg-[#0f0f1a]"}` }, /* @__PURE__ */ import_react6.default.createElement("div", { className: `flex items-end gap-2 bg-slate-50 dark:bg-white/5 border border-slate-200 dark:border-white/10 p-2 focus-within:border-slate-300 dark:focus-within:border-white/20 transition-all ${ui.borderRadius === "full" ? "rounded-3xl" : "rounded-2xl"}` }, /* @__PURE__ */ import_react6.default.createElement(
+    ), error && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex items-center gap-2 text-rose-500 dark:text-rose-400 text-sm bg-rose-50 dark:bg-rose-400/10 border border-rose-200 dark:border-rose-400/20 rounded-xl px-4 py-3" }, /* @__PURE__ */ import_react5.default.createElement(import_lucide_react3.TriangleAlert, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ import_react5.default.createElement("span", null, error)), /* @__PURE__ */ import_react5.default.createElement("div", { ref: bottomRef })),
+    /* @__PURE__ */ import_react5.default.createElement("div", { className: `px-4 pb-4 pt-2 border-t border-slate-200 dark:border-white/10 ${isGlass ? "bg-transparent" : "bg-white dark:bg-[#0f0f1a]"}` }, /* @__PURE__ */ import_react5.default.createElement("div", { className: `flex items-end gap-2 bg-slate-50 dark:bg-white/5 border border-slate-200 dark:border-white/10 p-2 focus-within:border-slate-300 dark:focus-within:border-white/20 transition-all ${ui.borderRadius === "full" ? "rounded-3xl" : "rounded-2xl"}` }, /* @__PURE__ */ import_react5.default.createElement(
       "textarea",
       {
         ref: inputRef,
@@ -514,7 +528,7 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
         className: "flex-1 bg-transparent text-slate-900 dark:text-white/90 placeholder-slate-400 dark:placeholder-white/30 text-sm resize-none outline-none py-1.5 px-2 max-h-32 leading-relaxed disabled:opacity-50",
         style: { scrollbarWidth: "none" }
       }
-    ), /* @__PURE__ */ import_react6.default.createElement(
+    ), /* @__PURE__ */ import_react5.default.createElement(
       "button",
       {
         onClick: sendMessage,
@@ -525,16 +539,16 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
           // slate-400/20 for light mode disabled
         }
       },
-      /* @__PURE__ */ import_react6.default.createElement(import_lucide_react4.ArrowUp, { className: "w-4 h-4 text-white" })
-    )), /* @__PURE__ */ import_react6.default.createElement("p", { className: "text-center text-[10px] text-slate-400 dark:text-white/20 mt-2" }, "Press Enter to send \xB7 Shift+Enter for new line"))
+      /* @__PURE__ */ import_react5.default.createElement(import_lucide_react3.ArrowUp, { className: "w-4 h-4 text-white" })
+    )), /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-center text-[10px] text-slate-400 dark:text-white/20 mt-2" }, "Press Enter to send \xB7 Shift+Enter for new line"))
   );
 }
 
 // src/components/ChatWidget.tsx
 function ChatWidget({ position = "bottom-right" }) {
   const { ui } = useConfig();
-  const [isOpen, setIsOpen] = (0, import_react7.useState)(false);
-  const [hasUnread, setHasUnread] = (0, import_react7.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
+  const [hasUnread, setHasUnread] = (0, import_react6.useState)(false);
   if (ui.showWidget === false) return null;
   const positionClass = position === "bottom-left" ? "bottom-6 left-6" : "bottom-6 right-6";
   const windowPositionClass = position === "bottom-left" ? "bottom-20 left-6" : "bottom-20 right-6";
@@ -543,13 +557,13 @@ function ChatWidget({ position = "bottom-right" }) {
     setIsOpen(true);
     setHasUnread(false);
   };
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       className: `fixed z-[9998] w-[380px] max-w-[calc(100vw-3rem)] transition-all duration-300 ease-in-out ${windowPositionClass} ${isOpen ? "opacity-100 translate-y-0 pointer-events-auto" : "opacity-0 translate-y-4 pointer-events-none"}`,
       style: { height: "600px", maxHeight: "calc(100vh - 6rem)" }
     },
-    /* @__PURE__ */ import_react7.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       ChatWindow,
       {
         className: "h-full relative z-10",
@@ -557,13 +571,13 @@ function ChatWidget({ position = "bottom-right" }) {
         onClose: () => setIsOpen(false)
       }
     ),
-    /* @__PURE__ */ import_react7.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       "div",
       {
         className: `absolute -bottom-1.5 w-4 h-4 rotate-45 border-r border-b border-slate-200 dark:border-white/10 z-0 ${ui.visualStyle === "solid" ? "bg-white dark:bg-[#0f0f1a]" : "bg-white/90 dark:bg-[#0f0f1a]/90 backdrop-blur-xl"} ${position === "bottom-left" ? "left-5" : "right-5"}`
       }
     )
-  ), /* @__PURE__ */ import_react7.default.createElement(
+  ), /* @__PURE__ */ import_react6.default.createElement(
     "button",
     {
       onClick: isOpen ? () => setIsOpen(false) : handleOpen,
@@ -571,32 +585,32 @@ function ChatWidget({ position = "bottom-right" }) {
       style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` },
       "aria-label": "Open chat"
     },
-    /* @__PURE__ */ import_react7.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       "span",
       {
         className: "absolute inset-0 rounded-full animate-ping opacity-20",
         style: { background: ui.primaryColor }
       }
     ),
-    /* @__PURE__ */ import_react7.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       "span",
       {
         className: `transition-transform duration-300 ${isOpen ? "rotate-90 scale-90" : "rotate-0 scale-100"}`
       },
-      isOpen ? /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.X, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.MessageSquare, { className: "w-6 h-6 text-white" })
+      isOpen ? /* @__PURE__ */ import_react6.default.createElement(import_lucide_react4.X, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ import_react6.default.createElement(import_lucide_react4.MessageSquare, { className: "w-6 h-6 text-white" })
     ),
-    hasUnread && !isOpen && /* @__PURE__ */ import_react7.default.createElement("span", { className: "absolute top-0 right-0 w-4 h-4 bg-rose-500 rounded-full border-2 border-white flex items-center justify-center text-[9px] font-bold text-white" }, "1")
+    hasUnread && !isOpen && /* @__PURE__ */ import_react6.default.createElement("span", { className: "absolute top-0 right-0 w-4 h-4 bg-rose-500 rounded-full border-2 border-white flex items-center justify-center text-[9px] font-bold text-white" }, "1")
   ));
 }
 
 // src/components/DocumentUpload.tsx
-var import_react8 = __toESM(require("react"));
-var import_lucide_react6 = require("lucide-react");
+var import_react7 = __toESM(require("react"));
+var import_lucide_react5 = require("lucide-react");
 function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
   const { ui } = useConfig();
-  const [fileStates, setFileStates] = (0, import_react8.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react8.useState)(false);
-  const fileInputRef = (0, import_react8.useRef)(null);
+  const [fileStates, setFileStates] = (0, import_react7.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react7.useState)(false);
+  const fileInputRef = (0, import_react7.useRef)(null);
   const addFiles = (files) => {
     const newStates = files.map((file) => ({ file, status: "idle" }));
     setFileStates((prev) => [...prev, ...newStates]);
@@ -646,7 +660,7 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
   };
   const isUploading = fileStates.some((s) => s.status === "uploading");
   const hasIdle = fileStates.some((s) => s.status === "idle");
-  return /* @__PURE__ */ import_react8.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement(
     "div",
     {
       className: `p-6 border-2 border-dashed transition-all duration-300 rounded-2xl ${isDragging ? "border-emerald-500 bg-emerald-50/50 dark:bg-emerald-500/5" : "border-slate-200 dark:border-white/10 bg-white dark:bg-white/5"} ${className}`,
@@ -654,14 +668,14 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
       onDragLeave,
       onDrop
     },
-    /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-col items-center justify-center text-center" }, /* @__PURE__ */ import_react8.default.createElement(
+    /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex flex-col items-center justify-center text-center" }, /* @__PURE__ */ import_react7.default.createElement(
       "div",
       {
         className: "w-12 h-12 rounded-full flex items-center justify-center mb-4 shadow-sm",
         style: { background: `linear-gradient(135deg, ${ui.primaryColor}20, ${ui.accentColor}20)` }
       },
-      /* @__PURE__ */ import_react8.default.createElement(import_lucide_react6.Upload, { className: "w-6 h-6", style: { color: ui.primaryColor } })
-    ), /* @__PURE__ */ import_react8.default.createElement("h3", { className: "text-slate-900 dark:text-white font-semibold mb-1" }, "Upload Documents"), /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-slate-500 dark:text-white/40 text-sm mb-6 max-w-xs" }, "Drag and drop PDF, DOCX, TXT, or JSON files to train your AI on your own data."), /* @__PURE__ */ import_react8.default.createElement(
+      /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.Upload, { className: "w-6 h-6", style: { color: ui.primaryColor } })
+    ), /* @__PURE__ */ import_react7.default.createElement("h3", { className: "text-slate-900 dark:text-white font-semibold mb-1" }, "Upload Documents"), /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-slate-500 dark:text-white/40 text-sm mb-6 max-w-xs" }, "Drag and drop PDF, DOCX, TXT, or JSON files to train your AI on your own data."), /* @__PURE__ */ import_react7.default.createElement(
       "button",
       {
         onClick: () => {
@@ -677,7 +691,7 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
         }
       },
       "Select Files"
-    ), /* @__PURE__ */ import_react8.default.createElement(
+    ), /* @__PURE__ */ import_react7.default.createElement(
       "input",
       {
         ref: fileInputRef,
@@ -688,22 +702,22 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
         accept: ".pdf,.docx,.txt,.md,.json,.csv"
       }
     )),
-    fileStates.length > 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "mt-8 space-y-3" }, fileStates.map((state, i) => /* @__PURE__ */ import_react8.default.createElement(
+    fileStates.length > 0 && /* @__PURE__ */ import_react7.default.createElement("div", { className: "mt-8 space-y-3" }, fileStates.map((state, i) => /* @__PURE__ */ import_react7.default.createElement(
       "div",
       {
         key: i,
         className: "flex items-center justify-between p-3 rounded-xl bg-slate-50 dark:bg-white/5 border border-slate-100 dark:border-white/10"
       },
-      /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex items-center gap-3 overflow-hidden" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-8 h-8 rounded-lg bg-white dark:bg-white/10 flex items-center justify-center shadow-sm" }, /* @__PURE__ */ import_react8.default.createElement(import_lucide_react6.File, { className: "w-4 h-4 text-slate-400" })), /* @__PURE__ */ import_react8.default.createElement("div", { className: "truncate" }, /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-xs font-medium text-slate-700 dark:text-white/80 truncate" }, state.file.name), /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[10px] text-slate-400" }, (state.file.size / 1024).toFixed(1), " KB"))),
-      /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex items-center gap-2" }, state.status === "uploading" && /* @__PURE__ */ import_react8.default.createElement(import_lucide_react6.Loader2, { className: "w-4 h-4 text-slate-400 animate-spin" }), state.status === "success" && /* @__PURE__ */ import_react8.default.createElement(import_lucide_react6.CheckCircle, { className: "w-4 h-4 text-emerald-500" }), state.status === "error" && /* @__PURE__ */ import_react8.default.createElement("div", { title: state.error }, /* @__PURE__ */ import_react8.default.createElement(import_lucide_react6.AlertCircle, { className: "w-4 h-4 text-rose-500" })), state.status !== "uploading" && /* @__PURE__ */ import_react8.default.createElement(
+      /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex items-center gap-3 overflow-hidden" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "w-8 h-8 rounded-lg bg-white dark:bg-white/10 flex items-center justify-center shadow-sm" }, /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.File, { className: "w-4 h-4 text-slate-400" })), /* @__PURE__ */ import_react7.default.createElement("div", { className: "truncate" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-xs font-medium text-slate-700 dark:text-white/80 truncate" }, state.file.name), /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-[10px] text-slate-400" }, (state.file.size / 1024).toFixed(1), " KB"))),
+      /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex items-center gap-2" }, state.status === "uploading" && /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.Loader2, { className: "w-4 h-4 text-slate-400 animate-spin" }), state.status === "success" && /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.CheckCircle, { className: "w-4 h-4 text-emerald-500" }), state.status === "error" && /* @__PURE__ */ import_react7.default.createElement("div", { title: state.error }, /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.AlertCircle, { className: "w-4 h-4 text-rose-500" })), state.status !== "uploading" && /* @__PURE__ */ import_react7.default.createElement(
         "button",
         {
           onClick: () => removeFile(i),
           className: "p-1 rounded-md hover:bg-slate-200 dark:hover:bg-white/10 transition-colors"
         },
-        /* @__PURE__ */ import_react8.default.createElement(import_lucide_react6.X, { className: "w-3.5 h-3.5 text-slate-400" })
+        /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.X, { className: "w-3.5 h-3.5 text-slate-400" })
       ))
-    )), hasIdle && !isUploading && /* @__PURE__ */ import_react8.default.createElement(
+    )), hasIdle && !isUploading && /* @__PURE__ */ import_react7.default.createElement(
       "button",
       {
         onClick: uploadFiles,