@pyric/ui 0.1.0-alpha.7

package/dist/events/components/ActivityActionItems.d.ts

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+import type { ActivityDigest, ActivityRow } from '../digest.js';
+/** A single action item — a mechanical fact that invites a decision. */
+export interface ActivityActionItem {
+    /** Stable key. */
+    key: string;
+    /** What it is — drives `data-pyric-action-type`. Today: `denied`. */
+    type: 'denied';
+    /** The headline (mechanical: "4 writes to /notes were denied"). */
+    title: string;
+    /** Sub-line — attribution / cause. */
+    meta?: string;
+    /** The rows this item summarizes — for drill-in / linking into the
+     *  matching Activity band (items LINK to bands, they don't duplicate). */
+    rows: ActivityRow[];
+}
+export interface ActivityActionItemsProps {
+    digest: ActivityDigest;
+    /** Render the action button/affordance for an item (e.g. a "Debug"
+     *  link). Returns `null` to render no action. */
+    renderAction?: (item: ActivityActionItem) => ReactNode;
+    /** Override item-title composition (host owns app-semantic copy). */
+    renderTitle?: (item: ActivityActionItem) => ReactNode;
+    className?: string;
+    /** Rendered when there are no action items — default renders nothing
+     *  (calm by default; the region collapses). */
+    emptyState?: ReactNode;
+}
+/**
+ * The action-items tier — the few things wanting a decision, surfaced
+ * ABOVE the activity grid (design-ideation Tier 2 / "Needs you").
+ * Denials lead and are first-class. Mechanical copy by default; the host
+ * supplies the action affordance (e.g. a "Debug" link into the rules
+ * debugger) via `renderAction`.
+ *
+ * Data contract:
+ * - `[data-pyric-ui="activity-action-items"]` — the root (absent when
+ *   empty and no `emptyState`).
+ * - `[data-pyric-action-item]` (+ `data-pyric-action-type`,
+ *   `data-pyric-action-count`) — one item.
+ * - `[data-pyric-action-title]` / `[data-pyric-action-meta]` — the copy.
+ * - `[data-pyric-action-affordance]` — wraps the host's action node.
+ */
+export declare function ActivityActionItems({ digest, renderAction, renderTitle, className, emptyState, }: ActivityActionItemsProps): ReactNode;
+//# sourceMappingURL=ActivityActionItems.d.ts.map

package/dist/events/components/ActivityActionItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityActionItems.d.ts","sourceRoot":"","sources":["../../../src/events/components/ActivityActionItems.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhE,wEAAwE;AACxE,MAAM,WAAW,kBAAkB;IACjC,kBAAkB;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,qEAAqE;IACrE,IAAI,EAAE,QAAQ,CAAC;IACf,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;8EAC0E;IAC1E,IAAI,EAAE,WAAW,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,cAAc,CAAC;IACvB;qDACiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACvD,qEAAqE;IACrE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;mDAC+C;IAC/C,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AA8CD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,GACX,EAAE,wBAAwB,GAAG,SAAS,CAuCtC"}

