@retrivora-ai/rag-engine 1.0.0 → 1.0.2

package/dist/index.mjs

@@ -1,17 +1,17 @@
 import {
   mergeDefined
-} from "./chunk-67AJ6SMD.mjs";
+} from "./chunk-YLTMFW4M.mjs";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-QMIKLALV.mjs";
+} from "./chunk-X4TOT24V.mjs";
 
 // src/components/ChatWidget.tsx
-import { useState as useState4 } from "react";
+import React7, { useState as useState4 } from "react";
 import { MessageSquare as MessageSquare2, X as X2 } from "lucide-react";
 
 // src/components/ChatWindow.tsx
-import { useState as useState3, useRef as useRef2, useEffect as useEffect3, useCallback as useCallback2 } from "react";
+import React6, { useState as useState3, useRef as useRef2, useEffect as useEffect3, useCallback as useCallback2 } from "react";
 import {
   Bot as Bot3,
   Trash2,
@@ -30,7 +30,6 @@ import remarkGfm from "remark-gfm";
 // src/components/SourceCard.tsx
 import React from "react";
 import { ChevronDown, ChevronUp } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function SourceCard({ source, index }) {
   var _a, _b;
   const [expanded, setExpanded] = React.useState(false);
@@ -39,37 +38,19 @@ function SourceCard({ source, index }) {
   const scoreBg = source.score >= 0.8 ? "bg-emerald-50 border-emerald-100 dark:bg-emerald-400/10 dark:border-emerald-400/20" : source.score >= 0.6 ? "bg-amber-50 border-amber-100 dark:bg-amber-400/10 dark:border-amber-400/20" : "bg-rose-50 border-rose-100 dark:bg-rose-400/10 dark:border-rose-400/20";
   const preview = source.content.slice(0, 120);
   const hasMore = source.content.length > 120;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: `rounded-xl border backdrop-blur-sm p-3 transition-all duration-200 hover:scale-[1.01] cursor-pointer ${scoreBg}`,
-      onClick: () => setExpanded((e) => !e),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 w-5 h-5 rounded-full bg-slate-200 dark:bg-white/10 flex items-center justify-center text-[10px] font-bold text-slate-500 dark:text-white/60", children: index + 1 }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-slate-500 dark:text-white/50 truncate font-mono", children: (_b = (_a = source.metadata) == null ? void 0 : _a.docId) != null ? _b : source.id })
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: `flex-shrink-0 text-xs font-semibold ${scoreColor} tabular-nums`, children: [
-            scorePercent,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-slate-600 dark:text-white/70 leading-relaxed", children: expanded ? source.content : `${preview}${hasMore && !expanded ? "\u2026" : ""}` }),
-        hasMore && /* @__PURE__ */ jsx("button", { className: "mt-1 text-[10px] text-indigo-400 hover:text-indigo-300 transition-colors flex items-center gap-0.5", children: expanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(ChevronUp, { className: "w-3 h-3" }),
-          " Show less"
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3" }),
-          " Show more"
-        ] }) })
-      ]
-    }
+      onClick: () => setExpanded((e) => !e)
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement("span", { className: "flex-shrink-0 w-5 h-5 rounded-full bg-slate-200 dark:bg-white/10 flex items-center justify-center text-[10px] font-bold text-slate-500 dark:text-white/60" }, index + 1), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-slate-500 dark:text-white/50 truncate font-mono" }, (_b = (_a = source.metadata) == null ? void 0 : _a.docId) != null ? _b : source.id)), /* @__PURE__ */ React.createElement("span", { className: `flex-shrink-0 text-xs font-semibold ${scoreColor} tabular-nums` }, scorePercent, "%")),
+    /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-xs text-slate-600 dark:text-white/70 leading-relaxed" }, expanded ? source.content : `${preview}${hasMore && !expanded ? "\u2026" : ""}`),
+    hasMore && /* @__PURE__ */ React.createElement("button", { className: "mt-1 text-[10px] text-indigo-400 hover:text-indigo-300 transition-colors flex items-center gap-0.5" }, expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ChevronUp, { className: "w-3 h-3" }), " Show less") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ChevronDown, { className: "w-3 h-3" }), " Show more"))
   );
 }
 
 // src/components/MessageBubble.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function MessageBubble({
   message,
   sources,
