@paro.io/expert-shared-components 1.14.43 → 1.14.45

package/lib/tax-axis/components/documents/DocumentCard.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentCard = DocumentCard;
+const react_1 = __importDefault(require("react"));
+const TaxAxisBadge_1 = require("../shared/TaxAxisBadge");
+// Inline style values per status — mock T hex values for SVG strokes and
+// rgba borders that don't have direct Tailwind token equivalents.
+const STATUS_STYLES = {
+    empty: {
+        iconBg: "#171B44",
+        iconBorder: "#2E3160",
+        cardBorder: "#2E3160",
+    },
+    validating: {
+        iconBg: "rgba(251,154,29,0.08)",
+        iconBorder: "rgba(251,154,29,0.25)",
+        cardBorder: "rgba(251,154,29,0.25)",
+    },
+    valid: {
+        iconBg: "rgba(15,110,86,0.08)",
+        iconBorder: "rgba(15,110,86,0.25)",
+        cardBorder: "rgba(15,110,86,0.25)",
+    },
+};
+function DocumentCard({ doc, tierBorderColor, tierBadgeColor, tierBadgeText, helpOverride, onUpload, onClear, }) {
+    var _a;
+    const ss = STATUS_STYLES[doc.status];
+    const leftBorder = doc.status === "valid" ? "rgba(15,110,86,0.6)" : tierBorderColor;
+    return (react_1.default.createElement("div", { className: "bg-tax-axis-surface overflow-hidden", style: {
+            border: `1px solid ${ss.cardBorder}`,
+            borderLeft: `3px solid ${leftBorder}`,
+            borderRadius: "0 10px 10px 0",
+            boxShadow: "0 2px 12px rgba(6,8,33,0.5)",
+        } },
+        react_1.default.createElement("div", { className: "px-4 py-3 flex gap-3 items-center" },
+            react_1.default.createElement("div", { className: "w-9 h-9 rounded-lg flex items-center justify-center flex-shrink-0", style: {
+                    background: ss.iconBg,
+                    border: `1px solid ${ss.iconBorder}`,
+                } }, doc.status === "validating" ? (react_1.default.createElement("div", { className: "w-3.5 h-3.5 rounded-full animate-spin", style: {
+                    border: "2px solid transparent",
+                    borderTopColor: "#FB9A1D",
+                } })) : doc.status === "valid" ? (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
+                react_1.default.createElement("path", { d: "M2.5 7l3.5 3.5 5.5-6", stroke: "#0F6E56", strokeWidth: "2", strokeLinecap: "round" }))) : (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
+                react_1.default.createElement("circle", { cx: "7", cy: "7", r: "5", stroke: "#9498B8", strokeWidth: "1.5", strokeDasharray: "3 3" })))),
+            react_1.default.createElement("div", { className: "flex-1 min-w-0" },
+                react_1.default.createElement("div", { className: "flex items-center gap-1.5" },
+                    react_1.default.createElement("span", { className: "text-[13px] font-medium text-white font-tax-axis-body" }, doc.name),
+                    doc.status === "empty" && (react_1.default.createElement(TaxAxisBadge_1.TaxAxisBadge, { color: tierBadgeColor, size: "xs" }, tierBadgeText))),
+                react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-3 font-tax-axis-body mt-0.5" }, (_a = doc.fileName) !== null && _a !== void 0 ? _a : (helpOverride !== null && helpOverride !== void 0 ? helpOverride : doc.help))),
+            react_1.default.createElement("div", { className: "flex items-center gap-2 flex-shrink-0" },
+                doc.status === "valid" && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("span", { className: "text-[10px] font-semibold font-tax-axis-mono", style: { color: "#0F6E56" } }, "Done"),
+                    react_1.default.createElement("button", { onClick: onClear, className: "bg-transparent border-none p-1 text-tax-axis-text-4 text-sm cursor-pointer" }, "\u00D7"))),
+                doc.status === "empty" && (react_1.default.createElement("button", { onClick: onUpload, className: "rounded-md px-3.5 py-1.5 text-[11px] font-semibold text-tax-axis-teal-light font-tax-axis-mono cursor-pointer", style: {
+                        background: "rgba(36,131,132,0.10)",
+                        border: "1px solid rgba(36,131,132,0.2)",
+                    } }, "Upload"))))));
+}