package/dist/events/components/ActivityActionItems.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Group denial rows by collection prefix so the headline aggregates
+ * ("4 writes to /notes were denied") rather than listing each row.
+ */
+function buildDenialItems(digest) {
+    if (digest.denials.length === 0)
+        return [];
+    const byPrefix = new Map();
+    for (const r of digest.denials) {
+        // Collection prefix = everything up to the last segment.
+        const i = r.target.lastIndexOf('/');
+        const prefix = i === -1 ? r.target : r.target.slice(0, i);
+        const key = prefix ? `/${prefix.replace(/^\/+/, '')}` : '(root)';
+        const list = byPrefix.get(key);
+        if (list)
+            list.push(r);
+        else
+            byPrefix.set(key, [r]);
+    }
+    const items = [];
+    for (const [prefix, rows] of byPrefix) {
+        const subjects = new Set(rows.map((r) => r.subjectUid).filter((u) => !!u));
+        const n = rows.length;
+        const noun = n === 1 ? 'write' : 'writes';
+        const title = `${n} ${noun} to ${prefix} ${n === 1 ? 'was' : 'were'} denied`;
+        const meta = subjects.size === 1
+            ? `All by ${[...subjects][0]}.`
+            : subjects.size > 1
+                ? `By ${subjects.size} users.`
+                : undefined;
+        const item = {
+            key: `denied:${prefix}`,
+            type: 'denied',
+            title,
+            rows,
+        };
+        if (meta)
+            item.meta = meta;
+        items.push(item);
+    }
+    // Most denials first.
+    items.sort((a, b) => b.rows.length - a.rows.length);
+    return items;
+}
+/**
+ * The action-items tier — the few things wanting a decision, surfaced
+ * ABOVE the activity grid (design-ideation Tier 2 / "Needs you").
+ * Denials lead and are first-class. Mechanical copy by default; the host
+ * supplies the action affordance (e.g. a "Debug" link into the rules
+ * debugger) via `renderAction`.
+ *
+ * Data contract:
+ * - `[data-pyric-ui="activity-action-items"]` — the root (absent when
+ *   empty and no `emptyState`).
+ * - `[data-pyric-action-item]` (+ `data-pyric-action-type`,
+ *   `data-pyric-action-count`) — one item.
+ * - `[data-pyric-action-title]` / `[data-pyric-action-meta]` — the copy.
+ * - `[data-pyric-action-affordance]` — wraps the host's action node.
+ */
+export function ActivityActionItems({ digest, renderAction, renderTitle, className, emptyState, }) {
+    const items = buildDenialItems(digest);
+    if (items.length === 0) {
+        return emptyState ? (_jsx("div", { className: className, "data-pyric-ui": "activity-action-items", "data-pyric-empty": "", children: emptyState })) : null;
+    }
+    return (_jsx("div", { className: className, "data-pyric-ui": "activity-action-items", children: items.map((item) => (_jsxs("div", { "data-pyric-action-item": "", "data-pyric-action-type": item.type, "data-pyric-action-count": item.rows.length, children: [_jsxs("div", { "data-pyric-action-what": "", children: [_jsx("div", { "data-pyric-action-title": "", children: renderTitle ? renderTitle(item) : item.title }), item.meta ? (_jsx("div", { "data-pyric-action-meta": "", children: item.meta })) : null] }), renderAction ? (_jsx("div", { "data-pyric-action-affordance": "", children: renderAction(item) })) : null] }, item.key))) }));
+}
+//# sourceMappingURL=ActivityActionItems.js.map

package/dist/events/components/ActivityActionItems.js.map

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

package/dist/events/components/ActivityGrid.d.ts

