@adoptai/genui-components 0.1.45 → 0.1.55

package/dist/renderer.cjs

@@ -5245,7 +5245,7 @@ var workflowStepperSchema = zod.z.object({
       n: zod.z.number().int().positive().optional(),
       title: zod.z.string(),
       sub: zod.z.string().optional(),
-      status: zod.z.enum(["done", "active", "review", "pending", "failed"]),
+      status: zod.z.enum(["done", "active", "review", "pending", "blocked", "failed"]),
       assignees: zod.z.array(
         zod.z.object({
           name: zod.z.string(),
@@ -5260,7 +5260,7 @@ var workflowStepperSchema = zod.z.object({
 });
 var workflowStepperTool = {
   name: "render_workflow_stepper",
-  description: "Render a recurring-process workflow stepper \u2014 a horizontal strip of sequential step cards (e.g. a monthly close pipeline) with per-step status (done/active/review/pending/failed) and human + agent assignee avatars. Use for org processes with named steps and owners, NOT for generic progress bars or project phase summaries.",
+  description: "Render a recurring-process workflow stepper \u2014 a horizontal strip of sequential step cards (e.g. a monthly close pipeline) with per-step status (done/active/review/pending/blocked/failed) and human + agent assignee avatars. Use for org processes with named steps and owners, NOT for generic progress bars or project phase summaries.",
   input_schema: {
     type: "object",
     properties: {
@@ -5281,7 +5281,7 @@ var workflowStepperTool = {
             n: { type: "number", description: "Step number; defaults to index + 1" },
             title: { type: "string" },
             sub: { type: "string", description: "Short status caption, e.g. '7 accounts \xB7 2 exceptions'" },
-            status: { type: "string", enum: ["done", "active", "review", "pending", "failed"] },
+            status: { type: "string", enum: ["done", "active", "review", "pending", "blocked", "failed"] },
             assignees: {
               type: "array",
               maxItems: 6,
@@ -6634,6 +6634,14 @@ init_ThemeContext();
 var TERRACOTTA = ACCENT;
 var POS = "#15803d";
 var NEG = "#dc2626";
+var _CURRENCY = /* @__PURE__ */ new Set(["$", "\u20AC", "\xA3", "\xA5", "\u20B9"]);
+function _abbrev(n) {
+  const a = Math.abs(n);
+  if (a >= 1e9) return `${(a / 1e9).toFixed(1).replace(/\.0$/, "")}B`;
+  if (a >= 1e6) return `${(a / 1e6).toFixed(1).replace(/\.0$/, "")}M`;
+  if (a >= 1e3) return `${(a / 1e3).toFixed(1).replace(/\.0$/, "")}K`;
+  return `${a}`;
+}
 var tooltipStyle3 = {
   fontSize: "12px",
   borderRadius: "8px",
@@ -6648,6 +6656,15 @@ function WaterfallChartResolver(p) {
   const { isVisible, toggle } = useSeriesToggle(["Positive", "Negative", "Total"]);
   const unit = (_a = p.unit) != null ? _a : "";
   const bars = (_b = p.bars) != null ? _b : [];
+  const fmtVal = (v, withSign = false) => {
+    const sign = v < 0 ? "-" : withSign && v > 0 ? "+" : "";
+    const body = _CURRENCY.has(unit) ? `${unit}${_abbrev(v)}` : `${_abbrev(v)}${unit}`;
+    return `${sign}${body}`;
+  };
+  const yAxisWidth = Math.min(
+    72,
+    Math.max(40, ...bars.map((b) => fmtVal(b.value).length * 7 + 8))
+  );
   let running = 0;
   const chartData = bars.map((bar) => {
     const base = bar.isTotal ? 0 : running;
@@ -6657,7 +6674,7 @@ function WaterfallChartResolver(p) {
   }).filter((d) => isVisible(d.category));
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_c = p.title) != null ? _c : "waterfall-chart", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "12px" }, children: [
     p.title && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontFamily: "var(--font-serif)", fontSize: "15px", fontWeight: 600, color: "var(--foreground)", letterSpacing: "-0.005em" }, children: p.title }),
-    /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: 200, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data: chartData, margin: { top: 4, right: 8, left: 0, bottom: 0 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: 200, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data: chartData, margin: { top: 4, right: 8, left: 4, bottom: 0 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         recharts.XAxis,
         {
@@ -6673,17 +6690,14 @@ function WaterfallChartResolver(p) {
           tick: { fontSize: 11, fill: MUTED2 },
           axisLine: false,
           tickLine: false,
-          width: 42,
-          tickFormatter: (v) => `${v}${unit}`
+          width: yAxisWidth,
+          tickFormatter: (v) => fmtVal(Number(v))
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         recharts.Tooltip,
         {
-          formatter: (value) => {
-            const v = Number(value);
-            return [`${v > 0 ? "+" : ""}${v}${unit}`, ""];
-          },
+          formatter: (value) => [fmtVal(Number(value), true), ""],
           contentStyle: tooltipStyle3,
           cursor: { fill: "#f2f2f2" }
         }
@@ -7067,7 +7081,7 @@ function JournalEntryResolver(p) {
   }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "14px" }, children: [
     p.title && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontFamily: "var(--font-serif)", fontSize: "15px", fontWeight: 600, color: "var(--foreground)", letterSpacing: "-0.005em" }, children: p.title }),
     ((_c = p.entries) != null ? _c : []).map((entry) => {
-      var _a2, _b2;
+      var _a2, _b2, _c2;
       let totalDebit = 0, totalCredit = 0;
       ((_a2 = entry.lines) != null ? _a2 : []).forEach((l) => {
         totalDebit += l.debit;
@@ -7093,7 +7107,7 @@ function JournalEntryResolver(p) {
             letterSpacing: "0.02em"
           }, children: h }, h)) }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-            entry.lines.map((line, li) => {
+            ((_c2 = entry.lines) != null ? _c2 : []).map((line, li) => {
               var _a3;
               return /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { background: li % 2 === 0 ? "white" : "#fafafa" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 12px", fontSize: "13px" }, children: line.account }),
@@ -17155,6 +17169,7 @@ var STATUS_COLORS3 = {
   // filled from theme ACCENT at render time
   review: "#f59e0b",
   pending: "#9ca3af",
+  blocked: "#b45309",
   failed: "#dc2626"
 };
 var STATUS_LABELS = {
@@ -17162,6 +17177,7 @@ var STATUS_LABELS = {
   active: "In progress",
   review: "In review",
   pending: "Pending",
+  blocked: "Blocked",
   failed: "Failed"
 };
 var HUMAN_PALETTE = ["#2563eb", "#0f766e", "#7c3aed", "#b45309", "#be185d", "#4d7c0f"];