@mgamadeus/ddd-agents 0.1.0-alpha.21 → 0.1.0-alpha.23

package/dist/types/kit/components/data/chart-model.d.ts

@@ -0,0 +1,164 @@
+import type { ApexOptions } from "apexcharts";
+import type { ComposedSizeClass } from "../../../renderer/widget-tree/composed-node-schema";
+import type { ExpressionValue } from "../../../renderer/widget-tree/expression/evaluate-expression";
+import { DataValueTone } from "./data-value-format";
+/**
+ * The `Chart` node's props turned into ApexCharts input — pure, so the spec checks what reaches the
+ * chart library without drawing it. Every value goes through `formatDataValue`, so the axis, the tooltip and a KPI
+ * tile write the same number the same way.
+ */
+export type ChartKind = "line" | "area" | "bar" | "pie" | "donut" | "scatter" | "heatmap" | "funnel" | "radar";
+export interface ChartSeriesDeclaration {
+    field: string;
+    label: string;
+    /** The model wrote the label — a single named series gets its legend entry (ChatGPT's "MRR"). */
+    hasExplicitLabel: boolean;
+}
+/** The theme colours the chart draws with, resolved from the `--sc-charts-*` and `--fn-*` tokens at render time. */
+export interface ChartPalette {
+    seriesColors: string[];
+    axisTextColor: string;
+    /** The main text colour, for the total in a donut's middle. */
+    textColor: string;
+    gridColor: string;
+    surfaceColor: string;
+}
+export interface ChartModel {
+    kind: ChartKind;
+    apexType: "line" | "area" | "bar" | "pie" | "donut" | "scatter" | "heatmap" | "radar";
+    series: ApexAxisChartSeries | ApexNonAxisChartSeries;
+    options: ApexOptions;
+    height: number;
+    /** The plotted series names, for the accessible label. */
+    seriesLabels: string[];
+}
+export type ChartModelResult = {
+    status: "ok";
+    model: ChartModel;
+} | {
+    status: "empty";
+    detail: string;
+} | {
+    status: "invalid";
+    detail: string;
+};
+export interface ChartModelInput {
+    props: Record<string, ExpressionValue>;
+    sizeClass: ComposedSizeClass;
+    locale: string;
+    palette: ChartPalette;
+    isEmailRender: boolean;
+    /** The measured width of the plot in px (0 before the first measurement): a narrow plot gets fewer numeric ticks. */
+    plotWidth?: number;
+}
+/** What a per-bar change counts (`ChartComposedViewNode::DELTA_UNITS`): percentage points or percent. */
+export type ChartDeltaUnit = "pp" | "%";
+/** The theme's series colour tokens, one per bar of a single-series bar chart (the distributed colours). */
+export declare const CHART_SERIES_COLOR_TOKENS: readonly ["--agents-chart-01", "--agents-chart-02", "--agents-chart-03", "--agents-chart-04", "--agents-chart-05", "--agents-chart-06", "--agents-chart-07", "--agents-chart-08"];
+/** One bar of a bar chart with a change per bar. */
+export interface ChartBarRow {
+    label: string;
+    valueText: string;
+    /** The filled part of the track, 0 to 1. */
+    fraction: number;
+    /** The colour token of the bar (`--sc-charts-0N`). */
+    colorToken: string;
+    /** The signed change ("+2", "-3", "0"); undefined when the row has no number in the delta field. */
+    deltaText?: string;
+    /** Plus green, minus red, zero (and no change) muted. */
+    deltaTone: DataValueTone;
+}
+export interface ChartBarRowsModel {
+    rows: ChartBarRow[];
+    /** The plotted series' label, for the accessible label. */
+    seriesLabel: string;
+    deltaUnit?: ChartDeltaUnit;
+}
+export type ChartBarRowsModelResult = {
+    status: "ok";
+    model: ChartBarRowsModel;
+} | {
+    status: "empty";
+    detail: string;
+} | {
+    status: "invalid";
+    detail: string;
+};
+/** The row field of the change per bar — set on a bar chart only (another kind ignores it). */
+export declare const readChartDeltaField: (props: Record<string, ExpressionValue>) => string | undefined;
+export declare const readChartDeltaUnit: (value: unknown) => ChartDeltaUnit | undefined;
+/** The tone of a change by its sign: a rise green, a fall red, no change muted. */
+export declare const readChartDeltaTone: (delta: number | undefined) => DataValueTone;
+/**
+ * A bar chart with a change per bar (`deltaField`): one horizontal bar per row of the first plotted
+ * series on a track, its value at the right, the signed change after it. The track's end is `max`, else the largest
+ * value with a tenth of room (the longest bar never fills the track, as in the reference). A change counted in
+ * percent (`deltaUnit` `%`) carries its unit; percentage points and a plain change show the figure alone — the line
+ * under the bars (`deltaLabel`) says what it counts.
+ */
+export declare const buildChartBarRowsModel: (input: {
+    props: Record<string, ExpressionValue>;
+    locale: string;
+}) => ChartBarRowsModelResult;
+/** One stage of a funnel chart: its bar (centered, as wide as its share of the largest stage) and its figures. */
+export interface ChartFunnelStage {
+    label: string;
+    valueText: string;
+    /** The bar's width, 0 to 1 of the largest stage. */
+    fraction: number;
+    /** The stage's value as a percentage of the stage before it ("62 %"); undefined for the first stage. */
+    conversionText?: string;
+}
+export interface ChartFunnelModel {
+    stages: ChartFunnelStage[];
+    /** The plotted series' label, for the accessible label. */
+    seriesLabel: string;
+}
+export type ChartFunnelModelResult = {
+    status: "ok";
+    model: ChartFunnelModel;
+} | {
+    status: "empty";
+    detail: string;
+} | {
+    status: "invalid";
+    detail: string;
+};
+/**
+ * A funnel chart (`kind` `funnel`): the rows are the stages of a process in their written order, the first plotted
+ * series their values; each stage is a centered bar as wide as its share of the largest stage, with its value and its
+ * conversion from the stage before it in percent (one decimal at most). A stage without a number is left out.
+ */
+/**
+ * The radius of a radar polygon that leaves room for its axis names (ApexCharts sizes the polygon by the plot alone and
+ * clips a long name at the side): half the plot width minus the longest side-axis name, at most what the height
+ * leaves under the names and the legend. Undefined before the plot is measured (ApexCharts' own size).
+ */
+export declare const readRadarRadius: (input: {
+    axisNames: string[];
+    plotWidth: number;
+    height: number;
+    fontSizePx: number;
+    hasLegend: boolean;
+}) => number | undefined;
+export declare const buildChartFunnelModel: (input: {
+    props: Record<string, ExpressionValue>;
+    locale: string;
+}) => ChartFunnelModelResult;
+export declare const readChartKind: (value: unknown) => ChartKind | undefined;
+/** The visible series: entries with a string `field`; `visible: false` (often a bound state) hides one. */
+export declare const readChartSeries: (seriesValue: ExpressionValue) => ChartSeriesDeclaration[];
+/**
+ * Round bounds and the tick count for a numeric axis over `values` (ChatGPT's scatter: 900 … 1500 in steps of
+ * 150, never 980, 1076, 1172): the bounds snap outward to whole steps of about `targetTickAmount` ticks.
+ */
+export declare const readNiceAxisBounds: (values: number[], targetTickAmount: number) => {
+    min: number;
+    max: number;
+    tickAmount: number;
+} | undefined;
+/**
+ * The ApexCharts series and options for the props, or why there is nothing to draw: no rows / no plottable value
+ * (`empty`), or no series field present in the rows (`invalid`).
+ */
+export declare const buildChartModel: (input: ChartModelInput) => ChartModelResult;