@@ -0,0 +1,65 @@
+import type { ReactNode } from 'react';
+import type { AnyActivityEvent } from '../types.js';
+import { type ActivityBandWithGroups, type ActivityDigest, type ActivityDigestOptions, type ActivityRow } from '../digest.js';
+export interface ActivityGridProps {
+    /**
+     * The unified event stream — `sandbox.history()` and/or a live buffer
+     * (see `useActivityStream`). The grid folds it into the banded digest
+     * internally. Mutually exclusive with `digest`.
+     */
+    events?: readonly AnyActivityEvent[];
+    /**
+     * A precomputed digest from `useActivityDigest` / `computeActivity
+     * Digest`. Pass this when the host already memoizes the fold (so the
+     * grid doesn't recompute). Mutually exclusive with `events`.
+     */
+    digest?: ActivityDigest;
+    /** Grouping / ordering options, forwarded to the reducer when the grid
+     *  folds `events` itself. Ignored when `digest` is supplied. */
+    options?: ActivityDigestOptions & {
+        now?: number;
+    };
+    /** The selected row id (`data-pyric-selected`). */
+    selectedId?: string;
+    onSelect?: (row: ActivityRow) => void;
+    /** Clamp rows shown per band; the rest collapse into a "N more" stub.
+     *  Independent of the reducer's `rowsPerBand` (which trims the data) —
+     *  this is a pure display clamp that keeps the true count visible.
+     *  Default: show all rows. */
+    maxRowsPerBand?: number;
+    /** Render the per-band overflow stub. Default renders a
+     *  `[data-pyric-band-more]` element reading "N more {label}". */
+    renderBandMore?: (band: ActivityBandWithGroups, hidden: number) => ReactNode;
+    /** Override the `when` column rendering. */
+    formatWhen?: (at: number, now: number) => string;
+    /** "Now" anchor for `formatWhen`. */
+    now?: number;
+    /** Shown when the digest has no rows. */
+    emptyState?: ReactNode;
+    className?: string;
+    /** Render a leading column-header row (`target change for lens when`).
+     *  Default true — matches the mock's `.colhead`. */
+    showColumnHeader?: boolean;
+}
+/**
+ * Headless activity grid over the unified `SandboxEvent` stream. Folds
+ * events into category bands (Denied / Added / Updated / Removed /
+ * Signed in / …), each band a `target · change · for · lens · when`
+ * column grid grouped under a `label · count · attribution` header.
+ * Denials lead (lead-with-consequence) and are flagged first-class.
+ *
+ * Ships ZERO styling — the host (Pyric Studio) applies the rigid column
+ * grid + band typography via the `data-pyric-*` contract:
+ * - `[data-pyric-ui="activity-grid"]` — the root.
+ * - `[data-pyric-band]` — a band header, with `data-pyric-band-key`,
+ *   `data-pyric-band-count`, `data-pyric-band-denied` (on the denied
+ *   band). Children: `[data-pyric-band-label]`, `[data-pyric-band-n]`,
+ *   `[data-pyric-band-attr]` (omitted when attribution is mixed).
+ * - `[data-pyric-band-rows]` — the row container; with grouping,
+ *   `[data-pyric-band-subgroup]` (+ `data-pyric-subgroup-key`) wraps
+ *   each pivot bucket.
+ * - `[data-pyric-band-more]` — the "N more" overflow stub.
+ * - the `<ActivityGridRow>` contract for each row.
+ */
+export declare function ActivityGrid({ events, digest, options, selectedId, onSelect, maxRowsPerBand, renderBandMore, formatWhen, now, emptyState, className, showColumnHeader, }: ActivityGridProps): ReactNode;
+//# sourceMappingURL=ActivityGrid.d.ts.map

package/dist/events/components/ActivityGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityGrid.d.ts","sourceRoot":"","sources":["../../../src/events/components/ActivityGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;oEACgE;IAChE,OAAO,CAAC,EAAE,qBAAqB,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC;;;kCAG8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;qEACiE;IACjE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC;IAC7E,4CAA4C;IAC5C,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,qCAAqC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;wDACoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAID;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,GAAG,EACH,UAAU,EACV,SAAS,EACT,gBAAuB,GACxB,EAAE,iBAAiB,GAAG,SAAS,CA+G/B"}

