@opencx/widget-react 5.0.0-beta.7 → 5.0.0-beta.9

package/dist/src/page-controls/types.d.ts

@@ -0,0 +1,52 @@
+/**
+ * What the agent knows about the controls on the customer's page.
+ *
+ * The widget reads the page itself and sends NAMES. The elements never
+ * leave the browser: each one is held here behind an opaque reference, and
+ * every later instruction — point at this, click that — comes back as one of
+ * those references. Nothing the agent says can name a node we did not offer
+ * it in this turn.
+ *
+ * What is deliberately absent: values. Not the text in a field, not the
+ * option a select is on, not a password, not a file name. A support agent
+ * needs to know that a "Change plan" button exists and is greyed out; it
+ * never needs to know what the visitor typed into "Card number".
+ */
+/** One control on the host page, as the agent reads it. */
+export type PageControl = {
+    /** Opaque handle for this turn. The agent points with it; only we resolve it. */
+    ref: string;
+    /** What the control IS: button, link, textbox, checkbox, … (ARIA role). */
+    role: string;
+    /** The control's accessible name — the words a screen reader would say. */
+    name: string;
+    /** Present and true only when the control cannot be used right now. */
+    disabled?: true;
+};
+/** One turn's reading of the page: the controls, and the table behind them. */
+export type PageControlSnapshot = {
+    controls: PageControl[];
+    /** Whether the page had more controls than the cap allowed us to send. */
+    truncated: boolean;
+};
+/**
+ * Attribute a customer puts on any part of their page the agent must never
+ * read. Everything inside is skipped whole — the control, its name, its
+ * existence. The one thing a page owner can say that the reader obeys
+ * without interpretation.
+ */
+export declare const PRIVATE_REGION_ATTRIBUTE = "data-opencx-private";
+/**
+ * Input types the reader refuses on sight, whatever else is true about them:
+ * a password is never described, and a file picker's name can carry the
+ * visitor's own file names.
+ */
+export declare const NEVER_READ_INPUT_TYPES: Set<string>;
+/**
+ * How many controls one message carries. A page with more than this is read
+ * in full (so the cap applies to the busiest part, not a random prefix) but
+ * sends only the first `MAX_CONTROLS` in document order, and says so.
+ * Chosen against the prompt, not the DOM: 300 names is roughly 3k tokens.
+ */
+export declare const MAX_CONTROLS = 300;
+//# sourceMappingURL=types.d.ts.map

package/dist/src/page-controls/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/page-controls/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,2DAA2D;AAC3D,MAAM,MAAM,WAAW,GAAG;IACxB,iFAAiF;IACjF,GAAG,EAAE,MAAM,CAAC;IACZ,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,QAAQ,CAAC,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF,+EAA+E;AAC/E,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,0EAA0E;IAC1E,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,wBAAwB,CAAC;AAE9D;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,aAA0C,CAAC;AAE9E;;;;;GAKG;AACH,eAAO,MAAM,YAAY,MAAM,CAAC"}

package/dist/src/page-marks/agent-mark.d.ts

@@ -1,7 +1,6 @@
 import { z } from 'zod';
 export declare const highlightElementInputSchema: z.ZodObject<{
-    selector: z.ZodOptional<z.ZodString>;
-    text: z.ZodOptional<z.ZodString>;
+    ref: z.ZodString;
     label: z.ZodOptional<z.ZodString>;
     type: z.ZodCatch<z.ZodOptional<z.ZodEnum<{
         circle: "circle";
@@ -22,10 +21,12 @@ export declare function dismissActiveHighlight(): void;
  * smooth scroll), and float an optional pointing callout. The page stays fully
  * interactive throughout — nothing is dimmed and no click is trapped.
  *
- * Returns false when the hint doesn't resolve to an element (the page may have
- * changed since the context was captured) — callers treat that as a no-op.
+ * Takes the element, not a way of finding one: WHICH element is the caller's
+ * decision (`guardRef` — the reference the reader handed out, checked to be
+ * the same node, on screen and not covered). The pen only draws. Returns
+ * false when the ink could not be laid down at all.
  */
