@retrivora-ai/rag-engine 1.0.4 → 1.0.5

package/dist/index.mjs

@@ -7,16 +7,16 @@ import {
 } from "./chunk-X4TOT24V.mjs";
 
 // src/components/ChatWidget.tsx
-import React7, { useState as useState4 } from "react";
-import { MessageSquare as MessageSquare2, X as X2 } from "lucide-react";
+import React6, { useState as useState4 } from "react";
+import { MessageSquare, X as X2 } from "lucide-react";
 
 // src/components/ChatWindow.tsx
-import React6, { useState as useState3, useRef as useRef2, useEffect as useEffect3, useCallback as useCallback2 } from "react";
+import React5, { useState as useState3, useRef as useRef2, useEffect as useEffect3, useCallback as useCallback2 } from "react";
 import {
-  Bot as Bot3,
+  Bot as Bot2,
   Trash2,
   X,
-  Sparkles as Sparkles2,
+  Sparkles,
   ArrowUp,
   TriangleAlert
 } from "lucide-react";
@@ -159,6 +159,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",
@@ -177,11 +193,12 @@ function useRagChat(projectId, options = {}) {
     messagesRef.current = messages;
   }, [messages]);
   const sendMessage = 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",
@@ -214,6 +231,7 @@ function useRagChat(projectId, options = {}) {
         const decoder = new TextDecoder();
         let assistantContent = "";
         let sources = [];
+        let buffer = "";
         const assistantMessageId = `assistant_${Date.now()}`;
         setMessages((prev) => [
           ...prev,
@@ -227,27 +245,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(
@@ -255,6 +265,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",
@@ -297,32 +313,7 @@ function useRagChat(projectId, options = {}) {
   };
 }
 
-// src/app/constants.tsx
-import React5 from "react";
-import {
-  Zap,
-  Database,
-  Layers,
-  Search,
-  Box,
-  Package,
-  Activity,
-  Hexagon,
-  Sparkles,
-  Bot as Bot2,
-  Brain,
-  Rabbit,
-  Code,
-  Terminal,
-  FileText,
-  Puzzle,
-  MessageSquare
-} from "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",
@@ -331,6 +322,11 @@ 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 }) {
@@ -374,58 +370,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__ */ React6.createElement(
+  return /* @__PURE__ */ React5.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__ */ React6.createElement(
+    /* @__PURE__ */ React5.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__ */ React6.createElement("div", { className: "flex items-center gap-3" }, ui.logoUrl ? (
+      /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-3" }, ui.logoUrl ? (
         // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ React6.createElement("img", { src: ui.logoUrl, alt: "logo", className: "w-8 h-8 rounded-lg object-cover" })
-      ) : /* @__PURE__ */ React6.createElement(
+        /* @__PURE__ */ React5.createElement("img", { src: ui.logoUrl, alt: "logo", className: "w-8 h-8 rounded-lg object-cover" })
+      ) : /* @__PURE__ */ React5.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__ */ React6.createElement(Bot3, { className: "w-5 h-5 text-white" })
-      ), /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement("h2", { className: "text-slate-900 dark:text-white font-semibold text-sm leading-tight" }, ui.title), ui.poweredBy && /* @__PURE__ */ React6.createElement("p", { className: "text-slate-500 dark:text-white/40 text-[11px] leading-tight" }, `Powered by ${ui.poweredBy}`))),
-      /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React6.createElement("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400" }, /* @__PURE__ */ React6.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__ */ React6.createElement(
+        /* @__PURE__ */ React5.createElement(Bot2, { className: "w-5 h-5 text-white" })
+      ), /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement("h2", { className: "text-slate-900 dark:text-white font-semibold text-sm leading-tight" }, ui.title), ui.poweredBy && /* @__PURE__ */ React5.createElement("p", { className: "text-slate-500 dark:text-white/40 text-[11px] leading-tight" }, `Powered by ${ui.poweredBy}`))),
+      /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React5.createElement("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400" }, /* @__PURE__ */ React5.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__ */ React5.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__ */ React6.createElement(Trash2, { className: "w-3.5 h-3.5" })
-      ), showClose && onClose && /* @__PURE__ */ React6.createElement(
+        /* @__PURE__ */ React5.createElement(Trash2, { className: "w-3.5 h-3.5" })
+      ), showClose && onClose && /* @__PURE__ */ React5.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__ */ React6.createElement(X, { className: "w-4 h-4" })
+        /* @__PURE__ */ React5.createElement(X, { className: "w-4 h-4" })
       ))
     ),