package/dist/events/components/ActivityGrid.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { computeActivityDigest, } from '../digest.js';
+import { ActivityGridRow } from './ActivityGridRow.js';
+const COLUMN_HEADERS = ['target', 'change', 'for', 'as', 'when'];
+/**
+ * Headless activity grid over the unified `SandboxEvent` stream. Folds
+ * events into category bands (Denied / Added / Updated / Removed /
+ * Signed in / …), each band a `target · change · for · lens · when`
+ * column grid grouped under a `label · count · attribution` header.
+ * Denials lead (lead-with-consequence) and are flagged first-class.
+ *
+ * Ships ZERO styling — the host (Pyric Studio) applies the rigid column
+ * grid + band typography via the `data-pyric-*` contract:
+ * - `[data-pyric-ui="activity-grid"]` — the root.
+ * - `[data-pyric-band]` — a band header, with `data-pyric-band-key`,
+ *   `data-pyric-band-count`, `data-pyric-band-denied` (on the denied
+ *   band). Children: `[data-pyric-band-label]`, `[data-pyric-band-n]`,
+ *   `[data-pyric-band-attr]` (omitted when attribution is mixed).
+ * - `[data-pyric-band-rows]` — the row container; with grouping,
+ *   `[data-pyric-band-subgroup]` (+ `data-pyric-subgroup-key`) wraps
+ *   each pivot bucket.
+ * - `[data-pyric-band-more]` — the "N more" overflow stub.
+ * - the `<ActivityGridRow>` contract for each row.
+ */
+export function ActivityGrid({ events, digest, options, selectedId, onSelect, maxRowsPerBand, renderBandMore, formatWhen, now, emptyState, className, showColumnHeader = true, }) {
+    const model = digest ?? computeActivityDigest(events ?? [], options ?? {});
+    if (model.total === 0) {
+        return (_jsx("div", { className: className, "data-pyric-ui": "activity-grid", "data-pyric-empty": "", children: emptyState }));
+    }
+    const renderRow = (row) => (_jsx(ActivityGridRow, { row: row, selected: row.id === selectedId, onSelect: onSelect, formatWhen: formatWhen, now: now }, row.id));
+    const renderBandBody = (band) => {
+        const shown = maxRowsPerBand !== undefined
+            ? band.rows.slice(0, maxRowsPerBand)
+            : band.rows;
+        const hidden = band.count - shown.length;
+        // Grouped: render pivot buckets, preserving the band's row order
+        // within each. We re-bucket the *shown* rows so the display clamp
+        // and the pivot compose.
+        let body;
+        if (band.subgroups) {
+            const shownIds = new Set(shown.map((r) => r.id));
+            const buckets = band.subgroups
+                .map((g) => ({
+                ...g,
+                rows: g.rows.filter((r) => shownIds.has(r.id)),
+            }))
+                .filter((g) => g.rows.length > 0);
+            body = buckets.map((g) => (_jsx("div", { "data-pyric-band-subgroup": "", "data-pyric-subgroup-key": g.key, "data-pyric-subgroup-count": g.count, children: g.rows.map(renderRow) }, g.key)));
+        }
+        else {
+            body = shown.map(renderRow);
+        }
+        return (_jsxs("div", { "data-pyric-band-rows": "", children: [body, hidden > 0
+                    ? renderBandMore
+                        ? renderBandMore(band, hidden)
+                        : (_jsxs("div", { "data-pyric-band-more": "", children: [hidden, " more ", band.label.toLowerCase()] }))
+                    : null] }));
+    };
+    return (_jsxs("div", { className: className, "data-pyric-ui": "activity-grid", children: [showColumnHeader ? (_jsx("div", { "data-pyric-event-colhead": "", children: COLUMN_HEADERS.map((h) => (_jsx("span", { "data-pyric-event-col": h, children: h }, h))) })) : null, model.bands.map((band) => (_jsxs("section", { "data-pyric-band-section": "", "data-pyric-band-key": band.key, children: [_jsxs("header", { "data-pyric-band": "", "data-pyric-band-key": band.key, "data-pyric-band-count": band.count, "data-pyric-band-denied": band.key === 'denied' ? '' : undefined, children: [_jsx("span", { "data-pyric-band-label": "", children: band.label }), _jsx("span", { "data-pyric-band-n": "", children: band.count }), band.attribution ? (_jsx("span", { "data-pyric-band-attr": "", children: band.attribution })) : null] }), renderBandBody(band)] }, band.key)))] }));
+}
+//# sourceMappingURL=ActivityGrid.js.map

package/dist/events/components/ActivityGrid.js.map

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