package/lib/tax-axis/components/documents/DocumentTier.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { DocState } from "./DocumentCard";
+export interface TierDef {
+    key: string;
+    label: string;
+    sublabel: string;
+    borderColor: string;
+    labelColor: string;
+    badgeColor: "red" | "orange" | "neutral";
+    badgeText: string;
+    ids: string[];
+}
+interface DocumentTierProps {
+    tier: TierDef;
+    docs: DocState[];
+    helpOverrides: Record<string, string>;
+    onUpload: (idx: number) => void;
+    onClear: (idx: number) => void;
+}
+export declare function DocumentTier({ tier, docs, helpOverrides, onUpload, onClear, }: DocumentTierProps): React.JSX.Element | null;
+export {};

package/lib/tax-axis/components/documents/DocumentTier.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentTier = DocumentTier;
+const react_1 = __importDefault(require("react"));
+const DocumentCard_1 = require("./DocumentCard");
+function DocumentTier({ tier, docs, helpOverrides, onUpload, onClear, }) {
+    const tierDocs = tier.ids
+        .map((id) => {
+        const idx = docs.findIndex((d) => d.id === id);
+        return idx >= 0 ? { doc: docs[idx], idx } : null;
+    })
+        .filter((entry) => entry !== null);
+    if (tierDocs.length === 0)
+        return null;
+    return (react_1.default.createElement("div", { className: "mb-4" },
+        react_1.default.createElement("div", { className: "flex items-center gap-2 mb-2" },
+            react_1.default.createElement("span", { className: "text-[10px] font-bold uppercase tracking-widest font-tax-axis-mono", style: { color: tier.labelColor } }, tier.label),
+            react_1.default.createElement("span", { className: "text-[10px] text-tax-axis-text-4 font-tax-axis-body" }, tier.sublabel)),
+        react_1.default.createElement("div", { className: "grid gap-1.5" }, tierDocs.map(({ doc, idx }) => (react_1.default.createElement(DocumentCard_1.DocumentCard, { key: doc.id, doc: doc, tierBorderColor: tier.borderColor, tierBadgeColor: tier.badgeColor, tierBadgeText: tier.badgeText, helpOverride: helpOverrides[doc.id], onUpload: () => onUpload(idx), onClear: () => onClear(idx) }))))));
+}

package/lib/tax-axis/components/documents/TaxAxisDocuments.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ClientProfile, TaxAxisScreenProps } from "../../lib/types";
+export interface TaxAxisDocumentsProps extends TaxAxisScreenProps {
+    profile: ClientProfile;
+    onContinue: () => void;
+    onBack: () => void;
+}
+export declare function TaxAxisDocuments({ profile, onContinue, onBack, userContext: _userContext, }: TaxAxisDocumentsProps): React.JSX.Element;

package/lib/tax-axis/components/documents/TaxAxisDocuments.js

