@eshal-bot/chat-widget 0.1.61 → 0.1.62

package/dist/chat-widget.js

@@ -91749,6 +91749,31 @@
     return String(n);
   }
 
+  // ── Currency-aware value formatting ──────────────────────────────────────
+  // A2UI chart data is normalized to `{ label, value }` by A2uiBlock's
+  // numericData(), which drops the original Y-column key. A2uiBlock now threads
+  // that key through as `props.yKey` so these renderers can decide whether the
+  // axis / tooltip values are money. Heuristic mirrors the frontend's
+  // chartShared.tsx `isCurrencyKey` — keep the keyword list in lockstep.
+  // `(^|[_\W])` (not `\b`) so "average_salary" / "total_expenses" still match —
+  // JS `\b` doesn't fire next to `_`.
+  const CURRENCY_KEY_RE$1 = /(^|[_\W])(price|salary|cost|amount|revenue|expense|total|value|budget|spend|income|sale|balance)/i;
+  function isCurrencyKey$1(key) {
+    return typeof key === 'string' && CURRENCY_KEY_RE$1.test(key);
+  }
+
+  // Compact currency for axis ticks → "$120.0k". Full currency for tooltips →
+  // "$87,600" (comma-grouped, up to 2 decimals, no forced trailing zeros so a
+  // whole-dollar salary reads "$81,200" not "$81,200.00").
+  function formatCurrencyCompact(v) {
+    return "$".concat(formatCompactNumber(v));
+  }
+  function formatCurrencyFull(v) {
+    return "$".concat(Number(v).toLocaleString('en-US', {
+      maximumFractionDigits: 2
+    }));
+  }
+
   /**
    * Recharts bar chart — mirrors agent-sdk's eshalRenderers.BarChart.
    *
@@ -91761,6 +91786,11 @@
       isDark = false
     } = _ref;
     const data = Array.isArray(props.data) ? props.data : [];
+    // Whether the Y values are money — drives the `$` on axis ticks + tooltip.
+    const currency = isCurrencyKey$1(props.yKey);
+    // Human series name for the tooltip ("Average Salary"), so it no longer
+    // reads the generic dataKey "value".
+    const seriesName = props.valueLabel || undefined;
     const borderColor = isDark ? '#374151' : '#e2e8f0';
     const bgColor = isDark ? '#1f2937' : '#ffffff';
     const labelColor = isDark ? '#9ca3af' : '#64748b';
@@ -91855,9 +91885,9 @@
                 fontSize: 11,
                 fill: labelColor
               } : undefined,
-              tickFormatter: v => props.unit ? "".concat(formatCompactNumber(v), " ").concat(props.unit) : formatCompactNumber(v)
+              tickFormatter: v => currency ? formatCurrencyCompact(v) : props.unit ? "".concat(formatCompactNumber(v), " ").concat(props.unit) : formatCompactNumber(v)
             }), /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
-              formatter: v => props.unit ? "".concat(Number(v).toLocaleString(), " ").concat(props.unit) : Number(v).toLocaleString(),
+              formatter: v => currency ? formatCurrencyFull(v) : props.unit ? "".concat(Number(v).toLocaleString(), " ").concat(props.unit) : Number(v).toLocaleString(),
               contentStyle: {
                 background: tooltipBg,
                 border: "1px solid ".concat(borderColor),
@@ -91867,6 +91897,7 @@
               }
             }), /*#__PURE__*/jsxRuntimeExports.jsx(Bar, {
               dataKey: "value",
+              name: seriesName,
               fill: "#3b82f6",
               radius: [2, 2, 0, 0]
             })]
@@ -91950,6 +91981,7 @@
       donut = false
     } = _ref3;
     const data = Array.isArray(props.data) ? props.data : [];
+    const currency = isCurrencyKey$1(props.yKey);
     const borderColor = isDark ? '#374151' : '#e2e8f0';
     const bgColor = isDark ? '#1f2937' : '#ffffff';
     const titleColor = isDark ? '#f3f4f6' : '#0f172a';
@@ -92000,7 +92032,7 @@
                 fill: PIE_COLORS[i % PIE_COLORS.length]
               }, i))
             }), /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