package/dist/events/components/ActivityGridRow.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+import type { ActivityRow } from '../digest.js';
+export interface ActivityGridRowProps {
+    row: ActivityRow;
+    /** Marks the row as the active selection (`data-pyric-selected`). */
+    selected?: boolean;
+    onSelect?: (row: ActivityRow) => void;
+    /** Override the `when` rendering. Receives `(at, now)`; default is the
+     *  session-relative duration. */
+    formatWhen?: (at: number, now: number) => string;
+    /** The "now" anchor passed to `formatWhen` (and `row.when` is used as
+     *  a fallback when omitted). */
+    now?: number;
+    className?: string;
+}
+/**
+ * One activity grid row — the `target · change · for · lens · when`
+ * column contract from `c-result.html`, plus a trailing drill affordance
+ * column. Headless: every cell is a `data-pyric-event-*` span the host
+ * styles into the rigid column grid.
+ *
+ * Styling / data contract:
+ * - `[data-pyric-event-row]` — the row, with `data-pyric-event-band`,
+ *   `data-pyric-event-service`, `data-pyric-event-lens`,
+ *   `data-pyric-event-denied` (present only on denials), and
+ *   `data-pyric-selected` when active.
+ * - `[data-pyric-event-target]` / `-change` / `-for` / `-lens` / `-when`
+ *   — the five columns, in order.
+ */
+export declare function ActivityGridRow({ row, selected, onSelect, formatWhen, now, className, }: ActivityGridRowProps): ReactNode;
+//# sourceMappingURL=ActivityGridRow.d.ts.map

package/dist/events/components/ActivityGridRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityGridRow.d.ts","sourceRoot":"","sources":["../../../src/events/components/ActivityGridRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,WAAW,CAAC;IACjB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC;qCACiC;IACjC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD;oCACgC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,EACH,SAAS,GACV,EAAE,oBAAoB,GAAG,SAAS,CAyBlC"}

package/dist/events/components/ActivityGridRow.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defaultFormatWhen } from './format.js';
+/**
+ * One activity grid row — the `target · change · for · lens · when`
+ * column contract from `c-result.html`, plus a trailing drill affordance
+ * column. Headless: every cell is a `data-pyric-event-*` span the host
+ * styles into the rigid column grid.
+ *
+ * Styling / data contract:
+ * - `[data-pyric-event-row]` — the row, with `data-pyric-event-band`,
+ *   `data-pyric-event-service`, `data-pyric-event-lens`,
+ *   `data-pyric-event-denied` (present only on denials), and
+ *   `data-pyric-selected` when active.
+ * - `[data-pyric-event-target]` / `-change` / `-for` / `-lens` / `-when`
+ *   — the five columns, in order.
+ */
+export function ActivityGridRow({ row, selected, onSelect, formatWhen, now, className, }) {
+    const when = formatWhen
+        ? formatWhen(row.at, now ?? Date.now())
+        : row.when || defaultFormatWhen(row.at, now ?? Date.now());
+    return (_jsxs("button", { type: "button", onClick: () => onSelect?.(row), className: className, "data-pyric-event-row": "", "data-pyric-event-band": row.band, "data-pyric-event-service": row.service, "data-pyric-event-lens": row.authLens.mode, "data-pyric-event-actor": row.actor.kind, "data-pyric-event-denied": row.denied ? '' : undefined, "data-pyric-selected": selected ? '' : undefined, children: [_jsx("span", { "data-pyric-event-target": "", children: row.target }), _jsx("span", { "data-pyric-event-change": "", children: row.change }), _jsx("span", { "data-pyric-event-for": "", children: row.for }), _jsx("span", { "data-pyric-event-lens": "", children: row.lens }), _jsx("span", { "data-pyric-event-when": "", children: when })] }));
+}
+//# sourceMappingURL=ActivityGridRow.js.map