@@ -0,0 +1,157 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaxAxisDocuments = TaxAxisDocuments;
+const react_1 = __importStar(require("react"));
+const documents_1 = require("../../lib/data/documents");
+const TaxAxisButton_1 = require("../shared/TaxAxisButton");
+const DocumentTier_1 = require("./DocumentTier");
+// Stub filenames assigned when the user clicks "Upload" (mock App.jsx:1237)
+const STUB_FILENAMES = {
+    "1120s": "2025_1120S.pdf",
+    "state-return": "2025_State_Return.pdf",
+    "payroll": "2025_Payroll.xlsx",
+    "pnl": "QBO_PnL_2025.pdf",
+    "balance": "QBO_BS_2025.pdf",
+    "cashflow": "QBO_CashFlow_2025.pdf",
+    "fixed-assets": "Fixed_Assets.xlsx",
+    "prior-returns": "Prior_Returns.pdf",
+};
+// Short help text shown below each doc name when not yet uploaded
+// (mock App.jsx:1384). Overrides the longer DOC_SPECS_BASE.help.
+const HELP_OVERRIDES = {
+    "1120s": "Improves accuracy of every strategy",
+    "payroll": "Critical for Entity Structure and QBI calculations",
+    "fixed-assets": "Unlocks Cost Segregation (potential $15K\u201385K)",
+    "state-return": "If client operates in income-tax states",
+    "cashflow": "Helps with income deferral and timing strategies",
+    "prior-returns": "Improves confidence intervals (more years = tighter estimates)",
+};
+// Tier groupings from mock (App.jsx:1379-1383)
+const TIER_DEFS = [
+    {
+        key: "required",
+        label: "Required",
+        sublabel: "Cannot run analysis without these",
+        borderColor: "#C53030",
+        labelColor: "#C53030",
+        badgeColor: "red",
+        badgeText: "REQUIRED",
+        ids: ["pnl", "balance"],
+    },
+    {
+        key: "recommended",
+        label: "Highly Recommended",
+        sublabel: "Unlock major strategies",
+        borderColor: "#FB9A1D",
+        labelColor: "#FB9A1D",
+        badgeColor: "orange",
+        badgeText: "RECOMMENDED",
+        ids: ["1120s", "payroll", "fixed-assets"],
+    },
+    {
+        key: "conditional",
+        label: "Conditional",
+        sublabel: "Only if applicable to this client",
+        borderColor: "#2E3160",
+        labelColor: "#C8CCE5",
+        badgeColor: "neutral",
+        badgeText: "CONDITIONAL",
+        ids: ["state-return", "cashflow", "prior-returns"],
+    },
+];
+function TaxAxisDocuments({ profile, onContinue, onBack, userContext: _userContext = "expert", }) {
+    const docSpecs = (0, react_1.useMemo)(() => (0, documents_1.getDocSpecs)(profile), [profile]);
+    const [docs, setDocs] = (0, react_1.useState)(() => docSpecs.map((s) => (Object.assign(Object.assign({}, s), { status: "empty", fileName: null }))));
+    // Stub upload: empty -> validating -> valid after a short delay
+    // (mock App.jsx:1238-1241)
+    const handleUpload = (idx) => {
+        setDocs((prev) => prev.map((d, i) => i === idx
+            ? Object.assign(Object.assign({}, d), { status: "validating", fileName: STUB_FILENAMES[d.id] || "document.pdf" }) : d));
+        setTimeout(() => setDocs((prev) => prev.map((d, i) => i === idx ? Object.assign(Object.assign({}, d), { status: "valid" }) : d)), 500 + Math.random() * 400);
+    };
+    const handleClear = (idx) => {
+        setDocs((prev) => prev.map((d, i) => i === idx
+            ? Object.assign(Object.assign({}, d), { status: "empty", fileName: null }) : d));
+    };
+    const validCount = docs.filter((d) => d.status === "valid").length;
+    const requiredCount = docs.filter((d) => d.required === true).length;
+    const requiredValid = docs.filter((d) => d.required === true && d.status === "valid").length;
+    // Coverage heuristic from mock (App.jsx:1361)
+    const coveragePct = validCount === 0
+        ? 32
+        : validCount === 1
+            ? 50
+            : validCount === 2
+                ? 60
+                : validCount <= 4
+                    ? 75
+                    : validCount <= 6
+                        ? 90
+                        : 100;
+    const strategiesCovered = Math.round((25 * coveragePct) / 100);
+    return (react_1.default.createElement("div", { className: "max-w-[580px] mx-auto" },
+        react_1.default.createElement("div", { className: "text-center mb-5 pt-5" },
+            react_1.default.createElement("h1", { className: "text-[28px] font-bold text-white font-tax-axis-head mb-1.5" }, "Source Documents"),
+            react_1.default.createElement("p", { className: "text-sm text-tax-axis-text-2 font-tax-axis-body" }, "Upload documents to run the full analysis.")),
+        react_1.default.createElement("div", { className: "py-3.5 px-[18px] mb-4 text-xs leading-relaxed font-tax-axis-body", style: {
+                background: "#171B44",
+                borderLeft: "3px solid #248384",
+                borderRadius: "0 8px 8px 0",
+                color: "#E6E8F5",
+            } }, "The minimum to run an analysis is the current-year P&L and Balance Sheet. However, accuracy and strategy coverage improve significantly with additional documents \u2014 particularly the federal tax return, fixed asset schedule, and W-2 forms."),
+        react_1.default.createElement("div", { className: "bg-tax-axis-surface border border-tax-axis-border rounded-[10px] px-[18px] py-3.5 mb-4" },
+            react_1.default.createElement("div", { className: "text-[10px] font-bold text-tax-axis-text-3 uppercase tracking-widest mb-2.5 font-tax-axis-mono" }, "Analysis Coverage"),
+            react_1.default.createElement("div", { className: "flex justify-between mb-1.5" },
+                react_1.default.createElement("span", { className: "text-xs text-tax-axis-text-2 font-tax-axis-body" },
+                    "Documents uploaded:",
+                    " ",
+                    react_1.default.createElement("strong", { className: "text-white" },
+                        validCount,
+                        " / ",
+                        docs.length)),
+                react_1.default.createElement("span", { className: "text-xs text-tax-axis-text-2 font-tax-axis-body" },
+                    "Strategies covered:",
+                    " ",
+                    react_1.default.createElement("strong", { className: "text-tax-axis-teal-light" },
+                        strategiesCovered,
+                        " / 25"))),
+            react_1.default.createElement("div", { className: "h-1.5 bg-tax-axis-surface-2 rounded-sm overflow-hidden mb-1.5" },
+                react_1.default.createElement("div", { className: "h-full rounded-sm transition-[width] duration-[400ms]", style: {
+                        width: `${coveragePct}%`,
+                        background: "linear-gradient(90deg, #248384, #A1E5E6)",
+                    } })),
+            react_1.default.createElement("div", { className: "flex justify-between" },
+                react_1.default.createElement("span", { className: "text-[10px] text-tax-axis-text-4 font-tax-axis-mono" },
+                    coveragePct,
+                    "% coverage"),
+                validCount < docs.length && (react_1.default.createElement("span", { className: "text-[10px] text-tax-axis-text-4 font-tax-axis-body" }, "Upload more documents to increase strategy coverage")))),
+        TIER_DEFS.map((tier) => (react_1.default.createElement(DocumentTier_1.DocumentTier, { key: tier.key, tier: tier, docs: docs, helpOverrides: HELP_OVERRIDES, onUpload: handleUpload, onClear: handleClear }))),
+        react_1.default.createElement("div", { className: "flex gap-3 mt-6" },
+            react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { variant: "secondary", onClick: onBack }, "Back"),
+            react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { onClick: onContinue, disabled: requiredCount > requiredValid, className: "flex-1" }, requiredCount > requiredValid
+                ? `Upload ${requiredCount - requiredValid} more required doc${requiredCount - requiredValid > 1 ? "s" : ""}`
+                : "Run Analysis"))));
+}