-              formatter: v => Number(v).toLocaleString(),
+              formatter: v => currency ? formatCurrencyFull(v) : Number(v).toLocaleString(),
               contentStyle: {
                 background: tooltipBg,
                 border: "1px solid ".concat(borderColor),
@@ -92034,6 +92066,8 @@
       area = false
     } = _ref4;
     const data = Array.isArray(props.data) ? props.data : [];
+    const currency = isCurrencyKey$1(props.yKey);
+    const seriesName = props.valueLabel || undefined;
     const borderColor = isDark ? '#374151' : '#e2e8f0';
     const bgColor = isDark ? '#1f2937' : '#ffffff';
     const labelColor = isDark ? '#9ca3af' : '#64748b';
@@ -92122,9 +92156,9 @@
                 fontSize: 11,
                 fill: labelColor
               },
-              tickFormatter: v => props.unit ? "".concat(formatCompactNumber(v), " ").concat(props.unit) : formatCompactNumber(v)
+              tickFormatter: v => currency ? formatCurrencyCompact(v) : props.unit ? "".concat(formatCompactNumber(v), " ").concat(props.unit) : formatCompactNumber(v)
             }), /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
-              formatter: v => props.unit ? "".concat(Number(v).toLocaleString(), " ").concat(props.unit) : Number(v).toLocaleString(),
+              formatter: v => currency ? formatCurrencyFull(v) : props.unit ? "".concat(Number(v).toLocaleString(), " ").concat(props.unit) : Number(v).toLocaleString(),
               contentStyle: {
                 background: tooltipBg,
                 border: "1px solid ".concat(borderColor),
@@ -92135,6 +92169,7 @@
             }), area ? /*#__PURE__*/jsxRuntimeExports.jsx(Area, {
               type: "monotone",
               dataKey: "value",
+              name: seriesName,
               stroke: "#3b82f6",
               fill: "#3b82f6",
               fillOpacity: 0.15,
@@ -92146,6 +92181,7 @@
             }) : /*#__PURE__*/jsxRuntimeExports.jsx(Line, {
               type: "monotone",
               dataKey: "value",
+              name: seriesName,
               stroke: "#3b82f6",
               strokeWidth: 2,
               dot: {
@@ -92343,7 +92379,14 @@
       data: rows,
       unit: spec.unit,
       xAxisLabel: spec.xAxisLabel,
-      yAxisLabel: spec.yAxisLabel
+      yAxisLabel: spec.yAxisLabel,
+      // numericData() collapses the rows to { label, value }, dropping the
+      // original Y-column key. Pass it through so the renderer can detect a
+      // currency column (→ "$" on the Y-axis + tooltip) and label the tooltip
+      // series with the human column name ("Average Salary") instead of the
+      // generic dataKey "value".
+      yKey: y,
+      valueLabel: prettifyLabel(y)
     };
     if (t === 'pie') return /*#__PURE__*/jsxRuntimeExports.jsx(PieChartRenderer, {
       props: chartProps,
@@ -92716,6 +92759,14 @@
     if (!SNAKE_CASE_CATEGORY_RE.test(value)) return value;
     return prettifyLabel(value);
   }
+
+  // Numeric string under a money column, e.g. "81,200" / "105444" / "-1,250.50".
+  // Markdown tables (the common concierge path) arrive as text cells, so a
+  // salary value is the STRING "81,200" — not a number — and skips the
+  // USD_FORMATTER branch below. We prefix "$" while keeping the source's own
+  // grouping/decimals so it reads "$81,200" (not "$81,200.00"). A leading "$"
+  // already present makes the regex miss, so we never double-prefix.
+  const _NUMERIC_STRING_RE = /^-?\d[\d,]*(\.\d+)?$/;
   function formatCell(v, columnKey) {
     if (v == null) return '';
     if (typeof v === 'number') {
@@ -92725,6 +92776,11 @@
       return Number.isInteger(v) ? String(v) : v.toFixed(2);
     }
     if (typeof v === 'object') return JSON.stringify(v);
+    // Numeric string under a money-named column → prefix "$" (Bug: concierge
+    // salary table showed "81,200" with no currency symbol).
+    if (isCurrencyKey(columnKey) && _NUMERIC_STRING_RE.test(String(v).trim())) {
+      return "$".concat(String(v).trim());
+    }
     // String cells: prettify snake_case category labels (e.g.
     // `office_supplies` → "Office Supplies") so the table reads
     // consistently with the chart's X-axis ticks on the same data.