@retrivora-ai/rag-engine 1.9.2 → 1.9.6

package/dist/index.mjs

@@ -34,11 +34,11 @@ var __objRest = (source, exclude) => {
 import "./index.css";
 
 // src/components/ChatWidget.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 import { MessageSquare, X as X3 } from "lucide-react";
 
 // src/components/ChatWindow.tsx
-import { useState as useState5, useRef as useRef4, useEffect as useEffect4, useCallback as useCallback2 } from "react";
+import { useState as useState6, useRef as useRef5, useEffect as useEffect5, useCallback as useCallback2 } from "react";
 import {
   Bot as Bot2,
   Trash2,
@@ -315,8 +315,8 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
 }
 
 // src/components/MessageBubble.tsx
-import React9 from "react";
-import { Bot, User, ChevronDown as ChevronDown3, ChevronRight as ChevronRight3, Activity, Copy, Check } from "lucide-react";
+import React10 from "react";
+import { Bot, User, ChevronDown as ChevronDown4, ChevronRight as ChevronRight4, Activity, Copy, Check } from "lucide-react";
 import ReactMarkdown from "react-markdown";
 
 // src/components/SourceCard.tsx
@@ -811,6 +811,7 @@ function renderVisualization(type, data, onAddToCart, primaryColor, isStreaming)
         return /* @__PURE__ */ jsx7(TableView, { data, isStreaming });
       case "product_carousel":
       case "carousel":
+        if (isStreaming) return /* @__PURE__ */ jsx7(CarouselSkeleton, {});
         return /* @__PURE__ */ jsx7(CarouselView, { data, onAddToCart, primaryColor });
       case "text":
       default:
@@ -821,6 +822,26 @@ function renderVisualization(type, data, onAddToCart, primaryColor, isStreaming)
     return /* @__PURE__ */ jsx7(TextView, { data: { content: "Unable to render the requested visualization." } });
   }
 }
