@cellarnode/ui 0.17.4 → 0.19.2

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

@@ -0,0 +1,156 @@
+import { NegotiationSection } from "./negotiation-section";
+const meta = {
+    title: "Offer/NegotiationSection",
+    component: NegotiationSection,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+const events = [
+    {
+        id: "e1",
+        kind: "propose",
+        createdAt: "2026-04-18T10:00:00Z",
+        actorOrgId: "org-prod",
+        actorRole: "producer",
+        round: 1,
+        terms: { price: 4.1, currency: "EUR", volume: 20000 },
+    },
+    {
+        id: "e2",
+        kind: "message",
+        createdAt: "2026-04-18T11:30:00Z",
+        actorOrgId: "org-imp",
+        actorRole: "importer",
+        content: "Can we see the certificates?",
+    },
+    {
+        id: "e3",
+        kind: "counter",
+        createdAt: "2026-04-19T09:15:00Z",
+        actorOrgId: "org-imp",
+        actorRole: "importer",
+        round: 2,
+        terms: { price: 3.95, currency: "EUR", volume: 20000 },
+        previousTerms: { price: 4.1, currency: "EUR", volume: 20000 },
+    },
+];
+export const Default = {
+    args: {
+        events,
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+};
+export const Empty = {
+    args: {
+        events: [],
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+};
+export const ManyEvents = {
+    args: {
+        events: Array.from({ length: 60 }, (_, i) => ({
+            id: `e-${i}`,
+            kind: i % 2 === 0 ? "message" : "counter",
+            createdAt: new Date(Date.UTC(2026, 3, 10, i)).toISOString(),
+            actorOrgId: i % 2 === 0 ? "org-imp" : "org-prod",
+            actorRole: i % 2 === 0 ? "importer" : "producer",
+            round: Math.floor(i / 10) + 1,
+            ...(i % 2 === 0
+                ? { content: `Message ${i}` }
+                : {
+                    terms: { price: 4 + i * 0.01, currency: "EUR", volume: 20000 },
+                }),
+        })),
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+};
+// Blocker B8 — virtualize at least one of each of the 8 TimelineEventKind
+// values so virtualization regressions surface. The ManyEvents story only
+// covered "message" + "counter"; this story covers all 8 kinds in the
+// virtualization layer (>50 events).
+export const MixedKinds = {
+    args: {
+        events: Array.from({ length: 64 }, (_, i) => {
+            const base = {
+                id: `e-${i}`,
+                createdAt: new Date(Date.UTC(2026, 3, 10, i)).toISOString(),
+                actorOrgId: i % 2 === 0 ? "org-prod" : "org-imp",
+                actorRole: (i % 2 === 0 ? "producer" : "importer"),
+                round: Math.floor(i / 8) + 1,
+            };
+            // Cycle through all 8 kinds so the virtualizer renders each one
+            const kind = ["propose", "counter", "accept", "decline", "withdraw", "expire", "message", "attachment"][i % 8];
+            switch (kind) {
+                case "propose":
+                case "counter":
+                    return {
+                        ...base,
+                        kind,
+                        terms: { price: 4 + i * 0.01, currency: "EUR", volume: 20000 },
+                        previousTerms: kind === "counter" ? { price: 4, currency: "EUR", volume: 20000 } : undefined,
+                    };
+                case "accept":
+                case "decline":
+                case "withdraw":
+                    return { ...base, kind, message: `Reason ${i}` };
+                case "expire":
+                    return { ...base, kind, expiredAt: base.createdAt };
+                case "message":
+                    return { ...base, kind, content: `Free-form message #${i}` };
+                case "attachment":
+                    return {
+                        ...base,
+                        kind,
+                        fileName: `file-${i}.pdf`,
+                        mimeType: "application/pdf",
+                        sizeBytes: 100_000 + i,
+                        source: ["chat", "round", "formal"][i % 3],
+                    };
+            }
+        }),
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+};
+// Blocker B1 — explicit assertion that ArrowUp / ArrowDown move DOM focus
+// (not just tabIndex). Without the useEffect on focusedIndex the previous
+// implementation left document.activeElement stuck on the mounted element.
+// Storybook play functions run under Vitest (via @storybook/addon-vitest).
+export const ArrowKeyFocusMovement = {
+    args: {
+        events,
+        viewerOrgId: "org-prod",
+        onOpenComposer: () => { },
+    },
+    play: async ({ canvasElement, step }) => {
+        const { within, userEvent } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        await step("Focus the first timeline event", async () => {
+            const items = canvas.getAllByRole("listitem");
+            items[0].focus();
+            await expect(document.activeElement).toBe(items[0]);
+        });
+        await step("ArrowDown moves DOM focus to the next event", async () => {
+            await userEvent.keyboard("{ArrowDown}");
+            const items = canvas.getAllByRole("listitem");
+            // Assert DOM focus actually moved — not just aria-activedescendant
+            await expect(document.activeElement).toBe(items[1]);
+        });
+        await step("ArrowUp returns focus to the first event", async () => {
+            await userEvent.keyboard("{ArrowUp}");
+            const items = canvas.getAllByRole("listitem");
+            await expect(document.activeElement).toBe(items[0]);
+        });
+        await step("End jumps to the last event", async () => {
+            await userEvent.keyboard("{End}");
+            const items = canvas.getAllByRole("listitem");
+            await expect(document.activeElement).toBe(items[items.length - 1]);
+        });
+    },
+};
+//# sourceMappingURL=negotiation-section.stories.js.map

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

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

package/dist/offer/new-activity-pill.d.ts

@@ -0,0 +1,7 @@
+export interface NewActivityPillProps {
+    count: number;
+    onClick: () => void;
+    className?: string;
+}
+export declare function NewActivityPill({ count, onClick, className }: NewActivityPillProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=new-activity-pill.d.ts.map

package/dist/offer/new-activity-pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-activity-pill.d.ts","sourceRoot":"","sources":["../../src/offer/new-activity-pill.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAgBlF"}

package/dist/offer/new-activity-pill.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDown } from "lucide-react";
+import { cn } from "../lib/utils";
+export function NewActivityPill({ count, onClick, className }) {
+    const display = count > 99 ? "99+" : count.toString();
+    return (_jsxs("button", { type: "button", onClick: onClick, "aria-label": `${count} new events — jump to timeline`, className: cn("inline-flex items-center gap-2 rounded-full border border-primary/30 bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-lg transition-opacity motion-safe:animate-in motion-safe:fade-in motion-reduce:transition-none", className), children: [_jsx(ArrowDown, { "aria-hidden": true, className: "size-4" }), display, " new event", count === 1 ? "" : "s", " \u00B7 jump to timeline"] }));
+}
+//# sourceMappingURL=new-activity-pill.js.map

package/dist/offer/new-activity-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-activity-pill.js","sourceRoot":"","sources":["../../src/offer/new-activity-pill.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAwB;IACjF,MAAM,OAAO,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACtD,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACJ,GAAG,KAAK,gCAAgC,EACpD,SAAS,EAAE,EAAE,CACX,6OAA6O,EAC7O,SAAS,CACV,aAED,KAAC,SAAS,yBAAa,SAAS,EAAC,QAAQ,GAAG,EAC3C,OAAO,gBAAY,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,gCACnC,CACV,CAAC;AACJ,CAAC"}

package/dist/offer/new-activity-pill.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NewActivityPill } from "./new-activity-pill";
+declare const meta: {
+    title: string;
+    component: typeof NewActivityPill;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Count1: Story;
+export declare const Count5: Story;
+export declare const Count99Plus: Story;
+export declare const ReducedMotion: Story;
+//# sourceMappingURL=new-activity-pill.stories.d.ts.map

package/dist/offer/new-activity-pill.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-activity-pill.stories.d.ts","sourceRoot":"","sources":["../../src/offer/new-activity-pill.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAA,MAAM,IAAI;;;;;;;CAK8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAAiD,CAAC;AACvE,eAAO,MAAM,MAAM,EAAE,KAAiD,CAAC;AACvE,eAAO,MAAM,WAAW,EAAE,KAAmD,CAAC;AAC9E,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}

package/dist/offer/new-activity-pill.stories.js

@@ -0,0 +1,22 @@
+import { NewActivityPill } from "./new-activity-pill";
+const meta = {
+    title: "Offer/NewActivityPill",
+    component: NewActivityPill,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Count1 = { args: { count: 1, onClick: () => { } } };
+export const Count5 = { args: { count: 5, onClick: () => { } } };
+export const Count99Plus = { args: { count: 132, onClick: () => { } } };
+export const ReducedMotion = {
+    args: { count: 3, onClick: () => { } },
+    parameters: {
+        docs: {
+            description: {
+                story: "Respects prefers-reduced-motion — no fade animation.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=new-activity-pill.stories.js.map

package/dist/offer/new-activity-pill.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-activity-pill.stories.js","sourceRoot":"","sources":["../../src/offer/new-activity-pill.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACI,CAAC;AAEzC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC;AACvE,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC;AACvE,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC;AAC9E,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;IACrC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,sDAAsD;aAC9D;SACF;KACF;CACF,CAAC"}

package/dist/offer/offer-document.d.ts

@@ -0,0 +1,33 @@
+import { type FactsCardStatus } from "./facts-card";
+import { type OfferProductBeverage, type OfferProductVariant } from "./offer-product-card";
+import { type OpportunityCardData } from "./opportunity-card";
+import type { MatchEvaluation, OfferAttachmentItem, OfferFxInfo, OfferPartyInfo, OfferPresenceEntry, OfferSectionId, OfferTerms, Perspective, SectionOverride, TimelineEventData } from "./types";
+export type OfferDocumentAction = "counter" | "accept" | "decline" | "withdraw" | "reopen" | "renew";
+export interface OfferDocumentProps {
+    offerId: string;
+    status: FactsCardStatus;
+    round: number;
+    perspective: Perspective;
+    viewerOrgId: string;
+    producer: OfferPartyInfo;
+    importer: OfferPartyInfo;
+    opportunity: OpportunityCardData;
+    beverage: OfferProductBeverage;
+    variant: OfferProductVariant;
+    terms: OfferTerms;
+    previousTerms?: OfferTerms;
+    evaluation: MatchEvaluation;
+    attachments: OfferAttachmentItem[];
+    events: TimelineEventData[];
+    presence: OfferPresenceEntry[];
+    fx?: OfferFxInfo;
+    tenderCurrency?: string;
+    /** Per-section overrides (hide / reorder / override default-open). */
+    sections?: Partial<Record<OfferSectionId, SectionOverride>>;
+    onAction: (action: OfferDocumentAction) => void;
+    onOpenComposer?: () => void;
+    onOpenAttachment?: (a: OfferAttachmentItem) => void;
+    className?: string;
+}
+export declare function OfferDocument({ offerId, status, round, perspective, viewerOrgId, producer, importer, opportunity, beverage, variant, terms, previousTerms, evaluation, attachments, events, presence, fx, tenderCurrency, sections, onAction, onOpenComposer, onOpenAttachment, className, }: OfferDocumentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=offer-document.d.ts.map

package/dist/offer/offer-document.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-document.d.ts","sourceRoot":"","sources":["../../src/offer/offer-document.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/D,OAAO,EAAoB,KAAK,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC7G,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG/E,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,QAAQ,GACR,SAAS,GACT,UAAU,GACV,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,WAAW,EAAE,mBAAmB,CAAC;IACjC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,KAAK,EAAE,UAAU,CAAC;IAClB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,UAAU,EAAE,eAAe,CAAC;IAC5B,WAAW,EAAE,mBAAmB,EAAE,CAAC;IACnC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5D,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAEpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6ED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,MAAM,EACN,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,aAAa,EACb,UAAU,EACV,WAAW,EACX,MAAM,EACN,QAAQ,EACR,EAAE,EACF,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,EAAE,kBAAkB,2CAgMpB"}

package/dist/offer/offer-document.js

@@ -0,0 +1,125 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "../lib/utils";
+import { ShadcnButton as Button } from "../components/shadcn-button";
+import { AttachmentsCard } from "./attachments-card";
+import { BuyerNotesCard } from "./buyer-notes-card";
+import { FactsCard } from "./facts-card";
+import { MatchCompatibilityCard } from "./match-compatibility-card";
+import { NegotiationSection } from "./negotiation-section";
+import { OfferExportButton } from "./offer-export-button";
+import { OfferProductCard } from "./offer-product-card";
+import { OpportunityCard } from "./opportunity-card";
+import { PartiesCard } from "./parties-card";
+import { TermsCard } from "./terms-card";
+const DEFAULT_ORDER = [
+    "parties",
+    "opportunity",
+    "product",
+    "terms",
+    "match",
+    "notes",
+    "attachments",
+    "negotiation",
+];
+function producerCtas(status, viewerInitiator) {
+    switch (status) {
+        case "proposed":
+            return viewerInitiator ? ["withdraw"] : ["counter", "accept", "decline"];
+        case "counter_pending":
+            return viewerInitiator ? ["withdraw"] : ["counter", "accept", "decline"];
+        case "accepted":
+        case "withdrawn":
+            return [];
+        case "declined":
+            return ["reopen"];
+        case "expired":
+            return ["renew"];
+        default:
+            return [];
+    }
+}
+// Blocker B9 — CTA aria-label composition. Screen-reader users should
+// hear the full context ("Accept offer for Barolo DOCG 2020 from Fattoria
+// San Marco") rather than a raw UUID ("Accept offer offer-1"). When the
+// beverage or producer name is missing (defensive — this should not
+// happen in practice), we fall back to the offer id segment.
+const ACTION_VERB = {
+    counter: "Counter",
+    accept: "Accept",
+    decline: "Decline",
+    withdraw: "Withdraw",
+    reopen: "Reopen",
+    renew: "Renew",
+};
+function ctaAriaLabel(action, beverageName, producerName, offerId) {
+    const verb = ACTION_VERB[action];
+    if (beverageName && producerName) {
+        return `${verb} offer for ${beverageName} from ${producerName}`;
+    }
+    if (beverageName)
+        return `${verb} offer for ${beverageName}`;
+    // Defensive fallback — should never fire because OfferDocumentProps
+    // requires `beverage.name` and `producer.name`, but keeps the aria-label
+    // non-empty even if a consumer passes an empty string.
+    return `${verb} offer ${offerId}`;
+}
+// Blocker B9 / spec §19 — Screen-reader announcement on offer state
+// transitions. The OfferDocument rail exposes a dedicated
+// `role="status"` live region separate from FactsCard's price-focused
+// live region. It emits a composed sentence like
+//   "Offer accepted — no further counters possible"
+// whenever the `status` prop changes. This is the region that the
+// `StateTransitionAnnouncement` story asserts against.
+const STATE_TRANSITION_SENTENCE = {
+    proposed: "Offer proposed — awaiting counterparty response",
+    counter_pending: "Counter pending — awaiting review",
+    accepted: "Offer accepted — no further counters possible",
+    declined: "Offer declined",
+    expired: "Offer expired — validity window closed",
+    withdrawn: "Offer withdrawn by initiator",
+};
+export function OfferDocument({ offerId, status, round, perspective, viewerOrgId, producer, importer, opportunity, beverage, variant, terms, previousTerms, evaluation, attachments, events, presence, fx, tenderCurrency, sections, onAction, onOpenComposer, onOpenAttachment, className, }) {
+    const orderedIds = useMemo(() => {
+        const overrides = sections ?? {};
+        const active = DEFAULT_ORDER.filter((id) => !overrides[id]?.hidden);
+        return [...active].sort((a, b) => {
+            const oa = overrides[a]?.order ?? DEFAULT_ORDER.indexOf(a);
+            const ob = overrides[b]?.order ?? DEFAULT_ORDER.indexOf(b);
+            return oa - ob;
+        });
+    }, [sections]);
+    const viewerInitiator = (status === "proposed" && viewerOrgId === producer.orgId) ||
+        (status === "counter_pending" && events[events.length - 1]?.actorOrgId === viewerOrgId);
+    const ctas = producerCtas(status, viewerInitiator);
+    // Blocker B3 — viewerAdvantage is per-criterion and per-round. It must
+    // come from the backend evaluator (Plan 2) where each `MatchCriterion`
+    // carries its own `viewerAdvantage` scoped to the viewer. A flat
+    // page-level constant is wrong per spec §11: "Delta polarity: Producer:
+    // emerald · Importer: rose" describes a per-field rule, not a page-wide
+    // tone. We do NOT compute one here. Downstream cards that need the top-
+    // line viewer advantage (e.g. FactsCard price delta) derive it from the
+    // `price` criterion's own `viewerAdvantage`, with "neutral" as a safe
+    // fallback when the criterion is missing / FX-unavailable (§6.6).
+    const priceCriterion = evaluation.criteria.find((c) => c.id === "price");
+    const topLineAdvantage = priceCriterion?.viewerAdvantage ?? "neutral";
+    // Stable document-generation timestamp: captured once per mount, not on every re-render.
+    const printedAt = useMemo(() => new Date().toISOString(), []);
+    return (_jsxs("div", { "data-offer-document": true, "data-offer-id": offerId, "data-printed-at": printedAt, className: cn("mx-auto w-full max-w-6xl space-y-4 p-4", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("nav", { "data-offer-nav-chrome": true, "aria-label": "breadcrumb", className: "text-xs text-muted-foreground", children: [perspective === "producer" ? "Sprint board" : "Offers", " / Offer ", offerId.slice(0, 8)] }), _jsx(OfferExportButton, { offerId: offerId })] }), _jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: STATE_TRANSITION_SENTENCE[status] }), _jsx("div", { "data-offer-facts-card": true, children: _jsx(FactsCard, { status: status, round: round, terms: terms, previousPrice: previousTerms?.price, 
+                    // Blocker B3 — derived from the `price` criterion's own
+                    // `viewerAdvantage`, not a flat page-level constant. This keeps
+                    // the price-delta chip polarity aligned with the backend's
+                    // viewer-scoped evaluation (spec §11: "Delta polarity" per-field).
+                    viewerAdvantage: topLineAdvantage, perspective: perspective, presence: presence, fx: fx, tenderCurrency: tenderCurrency, onExport: () => window.print() }) }), _jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_220px]", children: [_jsx("main", { className: "space-y-4", children: orderedIds.map((id) => (_jsxs("div", { "data-offer-section": true, "data-section-id": id, children: [id === "parties" && (_jsx(PartiesCard, { producer: producer, importer: importer, viewerOrgId: viewerOrgId, variant: sections?.parties?.defaultOpen ? "expanded" : "collapsed" })), id === "opportunity" && (_jsx(OpportunityCard, { opportunity: opportunity, variant: sections?.opportunity?.defaultOpen ? "expanded" : "collapsed" })), id === "product" && (_jsx(OfferProductCard, { variant: variant, beverage: beverage, variantDisplay: sections?.product?.defaultOpen === false ? "collapsed" : "expanded" })), id === "terms" && (_jsx(TermsCard, { terms: terms, previousTerms: previousTerms, variant: sections?.terms?.defaultOpen ? "expanded" : "collapsed", 
+                                    // Blocker B3 — TermsCard now derives per-row polarity
+                                    // from `perspective` + each cell's delta direction rather
+                                    // than a single flat `viewerAdvantage` constant. Price up
+                                    // is emerald for a producer, rose for an importer, etc.
+                                    perspective: perspective })), id === "match" && (_jsx(MatchCompatibilityCard, { evaluation: evaluation, 
+                                    // Blocker B3 — each criterion row derives its own colour
+                                    // from its own `viewerAdvantage` field. Passing
+                                    // `perspective` is informational (e.g. for accessible
+                                    // labels like "Producer: price improved").
+                                    perspective: perspective })), id === "notes" && _jsx(BuyerNotesCard, { notes: evaluation.freeTextFields }), id === "attachments" && (_jsx(AttachmentsCard, { attachments: attachments, onOpen: (a) => onOpenAttachment?.(a) })), id === "negotiation" && (_jsx(NegotiationSection, { events: events, viewerOrgId: viewerOrgId, viewerRole: perspective, onOpenComposer: onOpenComposer }))] }, id))) }), _jsx("aside", { "data-offer-rail": true, "aria-label": "Actions and meta", className: "hidden lg:block", children: _jsxs("div", { className: "sticky top-24 space-y-3", children: [_jsxs("div", { className: "rounded-xl border border-border/60 bg-card p-3", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Actions" }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [ctas.length === 0 && (_jsx("span", { className: "text-xs text-muted-foreground", children: "No actions available." })), ctas.map((a) => (_jsx(Button, { size: "sm", "aria-label": ctaAriaLabel(a, beverage.name, producer.name, offerId), onClick: () => onAction(a), children: a }, a)))] })] }), _jsxs("div", { className: "rounded-xl border border-border/60 bg-card p-3 text-xs", children: [_jsx("div", { className: "uppercase tracking-wide text-muted-foreground", children: "Status" }), _jsx("div", { className: "mt-1 font-medium capitalize", children: status.replace("_", " ") }), _jsxs("div", { className: "mt-1 text-muted-foreground", children: ["R", round, " of 4 max"] })] }), _jsxs("div", { className: "rounded-xl border border-border/60 bg-card p-3 text-xs", children: [_jsx("div", { className: "uppercase tracking-wide text-muted-foreground", children: "Offer" }), _jsx("div", { className: "mt-1 font-mono", children: offerId }), _jsxs("div", { className: "mt-1 text-muted-foreground", children: [events.length, " events \u00B7 ", attachments.length, " files"] })] }), _jsxs("div", { className: "rounded-xl border border-border/60 bg-card p-3", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Export" }), _jsx("div", { className: "mt-2", children: _jsx(OfferExportButton, { offerId: offerId }) })] })] }) })] })] }));
+}
+//# sourceMappingURL=offer-document.js.map