-    /* @__PURE__ */ React6.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__ */ React5.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__ */ React6.createElement("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-12" }, /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React5.createElement("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-12" }, /* @__PURE__ */ React5.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__ */ React6.createElement(Sparkles2, { className: "w-8 h-8 text-white" })
-      ), /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement("p", { className: "text-slate-800 dark:text-white/80 font-medium leading-relaxed" }, ui.welcomeMessage), /* @__PURE__ */ React6.createElement("p", { className: "text-slate-500 dark:text-white/30 text-sm mt-2" }, "Ask a question to get started")), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-wrap gap-2 justify-center mt-2" }, CHAT_SUGGESTIONS.map(
-        (suggestion) => /* @__PURE__ */ React6.createElement(
+        /* @__PURE__ */ React5.createElement(Sparkles, { className: "w-8 h-8 text-white" })
+      ), /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement("p", { className: "text-slate-800 dark:text-white/80 font-medium leading-relaxed" }, ui.welcomeMessage), /* @__PURE__ */ React5.createElement("p", { className: "text-slate-500 dark:text-white/30 text-sm mt-2" }, "Ask a question to get started")), /* @__PURE__ */ React5.createElement("div", { className: "flex flex-wrap gap-2 justify-center mt-2" }, CHAT_SUGGESTIONS.map(
+        (suggestion) => /* @__PURE__ */ React5.createElement(
           "button",
           {
             key: suggestion,
@@ -439,7 +435,7 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
           suggestion
         )
       )))
-    ) : messages.map((msg, index) => /* @__PURE__ */ React6.createElement(
+    ) : messages.map((msg, index) => /* @__PURE__ */ React5.createElement(
       MessageBubble,
       {
         key: msg.id,
@@ -449,7 +445,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__ */ React6.createElement(
+    )), isLoading && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) !== "assistant" && /* @__PURE__ */ React5.createElement(
       MessageBubble,
       {
         message: { role: "assistant", content: "" },
@@ -457,8 +453,8 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
         primaryColor: ui.primaryColor,
         accentColor: ui.accentColor
       }
-    ), error && /* @__PURE__ */ React6.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__ */ React6.createElement(TriangleAlert, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ React6.createElement("span", null, error)), /* @__PURE__ */ React6.createElement("div", { ref: bottomRef })),
-    /* @__PURE__ */ React6.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__ */ React6.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__ */ React6.createElement(
+    ), error && /* @__PURE__ */ React5.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__ */ React5.createElement(TriangleAlert, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ React5.createElement("span", null, error)), /* @__PURE__ */ React5.createElement("div", { ref: bottomRef })),
+    /* @__PURE__ */ React5.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__ */ React5.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__ */ React5.createElement(
       "textarea",
       {
         ref: inputRef,
@@ -471,7 +467,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__ */ React6.createElement(
+    ), /* @__PURE__ */ React5.createElement(
       "button",
       {
         onClick: sendMessage,
@@ -482,8 +478,8 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
           // slate-400/20 for light mode disabled
         }
       },
-      /* @__PURE__ */ React6.createElement(ArrowUp, { className: "w-4 h-4 text-white" })
-    )), /* @__PURE__ */ React6.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__ */ React5.createElement(ArrowUp, { className: "w-4 h-4 text-white" })
+    )), /* @__PURE__ */ React5.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"))
   );
 }
 
