@adminiumjs/widgets 0.1.0-rc.1

package/dist/families/domain/ExperimentVariantCompare.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, MonoText, ProgressBar } from '@adminium/ui';
+import { useMemo } from 'react';
+import { experimentVariantCompareConfigSchema, experimentVariantCompareDemoData } from './domain-ops-config.js';
+import { OPS_TONE_BG, OPS_TONE_TEXT, booleanField, confidenceTone, countField, formatCount, formatPct, interpolate, labelField, liftPct, opsRowsOf, pctField, } from './domain-ops-lib.js';
+import { asRecord, clamp, numberField } from './domain-lib.js';
+import { OpsEmpty } from './OpsEmpty.js';
+/**
+ * `experiment-variant-compare` (annex §13) — per-variant horizontal conversion
+ * bars (width = conv / maxConv), lift-vs-control pills, CONTROL / WINNER badges,
+ * participant + conversion counts, and the paired significance meter: a
+ * confidence bar color-coded ≥95 green / ≥80 amber plus a verdict.
+ * Evidence: AB Experiments.
+ *
+ * WINNER IS DERIVED, NEVER BOUND (annex: "winner derived") — and it is derived
+ * with the significance gate applied, not from `max(conv)` alone. An experiment
+ * readout that crowns a "winner" at 61% confidence is the single most expensive
+ * mistake this widget could make: it tells a reader to ship a change the data
+ * does not support. So the badge appears only when the test cleared the high
+ * threshold AND the leader is not the control.
+ */
+export { experimentVariantCompareConfigSchema, experimentVariantCompareDemoData };
+export function ExperimentVariantCompareView({ variants, confidence, confThresholds, showSignificance = true, locale, controlLabel, winnerLabel, significanceLabel, verdictSignificantLabel, verdictInconclusiveLabel, countsLabel, testId, }) {
+    const maxConv = useMemo(() => variants.reduce((max, variant) => Math.max(max, variant.conv), 0), [variants]);
+    const control = useMemo(() => variants.find((variant) => variant.control), [variants]);
+    const high = confThresholds?.high ?? 95;
+    const leader = useMemo(() => variants.reduce((best, v) => (best === null || v.conv > best.conv ? v : best), null), [variants]);
+    // See the header note: significant AND not the control.
+    const winnerId = confidence !== undefined && confidence >= high && leader !== null && !leader.control ? leader.id : null;
+    const meterTone = confidence === undefined ? 'neutral' : confidenceTone(confidence, confThresholds);
+    const significant = confidence !== undefined && confidence >= high;
+    return (_jsxs("div", { "data-widget": "experiment-variant-compare", "data-testid": testId, className: "flex h-full flex-col gap-3 overflow-auto px-4 pb-4", children: [_jsx("div", { className: "flex flex-col gap-2.5", children: variants.map((variant) => {
+                    const lift = control === undefined || variant.control ? null : liftPct(variant.conv, control.conv);
+                    // Bar width is conv / maxConv (annex) — a RELATIVE scale, so the
+                    // leader always fills the row and small absolute rates stay legible.
+                    const width = maxConv <= 0 ? 0 : clamp((variant.conv / maxConv) * 100, 0, 100);
+                    return (_jsxs("div", { "data-part": "variant-row", "data-variant": variant.id, className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-body-sm font-semibold text-fg", children: variant.name }), variant.control ? (_jsx(Badge, { tone: "neutral", "data-part": "variant-control", children: controlLabel ?? 'CONTROL' })) : null, winnerId === variant.id ? (_jsx(Badge, { tone: "pos", "data-part": "variant-winner", children: winnerLabel ?? 'WINNER' })) : null, _jsxs("span", { className: "ms-auto flex items-center gap-2", children: [lift === null ? null : (_jsx(Badge, { tone: lift >= 0 ? 'pos' : 'danger', "data-part": "variant-lift", children: `${lift >= 0 ? '+' : ''}${formatPct(Math.abs(lift), locale, 1)}` })), _jsx(MonoText, { className: "text-body-sm font-bold tabular-nums text-fg", children: formatPct(variant.conv, locale, 2) })] })] }), _jsx("div", { "aria-hidden": "true", className: "h-2 overflow-hidden rounded-full bg-surface-3", children: _jsx("div", { "data-part": "variant-bar", className: `h-full w-[var(--bar-w)] rounded-full ${winnerId === variant.id ? OPS_TONE_BG.pos : OPS_TONE_BG.accent}`, style: { '--bar-w': `${width}%` } }) }), _jsx("p", { className: "text-caption text-fg-subtle", children: interpolate(countsLabel ?? '{users} participants · {conversions} conversions', {
+                                    users: formatCount(variant.users, locale),
+                                    conversions: formatCount(variant.conversions, locale),
+                                }) })] }, variant.id));
+                }) }), !showSignificance || confidence === undefined ? null : (_jsxs("div", { "data-testid": "significance-meter", className: "mt-auto flex flex-col gap-1 border-t border-border pt-3", children: [_jsxs("div", { className: "flex items-center justify-between text-caption", children: [_jsx("span", { className: "text-fg-subtle", children: significanceLabel ?? 'Confidence' }), _jsx(MonoText, { className: `font-bold ${OPS_TONE_TEXT[meterTone]}`, "data-part": "significance-value", children: formatPct(confidence, locale, 1) })] }), _jsx(ProgressBar, { value: confidence, tone: meterTone, size: "sm", animated: false, label: significanceLabel ?? 'Confidence' }), _jsx("p", { className: "text-caption text-fg-subtle", "data-part": "significance-verdict", children: significant
+                            ? (verdictSignificantLabel ?? 'Statistically significant — safe to call.')
+                            : (verdictInconclusiveLabel ?? 'Not yet significant — keep the test running.') })] }))] }));
+}
+/** Project the bound `record-list` onto the variant model. */
+function variantsOf(config, data) {
+    const rows = opsRowsOf(data);
+    return rows.map((row, index) => {
+        const conv = pctField(row, config.convField, 0);
+        const users = countField(row, config.usersField, 0);
+        return {
+            id: labelField(row, config.idField, `v${index}`),
+            name: labelField(row, config.nameField, `Variant ${index + 1}`),
+            conv,
+            users,
+            // Denormalized conversions when the column exists; else derived from the
+            // rate — an experiment table stores one or the other, rarely both.
+            conversions: countField(row, config.conversionsField, Math.round((users * conv) / 100)),
+            control: booleanField(row, config.controlField) ?? index === 0,
+        };
+    });
+}
+/**
+ * Read the test's significance. Envelope-level first (a server that computes it
+ * returns it beside `rows`), then off the leading row (a denormalized variants
+ * table stores it per arm). Absent → the meter is simply not rendered.
+ */
+function confidenceOf(config, data, rows) {
+    const envelope = asRecord(data);
+    const fromEnvelope = envelope === null ? undefined : numberField(envelope, config.confidenceField);
+    if (fromEnvelope !== undefined)
+        return clamp(fromEnvelope, 0, 100);
+    for (const row of rows) {
+        const value = numberField(row, config.confidenceField);
+        if (value !== undefined)
+            return clamp(value, 0, 100);
+    }
+    return undefined;
+}
+export function ExperimentVariantCompareWidget({ config, data }) {
+    const variants = useMemo(() => variantsOf(config, data), [config, data]);
+    const confidence = useMemo(() => confidenceOf(config, data, opsRowsOf(data)), [config, data]);
+    if (variants.length === 0) {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No variants', body: config.emptyBody ?? 'Bind an experiment variants table with conversion numbers.' }));
+    }
+    return (_jsx(ExperimentVariantCompareView, { variants: variants, showSignificance: config.showSignificance, ...(confidence === undefined ? {} : { confidence }), ...(config.confThresholds === undefined ? {} : { confThresholds: config.confThresholds }), ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), ...(config.controlLabel === undefined ? {} : { controlLabel: config.controlLabel }), ...(config.winnerLabel === undefined ? {} : { winnerLabel: config.winnerLabel }), ...(config.significanceLabel === undefined ? {} : { significanceLabel: config.significanceLabel }), ...(config.verdictSignificantLabel === undefined ? {} : { verdictSignificantLabel: config.verdictSignificantLabel }), ...(config.verdictInconclusiveLabel === undefined
+            ? {}
+            : { verdictInconclusiveLabel: config.verdictInconclusiveLabel }), ...(config.countsLabel === undefined ? {} : { countsLabel: config.countsLabel }), ...(config.testId === undefined ? {} : { testId: config.testId }) }));
+}
+//# sourceMappingURL=ExperimentVariantCompare.js.map

