@retrivora-ai/rag-engine 1.9.1 → 1.9.3

package/dist/index.js

@@ -420,7 +420,7 @@ function ProductCard({ product, primaryColor = "#6366f1", onAddToCart }) {
           unoptimized: true,
           className: "object-cover group-hover:scale-105 transition-transform duration-500"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-slate-400 dark:text-white/20 cursor-pointer", onClick: () => onAddToCart == null ? void 0 : onAddToCart(product), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ShoppingCart, { className: "w-12 h-12" }) }),
+      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-slate-400 dark:text-white/20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ShoppingCart, { className: "w-12 h-12" }) }),
       product.brand && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute top-2 left-2 px-2 py-1 bg-white/90 dark:bg-black/60 backdrop-blur-md rounded-md text-[10px] font-bold uppercase tracking-wider text-slate-700 dark:text-white/90 shadow-sm", children: product.brand })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "p-4 flex flex-col gap-2", children: [
@@ -434,7 +434,7 @@ function ProductCard({ product, primaryColor = "#6366f1", onAddToCart }) {
           "button",
           {
             onClick: () => onAddToCart == null ? void 0 : onAddToCart(product),
-            className: "flex-1 py-2 px-3 rounded-lg text-[11px] font-medium text-white shadow-sm hover:opacity-90 transition-opacity flex items-center justify-center gap-1.5 cursor-pointer",
+            className: "flex-1 py-2 px-3 rounded-lg text-[11px] font-medium text-white shadow-sm hover:opacity-90 transition-opacity flex items-center justify-center gap-1.5",
             style: { background: primaryColor },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ShoppingCart, { className: "w-3 h-3" }),
@@ -1516,7 +1516,7 @@ var HourglassLoader_default = HourglassLoader;
 // src/utils/synonyms.ts
 var FIELD_SYNONYMS = {
   name: ["product", "item", "title", "label", "heading", "subject", "product name", "item name"],
-  price: ["cost", "amount", "msrp", "price", "rate", "value", "price_usd"],
+  price: ["cost", "amount", "msrp", "price", "rate", "value", "price_usd", "variant price"],
   brand: ["manufacturer", "vendor", "make", "company", "brand_name", "supplier"],
   image: [
     "imageUrl",
@@ -1529,7 +1529,9 @@ var FIELD_SYNONYMS = {
     "image_url",
     "main_image",
     "product_image",
-    "thumb"
+    "thumb",
+    "image src",
+    "variant image"
   ],
   stock: [
     "inventory",
@@ -1540,7 +1542,8 @@ var FIELD_SYNONYMS = {
     "inStock",
     "is_available",
     "in stock",
-    "status"
+    "status",
+    "variant inventory qty"
   ],
   category: [
     "product_category",
@@ -1548,9 +1551,10 @@ var FIELD_SYNONYMS = {
     "category_name",
     "category name",
     "department",
-    "collection"
+    "collection",
+    "type"
   ],
-  description: ["summary", "content", "body", "text", "info", "details"],
+  description: ["summary", "content", "body", "text", "info", "details", "body (html)", "seo description"],
   link: ["url", "href", "product_url", "page_url", "link"]
 };
 function addSynonyms(customSynonyms) {
@@ -2226,6 +2230,16 @@ function MessageBubble({
   const isMedium = viewportSize === "medium";
   const [showSources, setShowSources] = import_react9.default.useState(false);
   const [showTrace, setShowTrace] = import_react9.default.useState(false);
+  const [copied, setCopied] = import_react9.default.useState(false);
+  const handleCopy = import_react9.default.useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(message.content);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy text:", err);
+    }
+  }, [message.content]);
   const structuredContent = import_react9.default.useMemo(
     () => isUser ? { payload: null, text: message.content } : extractStructuredPayload(message.content),
     [isUser, message.content]
@@ -2312,41 +2326,52 @@ ${match.trim()}
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("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__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "div",
         {
-          className: `relative ${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"}`,
+          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: isStreaming && !message.content ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1 py-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:0ms]" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:150ms]" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:300ms]" })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `prose ${isCompact ? "prose-xs" : "prose-sm"} max-w-none break-words ${isUser ? "prose-invert" : "dark:prose-invert"}`, children: [
-            !isUser && structuredContent.payload && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              UIDispatcher,
+          children: [
+            !isUser && !isStreaming && message.content && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "button",
               {
-                rawContent: structuredContent.payload,
-                primaryColor,
-                accentColor,
-                isStreaming,
-                onAddToCart,
-                viewportSize
+                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__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Copy, { className: "w-3.5 h-3.5" })
               }
             ),
-            !shouldRenderStructuredOnly && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_markdown.default, { components: markdownComponents, children: processedMarkdown }),
-            isStreaming && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "inline-flex items-center gap-1.5 ml-2 text-emerald-500 animate-pulse align-middle text-xs font-medium", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                HourglassLoader_default,
+            isStreaming && !message.content ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-1 py-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:0ms]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:150ms]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:300ms]" })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `prose ${isCompact ? "prose-xs" : "prose-sm"} max-w-none break-words ${isUser ? "prose-invert" : "dark:prose-invert"}`, children: [
+              !isUser && structuredContent.payload && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                UIDispatcher,
                 {
-                  size: 18,
+                  rawContent: structuredContent.payload,
                   primaryColor,
                   accentColor,
-                  glow: false
+                  isStreaming,
+                  onAddToCart,
+                  viewportSize
                 }
               ),
