@cellarnode/ui 0.14.1 → 0.16.1

package/dist/components/confirmation/confirmation-card.stories.js

@@ -0,0 +1,138 @@
+import { ConfirmationCard } from "./confirmation-card";
+const noop = () => { };
+/**
+ * Minimal i18n shim that mirrors the producer-dashboard keys used by the
+ * component. In real usage react-i18next's `t` fills the placeholders from
+ * `public/locales/en/imports.json`.
+ */
+const t = (key, opts) => {
+    switch (key) {
+        case "confirmation.card.headline_same_vintage":
+            return `We found a near-match: ${opts?.name_a} and ${opts?.name_b}.`;
+        case "confirmation.card.headline_vintages":
+            return `We found ${opts?.name_base} in two vintages — ${opts?.vintage_a} and ${opts?.vintage_b}.`;
+        case "confirmation.card.subhead":
+            return "Are they the same product?";
+        case "confirmation.card.field_count_hint":
+            return `${opts?.name_a} has ${opts?.count_a} fields · ${opts?.name_b} has ${opts?.count_b} fields`;
+        case "confirmation.card.direction_announce":
+            return `Keep details from ${opts?.name}`;
+        case "confirmation.card.direction_label":
+            return "Keep details from";
+        case "confirmation.card.confirm_prefix":
+            return `Yes · keep details from ${opts?.name}`;
+        case "confirmation.card.confirm_loading":
+            return "Joining records…";
+        case "confirmation.card.dismiss":
+            return "No, keep separate";
+        case "confirmation.card.show_comparison":
+            return "Show comparison";
+        default:
+            return key;
+    }
+};
+const meta = {
+    title: "Confirmation/ConfirmationCard",
+    component: ConfirmationCard,
+    tags: ["autodocs"],
+    parameters: { a11y: { test: "error" } },
+    argTypes: {
+        onConfirm: { action: "confirm" },
+        onDismiss: { action: "dismiss" },
+        onShowComparison: { action: "show-comparison" },
+    },
+};
+export default meta;
+export const SameVintageMatch = {
+    args: {
+        pair: {
+            id: "pair-1",
+            a: { id: "bev-a", name: "Château Margaux 2018", fieldCount: 12 },
+            b: { id: "bev-b", name: "Chateau Margaux 2018", fieldCount: 8 },
+            baseName: null,
+            llmMergeDirection: "a_to_b",
+        },
+        onConfirm: noop,
+        onDismiss: noop,
+        onShowComparison: noop,
+        t,
+    },
+};
+export const VintageVariants = {
+    args: {
+        pair: {
+            id: "pair-2",
+            a: { id: "bev-a", name: "Opus One 2018", vintage: "2018", fieldCount: 10 },
+            b: { id: "bev-b", name: "Opus One 2019", vintage: "2019", fieldCount: 10 },
+            baseName: "Opus One",
+            llmMergeDirection: "a_to_b",
+        },
+        onConfirm: noop,
+        onDismiss: noop,
+        onShowComparison: noop,
+        t,
+    },
+};
+export const LLMDefaultDirection = {
+    args: {
+        pair: {
+            id: "pair-3",
+            a: { id: "bev-a", name: "Penfolds Grange 2017", fieldCount: 6 },
+            b: { id: "bev-b", name: "Penfolds Grange 2017 Bin 95", fieldCount: 14 },
+            baseName: null,
+            llmMergeDirection: "b_to_a",
+        },
+        onConfirm: noop,
+        onDismiss: noop,
+        onShowComparison: noop,
+        t,
+    },
+};
+export const NullLLMFallbackByFieldCount = {
+    args: {
+        pair: {
+            id: "pair-4",
+            a: { id: "bev-a", name: "Cloudy Bay Sauvignon Blanc", fieldCount: 14 },
+            b: { id: "bev-b", name: "Cloudy Bay Sauv Blanc", fieldCount: 4 },
+            baseName: null,
+            llmMergeDirection: null,
+        },
+        onConfirm: noop,
+        onDismiss: noop,
+        onShowComparison: noop,
+        t,
+    },
+};
+export const Loading = {
+    args: {
+        pair: {
+            id: "pair-5",
+            a: { id: "bev-a", name: "Sassicaia 2016", fieldCount: 12 },
+            b: { id: "bev-b", name: "Sassicaia '16", fieldCount: 7 },
+            baseName: null,
+            llmMergeDirection: "a_to_b",
+        },
+        loading: true,
+        onConfirm: noop,
+        onDismiss: noop,
+        onShowComparison: noop,
+        t,
+    },
+};
+export const InlineConflictError = {
+    args: {
+        pair: {
+            id: "pair-6",
+            a: { id: "bev-a", name: "Krug Grande Cuvée", fieldCount: 11 },
+            b: { id: "bev-b", name: "Krug Grande Cuvee 170th", fieldCount: 11 },
+            baseName: null,
+            llmMergeDirection: "a_to_b",
+        },
+        inlineError: "Can't auto-confirm — some fields don't line up. Show comparison to resolve by hand.",
+        onConfirm: noop,
+        onDismiss: noop,
+        onShowComparison: noop,
+        t,
+    },
+};
+//# sourceMappingURL=confirmation-card.stories.js.map