package/dist/families/domain/ExperimentVariantCompare.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentVariantCompare.js","sourceRoot":"","sources":["../../../src/families/domain/ExperimentVariantCompare.tsx"],"names":[],"mappings":"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"}

package/dist/families/domain/GanttChart.d.ts

@@ -0,0 +1,60 @@
+import { ganttChartConfigSchema, ganttChartDemoData } from './domain-config.js';
+import type { GanttChartConfig } from './domain-config.js';
+import type { GanttFieldMap } from './domain-lib.js';
+import type { WidgetProps } from '../../registry/types.js';
+/**
+ * `gantt-chart` (annex §13) — percent-positioned task bars over a week-column
+ * grid: phase group summary bars, per-task progress fill with a
+ * contrast-switching % label, a today line, 45°-diamond milestones, owner
+ * initials, and a legend footer. Built from start/end date columns + a progress
+ * column + a phase FK — which is also the auto-instantiation trigger (annex §13:
+ * "start+end dates + phase FK → `gantt-chart`").
+ *
+ * DIRECTION — THE LTR ISLAND (10-i18n-theming.md §5.5, verbatim): "The timeline
+ * canvas (date header + bars + today line) is a **fixed-LTR island** — time
+ * flows left→right, consistent with the chart rule; the label column stays
+ * physically left of the canvas so labels align with the time origin. Everything
+ * around it (toolbar, filters, zoom control, page chrome) mirrors."
+ *
+ * So this component does NOT mirror its time axis. The scroll region carries
+ * `dir="ltr"`, which pins the label gutter + the axis origin to the physical
+ * left inside an RTL page while the widget header/legend (outside the island)
+ * mirror normally. This matches `@adminium/charts` — geometry/timelineLanes.ts
+ * already states "The time axis is an LTR island (04 §7.4 — time axes never
+ * mirror), so event x-positions are LTR here" — and it is why the LTR-canonical
+ * geometry in domain-lib.ts is used verbatim under both directions.
+ *
+ * NOTE: this deliberately contradicts a "the gantt time axis mirrors in RTL"
+ * reading of 04 §7.4's blanket "all horizontal scales mirror". 10-i18n-theming
+ * §5.5 + its Open decisions #1 narrow that to CATEGORICAL scales; time axes stay
+ * LTR. The narrower rule is the one implemented across the charts package, so it
+ * is the one implemented here.
+ *
+ * Digits/dates route through the @adminium/i18n Intl layer; axis dates are
+ * DATA-context strings → `latnDataTag` (Latin digits, gregorian) so the header
+ * stays `tabular-nums`-aligned in every locale including `ar_EG`
+ * (10-i18n-theming.md §4.2: "gantt date headers … are data context").
+ */
+export { ganttChartConfigSchema, ganttChartDemoData };
+export type { GanttChartConfig };
+export interface GanttChartProps {
+    data: unknown;
+    fields: GanttFieldMap;
+    totalDays?: number | undefined;
+    todayLine?: boolean | undefined;
+    /** Epoch ms for the today marker; pinned by stories/VRT, else the wall clock. */
+    todayMs?: number | undefined;
+    weekLabels?: boolean | undefined;
+    showLegend?: boolean | undefined;
+    phaseColors?: Record<string, string> | undefined;
+    ungroupedLabel?: string | undefined;
+    locale?: string | undefined;
+    emptyTitle?: string | undefined;
+    emptyBody?: string | undefined;
+    testId?: string | undefined;
+}
+/** Tolerant read of the task `record-list` envelope. */
+export declare function ganttRowsOf(data: unknown): Record<string, unknown>[];
+export declare function GanttChart({ data, fields, totalDays, todayLine, todayMs, weekLabels, showLegend, phaseColors, ungroupedLabel, locale, emptyTitle, emptyBody, testId, }: GanttChartProps): import("react").JSX.Element;
+export declare function GanttChartWidget({ config, data }: WidgetProps<GanttChartConfig>): import("react").JSX.Element;
+//# sourceMappingURL=GanttChart.d.ts.map

