@retrivora-ai/rag-engine 1.4.3 → 1.4.5

package/dist/{chunk-FQ7OYZLF.mjs → chunk-GYT3LWD6.mjs}

@@ -1704,11 +1704,13 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
   4. data objects MUST be FLAT (no nested objects or arrays).
-  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  5. DO NOT output naked JSON or markdown tables for visualizations.
+  6. ALWAYS wrap your visualization data in a \`\`\`chart ... \`\`\` code block.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",
   "xAxisKey": "name",
+  "name": "Distribution Chart",
   "dataKeys": ["value"],
   "data": [{"name": "A", "value": 10}]
 }
@@ -2267,7 +2269,8 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
   4. data objects MUST be FLAT (no nested objects or arrays).
-  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  5. DO NOT output naked JSON or markdown tables for visualizations.
+  6. ALWAYS wrap your visualization data in a \`\`\`chart ... \`\`\` code block.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",

package/dist/handlers/index.js

@@ -3273,11 +3273,13 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
   4. data objects MUST be FLAT (no nested objects or arrays).
-  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  5. DO NOT output naked JSON or markdown tables for visualizations.
+  6. ALWAYS wrap your visualization data in a \`\`\`chart ... \`\`\` code block.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",
   "xAxisKey": "name",
+  "name": "Distribution Chart",
   "dataKeys": ["value"],
   "data": [{"name": "A", "value": 10}]
 }
@@ -3830,7 +3832,8 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
   4. data objects MUST be FLAT (no nested objects or arrays).
-  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  5. DO NOT output naked JSON or markdown tables for visualizations.
+  6. ALWAYS wrap your visualization data in a \`\`\`chart ... \`\`\` code block.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",

package/dist/handlers/index.mjs

@@ -9,7 +9,7 @@ import {
   sseFrame,
   sseMetaFrame,
   sseTextFrame
-} from "../chunk-FQ7OYZLF.mjs";
+} from "../chunk-GYT3LWD6.mjs";
 import "../chunk-YLTMFW4M.mjs";
 import "../chunk-X4TOT24V.mjs";
 export {

package/dist/index.js

@@ -538,9 +538,21 @@ function MessageBubble({
     });
   }, [productsFromSources, productsFromContent, message.content]);
   const processedMarkdown = import_react5.default.useMemo(() => {
-    const raw = cleanContent || message.content;
-    return raw.replace(/([^\n])\n\|/g, "$1\n\n|").replace(/(\|[^\n]*\|)\n\n+(?=\|)/g, "$1\n");
-  }, [cleanContent, message.content]);
+    let raw = cleanContent || message.content;
+    raw = raw.replace(/([^\n])\n\|/g, "$1\n\n|").replace(/(\|[^\n]*\|)\n\n+(?=\|)/g, "$1\n");
+    if (isStreaming) {
+      raw = raw.replace(/((?:^|\n)\|.*)+/g, (match) => {
+        return `
+
+\`\`\`table-loading
+${match.trim()}
+\`\`\`
+
+`;
+      });
+    }
+    return raw;
+  }, [cleanContent, message.content, isStreaming]);
   const markdownComponents = import_react5.default.useMemo(
     () => ({
       // Wrap in not-prose so Tailwind Typography resets don't clobber our styles.
@@ -622,6 +634,9 @@ function MessageBubble({
             }
           );
         }
+        if (!inline && lang === "table-loading") {
+          return /* @__PURE__ */ import_react5.default.createElement("div", { className: "my-5 p-6 bg-slate-50 dark:bg-white/5 rounded-xl border border-dashed border-slate-300 dark:border-white/10 flex items-center justify-center gap-3 select-none" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "w-4 h-4 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-xs text-slate-500 font-medium italic animate-pulse" }, "Generating data table..."));
+        }
         return /* @__PURE__ */ import_react5.default.createElement("code", __spreadValues({ className }, props), typeof children === "string" || typeof children === "number" ? children : JSON.stringify(children));
       }
     }),

package/dist/index.mjs