@@ -500,13 +496,13 @@ function ChatWidget({ position = "bottom-right" }) {
     setIsOpen(true);
     setHasUnread(false);
   };
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.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__ */ React7.createElement(
+    /* @__PURE__ */ React6.createElement(
       ChatWindow,
       {
         className: "h-full relative z-10",
@@ -514,13 +510,13 @@ function ChatWidget({ position = "bottom-right" }) {
         onClose: () => setIsOpen(false)
       }
     ),
-    /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React6.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__ */ React7.createElement(
+  ), /* @__PURE__ */ React6.createElement(
     "button",
     {
       onClick: isOpen ? () => setIsOpen(false) : handleOpen,
@@ -528,26 +524,26 @@ function ChatWidget({ position = "bottom-right" }) {
       style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` },
       "aria-label": "Open chat"
     },
-    /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React6.createElement(
       "span",
       {
         className: "absolute inset-0 rounded-full animate-ping opacity-20",
         style: { background: ui.primaryColor }
       }
     ),
-    /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React6.createElement(
       "span",
       {
         className: `transition-transform duration-300 ${isOpen ? "rotate-90 scale-90" : "rotate-0 scale-100"}`
       },
-      isOpen ? /* @__PURE__ */ React7.createElement(X2, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ React7.createElement(MessageSquare2, { className: "w-6 h-6 text-white" })
+      isOpen ? /* @__PURE__ */ React6.createElement(X2, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ React6.createElement(MessageSquare, { className: "w-6 h-6 text-white" })
     ),
-    hasUnread && !isOpen && /* @__PURE__ */ React7.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__ */ React6.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
-import React8, { useState as useState5, useRef as useRef3 } from "react";
+import React7, { useState as useState5, useRef as useRef3 } from "react";
 import { Upload, File, X as X3, CheckCircle, AlertCircle, Loader2 } from "lucide-react";
 function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
   const { ui } = useConfig();
@@ -603,7 +599,7 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
   };
   const isUploading = fileStates.some((s) => s.status === "uploading");
   const hasIdle = fileStates.some((s) => s.status === "idle");
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React7.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}`,
@@ -611,14 +607,14 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
       onDragLeave,
       onDrop
     },
-    /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col items-center justify-center text-center" }, /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col items-center justify-center text-center" }, /* @__PURE__ */ React7.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__ */ React8.createElement(Upload, { className: "w-6 h-6", style: { color: ui.primaryColor } })
-    ), /* @__PURE__ */ React8.createElement("h3", { className: "text-slate-900 dark:text-white font-semibold mb-1" }, "Upload Documents"), /* @__PURE__ */ React8.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__ */ React8.createElement(
+      /* @__PURE__ */ React7.createElement(Upload, { className: "w-6 h-6", style: { color: ui.primaryColor } })
+    ), /* @__PURE__ */ React7.createElement("h3", { className: "text-slate-900 dark:text-white font-semibold mb-1" }, "Upload Documents"), /* @__PURE__ */ React7.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__ */ React7.createElement(
       "button",
       {
         onClick: () => {
@@ -634,7 +630,7 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
         }
       },
       "Select Files"
-    ), /* @__PURE__ */ React8.createElement(
+    ), /* @__PURE__ */ React7.createElement(
       "input",
       {
         ref: fileInputRef,
@@ -645,22 +641,22 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
         accept: ".pdf,.docx,.txt,.md,.json,.csv"
       }
     )),
-    fileStates.length > 0 && /* @__PURE__ */ React8.createElement("div", { className: "mt-8 space-y-3" }, fileStates.map((state, i) => /* @__PURE__ */ React8.createElement(
+    fileStates.length > 0 && /* @__PURE__ */ React7.createElement("div", { className: "mt-8 space-y-3" }, fileStates.map((state, i) => /* @__PURE__ */ React7.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__ */ React8.createElement("div", { className: "flex items-center gap-3 overflow-hidden" }, /* @__PURE__ */ React8.createElement("div", { className: "w-8 h-8 rounded-lg bg-white dark:bg-white/10 flex items-center justify-center shadow-sm" }, /* @__PURE__ */ React8.createElement(File, { className: "w-4 h-4 text-slate-400" })), /* @__PURE__ */ React8.createElement("div", { className: "truncate" }, /* @__PURE__ */ React8.createElement("p", { className: "text-xs font-medium text-slate-700 dark:text-white/80 truncate" }, state.file.name), /* @__PURE__ */ React8.createElement("p", { className: "text-[10px] text-slate-400" }, (state.file.size / 1024).toFixed(1), " KB"))),
-      /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-2" }, state.status === "uploading" && /* @__PURE__ */ React8.createElement(Loader2, { className: "w-4 h-4 text-slate-400 animate-spin" }), state.status === "success" && /* @__PURE__ */ React8.createElement(CheckCircle, { className: "w-4 h-4 text-emerald-500" }), state.status === "error" && /* @__PURE__ */ React8.createElement("div", { title: state.error }, /* @__PURE__ */ React8.createElement(AlertCircle, { className: "w-4 h-4 text-rose-500" })), state.status !== "uploading" && /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React7.createElement("div", { className: "flex items-center gap-3 overflow-hidden" }, /* @__PURE__ */ React7.createElement("div", { className: "w-8 h-8 rounded-lg bg-white dark:bg-white/10 flex items-center justify-center shadow-sm" }, /* @__PURE__ */ React7.createElement(File, { className: "w-4 h-4 text-slate-400" })), /* @__PURE__ */ React7.createElement("div", { className: "truncate" }, /* @__PURE__ */ React7.createElement("p", { className: "text-xs font-medium text-slate-700 dark:text-white/80 truncate" }, state.file.name), /* @__PURE__ */ React7.createElement("p", { className: "text-[10px] text-slate-400" }, (state.file.size / 1024).toFixed(1), " KB"))),
+      /* @__PURE__ */ React7.createElement("div", { className: "flex items-center gap-2" }, state.status === "uploading" && /* @__PURE__ */ React7.createElement(Loader2, { className: "w-4 h-4 text-slate-400 animate-spin" }), state.status === "success" && /* @__PURE__ */ React7.createElement(CheckCircle, { className: "w-4 h-4 text-emerald-500" }), state.status === "error" && /* @__PURE__ */ React7.createElement("div", { title: state.error }, /* @__PURE__ */ React7.createElement(AlertCircle, { className: "w-4 h-4 text-rose-500" })), state.status !== "uploading" && /* @__PURE__ */ React7.createElement(
         "button",
         {
           onClick: () => removeFile(i),
           className: "p-1 rounded-md hover:bg-slate-200 dark:hover:bg-white/10 transition-colors"
         },
-        /* @__PURE__ */ React8.createElement(X3, { className: "w-3.5 h-3.5 text-slate-400" })
+        /* @__PURE__ */ React7.createElement(X3, { className: "w-3.5 h-3.5 text-slate-400" })
       ))
-    )), hasIdle && !isUploading && /* @__PURE__ */ React8.createElement(
+    )), hasIdle && !isUploading && /* @__PURE__ */ React7.createElement(
       "button",
       {
         onClick: uploadFiles,