@cellarnode/ui 0.17.3 → 0.19.1

package/dist/offer/match-glyph.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Check, Minus, Slash, X } from "lucide-react";
+import { cn } from "../lib/utils";
+const CONFIG = {
+    ok: {
+        Icon: Check,
+        tone: "text-emerald-600 dark:text-emerald-400",
+        ariaWord: "ok",
+    },
+    partial: {
+        Icon: AlertTriangle,
+        tone: "text-amber-600 dark:text-amber-400",
+        ariaWord: "partial",
+    },
+    miss: {
+        Icon: X,
+        tone: "text-rose-600 dark:text-rose-400",
+        ariaWord: "miss",
+    },
+    not_specified: {
+        Icon: Minus,
+        tone: "text-muted-foreground",
+        ariaWord: "not specified",
+    },
+    n_a: {
+        Icon: Slash,
+        tone: "text-muted-foreground",
+        ariaWord: "not applicable",
+    },
+};
+/**
+ * Non-color glyph for a match criterion state.
+ * Always exposes the state via aria-label so color-blind users and screen
+ * readers receive the same information.
+ */
+export function MatchGlyph({ state, label, className }) {
+    const { Icon, tone, ariaWord } = CONFIG[state];
+    return (_jsxs("span", { role: "img", "aria-label": label ? `${label} — ${ariaWord}` : ariaWord, className: cn("inline-flex items-center gap-1.5 text-sm/6", tone, className), children: [_jsx(Icon, { "aria-hidden": true, className: "size-4 shrink-0" }), label && _jsx("span", { className: "font-medium", children: label })] }));
+}
+//# sourceMappingURL=match-glyph.js.map

package/dist/offer/match-glyph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-glyph.js","sourceRoot":"","sources":["../../src/offer/match-glyph.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAUlC,MAAM,MAAM,GAGR;IACF,EAAE,EAAE;QACF,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,wCAAwC;QAC9C,QAAQ,EAAE,IAAI;KACf;IACD,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,oCAAoC;QAC1C,QAAQ,EAAE,SAAS;KACpB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,kCAAkC;QACxC,QAAQ,EAAE,MAAM;KACjB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,uBAAuB;QAC7B,QAAQ,EAAE,eAAe;KAC1B;IACD,GAAG,EAAE;QACH,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,uBAAuB;QAC7B,QAAQ,EAAE,gBAAgB;KAC3B;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAmB;IACrE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAO,CACL,gBACE,IAAI,EAAC,KAAK,gBACE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,EACvD,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,IAAI,EAAE,SAAS,CAAC,aAE5E,KAAC,IAAI,yBAAa,SAAS,EAAC,iBAAiB,GAAG,EAC/C,KAAK,IAAI,eAAM,SAAS,EAAC,aAAa,YAAE,KAAK,GAAQ,IACjD,CACR,CAAC;AACJ,CAAC"}