package/dist/families/domain/GanttChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttChart.d.ts","sourceRoot":"","sources":["../../../src/families/domain/GanttChart.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAY3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAKjC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IACjD,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAeD,wDAAwD;AACxD,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAGpE;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAgB,EAChB,OAAO,EACP,UAAiB,EACjB,UAAiB,EACjB,WAAW,EACX,cAAc,EACd,MAAM,EACN,UAAU,EACV,SAAS,EACT,MAAM,GACP,EAAE,eAAe,+BAyFjB;AA4ID,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,gBAAgB,CAAC,+BAoB/E"}

package/dist/families/domain/GanttChart.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getFormatters, latnDataTag } from '@adminium/i18n';
+import { EmptyState, MonoText } from '@adminium/ui';
+import { useMemo } from 'react';
+import { ganttChartConfigSchema, ganttChartDemoData } from './domain-config.js';
+import { TONE_SOLID_BG, asRecord, dayToPercent, daysToPercent, groupSpan, resolveLocale, toGanttModel, toneOf, weekTicks, } from './domain-lib.js';
+/**
+ * `gantt-chart` (annex §13) — percent-positioned task bars over a week-column
+ * grid: phase group summary bars, per-task progress fill with a
+ * contrast-switching % label, a today line, 45°-diamond milestones, owner
+ * initials, and a legend footer. Built from start/end date columns + a progress
+ * column + a phase FK — which is also the auto-instantiation trigger (annex §13:
+ * "start+end dates + phase FK → `gantt-chart`").
+ *
+ * DIRECTION — THE LTR ISLAND (10-i18n-theming.md §5.5, verbatim): "The timeline
+ * canvas (date header + bars + today line) is a **fixed-LTR island** — time
+ * flows left→right, consistent with the chart rule; the label column stays
+ * physically left of the canvas so labels align with the time origin. Everything
+ * around it (toolbar, filters, zoom control, page chrome) mirrors."
+ *
+ * So this component does NOT mirror its time axis. The scroll region carries
+ * `dir="ltr"`, which pins the label gutter + the axis origin to the physical
+ * left inside an RTL page while the widget header/legend (outside the island)
+ * mirror normally. This matches `@adminium/charts` — geometry/timelineLanes.ts
+ * already states "The time axis is an LTR island (04 §7.4 — time axes never
+ * mirror), so event x-positions are LTR here" — and it is why the LTR-canonical
+ * geometry in domain-lib.ts is used verbatim under both directions.
+ *
+ * NOTE: this deliberately contradicts a "the gantt time axis mirrors in RTL"
+ * reading of 04 §7.4's blanket "all horizontal scales mirror". 10-i18n-theming
+ * §5.5 + its Open decisions #1 narrow that to CATEGORICAL scales; time axes stay
+ * LTR. The narrower rule is the one implemented across the charts package, so it
+ * is the one implemented here.
+ *
+ * Digits/dates route through the @adminium/i18n Intl layer; axis dates are
+ * DATA-context strings → `latnDataTag` (Latin digits, gregorian) so the header
+ * stays `tabular-nums`-aligned in every locale including `ar_EG`
+ * (10-i18n-theming.md §4.2: "gantt date headers … are data context").
+ */
+export { ganttChartConfigSchema, ganttChartDemoData };
+/** Label-gutter width — the task-name column beside the canvas. */
+const GUTTER = 'w-[168px]';
+const axisFmts = new Map();
+/** "Sep 1" — short month + day, Latin digits (data context), pinned to UTC. */
+function fmtAxisDate(tag, ms) {
+    const resolved = latnDataTag(tag);
+    let fmt = axisFmts.get(resolved);
+    if (fmt === undefined) {
+        fmt = new Intl.DateTimeFormat(resolved, { month: 'short', day: 'numeric', timeZone: 'UTC' });
+        axisFmts.set(resolved, fmt);
+    }
+    return fmt.format(new Date(ms));
+}
+/** Tolerant read of the task `record-list` envelope. */
+export function ganttRowsOf(data) {
+    const source = asRecord(data);
+    return source !== null && Array.isArray(source.rows) ? source.rows : [];
+}
+export function GanttChart({ data, fields, totalDays, todayLine = true, todayMs, weekLabels = true, showLegend = true, phaseColors, ungroupedLabel, locale, emptyTitle, emptyBody, testId, }) {
+    const tag = resolveLocale(locale);
+    const fmt = getFormatters(tag);
+    const rows = useMemo(() => ganttRowsOf(data), [data]);
+    const model = useMemo(() => toGanttModel(rows, fields, {
+        totalDays,
+        ...(todayLine ? { todayMs: todayMs ?? Date.now() } : {}),
+        ...(phaseColors === undefined ? {} : { phaseColors }),
+        ...(ungroupedLabel === undefined ? {} : { ungroupedLabel }),
+    }), [rows, fields, totalDays, todayLine, todayMs, phaseColors, ungroupedLabel]);
+    const ticks = useMemo(() => (weekLabels ? weekTicks(model.originMs, model.totalDays) : []), [weekLabels, model.originMs, model.totalDays]);
+    if (model.groups.length === 0) {
+        return (_jsx(EmptyState, { compact: true, preset: "no-data", title: emptyTitle ?? 'Nothing scheduled', body: emptyBody ?? 'Tasks appear here once they have start and end dates.' }));
+    }
+    const todayPct = model.todayDay === null ? null : dayToPercent(model.todayDay, model.totalDays);
+    return (_jsxs("div", { "data-widget": "gantt-chart", "data-testid": testId, className: "flex h-full flex-col", children: [_jsx("div", { dir: "ltr", "data-testid": "gantt-canvas", className: "flex-1 overflow-auto", children: _jsxs("div", { className: "min-w-[640px]", children: [weekLabels && (_jsxs("div", { className: "sticky top-0 z-10 flex border-b border-border bg-surface", children: [_jsx("div", { className: `${GUTTER} shrink-0` }), _jsx("div", { className: "relative flex flex-1", children: ticks.map((ms) => (_jsx("div", { "data-testid": "gantt-week-tick", className: "flex-1 border-s border-border py-2 text-center text-[10.5px] font-bold text-fg-subtle", children: _jsx(MonoText, { className: "tabular-nums", children: fmtAxisDate(tag, ms) }) }, ms))) })] })), model.groups.map((group) => (_jsx(GanttGroupRows, { group: group, model: model, todayPct: todayPct, formatPercent: (pct) => fmt.percent(pct / 100) }, group.key)))] }) }), showLegend && model.groups.length > 0 && (_jsx("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 border-t border-border px-3 py-2", children: model.groups.map((group) => (_jsxs("span", { className: "flex items-center gap-1.5 text-caption text-fg-muted", children: [_jsx("span", { className: `size-2 shrink-0 rounded-full ${TONE_SOLID_BG[toneOf(group.tone)]}`, "aria-hidden": "true" }), group.name] }, group.key))) }))] }));
+}
+function GanttGroupRows({ group, model, todayPct, formatPercent }) {
+    const tone = toneOf(group.tone);
+    const span = groupSpan(group);
+    const summaryStart = dayToPercent(span.startDay, model.totalDays);
+    const summaryWidth = daysToPercent(span.startDay, span.durDays, model.totalDays);
+    return (_jsxs("div", { "data-testid": `gantt-group-${group.key}`, children: [_jsxs("div", { className: "flex items-center border-b border-border bg-surface-2", children: [_jsx("div", { className: `${GUTTER} shrink-0 truncate px-3 py-1.5 text-caption font-bold text-fg`, children: group.name }), _jsxs("div", { className: "relative h-7 flex-1", children: [_jsx(TodayLine, { pct: todayPct }), _jsx("div", { className: `absolute inset-y-2 start-[var(--bar-x)] w-[var(--bar-w)] rounded ${TONE_SOLID_BG[tone]} opacity-40`, style: { '--bar-x': `${summaryStart}%`, '--bar-w': `${summaryWidth}%` }, "aria-hidden": "true" })] })] }), group.tasks.map((task) => (_jsx(GanttTaskRow, { task: task, tone: tone, model: model, todayPct: todayPct, formatPercent: formatPercent }, task.id)))] }));
+}
+function GanttTaskRow({ task, tone, model, todayPct, formatPercent }) {
+    const startPct = dayToPercent(task.startDay, model.totalDays);
+    const widthPct = daysToPercent(task.startDay, task.durDays, model.totalDays);
+    const label = `${task.label} · ${formatPercent(task.pct)}`;
+    return (_jsxs("div", { "data-testid": `gantt-task-${task.id}`, "data-start-pct": startPct.toFixed(2), className: "flex items-center border-b border-border transition-colors hover:bg-surface-2", children: [_jsx("div", { className: `${GUTTER} shrink-0 truncate px-3 py-2 text-caption text-fg-muted`, children: task.label }), _jsxs("div", { className: "relative h-8 flex-1", children: [_jsx(TodayLine, { pct: todayPct }), task.milestone === true ? (_jsx("span", { title: task.label, "aria-label": task.label, role: "img", "data-testid": `gantt-milestone-${task.id}`, className: `absolute top-1/2 start-[var(--bar-x)] size-2.5 -translate-y-1/2 rotate-45 ${TONE_SOLID_BG[tone]}`, style: { '--bar-x': `${startPct}%` } })) : (_jsxs("div", { title: label, "aria-label": label, role: "img", className: "absolute inset-y-1.5 start-[var(--bar-x)] w-[var(--bar-w)] overflow-hidden rounded bg-surface-3", style: { '--bar-x': `${startPct}%`, '--bar-w': `${widthPct}%` }, children: [_jsx("div", { className: `absolute inset-y-0 start-0 w-[var(--fill-w)] ${TONE_SOLID_BG[tone]}`, style: { '--fill-w': `${task.pct}%` } }), _jsx("span", { className: `absolute inset-y-0 start-1.5 flex items-center text-[10px] font-bold tabular-nums ${task.pct > 55 ? 'text-white' : 'text-fg-muted'}`, children: task.pct > 0 ? formatPercent(task.pct) : '' }), task.owner === undefined ? null : (_jsx("span", { className: "absolute inset-y-0 end-1.5 flex items-center text-[9.5px] font-bold text-fg-subtle", children: task.owner }))] }))] })] }));
+}
+/** The today marker — a full-height rule at the axis position (annex §13). */
+function TodayLine({ pct }) {
+    if (pct === null)
+        return null;
+    return (_jsx("span", { "data-testid": "gantt-today-line", "aria-hidden": "true", className: "absolute inset-y-0 z-[2] w-0.5 start-[var(--today-x)] bg-danger/55", style: { '--today-x': `${pct}%` } }));
+}
+/** Resolve the config's field-name map once per render (stable identity). */
+function fieldsOf(config) {
+    return {
+        idField: config.idField,
+        labelField: config.labelField,
+        startField: config.startField,
+        endField: config.endField,
+        progressField: config.progressField,
+        phaseField: config.phaseField,
+        ownerField: config.ownerField,
+        milestoneField: config.milestoneField,
+    };
+}
+export function GanttChartWidget({ config, data }) {
+    const fields = useMemo(() => fieldsOf(config), [config]);
+    return (_jsx(GanttChart, { data: data, fields: fields, ...(config.totalDays === undefined ? {} : { totalDays: config.totalDays }), todayLine: config.todayLine, ...(config.format?.referenceTime === undefined ? {} : { todayMs: config.format.referenceTime }), weekLabels: config.weekLabels, showLegend: config.showLegend, ...(config.phaseColors === undefined ? {} : { phaseColors: config.phaseColors }), ...(config.ungroupedLabel === undefined ? {} : { ungroupedLabel: config.ungroupedLabel }), ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), ...(config.emptyTitle === undefined ? {} : { emptyTitle: config.emptyTitle }), ...(config.emptyBody === undefined ? {} : { emptyBody: config.emptyBody }) }));
+}
+//# sourceMappingURL=GanttChart.js.map