package/dist/offer/offer-document.js.map

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

package/dist/offer/offer-document.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { OfferDocument } from "./offer-document";
+declare const meta: {
+    title: string;
+    component: typeof OfferDocument;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ProposedProducer: Story;
+export declare const ProposedImporter: Story;
+export declare const CounterPendingProducer: Story;
+export declare const CounterPendingImporter: Story;
+export declare const Accepted: Story;
+export declare const Declined: Story;
+export declare const Expired: Story;
+export declare const Withdrawn: Story;
+export declare const SectionHidden: Story;
+export declare const SectionReordered: Story;
+export declare const StateTransitionAnnouncement: Story;
+export declare const ResponsiveMobile: Story;
+//# sourceMappingURL=offer-document.stories.d.ts.map

package/dist/offer/offer-document.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-document.stories.d.ts","sourceRoot":"","sources":["../../src/offer/offer-document.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASjD,QAAA,MAAM,IAAI;;;;;;;CAK4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA8EnC,eAAO,MAAM,gBAAgB,EAAE,KAA0B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,EAAE,KAA2F,CAAC;AAC3H,eAAO,MAAM,sBAAsB,EAAE,KAA+E,CAAC;AACrH,eAAO,MAAM,sBAAsB,EAAE,KAAyI,CAAC;AAC/K,eAAO,MAAM,QAAQ,EAAE,KAA8D,CAAC;AACtF,eAAO,MAAM,QAAQ,EAAE,KAA8D,CAAC;AACtF,eAAO,MAAM,OAAO,EAAE,KAA6D,CAAC;AACpF,eAAO,MAAM,SAAS,EAAE,KAA+D,CAAC;AACxF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,KA8B9B,CAAC;AAuBF,eAAO,MAAM,2BAA2B,EAAE,KAczC,CAAC;AAMF,eAAO,MAAM,gBAAgB,EAAE,KAG9B,CAAC"}

package/dist/offer/offer-document.stories.js

@@ -0,0 +1,168 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { OfferDocument } from "./offer-document";
+const meta = {
+    title: "Offer/OfferDocument",
+    component: OfferDocument,
+    tags: ["autodocs"],
+    parameters: { layout: "fullscreen" },
+};
+export default meta;
+const producer = {
+    orgId: "org-prod",
+    name: "Chianti Wines SRL",
+    location: "Tuscany, IT",
+};
+const importerParty = {
+    orgId: "org-imp",
+    name: "Maxwell Importers Ltd",
+    location: "London, UK",
+};
+const terms = {
+    price: 4.1,
+    currency: "EUR",
+    volume: 20000,
+    volumeUnit: "L",
+    incoterms: "FOB",
+    paymentTerms: "Net 30",
+    deliveryDate: "2026-08-15",
+    validUntil: "2026-05-22",
+};
+const evaluation = {
+    headline: "partial",
+    headlineSummary: "Price is 4% over the ceiling",
+    criteria: [
+        { id: "price", label: "Price", state: "partial", offered: 4.4, required: 4.2, reason: "4.7% over ceiling", viewerAdvantage: "improved" },
+        { id: "volume", label: "Volume", state: "ok", offered: 20000, required: 20000, viewerAdvantage: "neutral" },
+        { id: "alcoholRange", label: "ABV range", state: "ok", offered: 13.5, required: [12.5, 14], viewerAdvantage: "neutral" },
+    ],
+    freeTextFields: [
+        { id: "styleTasteProfile", label: "Style / taste profile", value: "Fruit-forward, balanced tannins." },
+    ],
+    hiddenReasons: [],
+};
+const events = [
+    { id: "t1", kind: "propose", createdAt: "2026-04-18T10:00:00Z", actorOrgId: "org-prod", actorRole: "producer", round: 1, terms },
+    { id: "t2", kind: "message", createdAt: "2026-04-18T11:00:00Z", actorOrgId: "org-imp", actorRole: "importer", content: "Can you attach your lab cert?" },
+];
+const attachments = [
+    { id: "a1", fileName: "product-sheet.pdf", mimeType: "application/pdf", sizeBytes: 250_000, uploadedAt: "2026-04-18T10:00:00Z", source: "formal", sourceLabel: "formal attachment" },
+];
+const opportunity = {
+    id: "opp-1",
+    title: "Bulk Chianti DOCG — Q3 2026",
+    closingDays: 12,
+    priceCeilingEuro: 4.2,
+    volumeOptions: [20000],
+    requirements: ["ABV 12.5–14%", "750ml glass bottles", "Organic certification required"],
+};
+const beverage = { id: "bev-1", name: "Chianti Riserva", producer: "Chianti Wines SRL", countryOfOrigin: "Italy", beverageType: { category: "wine", subtype: "red" } };
+const variant = { id: "var-1", vintage: 2020, packaging: "750ml glass bottle", closure: "cork", abv: 13.5, residualSugar: 2.3, organic: true, fairtrade: false, sustainable: true, imageUrl: null };
+const baseArgs = {
+    offerId: "offer-1",
+    status: "proposed",
+    round: 1,
+    perspective: "producer",
+    viewerOrgId: "org-prod",
+    producer,
+    importer: importerParty,
+    opportunity,
+    beverage,
+    variant,
+    terms,
+    evaluation,
+    attachments,
+    events,
+    presence: [],
+    onAction: () => { },
+    onOpenComposer: () => { },
+};
+export const ProposedProducer = { args: baseArgs };
+export const ProposedImporter = { args: { ...baseArgs, perspective: "importer", viewerOrgId: "org-imp" } };
+export const CounterPendingProducer = { args: { ...baseArgs, status: "counter_pending", round: 2 } };
+export const CounterPendingImporter = { args: { ...baseArgs, status: "counter_pending", round: 2, perspective: "importer", viewerOrgId: "org-imp" } };
+export const Accepted = { args: { ...baseArgs, status: "accepted" } };
+export const Declined = { args: { ...baseArgs, status: "declined" } };
+export const Expired = { args: { ...baseArgs, status: "expired" } };
+export const Withdrawn = { args: { ...baseArgs, status: "withdrawn" } };
+export const SectionHidden = {
+    args: {
+        ...baseArgs,
+        sections: { notes: { hidden: true } },
+    },
+    // Blocker B7 — assert the hidden section is actually absent from the DOM.
+    play: async ({ canvasElement }) => {
+        const { within } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        // Every rendered section carries `data-section-id="<id>"` in Task 5.3.
+        const notes = canvas.queryByTestId?.("section-notes")
+            ?? canvasElement.querySelector('[data-section-id="notes"]');
+        await expect(notes).toBeNull();
+        // And other sections remain rendered
+        const match = canvasElement.querySelector('[data-section-id="match"]');
+        await expect(match).not.toBeNull();
+    },
+};
+export const SectionReordered = {
+    args: {
+        ...baseArgs,
+        sections: {
+            match: { order: 0, defaultOpen: true },
+            terms: { order: 1 },
+        },
+    },
+    // Blocker B7 — assert the actual DOM order reflects the `order` override.
+    // Without this assertion the `sections` prop's claim to accept stable ids
+    // for reordering is untested.
+    play: async ({ canvasElement }) => {
+        const { within: _within } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        void _within;
+        const sections = Array.from(canvasElement.querySelectorAll("[data-section-id]"));
+        const ids = sections.map((el) => el.getAttribute("data-section-id"));
+        // With `match.order=0` + `terms.order=1`, match MUST precede terms,
+        // and BOTH must precede any unmodified section.
+        const matchIdx = ids.indexOf("match");
+        const termsIdx = ids.indexOf("terms");
+        await expect(matchIdx).toBeGreaterThanOrEqual(0);
+        await expect(termsIdx).toBeGreaterThan(matchIdx);
+        // Unmodified sections keep their default relative order after the
+        // overridden ones; `parties` defaults to index 0, so after override it
+        // should be AFTER the explicit order-0 `match`.
+        await expect(ids.indexOf("parties")).toBeGreaterThan(matchIdx);
+    },
+};
+function StateTransitionAnnouncementDemo() {
+    const [status, setStatus] = useState("proposed");
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-2 flex gap-2", children: [_jsx("button", { "data-testid": "to-proposed", onClick: () => setStatus("proposed"), children: "Proposed" }), _jsx("button", { "data-testid": "to-accepted", onClick: () => setStatus("accepted"), children: "Accept" }), _jsx("button", { "data-testid": "to-declined", onClick: () => setStatus("declined"), children: "Decline" })] }), _jsx(OfferDocument, { ...baseArgs, status: status })] }));
+}
+// Spec §19: "Screen-reader announcement on offer state transitions". The
+// rail should expose a <div role="status" aria-live="polite"> that emits
+// composed strings like "Offer accepted — no further counters possible"
+// when the status prop changes. This story swaps status mid-render and
+// asserts the region updates.
+export const StateTransitionAnnouncement = {
+    args: baseArgs,
+    render: () => _jsx(StateTransitionAnnouncementDemo, {}),
+    play: async ({ canvasElement, step }) => {
+        const { within, userEvent } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        await step("transitioning to accepted announces the composed sentence", async () => {
+            await userEvent.click(canvas.getByTestId("to-accepted"));
+            const regions = canvas.getAllByRole("status");
+            const joined = regions.map((r) => r.textContent ?? "").join(" · ");
+            await expect(joined).toMatch(/accepted.*no further counters possible/i);
+        });
+    },
+};
+// Responsive coverage per spec §5.5 — OfferDocument is the page shell
+// and must collapse its right-rail below the `lg:` breakpoint. This
+// story renders at `mobile1` (360×640) so chromatic / visual regression
+// catches rail-hide + section-stack regressions on narrow viewports.
+export const ResponsiveMobile = {
+    args: { ...baseArgs },
+    parameters: { viewport: { defaultViewport: "mobile1" } },
+};
+//# sourceMappingURL=offer-document.stories.js.map