@@ -79,52 +60,36 @@ function MessageBubble({
 }) {
   const isUser = message.role === "user";
   const [showSources, setShowSources] = React2.useState(false);
-  return /* @__PURE__ */ jsxs2("div", { className: `flex gap-3 ${isUser ? "flex-row-reverse" : "flex-row"} items-start`, children: [
-    /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: `flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center shadow-lg ${isUser ? "text-white" : "bg-slate-100 dark:bg-white/10 text-slate-700 dark:text-white/80"}`,
-        style: isUser ? { background: `linear-gradient(135deg, ${primaryColor}, ${accentColor})` } : {},
-        children: isUser ? /* @__PURE__ */ jsx2(User, { className: "w-4 h-4 text-white" }) : /* @__PURE__ */ jsx2(Bot, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ jsxs2("div", { className: `flex flex-col gap-1 max-w-[75%] ${isUser ? "items-end" : "items-start"}`, children: [
-      /* @__PURE__ */ jsx2(
-        "div",
-        {
-          className: `relative px-4 py-3 rounded-2xl text-sm leading-relaxed shadow-sm dark:shadow-lg ${isUser ? "text-white rounded-tr-sm" : "bg-white dark:bg-white/5 border border-slate-200 dark:border-white/10 text-slate-800 dark:text-white/90 rounded-tl-sm"}`,
-          style: isUser ? { background: `linear-gradient(135deg, ${primaryColor}, ${accentColor})` } : {},
-          children: isStreaming ? /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx2("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:0ms]" }),
-            /* @__PURE__ */ jsx2("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:150ms]" }),
-            /* @__PURE__ */ jsx2("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:300ms]" })
-          ] }) : /* @__PURE__ */ jsx2("div", { className: `prose prose-sm max-w-none ${isUser ? "prose-invert" : "dark:prose-invert"}`, children: /* @__PURE__ */ jsx2(ReactMarkdown, { remarkPlugins: [remarkGfm], children: message.content }) })
-        }
-      ),
-      !isUser && sources && sources.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "w-full", children: [
-        /* @__PURE__ */ jsxs2(
-          "button",
-          {
-            onClick: () => setShowSources((s) => !s),
-            className: "text-[11px] text-indigo-400 hover:text-indigo-300 transition-colors flex items-center gap-1 mt-1",
-            children: [
-              showSources ? /* @__PURE__ */ jsx2(ChevronDown2, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx2(ChevronRight, { className: "w-3 h-3" }),
-              sources.length,
-              " source",
-              sources.length !== 1 ? "s" : "",
-              " used"
-            ]
-          }
-        ),
-        showSources && /* @__PURE__ */ jsx2("div", { className: "mt-2 flex flex-col gap-2", children: sources.map((src, i) => /* @__PURE__ */ jsx2(SourceCard, { source: src, index: i }, src.id)) })
-      ] })
-    ] })
-  ] });
+  return /* @__PURE__ */ React2.createElement("div", { className: `flex gap-3 ${isUser ? "flex-row-reverse" : "flex-row"} items-start` }, /* @__PURE__ */ React2.createElement(
+    "div",
+    {
+      className: `flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center shadow-lg ${isUser ? "text-white" : "bg-slate-100 dark:bg-white/10 text-slate-700 dark:text-white/80"}`,
+      style: isUser ? { background: `linear-gradient(135deg, ${primaryColor}, ${accentColor})` } : {}
+    },
+    isUser ? /* @__PURE__ */ React2.createElement(User, { className: "w-4 h-4 text-white" }) : /* @__PURE__ */ React2.createElement(Bot, { className: "w-4 h-4" })
+  ), /* @__PURE__ */ React2.createElement("div", { className: `flex flex-col gap-1 max-w-[75%] ${isUser ? "items-end" : "items-start"}` }, /* @__PURE__ */ React2.createElement(
+    "div",
+    {
+      className: `relative px-4 py-3 rounded-2xl text-sm leading-relaxed shadow-sm dark:shadow-lg ${isUser ? "text-white rounded-tr-sm" : "bg-white dark:bg-white/5 border border-slate-200 dark:border-white/10 text-slate-800 dark:text-white/90 rounded-tl-sm"}`,
+      style: isUser ? { background: `linear-gradient(135deg, ${primaryColor}, ${accentColor})` } : {}
+    },
+    isStreaming && !message.content ? /* @__PURE__ */ React2.createElement("span", { className: "flex items-center gap-1 py-1" }, /* @__PURE__ */ React2.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:0ms]" }), /* @__PURE__ */ React2.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:150ms]" }), /* @__PURE__ */ React2.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:300ms]" })) : /* @__PURE__ */ React2.createElement("div", { className: `prose prose-sm max-w-none ${isUser ? "prose-invert" : "dark:prose-invert"}` }, /* @__PURE__ */ React2.createElement(ReactMarkdown, { remarkPlugins: [remarkGfm] }, message.content), isStreaming && message.content && /* @__PURE__ */ React2.createElement("span", { className: "inline-block w-1.5 h-3.5 ml-1 bg-emerald-500 animate-pulse align-middle" }))
+  ), !isUser && sources && sources.length > 0 && /* @__PURE__ */ React2.createElement("div", { className: "w-full" }, /* @__PURE__ */ React2.createElement(
+    "button",
+    {
+      onClick: () => setShowSources((s) => !s),
+      className: "text-[11px] text-indigo-400 hover:text-indigo-300 transition-colors flex items-center gap-1 mt-1"
+    },
+    showSources ? /* @__PURE__ */ React2.createElement(ChevronDown2, { className: "w-3 h-3" }) : /* @__PURE__ */ React2.createElement(ChevronRight, { className: "w-3 h-3" }),
+    sources.length,
+    " source",
+    sources.length !== 1 ? "s" : "",
+    " used"
+  ), showSources && /* @__PURE__ */ React2.createElement("div", { className: "mt-2 flex flex-col gap-2" }, sources.map((src, i) => /* @__PURE__ */ React2.createElement(SourceCard, { key: src.id, source: src, index: i }))))));
 }
 
 // src/components/ConfigProvider.tsx
