@retrivora-ai/rag-engine 1.1.6 → 1.1.8

package/dist/index.js

@@ -250,7 +250,23 @@ function MessageBubble({
     }
     return { productsFromContent: products, cleanContent: content.trim() };
   }, [message.content, isUser]);
-  const allProducts = [...productsFromSources, ...productsFromContent];
+  const allProducts = import_react4.default.useMemo(() => {
+    if (productsFromContent.length > 0) return productsFromContent;
+    const uniqueProducts = [];
+    const seenIds = /* @__PURE__ */ new Set();
+    const contentLower = message.content.toLowerCase();
+    for (const p of productsFromSources) {
+      const identifier = p.id || p.name;
+      if (seenIds.has(identifier)) continue;
+      const nameMatch = contentLower.includes(p.name.toLowerCase());
+      const brandMatch = p.brand ? contentLower.includes(p.brand.toLowerCase()) : false;
+      if (nameMatch || brandMatch) {
+        seenIds.add(identifier);
+        uniqueProducts.push(p);
+      }
+    }
+    return uniqueProducts;
+  }, [productsFromSources, productsFromContent, message.content]);
   const hasProducts = allProducts.length > 0;
   return /* @__PURE__ */ import_react4.default.createElement("div", { className: `flex gap-3 ${isUser ? "flex-row-reverse" : "flex-row"} items-start` }, /* @__PURE__ */ import_react4.default.createElement(
     "div",

package/dist/index.mjs

@@ -208,7 +208,23 @@ function MessageBubble({
     }
     return { productsFromContent: products, cleanContent: content.trim() };
   }, [message.content, isUser]);
-  const allProducts = [...productsFromSources, ...productsFromContent];
+  const allProducts = React4.useMemo(() => {
+    if (productsFromContent.length > 0) return productsFromContent;
+    const uniqueProducts = [];
+    const seenIds = /* @__PURE__ */ new Set();
+    const contentLower = message.content.toLowerCase();
+    for (const p of productsFromSources) {
+      const identifier = p.id || p.name;
+      if (seenIds.has(identifier)) continue;
+      const nameMatch = contentLower.includes(p.name.toLowerCase());
+      const brandMatch = p.brand ? contentLower.includes(p.brand.toLowerCase()) : false;
+      if (nameMatch || brandMatch) {
+        seenIds.add(identifier);
+        uniqueProducts.push(p);
+      }
+    }
+    return uniqueProducts;
+  }, [productsFromSources, productsFromContent, message.content]);
   const hasProducts = allProducts.length > 0;
   return /* @__PURE__ */ React4.createElement("div", { className: `flex gap-3 ${isUser ? "flex-row-reverse" : "flex-row"} items-start` }, /* @__PURE__ */ React4.createElement(
     "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retrivora-ai/rag-engine",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "Retrivora AI is a plug-and-play AI engine for RAG chat experiences — generic vector DB + LLM provider, embeddable or standalone.",
   "author": "Abhinav Alkuchi",
   "license": "MIT",

package/src/app/globals.css

@@ -75,6 +75,55 @@ body {
 }
 
 /* ─── Prose Overrides (markdown in chat) ───────────────────── */
+.prose {
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.prose strong {
+  font-weight: 700;
+  color: inherit;
+}
+
+.prose em {
+  font-style: italic;
+}
+
+.prose p {
+  margin: 0.5em 0;
+}
+
+.prose ul, .prose ol {
+  padding-left: 1.5em;
+  margin: 0.5em 0;
+}
+
+.prose li {
+  margin: 0.25em 0;
+}
+
+.prose table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1em 0;
+  font-size: 0.8rem;
+}
+
+.prose th, .prose td {
+  border: 1px solid var(--border);
+  padding: 0.5rem;
+  text-align: left;
+}
+
+.prose th {
+  background: rgba(0, 0, 0, 0.05);
+  font-weight: 600;
+}
+
+.dark .prose th {
+  background: rgba(255, 255, 255, 0.05);
+}
+
 .prose-invert {
   color: inherit;
 }

package/src/components/MessageBubble.tsx

@@ -100,7 +100,33 @@ export function MessageBubble({
     return { productsFromContent: products, cleanContent: content.trim() };
   }, [message.content, isUser]);
 
-  const allProducts = [...productsFromSources, ...productsFromContent];
+  const allProducts = React.useMemo(() => {
+    // If the LLM explicitly provided products in a structured format, only show those.
+    if (productsFromContent.length > 0) return productsFromContent;
+
+    // Fallback: Show unique products from sources, but ONLY if they are mentioned in the message text.
+    // This aligns the carousel with what the assistant is actually "displaying" in its response.
+    const uniqueProducts: Product[] = [];
+    const seenIds = new Set();
+    const contentLower = message.content.toLowerCase();
+
+    for (const p of productsFromSources) {
+      const identifier = p.id || p.name;
+      if (seenIds.has(identifier)) continue;
+
+      // Check if the product name or brand is mentioned in the assistant's text
+      const nameMatch = contentLower.includes(p.name.toLowerCase());
+      const brandMatch = p.brand ? contentLower.includes(p.brand.toLowerCase()) : false;
+
+      if (nameMatch || brandMatch) {
+        seenIds.add(identifier);
+        uniqueProducts.push(p);
+      }
+    }
+
+    return uniqueProducts;
+  }, [productsFromSources, productsFromContent, message.content]);
+
   const hasProducts = allProducts.length > 0;
 
   return (