-export declare function highlightElementOnHostPage(input: HighlightElementInput, { accentColor, surfaceColor, foregroundColor, zIndex, durationMs, seed, }?: {
+export declare function highlightElementOnHostPage(el: HTMLElement, input: Omit<HighlightElementInput, 'ref'>, { accentColor, surfaceColor, foregroundColor, zIndex, durationMs, seed, }?: {
     accentColor?: string;
     surfaceColor?: string;
     foregroundColor?: string;

package/dist/src/page-marks/agent-mark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-mark.d.ts","sourceRoot":"","sources":["../../../src/page-marks/agent-mark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAwCxB,eAAO,MAAM,2BAA2B;;;;;;;;;;;iBAStC,CAAC;AAEH,KAAK,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAEzE,2FAA2F;AAC3F,eAAO,MAAM,6BAA6B,OAAO,CAAC;AA2BlD,yEAAyE;AACzE,wBAAgB,sBAAsB,SAErC;AAED;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,qBAAqB,EAC5B,EACE,WAA4B,EAC5B,YAA6B,EAC7B,eAAiC,EACjC,MAAmB,EACnB,UAA0C,EAC1C,IAAI,GACL,GAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACV,GACL,OAAO,CAmLT"}
+{"version":3,"file":"agent-mark.d.ts","sourceRoot":"","sources":["../../../src/page-marks/agent-mark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAuCxB,eAAO,MAAM,2BAA2B;;;;;;;;;;iBAetC,CAAC;AAEH,KAAK,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAEzE,2FAA2F;AAC3F,eAAO,MAAM,6BAA6B,OAAO,CAAC;AA2BlD,yEAAyE;AACzE,wBAAgB,sBAAsB,SAErC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,0BAA0B,CACxC,EAAE,EAAE,WAAW,EACf,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,EACzC,EACE,WAA4B,EAC5B,YAA6B,EAC7B,eAAiC,EACjC,MAAmB,EACnB,UAA0C,EAC1C,IAAI,GACL,GAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACV,GACL,OAAO,CAsLT"}

package/dist/src/screens/chat/ChatInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../src/screens/chat/ChatInput.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AA+C5E;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,WAAW,EACX,eAAe,GAChB,GAAE;IACD;;;;OAIG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CACtB,qBAuqBL"}
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../src/screens/chat/ChatInput.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AA8C5E;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,WAAW,EACX,eAAe,GAChB,GAAE;IACD;;;;OAIG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CACtB,qBA2qBL"}

package/dist/src/screens/chat/agent/AgentChatPageActions.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The agent's hands on the host page.
+ *
+ * Three things happen here and nowhere else: the visitor is asked before
+ * anything that commits, the action is performed against the element the
+ * reference resolves to, and the turn is told what actually happened.
+ *
+ * Every path answers the waiting call exactly once. A refusal, a decline, a
+ * click that changed nothing — all of them are answers, because the one
+ * thing the agent must never do is fill a silence with a success.
+ */
+export declare function AgentChatPageActions(): null;
+//# sourceMappingURL=AgentChatPageActions.d.ts.map

package/dist/src/screens/chat/agent/AgentChatPageActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChatPageActions.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat/agent/AgentChatPageActions.tsx"],"names":[],"mappings":"AAaA;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,SA2EnC"}

package/dist/src/screens/chat/agent/AgentChatPageEffects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentChatPageEffects.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat/agent/AgentChatPageEffects.tsx"],"names":[],"mappings":"AAaA;;;;;;GAMG;AACH,wBAAgB,oBAAoB,SAuDnC"}
+{"version":3,"file":"AgentChatPageEffects.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat/agent/AgentChatPageEffects.tsx"],"names":[],"mappings":"AAeA;;;;;;GAMG;AACH,wBAAgB,oBAAoB,SAsGnC"}

package/dist/src/screens/chat/agent/useStreamFollow.d.ts

@@ -18,6 +18,10 @@ export type StreamFollow = {
  *
  * `followKey` is the dependency list whose changes represent "new content"
  * (e.g. `[messages, liveItems]`); the follow effect re-runs on each change.
+ * Content that grows WITHOUT a `followKey` change — a lazily loaded chart
+ * chunk resolving, an image decoding, a reopened session's historical turn
+ * source landing from its own fetch — is followed through a `ResizeObserver`
+ * on the container's rows (below), never through timers.
  */
 export declare function useStreamFollow(followKey: DependencyList): StreamFollow;
 //# sourceMappingURL=useStreamFollow.d.ts.map

package/dist/src/screens/chat/agent/useStreamFollow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStreamFollow.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat/agent/useStreamFollow.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,YAAY,GAAG;IACzB,sCAAsC;IACtC,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,4CAA4C;IAC5C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;+CAC2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,2EAA2E;IAC3E,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,cAAc,GAAG,YAAY,CAoCvE"}
+{"version":3,"file":"useStreamFollow.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat/agent/useStreamFollow.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,YAAY,GAAG;IACzB,sCAAsC;IACtC,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,4CAA4C;IAC5C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;+CAC2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,2EAA2E;IAC3E,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,cAAc,GAAG,YAAY,CAgFvE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opencx/widget-react",
   "private": false,
-  "version": "5.0.0-beta.7",
+  "version": "5.0.0-beta.9",
   "type": "module",
   "repository": {
     "type": "git",
@@ -40,8 +40,8 @@
     "tailwind-merge": "^2.4.0",
     "tinycolor2": "^1.6.0",
     "zod": "^4.3.6",
-    "@opencx/widget-core": "5.0.0-beta.7",
-    "@opencx/widget-react-headless": "5.0.0-beta.7"
+    "@opencx/widget-react-headless": "5.0.0-beta.9",
+    "@opencx/widget-core": "5.0.0-beta.9"
   },
   "peerDependencies": {
     "@types/react": ">=18 <20",

package/dist/Chart.impl-C-1c9nkk.js

@@ -1,153 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import d from "react";
-import { PieChart as b, Tooltip as f, Legend as S, Pie as k, Cell as C, Label as R, LineChart as v, CartesianGrid as p, XAxis as y, YAxis as g, Line as z, BarChart as O, Bar as _ } from "recharts";
-import { u as K } from "./index-D_f1MZUH.js";
-function A() {
-  const t = d.useRef(null), [n, c] = d.useState(0);
-  return d.useLayoutEffect(() => {
-    const r = t.current;
-    if (!r) return;
-    const i = () => c(r.clientWidth);
-    i();
-    const l = new ResizeObserver(i);
-    return l.observe(r), () => l.disconnect();
-  }, []), { ref: t, width: n };
-}
-const L = "hsl(var(--opencx-foreground, 240 10% 20%))", x = [90, 70, 50, 30].map(
-  (t) => `color-mix(in oklch, ${L} ${t}%, transparent)`
-), u = (t) => x[t % x.length] ?? L, h = {
-  borderRadius: 8,
-  border: "1px solid color-mix(in oklch, currentColor 15%, transparent)",
-  fontSize: 12
-};
-function P({
-  type: t,
-  data: n,
-  height: c,
-  centerLabel: r
-}) {
-  const i = c ?? 220, { ref: l, width: a } = A();
-  return n.length === 0 ? /* @__PURE__ */ e(T, { height: i }) : /* @__PURE__ */ e("div", { ref: l, className: "w-full text-foreground", style: { height: i }, children: a > 0 && (t === "pie" ? /* @__PURE__ */ s(b, { width: a, height: i, children: [
-    /* @__PURE__ */ e(f, { contentStyle: h }),
-    /* @__PURE__ */ e(
-      S,
-      {
-        verticalAlign: "bottom",
-        iconType: "circle",
-        iconSize: 8,
-        wrapperStyle: { fontSize: 12 }
-      }
-    ),
-    /* @__PURE__ */ s(
-      k,
-      {
-        data: n,
-        dataKey: "value",
-        nameKey: "label",
-        outerRadius: "85%",
-        innerRadius: "60%",
-        children: [
-          n.map((o, m) => /* @__PURE__ */ e(C, { fill: u(m) }, m)),
-          r && /* @__PURE__ */ e(
-            R,
-            {
-              position: "center",
-              content: ({ viewBox: o }) => {
-                if (o && "cx" in o && "cy" in o)
-                  return /* @__PURE__ */ e(
-                    "text",
-                    {
-                      x: o.cx,
-                      y: o.cy,
-                      textAnchor: "middle",
-                      dominantBaseline: "middle",
-                      className: "fill-foreground text-2xl font-medium",
-                      children: r
-                    }
-                  );
-              }
-            }
-          )
-        ]
-      }
-    )
-  ] }) : t === "line" ? /* @__PURE__ */ s(
-    v,
-    {
-      width: a,
-      height: i,
-      data: n,
-      margin: { top: 8, right: 8, bottom: 0, left: -16 },
-      children: [
-        /* @__PURE__ */ e(p, { strokeOpacity: 0.15, vertical: !1 }),
-        /* @__PURE__ */ e(
-          y,
-          {
-            dataKey: "label",
-            tickLine: !1,
-            axisLine: !1,
-            tickMargin: 10,
-            fontSize: 11
-          }
-        ),
-        /* @__PURE__ */ e(g, { tickLine: !1, axisLine: !1, fontSize: 11, width: 32 }),
-        /* @__PURE__ */ e(f, { contentStyle: h }),
-        /* @__PURE__ */ e(
-          z,
-          {
-            type: "monotone",
-            dataKey: "value",
-            stroke: u(0),
-            strokeWidth: 2,
-            dot: !1
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ s(
-    O,
-    {
-      width: a,
-      height: i,
-      data: n,
-      margin: { top: 8, right: 8, bottom: 0, left: -16 },
-      children: [
-        /* @__PURE__ */ e(p, { strokeOpacity: 0.15, vertical: !1 }),
-        /* @__PURE__ */ e(
-          y,
-          {
-            dataKey: "label",
-            tickLine: !1,
-            axisLine: !1,
-            tickMargin: 10,
-            fontSize: 11
-          }
-        ),
-        /* @__PURE__ */ e(g, { tickLine: !1, axisLine: !1, fontSize: 11, width: 32 }),
-        /* @__PURE__ */ e(
-          f,
-          {
-            contentStyle: h,
-            cursor: { fillOpacity: 0.06 }
-          }
-        ),
-        /* @__PURE__ */ e(_, { dataKey: "value", fill: u(0), radius: [4, 4, 0, 0] })
-      ]
-    }
-  )) });
-}
-function T({ height: t }) {
-  const { t: n } = K();
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: "flex w-full items-center justify-center rounded-lg border border-muted-foreground/15 text-xs text-muted-foreground",
-      style: { height: t },
-      children: n("json_no_chart_data")
-    }
-  );
-}
-export {
-  P as default
-};
-//# sourceMappingURL=Chart.impl-C-1c9nkk.js.map

package/dist/Chart.impl-C-1c9nkk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chart.impl-C-1c9nkk.js","sources":["../src/json-render/Chart.impl.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  Label,\n  Legend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport type { ChartProps } from './props';\nimport { useJsonRenderHost } from './host';\n\n/**\n * Measure the wrapper width ourselves instead of relying on recharts'\n * `ResponsiveContainer`. On recharts 2.12 that container renders an empty,\n * svg-less box whenever it mounts measuring 0 — which is exactly this case: the\n * chart is a `React.lazy` chunk that mounts after the widget popover has laid\n * out, and it never re-measures on its own. Feeding recharts an explicit numeric\n * width sidesteps the trap; the `ResizeObserver` keeps it in sync when the embed\n * is resized.\n */\nfunction useContainerWidth(): {\n  ref: React.RefObject<HTMLDivElement | null>;\n  width: number;\n} {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const [width, setWidth] = React.useState(0);\n  React.useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const update = () => setWidth(el.clientWidth);\n    update();\n    const observer = new ResizeObserver(update);\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, []);\n  return { ref, width };\n}\n\n/**\n * The actual chart renderer. Loaded lazily (see `Chart.tsx`) so recharts — the\n * one heavy dependency in the registry — is a separate chunk that only downloads\n * when the agent actually emits a Chart.\n *\n * Styled to match the companion/Impact-Dashboard charts: a monochrome ramp of\n * the theme foreground (90/70/50/30% alpha), donut pie with an optional center\n * label + legend, and clean axes (no tick/axis lines). The ramp reads the\n * widget's `--opencx-foreground` token so charts follow the embed theme, with\n * a neutral fallback for any context where the token is missing.\n */\n\nconst FOREGROUND = 'hsl(var(--opencx-foreground, 240 10% 20%))';\n// Same ramp as the dashboard's REPORTS_COLOR (surface-foreground at 90/70/50/30%).\nconst RAMP = [90, 70, 50, 30].map(\n  (pct) => `color-mix(in oklch, ${FOREGROUND} ${pct}%, transparent)`,\n);\nconst rampColor = (i: number): string => RAMP[i % RAMP.length] ?? FOREGROUND;\n\nconst TOOLTIP_STYLE: React.CSSProperties = {\n  borderRadius: 8,\n  border: '1px solid color-mix(in oklch, currentColor 15%, transparent)',\n  fontSize: 12,\n};\n\nexport default function ChartImpl({\n  type,\n  data,\n  height,\n  centerLabel,\n}: ChartProps) {\n  const h = height ?? 220;\n  const { ref, width } = useContainerWidth();\n\n  if (data.length === 0) {\n    return <ChartEmpty height={h} />;\n  }\n\n  return (\n    <div ref={ref} className=\"w-full text-foreground\" style={{ height: h }}>\n      {width > 0 &&\n        (type === 'pie' ? (\n          <PieChart width={width} height={h}>\n            <Tooltip contentStyle={TOOLTIP_STYLE} />\n            <Legend\n              verticalAlign=\"bottom\"\n              iconType=\"circle\"\n              iconSize={8}\n              wrapperStyle={{ fontSize: 12 }}\n            />\n            <Pie\n              data={data}\n              dataKey=\"value\"\n              nameKey=\"label\"\n              outerRadius=\"85%\"\n              innerRadius=\"60%\"\n            >\n              {data.map((_, i) => (\n                <Cell key={i} fill={rampColor(i)} />\n              ))}\n              {centerLabel && (\n                <Label\n                  position=\"center\"\n                  content={({ viewBox }) => {\n                    if (viewBox && 'cx' in viewBox && 'cy' in viewBox) {\n                      return (\n                        <text\n                          x={viewBox.cx}\n                          y={viewBox.cy}\n                          textAnchor=\"middle\"\n                          dominantBaseline=\"middle\"\n                          className=\"fill-foreground text-2xl font-medium\"\n                        >\n                          {centerLabel}\n                        </text>\n                      );\n                    }\n                  }}\n                />\n              )}\n            </Pie>\n          </PieChart>\n        ) : type === 'line' ? (\n          <LineChart\n            width={width}\n            height={h}\n            data={data}\n            margin={{ top: 8, right: 8, bottom: 0, left: -16 }}\n          >\n            <CartesianGrid strokeOpacity={0.15} vertical={false} />\n            <XAxis\n              dataKey=\"label\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={10}\n              fontSize={11}\n            />\n            <YAxis tickLine={false} axisLine={false} fontSize={11} width={32} />\n            <Tooltip contentStyle={TOOLTIP_STYLE} />\n            <Line\n              type=\"monotone\"\n              dataKey=\"value\"\n              stroke={rampColor(0)}\n              strokeWidth={2}\n              dot={false}\n            />\n          </LineChart>\n        ) : (\n          <BarChart\n            width={width}\n            height={h}\n            data={data}\n            margin={{ top: 8, right: 8, bottom: 0, left: -16 }}\n          >\n            <CartesianGrid strokeOpacity={0.15} vertical={false} />\n            <XAxis\n              dataKey=\"label\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={10}\n              fontSize={11}\n            />\n            <YAxis tickLine={false} axisLine={false} fontSize={11} width={32} />\n            <Tooltip\n              contentStyle={TOOLTIP_STYLE}\n              cursor={{ fillOpacity: 0.06 }}\n            />\n            <Bar dataKey=\"value\" fill={rampColor(0)} radius={[4, 4, 0, 0]} />\n          </BarChart>\n        ))}\n    </div>\n  );\n}\n\nfunction ChartEmpty({ height }: { height: number }) {\n  const { t } = useJsonRenderHost();\n  return (\n    <div\n      className=\"flex w-full items-center justify-center rounded-lg border border-muted-foreground/15 text-xs text-muted-foreground\"\n      style={{ height }}\n    >\n      {t('json_no_chart_data')}\n    </div>\n  );\n}\n"],"names":["useContainerWidth","ref","React","width","setWidth","el","update","observer","FOREGROUND","RAMP","pct","rampColor","i","TOOLTIP_STYLE","ChartImpl","type","data","height","centerLabel","h","jsx","ChartEmpty","PieChart","Tooltip","Legend","jsxs","Pie","_","Cell","Label","viewBox","LineChart","CartesianGrid","XAxis","YAxis","Line","BarChart","Bar","t","useJsonRenderHost"],"mappings":"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"}

package/dist/Chart.impl-Ck7Md2bC.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),t=require("recharts"),j=require("./index-B3pRBUF2.cjs");function p(){const i=d.useRef(null),[n,c]=d.useState(0);return d.useLayoutEffect(()=>{const s=i.current;if(!s)return;const r=()=>c(s.clientWidth);r();const l=new ResizeObserver(r);return l.observe(s),()=>l.disconnect()},[]),{ref:i,width:n}}const m="hsl(var(--opencx-foreground, 240 10% 20%))",h=[90,70,50,30].map(i=>`color-mix(in oklch, ${m} ${i}%, transparent)`),u=i=>h[i%h.length]??m,f={borderRadius:8,border:"1px solid color-mix(in oklch, currentColor 15%, transparent)",fontSize:12};function y({type:i,data:n,height:c,centerLabel:s}){const r=c??220,{ref:l,width:a}=p();return n.length===0?e.jsx(g,{height:r}):e.jsx("div",{ref:l,className:"w-full text-foreground",style:{height:r},children:a>0&&(i==="pie"?e.jsxs(t.PieChart,{width:a,height:r,children:[e.jsx(t.Tooltip,{contentStyle:f}),e.jsx(t.Legend,{verticalAlign:"bottom",iconType:"circle",iconSize:8,wrapperStyle:{fontSize:12}}),e.jsxs(t.Pie,{data:n,dataKey:"value",nameKey:"label",outerRadius:"85%",innerRadius:"60%",children:[n.map((o,x)=>e.jsx(t.Cell,{fill:u(x)},x)),s&&e.jsx(t.Label,{position:"center",content:({viewBox:o})=>{if(o&&"cx"in o&&"cy"in o)return e.jsx("text",{x:o.cx,y:o.cy,textAnchor:"middle",dominantBaseline:"middle",className:"fill-foreground text-2xl font-medium",children:s})}})]})]}):i==="line"?e.jsxs(t.LineChart,{width:a,height:r,data:n,margin:{top:8,right:8,bottom:0,left:-16},children:[e.jsx(t.CartesianGrid,{strokeOpacity:.15,vertical:!1}),e.jsx(t.XAxis,{dataKey:"label",tickLine:!1,axisLine:!1,tickMargin:10,fontSize:11}),e.jsx(t.YAxis,{tickLine:!1,axisLine:!1,fontSize:11,width:32}),e.jsx(t.Tooltip,{contentStyle:f}),e.jsx(t.Line,{type:"monotone",dataKey:"value",stroke:u(0),strokeWidth:2,dot:!1})]}):e.jsxs(t.BarChart,{width:a,height:r,data:n,margin:{top:8,right:8,bottom:0,left:-16},children:[e.jsx(t.CartesianGrid,{strokeOpacity:.15,vertical:!1}),e.jsx(t.XAxis,{dataKey:"label",tickLine:!1,axisLine:!1,tickMargin:10,fontSize:11}),e.jsx(t.YAxis,{tickLine:!1,axisLine:!1,fontSize:11,width:32}),e.jsx(t.Tooltip,{contentStyle:f,cursor:{fillOpacity:.06}}),e.jsx(t.Bar,{dataKey:"value",fill:u(0),radius:[4,4,0,0]})]}))})}function g({height:i}){const{t:n}=j.useJsonRenderHost();return e.jsx("div",{className:"flex w-full items-center justify-center rounded-lg border border-muted-foreground/15 text-xs text-muted-foreground",style:{height:i},children:n("json_no_chart_data")})}exports.default=y;
-//# sourceMappingURL=Chart.impl-Ck7Md2bC.cjs.map

package/dist/Chart.impl-Ck7Md2bC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chart.impl-Ck7Md2bC.cjs","sources":["../src/json-render/Chart.impl.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  Label,\n  Legend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport type { ChartProps } from './props';\nimport { useJsonRenderHost } from './host';\n\n/**\n * Measure the wrapper width ourselves instead of relying on recharts'\n * `ResponsiveContainer`. On recharts 2.12 that container renders an empty,\n * svg-less box whenever it mounts measuring 0 — which is exactly this case: the\n * chart is a `React.lazy` chunk that mounts after the widget popover has laid\n * out, and it never re-measures on its own. Feeding recharts an explicit numeric\n * width sidesteps the trap; the `ResizeObserver` keeps it in sync when the embed\n * is resized.\n */\nfunction useContainerWidth(): {\n  ref: React.RefObject<HTMLDivElement | null>;\n  width: number;\n} {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const [width, setWidth] = React.useState(0);\n  React.useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const update = () => setWidth(el.clientWidth);\n    update();\n    const observer = new ResizeObserver(update);\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, []);\n  return { ref, width };\n}\n\n/**\n * The actual chart renderer. Loaded lazily (see `Chart.tsx`) so recharts — the\n * one heavy dependency in the registry — is a separate chunk that only downloads\n * when the agent actually emits a Chart.\n *\n * Styled to match the companion/Impact-Dashboard charts: a monochrome ramp of\n * the theme foreground (90/70/50/30% alpha), donut pie with an optional center\n * label + legend, and clean axes (no tick/axis lines). The ramp reads the\n * widget's `--opencx-foreground` token so charts follow the embed theme, with\n * a neutral fallback for any context where the token is missing.\n */\n\nconst FOREGROUND = 'hsl(var(--opencx-foreground, 240 10% 20%))';\n// Same ramp as the dashboard's REPORTS_COLOR (surface-foreground at 90/70/50/30%).\nconst RAMP = [90, 70, 50, 30].map(\n  (pct) => `color-mix(in oklch, ${FOREGROUND} ${pct}%, transparent)`,\n);\nconst rampColor = (i: number): string => RAMP[i % RAMP.length] ?? FOREGROUND;\n\nconst TOOLTIP_STYLE: React.CSSProperties = {\n  borderRadius: 8,\n  border: '1px solid color-mix(in oklch, currentColor 15%, transparent)',\n  fontSize: 12,\n};\n\nexport default function ChartImpl({\n  type,\n  data,\n  height,\n  centerLabel,\n}: ChartProps) {\n  const h = height ?? 220;\n  const { ref, width } = useContainerWidth();\n\n  if (data.length === 0) {\n    return <ChartEmpty height={h} />;\n  }\n\n  return (\n    <div ref={ref} className=\"w-full text-foreground\" style={{ height: h }}>\n      {width > 0 &&\n        (type === 'pie' ? (\n          <PieChart width={width} height={h}>\n            <Tooltip contentStyle={TOOLTIP_STYLE} />\n            <Legend\n              verticalAlign=\"bottom\"\n              iconType=\"circle\"\n              iconSize={8}\n              wrapperStyle={{ fontSize: 12 }}\n            />\n            <Pie\n              data={data}\n              dataKey=\"value\"\n              nameKey=\"label\"\n              outerRadius=\"85%\"\n              innerRadius=\"60%\"\n            >\n              {data.map((_, i) => (\n                <Cell key={i} fill={rampColor(i)} />\n              ))}\n              {centerLabel && (\n                <Label\n                  position=\"center\"\n                  content={({ viewBox }) => {\n                    if (viewBox && 'cx' in viewBox && 'cy' in viewBox) {\n                      return (\n                        <text\n                          x={viewBox.cx}\n                          y={viewBox.cy}\n                          textAnchor=\"middle\"\n                          dominantBaseline=\"middle\"\n                          className=\"fill-foreground text-2xl font-medium\"\n                        >\n                          {centerLabel}\n                        </text>\n                      );\n                    }\n                  }}\n                />\n              )}\n            </Pie>\n          </PieChart>\n        ) : type === 'line' ? (\n          <LineChart\n            width={width}\n            height={h}\n            data={data}\n            margin={{ top: 8, right: 8, bottom: 0, left: -16 }}\n          >\n            <CartesianGrid strokeOpacity={0.15} vertical={false} />\n            <XAxis\n              dataKey=\"label\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={10}\n              fontSize={11}\n            />\n            <YAxis tickLine={false} axisLine={false} fontSize={11} width={32} />\n            <Tooltip contentStyle={TOOLTIP_STYLE} />\n            <Line\n              type=\"monotone\"\n              dataKey=\"value\"\n              stroke={rampColor(0)}\n              strokeWidth={2}\n              dot={false}\n            />\n          </LineChart>\n        ) : (\n          <BarChart\n            width={width}\n            height={h}\n            data={data}\n            margin={{ top: 8, right: 8, bottom: 0, left: -16 }}\n          >\n            <CartesianGrid strokeOpacity={0.15} vertical={false} />\n            <XAxis\n              dataKey=\"label\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={10}\n              fontSize={11}\n            />\n            <YAxis tickLine={false} axisLine={false} fontSize={11} width={32} />\n            <Tooltip\n              contentStyle={TOOLTIP_STYLE}\n              cursor={{ fillOpacity: 0.06 }}\n            />\n            <Bar dataKey=\"value\" fill={rampColor(0)} radius={[4, 4, 0, 0]} />\n          </BarChart>\n        ))}\n    </div>\n  );\n}\n\nfunction ChartEmpty({ height }: { height: number }) {\n  const { t } = useJsonRenderHost();\n  return (\n    <div\n      className=\"flex w-full items-center justify-center rounded-lg border border-muted-foreground/15 text-xs text-muted-foreground\"\n      style={{ height }}\n    >\n      {t('json_no_chart_data')}\n    </div>\n  );\n}\n"],"names":["useContainerWidth","ref","React","width","setWidth","el","update","observer","FOREGROUND","RAMP","pct","rampColor","TOOLTIP_STYLE","ChartImpl","type","data","height","centerLabel","h","jsx","ChartEmpty","PieChart","Tooltip","Legend","jsxs","Pie","_","i","Cell","Label","viewBox","LineChart","CartesianGrid","XAxis","YAxis","Line","BarChart","Bar","t","useJsonRenderHost"],"mappings":"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"}