-import { createContext, useContext } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import React3, { createContext, useContext } from "react";
 var defaultConfig = {
   projectId: "default",
   ui: {
@@ -152,7 +117,7 @@ function ConfigProvider({
     projectId: (config == null ? void 0 : config.projectId) || defaultConfig.projectId,
     ui: mergeDefined(defaultConfig.ui, config == null ? void 0 : config.ui)
   };
-  return /* @__PURE__ */ jsx3(ConfigContext.Provider, { value: merged, children });
+  return /* @__PURE__ */ React3.createElement(ConfigContext.Provider, { value: merged }, children);
 }
 function useConfig() {
   return useContext(ConfigContext);
@@ -160,7 +125,6 @@ function useConfig() {
 
 // src/hooks/useRagChat.ts
 import { useState as useState2, useCallback, useRef, useEffect as useEffect2 } from "react";
-import axios from "axios";
 
 // src/hooks/useStoredMessages.ts
 import * as React4 from "react";
@@ -214,7 +178,6 @@ function useRagChat(projectId, options = {}) {
   }, [messages]);
   const sendMessage = useCallback(
     async (text, options2) => {
-      var _a, _b, _c;
       const trimmed = text.trim();
       if (!trimmed || isLoading) return;
       lastInputRef.current = trimmed;
@@ -231,22 +194,77 @@ function useRagChat(projectId, options = {}) {
       setIsLoading(true);
       try {
         const history = messagesRef.current.map(({ role, content }) => ({ role, content }));
-        const { data } = await axios.post(apiUrl, {
-          message: trimmed,
-          history,
-          namespace: namespace != null ? namespace : projectId
+        const response = await fetch(apiUrl, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            message: trimmed,
+            history,
+            namespace: namespace != null ? namespace : projectId
+          })
         });
-        const assistantMessage = {
-          id: `assistant_${Date.now()}`,
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(errorData.error || `Server returned ${response.status}`);
+        }
+        if (!response.body) {
+          throw new Error("No response body received from server");
+        }
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder();
+        let assistantContent = "";
+        let sources = [];
+        const assistantMessageId = `assistant_${Date.now()}`;
+        setMessages((prev) => [
+          ...prev,
+          {
+            id: assistantMessageId,
+            role: "assistant",
+            content: "",
+            createdAt: (/* @__PURE__ */ new Date()).toISOString()
+          }
+        ]);
+        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");
+            }
+          } 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(
+              (msg) => msg.id === assistantMessageId ? __spreadProps(__spreadValues({}, msg), { content: assistantContent, sources: sources.length > 0 ? sources : msg.sources }) : msg
+            )
+          );
+        }
+        const finalAssistantMessage = {
+          id: assistantMessageId,
           role: "assistant",
-          content: data.reply,
-          sources: data.sources,
+          content: assistantContent,
+          sources: sources.length > 0 ? sources : void 0,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
-        setMessages((prev) => [...prev, assistantMessage]);
-        onReply == null ? void 0 : onReply(assistantMessage);
+        onReply == null ? void 0 : onReply(finalAssistantMessage);
       } catch (err) {
-        const msg = axios.isAxiosError(err) ? (_c = (_b = (_a = err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.error) != null ? _c : err.message : "Something went wrong. Please try again.";
+        const msg = err instanceof Error ? err.message : "Something went wrong. Please try again.";
         setError(msg);
         onError == null ? void 0 : onError(msg);
       } finally {
@@ -280,6 +298,7 @@ function useRagChat(projectId, options = {}) {
 }
 
 // src/app/constants.tsx
+import React5 from "react";
 import {
   Zap,
   Database,
@@ -299,7 +318,6 @@ import {
   Puzzle,
   MessageSquare
 } from "lucide-react";
-import { jsx as jsx4 } from "react/jsx-runtime";
 var CHAT_SUGGESTIONS = [
   "What can you help me with?",
   "Summarise the key topics",
@@ -315,8 +333,8 @@ var BORDER_RADIUS_MAP = {
 };
 
 // src/components/ChatWindow.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function ChatWindow({ className = "", style, onClose, showClose = false }) {
+  var _a;
   const { ui, projectId } = useConfig();
   const [input, setInput] = useState3("");
   const [mounted, setMounted] = useState3(false);
@@ -329,9 +347,9 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
     setMounted(true);
   }, []);
   useEffect3(() => {
-    var _a;
+    var _a2;
     if (messages.length > 0 || isLoading) {
-      (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+      (_a2 = bottomRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth" });
     }
   }, [messages, isLoading]);
   const sendMessage = useCallback2(async () => {
@@ -340,8 +358,8 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
     setInput("");
     await send(text);
     window.setTimeout(() => {
-      var _a;
-      return (_a = inputRef.current) == null ? void 0 : _a.focus();
+      var _a2;
+      return (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
     }, 50);
   }, [input, isLoading, send]);
   const handleKeyDown = (e) => {
@@ -356,158 +374,120 @@ 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__ */ jsxs3(
+  return /* @__PURE__ */ React6.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),
-      children: [
-        /* @__PURE__ */ jsxs3(
-          "div",
+      style: __spreadValues({ "--primary": ui.primaryColor, "--accent": ui.accentColor }, style)
+    },
+    /* @__PURE__ */ React6.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 ? (
+        // 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(
+        "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(
+        "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(
+        "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__ */ 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 ? (
+      /* 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(
+        "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(
+          "button",
           {
-            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)` },
-            children: [
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-                ui.logoUrl ? (
-                  // eslint-disable-next-line @next/next/no-img-element
-                  /* @__PURE__ */ jsx5("img", { src: ui.logoUrl, alt: "logo", className: "w-8 h-8 rounded-lg object-cover" })
-                ) : /* @__PURE__ */ jsx5(
-                  "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})` },
-                    children: /* @__PURE__ */ jsx5(Bot3, { className: "w-5 h-5 text-white" })
-                  }
-                ),
-                /* @__PURE__ */ jsxs3("div", { children: [
-                  /* @__PURE__ */ jsx5("h2", { className: "text-slate-900 dark:text-white font-semibold text-sm leading-tight", children: ui.title }),
-                  ui.poweredBy && /* @__PURE__ */ jsx5("p", { className: "text-slate-500 dark:text-white/40 text-[11px] leading-tight", children: `Powered by ${ui.poweredBy}` })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400", children: [
-                  /* @__PURE__ */ jsx5("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__ */ jsx5(
-                  "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",
-                    children: /* @__PURE__ */ jsx5(Trash2, { className: "w-3.5 h-3.5" })
-                  }
-                ),
-                showClose && onClose && /* @__PURE__ */ jsx5(
-                  "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",
-                    children: /* @__PURE__ */ jsx5(X, { className: "w-4 h-4" })
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs3("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", children: [
-          !mounted || isEmpty ? (
-            /* Welcome state */
-            /* @__PURE__ */ jsxs3("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-12", children: [
-              /* @__PURE__ */ jsx5(
-                "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})` },
-                  children: /* @__PURE__ */ jsx5(Sparkles2, { className: "w-8 h-8 text-white" })
-                }
-              ),
-              /* @__PURE__ */ jsxs3("div", { children: [
-                /* @__PURE__ */ jsx5("p", { className: "text-slate-800 dark:text-white/80 font-medium leading-relaxed", children: ui.welcomeMessage }),
-                /* @__PURE__ */ jsx5("p", { className: "text-slate-500 dark:text-white/30 text-sm mt-2", children: "Ask a question to get started" })
-              ] }),
-              /* @__PURE__ */ jsx5("div", { className: "flex flex-wrap gap-2 justify-center mt-2", children: CHAT_SUGGESTIONS.map(
-                (suggestion) => /* @__PURE__ */ jsx5(
-                  "button",
-                  {
-                    onClick: () => {
-                      var _a;
-                      setInput(suggestion);
-                      (_a = inputRef.current) == null ? void 0 : _a.focus();
-                    },
-                    className: "px-3 py-1.5 rounded-full text-xs border border-slate-200 dark:border-white/10 text-slate-600 dark:text-white/50 hover:text-slate-900 dark:hover:text-white/80 hover:border-slate-300 dark:hover:border-white/20 hover:bg-slate-100 dark:hover:bg-white/5 transition-all",
-                    children: suggestion
-                  },
-                  suggestion
-                )
-              ) })
-            ] })
-          ) : messages.map((msg) => /* @__PURE__ */ jsx5(
-            MessageBubble,
-            {
-              message: msg,
-              sources: msg.sources,
-              primaryColor: ui.primaryColor,
-              accentColor: ui.accentColor
+            key: suggestion,
+            onClick: () => {
+              var _a2;
+              setInput(suggestion);
+              (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
             },
-            msg.id
-          )),
-          isLoading && /* @__PURE__ */ jsx5(
-            MessageBubble,
-            {
-              message: { role: "assistant", content: "" },
-              isStreaming: true,
-              primaryColor: ui.primaryColor,
-              accentColor: ui.accentColor
-            }
-          ),
-          error && /* @__PURE__ */ jsxs3("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", children: [
-            /* @__PURE__ */ jsx5(TriangleAlert, { className: "w-4 h-4 flex-shrink-0" }),
-            /* @__PURE__ */ jsx5("span", { children: error })
-          ] }),
-          /* @__PURE__ */ jsx5("div", { ref: bottomRef })
-        ] }),
-        /* @__PURE__ */ jsxs3("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]"}`, children: [
-          /* @__PURE__ */ jsxs3("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"}`, children: [
-            /* @__PURE__ */ jsx5(
-              "textarea",
-              {
-                ref: inputRef,
-                value: input,
-                onChange: (e) => setInput(e.target.value),
-                onKeyDown: handleKeyDown,
-                placeholder: ui.placeholder,
-                rows: 1,
-                disabled: isLoading,
-                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__ */ jsx5(
-              "button",
-              {
-                onClick: sendMessage,
-                disabled: !input.trim() || isLoading,
-                className: "flex-shrink-0 w-9 h-9 rounded-xl flex items-center justify-center transition-all disabled:opacity-30 disabled:cursor-not-allowed hover:scale-105 active:scale-95 shadow-md",
-                style: {
-                  background: input.trim() && !isLoading ? `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` : "rgba(148, 163, 184, 0.2)"
-                  // slate-400/20 for light mode disabled
-                },
-                children: /* @__PURE__ */ jsx5(ArrowUp, { className: "w-4 h-4 text-white" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx5("p", { className: "text-center text-[10px] text-slate-400 dark:text-white/20 mt-2", children: "Press Enter to send \xB7 Shift+Enter for new line" })
-        ] })
-      ]
-    }
+            className: "px-3 py-1.5 rounded-full text-xs border border-slate-200 dark:border-white/10 text-slate-600 dark:text-white/50 hover:text-slate-900 dark:hover:text-white/80 hover:border-slate-300 dark:hover:border-white/20 hover:bg-slate-100 dark:hover:bg-white/5 transition-all"
+          },
+          suggestion
+        )
+      )))
+    ) : messages.map((msg, index) => /* @__PURE__ */ React6.createElement(
+      MessageBubble,
+      {
+        key: msg.id,
+        message: msg,
+        sources: msg.sources,
+        isStreaming: isLoading && index === messages.length - 1 && msg.role === "assistant",
+        primaryColor: ui.primaryColor,
+        accentColor: ui.accentColor
+      }
+    )), isLoading && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) !== "assistant" && /* @__PURE__ */ React6.createElement(
+      MessageBubble,
+      {
+        message: { role: "assistant", content: "" },
+        isStreaming: true,
+        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(
+      "textarea",
+      {
+        ref: inputRef,
+        value: input,
+        onChange: (e) => setInput(e.target.value),
+        onKeyDown: handleKeyDown,
+        placeholder: ui.placeholder,
+        rows: 1,
+        disabled: isLoading,
+        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(
+      "button",
+      {
+        onClick: sendMessage,
+        disabled: !input.trim() || isLoading,
+        className: "flex-shrink-0 w-9 h-9 rounded-xl flex items-center justify-center transition-all disabled:opacity-30 disabled:cursor-not-allowed hover:scale-105 active:scale-95 shadow-md",
+        style: {
+          background: input.trim() && !isLoading ? `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` : "rgba(148, 163, 184, 0.2)"
+          // 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"))
   );
 }
 
 // src/components/ChatWidget.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function ChatWidget({ position = "bottom-right" }) {
   const { ui } = useConfig();
   const [isOpen, setIsOpen] = useState4(false);
@@ -520,63 +500,55 @@ function ChatWidget({ position = "bottom-right" }) {
     setIsOpen(true);
     setHasUnread(false);
   };
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsxs4(
-      "div",
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.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(
+      ChatWindow,
       {
-        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)" },
-        children: [
-          /* @__PURE__ */ jsx6(
-            ChatWindow,
-            {
-              className: "h-full relative z-10",
-              showClose: true,
-              onClose: () => setIsOpen(false)
-            }
-          ),
-          /* @__PURE__ */ jsx6(
-            "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"}`
-            }
-          )
-        ]
+        className: "h-full relative z-10",
+        showClose: true,
+        onClose: () => setIsOpen(false)
       }
     ),
-    /* @__PURE__ */ jsxs4(
-      "button",
+    /* @__PURE__ */ React7.createElement(
+      "div",
       {
-        onClick: isOpen ? () => setIsOpen(false) : handleOpen,
-        className: `fixed z-[9999] w-14 h-14 shadow-2xl flex items-center justify-center transition-all duration-300 cursor-pointer hover:scale-110 active:scale-95 ${ui.borderRadius === "full" ? "rounded-full" : "rounded-2xl"} ${positionClass}`,
-        style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` },
-        "aria-label": "Open chat",
-        children: [
-          /* @__PURE__ */ jsx6(
-            "span",
-            {
-              className: "absolute inset-0 rounded-full animate-ping opacity-20",
-              style: { background: ui.primaryColor }
-            }
-          ),
-          /* @__PURE__ */ jsx6(
-            "span",
-            {
-              className: `transition-transform duration-300 ${isOpen ? "rotate-90 scale-90" : "rotate-0 scale-100"}`,
-              children: isOpen ? /* @__PURE__ */ jsx6(X2, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ jsx6(MessageSquare2, { className: "w-6 h-6 text-white" })
-            }
-          ),
-          hasUnread && !isOpen && /* @__PURE__ */ jsx6("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", children: "1" })
-        ]
+        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(
+    "button",
+    {
+      onClick: isOpen ? () => setIsOpen(false) : handleOpen,
+      className: `fixed z-[9999] w-14 h-14 shadow-2xl flex items-center justify-center transition-all duration-300 cursor-pointer hover:scale-110 active:scale-95 ${ui.borderRadius === "full" ? "rounded-full" : "rounded-2xl"} ${positionClass}`,
+      style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` },
+      "aria-label": "Open chat"
+    },
+    /* @__PURE__ */ React7.createElement(
+      "span",
+      {
+        className: "absolute inset-0 rounded-full animate-ping opacity-20",
+        style: { background: ui.primaryColor }
+      }
+    ),
+    /* @__PURE__ */ React7.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" })
+    ),
+    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")
+  ));
 }
 
 // src/components/DocumentUpload.tsx
-import { useState as useState5, useRef as useRef3 } from "react";
+import React8, { useState as useState5, useRef as useRef3 } from "react";
 import { Upload, File, X as X3, CheckCircle, AlertCircle, Loader2 } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
   const { ui } = useConfig();
   const [fileStates, setFileStates] = useState5([]);
@@ -631,99 +603,72 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
   };
   const isUploading = fileStates.some((s) => s.status === "uploading");
   const hasIdle = fileStates.some((s) => s.status === "idle");
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ React8.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}`,
       onDragOver,
       onDragLeave,
-      onDrop,
-      children: [
-        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center justify-center text-center", children: [
-          /* @__PURE__ */ jsx7(
-            "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)` },
-              children: /* @__PURE__ */ jsx7(Upload, { className: "w-6 h-6", style: { color: ui.primaryColor } })
-            }
-          ),
-          /* @__PURE__ */ jsx7("h3", { className: "text-slate-900 dark:text-white font-semibold mb-1", children: "Upload Documents" }),
-          /* @__PURE__ */ jsx7("p", { className: "text-slate-500 dark:text-white/40 text-sm mb-6 max-w-xs", children: "Drag and drop PDF, DOCX, TXT, or JSON files to train your AI on your own data." }),
-          /* @__PURE__ */ jsx7(
-            "button",
-            {
-              onClick: () => {
-                var _a;
-                return (_a = fileInputRef.current) == null ? void 0 : _a.click();
-              },
-              disabled: isUploading,
-              className: "px-4 py-2 rounded-lg text-sm font-medium transition-all hover:scale-105 active:scale-95 disabled:opacity-50",
-              style: {
-                backgroundColor: `${ui.primaryColor}15`,
-                color: ui.primaryColor,
-                border: `1px solid ${ui.primaryColor}30`
-              },
-              children: "Select Files"
-            }
-          ),
-          /* @__PURE__ */ jsx7(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              multiple: true,
-              onChange: onFileSelect,
-              className: "hidden",
-              accept: ".pdf,.docx,.txt,.md,.json,.csv"
-            }
-          )
-        ] }),
-        fileStates.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "mt-8 space-y-3", children: [
-          fileStates.map((state, i) => /* @__PURE__ */ jsxs5(
-            "div",
-            {
-              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",
-              children: [
-                /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-                  /* @__PURE__ */ jsx7("div", { className: "w-8 h-8 rounded-lg bg-white dark:bg-white/10 flex items-center justify-center shadow-sm", children: /* @__PURE__ */ jsx7(File, { className: "w-4 h-4 text-slate-400" }) }),
-                  /* @__PURE__ */ jsxs5("div", { className: "truncate", children: [
-                    /* @__PURE__ */ jsx7("p", { className: "text-xs font-medium text-slate-700 dark:text-white/80 truncate", children: state.file.name }),
-                    /* @__PURE__ */ jsxs5("p", { className: "text-[10px] text-slate-400", children: [
-                      (state.file.size / 1024).toFixed(1),
-                      " KB"
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-                  state.status === "uploading" && /* @__PURE__ */ jsx7(Loader2, { className: "w-4 h-4 text-slate-400 animate-spin" }),
-                  state.status === "success" && /* @__PURE__ */ jsx7(CheckCircle, { className: "w-4 h-4 text-emerald-500" }),
-                  state.status === "error" && /* @__PURE__ */ jsx7("div", { title: state.error, children: /* @__PURE__ */ jsx7(AlertCircle, { className: "w-4 h-4 text-rose-500" }) }),
-                  state.status !== "uploading" && /* @__PURE__ */ jsx7(
-                    "button",
-                    {
-                      onClick: () => removeFile(i),
-                      className: "p-1 rounded-md hover:bg-slate-200 dark:hover:bg-white/10 transition-colors",
-                      children: /* @__PURE__ */ jsx7(X3, { className: "w-3.5 h-3.5 text-slate-400" })
-                    }
-                  )
-                ] })
-              ]
-            },
-            i
-          )),
-          hasIdle && !isUploading && /* @__PURE__ */ jsx7(
-            "button",
-            {
-              onClick: uploadFiles,
-              className: "w-full mt-4 py-2.5 rounded-xl text-sm font-semibold text-white shadow-lg transition-all hover:scale-[1.02] active:scale-[0.98]",
-              style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` },
-              children: "Start Upload"
-            }
-          )
-        ] })
-      ]
-    }
+      onDrop
+    },
+    /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col items-center justify-center text-center" }, /* @__PURE__ */ React8.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(
+      "button",
+      {
+        onClick: () => {
+          var _a;
+          return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+        },
+        disabled: isUploading,
+        className: "px-4 py-2 rounded-lg text-sm font-medium transition-all hover:scale-105 active:scale-95 disabled:opacity-50",
+        style: {
+          backgroundColor: `${ui.primaryColor}15`,
+          color: ui.primaryColor,
+          border: `1px solid ${ui.primaryColor}30`
+        }
+      },
+      "Select Files"
+    ), /* @__PURE__ */ React8.createElement(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        multiple: true,
+        onChange: onFileSelect,
+        className: "hidden",
+        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(
+      "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(
+        "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" })
+      ))
+    )), hasIdle && !isUploading && /* @__PURE__ */ React8.createElement(
+      "button",
+      {
+        onClick: uploadFiles,
+        className: "w-full mt-4 py-2.5 rounded-xl text-sm font-semibold text-white shadow-lg transition-all hover:scale-[1.02] active:scale-[0.98]",
+        style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` }
+      },
+      "Start Upload"
+    ))
   );
 }
 export {