+function CarouselSkeleton() {
+  return /* @__PURE__ */ jsxs6("div", { className: "w-full py-2", children: [
+    /* @__PURE__ */ jsx7("div", { className: "mb-3 h-4 w-36 rounded-full bg-slate-200 animate-pulse" }),
+    /* @__PURE__ */ jsx7("div", { className: "flex gap-3 overflow-hidden", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        className: "flex-shrink-0 w-44 rounded-2xl border border-slate-200 bg-white shadow-sm overflow-hidden animate-pulse",
+        children: [
+          /* @__PURE__ */ jsx7("div", { className: "h-28 bg-slate-100" }),
+          /* @__PURE__ */ jsxs6("div", { className: "p-3 space-y-2", children: [
+            /* @__PURE__ */ jsx7("div", { className: "h-3 w-28 rounded-full bg-slate-200" }),
+            /* @__PURE__ */ jsx7("div", { className: "h-3 w-16 rounded-full bg-slate-100" }),
+            /* @__PURE__ */ jsx7("div", { className: "h-3 w-20 rounded-full bg-emerald-100" })
+          ] })
+        ]
+      },
+      i
+    )) })
+  ] });
+}
 function ChartSkeleton({ type }) {
   if (type === "pie") {
     return /* @__PURE__ */ jsx7("div", { className: "w-full mt-4 mb-2 animate-pulse", children: /* @__PURE__ */ jsx7("div", { className: "mx-auto w-40 h-40 rounded-full bg-slate-100 dark:bg-white/10" }) });
@@ -2222,8 +2243,54 @@ function normaliseChild(children) {
   return children;
 }
 
-// src/components/MessageBubble.tsx
+// src/components/ThinkingBlock.tsx
+import { useState as useState3, useEffect as useEffect2, useRef as useRef3 } from "react";
+import { Brain, ChevronDown as ChevronDown3, ChevronRight as ChevronRight3, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function ThinkingBlock({ thinking, thinkingMs, isStreaming = false }) {
+  const [isExpanded, setIsExpanded] = useState3(true);
+  const containerRef = useRef3(null);
+  useEffect2(() => {
+    if (!isStreaming) {
+      setIsExpanded(false);
+    } else {
+      setIsExpanded(true);
+    }
+  }, [isStreaming]);
+  useEffect2(() => {
+    if (isStreaming && isExpanded && containerRef.current) {
+      containerRef.current.scrollTop = containerRef.current.scrollHeight;
+    }
+  }, [thinking, isStreaming, isExpanded]);
+  const durationSec = thinkingMs ? (thinkingMs / 1e3).toFixed(1) : null;
+  return /* @__PURE__ */ jsxs11("div", { className: "w-full max-w-2xl my-1.5 border border-slate-200 dark:border-white/10 rounded-xl bg-slate-50/50 dark:bg-white/5 overflow-hidden transition-all duration-200", children: [
+    /* @__PURE__ */ jsxs11(
+      "button",
+      {
+        onClick: () => setIsExpanded(!isExpanded),
+        className: "w-full px-4 py-2.5 flex items-center justify-between text-xs font-medium text-slate-500 dark:text-white/40 hover:bg-slate-100 dark:hover:bg-white/10 transition-colors cursor-pointer select-none",
+        children: [
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+            isStreaming ? /* @__PURE__ */ jsx12(Loader22, { className: "w-3.5 h-3.5 animate-spin text-slate-400 dark:text-white/30" }) : /* @__PURE__ */ jsx12(Brain, { className: "w-3.5 h-3.5 text-slate-400 dark:text-white/40" }),
+            /* @__PURE__ */ jsx12("span", { children: isStreaming ? "Thinking..." : durationSec ? `Thought for ${durationSec}s` : "Thinking process" })
+          ] }),
+          /* @__PURE__ */ jsx12("div", { children: isExpanded ? /* @__PURE__ */ jsx12(ChevronDown3, { className: "w-3.5 h-3.5 text-slate-400 dark:text-white/30" }) : /* @__PURE__ */ jsx12(ChevronRight3, { className: "w-3.5 h-3.5 text-slate-400 dark:text-white/30" }) })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsx12(
+      "div",
+      {
+        ref: containerRef,
+        className: "px-4 pb-3 pt-1 border-t border-slate-200 dark:border-white/10 text-xs font-mono leading-relaxed text-slate-600 dark:text-white/60 bg-slate-50/20 dark:bg-transparent max-h-60 overflow-y-auto whitespace-pre-wrap select-text break-words",
+        children: thinking
+      }
+    )
+  ] });
+}
+
+// src/components/MessageBubble.tsx
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function normalizePlusSeparatedLists(raw) {
   return raw.split("\n").map((line) => {
     const productListLine = /[—:]\s*\d+\s+\+\s+[A-Za-z]/.test(line) || /\b(products?|categories?|in stock|out of stock)\b/i.test(line);
@@ -2247,10 +2314,10 @@ function MessageBubble({
   const isUser = message.role === "user";
   const isCompact = viewportSize === "compact";
   const isMedium = viewportSize === "medium";
-  const [showSources, setShowSources] = React9.useState(false);
-  const [showTrace, setShowTrace] = React9.useState(false);
-  const [copied, setCopied] = React9.useState(false);
-  const handleCopy = React9.useCallback(async () => {
+  const [showSources, setShowSources] = React10.useState(false);
+  const [showTrace, setShowTrace] = React10.useState(false);
+  const [copied, setCopied] = React10.useState(false);
+  const handleCopy = React10.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(message.content);
       setCopied(true);
@@ -2259,11 +2326,11 @@ function MessageBubble({
       console.error("Failed to copy text:", err);
     }
   }, [message.content]);
-  const structuredContent = React9.useMemo(
+  const structuredContent = React10.useMemo(
     () => isUser ? { payload: null, text: message.content } : extractStructuredPayload(message.content),
     [isUser, message.content]
   );
-  const hasRichUI = React9.useMemo(() => {
+  const hasRichUI = React10.useMemo(() => {
     if (message.uiTransformation) {
       const type = message.uiTransformation.type;
       if (type && !["text", "table"].includes(type)) return true;
@@ -2278,10 +2345,10 @@ function MessageBubble({
     uiTransformationType && !["text", "product_carousel", "carousel"].includes(uiTransformationType)
   );
   const shouldRenderStructuredOnly = !isUser && hasRichUI && isLikelyUiOnlyMessage(structuredContent.text);
-  const productsFromSources = React9.useMemo(() => {
+  const productsFromSources = React10.useMemo(() => {
     return extractProductsFromSources(sources, isUser);
   }, [sources, isUser]);
-  const { productsFromContent, cleanContent } = React9.useMemo(() => {
+  const { productsFromContent, cleanContent } = React10.useMemo(() => {
     if (isUser) {
       return { productsFromContent: [], cleanContent: message.content };
     }
@@ -2297,10 +2364,10 @@ function MessageBubble({
       isStreaming
     );
   }, [message.content, isUser, structuredContent, productsFromSources, isStreaming]);
-  const allProducts = React9.useMemo(() => {
+  const allProducts = React10.useMemo(() => {
     return deduplicateProducts(productsFromSources, productsFromContent, message.content);
   }, [productsFromSources, productsFromContent, message.content]);
-  const processedMarkdown = React9.useMemo(() => {
+  const processedMarkdown = React10.useMemo(() => {
     let raw = structuredContent.payload ? structuredContent.text : cleanContent || message.content;
     raw = raw.replace(/\$\s*(\d+)(?!\.\d)/g, "$1");
     raw = normalizePlusSeparatedLists(raw);
@@ -2331,41 +2398,49 @@ ${match.trim()}
     }
     return raw;
   }, [cleanContent, message.content, isStreaming, structuredContent]);
-  const markdownComponents = React9.useMemo(
+  const markdownComponents = React10.useMemo(
     () => createMarkdownComponents({ primaryColor, accentColor, isStreaming, onAddToCart, viewportSize }),
     [primaryColor, accentColor, isStreaming, onAddToCart, viewportSize]
   );
-  return /* @__PURE__ */ jsxs11("div", { className: `flex ${isCompact ? "gap-2" : "gap-3"} ${isUser ? "flex-row-reverse" : "flex-row"} items-start`, children: [
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs12("div", { className: `flex ${isCompact ? "gap-2" : "gap-3"} ${isUser ? "flex-row-reverse" : "flex-row"} items-start`, children: [
+    /* @__PURE__ */ jsx13(
       "div",
       {
         className: `flex-shrink-0 ${isCompact ? "w-7 h-7" : "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__ */ jsx12(User, { className: `${isCompact ? "w-3.5 h-3.5" : "w-4 h-4"} text-white` }) : /* @__PURE__ */ jsx12(Bot, { className: `${isCompact ? "w-3.5 h-3.5" : "w-4 h-4"}` })
+        children: isUser ? /* @__PURE__ */ jsx13(User, { className: `${isCompact ? "w-3.5 h-3.5" : "w-4 h-4"} text-white` }) : /* @__PURE__ */ jsx13(Bot, { className: `${isCompact ? "w-3.5 h-3.5" : "w-4 h-4"}` })
       }
     ),
-    /* @__PURE__ */ jsxs11("div", { className: `flex flex-col gap-1 min-w-0 ${isCompact ? "max-w-[94%]" : isMedium ? "max-w-[92%]" : "max-w-[90%]"} ${isUser ? "items-end" : "items-start"}`, children: [
-      /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsxs12("div", { className: `flex flex-col gap-1 min-w-0 ${isCompact ? "max-w-[94%]" : isMedium ? "max-w-[92%]" : "max-w-[90%]"} ${isUser ? "items-end" : "items-start"}`, children: [
+      !isUser && message.thinking && /* @__PURE__ */ jsx13(
+        ThinkingBlock,
+        {
+          thinking: message.thinking,
+          thinkingMs: message.thinkingMs,
+          isStreaming: isStreaming && !message.content
+        }
+      ),
+      /* @__PURE__ */ jsxs12(
         "div",
         {
           className: `relative group ${isCompact ? "px-3 py-2.5 text-[13px]" : "px-4 py-3 text-sm"} rounded-2xl 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: [
-            !isUser && !isStreaming && message.content && /* @__PURE__ */ jsx12(
+            !isUser && !isStreaming && message.content && /* @__PURE__ */ jsx13(
               "button",
               {
                 onClick: handleCopy,
                 className: `absolute top-2 right-2 p-1.5 rounded-lg border transition-all duration-200 cursor-pointer ${copied ? "bg-emerald-500/10 border-emerald-500/20 text-emerald-500 dark:text-emerald-400" : "bg-slate-500/5 hover:bg-slate-500/10 border-slate-200 dark:border-white/10 text-slate-400 dark:text-white/30 hover:text-slate-600 dark:hover:text-white/60"} opacity-0 group-hover:opacity-100 backdrop-blur-sm shadow-sm scale-95 group-hover:scale-100`,
                 title: copied ? "Copied!" : "Copy response",
-                children: copied ? /* @__PURE__ */ jsx12(Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx12(Copy, { className: "w-3.5 h-3.5" })
+                children: copied ? /* @__PURE__ */ jsx13(Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx13(Copy, { className: "w-3.5 h-3.5" })
               }
             ),
-            isStreaming && !message.content ? /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-1 py-1", children: [
-              /* @__PURE__ */ jsx12("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:0ms]" }),
-              /* @__PURE__ */ jsx12("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:150ms]" }),
-              /* @__PURE__ */ jsx12("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:300ms]" })
-            ] }) : /* @__PURE__ */ jsxs11("div", { className: `prose ${isCompact ? "prose-xs" : "prose-sm"} max-w-none break-words ${isUser ? "prose-invert" : "dark:prose-invert"}`, children: [
-              !isUser && structuredContent.payload && /* @__PURE__ */ jsx12(
+            isStreaming && !message.content ? /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-1 py-1", children: [
+              /* @__PURE__ */ jsx13("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:0ms]" }),
+              /* @__PURE__ */ jsx13("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:150ms]" }),
+              /* @__PURE__ */ jsx13("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:300ms]" })
+            ] }) : /* @__PURE__ */ jsxs12("div", { className: `prose ${isCompact ? "prose-xs" : "prose-sm"} max-w-none break-words ${isUser ? "prose-invert" : "dark:prose-invert"}`, children: [
+              !isUser && structuredContent.payload && /* @__PURE__ */ jsx13(
                 UIDispatcher,
                 {
                   rawContent: structuredContent.payload,
@@ -2376,9 +2451,9 @@ ${match.trim()}
                   viewportSize
                 }
               ),
-              !shouldRenderStructuredOnly && /* @__PURE__ */ jsx12(ReactMarkdown, { components: markdownComponents, children: processedMarkdown }),
-              isStreaming && /* @__PURE__ */ jsxs11("span", { className: "inline-flex items-center gap-1.5 ml-2 text-emerald-500 animate-pulse align-middle text-xs font-medium", children: [
-                /* @__PURE__ */ jsx12(
+              !shouldRenderStructuredOnly && /* @__PURE__ */ jsx13(ReactMarkdown, { components: markdownComponents, children: processedMarkdown }),
+              isStreaming && /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5 ml-2 text-emerald-500 animate-pulse align-middle text-xs font-medium", children: [
+                /* @__PURE__ */ jsx13(
                   HourglassLoader_default,
                   {
                     size: 18,
@@ -2395,13 +2470,33 @@ ${match.trim()}
       ),
       (() => {
         var _a2, _b;
-        if (isUser || structuredContent.payload || !message.uiTransformation) return null;
+        if (isUser || structuredContent.payload) return null;
+        if (isStreaming && !message.uiTransformation && sources && sources.length > 0) {
+          const hasProductSource = sources.some(
+            (s) => s.metadata && Object.keys(s.metadata).some(
+              (k) => ["name", "title", "price", "brand", "image", "product", "sku", "category"].includes(k.toLowerCase())
+            )
+          );
+          if (hasProductSource) {
+            return /* @__PURE__ */ jsx13("div", { className: "w-full mt-3", children: /* @__PURE__ */ jsx13(
+              VisualizationRenderer,
+              {
+                data: { type: "product_carousel", title: "Recommended Products", description: "Loading...", data: [] },
+                primaryColor,
+                onAddToCart,
+                className: "rounded-3xl border border-slate-200/60 dark:border-white/10 bg-white/90 dark:bg-slate-900/80 p-4",
+                isStreaming: true
+              }
+            ) });
+          }
+        }
+        if (!message.uiTransformation) return null;
         const ui = message.uiTransformation;
         const textContent = (_b = (_a2 = ui.data) == null ? void 0 : _a2.content) != null ? _b : "";
         const isNegativeOrFallbackText = textContent.toLowerCase().includes("cannot answer") || textContent.toLowerCase().includes("no relevant data") || textContent.toLowerCase().includes("no data available") || typeof ui.title === "string" && ui.title.toLowerCase().includes("no data") || typeof ui.description === "string" && ui.description.toLowerCase().includes("no relevant data");
         const shouldShow = !isNegativeOrFallbackText && (ui.type === "table" || !["text", "table"].includes(ui.type) || ui.type === "text" && !hasRichUI && allProducts.length === 0 && textContent && !processedMarkdown.toLowerCase().includes(textContent.trim().toLowerCase()));
         if (!shouldShow) return null;
-        return /* @__PURE__ */ jsx12("div", { className: "w-full mt-3", children: /* @__PURE__ */ jsx12(
+        return /* @__PURE__ */ jsx13("div", { className: "w-full mt-3", children: /* @__PURE__ */ jsx13(
           VisualizationRenderer,
           {
             data: ui,
@@ -2412,7 +2507,7 @@ ${match.trim()}
           }
         ) });
       })(),
-      !isUser && !hasRichUI && !shouldSuppressProductCarousel && allProducts.length > 0 && /* @__PURE__ */ jsx12("div", { className: "w-full mt-1", children: /* @__PURE__ */ jsx12(
+      !isUser && !hasRichUI && !shouldSuppressProductCarousel && allProducts.length > 0 && /* @__PURE__ */ jsx13("div", { className: "w-full mt-1", children: /* @__PURE__ */ jsx13(
         ProductCarousel,
         {
           products: allProducts,
@@ -2420,14 +2515,14 @@ ${match.trim()}
           onAddToCart
         }
       ) }),
-      !isUser && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4 mt-1 w-full flex-wrap", children: [
-        sources && sources.length > 0 && /* @__PURE__ */ jsxs11(
+      !isUser && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-4 mt-1 w-full flex-wrap", children: [
+        sources && sources.length > 0 && /* @__PURE__ */ jsxs12(
           "button",
           {
             onClick: () => setShowSources((s) => !s),
             className: "text-[11px] text-indigo-400 hover:text-indigo-300 transition-colors flex items-center gap-1",
             children: [
-              showSources ? /* @__PURE__ */ jsx12(ChevronDown3, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx12(ChevronRight3, { className: "w-3 h-3" }),
+              showSources ? /* @__PURE__ */ jsx13(ChevronDown4, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx13(ChevronRight4, { className: "w-3 h-3" }),
               sources.length,
               " source",
               sources.length !== 1 ? "s" : "",
@@ -2435,31 +2530,31 @@ ${match.trim()}
             ]
           }
         ),
-        message.trace && /* @__PURE__ */ jsxs11(
+        message.trace && /* @__PURE__ */ jsxs12(
           "button",
           {
             onClick: () => setShowTrace((t) => !t),
             className: "text-[11px] text-emerald-500 hover:text-emerald-400 transition-colors flex items-center gap-1",
             children: [
-              /* @__PURE__ */ jsx12(Activity, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx13(Activity, { className: "w-3 h-3" }),
               showTrace ? "Hide Trace" : "Trace"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs11("div", { className: "w-full flex flex-col gap-2 min-w-0", children: [
-        showSources && sources && sources.length > 0 && /* @__PURE__ */ jsx12("div", { className: "mt-1 flex flex-col gap-2", children: sources.map((src, i) => /* @__PURE__ */ jsx12(SourceCard, { source: src, index: i }, src.id)) }),
-        showTrace && message.trace && /* @__PURE__ */ jsx12(ObservabilityPanel, { trace: message.trace, primaryColor })
+      /* @__PURE__ */ jsxs12("div", { className: "w-full flex flex-col gap-2 min-w-0", children: [
+        showSources && sources && sources.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mt-1 flex flex-col gap-2", children: sources.map((src, i) => /* @__PURE__ */ jsx13(SourceCard, { source: src, index: i }, src.id)) }),
+        showTrace && message.trace && /* @__PURE__ */ jsx13(ObservabilityPanel, { trace: message.trace, primaryColor })
       ] })
     ] })
   ] });
 }
 
 // src/hooks/useRagChat.ts
-import { useState as useState4, useCallback, useRef as useRef3, useEffect as useEffect3 } from "react";
+import { useState as useState5, useCallback, useRef as useRef4, useEffect as useEffect4 } from "react";
 
 // src/hooks/useStoredMessages.ts
-import * as React10 from "react";
+import * as React11 from "react";
 function readStoredMessages(storageKey) {
   if (typeof window === "undefined") {
     return [];
@@ -2476,8 +2571,8 @@ function readStoredMessages(storageKey) {
   }
 }
 function useStoredMessages(storageKey, persist) {
-  const [messages, setMessages] = React10.useState(() => persist ? readStoredMessages(storageKey) : []);
-  React10.useEffect(() => {
+  const [messages, setMessages] = React11.useState(() => persist ? readStoredMessages(storageKey) : []);
+  React11.useEffect(() => {
     if (!persist || typeof window === "undefined") {
       return;
     }
@@ -2517,12 +2612,12 @@ function useRagChat(projectId, options = {}) {
   } = options;
   const storageKey = `rag_chat_${projectId}`;
   const [messages, setMessages] = useStoredMessages(storageKey, persist);
-  const [isLoading, setIsLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  const lastInputRef = useRef3("");
-  const messagesRef = useRef3(messages);
-  const abortControllerRef = useRef3(null);
-  useEffect3(() => {
+  const [isLoading, setIsLoading] = useState5(false);
+  const [error, setError] = useState5(null);
+  const lastInputRef = useRef4("");
+  const messagesRef = useRef4(messages);
+  const abortControllerRef = useRef4(null);
+  useEffect4(() => {
     messagesRef.current = messages;
   }, [messages]);
   const sendMessage = useCallback(
@@ -2569,18 +2664,25 @@ function useRagChat(projectId, options = {}) {
         const reader = response.body.getReader();
         const decoder = new TextDecoder();
         let assistantContent = "";
+        let thinkingContent = "";
+        let thinkingMs;
         let sources = [];
         let uiTransformation = null;
         let trace;
         let buffer = "";
         let pendingFlush = false;
         const pendingContentRef = { current: "" };
+        const pendingThinkingRef = { current: "" };
         const flushTextUpdate = (msgId) => {
           pendingFlush = false;
           const snapshot = pendingContentRef.current;
+          const thinkingSnapshot = pendingThinkingRef.current;
           setMessages(
             (prev) => prev.map(
-              (msg) => msg.id === msgId ? __spreadProps(__spreadValues({}, msg), { content: snapshot }) : msg
+              (msg) => msg.id === msgId ? __spreadProps(__spreadValues({}, msg), {
+                content: snapshot,
+                thinking: thinkingSnapshot || void 0
+              }) : msg
             )
           );
         };
@@ -2614,8 +2716,13 @@ function useRagChat(projectId, options = {}) {
               assistantContent += frame.text;
               pendingContentRef.current = assistantContent;
               scheduleFlush(assistantMessageId);
+            } else if (frame.type === "thinking" && frame.text) {
+              thinkingContent += frame.text;
+              pendingThinkingRef.current = thinkingContent;
+              scheduleFlush(assistantMessageId);
             } else if (frame.type === "metadata") {
               sources = (_a = frame.sources) != null ? _a : [];
+              thinkingMs = frame.thinkingMs;
               hasNonTextFrame = true;
             } else if (frame.type === "ui_transformation") {
               uiTransformation = frame.data;
@@ -2633,6 +2740,8 @@ function useRagChat(projectId, options = {}) {
               (prev) => prev.map(
                 (msg) => msg.id === assistantMessageId ? __spreadProps(__spreadValues({}, msg), {
                   content: assistantContent,
+                  thinking: thinkingContent || void 0,
+                  thinkingMs,
                   sources: sources.length > 0 ? sources : msg.sources,
                   uiTransformation: uiTransformation || msg.uiTransformation
                 }) : msg
@@ -2643,8 +2752,11 @@ function useRagChat(projectId, options = {}) {
         if (buffer.trim()) {
           for (const frame of parseSseChunk(buffer)) {
             if (frame.type === "text" && frame.text) assistantContent += frame.text;
-            else if (frame.type === "metadata") sources = (_b = frame.sources) != null ? _b : [];
-            else if (frame.type === "observability") trace = frame.data;
+            else if (frame.type === "thinking" && frame.text) thinkingContent += frame.text;
+            else if (frame.type === "metadata") {
+              sources = (_b = frame.sources) != null ? _b : [];
+              thinkingMs = frame.thinkingMs;
+            } else if (frame.type === "observability") trace = frame.data;
           }
         }
         const finalMsg = {
@@ -2654,6 +2766,8 @@ function useRagChat(projectId, options = {}) {
           sources: sources.length > 0 ? sources : void 0,
           uiTransformation: uiTransformation != null ? uiTransformation : void 0,
           trace,
+          thinking: thinkingContent || void 0,
+          thinkingMs,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
         setMessages(
@@ -2708,7 +2822,7 @@ function useRagChat(projectId, options = {}) {
 }
 
 // src/components/ChatWindow.tsx
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function ChatWindow({
   className = "",
   style,
@@ -2723,21 +2837,21 @@ function ChatWindow({
 }) {
   var _a;
   const { ui, projectId } = useConfig();
-  const [input, setInput] = useState5("");
-  const [mounted, setMounted] = useState5(false);
-  const [viewportSize, setViewportSize] = useState5("large");
-  const windowRef = useRef4(null);
-  const bottomRef = useRef4(null);
-  const inputRef = useRef4(null);
+  const [input, setInput] = useState6("");
+  const [mounted, setMounted] = useState6(false);
+  const [viewportSize, setViewportSize] = useState6("large");
+  const windowRef = useRef5(null);
+  const bottomRef = useRef5(null);
+  const inputRef = useRef5(null);
   const { messages, send, clear, isLoading, error, stop } = useRagChat(projectId, {
     namespace: projectId
   });
-  const [suggestions, setSuggestions] = useState5([]);
-  const [isSuggesting, setIsSuggesting] = useState5(false);
-  const [isListening, setIsListening] = useState5(false);
-  const [isUploadModalOpen, setIsUploadModalOpen] = useState5(false);
-  const recognitionRef = useRef4(null);
-  useEffect4(() => {
+  const [suggestions, setSuggestions] = useState6([]);
+  const [isSuggesting, setIsSuggesting] = useState6(false);
+  const [isListening, setIsListening] = useState6(false);
+  const [isUploadModalOpen, setIsUploadModalOpen] = useState6(false);
+  const recognitionRef = useRef5(null);
+  useEffect5(() => {
     if (typeof window !== "undefined") {
       const win = window;
       const SpeechRecognition = win.SpeechRecognition || win.webkitSpeechRecognition;
@@ -2783,10 +2897,10 @@ function ChatWindow({
       }
     }
   };
-  useEffect4(() => {
+  useEffect5(() => {
     setMounted(true);
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     const element = windowRef.current;
     if (!element || typeof ResizeObserver === "undefined") return;
     const resolveViewportSize = (width) => {
@@ -2802,7 +2916,7 @@ function ChatWindow({
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     var _a2;
     if (messages.length > 0 || isLoading) {
       (_a2 = bottomRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth" });
@@ -2838,7 +2952,7 @@ function ChatWindow({
   const isEmpty = messages.length === 0;
   const currentRadius = BORDER_RADIUS_MAP[ui.borderRadius || "xl"];
   const isGlass = ui.visualStyle !== "solid";
-  useEffect4(() => {
+  useEffect5(() => {
     if (input.trim().length < 3) {
       return;
     }
@@ -2862,85 +2976,85 @@ function ChatWindow({
     }, 800);
     return () => clearTimeout(timer);
   }, [input, projectId]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       ref: windowRef,
       className: `relative 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: [
-        onResizeStart && /* @__PURE__ */ jsx13(
+        onResizeStart && /* @__PURE__ */ jsx14(
           "div",
           {
             onMouseDown: onResizeStart,
             className: "absolute top-0 left-0 w-6 h-6 cursor-nw-resize z-[100] group flex items-start justify-start p-1",
             title: "Drag to resize",
-            children: /* @__PURE__ */ jsx13("div", { className: "w-2.5 h-2.5 border-t-2 border-l-2 border-slate-300 dark:border-white/20 group-hover:border-slate-500 dark:group-hover:border-white/50 transition-colors rounded-tl-[2px]" })
+            children: /* @__PURE__ */ jsx14("div", { className: "w-2.5 h-2.5 border-t-2 border-l-2 border-slate-300 dark:border-white/20 group-hover:border-slate-500 dark:group-hover:border-white/50 transition-colors rounded-tl-[2px]" })
           }
         ),
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13(
           "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)` },
             children: [
-              /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
                 ui.logoUrl ? (
                   // eslint-disable-next-line @next/next/no-img-element
-                  /* @__PURE__ */ jsx13("img", { src: ui.logoUrl, alt: "logo", className: "w-8 h-8 rounded-lg object-cover" })
-                ) : /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14("img", { src: ui.logoUrl, alt: "logo", className: "w-8 h-8 rounded-lg object-cover" })
+                ) : /* @__PURE__ */ jsx14(
                   "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__ */ jsx13(Bot2, { className: "w-5 h-5 text-white" })
+                    children: /* @__PURE__ */ jsx14(Bot2, { className: "w-5 h-5 text-white" })
                   }
                 ),
-                /* @__PURE__ */ jsxs12("div", { children: [
-                  /* @__PURE__ */ jsx13("h2", { className: "text-slate-900 dark:text-white font-semibold text-sm leading-tight", children: ui.title }),
-                  ui.poweredBy && /* @__PURE__ */ jsx13("p", { className: "text-slate-500 dark:text-white/40 text-[11px] leading-tight", children: `Powered by ${ui.poweredBy}` })
+                /* @__PURE__ */ jsxs13("div", { children: [
+                  /* @__PURE__ */ jsx14("h2", { className: "text-slate-900 dark:text-white font-semibold text-sm leading-tight", children: ui.title }),
+                  ui.poweredBy && /* @__PURE__ */ jsx14("p", { className: "text-slate-500 dark:text-white/40 text-[11px] leading-tight", children: `Powered by ${ui.poweredBy}` })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400 mr-2", children: [
-                  /* @__PURE__ */ jsx13("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 dark:bg-emerald-400 animate-pulse" }),
+              /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxs13("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400 mr-2", children: [
+                  /* @__PURE__ */ jsx14("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 dark:bg-emerald-400 animate-pulse" }),
                   "Online"
                 ] }),
-                /* @__PURE__ */ jsxs12("div", { className: "flex items-center bg-slate-100/50 dark:bg-white/5 rounded-lg p-0.5 border border-slate-200/50 dark:border-white/5", children: [
-                  mounted && messages.length > 0 && /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsxs13("div", { className: "flex items-center bg-slate-100/50 dark:bg-white/5 rounded-lg p-0.5 border border-slate-200/50 dark:border-white/5", children: [
+                  mounted && messages.length > 0 && /* @__PURE__ */ jsx14(
                     "button",
                     {
                       onClick: clearHistory,
                       title: "Clear conversation",
                       className: "w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-rose-500 dark:text-white/40 dark:hover:text-rose-400 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer",
-                      children: /* @__PURE__ */ jsx13(Trash2, { className: "w-3.5 h-3.5" })
+                      children: /* @__PURE__ */ jsx14(Trash2, { className: "w-3.5 h-3.5" })
                     }
                   ),
-                  isResized && onResetResize && /* @__PURE__ */ jsx13(
+                  isResized && onResetResize && /* @__PURE__ */ jsx14(
                     "button",
                     {
                       onClick: onResetResize,
                       title: "Reset to default size",
                       className: "w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-blue-500 dark:text-white/40 dark:hover:text-blue-400 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer",
-                      children: /* @__PURE__ */ jsx13(RotateCcw, { className: "w-3.5 h-3.5" })
+                      children: /* @__PURE__ */ jsx14(RotateCcw, { className: "w-3.5 h-3.5" })
                     }
                   ),
-                  onMaximize && /* @__PURE__ */ jsx13(
+                  onMaximize && /* @__PURE__ */ jsx14(
                     "button",
                     {
                       onClick: onMaximize,
                       title: isMaximized ? "Minimize" : "Maximize",
                       className: "w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-blue-500 dark:text-white/40 dark:hover:text-blue-400 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer",
-                      children: isMaximized ? /* @__PURE__ */ jsx13(Minimize2, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx13(Maximize2, { className: "w-3.5 h-3.5" })
+                      children: isMaximized ? /* @__PURE__ */ jsx14(Minimize2, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx14(Maximize2, { className: "w-3.5 h-3.5" })
                     }
                   ),
-                  showClose && onClose && /* @__PURE__ */ jsx13(
+                  showClose && onClose && /* @__PURE__ */ jsx14(
                     "button",
                     {
                       onClick: onClose,
                       title: "Close chat",
                       className: "w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-slate-600 dark:text-white/40 dark:hover:text-white/70 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer",
-                      children: /* @__PURE__ */ jsx13(X2, { className: "w-4 h-4" })
+                      children: /* @__PURE__ */ jsx14(X2, { className: "w-4 h-4" })
                     }
                   )
                 ] })
@@ -2948,24 +3062,24 @@ function ChatWindow({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs12("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: [
+        /* @__PURE__ */ jsxs13("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__ */ jsxs12("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-12", children: [
-              /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsxs13("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-12", children: [
+              /* @__PURE__ */ jsx14(
                 "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__ */ jsx13(Sparkles, { className: "w-8 h-8 text-white" })
+                  children: /* @__PURE__ */ jsx14(Sparkles, { className: "w-8 h-8 text-white" })
                 }
               ),
-              /* @__PURE__ */ jsxs12("div", { children: [
-                /* @__PURE__ */ jsx13("p", { className: "text-slate-800 dark:text-white/80 font-medium leading-relaxed", children: ui.welcomeMessage }),
-                /* @__PURE__ */ jsx13("p", { className: "text-slate-500 dark:text-white/30 text-sm mt-2", children: "Ask a question to get started" })
+              /* @__PURE__ */ jsxs13("div", { children: [
+                /* @__PURE__ */ jsx14("p", { className: "text-slate-800 dark:text-white/80 font-medium leading-relaxed", children: ui.welcomeMessage }),
+                /* @__PURE__ */ jsx14("p", { className: "text-slate-500 dark:text-white/30 text-sm mt-2", children: "Ask a question to get started" })
               ] }),
-              /* @__PURE__ */ jsx13("div", { className: "flex flex-wrap gap-2 justify-center mt-2", children: CHAT_SUGGESTIONS.map(
-                (suggestion) => /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14("div", { className: "flex flex-wrap gap-2 justify-center mt-2", children: CHAT_SUGGESTIONS.map(
+                (suggestion) => /* @__PURE__ */ jsx14(
                   "button",
                   {
                     onClick: () => {
@@ -2980,7 +3094,7 @@ function ChatWindow({
                 )
               ) })
             ] })
-          ) : messages.map((msg, index) => /* @__PURE__ */ jsx13(
+          ) : messages.map((msg, index) => /* @__PURE__ */ jsx14(
             MessageBubble,
             {
               message: msg,
@@ -2993,7 +3107,7 @@ function ChatWindow({
             },
             msg.id
           )),
-          isLoading && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) !== "assistant" && /* @__PURE__ */ jsx13(
+          isLoading && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) !== "assistant" && /* @__PURE__ */ jsx14(
             MessageBubble,
             {
               message: { id: "loading", role: "assistant", content: "", createdAt: (/* @__PURE__ */ new Date()).toISOString() },
@@ -3004,22 +3118,22 @@ function ChatWindow({
               viewportSize
             }
           ),
-          error && /* @__PURE__ */ jsxs12("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__ */ jsx13(TriangleAlert, { className: "w-4 h-4 flex-shrink-0" }),
-            /* @__PURE__ */ jsx13("span", { children: error })
+          error && /* @__PURE__ */ jsxs13("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__ */ jsx14(TriangleAlert, { className: "w-4 h-4 flex-shrink-0" }),
+            /* @__PURE__ */ jsx14("span", { children: error })
           ] }),
-          /* @__PURE__ */ jsx13("div", { ref: bottomRef })
+          /* @__PURE__ */ jsx14("div", { ref: bottomRef })
         ] }),
-        isUploadModalOpen && /* @__PURE__ */ jsx13("div", { className: "absolute inset-0 z-50 flex items-center justify-center p-4 bg-slate-900/50 backdrop-blur-sm rounded-inherit", children: /* @__PURE__ */ jsxs12("div", { className: "relative w-full max-w-md bg-white dark:bg-[#0f0f1a] rounded-2xl shadow-2xl overflow-hidden animate-in zoom-in-95 duration-200", children: [
-          /* @__PURE__ */ jsx13(
+        isUploadModalOpen && /* @__PURE__ */ jsx14("div", { className: "absolute inset-0 z-50 flex items-center justify-center p-4 bg-slate-900/50 backdrop-blur-sm rounded-inherit", children: /* @__PURE__ */ jsxs13("div", { className: "relative w-full max-w-md bg-white dark:bg-[#0f0f1a] rounded-2xl shadow-2xl overflow-hidden animate-in zoom-in-95 duration-200", children: [
+          /* @__PURE__ */ jsx14(
             "button",
             {
               onClick: () => setIsUploadModalOpen(false),
               className: "absolute top-4 right-4 p-1.5 rounded-lg text-slate-400 hover:text-slate-600 hover:bg-slate-100 dark:hover:text-white/80 dark:hover:bg-white/10 transition-colors z-10",
-              children: /* @__PURE__ */ jsx13(X2, { className: "w-5 h-5" })
+              children: /* @__PURE__ */ jsx14(X2, { className: "w-5 h-5" })
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             DocumentUpload,
             {
               namespace: projectId,
@@ -3027,9 +3141,9 @@ function ChatWindow({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs12("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: [
-          (suggestions.length > 0 || isSuggesting) && !isLoading && /* @__PURE__ */ jsxs12("div", { className: "mb-3 flex flex-wrap gap-2 animate-in fade-in slide-in-from-bottom-2 duration-300", children: [
-            suggestions.map((suggestion) => /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13("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: [
+          (suggestions.length > 0 || isSuggesting) && !isLoading && /* @__PURE__ */ jsxs13("div", { className: "mb-3 flex flex-wrap gap-2 animate-in fade-in slide-in-from-bottom-2 duration-300", children: [
+            suggestions.map((suggestion) => /* @__PURE__ */ jsxs13(
               "button",
               {
                 onClick: () => {
@@ -3040,19 +3154,19 @@ function ChatWindow({
                 },
                 className: "flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-[11px] font-medium bg-white dark:bg-white/5 border border-slate-200 dark:border-white/10 text-slate-600 dark:text-white/60 hover:text-slate-900 dark:hover:text-white/90 hover:border-slate-300 dark:hover:border-white/20 transition-all shadow-sm cursor-pointer group",
                 children: [
-                  /* @__PURE__ */ jsx13(Sparkles, { className: "w-3 h-3 text-amber-400" }),
+                  /* @__PURE__ */ jsx14(Sparkles, { className: "w-3 h-3 text-amber-400" }),
                   suggestion
                 ]
               },
               suggestion
             )),
-            isSuggesting && suggestions.length === 0 && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-[11px] font-medium text-slate-400 dark:text-white/30 animate-pulse", children: [
-              /* @__PURE__ */ jsx13(Sparkles, { className: "w-3 h-3" }),
+            isSuggesting && suggestions.length === 0 && /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-[11px] font-medium text-slate-400 dark:text-white/30 animate-pulse", children: [
+              /* @__PURE__ */ jsx14(Sparkles, { className: "w-3 h-3" }),
               "Thinking..."
             ] })
           ] }),
-          /* @__PURE__ */ jsxs12("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__ */ jsx13(
+          /* @__PURE__ */ jsxs13("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__ */ jsx14(
               "textarea",
               {
                 ref: inputRef,
@@ -3072,7 +3186,7 @@ function ChatWindow({
                 style: { scrollbarWidth: "none" }
               }
             ),
-            ui.enableVoiceInput !== false && /* @__PURE__ */ jsx13(
+            ui.enableVoiceInput !== false && /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -3080,28 +3194,28 @@ function ChatWindow({
                 disabled: isLoading,
                 className: `flex-shrink-0 w-9 h-9 rounded-xl flex items-center justify-center transition-all hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 disabled:active:scale-100 ${isListening ? "bg-rose-500 text-white animate-pulse shadow-md shadow-rose-500/20" : "text-slate-400 dark:text-white/40 hover:bg-slate-200 dark:hover:bg-white/10"}`,
                 title: isListening ? "Stop listening" : "Start voice input",
-                children: isListening ? /* @__PURE__ */ jsx13(MicOff, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx13(Mic, { className: "w-4 h-4" })
+                children: isListening ? /* @__PURE__ */ jsx14(MicOff, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx14(Mic, { className: "w-4 h-4" })
               }
             ),
-            ui.allowUpload !== false && /* @__PURE__ */ jsx13(
+            ui.allowUpload !== false && /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
                 onClick: () => setIsUploadModalOpen(true),
                 className: "flex-shrink-0 w-9 h-9 rounded-xl flex items-center justify-center transition-all hover:scale-105 active:scale-95 text-slate-400 dark:text-white/40 hover:bg-slate-200 dark:hover:bg-white/10",
                 title: "Upload Document",
-                children: /* @__PURE__ */ jsx13(Paperclip, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ jsx14(Paperclip, { className: "w-4 h-4" })
               }
             ),
-            isLoading ? /* @__PURE__ */ jsx13(
+            isLoading ? /* @__PURE__ */ jsx14(
               "button",
               {
                 onClick: stop,
                 className: "flex-shrink-0 w-9 h-9 rounded-xl flex items-center justify-center transition-all hover:scale-105 active:scale-95 shadow-md bg-rose-500 hover:bg-rose-600 text-white cursor-pointer",
                 title: "Stop generating",
-                children: /* @__PURE__ */ jsx13("div", { className: "w-3.5 h-3.5 bg-white rounded-[2px]" })
+                children: /* @__PURE__ */ jsx14("div", { className: "w-3.5 h-3.5 bg-white rounded-[2px]" })
               }
-            ) : /* @__PURE__ */ jsx13(
+            ) : /* @__PURE__ */ jsx14(
               "button",
               {
                 onClick: sendMessage,
@@ -3111,11 +3225,11 @@ function ChatWindow({
                   background: input.trim() ? `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` : "rgba(148, 163, 184, 0.2)"
                   // slate-400/20 for light mode disabled
                 },
-                children: /* @__PURE__ */ jsx13(ArrowUp, { className: "w-4 h-4 text-white" })
+                children: /* @__PURE__ */ jsx14(ArrowUp, { className: "w-4 h-4 text-white" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx13("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" })
+          /* @__PURE__ */ jsx14("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" })
         ] })
       ]
     }
@@ -3123,7 +3237,7 @@ function ChatWindow({
 }
 
 // src/components/ChatWidget.tsx
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_DIMENSIONS = { width: 380, height: 600 };
 var GEMINI_STYLES = `
   @keyframes shapeshift {
@@ -3164,12 +3278,12 @@ var GEMINI_STYLES = `
 `;
 function ChatWidget({ position = "bottom-right", onAddToCart }) {
   const { ui } = useConfig();
-  const [isOpen, setIsOpen] = useState6(false);
-  const [hasUnread, setHasUnread] = useState6(false);
-  const [dimensions, setDimensions] = useState6(DEFAULT_DIMENSIONS);
-  const [isResizing, setIsResizing] = useState6(false);
-  const [isMaximized, setIsMaximized] = useState6(false);
-  const [prevDimensions, setPrevDimensions] = useState6(DEFAULT_DIMENSIONS);
+  const [isOpen, setIsOpen] = useState7(false);
+  const [hasUnread, setHasUnread] = useState7(false);
+  const [dimensions, setDimensions] = useState7(DEFAULT_DIMENSIONS);
+  const [isResizing, setIsResizing] = useState7(false);
+  const [isMaximized, setIsMaximized] = useState7(false);
+  const [prevDimensions, setPrevDimensions] = useState7(DEFAULT_DIMENSIONS);
   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";
@@ -3218,9 +3332,9 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
     }
   };
   const isResized = dimensions.width !== DEFAULT_DIMENSIONS.width || dimensions.height !== DEFAULT_DIMENSIONS.height;
-  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    /* @__PURE__ */ jsx14("style", { dangerouslySetInnerHTML: { __html: GEMINI_STYLES } }),
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(Fragment4, { children: [
+    /* @__PURE__ */ jsx15("style", { dangerouslySetInnerHTML: { __html: GEMINI_STYLES } }),
+    /* @__PURE__ */ jsxs14(
       "div",
       {
         className: `fixed z-[9998] max-w-[calc(100vw-3rem)] ease-in-out ${windowPositionClass} ${isOpen ? "opacity-100 translate-y-0 pointer-events-auto" : "opacity-0 translate-y-4 pointer-events-none"} ${isResizing ? "" : "transition-all duration-300"}`,
@@ -3230,7 +3344,7 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
           maxHeight: "calc(100vh - 6rem)"
         },
         children: [
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             ChatWindow,
             {
               className: "h-full relative z-10",
@@ -3244,7 +3358,7 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
               onAddToCart
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             "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"}`
@@ -3253,18 +3367,18 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs14(
       "button",
       {
         onClick: isOpen ? () => setIsOpen(false) : handleOpen,
         className: `group fixed z-[9999] w-14 h-14 drop-shadow-2xl flex items-center justify-center transition-all duration-300 cursor-pointer hover:scale-110 active:scale-95 ${positionClass}`,
         "aria-label": "Open chat",
         children: [
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             "div",
             {
               className: "absolute inset-0 transition-all duration-300 overflow-hidden rounded-full group-hover:rounded-none group-hover:animate-[shapeshift_5s_ease-in-out_infinite_forwards]",
-              children: /* @__PURE__ */ jsx14(
+              children: /* @__PURE__ */ jsx15(
                 "div",
                 {
                   className: "absolute top-0 left-0 w-[400%] h-[400%] transition-transform duration-300 group-hover:animate-[gradientMove_3.5s_ease-in-out_infinite_alternate]",
@@ -3275,33 +3389,80 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
               )
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             "span",
             {
               className: "absolute inset-0 rounded-full animate-ping opacity-20 pointer-events-none",
               style: { background: ui.primaryColor }
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             "span",
             {
               className: `relative z-10 transition-transform duration-300 ${isOpen ? "rotate-90 scale-90" : "rotate-0 scale-100"}`,
-              children: isOpen ? /* @__PURE__ */ jsx14(X3, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ jsx14(MessageSquare, { className: "w-6 h-6 text-white" })
+              children: isOpen ? /* @__PURE__ */ jsx15(X3, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ jsx15(MessageSquare, { className: "w-6 h-6 text-white" })
             }
           ),
-          hasUnread && !isOpen && /* @__PURE__ */ jsx14("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" })
+          hasUnread && !isOpen && /* @__PURE__ */ jsx15("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" })
         ]
       }
     )
   ] });
 }
+
+// src/exceptions/index.ts
+var RetrivoraError = class extends Error {
+  constructor(message, code, details) {
+    super(message);
+    this.name = new.target.name;
+    this.code = code;
+    this.details = details;
+  }
+};
+var ProviderNotFoundException = class extends RetrivoraError {
+  constructor(providerType, provider, details) {
+    super(`Unsupported ${providerType} provider: ${provider}`, "PROVIDER_NOT_FOUND", details);
+  }
+};
+var EmbeddingFailedException = class extends RetrivoraError {
+  constructor(message = "Embedding generation failed", details) {
+    super(message, "EMBEDDING_FAILED", details);
+  }
+};
+var RetrievalException = class extends RetrivoraError {
+  constructor(message = "Retrieval failed", details) {
+    super(message, "RETRIEVAL_FAILED", details);
+  }
+};
+var RateLimitException = class extends RetrivoraError {
+  constructor(message = "Provider rate limit exceeded", details) {
+    super(message, "RATE_LIMITED", details);
+  }
+};
+var ConfigurationException = class extends RetrivoraError {
+  constructor(message, details) {
+    super(message, "CONFIGURATION_ERROR", details);
+  }
+};
+var AuthenticationException = class extends RetrivoraError {
+  constructor(message = "Provider authentication failed", details) {
+    super(message, "AUTHENTICATION_ERROR", details);
+  }
+};
 export {
+  AuthenticationException,
   ChatWidget,
   ChatWindow,
   ConfigProvider,
+  ConfigurationException,
   DocumentUpload,
+  EmbeddingFailedException,
   MessageBubble,
   ObservabilityPanel,
+  ProviderNotFoundException,
+  RateLimitException,
+  RetrievalException,
+  RetrivoraError,
   SourceCard,
   addSynonyms,
   useConfig,