pxengine 0.1.100 → 0.1.102

package/dist/index.cjs

@@ -37842,31 +37842,41 @@ FeedbackRatingCard.displayName = "FeedbackRatingCard";
 var import_react71 = __toESM(require("react"), 1);
 var import_jsx_runtime128 = require("react/jsx-runtime");
 var DataTableCard = import_react71.default.memo(
-  ({ title, caption, columns, rows, highlight_column, theme, className, onAction: _onAction }) => {
+  ({ title, caption, columns, rows, highlight_column, highlightColumn, theme, className, onAction: _onAction }) => {
     const s = th(theme);
+    const cols = (Array.isArray(columns) ? columns : []).map((c, i) => {
+      if (typeof c === "string") return { key: c, label: c };
+      return {
+        key: c?.key ?? c?.label ?? String(i),
+        label: c?.label ?? c?.key ?? String(i)
+      };
+    });
+    const safeRows = Array.isArray(rows) ? rows : [];
+    const highlight = highlight_column ?? highlightColumn;
     return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: cn("w-full rounded-[16px] border border-gray400 bg-cardSurface overflow-hidden", className), style: s.root, children: [
       (title || caption) && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "border-b border-gray400 px-4 py-3", style: { borderBottomColor: theme?.border }, children: [
         title && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("h3", { className: "text-sm font-semibold text-cardText", style: s.text, children: title }),
         caption && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "mt-0.5 text-[10px] text-cardText/40", style: s.muted, children: caption })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("table", { className: "w-full min-w-full border-collapse text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tr", { className: "border-b border-gray400 bg-black/20", style: { borderBottomColor: theme?.border, ...s.surface }, children: columns.map((col, idx) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tr", { className: "border-b border-gray400 bg-black/20", style: { borderBottomColor: theme?.border, ...s.surface }, children: cols.map((col, idx) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "th",
           {
             className: "px-4 py-2.5 text-left font-semibold uppercase tracking-widest text-[10px] text-cardText/40",
             style: s.muted,
-            children: col
+            children: col.label
           },
           idx
         )) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tbody", { children: rows.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tbody", { children: safeRows.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "tr",
           {
-            className: cn("border-b border-gray400/40 transition-colors hover:bg-white/[0.02]", rowIdx === rows.length - 1 && "border-b-0"),
+            className: cn("border-b border-gray400/40 transition-colors hover:bg-white/[0.02]", rowIdx === safeRows.length - 1 && "border-b-0"),
             style: { borderBottomColor: theme?.border },
-            children: columns.map((col, colIdx) => {
-              const cell = row[col] ?? "\u2014";
-              const isHighlight = col === highlight_column;
+            children: cols.map((col, colIdx) => {
+              const raw = row?.[col.key] ?? row?.[col.label];
+              const cell = raw ?? "\u2014";
+              const isHighlight = highlight != null && (col.key === highlight || col.label === highlight);
               return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                 "td",
                 {
@@ -37875,7 +37885,7 @@ var DataTableCard = import_react71.default.memo(
                     isHighlight ? "font-semibold text-gold" : colIdx === 0 ? "font-medium text-cardText" : "text-cardText/60"
                   ),
                   style: isHighlight ? s.accent : colIdx === 0 ? s.text : s.muted,
-                  children: String(cell)
+                  children: typeof cell === "object" ? JSON.stringify(cell) : String(cell)
                 },
                 colIdx
               );
@@ -37884,7 +37894,7 @@ var DataTableCard = import_react71.default.memo(
           rowIdx
         )) })
       ] }) }),
-      rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-center justify-center py-10 text-xs text-cardText/30", style: s.muted, children: "No data available" })
+      safeRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-center justify-center py-10 text-xs text-cardText/30", style: s.muted, children: "No data available" })
     ] });
   }
 );
@@ -38649,12 +38659,36 @@ var confidenceClass = {
   Medium: "text-amber-600 dark:text-amber-400",
   Low: "text-rose-600 dark:text-rose-400"
 };
-var InsightSummaryCard = ({
-  title,
-  summary,
-  insights,
-  className
-}) => {
+function normalizeConfidence(c) {
+  if (!c) return void 0;
+  const v = String(c).trim().toLowerCase();
+  if (v.startsWith("h")) return "High";
+  if (v.startsWith("m")) return "Medium";
+  if (v.startsWith("l")) return "Low";
+  return void 0;
+}
+function resolveItems(props) {
+  const cardConfidence = props.confidence;
+  if (Array.isArray(props.insights) && props.insights.length > 0) {
+    return props.insights.map((it) => ({
+      label: it?.label ?? "",
+      value: it?.value ?? "",
+      confidence: normalizeConfidence(it?.confidence ?? cardConfidence)
+    }));
+  }
+  if (Array.isArray(props.key_findings) && props.key_findings.length > 0) {
+    return props.key_findings.map((f) => ({
+      label: f?.finding ?? f?.label ?? "",
+      value: f?.data_point ?? f?.value ?? "",
+      confidence: normalizeConfidence(f?.confidence ?? cardConfidence)
+    }));
+  }
+  return [];
+}
+var InsightSummaryCard = (props) => {
+  const { title, className } = props;
+  const summary = props.summary ?? props.executive_summary;
+  const items = resolveItems(props);
   return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "div",
     {
@@ -38665,20 +38699,29 @@ var InsightSummaryCard = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
         summary ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "mt-2 text-sm text-muted-foreground leading-relaxed", children: summary }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "mt-4 space-y-2", children: (Array.isArray(insights) ? insights : []).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+        items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "mt-4 space-y-2", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
           "div",
           {
             className: "rounded-xl border border-border/70 bg-background/50 px-3 py-2",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-sm font-medium text-foreground", children: item.label }),
-                item.confidence ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: cn("text-xs font-semibold", confidenceClass[item.confidence]), children: item.confidence }) : null
+                item.confidence ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                  "span",
+                  {
+                    className: cn(
+                      "text-xs font-semibold shrink-0",
+                      confidenceClass[item.confidence]
+                    ),
+                    children: item.confidence
+                  }
+                ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: item.value })
+              item.value ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: item.value }) : null
             ]
           },
           `${item.label}-${index}`
-        )) })
+        )) }) : null
       ]
     }
   );