package/dist/families/domain/GanttChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttChart.js","sourceRoot":"","sources":["../../../src/families/domain/GanttChart.tsx"],"names":[],"mappings":"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"}

package/dist/families/domain/OpsApi.d.ts

@@ -0,0 +1,45 @@
+import { codeSnippetBlockConfigSchema, codeSnippetBlockDemoData, resourceApiCardConfigSchema, resourceApiCardDemoData, webhookEndpointsListConfigSchema, webhookEndpointsListDemoData } from './domain-ops-config.js';
+import type { CodeSnippetBlockConfig, ResourceApiCardConfig, WebhookEndpointsListConfig } from './domain-ops-config.js';
+import type { ResourceApi, WebhookEndpoint } from './domain-ops-types.js';
+import type { WidgetProps } from '../../registry/types.js';
+export { codeSnippetBlockConfigSchema, codeSnippetBlockDemoData, resourceApiCardConfigSchema, resourceApiCardDemoData, webhookEndpointsListConfigSchema, webhookEndpointsListDemoData, };
+export type { CodeSnippetBlockConfig, ResourceApiCardConfig, WebhookEndpointsListConfig };
+export interface CodeSnippetBlockViewProps {
+    code: string;
+    language?: string | undefined;
+    /** Language tabs; a single entry (or none) hides the tab row. */
+    languages?: readonly string[] | undefined;
+    activeLanguage?: string | undefined;
+    onLanguageChange?: ((language: string) => void) | undefined;
+    copyButton?: boolean | undefined;
+    copyLabel?: string | undefined;
+    copiedLabel?: string | undefined;
+    testId?: string | undefined;
+}
+export declare function CodeSnippetBlockView({ code, language, languages, activeLanguage, onLanguageChange, copyButton, copyLabel, copiedLabel, testId, }: CodeSnippetBlockViewProps): import("react").JSX.Element;
+export declare function CodeSnippetBlockWidget({ config, data }: WidgetProps<CodeSnippetBlockConfig>): import("react").JSX.Element;
+export interface WebhookEndpointsListViewProps {
+    hooks: readonly WebhookEndpoint[];
+    /** Epoch ms "now" for the last-fired stamps. */
+    now: number;
+    locale?: string | undefined;
+    neverFiredLabel?: string | undefined;
+    lastFiredLabel?: string | undefined;
+    enableLabel?: string | undefined;
+    onToggle?: ((hook: WebhookEndpoint, enabled: boolean) => void) | undefined;
+    testId?: string | undefined;
+}
+export declare function WebhookEndpointsListView({ hooks, now, locale, neverFiredLabel, lastFiredLabel, enableLabel, onToggle, testId, }: WebhookEndpointsListViewProps): import("react").JSX.Element;
+export declare function WebhookEndpointsListWidget({ config, data, onEvent }: WidgetProps<WebhookEndpointsListConfig>): import("react").JSX.Element;
+export interface ResourceApiCardViewProps {
+    resource: ResourceApi;
+    locale?: string | undefined;
+    rlsLabel?: string | undefined;
+    publicLabel?: string | undefined;
+    rowsLabel?: string | undefined;
+    perDayLabel?: string | undefined;
+    testId?: string | undefined;
+}
+export declare function ResourceApiCardView({ resource, locale, rlsLabel, publicLabel, rowsLabel, perDayLabel, testId, }: ResourceApiCardViewProps): import("react").JSX.Element;
+export declare function ResourceApiCardWidget({ config, data }: WidgetProps<ResourceApiCardConfig>): import("react").JSX.Element;
+//# sourceMappingURL=OpsApi.d.ts.map