package/lib/tax-axis/components/extractionReview/DocumentCard.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { ExtractionDocument } from "../../lib/types";
+interface DocumentCardProps {
+    doc: ExtractionDocument;
+    isFlagged: boolean;
+    isOpen: boolean;
+    onToggle: (docId: string) => void;
+    editingKey: string | null;
+    editVal: string;
+    edits: Record<string, string>;
+    onStartEdit: (docId: string, fieldIdx: number, val: string) => void;
+    onSaveEdit: (docId: string, fieldIdx: number) => void;
+    onCancelEdit: () => void;
+    onEditValChange: (val: string) => void;
+}
+export declare function DocumentCard({ doc, isFlagged, isOpen, onToggle, editingKey, editVal, edits, onStartEdit, onSaveEdit, onCancelEdit, onEditValChange, }: DocumentCardProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/extractionReview/DocumentCard.js

@@ -0,0 +1,105 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentCard = DocumentCard;
+const react_1 = __importDefault(require("react"));
+const FieldRow_1 = require("./FieldRow");
+function DocumentCard({ doc, isFlagged, isOpen, onToggle, editingKey, editVal, edits, onStartEdit, onSaveEdit, onCancelEdit, onEditValChange, }) {
+    const flagsInDoc = doc.fields.filter((f, i) => f.status === "review" && edits[doc.docId + "-" + i] === undefined).length;
+    const editsInDoc = doc.fields.filter((_, i) => edits[doc.docId + "-" + i] !== undefined).length;
+    const borderColor = isFlagged && flagsInDoc > 0
+        ? "rgba(251,154,29,0.25)"
+        : editsInDoc > 0
+            ? "rgba(36,131,132,0.25)"
+            : "#2E3160";
+    return (react_1.default.createElement("div", { style: {
+            background: "#0E1133",
+            border: "1px solid " + borderColor,
+            borderRadius: 12,
+            overflow: "hidden",
+            boxShadow: "0 2px 12px rgba(6,8,33,0.5)",
+            transition: "border-color .3s",
+        } },
+        react_1.default.createElement("div", { onClick: () => onToggle(doc.docId), style: {
+                padding: "12px 16px",
+                display: "flex",
+                alignItems: "center",
+                gap: 10,
+                cursor: "pointer",
+                borderBottom: isOpen ? "1px solid #2E3160" : "none",
+            } },
+            react_1.default.createElement("div", { style: {
+                    width: 30,
+                    height: 30,
+                    borderRadius: 7,
+                    background: isFlagged && flagsInDoc > 0
+                        ? "rgba(251,154,29,0.08)"
+                        : editsInDoc > 0
+                            ? "rgba(36,131,132,0.10)"
+                            : "#171B44",
+                    border: "1px solid " +
+                        (isFlagged && flagsInDoc > 0
+                            ? "rgba(251,154,29,0.25)"
+                            : editsInDoc > 0
+                                ? "rgba(36,131,132,0.2)"
+                                : "#2E3160"),
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    flexShrink: 0,
+                } },
+                react_1.default.createElement("span", { className: "font-tax-axis-mono", style: {
+                        fontSize: 10,
+                        fontWeight: 600,
+                        color: isFlagged && flagsInDoc > 0
+                            ? "#FB9A1D"
+                            : editsInDoc > 0
+                                ? "#A1E5E6"
+                                : "#E6E8F5",
+                    } }, doc.code)),
+            react_1.default.createElement("div", { style: { flex: 1, minWidth: 0 } },
+                react_1.default.createElement("div", { className: "text-[13px] font-semibold text-white font-tax-axis-head" }, doc.docName),
+                react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-2 font-tax-axis-body mt-px" }, flagsInDoc > 0 ? (react_1.default.createElement("span", { style: { color: "#FB9A1D" } },
+                    flagsInDoc,
+                    " of ",
+                    doc.fields.length,
+                    " field",
+                    doc.fields.length > 1 ? "s" : "",
+                    " flagged")) : editsInDoc > 0 ? (react_1.default.createElement("span", { style: { color: "#A1E5E6" } },
+                    editsInDoc,
+                    " corrected \u00B7 ",
+                    doc.fields.length,
+                    " field",
+                    doc.fields.length > 1 ? "s" : "")) : (react_1.default.createElement("span", null,
+                    doc.fields.length,
+                    " field",
+                    doc.fields.length > 1 ? "s" : "",
+                    " \u00B7 all verified")))),
+            isFlagged && flagsInDoc > 0 && (react_1.default.createElement("span", { className: "font-tax-axis-mono", style: {
+                    fontSize: 10,
+                    fontWeight: 600,
+                    color: "#FB9A1D",
+                    background: "rgba(251,154,29,0.08)",
+                    padding: "2px 8px",
+                    borderRadius: 4,
+                } }, "REVIEW")),
+            editsInDoc > 0 && flagsInDoc === 0 && (react_1.default.createElement("span", { className: "font-tax-axis-mono", style: {
+                    fontSize: 10,
+                    fontWeight: 600,
+                    color: "#248384",
+                    background: "rgba(36,131,132,0.10)",
+                    padding: "2px 8px",
+                    borderRadius: 4,
+                } }, "EDITED")),
+            !isFlagged && editsInDoc === 0 && (react_1.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
+                react_1.default.createElement("path", { d: "M2.5 6l3 3 4.5-5", stroke: "#34D399", strokeWidth: "1.5", strokeLinecap: "round" }))),
+            react_1.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", style: {
+                    transform: isOpen ? "rotate(180deg)" : "none",
+                    transition: "transform .2s",
+                    flexShrink: 0,
+                } },
+                react_1.default.createElement("path", { d: "M3 4.5l3 3 3-3", stroke: "#E6E8F5", strokeWidth: "1.5", strokeLinecap: "round" }))),
+        isOpen && (react_1.default.createElement("div", { style: { padding: "4px 16px 8px" } }, doc.fields.map((f, i) => (react_1.default.createElement(FieldRow_1.FieldRow, { key: i, doc: doc, field: f, idx: i, isLast: i === doc.fields.length - 1, editingKey: editingKey, editVal: editVal, edits: edits, onStartEdit: onStartEdit, onSaveEdit: onSaveEdit, onCancelEdit: onCancelEdit, onEditValChange: onEditValChange })))))));
+}