-              "Thinking..."
+              !shouldRenderStructuredOnly && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_markdown.default, { components: markdownComponents, children: processedMarkdown }),
+              isStreaming && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "inline-flex items-center gap-1.5 ml-2 text-emerald-500 animate-pulse align-middle text-xs font-medium", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  HourglassLoader_default,
+                  {
+                    size: 18,
+                    primaryColor,
+                    accentColor,
+                    glow: false
+                  }
+                ),
+                "Thinking..."
+              ] })
             ] })
-          ] })
+          ]
         }
       ),
       (() => {
@@ -2354,7 +2379,8 @@ ${match.trim()}
         if (isUser || structuredContent.payload || !message.uiTransformation) return null;
         const ui = message.uiTransformation;
         const textContent = (_b = (_a2 = ui.data) == null ? void 0 : _a2.content) != null ? _b : "";
-        const shouldShow = ui.type === "table" || !["text", "table"].includes(ui.type) || ui.type === "text" && !hasRichUI && allProducts.length === 0 && textContent && !processedMarkdown.toLowerCase().includes(textContent.trim().toLowerCase());
+        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__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-full mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           VisualizationRenderer,
@@ -2476,6 +2502,7 @@ function useRagChat(projectId, options = {}) {
   const [error, setError] = (0, import_react10.useState)(null);
   const lastInputRef = (0, import_react10.useRef)("");
   const messagesRef = (0, import_react10.useRef)(messages);
+  const abortControllerRef = (0, import_react10.useRef)(null);
   (0, import_react10.useEffect)(() => {
     messagesRef.current = messages;
   }, [messages]);
@@ -2496,11 +2523,17 @@ function useRagChat(projectId, options = {}) {
       }
       setError(null);
       setIsLoading(true);
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
       try {
         const history = messagesRef.current.map(({ role, content }) => ({ role, content }));
         const response = await fetch(apiUrl, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
+          signal: controller.signal,
           body: JSON.stringify({
             message: trimmed,
             history,
@@ -2609,11 +2642,16 @@ function useRagChat(projectId, options = {}) {
         );
         onReply == null ? void 0 : onReply(finalMsg);
       } catch (err) {
+        if (err instanceof Error && err.name === "AbortError") {
+          console.log("[useRagChat] Streaming stopped by user.");
+          return;
+        }
         const msg = err instanceof Error ? err.message : "Something went wrong. Please try again.";
         setError(msg);
         onError == null ? void 0 : onError(msg);
       } finally {
         setIsLoading(false);
+        abortControllerRef.current = null;
       }
     },
     [apiUrl, isLoading, namespace, onError, onReply, projectId, setMessages]
@@ -2631,6 +2669,13 @@ function useRagChat(projectId, options = {}) {
       });
     }
   }, [sendMessage]);
+  const stop = (0, import_react10.useCallback)(() => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+      abortControllerRef.current = null;
+    }
+    setIsLoading(false);
+  }, []);
   return {
     messages,
     isLoading,
@@ -2638,7 +2683,8 @@ function useRagChat(projectId, options = {}) {
     send: sendMessage,
     clear,
     retry,
-    setMessages
+    setMessages,
+    stop
   };
 }
 