package/dist/types/kit/components/data/data-value-format.d.ts

@@ -0,0 +1,44 @@
+import type { ExpressionValue } from "../../../renderer/widget-tree/expression/evaluate-expression";
+import { ComposedViewTone } from "../../composed-view-tones";
+/**
+ * How the data nodes show a value — the frontend twin of `ComposedViewDataValueFormat.php`: the
+ * closed `format`, `tone` and `align` words every data node accepts, and the one formatter they all use, so a number
+ * reads the same in a KPI tile, a table cell and a chart axis. Pure functions, no React.
+ */
+export type DataValueFormat = "number" | "percent" | "currency" | "compact" | "date" | "text";
+/** The kit's one tone list (`composed-view-tones.ts`). */
+export type DataValueTone = ComposedViewTone;
+export type DataValueAlign = "start" | "center" | "end";
+export declare const readDataValueFormat: (value: unknown, fallback?: DataValueFormat) => DataValueFormat;
+export declare const readDataValueTone: (value: unknown, fallback?: DataValueTone) => DataValueTone;
+export declare const readDataValueAlign: (value: unknown, fallback?: DataValueAlign) => DataValueAlign;
+/** A finite number from a number or a numeric string ("1207", "36.5"); undefined otherwise. */
+export declare const readFiniteNumber: (value: unknown) => number | undefined;
+/** A string prop, or undefined (a binding resolved to a non-string, an absent prop). */
+export declare const readText: (value: unknown) => string | undefined;
+/** The plain object a resolved prop holds, or undefined. */
+export declare const readObject: (value: unknown) => Record<string, ExpressionValue> | undefined;
+/** The rows (plain objects) a resolved `data` / `rows` / `items` prop holds; non-object entries are skipped. */
+export declare const readRows: (value: unknown) => Record<string, ExpressionValue>[] | undefined;
+/** The locale the numbers are written in: the app's UI language, `en` when it is unset or invalid. */
+export declare const toNumberLocale: (languageCode: string | undefined) => string;
+export interface DataValueFormatOptions {
+    format?: DataValueFormat;
+    currency?: string;
+    decimals?: number;
+    /** A unit written after the value ("km", "visits"). */
+    unit?: string;
+    /** A positive number gets a plus sign. */
+    signed?: boolean;
+    locale: string;
+}
+/**
+ * One value as the owner reads it: a number in the locale and `format`, a date in the locale's short form, text as
+ * written; the `unit` after it. `undefined` / `null` give the empty string (the caller decides what an empty cell
+ * shows); a boolean gives an empty string too — a table shows a boolean as an `Icon`, never as "true".
+ */
+export declare const formatDataValue: (value: unknown, options: DataValueFormatOptions) => string;
+/** Whether `value` reads as a number — numeric columns and cells align at the end. */
+export declare const isNumericValue: (value: unknown) => boolean;
+/** A value clamped to 0..1, or undefined (the `bar` and `heat` props). */
+export declare const readFraction: (value: unknown) => number | undefined;

package/dist/types/kit/components/data/use-chart-palette.d.ts

@@ -0,0 +1,9 @@
+import { type ChartPalette } from "./chart-model";
+/**
+ * The chart's colours, read from the theme tokens (`--sc-charts-*` for the series, `--agents-fg-light` for the axis text,
+ * `--agents-fg` for a donut's total,
+ * `--agents-divider-gl` for the grid, `--agents-bg-surface` for the slice gaps). ApexCharts writes colours into SVG attributes
+ * and computes shades from them, where a `var()` does not resolve — so the values are read once per scheme from the
+ * element's computed style, never written as hex in the component.
+ */
+export declare const useChartPalette: (element: HTMLElement | null, colorScheme: string | null) => ChartPalette;

package/dist/types/kit/components/data/use-number-locale.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The locale the data nodes write numbers in — the owner's UI language from the app (`useOwnerSettings`), read
+ * defensively: a tree renders in hosts without it too (the e-mail capture, a spec, the preview), and then numbers are `en`.
+ */
+export declare const useNumberLocale: () => string;

