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

package/dist/src/page-controls/native-setter.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Write a value the way a person would, so the framework notices.
+ *
+ * `el.value = x` sets the DOM property and nothing else. React tracks the
+ * last value it wrote on the node itself and compares against it, so a
+ * direct assignment followed by an `input` event looks to React like "the
+ * value is already what I think it is" and the change is swallowed — the
+ * field shows the new text and the app's state still holds the old one.
+ * Vue's v-model has the same shape of problem through its own listener.
+ *
+ * Going through the PROTOTYPE's setter is what a real keystroke does, and
+ * it is what makes the tracker see a change. Then the events: `input` for
+ * what is being typed, `change` for what was committed.
+ */
+export declare function setNativeValue(el: HTMLElement, value: string): boolean;
+//# sourceMappingURL=native-setter.d.ts.map

package/dist/src/page-controls/native-setter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-setter.d.ts","sourceRoot":"","sources":["../../../src/page-controls/native-setter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAkBtE"}

package/dist/src/page-controls/needs-consent.d.ts

@@ -0,0 +1,15 @@
+import { PageAction } from './act-types';
+/**
+ * Does this need the visitor to say yes first?
+ *
+ * Yes for anything that commits: a payment, a deletion, a form going in.
+ * The test is what the control says and what it is — a submit button, or a
+ * name with a committing word in it — because that is all a page reliably
+ * offers, and because the customer reading "Delete account" is the one who
+ * understands what it means here.
+ *
+ * Deliberately over-inclusive. A chip the visitor did not strictly need
+ * costs one tap; a missing chip costs whatever the button did.
+ */
+export declare function needsConsent(el: HTMLElement, action: PageAction): boolean;
+//# sourceMappingURL=needs-consent.d.ts.map

package/dist/src/page-controls/needs-consent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"needs-consent.d.ts","sourceRoot":"","sources":["../../../src/page-controls/needs-consent.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAEhE;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO,CAgBzE"}

package/dist/src/page-controls/off-limits.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The one list of things the agent may never read, point at or touch —
+ * checked when the page is read AND again in the instant before anything
+ * happens.
+ *
+ * Twice, because the two moments are not the same moment. An application
+ * marks its card form private when that form mounts, which can be after the
+ * message was sent; a dialog becomes `aria-hidden` behind a newer one. A
+ * reference minted before any of that still resolves, so a rule enforced
+ * only at read time is a rule with a window in it.
+ */
+export type OffLimitsReason = 'private' | 'hidden-from-assistive-tech' | 'credential-field' | 'widget-owned';
+export declare function offLimitsReason(el: HTMLElement): OffLimitsReason | null;
+/** What to tell the agent, without describing what it was kept away from. */
+export declare const OFF_LIMITS_DETAIL: Record<OffLimitsReason, string>;
+//# sourceMappingURL=off-limits.d.ts.map

package/dist/src/page-controls/off-limits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"off-limits.d.ts","sourceRoot":"","sources":["../../../src/page-controls/off-limits.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,4BAA4B,GAC5B,kBAAkB,GAClB,cAAc,CAAC;AAEnB,wBAAgB,eAAe,CAAC,EAAE,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAWvE;AAED,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAQ7D,CAAC"}

package/dist/src/page-controls/pointer-sequence.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Click the way a pointer does, not the way `el.click()` does.
+ *
+ * `el.click()` dispatches one `click` event. Real interfaces listen for far
+ * more than that: a dropdown opens on `pointerdown`, a custom button
+ * highlights on `pointerover`, a menu item commits on `mouseup`. Anything
+ * built on a component library — which is most of what a support agent is
+ * ever asked to help with — simply does not respond to a bare click.
+ *
+ * So: the full sequence a mouse produces, at the control's own centre,
+ * with focus moved first like a real press does.
+ */
+export declare function firePointerSequence(el: HTMLElement): void;
+//# sourceMappingURL=pointer-sequence.d.ts.map

package/dist/src/page-controls/pointer-sequence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-sequence.d.ts","sourceRoot":"","sources":["../../../src/page-controls/pointer-sequence.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,CAyCzD"}

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

@@ -0,0 +1,4 @@
+import { PageControlSnapshot } from './types';
+/** Read the host page's controls for this turn. Never throws. */
+export declare function readPageControls(doc?: Document): PageControlSnapshot;
+//# sourceMappingURL=read-controls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"read-controls.d.ts","sourceRoot":"","sources":["../../../src/page-controls/read-controls.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,SAAS,CAAC;AAsJjB,iEAAiE;AACjE,wBAAgB,gBAAgB,CAC9B,GAAG,GAAE,QAAmB,GACvB,mBAAmB,CAyDrB"}

package/dist/src/page-controls/send-context.d.ts

@@ -0,0 +1,20 @@
+import { PageMark } from '../page-marks/page-mark';
+/**
+ * Everything about the customer's page that rides with one message.
+ *
+ * Two different things, sent together because they answer two different
+ * questions. The marks are what the visitor pointed at — deliberate, a
+ * gesture. The controls are what is simply THERE, read fresh at send time,
+ * so the agent can answer "where do I turn that off" without the visitor
+ * having to find and circle the switch first.
+ *
+ * Only the names go on the wire; the elements behind the references stay in
+ * the page (`control-ref.ts`). Reading happens at send time and nowhere
+ * else, which is what keeps a page turn free of an extra round trip.
+ */
+export declare function buildPageClientContext({ marks, readsPage, }: {
+    marks: PageMark[];
+    /** The org's page-context feature as the embed narrowed it. */
+    readsPage: boolean;
+}): Record<string, unknown> | undefined;
+//# sourceMappingURL=send-context.d.ts.map

package/dist/src/page-controls/send-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-context.d.ts","sourceRoot":"","sources":["../../../src/page-controls/send-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EACd,MAAM,yBAAyB,CAAC;AAGjC;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,+DAA+D;IAC/D,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAmBtC"}

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":"AAmBA,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,qBAqpBL"}
+{"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/dist/src/screens/sessions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/sessions/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwN1B,wBAAgB,cAAc,sBAyB7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/sessions/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwN1B,wBAAgB,cAAc,sBA0B7B"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opencx/widget-react",
   "private": false,
-  "version": "5.0.0-beta.6",
+  "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.6",
-    "@opencx/widget-react-headless": "5.0.0-beta.6"
+    "@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-GVOKqjeW.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-BBzL0SrG.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-GVOKqjeW.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chart.impl-GVOKqjeW.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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"}

package/dist/Chart.impl-mssp6x6e.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-CYkoYO0G.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-mssp6x6e.js.map

package/dist/Chart.impl-mssp6x6e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chart.impl-mssp6x6e.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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"}