@@ -2664,7 +2710,7 @@ function ChatWindow({
   const windowRef = (0, import_react11.useRef)(null);
   const bottomRef = (0, import_react11.useRef)(null);
   const inputRef = (0, import_react11.useRef)(null);
-  const { messages, send, clear, isLoading, error } = useRagChat(projectId, {
+  const { messages, send, clear, isLoading, error, stop } = useRagChat(projectId, {
     namespace: projectId
   });
   const [suggestions, setSuggestions] = (0, import_react11.useState)([]);
@@ -3028,14 +3074,22 @@ function ChatWindow({
                 children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Paperclip, { className: "w-4 h-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            isLoading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "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__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-3.5 h-3.5 bg-white rounded-[2px]" })
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "button",
               {
                 onClick: sendMessage,
-                disabled: !input.trim() || isLoading,
+                disabled: !input.trim(),
                 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)"
+                  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__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.ArrowUp, { className: "w-4 h-4 text-white" })

package/dist/index.mjs

@@ -316,7 +316,7 @@ function DocumentUpload({ namespace, onUploadComplete, className = "" }) {
 
 // src/components/MessageBubble.tsx
 import React9 from "react";
-import { Bot, User, ChevronDown as ChevronDown3, ChevronRight as ChevronRight3, Activity } from "lucide-react";
+import { Bot, User, ChevronDown as ChevronDown3, ChevronRight as ChevronRight3, Activity, Copy, Check } from "lucide-react";
 import ReactMarkdown from "react-markdown";
 
 // src/components/SourceCard.tsx
@@ -393,7 +393,7 @@ function ProductCard({ product, primaryColor = "#6366f1", onAddToCart }) {
           unoptimized: true,
           className: "object-cover group-hover:scale-105 transition-transform duration-500"
         }
-      ) : /* @__PURE__ */ jsx4("div", { className: "text-slate-400 dark:text-white/20 cursor-pointer", onClick: () => onAddToCart == null ? void 0 : onAddToCart(product), children: /* @__PURE__ */ jsx4(ShoppingCart, { className: "w-12 h-12" }) }),
+      ) : /* @__PURE__ */ jsx4("div", { className: "text-slate-400 dark:text-white/20", children: /* @__PURE__ */ jsx4(ShoppingCart, { className: "w-12 h-12" }) }),
       product.brand && /* @__PURE__ */ jsx4("div", { className: "absolute top-2 left-2 px-2 py-1 bg-white/90 dark:bg-black/60 backdrop-blur-md rounded-md text-[10px] font-bold uppercase tracking-wider text-slate-700 dark:text-white/90 shadow-sm", children: product.brand })
     ] }),
     /* @__PURE__ */ jsxs3("div", { className: "p-4 flex flex-col gap-2", children: [
@@ -407,7 +407,7 @@ function ProductCard({ product, primaryColor = "#6366f1", onAddToCart }) {
           "button",
           {
             onClick: () => onAddToCart == null ? void 0 : onAddToCart(product),
-            className: "flex-1 py-2 px-3 rounded-lg text-[11px] font-medium text-white shadow-sm hover:opacity-90 transition-opacity flex items-center justify-center gap-1.5 cursor-pointer",
+            className: "flex-1 py-2 px-3 rounded-lg text-[11px] font-medium text-white shadow-sm hover:opacity-90 transition-opacity flex items-center justify-center gap-1.5",
             style: { background: primaryColor },
             children: [
               /* @__PURE__ */ jsx4(ShoppingCart, { className: "w-3 h-3" }),
@@ -1535,7 +1535,7 @@ var HourglassLoader_default = HourglassLoader;
 // src/utils/synonyms.ts
 var FIELD_SYNONYMS = {
   name: ["product", "item", "title", "label", "heading", "subject", "product name", "item name"],
-  price: ["cost", "amount", "msrp", "price", "rate", "value", "price_usd"],
+  price: ["cost", "amount", "msrp", "price", "rate", "value", "price_usd", "variant price"],
   brand: ["manufacturer", "vendor", "make", "company", "brand_name", "supplier"],
   image: [
     "imageUrl",
@@ -1548,7 +1548,9 @@ var FIELD_SYNONYMS = {
     "image_url",
     "main_image",
     "product_image",
-    "thumb"
+    "thumb",
+    "image src",
+    "variant image"
   ],
   stock: [
     "inventory",
@@ -1559,7 +1561,8 @@ var FIELD_SYNONYMS = {
     "inStock",
     "is_available",
     "in stock",
-    "status"
+    "status",
+    "variant inventory qty"
   ],
   category: [
     "product_category",
@@ -1567,9 +1570,10 @@ var FIELD_SYNONYMS = {
     "category_name",
     "category name",
     "department",
-    "collection"
+    "collection",
+    "type"
   ],
-  description: ["summary", "content", "body", "text", "info", "details"],
+  description: ["summary", "content", "body", "text", "info", "details", "body (html)", "seo description"],
   link: ["url", "href", "product_url", "page_url", "link"]
 };
 function addSynonyms(customSynonyms) {
@@ -2245,6 +2249,16 @@ function MessageBubble({
   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 () => {
+    try {
+      await navigator.clipboard.writeText(message.content);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy text:", err);
+    }
+  }, [message.content]);
   const structuredContent = React9.useMemo(
     () => isUser ? { payload: null, text: message.content } : extractStructuredPayload(message.content),
     [isUser, message.content]
@@ -2331,41 +2345,52 @@ ${match.trim()}
       }
     ),
     /* @__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__ */ jsx12(
+      /* @__PURE__ */ jsxs11(
         "div",
         {
-          className: `relative ${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"}`,
+          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: 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(
-              UIDispatcher,
+          children: [
+            !isUser && !isStreaming && message.content && /* @__PURE__ */ jsx12(
+              "button",
               {
-                rawContent: structuredContent.payload,
-                primaryColor,
-                accentColor,
-                isStreaming,
-                onAddToCart,
-                viewportSize
+                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" })
               }
             ),
-            !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(
-                HourglassLoader_default,
+            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(
+                UIDispatcher,
                 {
-                  size: 18,
+                  rawContent: structuredContent.payload,
                   primaryColor,
                   accentColor,
-                  glow: false
+                  isStreaming,
+                  onAddToCart,
+                  viewportSize
                 }
               ),
-              "Thinking..."
+              !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(
+                  HourglassLoader_default,
+                  {
+                    size: 18,
+                    primaryColor,
+                    accentColor,
+                    glow: false
+                  }
+                ),
+                "Thinking..."
+              ] })
             ] })
-          ] })
+          ]
         }
       ),
       (() => {
@@ -2373,7 +2398,8 @@ ${match.trim()}
         if (isUser || structuredContent.payload || !message.uiTransformation) return null;
         const ui = message.uiTransformation;
         const textContent = (_b = (_a2 = ui.data) == null ? void 0 : _a2.content) != null ? _b : "";
-        const shouldShow = ui.type === "table" || !["text", "table"].includes(ui.type) || ui.type === "text" && !hasRichUI && allProducts.length === 0 && textContent && !processedMarkdown.toLowerCase().includes(textContent.trim().toLowerCase());
+        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(
           VisualizationRenderer,
@@ -2495,6 +2521,7 @@ function useRagChat(projectId, options = {}) {
   const [error, setError] = useState4(null);
   const lastInputRef = useRef3("");
   const messagesRef = useRef3(messages);
+  const abortControllerRef = useRef3(null);
   useEffect3(() => {
     messagesRef.current = messages;
   }, [messages]);
@@ -2515,11 +2542,17 @@ function useRagChat(projectId, options = {}) {
       }
       setError(null);
       setIsLoading(true);
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
       try {
         const history = messagesRef.current.map(({ role, content }) => ({ role, content }));
         const response = await fetch(apiUrl, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
+          signal: controller.signal,
           body: JSON.stringify({
             message: trimmed,
             history,
@@ -2628,11 +2661,16 @@ function useRagChat(projectId, options = {}) {
         );
         onReply == null ? void 0 : onReply(finalMsg);
       } catch (err) {
+        if (err instanceof Error && err.name === "AbortError") {
+          console.log("[useRagChat] Streaming stopped by user.");
+          return;
+        }
         const msg = err instanceof Error ? err.message : "Something went wrong. Please try again.";
         setError(msg);
         onError == null ? void 0 : onError(msg);
       } finally {
         setIsLoading(false);
+        abortControllerRef.current = null;
       }
     },
     [apiUrl, isLoading, namespace, onError, onReply, projectId, setMessages]
@@ -2650,6 +2688,13 @@ function useRagChat(projectId, options = {}) {
       });
     }
   }, [sendMessage]);
+  const stop = useCallback(() => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+      abortControllerRef.current = null;
+    }
+    setIsLoading(false);
+  }, []);
   return {
     messages,
     isLoading,
@@ -2657,7 +2702,8 @@ function useRagChat(projectId, options = {}) {
     send: sendMessage,
     clear,
     retry,
-    setMessages
+    setMessages,
+    stop
   };
 }
 
@@ -2683,7 +2729,7 @@ function ChatWindow({
   const windowRef = useRef4(null);
   const bottomRef = useRef4(null);
   const inputRef = useRef4(null);
-  const { messages, send, clear, isLoading, error } = useRagChat(projectId, {
+  const { messages, send, clear, isLoading, error, stop } = useRagChat(projectId, {
     namespace: projectId
   });
   const [suggestions, setSuggestions] = useState5([]);
@@ -3047,14 +3093,22 @@ function ChatWindow({
                 children: /* @__PURE__ */ jsx13(Paperclip, { className: "w-4 h-4" })
               }
             ),
-            /* @__PURE__ */ jsx13(
+            isLoading ? /* @__PURE__ */ jsx13(
+              "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]" })
+              }
+            ) : /* @__PURE__ */ jsx13(
               "button",
               {
                 onClick: sendMessage,
-                disabled: !input.trim() || isLoading,
+                disabled: !input.trim(),
                 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)"
+                  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" })

package/dist/server.d.mts

@@ -1,7 +1,7 @@
-import { n as VectorDBConfig, L as LLMConfig, e as EmbeddingConfig, k as RagConfig, I as ILLMProvider, g as IngestDocument, C as ChatMessage, d as ChatResponse, p as RetrievalResult, m as UpsertDocument, V as VectorMatch, G as GraphDBConfig, q as GraphNode, r as Edge, s as GraphSearchResult, o as VectorDBProvider, h as LLMProvider, f as EmbeddingProvider, j as RAGConfig, U as UIConfig, c as ChatOptions, E as EmbedOptions } from './ILLMProvider-BQyKZLnd.mjs';
+import { n as VectorDBConfig, L as LLMConfig, e as EmbeddingConfig, k as RagConfig, I as ILLMProvider, g as IngestDocument, C as ChatMessage, d as ChatResponse, p as RetrievalResult, m as UpsertDocument, V as VectorMatch, G as GraphDBConfig, q as GraphNode, r as Edge, s as GraphSearchResult, o as VectorDBProvider, h as LLMProvider, f as EmbeddingProvider, j as RAGConfig, U as UIConfig, c as ChatOptions, E as EmbedOptions } from './ILLMProvider-Bw2A28nU.mjs';
 export { C as Chunk, a as ChunkOptions, D as DocumentChunker } from './DocumentChunker-Dh9TvmGG.mjs';
-import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-CDftK3qs.mjs';
-export { C as ConfigValidator, V as ValidationError, b as VectorPlugin, c as createChatHandler, d as createHealthHandler, e as createIngestHandler, f as createStreamHandler, g as createUploadHandler, s as sseErrorFrame, h as sseFrame, i as sseMetaFrame, j as sseTextFrame } from './index-CDftK3qs.mjs';
+import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-B70ZLkfG.mjs';
+export { C as ConfigValidator, V as ValidationError, b as VectorPlugin, c as createChatHandler, d as createHealthHandler, e as createIngestHandler, f as createStreamHandler, g as createUploadHandler, s as sseErrorFrame, h as sseFrame, i as sseMetaFrame, j as sseTextFrame } from './index-B70ZLkfG.mjs';
 import 'next/server';
 
 /**

package/dist/server.d.ts

@@ -1,7 +1,7 @@
-import { n as VectorDBConfig, L as LLMConfig, e as EmbeddingConfig, k as RagConfig, I as ILLMProvider, g as IngestDocument, C as ChatMessage, d as ChatResponse, p as RetrievalResult, m as UpsertDocument, V as VectorMatch, G as GraphDBConfig, q as GraphNode, r as Edge, s as GraphSearchResult, o as VectorDBProvider, h as LLMProvider, f as EmbeddingProvider, j as RAGConfig, U as UIConfig, c as ChatOptions, E as EmbedOptions } from './ILLMProvider-BQyKZLnd.js';
+import { n as VectorDBConfig, L as LLMConfig, e as EmbeddingConfig, k as RagConfig, I as ILLMProvider, g as IngestDocument, C as ChatMessage, d as ChatResponse, p as RetrievalResult, m as UpsertDocument, V as VectorMatch, G as GraphDBConfig, q as GraphNode, r as Edge, s as GraphSearchResult, o as VectorDBProvider, h as LLMProvider, f as EmbeddingProvider, j as RAGConfig, U as UIConfig, c as ChatOptions, E as EmbedOptions } from './ILLMProvider-Bw2A28nU.js';
 export { C as Chunk, a as ChunkOptions, D as DocumentChunker } from './DocumentChunker-Dh9TvmGG.js';
-import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-A0GqPsaG.js';
-export { C as ConfigValidator, V as ValidationError, b as VectorPlugin, c as createChatHandler, d as createHealthHandler, e as createIngestHandler, f as createStreamHandler, g as createUploadHandler, s as sseErrorFrame, h as sseFrame, i as sseMetaFrame, j as sseTextFrame } from './index-A0GqPsaG.js';
+import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-DVu-mkAM.js';
+export { C as ConfigValidator, V as ValidationError, b as VectorPlugin, c as createChatHandler, d as createHealthHandler, e as createIngestHandler, f as createStreamHandler, g as createUploadHandler, s as sseErrorFrame, h as sseFrame, i as sseMetaFrame, j as sseTextFrame } from './index-DVu-mkAM.js';
 import 'next/server';
 
 /**