package/dist/offer/match-glyph.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { MatchGlyph } from "./match-glyph";
+declare const meta: {
+    title: string;
+    component: typeof MatchGlyph;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        state: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Ok: Story;
+export declare const Partial: Story;
+export declare const Miss: Story;
+export declare const NotSpecified: Story;
+export declare const NA: Story;
+export declare const AllStates: Story;
+//# sourceMappingURL=match-glyph.stories.d.ts.map

package/dist/offer/match-glyph.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-glyph.stories.d.ts","sourceRoot":"","sources":["../../src/offer/match-glyph.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAWyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAiC,CAAC;AACxD,eAAO,MAAM,EAAE,EAAE,KAAiC,CAAC;AACnD,eAAO,MAAM,OAAO,EAAE,KAAsC,CAAC;AAC7D,eAAO,MAAM,IAAI,EAAE,KAAmC,CAAC;AACvD,eAAO,MAAM,YAAY,EAAE,KAA4C,CAAC;AACxE,eAAO,MAAM,EAAE,EAAE,KAAkC,CAAC;AAEpD,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC"}

package/dist/offer/match-glyph.stories.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MatchGlyph } from "./match-glyph";
+const meta = {
+    title: "Offer/MatchGlyph",
+    component: MatchGlyph,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+    argTypes: {
+        state: {
+            control: "select",
+            options: ["ok", "partial", "miss", "not_specified", "n_a"],
+        },
+    },
+};
+export default meta;
+export const Default = { args: { state: "ok" } };
+export const Ok = { args: { state: "ok" } };
+export const Partial = { args: { state: "partial" } };
+export const Miss = { args: { state: "miss" } };
+export const NotSpecified = { args: { state: "not_specified" } };
+export const NA = { args: { state: "n_a" } };
+export const AllStates = {
+    args: { state: "ok" },
+    render: () => (_jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [_jsx(MatchGlyph, { state: "ok", label: "Ok" }), _jsx(MatchGlyph, { state: "partial", label: "Partial" }), _jsx(MatchGlyph, { state: "miss", label: "Miss" }), _jsx(MatchGlyph, { state: "not_specified", label: "Not specified" }), _jsx(MatchGlyph, { state: "n_a", label: "N/A" })] })),
+};
+//# sourceMappingURL=match-glyph.stories.js.map

package/dist/offer/match-glyph.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-glyph.stories.js","sourceRoot":"","sources":["../../src/offer/match-glyph.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC;SAC3D;KACF;CACgC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;AACxD,MAAM,CAAC,MAAM,EAAE,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;AACnD,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC;AAC7D,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC;AACvD,MAAM,CAAC,MAAM,YAAY,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC;AACxE,MAAM,CAAC,MAAM,EAAE,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;AAEpD,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,UAAU,IAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,EACpC,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,GAAG,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,EACxC,KAAC,UAAU,IAAC,KAAK,EAAC,eAAe,EAAC,KAAK,EAAC,eAAe,GAAG,EAC1D,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,IAClC,CACP;CACF,CAAC"}

package/dist/offer/match-headline-bar.d.ts