package/dist/families/domain/OpsApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpsApi.d.ts","sourceRoot":"","sources":["../../../src/families/domain/OpsApi.tsx"],"names":[],"mappings":"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"}

package/dist/families/domain/OpsApi.js

@@ -0,0 +1,167 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, IconButton, MonoText, Switch, Tag } from '@adminium/ui';
+import { Check, Copy } from 'lucide-react';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { codeSnippetBlockConfigSchema, codeSnippetBlockDemoData, OPS_DEMO_NOW_MS, resourceApiCardConfigSchema, resourceApiCardDemoData, webhookEndpointsListConfigSchema, webhookEndpointsListDemoData, } from './domain-ops-config.js';
+import { METHOD_TONE, booleanField, countField, formatCompact, formatCount, formatSince, httpMethodOf, instantField, interpolate, labelField, numberArrayField, opsBindingSourceOf, opsRowOf, opsRowsOf, resolveNow, stringArrayField, } from './domain-ops-lib.js';
+import { OpsEmpty } from './OpsEmpty.js';
+export { codeSnippetBlockConfigSchema, codeSnippetBlockDemoData, resourceApiCardConfigSchema, resourceApiCardDemoData, webhookEndpointsListConfigSchema, webhookEndpointsListDemoData, };
+/**
+ * TRACK OPS — the API-SURFACE half of the annex §13 ops cards, grouped in one
+ * module because all three describe the same thing (the resources an API
+ * exposes) and share the mono/method-chip vocabulary:
+ *
+ *   `code-snippet-block`, `webhook-endpoints-list`, `resource-api-card`.
+ *
+ * NO SYNTAX HIGHLIGHTER, deliberately (see `codeSnippetBlockConfigSchema`'s
+ * note): a tokenizer would be a highlighter dependency in every bundle that
+ * mounts an API page, bought for a read-only snippet nobody edits. The block is
+ * a mono surface + a language chip + a copy button. Highlighting, if it is ever
+ * wanted, arrives as a lazily-loaded decorator — not as a static dep on this
+ * family's chunk (04 §2.3 / qa/chunk-budget.test.ts).
+ *
+ * NEVER WRITES: the webhook enable toggle emits a `mutate` intent the host runs
+ * through the CRUD API with undo + audit (04 §2.1). Unbound → the toggle renders
+ * read-only rather than lying about a state it cannot persist.
+ */
+/**
+ * Copy-to-clipboard with a confirmation, shared by the snippet block and the
+ * resource card.
+ *
+ * `navigator.clipboard` is undefined under plain HTTP and in the happy-dom test
+ * environment, so the write is optional-chained and the confirmation is driven
+ * by our own state either way: the button must stay honest rather than throw.
+ * The reset is a plain `setTimeout` — the annex pins the window, and a
+ * `clearTimeout` on unmount keeps a copied-then-unmounted block from setting
+ * state on a dead component.
+ */
+function useCopy(resetMs) {
+    const [copied, setCopied] = useState(false);
+    const timer = useRef(undefined);
+    useEffect(() => () => clearTimeout(timer.current), []);
+    const copy = (value) => {
+        void globalThis.navigator?.clipboard?.writeText?.(value)?.catch?.(() => { });
+        setCopied(true);
+        // Restart the window on a re-copy rather than letting the first timer cut
+        // the second confirmation short.
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), resetMs);
+    };
+    return { copied, copy };
+}
+export function CodeSnippetBlockView({ code, language, languages, activeLanguage, onLanguageChange, copyButton = true, copyLabel, copiedLabel, testId, }) {
+    const { copied, copy } = useCopy(1400);
+    const tabs = languages ?? [];
+    return (_jsxs("div", { "data-widget": "code-snippet-block", "data-testid": testId, className: "flex h-full flex-col gap-2 overflow-hidden px-4 pb-4", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [tabs.length > 1 ? (_jsx("div", { role: "tablist", className: "flex min-w-0 flex-wrap items-center gap-1", children: tabs.map((tab) => (_jsx("button", { type: "button", role: "tab", "data-part": "snippet-tab", "aria-selected": tab === activeLanguage, className: `rounded-md px-2 py-0.5 text-caption transition-colors ${tab === activeLanguage
+                                ? 'bg-accent-soft font-semibold text-accent'
+                                : 'text-fg-muted hover:bg-surface-3 hover:text-fg'}`, onClick: () => onLanguageChange?.(tab), children: tab }, tab))) })) : language === undefined ? null : (_jsx(Tag, { mono: true, tone: "neutral", "data-part": "snippet-language", children: language })), !copyButton ? null : (_jsx(IconButton, { size: "sm", variant: "ghost", className: "ms-auto", "data-part": "snippet-copy", label: copied ? (copiedLabel ?? 'Copied') : (copyLabel ?? 'Copy'), onClick: () => copy(code), children: copied ? _jsx(Check, { className: "size-3.5 text-pos" }) : _jsx(Copy, { className: "size-3.5" }) }))] }), _jsx("pre", { dir: "ltr", "data-part": "snippet-code", className: "min-h-0 flex-1 overflow-auto rounded-lg bg-surface-3 p-3 text-caption leading-relaxed", children: _jsx(MonoText, { asChild: true, className: "whitespace-pre text-fg", children: _jsx("code", { children: code }) }) })] }));
+}
+export function CodeSnippetBlockWidget({ config, data }) {
+    const row = useMemo(() => opsRowOf(data), [data]);
+    /*
+      Language tabs come from `languages`, else from the `templates` map's keys —
+      a host that supplied per-language templates has already declared the tab set,
+      and making it repeat itself in `languages` is a config trap.
+    */
+    const tabs = useMemo(() => config.languages ?? (config.templates === undefined ? [] : Object.keys(config.templates)), [config.languages, config.templates]);
+    const [active, setActive] = useState(() => tabs[0]);
+    /*
+      Absent row AND empty column both normalize to `undefined` here, so the `??`
+      chains below fall through to config. Collapsing the two cases at the source
+      is the point: reading "no row" as a distinct state from "empty string" is how
+      a static-config snippet ends up rendering with no language chip.
+    */
+    const boundCode = row === null ? undefined : labelField(row, config.codeField, '') || undefined;
+    const boundLanguage = row === null ? undefined : labelField(row, config.languageField, '') || undefined;
+    /*
+      Resolution order — the template for the ACTIVE tab wins, then the bound row's
+      code column, then the static `code` config (the annex's "or static string").
+      A tabbed block whose templates went missing must not silently render the
+      bound snippet under the wrong language chip, so an active tab with no
+      template resolves to empty and empty-states below.
+    */
+    const templated = active === undefined ? undefined : config.templates?.[active];
+    const code = (tabs.length > 0 ? templated : boundCode) ?? config.code ?? '';
+    const language = tabs.length > 0 ? active : (boundLanguage ?? config.language);
+    if (code === '') {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No snippet', body: config.emptyBody ?? 'Bind a code column or set a static snippet in config.' }));
+    }
+    return (_jsx(CodeSnippetBlockView, { code: code, copyButton: config.copyButton, ...(language === undefined ? {} : { language }), ...(tabs.length === 0 ? {} : { languages: tabs, activeLanguage: active, onLanguageChange: setActive }), ...(config.copyLabel === undefined ? {} : { copyLabel: config.copyLabel }), ...(config.copiedLabel === undefined ? {} : { copiedLabel: config.copiedLabel }), ...(config.testId === undefined ? {} : { testId: config.testId }) }));
+}
+export function WebhookEndpointsListView({ hooks, now, locale, neverFiredLabel, lastFiredLabel, enableLabel, onToggle, testId, }) {
+    return (_jsx("ul", { "data-widget": "webhook-endpoints-list", "data-testid": testId, className: "flex h-full flex-col gap-1.5 overflow-auto px-4 pb-4", children: hooks.map((hook) => {
+            const since = formatSince(hook.lastFired, locale, now);
+            return (_jsxs("li", { "data-part": "webhook-row", "data-enabled": hook.enabled ? '' : undefined, className: "flex items-center gap-2 rounded-lg border border-border bg-surface-2 p-2.5", children: [_jsxs("div", { className: `flex min-w-0 flex-1 flex-col gap-1 ${hook.enabled ? '' : 'opacity-50'}`, children: [_jsx(Tag, { mono: true, tone: "info", className: "self-start", "data-part": "webhook-event", children: hook.event }), _jsx(MonoText, { dir: "ltr", className: "truncate text-caption text-fg-muted", "data-part": "webhook-url", children: hook.url }), _jsx("span", { className: "text-caption text-fg-subtle", "data-part": "webhook-last-fired", children: since === undefined
+                                    ? (neverFiredLabel ?? 'Never fired')
+                                    : interpolate(lastFiredLabel ?? 'Last fired {since}', { since }) })] }), _jsx(Switch, { "data-part": "webhook-toggle", checked: hook.enabled, "aria-label": enableLabel ?? hook.event, className: "shrink-0", ...(onToggle === undefined
+                            ? { disabled: true }
+                            : { onCheckedChange: (checked) => onToggle(hook, checked) }) })] }, hook.id));
+        }) }));
+}
+/** Project the bound `record-list` onto the hook model. */
+function hooksOf(config, data) {
+    return opsRowsOf(data).map((row, index) => ({
+        id: labelField(row, config.idField, `wh${index}`),
+        event: labelField(row, config.eventField, ''),
+        url: labelField(row, config.urlField, ''),
+        lastFired: instantField(row, config.lastFiredField),
+        enabled: booleanField(row, config.enabledField) ?? false,
+    }));
+}
+export function WebhookEndpointsListWidget({ config, data, onEvent }) {
+    const hooks = useMemo(() => hooksOf(config, data), [config, data]);
+    const source = useMemo(() => opsBindingSourceOf(config.binding), [config.binding]);
+    // Captured ONCE — never a per-render `Date.now()`, which would make the
+    // relative stamps change on every re-render and defeat snapshotting.
+    const [mountedAt] = useState(() => OPS_DEMO_NOW_MS);
+    const now = resolveNow(config.format?.referenceTime, mountedAt);
+    if (hooks.length === 0) {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No endpoints', body: config.emptyBody ?? 'Add a webhook endpoint to receive table events.' }));
+    }
+    return (_jsx(WebhookEndpointsListView, { hooks: hooks, now: now, ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), ...(config.neverFiredLabel === undefined ? {} : { neverFiredLabel: config.neverFiredLabel }), ...(config.lastFiredLabel === undefined ? {} : { lastFiredLabel: config.lastFiredLabel }), ...(config.enableLabel === undefined ? {} : { enableLabel: config.enableLabel }), ...(config.testId === undefined ? {} : { testId: config.testId }), ...(source === null
+            ? {}
+            : {
+                onToggle: (hook, enabled) => void onEvent({
+                    type: 'mutate',
+                    intent: 'update',
+                    connectionId: source.connectionId,
+                    table: source.table,
+                    recordId: hook.id,
+                    values: { [config.enabledField]: enabled },
+                }),
+            }) }));
+}
+export function ResourceApiCardView({ resource, locale, rlsLabel, publicLabel, rowsLabel, perDayLabel, testId, }) {
+    // Peak-relative bar heights. A flat-zero series would divide by zero, so the
+    // denominator floors at 1 and the strip renders flat rather than NaN-tall.
+    const peak = Math.max(1, ...resource.requests);
+    return (_jsxs("div", { "data-widget": "resource-api-card", "data-testid": testId, className: "flex h-full flex-col gap-2.5 overflow-auto px-4 pb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MonoText, { className: "min-w-0 flex-1 truncate text-body-sm font-bold text-fg", "data-part": "resource-name", children: resource.name }), _jsx(Badge, { tone: resource.rls ? 'pos' : 'warn', "data-part": "resource-rls", children: resource.rls ? (rlsLabel ?? 'RLS') : (publicLabel ?? 'Public') })] }), _jsx("div", { className: "flex flex-wrap items-center gap-1", children: resource.methods.map((method) => {
+                    const normalized = httpMethodOf(method);
+                    return (_jsx(Tag, { mono: true, tone: METHOD_TONE[normalized], "data-part": "resource-method", children: normalized }, method));
+                }) }), _jsxs("p", { className: "text-caption text-fg-subtle", children: [_jsx(MonoText, { className: "font-semibold text-fg", children: formatCompact(resource.rowCount, locale) }), ' ', rowsLabel ?? 'rows'] }), _jsx("div", { "aria-hidden": "true", "data-testid": "resource-sparkline", className: "flex h-6 items-end gap-px", children: resource.requests.map((value, index) => (_jsx("span", { "data-part": "resource-bar", className: "h-[var(--bar-h)] min-w-px flex-1 rounded-xs bg-accent", style: { '--bar-h': `${Math.max(4, (value / peak) * 100)}%` } }, `${index}-${value}`))) }), _jsx("p", { className: "mt-auto text-caption text-fg-subtle", "data-part": "resource-per-day", children: interpolate(perDayLabel ?? '{count}/day', { count: formatCount(resource.perDay, locale) }) })] }));
+}
+/** Project the bound `record` onto the resource model (config-driven columns). */
+function resourceOf(config, data) {
+    const row = opsRowOf(data);
+    if (row === null)
+        return null;
+    const methods = stringArrayField(row, config.methodsField);
+    return {
+        name: labelField(row, config.nameField, 'table'),
+        rowCount: countField(row, config.rowCountField, 0),
+        rls: booleanField(row, config.rlsField) ?? false,
+        // Config `methods` is the fallback for a table with no methods column
+        // (annex: "Config: methods"), not an override of a real one.
+        methods: methods.length > 0 ? methods : config.methods,
+        requests: numberArrayField(row, config.requestsField),
+        perDay: countField(row, config.perDayField, 0),
+    };
+}
+export function ResourceApiCardWidget({ config, data }) {
+    const resource = useMemo(() => resourceOf(config, data), [config, data]);
+    if (resource === null) {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No resource', body: config.emptyBody ?? 'Bind a table to show its generated API surface.' }));
+    }
+    return (_jsx(ResourceApiCardView, { resource: resource, ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), ...(config.rlsLabel === undefined ? {} : { rlsLabel: config.rlsLabel }), ...(config.publicLabel === undefined ? {} : { publicLabel: config.publicLabel }), ...(config.rowsLabel === undefined ? {} : { rowsLabel: config.rowsLabel }), ...(config.perDayLabel === undefined ? {} : { perDayLabel: config.perDayLabel }), ...(config.testId === undefined ? {} : { testId: config.testId }) }));
+}
+//# sourceMappingURL=OpsApi.js.map