package/dist/components/confirmation/confirmation-card.stories.js.map

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

package/dist/components/confirmation/cross-portfolio-nudge-sheet.d.ts

@@ -0,0 +1,51 @@
+export interface PortfolioCounter {
+    portfolioId: string;
+    portfolioName: string;
+    count: number;
+}
+export interface CrossPortfolioOverlap {
+    overlapPct: number;
+    totalProducts: number;
+    nonTargetMatchedProductCount: number;
+}
+export interface PortfolioRef {
+    id: string;
+    name: string;
+}
+export interface CrossPortfolioNudgeSheetProps {
+    /** Visibility — controlled by the caller. */
+    open: boolean;
+    /** Detected overlap metrics. */
+    overlap: CrossPortfolioOverlap;
+    /** Sorted desc by `count`. When `length > 1` the sheet exposes an expandable list. */
+    countersByPortfolio: PortfolioCounter[];
+    /** The portfolio the producer picked during upload. */
+    targetPortfolio: PortfolioRef;
+    /** The portfolio with the highest overlap; may be null when countersByPortfolio is empty. */
+    suggestedPortfolio: PortfolioRef | null;
+    /** Producer clicked "Continue to {{target}}". */
+    onProceed: () => void;
+    /** Producer clicked "Switch to {{suggested}}". */
+    onSwitchTarget: () => void;
+    /** Producer cancelled (Escape, backdrop-click-to-cancel, or explicit button). */
+    onCancel: () => void;
+    /** Disables all buttons while a resume-nudge mutation is in flight. */
+    loading?: boolean;
+    /** i18n lookup — producer-dashboard passes react-i18next's `t`. */
+    t: (key: string, opts?: Record<string, unknown>) => string;
+    className?: string;
+}
+/**
+ * Cross-portfolio nudge modal shown after the classify phase of the beverage
+ * extraction workflow when ≥70% of detected products already live in another
+ * portfolio.
+ *
+ * Spec (SP2 §3):
+ *  - Radix Dialog with `role="dialog"` + `aria-modal="true"` + focus trap
+ *  - Focus starts on "Continue to {{target}}" (safe default — preserves producer intent)
+ *  - Escape → `onCancel`
+ *  - When `countersByPortfolio.length > 1` the sheet includes an expandable
+ *    "View all portfolios" list.
+ */
+export declare function CrossPortfolioNudgeSheet(props: CrossPortfolioNudgeSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cross-portfolio-nudge-sheet.d.ts.map

package/dist/components/confirmation/cross-portfolio-nudge-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-portfolio-nudge-sheet.d.ts","sourceRoot":"","sources":["../../../src/components/confirmation/cross-portfolio-nudge-sheet.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,4BAA4B,EAAE,MAAM,CAAC;CACtC;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,6BAA6B;IAC5C,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,gCAAgC;IAChC,OAAO,EAAE,qBAAqB,CAAC;IAC/B,sFAAsF;IACtF,mBAAmB,EAAE,gBAAgB,EAAE,CAAC;IACxC,uDAAuD;IACvD,eAAe,EAAE,YAAY,CAAC;IAC9B,6FAA6F;IAC7F,kBAAkB,EAAE,YAAY,GAAG,IAAI,CAAC;IACxC,iDAAiD;IACjD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kDAAkD;IAClD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CA4K5E"}

package/dist/components/confirmation/cross-portfolio-nudge-sheet.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Dialog from "@radix-ui/react-dialog";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+/**
+ * Cross-portfolio nudge modal shown after the classify phase of the beverage
+ * extraction workflow when ≥70% of detected products already live in another
+ * portfolio.
+ *
+ * Spec (SP2 §3):
+ *  - Radix Dialog with `role="dialog"` + `aria-modal="true"` + focus trap
+ *  - Focus starts on "Continue to {{target}}" (safe default — preserves producer intent)
+ *  - Escape → `onCancel`
+ *  - When `countersByPortfolio.length > 1` the sheet includes an expandable
+ *    "View all portfolios" list.
+ */
+export function CrossPortfolioNudgeSheet(props) {
+    const { open, overlap, countersByPortfolio, targetPortfolio, suggestedPortfolio, onProceed, onSwitchTarget, onCancel, loading = false, t, className, } = props;
+    const titleId = React.useId();
+    const descriptionId = React.useId();
+    const proceedButtonRef = React.useRef(null);
+    const [expanded, setExpanded] = React.useState(false);
+    const hasMultiple = countersByPortfolio.length > 1;
+    const topSuggested = suggestedPortfolio ?? countersByPortfolio[0]
+        ? {
+            id: suggestedPortfolio?.id ?? countersByPortfolio[0].portfolioId,
+            name: suggestedPortfolio?.name ?? countersByPortfolio[0].portfolioName,
+        }
+        : null;
+    const suggestedCount = countersByPortfolio.find((c) => c.portfolioId === topSuggested?.id)?.count ??
+        countersByPortfolio[0]?.count ??
+        0;
+    const headline = hasMultiple
+        ? t("confirmation.nudge.headline_multi", {
+            nonTargetMatched: overlap.nonTargetMatchedProductCount,
+            total: overlap.totalProducts,
+            suggestedPortfolioName: topSuggested?.name ?? "",
+            suggestedCount,
+        })
+        : t("confirmation.nudge.headline_single", {
+            nonTargetMatched: overlap.nonTargetMatchedProductCount,
+            total: overlap.totalProducts,
+            suggestedPortfolioName: topSuggested?.name ?? "",
+        });
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: (nextOpen) => {
+            if (!nextOpen && !loading)
+                onCancel();
+        }, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: "fixed inset-0 z-50 bg-foreground/20 backdrop-blur-xs" }), _jsxs(Dialog.Content, { "aria-labelledby": titleId, "aria-describedby": descriptionId, onOpenAutoFocus: (e) => {
+                        e.preventDefault();
+                        proceedButtonRef.current?.focus();
+                    }, className: cn("fixed left-1/2 top-1/2 z-50 w-[calc(100%-2rem)] max-w-xl -translate-x-1/2 -translate-y-1/2", "rounded-2xl border border-border bg-card p-6 text-card-foreground shadow-xl", className), children: [_jsx(Dialog.Title, { id: titleId, className: "text-base/6 font-semibold text-foreground", children: t("confirmation.nudge.title") }), _jsx(Dialog.Description, { id: descriptionId, className: "mt-2 text-sm text-muted-foreground", children: headline }), hasMultiple && (_jsxs("div", { className: "mt-4 rounded-lg border border-border bg-background/50", children: [_jsxs("button", { type: "button", "aria-expanded": expanded, onClick: () => setExpanded((prev) => !prev), className: cn("flex w-full items-center justify-between px-4 py-3 text-sm font-medium text-foreground", "hover:bg-muted/40", "focus:outline-hidden focus-visible:ring-2 focus-visible:ring-primary/50"), children: [_jsx("span", { children: t("confirmation.nudge.view_all_portfolios") }), _jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: expanded ? "−" : "+" })] }), expanded && (_jsx("ul", { className: "divide-y divide-border border-t border-border", children: countersByPortfolio.map((counter) => (_jsxs("li", { className: "flex items-center justify-between px-4 py-2 text-sm", children: [_jsx("span", { className: "text-foreground", children: counter.portfolioName }), _jsx("span", { className: "text-muted-foreground", children: t("confirmation.nudge.counter", { count: counter.count }) })] }, counter.portfolioId))) }))] })), _jsxs("div", { className: "mt-6 flex flex-wrap justify-end gap-2", children: [_jsx("button", { type: "button", disabled: loading, onClick: onCancel, className: cn("rounded-md px-4 py-2 text-sm font-medium text-muted-foreground", "hover:bg-muted/50 hover:text-foreground", "focus:outline-hidden focus-visible:ring-2 focus-visible:ring-primary/50", "disabled:cursor-not-allowed disabled:opacity-60"), children: t("confirmation.nudge.cancel") }), topSuggested && (_jsx("button", { type: "button", disabled: loading || !topSuggested, onClick: onSwitchTarget, className: cn("rounded-md border border-border bg-background px-4 py-2 text-sm font-semibold text-foreground", "hover:bg-muted/50", "focus:outline-hidden focus-visible:ring-2 focus-visible:ring-primary/50", "disabled:cursor-not-allowed disabled:opacity-60"), children: t("confirmation.nudge.switch_target", {
+                                        suggestedPortfolioName: topSuggested.name,
+                                    }) })), _jsx("button", { ref: proceedButtonRef, type: "button", disabled: loading, onClick: onProceed, className: cn("rounded-md bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground", "hover:bg-primary/90", "focus:outline-hidden focus-visible:ring-2 focus-visible:ring-primary/50", "disabled:cursor-not-allowed disabled:opacity-60"), children: loading
+                                        ? t("confirmation.nudge.proceed_loading")
+                                        : t("confirmation.nudge.proceed", {
+                                            targetPortfolioName: targetPortfolio.name,
+                                        }) })] })] })] }) }));
+}
+//# sourceMappingURL=cross-portfolio-nudge-sheet.js.map