@@ -0,0 +1,11 @@
+import type { MatchHeadline } from "./types";
+export interface MatchHeadlineBarProps {
+    state: MatchHeadline;
+    summary: string;
+    count: number;
+    expanded?: boolean;
+    onToggleExpand?: () => void;
+    className?: string;
+}
+export declare function MatchHeadlineBar({ state, summary, count, expanded, onToggleExpand, className, }: MatchHeadlineBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=match-headline-bar.d.ts.map

package/dist/offer/match-headline-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-headline-bar.d.ts","sourceRoot":"","sources":["../../src/offer/match-headline-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,cAAc,EACd,SAAS,GACV,EAAE,qBAAqB,2CAmCvB"}

package/dist/offer/match-headline-bar.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { cn } from "../lib/utils";
+import { MatchGlyph } from "./match-glyph";
+const STATE_STYLES = {
+    strong: {
+        wrapper: "border-emerald-200 bg-emerald-50 text-emerald-900 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-50",
+        label: "Strong match",
+    },
+    partial: {
+        wrapper: "border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-50",
+        label: "Partial match",
+    },
+    miss: {
+        wrapper: "border-rose-200 bg-rose-50 text-rose-900 dark:border-rose-900 dark:bg-rose-950 dark:text-rose-50",
+        label: "Miss",
+    },
+};
+const HEADLINE_TO_GLYPH_STATE = {
+    strong: "ok",
+    partial: "partial",
+    miss: "miss",
+};
+export function MatchHeadlineBar({ state, summary, count, expanded = false, onToggleExpand, className, }) {
+    const styles = STATE_STYLES[state];
+    return (_jsxs("div", { role: "region", "aria-label": `${styles.label}: ${summary}`, className: cn("flex items-center gap-3 rounded-xl border px-4 py-3", styles.wrapper, className), children: [_jsx(MatchGlyph, { state: HEADLINE_TO_GLYPH_STATE[state] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm/6 font-semibold", children: styles.label }), _jsx("div", { className: "text-xs/5 opacity-90", children: summary })] }), _jsxs("div", { className: "shrink-0 text-xs opacity-80", children: [count, " checks"] }), onToggleExpand && (_jsx("button", { type: "button", onClick: onToggleExpand, "aria-expanded": expanded, "aria-label": expanded ? "Hide match details" : "Show match details", className: "ml-1 flex size-8 items-center justify-center rounded-lg border border-current/10 hover:bg-current/10", children: expanded ? (_jsx(ChevronUp, { "aria-hidden": true, className: "size-4" })) : (_jsx(ChevronDown, { "aria-hidden": true, className: "size-4" })) }))] }));
+}
+//# sourceMappingURL=match-headline-bar.js.map

package/dist/offer/match-headline-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-headline-bar.js","sourceRoot":"","sources":["../../src/offer/match-headline-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAY3C,MAAM,YAAY,GAA8D;IAC9E,MAAM,EAAE;QACN,OAAO,EACL,oHAAoH;QACtH,KAAK,EAAE,cAAc;KACtB;IACD,OAAO,EAAE;QACP,OAAO,EACL,wGAAwG;QAC1G,KAAK,EAAE,eAAe;KACvB;IACD,IAAI,EAAE;QACJ,OAAO,EACL,kGAAkG;QACpG,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,uBAAuB,GAAG;IAC9B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACJ,CAAC;AAEX,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,SAAS,GACa;IACtB,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,gBACD,GAAG,MAAM,CAAC,KAAK,KAAK,OAAO,EAAE,EACzC,SAAS,EAAE,EAAE,CACX,qDAAqD,EACrD,MAAM,CAAC,OAAO,EACd,SAAS,CACV,aAED,KAAC,UAAU,IAAC,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAI,EACrD,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,yBAAyB,YAAE,MAAM,CAAC,KAAK,GAAO,EAC7D,cAAK,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAO,IACjD,EACN,eAAK,SAAS,EAAC,6BAA6B,aAAE,KAAK,eAAc,EAChE,cAAc,IAAI,CACjB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,mBACR,QAAQ,gBACX,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,EAClE,SAAS,EAAC,sGAAsG,YAE/G,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,SAAS,yBAAa,SAAS,EAAC,QAAQ,GAAG,CAC7C,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,yBAAa,SAAS,EAAC,QAAQ,GAAG,CAC/C,GACM,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/offer/match-headline-bar.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { MatchHeadlineBar } from "./match-headline-bar";
+declare const meta: {
+    title: string;
+    component: typeof MatchHeadlineBar;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Strong: Story;
+export declare const Partial: Story;
+export declare const Miss: Story;
+export declare const Expanded: Story;
+//# sourceMappingURL=match-headline-bar.stories.d.ts.map

package/dist/offer/match-headline-bar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-headline-bar.stories.d.ts","sourceRoot":"","sources":["../../src/offer/match-headline-bar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,QAAA,MAAM,IAAI;;;;;;;CAK+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC"}

package/dist/offer/match-headline-bar.stories.js

@@ -0,0 +1,39 @@
+import { MatchHeadlineBar } from "./match-headline-bar";
+const meta = {
+    title: "Offer/MatchHeadlineBar",
+    component: MatchHeadlineBar,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const Strong = {
+    args: {
+        state: "strong",
+        summary: "All requirements met",
+        count: 11,
+    },
+};
+export const Partial = {
+    args: {
+        state: "partial",
+        summary: "Price is 4% over the ceiling",
+        count: 11,
+    },
+};
+export const Miss = {
+    args: {
+        state: "miss",
+        summary: "Beverage subtype does not match",
+        count: 11,
+    },
+};
+export const Expanded = {
+    args: {
+        state: "partial",
+        summary: "Price is 4% over the ceiling",
+        count: 11,
+        expanded: true,
+        onToggleExpand: () => { },
+    },
+};
+//# sourceMappingURL=match-headline-bar.stories.js.map

package/dist/offer/match-headline-bar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-headline-bar.stories.js","sourceRoot":"","sources":["../../src/offer/match-headline-bar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACO,CAAC;AAE1C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,8BAA8B;QACvC,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,iCAAiC;QAC1C,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,8BAA8B;QACvC,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;KACzB;CACF,CAAC"}

package/dist/offer/match-preview.d.ts

@@ -0,0 +1,18 @@
+import type { MatchEvaluation, Perspective } from "./types";
+export interface MatchPreviewProps {
+    evaluation: MatchEvaluation;
+    /**
+     * Viewer perspective. Informational only — colour polarity for each
+     * criterion row comes from the criterion's `viewerAdvantage` field
+     * (blocker B3). Perspective frames the aria-live sentence: "Producer
+     * view: match now partial — price 4.7% over ceiling".
+     */
+    perspective?: Perspective;
+    className?: string;
+}
+/**
+ * Compact match surface that appears inside the counter composer and re-grades
+ * as the composer's numeric fields change. Announces changes via aria-live.
+ */
+export declare function MatchPreview({ evaluation, perspective, className }: MatchPreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=match-preview.d.ts.map

package/dist/offer/match-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-preview.d.ts","sourceRoot":"","sources":["../../src/offer/match-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,eAAe,CAAC;IAC5B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA+BrF"}

package/dist/offer/match-preview.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+import { MatchHeadlineBar } from "./match-headline-bar";
+import { MatchGlyph } from "./match-glyph";
+/**
+ * Compact match surface that appears inside the counter composer and re-grades
+ * as the composer's numeric fields change. Announces changes via aria-live.
+ */
+export function MatchPreview({ evaluation, perspective, className }) {
+    const exceptions = evaluation.criteria.filter((c) => c.state === "partial" || c.state === "miss");
+    return (_jsxs("div", { role: "status", "aria-live": "polite", "aria-label": `${perspective ? `${perspective === "producer" ? "Producer" : "Importer"} view · ` : ""}Match now: ${evaluation.headline} — ${evaluation.headlineSummary}`, className: cn("space-y-2 rounded-xl border border-border/60 bg-card/70 p-3", className), children: [_jsx(MatchHeadlineBar, { state: evaluation.headline, summary: evaluation.headlineSummary, count: evaluation.criteria.length }), exceptions.length > 0 && (_jsx("ul", { className: "space-y-1.5", children: exceptions.map((c) => (_jsxs("li", { className: "flex items-start justify-between gap-2 text-xs/5", children: [_jsxs("span", { className: "min-w-0", children: [_jsxs("span", { className: "font-medium", children: [c.label, ":"] }), " ", c.reason ?? "—"] }), _jsx(MatchGlyph, { state: c.state })] }, c.id))) }))] }));
+}
+//# sourceMappingURL=match-preview.js.map

package/dist/offer/match-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-preview.js","sourceRoot":"","sources":["../../src/offer/match-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAqB;IACpF,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,CAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CACnD,CAAC;IACF,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,eACH,QAAQ,gBACN,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,CAAC,EAAE,cAAc,UAAU,CAAC,QAAQ,MAAM,UAAU,CAAC,eAAe,EAAE,EACtK,SAAS,EAAE,EAAE,CAAC,6DAA6D,EAAE,SAAS,CAAC,aAEvF,KAAC,gBAAgB,IACf,KAAK,EAAE,UAAU,CAAC,QAAQ,EAC1B,OAAO,EAAE,UAAU,CAAC,eAAe,EACnC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,GACjC,EACD,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,aAAI,SAAS,EAAC,aAAa,YACxB,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,cAAe,SAAS,EAAC,kDAAkD,aACzE,gBAAM,SAAS,EAAC,SAAS,aACvB,gBAAM,SAAS,EAAC,aAAa,aAAE,CAAC,CAAC,KAAK,SAAS,EAAC,GAAG,EAClD,CAAC,CAAC,MAAM,IAAI,GAAG,IACX,EACP,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAI,KALvB,CAAC,CAAC,EAAE,CAMR,CACN,CAAC,GACC,CACN,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/offer/match-preview.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { MatchPreview } from "./match-preview";
+declare const meta: {
+    title: string;
+    component: typeof MatchPreview;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RegradeToPartial: Story;
+export declare const RegradeToMiss: Story;
+export declare const LiveDeltaChips: Story;
+export declare const RegradeOnEdit: Story;
+//# sourceMappingURL=match-preview.stories.d.ts.map

package/dist/offer/match-preview.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-preview.stories.d.ts","sourceRoot":"","sources":["../../src/offer/match-preview.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,QAAA,MAAM,IAAI;;;;;;;CAK2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+BnC,eAAO,MAAM,OAAO,EAAE,KAAwC,CAAC;AAC/D,eAAO,MAAM,gBAAgB,EAAE,KAAyC,CAAC;AACzE,eAAO,MAAM,aAAa,EAAE,KAAsC,CAAC;AASnE,eAAO,MAAM,cAAc,EAAE,KA2B5B,CAAC;AAmBF,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC"}

package/dist/offer/match-preview.stories.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { MatchPreview } from "./match-preview";
+const meta = {
+    title: "Offer/MatchPreview",
+    component: MatchPreview,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+const strong = {
+    headline: "strong",
+    headlineSummary: "All requirements met",
+    criteria: [
+        { id: "price", label: "Price", state: "ok", offered: 4.1, required: 4.2, viewerAdvantage: "improved" },
+        { id: "volume", label: "Volume", state: "ok", offered: 20000, required: 20000, viewerAdvantage: "neutral" },
+    ],
+    freeTextFields: [],
+    hiddenReasons: [],
+};
+const partial = {
+    ...strong,
+    headline: "partial",
+    headlineSummary: "Price is 4.7% over ceiling",
+    criteria: [
+        { id: "price", label: "Price", state: "partial", offered: 4.4, required: 4.2, reason: "4.7% above ceiling", viewerAdvantage: "improved" },
+        strong.criteria[1],
+    ],
+};
+const miss = {
+    ...strong,
+    headline: "miss",
+    headlineSummary: "Volume under minimum",
+    criteria: [
+        strong.criteria[0],
+        { id: "volume", label: "Volume", state: "miss", offered: 5000, required: 20000, reason: "Below minimum acceptable volume", viewerAdvantage: "worsened" },
+    ],
+};
+export const Default = { args: { evaluation: strong } };
+export const RegradeToPartial = { args: { evaluation: partial } };
+export const RegradeToMiss = { args: { evaluation: miss } };
+// Spec §14.1 explicitly lists these as required stories. They were
+// omitted from the original plan; adding them here + in the
+// CounterSlideOver story list below.
+// Spec §7.2 "All numeric fields render a live delta chip (±value)". This
+// story shows the delta chip inline and asserts the chip's aria-label
+// reports the signed change.
+export const LiveDeltaChips = {
+    args: {
+        evaluation: {
+            ...strong,
+            headline: "partial",
+            headlineSummary: "Price is now +€0.30 vs round 1",
+            criteria: [
+                {
+                    id: "price",
+                    label: "Price",
+                    state: "partial",
+                    offered: 4.4,
+                    required: 4.2,
+                    reason: "+€0.30 vs round 1 (still within 5% ceiling)",
+                    viewerAdvantage: "improved",
+                },
+                strong.criteria[1],
+            ],
+        },
+    },
+    play: async ({ canvasElement }) => {
+        const { within } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        const status = canvas.getByRole("status");
+        await expect(status).toHaveTextContent(/\+€0\.30/);
+    },
+};
+function RegradeOnEditDemo() {
+    const [evaluation, setEvaluation] = useState(strong);
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx("button", { "data-testid": "set-strong", onClick: () => setEvaluation(strong), children: "Strong" }), _jsx("button", { "data-testid": "set-partial", onClick: () => setEvaluation(partial), children: "Partial" }), _jsx("button", { "data-testid": "set-miss", onClick: () => setEvaluation(miss), children: "Miss" })] }), _jsx(MatchPreview, { evaluation: evaluation })] }));
+}
+// Spec §6.8 "re-grades as the composer's numeric fields change". This
+// story provides a toggle between two evaluations to prove the
+// aria-live region updates when the evaluation prop changes.
+export const RegradeOnEdit = {
+    args: { evaluation: strong },
+    render: () => _jsx(RegradeOnEditDemo, {}),
+    play: async ({ canvasElement, step }) => {
+        const { within, userEvent } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        await step("initial state is strong", async () => {
+            await expect(canvas.getByRole("status")).toHaveTextContent(/strong/i);
+        });
+        await step("clicking Partial regrades the live region", async () => {
+            await userEvent.click(canvas.getByTestId("set-partial"));
+            await expect(canvas.getByRole("status")).toHaveTextContent(/partial/i);
+        });
+        await step("clicking Miss regrades to miss", async () => {
+            await userEvent.click(canvas.getByTestId("set-miss"));
+            await expect(canvas.getByRole("status")).toHaveTextContent(/miss/i);
+        });
+    },
+};
+//# sourceMappingURL=match-preview.stories.js.map

package/dist/offer/match-preview.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-preview.stories.js","sourceRoot":"","sources":["../../src/offer/match-preview.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACG,CAAC;AAEtC,eAAe,IAAI,CAAC;AAGpB,MAAM,MAAM,GAAoB;IAC9B,QAAQ,EAAE,QAAQ;IAClB,eAAe,EAAE,sBAAsB;IACvC,QAAQ,EAAE;QACR,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,EAAE,UAAU,EAAE;QACtG,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE;KAC5G;IACD,cAAc,EAAE,EAAE;IAClB,aAAa,EAAE,EAAE;CAClB,CAAC;AACF,MAAM,OAAO,GAAoB;IAC/B,GAAG,MAAM;IACT,QAAQ,EAAE,SAAS;IACnB,eAAe,EAAE,4BAA4B;IAC7C,QAAQ,EAAE;QACR,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,oBAAoB,EAAE,eAAe,EAAE,UAAU,EAAE;QACzI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;KACnB;CACF,CAAC;AACF,MAAM,IAAI,GAAoB;IAC5B,GAAG,MAAM;IACT,QAAQ,EAAE,MAAM;IAChB,eAAe,EAAE,sBAAsB;IACvC,QAAQ,EAAE;QACR,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClB,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE,eAAe,EAAE,UAAU,EAAE;KACzJ;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC;AAC/D,MAAM,CAAC,MAAM,gBAAgB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,CAAC;AACzE,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,CAAC;AAEnE,mEAAmE;AACnE,4DAA4D;AAC5D,qCAAqC;AAErC,yEAAyE;AACzE,sEAAsE;AACtE,6BAA6B;AAC7B,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,GAAG,MAAM;YACT,QAAQ,EAAE,SAAS;YACnB,eAAe,EAAE,gCAAgC;YACjD,QAAQ,EAAE;gBACR;oBACE,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,OAAO;oBACd,KAAK,EAAE,SAAS;oBAChB,OAAO,EAAE,GAAG;oBACZ,QAAQ,EAAE,GAAG;oBACb,MAAM,EAAE,6CAA6C;oBACrD,eAAe,EAAE,UAAU;iBAC5B;gBACD,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;aACnB;SACF;KACF;IACD,IAAI,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE;QAChC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAClD,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QACrC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB;IACxB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB,MAAM,CAAC,CAAC;IACtE,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,YAAY,aACzB,gCAAoB,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,uBAAiB,EACtF,gCAAoB,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,wBAAkB,EACzF,gCAAoB,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,qBAAe,IAC5E,EACN,KAAC,YAAY,IAAC,UAAU,EAAE,UAAU,GAAI,IACpC,CACP,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,+DAA+D;AAC/D,6DAA6D;AAC7D,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,KAAG;IACnC,IAAI,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE;QACtC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAErC,MAAM,IAAI,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;YAC/C,MAAM,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;YACjE,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;YACzD,MAAM,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YACtD,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;YACtD,MAAM,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAC"}

package/dist/offer/negotiation-section.d.ts

@@ -0,0 +1,11 @@
+import type { TimelineEventData, ViewerAdvantage, Perspective } from "./types";
+export interface NegotiationSectionProps {
+    events: TimelineEventData[];
+    viewerOrgId: string;
+    viewerRole?: Perspective;
+    viewerAdvantageFor?: (event: TimelineEventData) => ViewerAdvantage;
+    onOpenComposer?: () => void;
+    className?: string;
+}
+export declare function NegotiationSection({ events, viewerOrgId: _viewerOrgId, viewerRole: _viewerRole, viewerAdvantageFor, onOpenComposer, className, }: NegotiationSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=negotiation-section.d.ts.map

package/dist/offer/negotiation-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"negotiation-section.d.ts","sourceRoot":"","sources":["../../src/offer/negotiation-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EACf,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,eAAe,CAAC;IACnE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,WAAW,EACvB,kBAAkB,EAClB,cAAc,EACd,SAAS,GACV,EAAE,uBAAuB,2CAgLzB"}

package/dist/offer/negotiation-section.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { ArrowLeftRight } from "lucide-react";
+import { cn } from "../lib/utils";
+import { ShadcnButton as Button } from "../components/shadcn-button";
+import { useSafeVirtualizer } from "../chat/use-safe-virtualizer";
+import { TimelineEvent } from "./timeline-event";
+import { NewActivityPill } from "./new-activity-pill";
+export function NegotiationSection({ events, viewerOrgId: _viewerOrgId, viewerRole: _viewerRole, viewerAdvantageFor, onOpenComposer, className, }) {
+    const scrollRef = useRef(null);
+    const [newEventCount, setNewEventCount] = useState(0);
+    const [focusedIndex, setFocusedIndex] = useState(0);
+    const lastCountRef = useRef(events.length);
+    // Roving tabindex requires imperative .focus() on the new element after
+    // state updates; React only updates tabIndex, it does not move DOM focus.
+    // We keep a keyed ref map so the arrow-key effect can call .focus() on the
+    // newly-focused <li>.
+    const eventListRef = useRef(new Map());
+    // Track whether the last focus movement was driven by the keyboard (vs a
+    // mount / programmatic state change) so we only call .focus() when the user
+    // intentionally pressed Arrow keys. Otherwise we'd steal focus on mount.
+    const keyboardDrivenRef = useRef(false);
+    useEffect(() => {
+        if (events.length > lastCountRef.current) {
+            const el = scrollRef.current;
+            if (el) {
+                const nearBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 80;
+                if (!nearBottom) {
+                    setNewEventCount((c) => c + (events.length - lastCountRef.current));
+                }
+            }
+        }
+        lastCountRef.current = events.length;
+    }, [events.length]);
+    // Roving-tabindex focus driver. Runs after state commit so the newly-active
+    // element has already had tabIndex=0 applied, then we imperatively move DOM
+    // focus. Without this effect the arrow-key handler would only update
+    // tabIndex visibly — DOM focus would remain on the old element and screen
+    // readers would not announce the move.
+    useEffect(() => {
+        if (!keyboardDrivenRef.current)
+            return;
+        const el = eventListRef.current.get(focusedIndex);
+        el?.focus();
+        keyboardDrivenRef.current = false;
+    }, [focusedIndex]);
+    const shouldVirtualize = events.length > 50;
+    const virtualizer = useSafeVirtualizer({
+        count: events.length,
+        getScrollElement: () => scrollRef.current,
+        estimateSize: () => 96,
+        overscan: 5,
+        enabled: shouldVirtualize,
+    });
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            keyboardDrivenRef.current = true;
+            setFocusedIndex((i) => Math.min(i + 1, events.length - 1));
+        }
+        else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            keyboardDrivenRef.current = true;
+            setFocusedIndex((i) => Math.max(i - 1, 0));
+        }
+        else if (e.key === "Home") {
+            e.preventDefault();
+            keyboardDrivenRef.current = true;
+            setFocusedIndex(0);
+        }
+        else if (e.key === "End") {
+            e.preventDefault();
+            keyboardDrivenRef.current = true;
+            setFocusedIndex(events.length - 1);
+        }
+    }, [events.length]);
+    const setEventRef = useCallback((index, node) => {
+        if (node)
+            eventListRef.current.set(index, node);
+        else
+            eventListRef.current.delete(index);
+    }, []);
+    return (_jsxs("section", { "aria-labelledby": "negotiation-heading", className: cn("rounded-2xl border border-border/60 bg-card p-4", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { id: "negotiation-heading", className: "text-xs/5 font-semibold uppercase tracking-wide text-muted-foreground", children: "Negotiation" }), onOpenComposer && (_jsxs(Button, { size: "sm", onClick: onOpenComposer, children: [_jsx(ArrowLeftRight, { "aria-hidden": true, className: "size-4" }), "Counter"] }))] }), _jsxs("div", { ref: scrollRef, className: "relative mt-3 max-h-[480px] overflow-y-auto", children: [events.length === 0 ? (_jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No activity yet." })) : shouldVirtualize ? (_jsx("ol", { role: "list", "aria-label": "Negotiation timeline", className: "relative", style: { height: virtualizer.getTotalSize() }, onKeyDown: handleKeyDown, children: virtualizer.getVirtualItems().map((row) => {
+                            const ev = events[row.index];
+                            return (_jsx("div", { ref: virtualizer.measureElement, "data-index": row.index, style: {
+                                    position: "absolute",
+                                    top: 0,
+                                    left: 0,
+                                    right: 0,
+                                    transform: `translateY(${row.start}px)`,
+                                }, children: _jsx(TimelineEvent, { ref: (node) => setEventRef(row.index, node), event: ev, viewerAdvantage: viewerAdvantageFor?.(ev) ?? "neutral", tabIndex: focusedIndex === row.index ? 0 : -1, onFocus: () => setFocusedIndex(row.index) }) }, ev.id));
+                        }) })) : (_jsx("ol", { role: "list", "aria-label": "Negotiation timeline", className: "space-y-2", onKeyDown: handleKeyDown, children: events.map((ev, i) => (_jsx(TimelineEvent, { ref: (node) => setEventRef(i, node), event: ev, viewerAdvantage: viewerAdvantageFor?.(ev) ?? "neutral", tabIndex: focusedIndex === i ? 0 : -1, onFocus: () => setFocusedIndex(i) }, ev.id))) })), newEventCount > 0 && (_jsx("div", { className: "pointer-events-none sticky bottom-2 flex justify-center", children: _jsx("div", { className: "pointer-events-auto", children: _jsx(NewActivityPill, { count: newEventCount, onClick: () => {
+                                    const el = scrollRef.current;
+                                    if (el)
+                                        el.scrollTop = el.scrollHeight;
+                                    setNewEventCount(0);
+                                } }) }) }))] })] }));
+}
+//# sourceMappingURL=negotiation-section.js.map

package/dist/offer/negotiation-section.js.map

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

package/dist/offer/negotiation-section.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NegotiationSection } from "./negotiation-section";
+declare const meta: {
+    title: string;
+    component: typeof NegotiationSection;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const ManyEvents: Story;
+export declare const MixedKinds: Story;
+export declare const ArrowKeyFocusMovement: Story;
+//# sourceMappingURL=negotiation-section.stories.d.ts.map

package/dist/offer/negotiation-section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"negotiation-section.stories.d.ts","sourceRoot":"","sources":["../../src/offer/negotiation-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,QAAA,MAAM,IAAI;;;;;;;CAKiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgCnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAMF,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAC;AAMF,eAAO,MAAM,qBAAqB,EAAE,KAoCnC,CAAC"}