package/dist/events/components/ActivityGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityGridRow.js","sourceRoot":"","sources":["../../../src/events/components/ActivityGridRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAgBhD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,EACH,SAAS,GACY;IACrB,MAAM,IAAI,GAAG,UAAU;QACrB,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;QACvC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,iBAAiB,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAE7D,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,EAC9B,SAAS,EAAE,SAAS,0BACC,EAAE,2BACA,GAAG,CAAC,IAAI,8BACL,GAAG,CAAC,OAAO,2BACd,GAAG,CAAC,QAAQ,CAAC,IAAI,4BAChB,GAAG,CAAC,KAAK,CAAC,IAAI,6BACb,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,yBAC/B,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,aAE9C,0CAA8B,EAAE,YAAE,GAAG,CAAC,MAAM,GAAQ,EACpD,0CAA8B,EAAE,YAAE,GAAG,CAAC,MAAM,GAAQ,EACpD,uCAA2B,EAAE,YAAE,GAAG,CAAC,GAAG,GAAQ,EAC9C,wCAA4B,EAAE,YAAE,GAAG,CAAC,IAAI,GAAQ,EAChD,wCAA4B,EAAE,YAAE,IAAI,GAAQ,IACrC,CACV,CAAC;AACJ,CAAC"}

package/dist/events/components/ProposedChangeDiff.d.ts

@@ -0,0 +1,46 @@
+import { type ReactNode } from 'react';
+/**
+ * One field-level change in a staged proposal. A UI-level diff row: the host
+ * adapts its backend diff (e.g. the sandbox's `Divergence[]`) into these so the
+ * component stays decoupled from any backend type.
+ */
+export interface FieldChange {
+    /** Full document path, e.g. `notes/abc123`. */
+    docPath: string;
+    /** The field that changed. */
+    field: string;
+    before: unknown;
+    after: unknown;
+    /** `added` = new field, `removed` = cleared, `changed` = value differs. */
+    kind: 'added' | 'changed' | 'removed';
+}
+/**
+ * An auth user a staged proposal creates (a sign-in account, distinct from
+ * Firestore documents). The host adapts its backend request (e.g. a
+ * `CreateUserRequest`) into this UI-level shape.
+ */
+export interface CreatedAuthUser {
+    uid: string;
+    email?: string;
+    displayName?: string;
+    provider?: string;
+    emailVerified?: boolean;
+}
+export interface ProposedChangeDiffProps {
+    changes: FieldChange[];
+    /** Auth users the proposal creates, shown as a leading "auth users" group. */
+    authUsers?: readonly CreatedAuthUser[];
+    className?: string;
+    /** Rendered when there are no changes. Defaults to nothing. */
+    emptyState?: ReactNode;
+    /** Format a value for display. Default: JSON-ish, empty for `undefined`. */
+    formatValue?: (value: unknown) => ReactNode;
+}
+/**
+ * Headless renderer for a staged change: the documents a proposal touches, with
+ * per-field before/after. Grouped by collection. Ships zero styling; the host
+ * styles the `data-pyric-*` contract (`proposed-change-diff` /
+ * `data-pyric-change-*`). The c-review diff grid is this, styled.
+ */
+export declare function ProposedChangeDiff({ changes, authUsers, className, emptyState, formatValue, }: ProposedChangeDiffProps): import("react").JSX.Element;
+//# sourceMappingURL=ProposedChangeDiff.d.ts.map

package/dist/events/components/ProposedChangeDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposedChangeDiff.d.ts","sourceRoot":"","sources":["../../../src/events/components/ProposedChangeDiff.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACf,2EAA2E;IAC3E,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CACvC;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC;CAC7C;AA0DD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,SAAc,EACd,SAAS,EACT,UAAiB,EACjB,WAAgC,GACjC,EAAE,uBAAuB,+BA+DzB"}

package/dist/events/components/ProposedChangeDiff.js