package/dist/types/provider/index.d.ts

@@ -2,3 +2,4 @@ export { AgentsProvider, type AgentsProviderProps, useAgentsActiveAgentSpaceKey,
 export { type AgentsAssistantBackgroundProps, type AgentsAssistantIconBadgeProps, type AgentsBudgetLimit, type AgentsEnvironment, type AgentsGalleryImage, type AgentsMapsLoaderState, type AgentsOwnerSettings, type AgentsSandboxLegacyAliases, type AgentsStateAction, type AgentsStateStore, type AgentsTexts, appendAnotherAgentSpaceToOwnerText, buildUnnamedAgentSpaceLabel, buildWidgetOfAnotherAgentSpaceExplanation, DEFAULT_AGENTS_TEXTS, DEFAULT_WIDGET_IMAGE_CAPTURE_READ_PATH_PREFIX, DEFAULT_WIDGET_SELF_HYDRATION_KEY_FIELD_NAME, escapePlainTextForText, getAgentDisplayName, getAgentsEnvironment, getFurtherCanvasBehaviours, getFurtherWidgetClickSignalSources, getGoogleMapWidgetNames, getSandboxLegacyAliases, getWidgetImageCaptureReadPathPrefix, getWidgetSelfHydrationKeyFieldName, openImageGallery, reportRunningTurn, reportWidgetCrash, setAgentsEnvironment, translateText, } from "./environment";
 export { classNames } from "./class-names";
 export * from "./components";
+export type { AgentsTextRole, AgentsTextWeight, AgentsTextReplacements, AgentsTextProps, AgentsButtonVariant, AgentsButtonSize, AgentsButtonProps, AgentsIconName, AgentsIconSize, AgentsIconProps, AgentsInteractiveSurfaceProps, AgentsSkeletonProps, AgentsLoadingSpinnerProps, AgentsTooltipProps, AgentsGlowFrameProps, AgentsProgressBarProps, AgentsSplitViewPane, AgentsSplitViewProps, AgentsTrendDeltaProps, AgentsCheckboxProps, AgentsTextInputProps, AgentsTextAreaProps, AgentsRangeSliderProps, AgentsDateInputProps, AgentsChoiceOption, AgentsRadioGroupProps, AgentsSelectOption, AgentsSelectProps, AgentsTabsOption, AgentsTabsProps, AgentsStatusBadgeStatus, AgentsStatusBadgeProps, AgentsMapPosition, AgentsMapProps, AgentsMapMarkerProps, AgentsModalLayerProps, AgentsHeroRowProps, AgentsHeroValueProps, AgentsWidgetTextVariant, AgentsWidgetTextTone, AgentsWidgetTextProps, AgentsSkeletonTextProps, AgentsStatusChipTone, AgentsStatusChipProps, AgentsSegment, AgentsSegmentBarProps, AgentsMarkdownComponents, AgentsMarkdownProps, AgentsWidgetFeatureGateProps, AgentsConversationSearchHit, AgentsConversationSearchGroup, AgentsConversationSearchResultsListProps, AgentsComponents, } from "./components/types";

package/dist/types/renderer/_access/ConversationWidgetGateSkeleton.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Neutral loading state shown by ConversationWidgetFeatureGate while another agent space's feature
+ * flags are being fetched. The gate can't know the gated widget's own skeleton, so this
+ * is a generic widget-sized placeholder.
+ */
+export declare const ConversationWidgetGateSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/renderer/_agent-space/use-conversation-widget-agent-space-fallback.d.ts

@@ -0,0 +1,16 @@
+import { SectionHydrationResult } from "../widget-hydration";
+/**
+ * Resolves the widget's agent space and picks the fallback every snapshot widget needs with it.
+ *
+ * - Active agent space → the caller's live `activeFallback`, so `mergeSection` keeps merging the app's fresher data.
+ * - Another agent space → a static empty result, so the widget's own data passes through `mergeSection` unmixed.
+ *
+ * Pass the result of the active-fallback hook in directly:
+ *   useConversationWidgetAgentSpaceFallback(agentSpaceKeyAttribute, useSomeActiveHydration())
+ * The hook order is the same on every render.
+ */
+export declare const useConversationWidgetAgentSpaceFallback: <T>(agentSpaceKeyAttribute: string | number | undefined, activeFallback: SectionHydrationResult<T>) => {
+    anotherAgentSpaceKey: number | undefined;
+    isAnotherAgentSpace: boolean;
+    fallback: SectionHydrationResult<T>;
+};

package/dist/types/renderer/canvas/use-anchor-widget-agent-space-key.d.ts

@@ -0,0 +1,17 @@
+import type { CanvasState } from "./canvas-state";
+/**
+ * The key of the agent space the fence of the anchor message names — unresolved, exactly what the inline widget
+ * receives as its prop. Undefined for a page anchor, a missing anchor message or a fence that names no agent space.
+ * For a body whose inline widget resolves the key itself, so both resolve it the same way.
+ */
+export declare const useAnchorWidgetFenceAgentSpaceKey: (canvas: CanvasState, anchorMessageMarkdown: string | null, widgetName: string) => string | undefined;
+/**
+ * The agent space a message-anchored canvas body works on, resolved the way its inline widget resolves it: the agent
+ * space the fence names when it is ANOTHER one than the active one, else the chat's agent space (`chatAgentSpaceKey`,
+ * passed by the shell), else the active one. For a page anchor: the anchor's agent space.
+ *
+ * A fence that names the ACTIVE agent space is dropped here in favour of the chat's agent space — the order of the
+ * inline widgets that compute `anotherAgentSpaceKey ?? chatAgentSpaceKey`. A widget whose inline render lets the
+ * fence win reads {@link useAnchorWidgetFenceAgentSpaceKey} instead.
+ */
+export declare const useAnchorWidgetAgentSpaceKey: (canvas: CanvasState, anchorMessageMarkdown: string | null, widgetName: string, chatAgentSpaceKey: number | undefined) => number | undefined;

package/dist/types/renderer/conversationWidgetRegistry.d.ts

@@ -72,3 +72,9 @@ export declare const getConversationWidgetRegistryRevision: () => number;
  * registered twice (with the package's own or an earlier registration).
  */
 export declare const registerConversationWidgets: (widgets: readonly ConversationWidgetEntry[]) => void;
+/**
+ * Puts `widgets` in place of every registered entry and returns the entries the registry held, so a spec renders
+ * against widgets of its own and puts the registry back afterwards (`installTestConversationWidgets`, the
+ * `client/testing` subpath). Fills the same array in place, so a reader that holds it sees the swap; moves the revision.
+ */
+export declare const replaceConversationWidgetRegistryEntries: (widgets: readonly ConversationWidgetEntry[]) => ConversationWidgetEntry[];

package/dist/types/renderer/read-conversation-widget-variant.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Density flag shared by snapshot widgets. Lives on the payload, but it
+ * is a PRESENTATION choice the agent makes — independent of whether the widget's data
+ * came from the agent's payload or from live hydration.
+ */
+export type ConversationWidgetVariant = "compact" | "full";
+interface WithVariant {
+    variant?: ConversationWidgetVariant;
+}
+/**
+ * Read just the `variant` flag out of a raw widget payload string, even when the
+ * rest of the payload is incomplete (so the agent can request a density with a
+ * minimal `{"variant":"compact"}` and let the data hydrate).
+ */
+export declare const readPayloadVariant: (rawPayload: string) => ConversationWidgetVariant | undefined;
+/**
+ * Overlay the agent's requested `variant` onto the resolved widget data. The agent's
+ * payload variant always wins; when the payload omits it the resolved data's own
+ * variant (or the widget default) stands.
+ */
+export declare const withConversationWidgetVariant: <T extends WithVariant>(base: T | undefined, rawPayload: string) => T | undefined;
+export {};

package/dist/types/widgets/_shared/CardFooter.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CardFooter: (props: {
+    children: React.ReactNode;
+    actionOnly?: boolean;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/widgets/_shared/WidgetLabel.d.ts

@@ -0,0 +1,8 @@
+import { type AgentsTextReplacements } from "../../provider/components";
+import React from "react";
+interface WidgetLabelProps {
+    children: React.ReactNode;
+    replacements?: AgentsTextReplacements;
+}
+export declare const WidgetLabel: (props: WidgetLabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/_shared/entity-update-channel.d.ts

@@ -0,0 +1,17 @@
+/** One published update: a strictly increasing revision, so a consumer reacts to each publication exactly once. */
+export interface EntityUpdate<TUpdate> {
+    readonly revision: number;
+    readonly update: TUpdate;
+}
+/**
+ * A tiny shared channel between a canvas BODY and the inline widget that opened it: the body publishes
+ * "this entity changed" / "this entity was removed", the inline list applies or refetches. Stands in for callbacks
+ * captured into a rendered canvas node: a body mounted from the canvas model has no closure into the
+ * widget instance, and the widget instance may have been windowed out meanwhile. Module state with
+ * `useSyncExternalStore`.
+ */
+export declare const createEntityUpdateChannel: <TUpdate>() => {
+    publish: (update: TUpdate) => void;
+    /** The latest publication (null before the first). Re-renders the consumer on every publication. */
+    useLatestUpdate: () => EntityUpdate<TUpdate> | null;
+};

package/dist/types/widgets/_shared/use-element-visible.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+/**
+ * True while the element is in the viewport (IntersectionObserver) AND the document is visible — the widget polls only
+ * when someone can see it. Environments without IntersectionObserver (jsdom) count as visible.
+ */
+export declare const useElementVisible: (ref: RefObject<HTMLElement | null>) => boolean;

package/dist/widgets.js

@@ -1,13 +1,16 @@
 "use client";
-import { z as classNames, q as Text, p as StatusChip, aF as WidgetSurface, aG as SkeletonCircle, aH as SkeletonLine } from "./chunks/WebSearchResultsConversationWidget-BvnLWHyi.js";
-import { aI, aJ, aK, aL, aM, aN, aO, aP, e, aQ, aR, aS, aT, aU, aV, v, aW, aX } from "./chunks/WebSearchResultsConversationWidget-BvnLWHyi.js";
+import { Q as WidgetSurface, T as SkeletonCircle, U as SkeletonLine, E as useIsEmailWidgetRender } from "./chunks/WebSearchResultsConversationWidget-DRBQvycE.js";
+import { V, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao } from "./chunks/WebSearchResultsConversationWidget-DRBQvycE.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { z as classNames, q as Text, p as StatusChip } from "./chunks/index-7Qc_3GbG.js";
+import { e, v } from "./chunks/index-7Qc_3GbG.js";
+import { useSyncExternalStore, useState, useEffect } from "react";
 const row$1 = "agents_row_3Kb6Jj";
 const withoutLeading = "agents_withoutLeading_7XTCP7";
 const clickable = "agents_clickable_-T4Zgc";
 const text = "agents_text_fJd93m";
 const trailing = "agents_trailing_FOCyQL";
-const styles$1 = {
+const styles$3 = {
   row: row$1,
   withoutLeading,
   clickable,
@@ -17,18 +20,18 @@ const styles$1 = {
 const WidgetListRow = (props) => {
   const { title, meta, leading, trailing: trailing2, onClick, className, testId } = props;
   const rowClassName = classNames(
-    styles$1.row,
-    leading === void 0 && styles$1.withoutLeading,
-    onClick && styles$1.clickable,
+    styles$3.row,
+    leading === void 0 && styles$3.withoutLeading,
+    onClick && styles$3.clickable,
     className
   );
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     leading,
-    /* @__PURE__ */ jsxs("span", { className: styles$1.text, children: [
+    /* @__PURE__ */ jsxs("span", { className: styles$3.text, children: [
       /* @__PURE__ */ jsx(Text, { role: "body", weight: "bold", translate: false, children: title }),
       meta ? /* @__PURE__ */ jsx(Text, { role: "caption", color: "var(--agents-fg-light)", translate: false, children: meta }) : null
     ] }),
-    trailing2 ? /* @__PURE__ */ jsx("span", { className: styles$1.trailing, children: trailing2 }) : /* @__PURE__ */ jsx("span", {})
+    trailing2 ? /* @__PURE__ */ jsx("span", { className: styles$3.trailing, children: trailing2 }) : /* @__PURE__ */ jsx("span", {})
   ] });
   if (onClick) {
     return /* @__PURE__ */ jsx("button", { type: "button", className: rowClassName, onClick, "data-testid": testId, children: content });
@@ -39,7 +42,7 @@ const WidgetStatusChip = (props) => /* @__PURE__ */ jsx(StatusChip, { ...props }
 const rows = "agents_rows_ZeurFw";
 const row = "agents_row_2esTMM";
 const rowText = "agents_rowText_TlYKqo";
-const styles = {
+const styles$2 = {
   rows,
   row,
   rowText
@@ -48,37 +51,127 @@ const WidgetSurfaceSkeleton = (props) => {
   const { title, rowCount = 3, level = "elevated", testId } = props;
   return /* @__PURE__ */ jsxs(WidgetSurface, { level, testId, children: [
     title ? /* @__PURE__ */ jsx(Text, { role: "intro", weight: "bold", translate: false, children: title }) : null,
-    /* @__PURE__ */ jsx("div", { className: styles.rows, "aria-busy": "true", children: Array.from({ length: rowCount }, (unused, rowIndex) => /* @__PURE__ */ jsxs("div", { className: styles.row, children: [
+    /* @__PURE__ */ jsx("div", { className: styles$2.rows, "aria-busy": "true", children: Array.from({ length: rowCount }, (unused, rowIndex) => /* @__PURE__ */ jsxs("div", { className: styles$2.row, children: [
       /* @__PURE__ */ jsx(SkeletonCircle, { size: 32 }),
-      /* @__PURE__ */ jsxs("span", { className: styles.rowText, children: [
+      /* @__PURE__ */ jsxs("span", { className: styles$2.rowText, children: [
         /* @__PURE__ */ jsx(SkeletonLine, { width: "60%", height: 12 }),
         /* @__PURE__ */ jsx(SkeletonLine, { width: "35%", height: 10 })
       ] })
     ] }, rowIndex)) })
   ] });
 };
+const widgetLabel = "agents_widgetLabel_WecWAw";
+const styles$1 = {
+  widgetLabel
+};
+const WidgetLabel = (props) => {
+  const { children, replacements } = props;
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      className: styles$1.widgetLabel,
+      role: "help",
+      weight: "medium",
+      color: "--agents-fg-light",
+      replacements,
+      children
+    }
+  );
+};
+const cardFooter = "agents_cardFooter_mobDKj";
+const styles = {
+  cardFooter
+};
+const CardFooter = (props) => {
+  const { children, actionOnly = true, className } = props;
+  const isEmailRender = useIsEmailWidgetRender();
+  if (isEmailRender && actionOnly) return null;
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles.cardFooter, className), children });
+};
+const createEntityUpdateChannel = () => {
+  let latest = null;
+  const listeners = /* @__PURE__ */ new Set();
+  const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => {
+      listeners.delete(listener);
+    };
+  };
+  const read = () => latest;
+  return {
+    publish: (update) => {
+      latest = { revision: (latest?.revision ?? 0) + 1, update };
+      listeners.forEach((listener) => listener());
+    },
+    /** The latest publication (null before the first). Re-renders the consumer on every publication. */
+    useLatestUpdate: () => useSyncExternalStore(subscribe, read, read)
+  };
+};
+const useElementVisible = (ref) => {
+  const [intersecting, setIntersecting] = useState(true);
+  const [documentVisible, setDocumentVisible] = useState(
+    typeof document === "undefined" || document.visibilityState !== "hidden"
+  );
+  useEffect(() => {
+    const element = ref.current;
+    if (!element || typeof IntersectionObserver === "undefined") return void 0;
+    const observer = new IntersectionObserver((entries) => {
+      setIntersecting(entries.some((entry) => entry.isIntersecting));
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [ref]);
+  useEffect(() => {
+    if (typeof document === "undefined") return void 0;
+    const onChange = () => setDocumentVisible(document.visibilityState !== "hidden");
+    document.addEventListener("visibilitychange", onChange);
+    return () => document.removeEventListener("visibilitychange", onChange);
+  }, []);
+  return intersecting && documentVisible;
+};
 export {
-  aI as CanvasWidgetCard,
-  aJ as CanvasWidgetSwitch,
-  aK as ClockConversationWidget,
-  aL as ConceptExplainerConversationWidget,
-  aM as ConversationSearchResultsConversationWidget,
-  aN as CurrencyConverterConversationWidget,
-  aO as CustomVisualizationConversationWidget,
-  aP as EntityMentionConversationWidget,
+  V as CANVAS_VIABLE_MIN_WIDTH,
+  X as CanvasWidgetCard,
+  Y as CanvasWidgetSwitch,
+  CardFooter,
+  Z as ClockConversationWidget,
+  _ as ConceptExplainerConversationWidget,
+  $ as ConversationSearchResultsConversationWidget,
+  a0 as CurrencyConverterConversationWidget,
+  a1 as CustomVisualizationConversationWidget,
+  a2 as DonePill,
+  a3 as EntityMentionConversationWidget,
   e as HeroValue,
-  aQ as MultiChoiceConversationWidget,
-  aR as QuickRepliesConversationWidget,
-  aS as SuggestedActions,
-  aT as ToolTraceConversationWidget,
-  aU as WebSearchResultsConversationWidget,
-  aV as WidgetKpiValue,
+  a4 as MultiChoiceConversationWidget,
+  a5 as QuickRepliesConversationWidget,
+  SkeletonCircle,
+  SkeletonLine,
+  a6 as SkeletonPill,
+  a7 as SkeletonWidgetLabel,
+  a8 as SuggestedActions,
+  a9 as ToolTraceConversationWidget,
+  aa as WebSearchResultsConversationWidget,
+  ab as WidgetKpiValue,
+  WidgetLabel,
   WidgetListRow,
   WidgetStatusChip,
   WidgetSurface,
   WidgetSurfaceSkeleton,
   v as WidgetText,
-  aW as WritingDraftConversationWidget,
-  aX as canvasForMessageWidget
+  ac as WritingDraftConversationWidget,
+  ad as canvasForMessageWidget,
+  createEntityUpdateChannel,
+  ae as formatConceptExplainerNumber,
+  af as normalizeSearchHitExcerpt,
+  ag as pickAllowed,
+  ah as pickAllowedValue,
+  ai as pickReviewExternalId,
+  aj as pickSafeAlias,
+  ak as pickSafeAliases,
+  al as pickText,
+  am as readConceptExplainerNumber,
+  an as readConceptExplainerValue,
+  ao as useCanvasViable,
+  useElementVisible
 };
 //# sourceMappingURL=widgets.js.map

package/dist/widgets.js.map

@@ -1 +1 @@
-{"version":3,"file":"widgets.js","sources":["../src/widgets/_shared/modern/WidgetListRow.tsx","../src/widgets/_shared/modern/WidgetStatusChip.tsx","../src/widgets/_shared/modern/WidgetSurfaceSkeleton.tsx"],"sourcesContent":["import { Text } from \"../../../provider/components\";\nimport { classNames } from \"../../../provider/class-names\";\nimport type { ReactNode } from \"react\";\nimport styles from \"./WidgetListRow.module.scss\";\n\nexport interface WidgetListRowProps {\n  /** Business content in the owner's language (no translation). */\n  title: ReactNode;\n  meta?: ReactNode;\n  leading?: ReactNode;\n  trailing?: ReactNode;\n  /** Makes the row a native button (keyboard and screen reader included); never an onClick on a div. */\n  onClick?: () => void;\n  className?: string;\n  testId?: string;\n}\n\n/** One row of a list inside a widget surface: title over muted meta, hairline-divided. */\nexport const WidgetListRow = (props: WidgetListRowProps) => {\n  const { title, meta, leading, trailing, onClick, className, testId } = props;\n  const rowClassName = classNames(\n    styles.row,\n    leading === undefined && styles.withoutLeading,\n    onClick && styles.clickable,\n    className,\n  );\n  const content = (\n    <>\n      {leading}\n      <span className={styles.text}>\n        <Text role=\"body\" weight=\"bold\" translate={false}>\n          {title}\n        </Text>\n        {meta ? (\n          <Text role=\"caption\" color=\"var(--agents-fg-light)\" translate={false}>\n            {meta}\n          </Text>\n        ) : null}\n      </span>\n      {trailing ? <span className={styles.trailing}>{trailing}</span> : <span />}\n    </>\n  );\n  if (onClick) {\n    return (\n      <button type=\"button\" className={rowClassName} onClick={onClick} data-testid={testId}>\n        {content}\n      </button>\n    );\n  }\n  return (\n    <div className={rowClassName} data-testid={testId}>\n      {content}\n    </div>\n  );\n};\n","import { StatusChip, type AgentsStatusChipProps, type AgentsStatusChipTone } from \"../../../provider/components\";\n\nexport type WidgetStatusTone = AgentsStatusChipTone;\n\nexport type WidgetStatusChipProps = AgentsStatusChipProps;\n\n/**\n * The status chip of the chat widgets: the `StatusChip` component (in the app: the dashboard's status\n * pill), so the chat and the dashboard read the same.\n */\nexport const WidgetStatusChip = (props: WidgetStatusChipProps) => <StatusChip {...props} />;\n","import { Text } from \"../../../provider/components\";\nimport type { ReactNode } from \"react\";\nimport { SkeletonCircle, SkeletonLine } from \"../skeleton-primitives\";\nimport { WidgetSurface, type WidgetSurfaceLevel } from \"./WidgetSurface\";\nimport styles from \"./WidgetSurfaceSkeleton.module.scss\";\n\nexport interface WidgetSurfaceSkeletonProps {\n  /** The widget's title — known before the data, so it is real text, never a skeleton. */\n  title?: ReactNode;\n  rowCount?: number;\n  level?: WidgetSurfaceLevel;\n  testId?: string;\n}\n\n/** The loading state shaped like the surface it stands for: the same surface, the title, then row-shaped blocks. */\nexport const WidgetSurfaceSkeleton = (props: WidgetSurfaceSkeletonProps) => {\n  const { title, rowCount = 3, level = \"elevated\", testId } = props;\n  return (\n    <WidgetSurface level={level} testId={testId}>\n      {title ? (\n        <Text role=\"intro\" weight=\"bold\" translate={false}>\n          {title}\n        </Text>\n      ) : null}\n      <div className={styles.rows} aria-busy=\"true\">\n        {Array.from({ length: rowCount }, (unused, rowIndex) => (\n          <div key={rowIndex} className={styles.row}>\n            <SkeletonCircle size={32} />\n            <span className={styles.rowText}>\n              <SkeletonLine width=\"60%\" height={12} />\n              <SkeletonLine width=\"35%\" height={10} />\n            </span>\n          </div>\n        ))}\n      </div>\n    </WidgetSurface>\n  );\n};\n"],"names":["trailing","styles"],"mappings":";;;;;;;;;;;;;;;;AAkBO,MAAM,gBAAgB,CAAC,UAA8B;AAC1D,QAAM,EAAE,OAAO,MAAM,SAAS,UAAAA,WAAU,SAAS,WAAW,WAAW;AACvE,QAAM,eAAe;AAAA,IACnBC,SAAO;AAAA,IACP,YAAY,UAAaA,SAAO;AAAA,IAChC,WAAWA,SAAO;AAAA,IAClB;AAAA,EAAA;AAEF,QAAM,UACJ,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA;AAAA,IACD,qBAAC,QAAA,EAAK,WAAWA,SAAO,MACtB,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAK,QAAO,QAAO,QAAO,WAAW,OACxC,UAAA,MAAA,CACH;AAAA,MACC,OACC,oBAAC,MAAA,EAAK,MAAK,WAAU,OAAM,0BAAyB,WAAW,OAC5D,UAAA,KAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACCD,gCAAY,QAAA,EAAK,WAAWC,SAAO,UAAW,UAAAD,UAAA,CAAS,IAAU,oBAAC,QAAA,CAAA,CAAK;AAAA,EAAA,GAC1E;AAEF,MAAI,SAAS;AACX,WACE,oBAAC,YAAO,MAAK,UAAS,WAAW,cAAc,SAAkB,eAAa,QAC3E,UAAA,QAAA,CACH;AAAA,EAEJ;AACA,6BACG,OAAA,EAAI,WAAW,cAAc,eAAa,QACxC,UAAA,SACH;AAEJ;AC5CO,MAAM,mBAAmB,CAAC,UAAiC,oBAAC,YAAA,EAAY,GAAG,MAAA,CAAO;;;;;;;;;ACKlF,MAAM,wBAAwB,CAAC,UAAsC;AAC1E,QAAM,EAAE,OAAO,WAAW,GAAG,QAAQ,YAAY,WAAW;AAC5D,SACE,qBAAC,eAAA,EAAc,OAAc,QAC1B,UAAA;AAAA,IAAA,QACC,oBAAC,QAAK,MAAK,SAAQ,QAAO,QAAO,WAAW,OACzC,UAAA,MAAA,CACH,IACE;AAAA,IACJ,oBAAC,SAAI,WAAW,OAAO,MAAM,aAAU,QACpC,gBAAM,KAAK,EAAE,QAAQ,YAAY,CAAC,QAAQ,kCACxC,OAAA,EAAmB,WAAW,OAAO,KACpC,UAAA;AAAA,MAAA,oBAAC,gBAAA,EAAe,MAAM,GAAA,CAAI;AAAA,MAC1B,qBAAC,QAAA,EAAK,WAAW,OAAO,SACtB,UAAA;AAAA,QAAA,oBAAC,cAAA,EAAa,OAAM,OAAM,QAAQ,IAAI;AAAA,QACtC,oBAAC,cAAA,EAAa,OAAM,OAAM,QAAQ,GAAA,CAAI;AAAA,MAAA,EAAA,CACxC;AAAA,IAAA,EAAA,GALQ,QAMV,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"widgets.js","sources":["../src/widgets/_shared/modern/WidgetListRow.tsx","../src/widgets/_shared/modern/WidgetStatusChip.tsx","../src/widgets/_shared/modern/WidgetSurfaceSkeleton.tsx","../src/widgets/_shared/WidgetLabel.tsx","../src/widgets/_shared/CardFooter.tsx","../src/widgets/_shared/entity-update-channel.ts","../src/widgets/_shared/use-element-visible.ts"],"sourcesContent":["import { Text } from \"../../../provider/components\";\nimport { classNames } from \"../../../provider/class-names\";\nimport type { ReactNode } from \"react\";\nimport styles from \"./WidgetListRow.module.scss\";\n\nexport interface WidgetListRowProps {\n  /** Business content in the owner's language (no translation). */\n  title: ReactNode;\n  meta?: ReactNode;\n  leading?: ReactNode;\n  trailing?: ReactNode;\n  /** Makes the row a native button (keyboard and screen reader included); never an onClick on a div. */\n  onClick?: () => void;\n  className?: string;\n  testId?: string;\n}\n\n/** One row of a list inside a widget surface: title over muted meta, hairline-divided. */\nexport const WidgetListRow = (props: WidgetListRowProps) => {\n  const { title, meta, leading, trailing, onClick, className, testId } = props;\n  const rowClassName = classNames(\n    styles.row,\n    leading === undefined && styles.withoutLeading,\n    onClick && styles.clickable,\n    className,\n  );\n  const content = (\n    <>\n      {leading}\n      <span className={styles.text}>\n        <Text role=\"body\" weight=\"bold\" translate={false}>\n          {title}\n        </Text>\n        {meta ? (\n          <Text role=\"caption\" color=\"var(--agents-fg-light)\" translate={false}>\n            {meta}\n          </Text>\n        ) : null}\n      </span>\n      {trailing ? <span className={styles.trailing}>{trailing}</span> : <span />}\n    </>\n  );\n  if (onClick) {\n    return (\n      <button type=\"button\" className={rowClassName} onClick={onClick} data-testid={testId}>\n        {content}\n      </button>\n    );\n  }\n  return (\n    <div className={rowClassName} data-testid={testId}>\n      {content}\n    </div>\n  );\n};\n","import { StatusChip, type AgentsStatusChipProps, type AgentsStatusChipTone } from \"../../../provider/components\";\n\nexport type WidgetStatusTone = AgentsStatusChipTone;\n\nexport type WidgetStatusChipProps = AgentsStatusChipProps;\n\n/**\n * The status chip of the chat widgets: the `StatusChip` component (in the app: the dashboard's status\n * pill), so the chat and the dashboard read the same.\n */\nexport const WidgetStatusChip = (props: WidgetStatusChipProps) => <StatusChip {...props} />;\n","import { Text } from \"../../../provider/components\";\nimport type { ReactNode } from \"react\";\nimport { SkeletonCircle, SkeletonLine } from \"../skeleton-primitives\";\nimport { WidgetSurface, type WidgetSurfaceLevel } from \"./WidgetSurface\";\nimport styles from \"./WidgetSurfaceSkeleton.module.scss\";\n\nexport interface WidgetSurfaceSkeletonProps {\n  /** The widget's title — known before the data, so it is real text, never a skeleton. */\n  title?: ReactNode;\n  rowCount?: number;\n  level?: WidgetSurfaceLevel;\n  testId?: string;\n}\n\n/** The loading state shaped like the surface it stands for: the same surface, the title, then row-shaped blocks. */\nexport const WidgetSurfaceSkeleton = (props: WidgetSurfaceSkeletonProps) => {\n  const { title, rowCount = 3, level = \"elevated\", testId } = props;\n  return (\n    <WidgetSurface level={level} testId={testId}>\n      {title ? (\n        <Text role=\"intro\" weight=\"bold\" translate={false}>\n          {title}\n        </Text>\n      ) : null}\n      <div className={styles.rows} aria-busy=\"true\">\n        {Array.from({ length: rowCount }, (unused, rowIndex) => (\n          <div key={rowIndex} className={styles.row}>\n            <SkeletonCircle size={32} />\n            <span className={styles.rowText}>\n              <SkeletonLine width=\"60%\" height={12} />\n              <SkeletonLine width=\"35%\" height={10} />\n            </span>\n          </div>\n        ))}\n      </div>\n    </WidgetSurface>\n  );\n};\n","import { Text, type AgentsTextReplacements } from \"../../provider/components\";\nimport React from \"react\";\nimport styles from \"./WidgetLabel.module.scss\";\n\ninterface WidgetLabelProps {\n  children: React.ReactNode;\n  replacements?: AgentsTextReplacements;\n}\n\nexport const WidgetLabel = (props: WidgetLabelProps) => {\n  const { children, replacements } = props;\n  return (\n    <Text\n      className={styles.widgetLabel}\n      role=\"help\"\n      weight=\"medium\"\n      color={\"--agents-fg-light\"}\n      replacements={replacements}\n    >\n      {children}\n    </Text>\n  );\n};\n","import { classNames } from \"../../provider/class-names\";\nimport React from \"react\";\nimport { useIsEmailWidgetRender } from \"../../renderer/ConversationWidgetRenderContext\";\nimport styles from \"./CardFooter.module.scss\";\n\nexport const CardFooter = (props: { children: React.ReactNode; actionOnly?: boolean; className?: string }) => {\n  const { children, actionOnly = true, className } = props;\n  const isEmailRender = useIsEmailWidgetRender();\n  if (isEmailRender && actionOnly) return null;\n  return <div className={classNames(styles.cardFooter, className)}>{children}</div>;\n};\n","import { useSyncExternalStore } from \"react\";\n\n/** One published update: a strictly increasing revision, so a consumer reacts to each publication exactly once. */\nexport interface EntityUpdate<TUpdate> {\n  readonly revision: number;\n  readonly update: TUpdate;\n}\n\n/**\n * A tiny shared channel between a canvas BODY and the inline widget that opened it: the body publishes\n * \"this entity changed\" / \"this entity was removed\", the inline list applies or refetches. Stands in for callbacks\n * captured into a rendered canvas node: a body mounted from the canvas model has no closure into the\n * widget instance, and the widget instance may have been windowed out meanwhile. Module state with\n * `useSyncExternalStore`.\n */\nexport const createEntityUpdateChannel = <TUpdate>() => {\n  let latest: EntityUpdate<TUpdate> | null = null;\n  const listeners = new Set<() => void>();\n  const subscribe = (listener: () => void) => {\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  };\n  const read = () => latest;\n  return {\n    publish: (update: TUpdate): void => {\n      latest = { revision: (latest?.revision ?? 0) + 1, update };\n      listeners.forEach((listener) => listener());\n    },\n    /** The latest publication (null before the first). Re-renders the consumer on every publication. */\n    useLatestUpdate: (): EntityUpdate<TUpdate> | null => useSyncExternalStore(subscribe, read, read),\n  };\n};\n","import { RefObject, useEffect, useState } from \"react\";\n\n/**\n * True while the element is in the viewport (IntersectionObserver) AND the document is visible — the widget polls only\n * when someone can see it. Environments without IntersectionObserver (jsdom) count as visible.\n */\nexport const useElementVisible = (ref: RefObject<HTMLElement | null>): boolean => {\n  const [intersecting, setIntersecting] = useState<boolean>(true);\n  const [documentVisible, setDocumentVisible] = useState<boolean>(\n    typeof document === \"undefined\" || document.visibilityState !== \"hidden\",\n  );\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element || typeof IntersectionObserver === \"undefined\") return undefined;\n    const observer = new IntersectionObserver((entries) => {\n      setIntersecting(entries.some((entry) => entry.isIntersecting));\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref]);\n\n  useEffect(() => {\n    if (typeof document === \"undefined\") return undefined;\n    const onChange = () => setDocumentVisible(document.visibilityState !== \"hidden\");\n    document.addEventListener(\"visibilitychange\", onChange);\n    return () => document.removeEventListener(\"visibilitychange\", onChange);\n  }, []);\n\n  return intersecting && documentVisible;\n};\n"],"names":["trailing","styles"],"mappings":"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"}