package/dist/families/domain/OpsApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpsApi.js","sourceRoot":"","sources":["../../../src/families/domain/OpsApi.tsx"],"names":[],"mappings":"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"}

package/dist/families/domain/OpsEmpty.d.ts

@@ -0,0 +1,21 @@
+/**
+ * TRACK OPS — the per-widget empty body shared by the eighteen §13 ops cards.
+ *
+ * WHY A WIDGET RENDERS AN EMPTY STATE AT ALL, given WidgetFrame already has one
+ * (04 §4): the frame's empty state fires when `isEmptyData(payload, contract)`
+ * says the whole payload is empty. A widget still reaches its own render for the
+ * cases the shared predicate cannot see — a `record` payload whose row is
+ * present but unusable, a `['record', 'static']` widget whose contract makes it
+ * *never* frame-empty by design (a config-only instance is legitimate, so the
+ * frame must not swallow it), a list that filtered down to nothing. This is the
+ * body for those. Every caller passes copy that came from its own config, so the
+ * strings stay host-translated (the family convention) rather than hardcoded
+ * here.
+ */
+export interface OpsEmptyProps {
+    title: string;
+    body?: string | undefined;
+    testId?: string | undefined;
+}
+export declare function OpsEmpty({ title, body, testId }: OpsEmptyProps): import("react").JSX.Element;
+//# sourceMappingURL=OpsEmpty.d.ts.map

package/dist/families/domain/OpsEmpty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpsEmpty.d.ts","sourceRoot":"","sources":["../../../src/families/domain/OpsEmpty.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,aAAa,+BAU9D"}

package/dist/families/domain/OpsEmpty.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmptyState } from '@adminium/ui';
+export function OpsEmpty({ title, body, testId }) {
+    return (_jsx(EmptyState, { compact: true, preset: "no-data", "data-testid": testId, title: title, ...(body === undefined ? {} : { body }) }));
+}
+//# sourceMappingURL=OpsEmpty.js.map

package/dist/families/domain/OpsEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpsEmpty.js","sourceRoot":"","sources":["../../../src/families/domain/OpsEmpty.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAsB1C,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAiB;IAC7D,OAAO,CACL,KAAC,UAAU,IACT,OAAO,QACP,MAAM,EAAC,SAAS,iBACH,MAAM,EACnB,KAAK,EAAE,KAAK,KACR,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}