@@ -0,0 +1,60 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { truncateVectorsForDisplay } from '../../firestore/index.js';
+function groupChanges(changes) {
+    const byCollection = new Map();
+    for (const change of changes) {
+        const slash = change.docPath.lastIndexOf('/');
+        const collection = slash > 0 ? change.docPath.slice(0, slash) : change.docPath;
+        let docs = byCollection.get(collection);
+        if (!docs) {
+            docs = new Map();
+            byCollection.set(collection, docs);
+        }
+        let fields = docs.get(change.docPath);
+        if (!fields) {
+            fields = [];
+            docs.set(change.docPath, fields);
+        }
+        fields.push(change);
+    }
+    return [...byCollection.entries()].map(([collection, docs]) => ({
+        collection,
+        docs: [...docs.entries()].map(([docPath, fields]) => ({
+            docPath,
+            docId: docPath.slice(docPath.lastIndexOf('/') + 1),
+            fields,
+        })),
+    }));
+}
+/** A one-line account summary: "alice@x.dev · Alice · verified". */
+function formatAuthUser(u) {
+    const parts = [u.email, u.displayName, u.provider, u.emailVerified ? 'verified' : null].filter(Boolean);
+    return parts.length ? parts.join(' · ') : 'new account';
+}
+function defaultFormatValue(value) {
+    if (value === undefined)
+        return '';
+    if (typeof value === 'string')
+        return JSON.stringify(value);
+    try {
+        // Truncate vectors so a real embedding never dumps its full array here.
+        return JSON.stringify(truncateVectorsForDisplay(value));
+    }
+    catch {
+        return String(value);
+    }
+}
+/**
+ * Headless renderer for a staged change: the documents a proposal touches, with
+ * per-field before/after. Grouped by collection. Ships zero styling; the host
+ * styles the `data-pyric-*` contract (`proposed-change-diff` /
+ * `data-pyric-change-*`). The c-review diff grid is this, styled.
+ */
+export function ProposedChangeDiff({ changes, authUsers = [], className, emptyState = null, formatValue = defaultFormatValue, }) {
+    const groups = useMemo(() => groupChanges(changes), [changes]);
+    if (groups.length === 0 && authUsers.length === 0)
+        return _jsx(_Fragment, { children: emptyState });
+    return (_jsxs("div", { className: className, "data-pyric-ui": "proposed-change-diff", children: [authUsers.length > 0 ? (_jsxs("section", { "data-pyric-change-group": true, "data-pyric-change-authgroup": true, "data-pyric-change-collection": "auth users", children: [_jsxs("header", { "data-pyric-change-grouphead": true, children: [_jsx("span", { "data-pyric-change-collname": true, children: "auth users" }), _jsx("span", { "data-pyric-change-count": true, children: authUsers.length })] }), _jsx("ul", { "data-pyric-change-docs": true, children: authUsers.map((user) => (_jsxs("li", { "data-pyric-change-doc": true, "data-pyric-change-authuser": true, children: [_jsx("span", { "data-pyric-change-docid": true, children: user.uid }), _jsx("span", { "data-pyric-change-authmeta": true, children: formatAuthUser(user) })] }, user.uid))) })] })) : null, groups.map((group) => (_jsxs("section", { "data-pyric-change-group": true, "data-pyric-change-collection": group.collection, children: [_jsxs("header", { "data-pyric-change-grouphead": true, children: [_jsx("span", { "data-pyric-change-collname": true, children: group.collection }), _jsx("span", { "data-pyric-change-count": true, children: group.docs.length })] }), _jsx("ul", { "data-pyric-change-docs": true, children: group.docs.map((doc) => (_jsxs("li", { "data-pyric-change-doc": true, children: [_jsx("span", { "data-pyric-change-docid": true, children: doc.docId }), _jsx("ul", { "data-pyric-change-fields": true, children: doc.fields.map((field) => (_jsxs("li", { "data-pyric-change-field": true, "data-pyric-change-kind": field.kind, children: [_jsx("span", { "data-pyric-change-key": true, children: field.field }), field.kind !== 'added' ? (_jsx("span", { "data-pyric-change-before": true, children: formatValue(field.before) })) : null, _jsx("span", { "data-pyric-change-arrow": true, "aria-hidden": true, children: '→' }), field.kind !== 'removed' ? (_jsx("span", { "data-pyric-change-after": true, children: formatValue(field.after) })) : null] }, field.field))) })] }, doc.docPath))) })] }, group.collection)))] }));
+}
+//# sourceMappingURL=ProposedChangeDiff.js.map