package/dist/components/confirmation/cross-portfolio-nudge-sheet.js.map

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

package/dist/components/confirmation/cross-portfolio-nudge-sheet.stories.d.ts

@@ -0,0 +1,29 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CrossPortfolioNudgeSheet } from "./cross-portfolio-nudge-sheet";
+declare const meta: {
+    title: string;
+    component: typeof CrossPortfolioNudgeSheet;
+    tags: string[];
+    parameters: {
+        a11y: {
+            test: string;
+        };
+    };
+    argTypes: {
+        onProceed: {
+            action: string;
+        };
+        onSwitchTarget: {
+            action: string;
+        };
+        onCancel: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SingleSuggested: Story;
+export declare const MultiPortfolio: Story;
+export declare const LoadingAfterAction: Story;
+//# sourceMappingURL=cross-portfolio-nudge-sheet.stories.d.ts.map

package/dist/components/confirmation/cross-portfolio-nudge-sheet.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-portfolio-nudge-sheet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/confirmation/cross-portfolio-nudge-sheet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AA6BzE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAUuC,CAAC;AAElD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoB5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAmBhC,CAAC"}

package/dist/components/confirmation/cross-portfolio-nudge-sheet.stories.js

@@ -0,0 +1,99 @@
+import { CrossPortfolioNudgeSheet } from "./cross-portfolio-nudge-sheet";
+const noop = () => { };
+const t = (key, opts) => {
+    switch (key) {
+        case "confirmation.nudge.title":
+            return "Heads up";
+        case "confirmation.nudge.headline_single":
+            return `${opts?.nonTargetMatched} of the ${opts?.total} products you uploaded already live in ${opts?.suggestedPortfolioName}.`;
+        case "confirmation.nudge.headline_multi":
+            return `${opts?.nonTargetMatched} of the ${opts?.total} products you uploaded already live in other portfolios — mostly ${opts?.suggestedPortfolioName} (${opts?.suggestedCount}).`;
+        case "confirmation.nudge.view_all_portfolios":
+            return "View all portfolios";
+        case "confirmation.nudge.counter":
+            return `${opts?.count} products`;
+        case "confirmation.nudge.proceed":
+            return `Continue to ${opts?.targetPortfolioName}`;
+        case "confirmation.nudge.proceed_loading":
+            return "Continuing…";
+        case "confirmation.nudge.switch_target":
+            return `Switch to ${opts?.suggestedPortfolioName}`;
+        case "confirmation.nudge.cancel":
+            return "Cancel";
+        default:
+            return key;
+    }
+};
+const meta = {
+    title: "Confirmation/CrossPortfolioNudgeSheet",
+    component: CrossPortfolioNudgeSheet,
+    tags: ["autodocs"],
+    parameters: { a11y: { test: "error" } },
+    argTypes: {
+        onProceed: { action: "proceed" },
+        onSwitchTarget: { action: "switch-target" },
+        onCancel: { action: "cancel" },
+    },
+};
+export default meta;
+export const SingleSuggested = {
+    args: {
+        open: true,
+        overlap: {
+            overlapPct: 0.8,
+            totalProducts: 10,
+            nonTargetMatchedProductCount: 8,
+        },
+        countersByPortfolio: [
+            { portfolioId: "p-master", portfolioName: "Master Catalog", count: 8 },
+        ],
+        targetPortfolio: { id: "p-2024", name: "2024 Summer Collection" },
+        suggestedPortfolio: { id: "p-master", name: "Master Catalog" },
+        onProceed: noop,
+        onSwitchTarget: noop,
+        onCancel: noop,
+        t,
+    },
+};
+export const MultiPortfolio = {
+    args: {
+        open: true,
+        overlap: {
+            overlapPct: 0.75,
+            totalProducts: 12,
+            nonTargetMatchedProductCount: 9,
+        },
+        countersByPortfolio: [
+            { portfolioId: "p-master", portfolioName: "Master Catalog", count: 5 },
+            { portfolioId: "p-2023", portfolioName: "2023 Collection", count: 3 },
+            { portfolioId: "p-sparkling", portfolioName: "Sparkling Only", count: 1 },
+        ],
+        targetPortfolio: { id: "p-2024", name: "2024 Summer Collection" },
+        suggestedPortfolio: { id: "p-master", name: "Master Catalog" },
+        onProceed: noop,
+        onSwitchTarget: noop,
+        onCancel: noop,
+        t,
+    },
+};
+export const LoadingAfterAction = {
+    args: {
+        open: true,
+        overlap: {
+            overlapPct: 0.8,
+            totalProducts: 10,
+            nonTargetMatchedProductCount: 8,
+        },
+        countersByPortfolio: [
+            { portfolioId: "p-master", portfolioName: "Master Catalog", count: 8 },
+        ],
+        targetPortfolio: { id: "p-2024", name: "2024 Summer Collection" },
+        suggestedPortfolio: { id: "p-master", name: "Master Catalog" },
+        loading: true,
+        onProceed: noop,
+        onSwitchTarget: noop,
+        onCancel: noop,
+        t,
+    },
+};
+//# sourceMappingURL=cross-portfolio-nudge-sheet.stories.js.map

package/dist/components/confirmation/cross-portfolio-nudge-sheet.stories.js.map

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

package/dist/components/extraction-phase-stepper.d.ts

@@ -0,0 +1,19 @@
+export interface StepperStep {
+    key: string;
+    label: string;
+    conditional?: boolean;
+    visible?: boolean;
+}
+export interface ExtractionPhaseStepperProps {
+    steps: StepperStep[];
+    currentPhaseKey: string;
+    reviewCount?: number;
+    className?: string;
+}
+/**
+ * Horizontal phase stepper for the multi-phase extraction workflow.
+ * Hides conditional steps (e.g. "Needs review") unless `visible` is true.
+ * Announces review count changes via an `aria-live="polite"` region.
+ */
+export declare function ExtractionPhaseStepper(props: ExtractionPhaseStepperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=extraction-phase-stepper.d.ts.map

package/dist/components/extraction-phase-stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extraction-phase-stepper.d.ts","sourceRoot":"","sources":["../../src/components/extraction-phase-stepper.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CA+CxE"}

package/dist/components/extraction-phase-stepper.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+/**
+ * Horizontal phase stepper for the multi-phase extraction workflow.
+ * Hides conditional steps (e.g. "Needs review") unless `visible` is true.
+ * Announces review count changes via an `aria-live="polite"` region.
+ */
+export function ExtractionPhaseStepper(props) {
+    const { steps, currentPhaseKey, reviewCount, className } = props;
+    const visible = steps.filter((s) => !s.conditional || s.visible);
+    const currentIdx = visible.findIndex((s) => s.key === currentPhaseKey);
+    const [lastReviewCount, setLastReviewCount] = React.useState(reviewCount ?? 0);
+    const announceRef = React.useRef(null);
+    React.useEffect(() => {
+        if ((reviewCount ?? 0) > lastReviewCount && announceRef.current) {
+            announceRef.current.textContent = `${reviewCount} products need your review`;
+        }
+        setLastReviewCount(reviewCount ?? 0);
+    }, [reviewCount, lastReviewCount]);
+    return (_jsxs("ol", { role: "list", "aria-label": "Extraction progress", className: cn("flex flex-wrap gap-2", className), children: [visible.map((s, i) => {
+                const state = i < currentIdx ? "done" : i === currentIdx ? "current" : "pending";
+                return (_jsx("li", { "aria-current": state === "current" ? "step" : undefined, className: cn("rounded px-3 py-1 text-xs font-semibold", state === "done" && "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-100", state === "current" && "bg-indigo-600 text-white dark:bg-indigo-500", state === "pending" && "bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400"), children: s.label }, s.key));
+            }), _jsx("span", { ref: announceRef, className: "sr-only", "aria-live": "polite", "aria-atomic": "true" })] }));
+}
+//# sourceMappingURL=extraction-phase-stepper.js.map

package/dist/components/extraction-phase-stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extraction-phase-stepper.js","sourceRoot":"","sources":["../../src/components/extraction-phase-stepper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,eAAe,CAAC,CAAC;IAEvE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,GAAG,eAAe,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YAChE,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,WAAW,4BAA4B,CAAC;QAC/E,CAAC;QACD,kBAAkB,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,cACE,IAAI,EAAC,MAAM,gBACA,qBAAqB,EAChC,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,aAE/C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACpB,MAAM,KAAK,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;gBACjF,OAAO,CACL,6BAEgB,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtD,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,KAAK,KAAK,MAAM,IAAI,8EAA8E,EAClG,KAAK,KAAK,SAAS,IAAI,6CAA6C,EACpE,KAAK,KAAK,SAAS,IAAI,+DAA+D,CACvF,YAEA,CAAC,CAAC,KAAK,IATH,CAAC,CAAC,GAAG,CAUP,CACN,CAAC;YACJ,CAAC,CAAC,EACF,eACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAC,SAAS,eACT,QAAQ,iBACN,MAAM,GAClB,IACC,CACN,CAAC;AACJ,CAAC"}

package/dist/components/extraction-phase-stepper.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { ExtractionPhaseStepper } from "./extraction-phase-stepper";
+declare const meta: {
+    title: string;
+    component: typeof ExtractionPhaseStepper;
+    tags: string[];
+    parameters: {
+        a11y: {
+            test: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Running: Story;
+export declare const WithReview: Story;
+export declare const Completed: Story;
+//# sourceMappingURL=extraction-phase-stepper.stories.d.ts.map

package/dist/components/extraction-phase-stepper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extraction-phase-stepper.stories.d.ts","sourceRoot":"","sources":["../../src/components/extraction-phase-stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,QAAA,MAAM,IAAI;;;;;;;;;CAKqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAYnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}

package/dist/components/extraction-phase-stepper.stories.js

@@ -0,0 +1,31 @@
+import { ExtractionPhaseStepper } from "./extraction-phase-stepper";
+const meta = {
+    title: "Extraction/ExtractionPhaseStepper",
+    component: ExtractionPhaseStepper,
+    tags: ["autodocs"],
+    parameters: { a11y: { test: "error" } },
+};
+export default meta;
+const baseSteps = [
+    { key: "preflight", label: "Checking file" },
+    { key: "classifying", label: "Finding products" },
+    { key: "extracting", label: "Extracting details" },
+    { key: "verifying", label: "Verifying" },
+    { key: "review", label: "Needs review · 3", conditional: true, visible: false },
+    { key: "persisting", label: "Saving" },
+    { key: "completed", label: "Done" },
+];
+export const Running = {
+    args: { steps: baseSteps, currentPhaseKey: "extracting" },
+};
+export const WithReview = {
+    args: {
+        steps: baseSteps.map((s) => (s.key === "review" ? { ...s, visible: true } : s)),
+        currentPhaseKey: "verifying",
+        reviewCount: 3,
+    },
+};
+export const Completed = {
+    args: { steps: baseSteps, currentPhaseKey: "completed" },
+};
+//# sourceMappingURL=extraction-phase-stepper.stories.js.map

package/dist/components/extraction-phase-stepper.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extraction-phase-stepper.stories.js","sourceRoot":"","sources":["../../src/components/extraction-phase-stepper.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,sBAAsB;IACjC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;CACM,CAAC;AAEhD,eAAe,IAAI,CAAC;AAGpB,MAAM,SAAS,GAAG;IAChB,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE;IAC5C,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,kBAAkB,EAAE;IACjD,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAClD,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IACxC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;IAC/E,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE;IACtC,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE;CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/E,eAAe,EAAE,WAAW;QAC5B,WAAW,EAAE,CAAC;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE;CACzD,CAAC"}

package/dist/components/flagged-field-editor.d.ts

@@ -0,0 +1,23 @@
+export type FlaggedFieldKind = "string" | "number" | "enum" | "boolean";
+export interface FlaggedFieldEditorOption {
+    id: string;
+    label: string;
+}
+export interface FlaggedFieldEditorProps {
+    label: string;
+    kind: FlaggedFieldKind;
+    extractedAs?: unknown;
+    reason: string;
+    options?: FlaggedFieldEditorOption[];
+    onConfirm: (value: unknown) => void;
+    onSkip: () => void;
+    className?: string;
+}
+/**
+ * Inline editor for a flagged extraction field (validation issue surfaced
+ * by the extraction pipeline). Renders a kind-appropriate input alongside
+ * the reason and confirm/skip controls. Styled with amber tones to signal
+ * attention.
+ */
+export declare function FlaggedFieldEditor(props: FlaggedFieldEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flagged-field-editor.d.ts.map

package/dist/components/flagged-field-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagged-field-editor.d.ts","sourceRoot":"","sources":["../../src/components/flagged-field-editor.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAExE,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAkFhE"}

package/dist/components/flagged-field-editor.js

@@ -0,0 +1,16 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+/**
+ * Inline editor for a flagged extraction field (validation issue surfaced
+ * by the extraction pipeline). Renders a kind-appropriate input alongside
+ * the reason and confirm/skip controls. Styled with amber tones to signal
+ * attention.
+ */
+export function FlaggedFieldEditor(props) {
+    const { label, kind, extractedAs, reason, options, onConfirm, onSkip, className, } = props;
+    const [value, setValue] = React.useState(extractedAs ?? "");
+    const fieldId = React.useId();
+    return (_jsxs("div", { className: cn("rounded border border-amber-300 bg-amber-50 p-3 dark:border-amber-800 dark:bg-amber-950/40", className), children: [_jsxs("label", { className: "block text-xs font-semibold text-amber-900 dark:text-amber-100", htmlFor: fieldId, children: [label, " \u00B7 ", reason] }), kind === "enum" && options ? (_jsxs("select", { id: fieldId, value: String(value ?? ""), onChange: (e) => setValue(e.target.value), className: "mt-1 w-full rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100", children: [_jsx("option", { value: "", children: "Pick one\u2026" }), options.map((o) => (_jsx("option", { value: o.id, children: o.label }, o.id)))] })) : kind === "boolean" ? (_jsxs("select", { id: fieldId, value: String(value), onChange: (e) => setValue(e.target.value === "true"), className: "mt-1 w-full rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100", children: [_jsx("option", { value: "", children: "\u2014" }), _jsx("option", { value: "true", children: "Yes" }), _jsx("option", { value: "false", children: "No" })] })) : (_jsx("input", { id: fieldId, type: kind === "number" ? "number" : "text", value: String(value ?? ""), onChange: (e) => setValue(kind === "number" ? Number(e.target.value) : e.target.value), className: "mt-1 w-full rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100" })), _jsxs("div", { className: "mt-2 flex gap-2", children: [_jsx("button", { type: "button", onClick: () => onConfirm(value), className: "rounded bg-indigo-600 px-3 py-1 text-xs font-semibold text-white hover:bg-indigo-700 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-indigo-400", children: "Confirm" }), _jsx("button", { type: "button", onClick: onSkip, className: "rounded bg-transparent px-3 py-1 text-xs font-semibold text-gray-700 hover:bg-gray-100 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-gray-400 dark:text-gray-300 dark:hover:bg-gray-800", children: "Skip for now" })] })] }));
+}
+//# sourceMappingURL=flagged-field-editor.js.map

package/dist/components/flagged-field-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagged-field-editor.js","sourceRoot":"","sources":["../../src/components/flagged-field-editor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAoBlC;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,WAAW,IAAI,EAAE,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAE9B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,SAAS,CACV,aAED,iBACE,SAAS,EAAC,gEAAgE,EAC1E,OAAO,EAAE,OAAO,aAEf,KAAK,cAAK,MAAM,IACX,EACP,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,CAC5B,kBACE,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAC,8IAA8I,aAExJ,iBAAQ,KAAK,EAAC,EAAE,+BAAmB,EAClC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,iBAAmB,KAAK,EAAE,CAAC,CAAC,EAAE,YAC3B,CAAC,CAAC,KAAK,IADG,CAAC,CAAC,EAAE,CAER,CACV,CAAC,IACK,CACV,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,kBACE,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,EACpD,SAAS,EAAC,8IAA8I,aAExJ,iBAAQ,KAAK,EAAC,EAAE,uBAAW,EAC3B,iBAAQ,KAAK,EAAC,MAAM,oBAAa,EACjC,iBAAQ,KAAK,EAAC,OAAO,mBAAY,IAC1B,CACV,CAAC,CAAC,CAAC,CACF,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC3C,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAEvE,SAAS,EAAC,8IAA8I,GACxJ,CACH,EACD,eAAK,SAAS,EAAC,iBAAiB,aAC9B,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAC,oKAAoK,wBAGvK,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,8MAA8M,6BAGjN,IACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/flagged-field-editor.stories.d.ts

@@ -0,0 +1,27 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { FlaggedFieldEditor } from "./flagged-field-editor";
+declare const meta: {
+    title: string;
+    component: typeof FlaggedFieldEditor;
+    tags: string[];
+    parameters: {
+        a11y: {
+            test: string;
+        };
+    };
+    argTypes: {
+        onConfirm: {
+            action: string;
+        };
+        onSkip: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const StringField: Story;
+export declare const NumberField: Story;
+export declare const EnumField: Story;
+export declare const BooleanField: Story;
+//# sourceMappingURL=flagged-field-editor.stories.d.ts.map

package/dist/components/flagged-field-editor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagged-field-editor.stories.d.ts","sourceRoot":"","sources":["../../src/components/flagged-field-editor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CASiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC"}