@retrivora-ai/rag-engine 1.3.1 → 1.3.2

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

@@ -1703,7 +1703,8 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   1. Use ONLY valid JSON (double quotes, no trailing commas).
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
-  4. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  4. data objects MUST be FLAT (no nested objects or arrays).
+  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",
@@ -2265,7 +2266,8 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   1. Use ONLY valid JSON (double quotes, no trailing commas).
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
-  4. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  4. data objects MUST be FLAT (no nested objects or arrays).
+  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",

package/dist/handlers/index.js

@@ -3272,7 +3272,8 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   1. Use ONLY valid JSON (double quotes, no trailing commas).
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
-  4. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  4. data objects MUST be FLAT (no nested objects or arrays).
+  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",
@@ -3828,7 +3829,8 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   1. Use ONLY valid JSON (double quotes, no trailing commas).
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
-  4. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  4. data objects MUST be FLAT (no nested objects or arrays).
+  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",

package/dist/handlers/index.mjs

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

package/dist/index.js

@@ -223,6 +223,30 @@ var DEFAULT_COLORS = ["#6366f1", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#e
 function DynamicChart({ config, primaryColor = "#6366f1", accentColor = "#8b5cf6" }) {
   const { type, data } = config;
   const colors = config.colors || [primaryColor, accentColor, ...DEFAULT_COLORS];
+  const sanitizedData = import_react4.default.useMemo(() => {
+    if (!data) return [];
+    return data.map((item) => {
+      const newItem = {};
+      Object.keys(item).forEach((k) => {
+        const val = item[k];
+        if (Array.isArray(val)) {
+          val.forEach((subItem) => {
+            if (typeof subItem === "object" && subItem !== null) {
+              Object.keys(subItem).forEach((sk) => {
+                const subVal = subItem[sk];
+                if (typeof subVal !== "object" || subVal === null) {
+                  newItem[sk] = subVal;
+                }
+              });
+            }
+          });
+        } else if (typeof val !== "object" || val === null) {
+          newItem[k] = val;
+        }
+      });
+      return newItem;
+    });
+  }, [data]);
   if (!data || data.length === 0) {
     return /* @__PURE__ */ import_react4.default.createElement("div", { className: "p-4 text-sm text-slate-500" }, "No data available for chart.");
   }
@@ -238,18 +262,6 @@ function DynamicChart({ config, primaryColor = "#6366f1", accentColor = "#8b5cf6
   }).slice(0, 5);
   const finalXKey = String(resolvedXKey);
   const finalDataKeys = resolvedDataKeys.map(String).filter((k) => k !== "undefined");
-  const sanitizedData = import_react4.default.useMemo(() => {
-    return data.map((item) => {
-      const newItem = {};
-      Object.keys(item).forEach((k) => {
-        const val = item[k];
-        if (typeof val !== "object" || val === null) {
-          newItem[k] = val;
-        }
-      });
-      return newItem;
-    });
-  }, [data]);
   if (type === "pie") {
     const pieDataKey = finalDataKeys[0] || "value";
     return /* @__PURE__ */ import_react4.default.createElement("div", { className: "w-full h-72 min-h-[280px] mt-4 mb-2 select-none overflow-hidden" }, /* @__PURE__ */ import_react4.default.createElement(import_recharts.ResponsiveContainer, { width: "99%", height: "100%" }, /* @__PURE__ */ import_react4.default.createElement(import_recharts.PieChart, null, /* @__PURE__ */ import_react4.default.createElement(
@@ -415,11 +427,11 @@ function MessageBubble({
           },
           th: (_c) => {
             var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
-            return /* @__PURE__ */ import_react5.default.createElement("th", __spreadValues({ className: "p-3 font-semibold text-slate-700 dark:text-white/90 first:rounded-tl-xl last:rounded-tr-xl" }, props), typeof children === "object" && children !== null && !Array.isArray(children) && !children.$$typeof ? JSON.stringify(children) : children);
+            return /* @__PURE__ */ import_react5.default.createElement("th", __spreadValues({ className: "p-3 font-semibold text-slate-700 dark:text-white/90 first:rounded-tl-xl last:rounded-tr-xl" }, props), typeof children === "object" && children !== null && !Array.isArray(children) && !import_react5.default.isValidElement(children) ? JSON.stringify(children) : children);
           },
           td: (_e) => {
             var _f = _e, { children } = _f, props = __objRest(_f, ["children"]);
-            return /* @__PURE__ */ import_react5.default.createElement("td", __spreadValues({ className: "p-3 border-b border-slate-100 dark:border-white/5 last:border-0 text-slate-600 dark:text-white/70" }, props), typeof children === "object" && children !== null && !Array.isArray(children) && !children.$$typeof ? JSON.stringify(children) : children);
+            return /* @__PURE__ */ import_react5.default.createElement("td", __spreadValues({ className: "p-3 border-b border-slate-100 dark:border-white/5 last:border-0 text-slate-600 dark:text-white/70" }, props), typeof children === "object" && children !== null && !Array.isArray(children) && !import_react5.default.isValidElement(children) ? JSON.stringify(children) : children);
           },
           code(_g) {
             var _h = _g, { inline, className, children } = _h, props = __objRest(_h, ["inline", "className", "children"]);
@@ -431,7 +443,15 @@ function MessageBubble({
                 return null;
               }
               const sanitizeJson = (json) => {
-                return json.replace(/:\s*(\d+(\.\d+)?)\s*([\+\-\*\/])\s*(\d+(\.\d+)?)/g, (_, n1, __, op, n2) => {
+                const firstBrace = json.indexOf("{");
+                const firstBracket = json.indexOf("[");
+                const start = firstBrace !== -1 && (firstBracket === -1 || firstBrace < firstBracket) ? firstBrace : firstBracket;
+                const lastBrace = json.lastIndexOf("}");
+                const lastBracket = json.lastIndexOf("]");
+                const end = Math.max(lastBrace, lastBracket);
+                if (start === -1 || end === -1 || end < start) return json;
+                const trimmed = json.substring(start, end + 1);
+                return trimmed.replace(/:\s*(\d+(\.\d+)?)\s*([\+\-\*\/])\s*(\d+(\.\d+)?)/g, (_, n1, __, op, n2) => {
                   var _a;
                   const v1 = parseFloat(n1);
                   const v2 = parseFloat(n2);

package/dist/index.mjs

@@ -186,6 +186,30 @@ var DEFAULT_COLORS = ["#6366f1", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#e
 function DynamicChart({ config, primaryColor = "#6366f1", accentColor = "#8b5cf6" }) {
   const { type, data } = config;
   const colors = config.colors || [primaryColor, accentColor, ...DEFAULT_COLORS];
+  const sanitizedData = React4.useMemo(() => {
+    if (!data) return [];
+    return data.map((item) => {
+      const newItem = {};
+      Object.keys(item).forEach((k) => {
+        const val = item[k];
+        if (Array.isArray(val)) {
+          val.forEach((subItem) => {
+            if (typeof subItem === "object" && subItem !== null) {
+              Object.keys(subItem).forEach((sk) => {
+                const subVal = subItem[sk];
+                if (typeof subVal !== "object" || subVal === null) {
+                  newItem[sk] = subVal;
+                }
+              });
+            }
+          });
+        } else if (typeof val !== "object" || val === null) {
+          newItem[k] = val;
+        }
+      });
+      return newItem;
+    });
+  }, [data]);
   if (!data || data.length === 0) {
     return /* @__PURE__ */ React4.createElement("div", { className: "p-4 text-sm text-slate-500" }, "No data available for chart.");
   }
@@ -201,18 +225,6 @@ function DynamicChart({ config, primaryColor = "#6366f1", accentColor = "#8b5cf6
   }).slice(0, 5);
   const finalXKey = String(resolvedXKey);
   const finalDataKeys = resolvedDataKeys.map(String).filter((k) => k !== "undefined");
-  const sanitizedData = React4.useMemo(() => {
-    return data.map((item) => {
-      const newItem = {};
-      Object.keys(item).forEach((k) => {
-        const val = item[k];
-        if (typeof val !== "object" || val === null) {
-          newItem[k] = val;
-        }
-      });
-      return newItem;
-    });
-  }, [data]);
   if (type === "pie") {
     const pieDataKey = finalDataKeys[0] || "value";
     return /* @__PURE__ */ React4.createElement("div", { className: "w-full h-72 min-h-[280px] mt-4 mb-2 select-none overflow-hidden" }, /* @__PURE__ */ React4.createElement(ResponsiveContainer, { width: "99%", height: "100%" }, /* @__PURE__ */ React4.createElement(PieChart, null, /* @__PURE__ */ React4.createElement(
@@ -378,11 +390,11 @@ function MessageBubble({
           },
           th: (_c) => {
             var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
-            return /* @__PURE__ */ React5.createElement("th", __spreadValues({ className: "p-3 font-semibold text-slate-700 dark:text-white/90 first:rounded-tl-xl last:rounded-tr-xl" }, props), typeof children === "object" && children !== null && !Array.isArray(children) && !children.$$typeof ? JSON.stringify(children) : children);
+            return /* @__PURE__ */ React5.createElement("th", __spreadValues({ className: "p-3 font-semibold text-slate-700 dark:text-white/90 first:rounded-tl-xl last:rounded-tr-xl" }, props), typeof children === "object" && children !== null && !Array.isArray(children) && !React5.isValidElement(children) ? JSON.stringify(children) : children);
           },
           td: (_e) => {
             var _f = _e, { children } = _f, props = __objRest(_f, ["children"]);
-            return /* @__PURE__ */ React5.createElement("td", __spreadValues({ className: "p-3 border-b border-slate-100 dark:border-white/5 last:border-0 text-slate-600 dark:text-white/70" }, props), typeof children === "object" && children !== null && !Array.isArray(children) && !children.$$typeof ? JSON.stringify(children) : children);
+            return /* @__PURE__ */ React5.createElement("td", __spreadValues({ className: "p-3 border-b border-slate-100 dark:border-white/5 last:border-0 text-slate-600 dark:text-white/70" }, props), typeof children === "object" && children !== null && !Array.isArray(children) && !React5.isValidElement(children) ? JSON.stringify(children) : children);
           },
           code(_g) {
             var _h = _g, { inline, className, children } = _h, props = __objRest(_h, ["inline", "className", "children"]);
@@ -394,7 +406,15 @@ function MessageBubble({
                 return null;
               }
               const sanitizeJson = (json) => {
-                return json.replace(/:\s*(\d+(\.\d+)?)\s*([\+\-\*\/])\s*(\d+(\.\d+)?)/g, (_, n1, __, op, n2) => {
+                const firstBrace = json.indexOf("{");
+                const firstBracket = json.indexOf("[");
+                const start = firstBrace !== -1 && (firstBracket === -1 || firstBrace < firstBracket) ? firstBrace : firstBracket;
+                const lastBrace = json.lastIndexOf("}");
+                const lastBracket = json.lastIndexOf("]");
+                const end = Math.max(lastBrace, lastBracket);
+                if (start === -1 || end === -1 || end < start) return json;
+                const trimmed = json.substring(start, end + 1);
+                return trimmed.replace(/:\s*(\d+(\.\d+)?)\s*([\+\-\*\/])\s*(\d+(\.\d+)?)/g, (_, n1, __, op, n2) => {
                   var _a;
                   const v1 = parseFloat(n1);
                   const v2 = parseFloat(n2);

package/dist/server.js

@@ -3357,7 +3357,8 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   1. Use ONLY valid JSON (double quotes, no trailing commas).
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
-  4. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  4. data objects MUST be FLAT (no nested objects or arrays).
+  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",
@@ -3919,7 +3920,8 @@ When presenting structured data, statistics, or comparisons, decide if it is bes
   1. Use ONLY valid JSON (double quotes, no trailing commas).
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
-  4. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  4. data objects MUST be FLAT (no nested objects or arrays).
+  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",

package/dist/server.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retrivora-ai/rag-engine",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "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/DynamicChart.tsx

@@ -26,6 +26,35 @@ export function DynamicChart({ config, primaryColor = '#6366f1', accentColor = '
   const { type, data } = config;
   const colors = config.colors || [primaryColor, accentColor, ...DEFAULT_COLORS];
 
+  // CRITICAL: Sanitize the data array to remove any non-primitive values (objects/arrays)
+  // This prevents the "Objects are not valid as a React child" error in Tooltips/Legends
+  // This hook MUST be called before any early returns to satisfy React rules
+  const sanitizedData = React.useMemo(() => {
+    if (!data) return [];
+    return data.map(item => {
+      const newItem: Record<string, string | number | null> = {};
+      Object.keys(item).forEach(k => {
+        const val = item[k];
+        if (Array.isArray(val)) {
+          // If the LLM output nested arrays, attempt to flatten them
+          val.forEach(subItem => {
+            if (typeof subItem === 'object' && subItem !== null) {
+              Object.keys(subItem).forEach(sk => {
+                const subVal = (subItem as Record<string, unknown>)[sk];
+                if (typeof subVal !== 'object' || subVal === null) {
+                  newItem[sk] = subVal as string | number | null;
+                }
+              });
+            }
+          });
+        } else if (typeof val !== 'object' || val === null) {
+          newItem[k] = val as string | number | null;
+        }
+      });
+      return newItem;
+    });
+  }, [data]);
+
   if (!data || data.length === 0) {
     return <div className="p-4 text-sm text-slate-500">No data available for chart.</div>;
   }
@@ -58,21 +87,6 @@ export function DynamicChart({ config, primaryColor = '#6366f1', accentColor = '
   const finalXKey = String(resolvedXKey);
   const finalDataKeys = resolvedDataKeys.map(String).filter(k => k !== 'undefined');
 
-  // CRITICAL: Sanitize the data array to remove any non-primitive values (objects/arrays)
-  // This prevents the "Objects are not valid as a React child" error in Tooltips/Legends
-  const sanitizedData = React.useMemo(() => {
-    return data.map(item => {
-      const newItem: Record<string, any> = {};
-      Object.keys(item).forEach(k => {
-        const val = item[k];
-        if (typeof val !== 'object' || val === null) {
-          newItem[k] = val;
-        }
-      });
-      return newItem;
-    });
-  }, [data]);
-
   // Handle Pie Chart separately as it has a different structure
   if (type === 'pie') {
     const pieDataKey = finalDataKeys[0] || 'value';

package/src/components/MessageBubble.tsx

@@ -169,12 +169,12 @@ export function MessageBubble({
                   ),
                   th: ({children, ...props}) => (
                     <th className="p-3 font-semibold text-slate-700 dark:text-white/90 first:rounded-tl-xl last:rounded-tr-xl" {...props}>
-                      {typeof children === 'object' && children !== null && !Array.isArray(children) && !(children as any).$$typeof ? JSON.stringify(children) : children}
+                      {typeof children === 'object' && children !== null && !Array.isArray(children) && !React.isValidElement(children) ? JSON.stringify(children) : children}
                     </th>
                   ),
                   td: ({children, ...props}) => (
                     <td className="p-3 border-b border-slate-100 dark:border-white/5 last:border-0 text-slate-600 dark:text-white/70" {...props}>
-                      {typeof children === 'object' && children !== null && !Array.isArray(children) && !(children as any).$$typeof ? JSON.stringify(children) : children}
+                      {typeof children === 'object' && children !== null && !Array.isArray(children) && !React.isValidElement(children) ? JSON.stringify(children) : children}
                     </td>
                   ),
                   code({ inline, className, children, ...props }: React.HTMLAttributes<HTMLElement> & { inline?: boolean }) {
@@ -190,7 +190,19 @@ export function MessageBubble({
                       
                       // Optimized sanitization helper to handle LLM quirks
                       const sanitizeJson = (json: string) => {
-                        return json
+                        // 0. Boundary detection: find the actual JSON object/array start/end
+                        // This removes stray backticks or text the LLM might have included
+                        const firstBrace = json.indexOf('{');
+                        const firstBracket = json.indexOf('[');
+                        const start = (firstBrace !== -1 && (firstBracket === -1 || firstBrace < firstBracket)) ? firstBrace : firstBracket;
+                        const lastBrace = json.lastIndexOf('}');
+                        const lastBracket = json.lastIndexOf(']');
+                        const end = Math.max(lastBrace, lastBracket);
+                        
+                        if (start === -1 || end === -1 || end < start) return json;
+                        const trimmed = json.substring(start, end + 1);
+
+                        return trimmed
                           // 1. Resolve arithmetic: "value": 495 / 1000 => "value": 0.495
                           .replace(/:\s*(\d+(\.\d+)?)\s*([\+\-\*\/])\s*(\d+(\.\d+)?)/g, (_, n1, __, op, n2) => {
                             const v1 = parseFloat(n1); const v2 = parseFloat(n2);

package/src/core/LangChainAgent.ts

@@ -57,7 +57,8 @@ export class LangChainAgent {
   1. Use ONLY valid JSON (double quotes, no trailing commas).
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
-  4. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  4. data objects MUST be FLAT (no nested objects or arrays).
+  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",

package/src/core/Pipeline.ts

@@ -107,7 +107,8 @@ export class Pipeline {
   1. Use ONLY valid JSON (double quotes, no trailing commas).
   2. NO math expressions (e.g., use 100, NOT 50+50).
   3. dataKeys MUST exactly match the property names in the data objects.
-  4. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
+  4. data objects MUST be FLAT (no nested objects or arrays).
+  5. DO NOT output naked JSON; it MUST be wrapped in \`\`\`chart ... \`\`\`.
 \`\`\`chart
 {
   "type": "bar" | "line" | "pie",