@@ -501,9 +501,21 @@ function MessageBubble({
     });
   }, [productsFromSources, productsFromContent, message.content]);
   const processedMarkdown = React5.useMemo(() => {
-    const raw = cleanContent || message.content;
-    return raw.replace(/([^\n])\n\|/g, "$1\n\n|").replace(/(\|[^\n]*\|)\n\n+(?=\|)/g, "$1\n");
-  }, [cleanContent, message.content]);
+    let raw = cleanContent || message.content;
+    raw = raw.replace(/([^\n])\n\|/g, "$1\n\n|").replace(/(\|[^\n]*\|)\n\n+(?=\|)/g, "$1\n");
+    if (isStreaming) {
+      raw = raw.replace(/((?:^|\n)\|.*)+/g, (match) => {
+        return `
+
+\`\`\`table-loading
+${match.trim()}
+\`\`\`
+
+`;
+      });
+    }
+    return raw;
+  }, [cleanContent, message.content, isStreaming]);
   const markdownComponents = React5.useMemo(
     () => ({
       // Wrap in not-prose so Tailwind Typography resets don't clobber our styles.
@@ -585,6 +597,9 @@ function MessageBubble({
             }
           );
         }
+        if (!inline && lang === "table-loading") {
+          return /* @__PURE__ */ React5.createElement("div", { className: "my-5 p-6 bg-slate-50 dark:bg-white/5 rounded-xl border border-dashed border-slate-300 dark:border-white/10 flex items-center justify-center gap-3 select-none" }, /* @__PURE__ */ React5.createElement("div", { className: "w-4 h-4 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ React5.createElement("p", { className: "text-xs text-slate-500 font-medium italic animate-pulse" }, "Generating data table..."));
+        }
         return /* @__PURE__ */ React5.createElement("code", __spreadValues({ className }, props), typeof children === "string" || typeof children === "number" ? children : JSON.stringify(children));
       }
     }),

package/dist/server.js

@@ -3358,11 +3358,13 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
   4. data objects MUST be FLAT (no nested objects or arrays).
-  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  5. DO NOT output naked JSON or markdown tables for visualizations.
+  6. ALWAYS wrap your visualization data in a \`\`\`chart ... \`\`\` code block.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",
   "xAxisKey": "name",
+  "name": "Distribution Chart",
   "dataKeys": ["value"],
   "data": [{"name": "A", "value": 10}]
 }
@@ -3921,7 +3923,8 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
   4. data objects MUST be FLAT (no nested objects or arrays).
-  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  5. DO NOT output naked JSON or markdown tables for visualizations.
+  6. ALWAYS wrap your visualization data in a \`\`\`chart ... \`\`\` code block.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",

package/dist/server.mjs

@@ -39,7 +39,7 @@ import {
   sseFrame,
   sseMetaFrame,
   sseTextFrame
-} from "./chunk-FQ7OYZLF.mjs";
+} from "./chunk-GYT3LWD6.mjs";
 import "./chunk-YLTMFW4M.mjs";
 import {
   PineconeProvider

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retrivora-ai/rag-engine",
-  "version": "1.4.3",
+  "version": "1.4.5",
   "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/components/MessageBubble.tsx

@@ -357,15 +357,22 @@ export function MessageBubble({
     });
   }, [productsFromSources, productsFromContent, message.content]);
 
-  // ── Markdown source fixer ──────────────────────────────────────────────────
-  // GFM tables require a blank line before the | row when preceded by text,
-  // but MUST NOT have blank lines between rows. LLMs often add extra newlines.
   const processedMarkdown = React.useMemo(() => {
-    const raw = cleanContent || message.content;
-    return raw
-      .replace(/([^\n])\n\|/g, '$1\n\n|') // Ensure blank line before table
-      .replace(/(\|[^\n]*\|)\n\n+(?=\|)/g, '$1\n'); // Remove blank lines between rows
-  }, [cleanContent, message.content]);
+    let raw = cleanContent || message.content;
+    
+    // 1. Structural fixes
+    raw = raw.replace(/([^\n])\n\|/g, '$1\n\n|') // Ensure blank line before table
+             .replace(/(\|[^\n]*\|)\n\n+(?=\|)/g, '$1\n'); // Remove blank lines between rows
+
+    // 2. HIJACKING: If streaming, hide table-like content to prevent raw markdown flashing.
+    if (isStreaming) {
+      raw = raw.replace(/((?:^|\n)\|.*)+/g, (match) => {
+        return `\n\n\`\`\`table-loading\n${match.trim()}\n\`\`\`\n\n`;
+      });
+    }
+
+    return raw;
+  }, [cleanContent, message.content, isStreaming]);
 
   // ── Markdown component overrides ───────────────────────────────────────────
   const markdownComponents = React.useMemo(
@@ -445,6 +452,17 @@ export function MessageBubble({
           );
         }
 
+        if (!inline && lang === 'table-loading') {
+          return (
+            <div className="my-5 p-6 bg-slate-50 dark:bg-white/5 rounded-xl border border-dashed border-slate-300 dark:border-white/10 flex items-center justify-center gap-3 select-none">
+              <div className="w-4 h-4 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" />
+              <p className="text-xs text-slate-500 font-medium italic animate-pulse">
+                Generating data table...
+              </p>
+            </div>
+          );
+        }
+
         return (
           <code className={className} {...props}>
             {typeof children === 'string' || typeof children === 'number'

package/src/core/LangChainAgent.ts

@@ -58,11 +58,13 @@ export class LangChainAgent {
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
   4. data objects MUST be FLAT (no nested objects or arrays).
-  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  5. DO NOT output naked JSON or markdown tables for visualizations.
+  6. ALWAYS wrap your visualization data in a \`\`\`chart ... \`\`\` code block.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",
   "xAxisKey": "name",
+  "name": "Distribution Chart",
   "dataKeys": ["value"],
   "data": [{"name": "A", "value": 10}]
 }

package/src/core/Pipeline.ts

@@ -108,7 +108,8 @@ export class Pipeline {
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
   4. data objects MUST be FLAT (no nested objects or arrays).
-  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  5. DO NOT output naked JSON or markdown tables for visualizations.
+  6. ALWAYS wrap your visualization data in a \`\`\`chart ... \`\`\` code block.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",