package/dist/events/components/ProposedChangeDiff.js.map

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

package/dist/events/components/format.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Default `when`-column formatter: a session-relative duration
+ * (`now` / `12s` / `3m` / `1h`), matching the mock's `c-when` strings.
+ * The grid is session-scoped (see design-ideation "FRAME CORRECTION")
+ * so anchors are relative, never absolute calendar dates.
+ *
+ * Override via `<ActivityGrid formatWhen={...} />` when the host has a
+ * better clock anchor (e.g. a ticking "session now").
+ */
+export declare function defaultFormatWhen(at: number, now?: number): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/events/components/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/events/components/format.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,GAAE,MAAmB,GAAG,MAAM,CAW9E"}

package/dist/events/components/format.js

@@ -0,0 +1,26 @@
+/**
+ * Default `when`-column formatter: a session-relative duration
+ * (`now` / `12s` / `3m` / `1h`), matching the mock's `c-when` strings.
+ * The grid is session-scoped (see design-ideation "FRAME CORRECTION")
+ * so anchors are relative, never absolute calendar dates.
+ *
+ * Override via `<ActivityGrid formatWhen={...} />` when the host has a
+ * better clock anchor (e.g. a ticking "session now").
+ */
+export function defaultFormatWhen(at, now = Date.now()) {
+    const deltaMs = Math.max(0, now - at);
+    const s = Math.floor(deltaMs / 1000);
+    if (s < 1)
+        return 'now';
+    if (s < 60)
+        return `${s}s`;
+    const m = Math.floor(s / 60);
+    if (m < 60)
+        return `${m}m`;
+    const h = Math.floor(m / 60);
+    if (h < 24)
+        return `${h}h`;
+    const d = Math.floor(h / 24);
+    return `${d}d`;
+}
+//# sourceMappingURL=format.js.map

package/dist/events/components/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/events/components/format.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAU,EAAE,MAAc,IAAI,CAAC,GAAG,EAAE;IACpE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC;IACtC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC;IACxB,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,GAAG,CAAC,GAAG,CAAC;IAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,GAAG,CAAC,GAAG,CAAC;IAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,GAAG,CAAC,GAAG,CAAC;IAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,OAAO,GAAG,CAAC,GAAG,CAAC;AACjB,CAAC"}

package/dist/events/components/index.d.ts

@@ -0,0 +1,6 @@
+export { ActivityGrid, type ActivityGridProps } from './ActivityGrid.js';
+export { ActivityGridRow, type ActivityGridRowProps, } from './ActivityGridRow.js';
+export { ActivityActionItems, type ActivityActionItemsProps, type ActivityActionItem, } from './ActivityActionItems.js';
+export { ProposedChangeDiff, type ProposedChangeDiffProps, type FieldChange, type CreatedAuthUser, } from './ProposedChangeDiff.js';
+export { defaultFormatWhen } from './format.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/events/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/events/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,kBAAkB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/dist/events/components/index.js

@@ -0,0 +1,6 @@
+export { ActivityGrid } from './ActivityGrid.js';
+export { ActivityGridRow, } from './ActivityGridRow.js';
+export { ActivityActionItems, } from './ActivityActionItems.js';
+export { ProposedChangeDiff, } from './ProposedChangeDiff.js';
+export { defaultFormatWhen } from './format.js';
+//# sourceMappingURL=index.js.map

package/dist/events/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/events/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA0B,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,eAAe,GAEhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,mBAAmB,GAGpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,kBAAkB,GAInB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}