package/lib/tax-axis/components/extractionReview/FieldRow.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { ExtractionDocument, ExtractionField } from "../../lib/types";
+interface FieldRowProps {
+    doc: ExtractionDocument;
+    field: ExtractionField;
+    idx: number;
+    isLast: boolean;
+    editingKey: string | null;
+    editVal: string;
+    edits: Record<string, string>;
+    onStartEdit: (docId: string, fieldIdx: number, val: string) => void;
+    onSaveEdit: (docId: string, fieldIdx: number) => void;
+    onCancelEdit: () => void;
+    onEditValChange: (val: string) => void;
+}
+export declare function FieldRow({ doc, field, idx, isLast, editingKey, editVal, edits, onStartEdit, onSaveEdit, onCancelEdit, onEditValChange, }: FieldRowProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/extractionReview/FieldRow.js

@@ -0,0 +1,137 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldRow = FieldRow;
+const react_1 = __importDefault(require("react"));
+// ═══════════════════════════════════════════════════════════════════
+// FieldRow — single extracted value row with inline editing
+// Ported from mock (App.jsx:676-697).
+// ═══════════════════════════════════════════════════════════════════
+// Strip everything except digits and a single decimal point
+const stripToNum = (v) => {
+    const stripped = v.replace(/[^0-9.]/g, "");
+    const parts = stripped.split(".");
+    if (parts.length <= 1)
+        return stripped;
+    return parts[0] + "." + parts.slice(1).join("");
+};
+// Format a raw numeric string with commas: "65000" → "65,000"
+const fmtComma = (v) => {
+    const parts = v.split(".");
+    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    return parts.join(".");
+};
+// Format for display: raw number string → "$65,000"
+const fmtDisplay = (v) => {
+    if (!v)
+        return v;
+    const raw = stripToNum(v);
+    if (!raw)
+        return v;
+    return "$" + fmtComma(raw);
+};
+function FieldRow({ doc, field, idx, isLast, editingKey, editVal, edits, onStartEdit, onSaveEdit, onCancelEdit, onEditValChange, }) {
+    const k = doc.docId + "-" + idx;
+    const isEditing = editingKey === k;
+    const wasEdited = edits[k] !== undefined;
+    const rawVal = wasEdited ? edits[k] : field.value;
+    const displayVal = wasEdited ? fmtDisplay(rawVal) : rawVal;
+    const isFlagged = field.status === "review" && !wasEdited;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { style: {
+                display: "grid",
+                gridTemplateColumns: "1.3fr .7fr 1fr .3fr",
+                padding: "12px 0",
+                borderBottom: isLast ? "none" : "1px solid #2E3160",
+                alignItems: "center",
+                gap: 8,
+            } },
+            react_1.default.createElement("span", { className: "text-[14px] text-white font-tax-axis-body font-medium" }, field.field),
+            react_1.default.createElement("span", { className: "text-[12px] text-tax-axis-text-2 font-tax-axis-mono", style: { letterSpacing: 0.3 } }, field.line),
+            isEditing ? (react_1.default.createElement("div", { style: { display: "flex", gap: 4, alignItems: "center" } },
+                react_1.default.createElement("input", { type: "text", value: editVal, onChange: (e) => onEditValChange(stripToNum(e.target.value)), autoFocus: true, onKeyDown: (e) => {
+                        if (e.key === "Enter")
+                            onSaveEdit(doc.docId, idx);
+                        if (e.key === "Escape")
+                            onCancelEdit();
+                    }, style: {
+                        width: "100%",
+                        padding: "6px 10px",
+                        borderRadius: 5,
+                        border: "1px solid rgba(161,229,230,0.3)",
+                        fontSize: 15,
+                        fontWeight: 700,
+                        color: "#FFFFFF",
+                        background: "#171B44",
+                        outline: "none",
+                        fontFamily: "inherit",
+                        letterSpacing: "-0.2px",
+                    } }),
+                react_1.default.createElement("button", { onClick: () => onSaveEdit(doc.docId, idx), style: {
+                        background: "#248384",
+                        border: "none",
+                        borderRadius: 4,
+                        width: 22,
+                        height: 22,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        flexShrink: 0,
+                        cursor: "pointer",
+                    } },
+                    react_1.default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" },
+                        react_1.default.createElement("path", { d: "M2 5l2.5 2.5L8 3", stroke: "#FFFFFF", strokeWidth: "1.5", strokeLinecap: "round" }))),
+                react_1.default.createElement("button", { onClick: onCancelEdit, style: {
+                        background: "#171B44",
+                        border: "1px solid #2E3160",
+                        borderRadius: 4,
+                        width: 22,
+                        height: 22,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        flexShrink: 0,
+                        cursor: "pointer",
+                    } },
+                    react_1.default.createElement("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" },
+                        react_1.default.createElement("path", { d: "M1.5 1.5l5 5M6.5 1.5l-5 5", stroke: "#E6E8F5", strokeWidth: "1.2", strokeLinecap: "round" }))))) : (react_1.default.createElement("div", { onClick: () => onStartEdit(doc.docId, idx, stripToNum(rawVal)), style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 6,
+                    cursor: "pointer",
+                    padding: "2px 6px",
+                    marginLeft: "-6px",
+                    borderRadius: 5,
+                    transition: "all .15s",
+                    background: isFlagged
+                        ? "rgba(251,154,29,0.08)"
+                        : wasEdited
+                            ? "rgba(36,131,132,0.08)"
+                            : "transparent",
+                } },
+                react_1.default.createElement("span", { style: {
+                        fontSize: 16,
+                        fontWeight: 700,
+                        color: isFlagged ? "#FFFFFF" : wasEdited ? "#A1E5E6" : "#FFFFFF",
+                        fontFamily: "inherit",
+                        letterSpacing: "-0.2px",
+                    } }, displayVal),
+                wasEdited && (react_1.default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" },
+                    react_1.default.createElement("path", { d: "M8.5 1.5L3.5 6.5 1.5 4.5", stroke: "#248384", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }))),
+                !wasEdited && (react_1.default.createElement("svg", { width: "9", height: "9", viewBox: "0 0 12 12", fill: "none", style: { opacity: 0.25 } },
+                    react_1.default.createElement("path", { d: "M8.5 1.5l2 2-7 7H1.5V8.5z", stroke: isFlagged ? "#FB9A1D" : "#E6E8F5", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }))))),
+            react_1.default.createElement("div", { style: { textAlign: "center" } }, (wasEdited || field.status === "pass") && !isFlagged ? (react_1.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
+                react_1.default.createElement("path", { d: "M2.5 6l3 3 4.5-5", stroke: "#34D399", strokeWidth: "1.5", strokeLinecap: "round" }))) : null)),
+        (isFlagged || wasEdited) && field.strategies.length > 0 && (react_1.default.createElement("div", { style: { display: "flex", gap: 4, flexWrap: "wrap", paddingBottom: 8 } }, field.strategies.map((s) => (react_1.default.createElement("span", { key: s, style: {
+                fontSize: 10,
+                fontWeight: 500,
+                color: "#E6E8F5",
+                padding: "2px 8px",
+                border: "1px solid #2E3160",
+                borderRadius: 4,
+                fontFamily: "inherit",
+                letterSpacing: 0.2,
+            } }, s)))))));
+}

package/lib/tax-axis/components/extractionReview/PurposeBlock.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface PurposeBlockProps {
+    totalFields: number;
+    totalDocs: number;
+}
+export declare function PurposeBlock({ totalFields, totalDocs }: PurposeBlockProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/extractionReview/PurposeBlock.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PurposeBlock = PurposeBlock;
+const react_1 = __importDefault(require("react"));
+function PurposeBlock({ totalFields, totalDocs }) {
+    return (react_1.default.createElement("div", { className: "mb-[18px] pb-[18px]", style: { borderBottom: "1px solid rgba(46,49,96,1)" } },
+        react_1.default.createElement("div", { className: "text-[11px] font-semibold font-tax-axis-mono uppercase mb-2", style: { color: "#A1E5E6", letterSpacing: "1.2px" } }, "Step 1 of 2 \u2014 Verify Extracted Data"),
+        react_1.default.createElement("div", { className: "text-[18px] font-semibold text-white font-tax-axis-head mb-2 leading-[1.3]" }, "Confirm the values TaxAxis pulled from your client's documents."),
+        react_1.default.createElement("div", { className: "text-[13px] text-tax-axis-text-2 font-tax-axis-body leading-[1.55]", style: { maxWidth: 640 } },
+            "TaxAxis extracted ",
+            totalFields,
+            " values from ",
+            totalDocs,
+            " documents. Values flagged for review had lower extraction confidence and need your eyes. Click any flagged value to correct it. When you're done, the Intelligence Report tab unlocks.")));
+}

package/lib/tax-axis/components/extractionReview/RerunFooter.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface RerunFooterProps {
+    totalEdits: number;
+    rerunning: boolean;
+    onRerun: () => void;
+}
+export declare function RerunFooter({ totalEdits, rerunning, onRerun }: RerunFooterProps): React.JSX.Element | null;
+export {};