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

package/lib/tax-axis/components/preparerWorkpaper/TaxAxisPreparerWorkpaper.js

@@ -0,0 +1,175 @@
+"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.TaxAxisPreparerWorkpaper = TaxAxisPreparerWorkpaper;
+const react_1 = __importStar(require("react"));
+const data_1 = require("../../lib/data");
+const compute_1 = require("../../lib/compute");
+const palette_1 = require("../clientReport/palette");
+const ReportToolbar_1 = require("../shared/ReportToolbar");
+const EngagementHeader_1 = require("./EngagementHeader");
+const Section6694Summary_1 = require("./Section6694Summary");
+const PriorityGroup_1 = require("./PriorityGroup");
+function TaxAxisPreparerWorkpaper({ profile, onBack, onToggleToClient }) {
+    const [expanded, setExpanded] = (0, react_1.useState)({});
+    const [printMode, setPrintMode] = (0, react_1.useState)(false);
+    const toggle = (rank, section) => setExpanded(prev => (Object.assign(Object.assign({}, prev), { [rank + "-" + section]: !prev[rank + "-" + section] })));
+    const eligible = (0, react_1.useMemo)(() => (0, compute_1.filterEligibleStrategies)(profile), [profile]);
+    const computed = (0, react_1.useMemo)(() => (0, compute_1.computeAllStrategies)(profile), [profile]);
+    const states = profile.states || [];
+    const bizName = profile.bizName || "Client";
+    const rev = parseInt((profile.revenue || "0").replace(/,/g, "")) || 0;
+    const substantialAuth = eligible.filter(s => s.cat !== "obbba_new").length;
+    const reasonableBasis = eligible.filter(s => s.cat === "obbba_new").length;
+    // Group by priority
+    const priorityOrder = ["HIGH", "QUICK WIN", "MEDIUM", "LOW"];
+    const grouped = priorityOrder
+        .map(p => ({ priority: p, items: eligible.filter(s => s.priority === p).sort((a, b) => b.score - a.score) }))
+        .filter(g => g.items.length > 0);
+    // Interaction pairs
+    const eligibleRanks = new Set(eligible.map(s => s.rank));
+    const activeInteractions = data_1.WORKPAPER_INTERACTION_PAIRS.filter(([a, b]) => eligibleRanks.has(a) && eligibleRanks.has(b));
+    // Savings summary
+    const sortedByMid = [...eligible].sort((a, b) => {
+        var _a, _b, _c, _d;
+        const ca = computed.get(a.rank), cb = computed.get(b.rank);
+        return (((_a = cb === null || cb === void 0 ? void 0 : cb.lo) !== null && _a !== void 0 ? _a : b.lo) + ((_b = cb === null || cb === void 0 ? void 0 : cb.hi) !== null && _b !== void 0 ? _b : b.hi)) / 2 - (((_c = ca === null || ca === void 0 ? void 0 : ca.lo) !== null && _c !== void 0 ? _c : a.lo) + ((_d = ca === null || ca === void 0 ? void 0 : ca.hi) !== null && _d !== void 0 ? _d : a.hi)) / 2;
+    });
+    const grandTotal = eligible.reduce((a, s) => {
+        var _a, _b;
+        const c = computed.get(s.rank);
+        return a + (((_a = c === null || c === void 0 ? void 0 : c.lo) !== null && _a !== void 0 ? _a : s.lo) + ((_b = c === null || c === void 0 ? void 0 : c.hi) !== null && _b !== void 0 ? _b : s.hi)) / 2;
+    }, 0);
+    const interactionAdj = Math.round(grandTotal * (activeInteractions.length > 0 ? 0.85 : 1));
+    const card = {
+        background: palette_1.P.white,
+        border: "1px solid " + palette_1.P.gray200,
+        borderRadius: 12,
+        padding: "24px 28px",
+        marginBottom: 16,
+        boxShadow: "0 1px 3px rgba(0,0,0,0.04)",
+    };
+    const sectionTitle = {
+        fontSize: 11,
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: "0.1em",
+        color: palette_1.P.gray500,
+        marginBottom: 16,
+        fontFamily: palette_1.P.body,
+    };
+    const handleToggle = (v) => {
+        if (v === "client" && onToggleToClient) {
+            onToggleToClient();
+            return;
+        }
+    };
+    const handlePrintPreparer = () => {
+        setPrintMode(true);
+        setTimeout(() => {
+            window.print();
+            setPrintMode(false);
+        }, 150);
+    };
+    const handlePrintClient = () => {
+        if (onToggleToClient) {
+            onToggleToClient();
+        }
+    };
+    return (react_1.default.createElement("div", { style: { background: palette_1.P.offWhite, minHeight: "100vh", fontFamily: palette_1.P.body, color: palette_1.P.gray900 } },
+        react_1.default.createElement("style", null, `
+        @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap');
+        @page { size: letter; margin: 0.75in 1in 1in 1in; orphans: 3; widows: 3; }
+        @media print {
+          body { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
+          .no-print { display: none !important; }
+          .MuiDrawer-root, .MuiDrawer-permanent, .MuiDrawer-paper,
+          .MuiAppBar-root { display: none !important; }
+          .flex.w-full.bg-white.p-2.shadow-sm { display: none !important; }
+          .flex.flex-col.w-full { margin-top: 0 !important; }
+          main.w-full { width: 100% !important; margin-left: 0 !important; padding: 0 !important; }
+          * { color-adjust: exact; -webkit-print-color-adjust: exact; }
+          body, p, span, div, td, th, li { color: #212529 !important; }
+          h1, h2, h3, h4, h5, h6, strong, b { color: #060821 !important; }
+        }
+      `),
+        react_1.default.createElement(ReportToolbar_1.ReportToolbar, { view: "preparer", palette: palette_1.P, onBack: onBack, onToggle: handleToggle, onPrintClient: handlePrintClient, onPrintPreparer: handlePrintPreparer }),
+        react_1.default.createElement("div", { style: { maxWidth: 680, margin: "0 auto", padding: "32px 20px 60px" } },
+            react_1.default.createElement(EngagementHeader_1.EngagementHeader, { profile: profile, palette: palette_1.P }),
+            react_1.default.createElement(Section6694Summary_1.Section6694Summary, { substantialAuth: substantialAuth, reasonableBasis: reasonableBasis, palette: palette_1.P }),
+            grouped.map(({ priority, items }) => (react_1.default.createElement(PriorityGroup_1.PriorityGroup, { key: priority, priority: priority, items: items, computed: computed, printMode: printMode, expanded: expanded, onToggle: toggle, palette: palette_1.P }))),
+            activeInteractions.length > 0 && (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, card), { marginBottom: 24 }) },
+                react_1.default.createElement("div", { style: sectionTitle }, "STRATEGY INTERACTIONS"),
+                activeInteractions.map(([a, b, desc], i) => {
+                    const sa = data_1.STRATEGIES.find(s => s.rank === a);
+                    const sb = data_1.STRATEGIES.find(s => s.rank === b);
+                    return (react_1.default.createElement("div", { key: i, style: { padding: "10px 0", borderBottom: i < activeInteractions.length - 1 ? "1px solid " + palette_1.P.gray200 : "none", display: "flex", gap: 10, alignItems: "flex-start" } },
+                        react_1.default.createElement("div", { style: { width: 6, height: 6, borderRadius: "50%", background: palette_1.P.orange, flexShrink: 0, marginTop: 6 } }),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("div", { style: { fontSize: 13, fontWeight: 600, color: palette_1.P.gray800, fontFamily: palette_1.P.body, marginBottom: 2 } }, "#" + a + " " + ((sa === null || sa === void 0 ? void 0 : sa.name) || "") + " \u2194 #" + b + " " + ((sb === null || sb === void 0 ? void 0 : sb.name) || "")),
+                            react_1.default.createElement("div", { style: { fontSize: 12, color: palette_1.P.gray500, lineHeight: 1.6 } }, desc))));
+                }))),
+            react_1.default.createElement("div", { style: Object.assign(Object.assign({}, card), { marginBottom: 24 }) },
+                react_1.default.createElement("div", { style: sectionTitle }, "SAVINGS SUMMARY"),
+                react_1.default.createElement("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: 12, fontFamily: palette_1.P.body } },
+                    react_1.default.createElement("thead", null,
+                        react_1.default.createElement("tr", { style: { borderBottom: "2px solid " + palette_1.P.gray300 } }, ["Strategy", "Savings (mid)", "Priority", "Position"].map(h => (react_1.default.createElement("th", { key: h, style: { padding: "6px 10px", textAlign: "left", fontSize: 10, fontWeight: 700, color: palette_1.P.gray400, textTransform: "uppercase", letterSpacing: ".5px" } }, h))))),
+                    react_1.default.createElement("tbody", null,
+                        sortedByMid.map((s, i) => {
+                            var _a, _b;
+                            const c = computed.get(s.rank);
+                            const mid = Math.round((((_a = c === null || c === void 0 ? void 0 : c.lo) !== null && _a !== void 0 ? _a : s.lo) + ((_b = c === null || c === void 0 ? void 0 : c.hi) !== null && _b !== void 0 ? _b : s.hi)) / 2);
+                            const isObbba = s.cat === "obbba_new";
+                            return (react_1.default.createElement("tr", { key: s.rank, style: { background: i % 2 === 0 ? palette_1.P.white : palette_1.P.gray50, borderBottom: "1px solid " + palette_1.P.gray100 } },
+                                react_1.default.createElement("td", { style: { padding: "6px 10px", fontWeight: 500, color: palette_1.P.gray800 } }, s.name),
+                                react_1.default.createElement("td", { style: { padding: "6px 10px", fontWeight: 600, color: palette_1.P.teal, fontFamily: palette_1.P.mono } }, "$" + mid.toLocaleString()),
+                                react_1.default.createElement("td", { style: { padding: "6px 10px" } },
+                                    react_1.default.createElement("span", { style: {
+                                            fontSize: 10,
+                                            fontWeight: 600,
+                                            padding: "2px 6px",
+                                            borderRadius: 4,
+                                            background: s.priority === "HIGH" ? palette_1.P.greenPale : s.priority === "QUICK WIN" ? palette_1.P.tealPale : s.priority === "MEDIUM" ? palette_1.P.orangePale : palette_1.P.gray100,
+                                            color: s.priority === "HIGH" ? palette_1.P.green : s.priority === "QUICK WIN" ? palette_1.P.teal : s.priority === "MEDIUM" ? "#B45309" : palette_1.P.gray600,
+                                        } }, s.priority)),
+                                react_1.default.createElement("td", { style: { padding: "6px 10px", fontSize: 11, color: isObbba ? palette_1.P.orange : palette_1.P.green } }, isObbba ? "Reasonable" : "Subst. Auth.")));
+                        }),
+                        react_1.default.createElement("tr", { style: { borderTop: "2px solid " + palette_1.P.gray300 } },
+                            react_1.default.createElement("td", { style: { padding: "8px 10px", fontWeight: 700, color: palette_1.P.gray900 } }, "TOTAL (before interactions)"),
+                            react_1.default.createElement("td", { style: { padding: "8px 10px", fontWeight: 700, color: palette_1.P.teal, fontFamily: palette_1.P.mono } }, "$" + Math.round(grandTotal).toLocaleString()),
+                            react_1.default.createElement("td", { colSpan: 2 })),
+                        activeInteractions.length > 0 && (react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", { style: { padding: "6px 10px", fontWeight: 600, color: palette_1.P.orange, fontSize: 11 } }, "Interaction-adjusted est."),
+                            react_1.default.createElement("td", { style: { padding: "6px 10px", fontWeight: 700, color: palette_1.P.orange, fontFamily: palette_1.P.mono } },
+                                "$" + interactionAdj.toLocaleString() + " ",
+                                react_1.default.createElement("span", { style: { fontWeight: 400, fontSize: 10 } }, "(\u221215%)")),
+                            react_1.default.createElement("td", { colSpan: 2 })))))),
+            react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "12px 0", borderTop: "1px solid " + palette_1.P.gray200, fontSize: 11, color: palette_1.P.gray500, fontFamily: palette_1.P.body } },
+                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6 } },
+                    react_1.default.createElement("div", { style: { width: 16, height: 16, borderRadius: 4, background: palette_1.P.navy, display: "flex", alignItems: "center", justifyContent: "center" } },
+                        react_1.default.createElement("span", { style: { fontSize: 8, fontWeight: 700, color: palette_1.P.white } }, "P")),
+                    "Paro TaxAxis \u00B7 Preparer Workpaper \u00B7 Confidential"),
+                react_1.default.createElement("span", null, eligible.length + " strategies \u00B7 " + profile.year)))));
+}

package/lib/tax-axis/components/presentationMode/TaxAxisPresentationMode.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ClientProfile, TaxAxisScreenProps } from "../../lib/types";
+export interface TaxAxisPresentationModeProps extends TaxAxisScreenProps {
+    profile: ClientProfile;
+    onBack?: () => void;
+}
+export declare function TaxAxisPresentationMode({ profile, onBack, }: TaxAxisPresentationModeProps): React.JSX.Element;

package/lib/tax-axis/components/presentationMode/TaxAxisPresentationMode.js

@@ -0,0 +1,245 @@
+"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.TaxAxisPresentationMode = TaxAxisPresentationMode;
+const react_1 = __importStar(require("react"));
+const data_1 = require("../../lib/data");
+const compute_1 = require("../../lib/compute");
+const theme_1 = require("../prospectReport/theme");
+// ═══════════════════════════════════════════════════════════════════
+// TaxAxisPresentationMode — S9 Keynote-style slide deck
+// Ported from mock (App.jsx:3546-3818).
+// ═══════════════════════════════════════════════════════════════════
+/* ═══ GlowBtn — inline-styled button matching mock ═══ */
+function GlowBtn({ children, onClick, disabled, style }) {
+    return (react_1.default.createElement("button", { onClick: disabled ? undefined : onClick, style: Object.assign({ padding: "14px 28px", border: "none", borderRadius: 8, fontSize: 14, fontWeight: 600, fontFamily: theme_1.T.body, letterSpacing: ".2px", opacity: disabled ? 0.4 : 1, cursor: disabled ? "not-allowed" : "pointer", background: `linear-gradient(135deg,${theme_1.T.accent},#1A6B6C)`, color: theme_1.T.white, boxShadow: disabled ? "none" : `0 0 20px rgba(36,131,132,0.25),0 4px 16px rgba(6,8,33,0.4)` }, style) }, children));
+}
+function TaxAxisPresentationMode({ profile, onBack, }) {
+    const bizName = profile.bizName || "Client";
+    const cpaName = profile.cpaName || "Your Tax Preparer";
+    const entity = profile.entity;
+    const industry = profile.industry || "";
+    const stateCount = (profile.states || []).length || 1;
+    // ═══ ELIGIBLE STRATEGIES ═══
+    const eligible = (0, react_1.useMemo)(() => (0, compute_1.filterEligibleStrategies)(profile), [profile]);
+    const computed = (0, react_1.useMemo)(() => (0, compute_1.computeAllStrategies)(profile), [profile]);
+    const totalLo = Math.round(eligible.reduce((a, s) => { var _a, _b; return a + ((_b = (_a = computed.get(s.rank)) === null || _a === void 0 ? void 0 : _a.lo) !== null && _b !== void 0 ? _b : s.lo); }, 0) / 1000);
+    const totalHi = Math.round(eligible.reduce((a, s) => { var _a, _b; return a + ((_b = (_a = computed.get(s.rank)) === null || _a === void 0 ? void 0 : _a.hi) !== null && _b !== void 0 ? _b : s.hi); }, 0) / 1000);
+    const sortedEligible = (0, react_1.useMemo)(() => [...eligible].sort((a, b) => b.score - a.score), [eligible]);
+    const defaultTop3 = (0, react_1.useMemo)(() => sortedEligible.slice(0, 3).map(s => s.rank), [sortedEligible]);
+    // ═══ STATE ═══
+    const [picking, setPicking] = (0, react_1.useState)(true);
+    const [selectedRanks, setSelectedRanks] = (0, react_1.useState)(defaultTop3);
+    const [currentSlide, setCurrentSlide] = (0, react_1.useState)(0);
+    // ═══ DERIVED FROM SELECTION ═══
+    const selectedStrategies = selectedRanks
+        .map(r => data_1.STRATEGIES.find(s => s.rank === r))
+        .filter((s) => Boolean(s));
+    const honorable = eligible.filter(s => !selectedRanks.includes(s.rank));
+    const hasHonorable = honorable.length > 0;
+    const totalSlides = 2 + selectedStrategies.length + (hasHonorable ? 1 : 0) + 1;
+    // ═══ FORMAT HELPER — rounded to $100 ═══
+    const stSavings = (s) => {
+        var _a, _b;
+        const c = computed.get(s.rank);
+        const lo = Math.round(((_a = c === null || c === void 0 ? void 0 : c.lo) !== null && _a !== void 0 ? _a : s.lo) / 100) * 100;
+        const hi = Math.round(((_b = c === null || c === void 0 ? void 0 : c.hi) !== null && _b !== void 0 ? _b : s.hi) / 100) * 100;
+        return { lo, hi, display: `$${lo.toLocaleString()}\u2013$${hi.toLocaleString()}` };
+    };
+    // ═══ KEYBOARD NAVIGATION ═══
+    (0, react_1.useEffect)(() => {
+        if (picking)
+            return;
+        const handleKey = (e) => {
+            if (e.key === "ArrowRight" || e.key === " ")
+                setCurrentSlide(s => Math.min(s + 1, totalSlides - 1));
+            if (e.key === "ArrowLeft")
+                setCurrentSlide(s => Math.max(s - 1, 0));
+            if (e.key === "Escape" && onBack)
+                onBack();
+        };
+        window.addEventListener("keydown", handleKey);
+        return () => window.removeEventListener("keydown", handleKey);
+    }, [picking, totalSlides, onBack]);
+    const toggleStrategy = (rank) => {
+        setSelectedRanks(prev => {
+            if (prev.includes(rank))
+                return prev.filter(r => r !== rank);
+            if (prev.length >= 5)
+                return prev;
+            return [...prev, rank];
+        });
+    };
+    // ═══ STRATEGY PICKER MODAL ═══
+    if (picking) {
+        return (react_1.default.createElement("div", { style: { position: "fixed", inset: 0, background: theme_1.T.bg, zIndex: 300, display: "flex", alignItems: "center", justifyContent: "center" } },
+            react_1.default.createElement("div", { style: { width: 520, maxWidth: "calc(100vw - 40px)", background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 16, boxShadow: theme_1.T.shadowLg, overflow: "hidden" } },
+                react_1.default.createElement("div", { style: { padding: "24px 28px 16px" } },
+                    react_1.default.createElement("div", { style: { fontSize: 12, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: theme_1.T.accent, fontFamily: theme_1.T.mono, marginBottom: 8 } }, "SELECT STRATEGIES TO PRESENT"),
+                    react_1.default.createElement("div", { style: { fontSize: 13, color: theme_1.T.text2, fontFamily: theme_1.T.body, lineHeight: 1.6 } }, "Pick up to 5 strategies to walk through. Default: your top 3 by impact.")),
+                react_1.default.createElement("div", { style: { maxHeight: "50vh", overflowY: "auto", padding: "0 28px" } }, sortedEligible.map(s => {
+                    const checked = selectedRanks.includes(s.rank);
+                    const sv = stSavings(s);
+                    return (react_1.default.createElement("div", { key: s.rank, onClick: () => toggleStrategy(s.rank), style: { display: "flex", alignItems: "center", gap: 12, padding: "10px 0", borderBottom: `1px solid ${theme_1.T.border}`, cursor: "pointer", opacity: !checked && selectedRanks.length >= 5 ? 0.4 : 1 } },
+                        react_1.default.createElement("div", { style: { width: 20, height: 20, borderRadius: 4, border: `2px solid ${checked ? theme_1.T.accent : theme_1.T.border}`, background: checked ? theme_1.T.accent : "transparent", display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0, transition: "all .15s" } }, checked && react_1.default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none" },
+                            react_1.default.createElement("path", { d: "M2 6l3 3 5-6", stroke: theme_1.T.white, strokeWidth: "2", strokeLinecap: "round" }))),
+                        react_1.default.createElement("div", { style: { width: 28, height: 28, borderRadius: 6, background: theme_1.T.surface2, display: "flex", alignItems: "center", justifyContent: "center", fontSize: 11, fontWeight: 700, color: theme_1.T.text3, fontFamily: theme_1.T.mono, flexShrink: 0 } },
+                            "#",
+                            s.rank),
+                        react_1.default.createElement("div", { style: { flex: 1 } },
+                            react_1.default.createElement("div", { style: { fontSize: 14, fontWeight: 600, color: theme_1.T.text, fontFamily: theme_1.T.head } }, s.name)),
+                        react_1.default.createElement("div", { style: { fontSize: 13, fontWeight: 600, color: theme_1.T.accentLt, fontFamily: theme_1.T.mono, flexShrink: 0 } }, sv.display)));
+                })),
+                react_1.default.createElement("div", { style: { padding: "16px 28px", borderTop: `1px solid ${theme_1.T.border}`, display: "flex", justifyContent: "space-between", alignItems: "center" } },
+                    react_1.default.createElement("button", { onClick: onBack, style: { padding: "10px 20px", background: "none", border: `1px solid ${theme_1.T.border}`, borderRadius: 8, fontSize: 13, color: theme_1.T.text3, fontFamily: theme_1.T.body, cursor: "pointer" } }, "Cancel"),
+                    react_1.default.createElement(GlowBtn, { onClick: () => { setPicking(false); setCurrentSlide(0); }, disabled: selectedRanks.length === 0 }, "Start Presentation")))));
+    }
+    // ═══ SLIDE CONTENT ═══
+    const renderSlide = () => {
+        // Slide 0: Title
+        if (currentSlide === 0) {
+            return (react_1.default.createElement("div", { style: { textAlign: "center" } },
+                react_1.default.createElement("div", { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-50%)", width: 500, height: 500, borderRadius: "50%", background: `radial-gradient(circle,${theme_1.T.accentGlow},transparent 70%)`, pointerEvents: "none" } }),
+                react_1.default.createElement("div", { style: { position: "relative" } },
+                    react_1.default.createElement("div", { style: { fontSize: 13, fontWeight: 700, textTransform: "uppercase", letterSpacing: 4, color: theme_1.T.accent, fontFamily: theme_1.T.mono, marginBottom: 24 } }, "TAX STRATEGY REVIEW"),
+                    react_1.default.createElement("div", { style: { fontSize: 48, fontWeight: 900, color: theme_1.T.white, fontFamily: theme_1.T.head, lineHeight: 1.1, marginBottom: 16 } }, bizName),
+                    react_1.default.createElement("div", { style: { fontSize: 16, color: theme_1.T.text3, fontFamily: theme_1.T.body, marginBottom: 8 } },
+                        "Prepared by ",
+                        cpaName),
+                    react_1.default.createElement("div", { style: { fontSize: 16, color: theme_1.T.text4, fontFamily: theme_1.T.body } }, new Date().toLocaleDateString("en-US", { month: "long", year: "numeric" })),
+                    react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: 8, marginTop: 40 } },
+                        react_1.default.createElement("div", { style: { width: 24, height: 24, borderRadius: 6, background: theme_1.T.accent, display: "flex", alignItems: "center", justifyContent: "center" } },
+                            react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 700, color: theme_1.T.white } }, "P")),
+                        react_1.default.createElement("span", { style: { fontSize: 13, fontWeight: 600, color: theme_1.T.text3, fontFamily: theme_1.T.head } }, "Paro TaxAxis")))));
+        }
+        // Slide 1: The Opportunity
+        if (currentSlide === 1) {
+            return (react_1.default.createElement("div", { style: { textAlign: "center" } },
+                react_1.default.createElement("div", { style: { fontSize: 20, color: theme_1.T.text2, fontFamily: theme_1.T.body, marginBottom: 4 } }, "We identified"),
+                react_1.default.createElement("div", { style: { fontSize: 20, fontWeight: 700, color: theme_1.T.accent, fontFamily: theme_1.T.body, marginBottom: 4 } },
+                    eligible.length,
+                    " tax strategies"),
+                react_1.default.createElement("div", { style: { fontSize: 20, color: theme_1.T.text2, fontFamily: theme_1.T.body, marginBottom: 24 } }, "that could save you"),
+                react_1.default.createElement("div", { style: { fontSize: 64, fontWeight: 900, color: theme_1.T.accentLt, fontFamily: theme_1.T.head, letterSpacing: "-3px", lineHeight: 1, marginBottom: 20, textShadow: "0 0 80px rgba(161,229,230,0.15)" } },
+                    "$",
+                    totalLo,
+                    "K \u2013 $",
+                    totalHi,
+                    "K"),
+                react_1.default.createElement("div", { style: { fontSize: 16, color: theme_1.T.text3, fontFamily: theme_1.T.body, marginTop: 32 } }, "Based on your business profile"),
+                react_1.default.createElement("div", { style: { fontSize: 14, color: theme_1.T.text4, fontFamily: theme_1.T.body, marginTop: 6 } },
+                    entity,
+                    " \u00B7 ",
+                    industry,
+                    " \u00B7 ",
+                    stateCount,
+                    " state",
+                    stateCount > 1 ? "s" : "")));
+        }
+        // Slides 2..N: Strategy slides
+        const stratIdx = currentSlide - 2;
+        if (stratIdx >= 0 && stratIdx < selectedStrategies.length) {
+            const s = selectedStrategies[stratIdx];
+            const sv = stSavings(s);
+            const isObbba = s.cat === "obbba_new";
+            return (react_1.default.createElement("div", null,
+                react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 24 } },
+                    react_1.default.createElement("div", { style: { fontSize: 12, fontWeight: 700, textTransform: "uppercase", letterSpacing: 3, color: theme_1.T.accent, fontFamily: theme_1.T.mono } },
+                        "STRATEGY ",
+                        stratIdx + 1),
+                    react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 600, padding: "4px 12px", borderRadius: 20, background: s.priority === "HIGH" ? theme_1.T.accentBg : s.priority === "QUICK WIN" ? theme_1.T.accentBg : theme_1.T.orangeBg, color: s.priority === "HIGH" ? theme_1.T.accentLt : s.priority === "QUICK WIN" ? theme_1.T.accentLt : theme_1.T.orange, fontFamily: theme_1.T.mono } }, s.priority)),
+                react_1.default.createElement("div", { style: { fontSize: 36, fontWeight: 800, color: theme_1.T.white, fontFamily: theme_1.T.head, lineHeight: 1.15, marginBottom: 16 } }, s.name),
+                react_1.default.createElement("div", { style: { fontSize: 48, fontWeight: 900, color: theme_1.T.accentLt, fontFamily: theme_1.T.head, letterSpacing: "-2px", lineHeight: 1, marginBottom: 6 } }, sv.display),
+                react_1.default.createElement("div", { style: { fontSize: 14, color: theme_1.T.text4, fontFamily: theme_1.T.body, marginBottom: 28 } }, "estimated annual savings"),
+                react_1.default.createElement("div", { style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 12, padding: "20px 24px", marginBottom: 24, maxWidth: 640 } },
+                    react_1.default.createElement("p", { style: { fontSize: 18, color: theme_1.T.text2, lineHeight: 1.8, fontFamily: theme_1.T.body } }, s.abstract)),
+                react_1.default.createElement("div", { style: { background: theme_1.T.accentBg, borderLeft: `3px solid ${theme_1.T.accent}`, borderRadius: "0 8px 8px 0", padding: "16px 20px", marginBottom: 24, maxWidth: 640 } },
+                    react_1.default.createElement("div", { style: { fontSize: 12, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.08em", color: theme_1.T.accentLt, fontFamily: theme_1.T.mono, marginBottom: 6 } }, "NEXT STEP"),
+                    react_1.default.createElement("div", { style: { fontSize: 15, color: theme_1.T.text, lineHeight: 1.7, fontFamily: theme_1.T.body } }, data_1.NEXT_STEPS[s.rank] || "Discuss implementation with your preparer.")),
+                react_1.default.createElement("div", { style: { fontSize: 12, color: theme_1.T.text4, fontFamily: theme_1.T.mono, display: "flex", gap: 16 } },
+                    react_1.default.createElement("span", null, s.code),
+                    react_1.default.createElement("span", null, "\u00B7"),
+                    react_1.default.createElement("span", null, s.timeline),
+                    react_1.default.createElement("span", null, "\u00B7"),
+                    react_1.default.createElement("span", null, isObbba ? "Reasonable Basis" : "Substantial Authority"))));
+        }
+        // Honorable Mentions slide
+        const honorableSlideIdx = 2 + selectedStrategies.length;
+        if (hasHonorable && currentSlide === honorableSlideIdx) {
+            const cols = honorable.length >= 6 ? 3 : 2;
+            return (react_1.default.createElement("div", null,
+                react_1.default.createElement("div", { style: { fontSize: 12, fontWeight: 700, textTransform: "uppercase", letterSpacing: 3, color: theme_1.T.accent, fontFamily: theme_1.T.mono, marginBottom: 12 } }, "ALSO IDENTIFIED"),
+                react_1.default.createElement("div", { style: { fontSize: 20, color: theme_1.T.text2, fontFamily: theme_1.T.body, marginBottom: 28 } },
+                    honorable.length,
+                    " additional strategies for your business"),
+                react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: `repeat(${cols},1fr)`, gap: 10, marginBottom: 28 } }, honorable.map(s => {
+                    const sv = stSavings(s);
+                    return (react_1.default.createElement("div", { key: s.rank, style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 10, padding: 14 } },
+                        react_1.default.createElement("div", { style: { fontSize: 13, fontWeight: 600, color: theme_1.T.text, fontFamily: theme_1.T.body, marginBottom: 4 } }, s.name),
+                        react_1.default.createElement("div", { style: { fontSize: 14, fontWeight: 700, color: theme_1.T.accentLt, fontFamily: theme_1.T.mono } }, sv.display)));
+                })),
+                react_1.default.createElement("div", { style: { fontSize: 14, color: theme_1.T.text3, fontFamily: theme_1.T.body } }, "Full details in your written report.")));
+        }
+        // Next Steps / Close slide (always last)
+        return (react_1.default.createElement("div", { style: { textAlign: "center" } },
+            react_1.default.createElement("div", { style: { fontSize: 12, fontWeight: 700, textTransform: "uppercase", letterSpacing: 3, color: theme_1.T.accent, fontFamily: theme_1.T.mono, marginBottom: 32 } }, "WHAT HAPPENS NEXT"),
+            react_1.default.createElement("div", { style: { textAlign: "left", display: "inline-block", maxWidth: 520 } }, [
+                "You provide the documents we discussed",
+                "We run the full analysis (same day)",
+                "You receive a detailed written report",
+                "We implement the strategies together",
+            ].map((step, i) => (react_1.default.createElement("div", { key: i, style: { display: "flex", alignItems: "baseline", gap: 16, marginBottom: 12 } },
+                react_1.default.createElement("span", { style: { fontSize: 18, fontWeight: 700, color: theme_1.T.accent, fontFamily: theme_1.T.mono, minWidth: 24 } },
+                    i + 1,
+                    "."),
+                react_1.default.createElement("span", { style: { fontSize: 18, color: theme_1.T.text, lineHeight: 2.2, fontFamily: theme_1.T.body } }, step))))),
+            react_1.default.createElement("div", { style: { fontSize: 40, fontWeight: 900, color: theme_1.T.white, fontFamily: theme_1.T.head, marginTop: 40 } }, "Questions?"),
+            react_1.default.createElement("div", { style: { width: 60, height: 2, background: theme_1.T.accent, margin: "24px auto", borderRadius: 1 } }),
+            react_1.default.createElement("div", { style: { fontSize: 16, color: theme_1.T.text3, fontFamily: theme_1.T.body } }, cpaName),
+            react_1.default.createElement("div", { style: { fontSize: 13, color: theme_1.T.text4, fontFamily: theme_1.T.body, marginTop: 4 } }, "Prepared with Paro TaxAxis")));
+    };
+    // ═══ SLIDE CHROME ═══
+    return (react_1.default.createElement("div", { style: { position: "fixed", inset: 0, background: theme_1.T.bg, zIndex: 200, display: "flex", flexDirection: "column" } },
+        react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "16px 24px", flexShrink: 0 } },
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } },
+                react_1.default.createElement("div", { style: { width: 20, height: 20, borderRadius: 5, background: theme_1.T.accent, display: "flex", alignItems: "center", justifyContent: "center" } },
+                    react_1.default.createElement("span", { style: { fontSize: 10, fontWeight: 700, color: theme_1.T.white } }, "P")),
+                react_1.default.createElement("span", { style: { fontSize: 12, color: theme_1.T.text4, fontFamily: theme_1.T.body } }, "TaxAxis")),
+            react_1.default.createElement("span", { style: { fontSize: 12, color: theme_1.T.text4, fontFamily: theme_1.T.mono } },
+                currentSlide + 1,
+                " / ",
+                totalSlides)),
+        react_1.default.createElement("div", { style: { flex: 1, display: "flex", alignItems: "center", justifyContent: "center", overflow: "auto", padding: "0 40px" } },
+            react_1.default.createElement("div", { key: currentSlide, style: { maxWidth: 800, width: "100%", position: "relative" } }, renderSlide())),
+        react_1.default.createElement("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", padding: "16px 24px", gap: 16, flexShrink: 0, position: "relative" } },
+            react_1.default.createElement("button", { onClick: () => setCurrentSlide(s => Math.max(s - 1, 0)), disabled: currentSlide === 0, style: { background: "none", border: `1px solid ${currentSlide === 0 ? "transparent" : theme_1.T.border}`, borderRadius: 8, width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", color: currentSlide === 0 ? theme_1.T.text4 : theme_1.T.text2, fontSize: 16, cursor: currentSlide === 0 ? "default" : "pointer", fontFamily: theme_1.T.body } },
+                react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
+                    react_1.default.createElement("path", { d: "M9 3L5 7l4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }))),
+            react_1.default.createElement("div", { style: { display: "flex", gap: 6 } }, Array.from({ length: totalSlides }).map((_, i) => (react_1.default.createElement("div", { key: i, onClick: () => setCurrentSlide(i), style: { width: 8, height: 8, borderRadius: "50%", background: i === currentSlide ? theme_1.T.accent : theme_1.T.border, cursor: "pointer", transition: "all .2s" } })))),
+            react_1.default.createElement("button", { onClick: () => setCurrentSlide(s => Math.min(s + 1, totalSlides - 1)), disabled: currentSlide === totalSlides - 1, style: { background: "none", border: `1px solid ${currentSlide === totalSlides - 1 ? "transparent" : theme_1.T.border}`, borderRadius: 8, width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", color: currentSlide === totalSlides - 1 ? theme_1.T.text4 : theme_1.T.text2, fontSize: 16, cursor: currentSlide === totalSlides - 1 ? "default" : "pointer", fontFamily: theme_1.T.body } },
+                react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
+                    react_1.default.createElement("path", { d: "M5 3l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }))),
+            react_1.default.createElement("div", { style: { position: "absolute", right: 24, fontSize: 10, color: theme_1.T.text4, fontFamily: theme_1.T.mono } }, "ESC to exit"))));
+}

package/lib/tax-axis/components/processing/ProcessingStages.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface ProcessingStagesProps {
+    stages: string[];
+    progress: number;
+}
+export declare function ProcessingStages({ stages, progress, }: ProcessingStagesProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/processing/ProcessingStages.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProcessingStages = ProcessingStages;
+const react_1 = __importDefault(require("react"));
+function ProcessingStages({ stages, progress, }) {
+    return (react_1.default.createElement("div", { className: "max-w-[380px] mx-auto text-left" }, stages.map((label, i) => (react_1.default.createElement("div", { key: i, className: "flex gap-2.5 items-center py-[5px] transition-opacity duration-[400ms]", style: { opacity: i <= progress ? 1 : 0.12 } },
+        react_1.default.createElement("span", { className: "text-xs font-semibold font-tax-axis-mono w-4 text-center", style: { color: i < progress ? "#248384" : "#9498B8" } }, i < progress ? "\u2022" : "\u00B7"),
+        react_1.default.createElement("span", { className: "text-[13px] font-tax-axis-body", style: {
+                color: i === progress ? "#FFFFFF" : "#E6E8F5",
+                fontWeight: i === progress ? 500 : 400,
+            } },
+            label,
+            i === progress && (react_1.default.createElement("span", { className: "animate-pulse ml-1 text-tax-axis-text-3" }, "..."))))))));
+}

package/lib/tax-axis/components/processing/TaxAxisProcessing.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ClientProfile, TaxAxisScreenProps } from "../../lib/types";
+export interface TaxAxisProcessingProps extends TaxAxisScreenProps {
+    onComplete: () => void;
+    profile?: ClientProfile;
+}
+export declare function TaxAxisProcessing({ onComplete, profile, userContext: _userContext, }: TaxAxisProcessingProps): React.JSX.Element;

package/lib/tax-axis/components/processing/TaxAxisProcessing.js

@@ -0,0 +1,105 @@
+"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.TaxAxisProcessing = TaxAxisProcessing;
+const react_1 = __importStar(require("react"));
+const ProcessingStages_1 = require("./ProcessingStages");
+function buildStages(profile) {
+    var _a;
+    if (!profile) {
+        return [
+            "Parsing source documents",
+            "Injecting IRS 2026 parameters",
+            "Screening 25 eligible strategies",
+            "Computing deterministic tax math",
+            "Generating IRS citations",
+        ];
+    }
+    const entity = profile.entity || "your";
+    const stateCount = ((_a = profile.states) === null || _a === void 0 ? void 0 : _a.length) || 1;
+    const bizName = profile.bizName || "your business";
+    // Verbatim from mock (App.jsx:1473-1477)
+    const base = [
+        "Parsing source documents",
+        "Injecting IRS 2026 parameters",
+        "Loading OBBBA provisions",
+        `Classifying ${entity} profile`,
+    ];
+    if (entity === "S-Corporation" || entity === "Partnership" || entity === "LLC") {
+        base.push(`Evaluating PTE + SALT cap across ${stateCount} state${stateCount > 1 ? "s" : ""}`);
+    }
+    if (entity === "S-Corporation") {
+        base.push("Benchmarking officer salary against BLS data");
+    }
+    base.push("Screening 25 eligible strategies", "Computing deterministic tax math", "Cross-validating source documents", "Generating IRS citations", `Assembling TaxAxis report for ${bizName}`);
+    return base;
+}
+function TaxAxisProcessing({ onComplete, profile, userContext: _userContext = "expert", }) {
+    const stages = (0, react_1.useMemo)(() => buildStages(profile), [profile]);
+    const [progress, setProgress] = (0, react_1.useState)(0);
+    // Staged timer from mock (App.jsx:1481). setInterval advances one stage
+    // per tick; after the final stage, a 1000ms delay fires onComplete.
+    // Target: ~8s total. Dynamic path: 10 stages × 700ms = 7s + 1s nav = 8s.
+    // Fallback path (no profile): 5 stages × 1400ms = 7s + 1s nav = 8s.
+    const stageInterval = stages.length <= 5 ? 1400 : 700;
+    (0, react_1.useEffect)(() => {
+        let i = 0;
+        let navTimer = null;
+        const iv = setInterval(() => {
+            i++;
+            setProgress(i);
+            if (i >= stages.length) {
+                clearInterval(iv);
+                navTimer = setTimeout(onComplete, 1000);
+            }
+        }, stageInterval);
+        return () => {
+            clearInterval(iv);
+            if (navTimer !== null)
+                clearTimeout(navTimer);
+        };
+    }, [stages.length, stageInterval, onComplete]);
+    const pct = Math.round((progress / stages.length) * 100);
+    const title = (profile === null || profile === void 0 ? void 0 : profile.bizName)
+        ? `Analyzing ${profile.bizName}`
+        : "Running Analysis";
+    return (react_1.default.createElement("div", { className: "pt-[60px] text-center" },
+        react_1.default.createElement("div", { className: "relative w-[72px] h-[72px] mx-auto mb-7" },
+            react_1.default.createElement("div", { className: "absolute inset-0 rounded-full animate-ping", style: {
+                    background: "radial-gradient(circle, #248384, transparent 70%)",
+                    opacity: 0.15,
+                } }),
+            react_1.default.createElement("div", { className: "absolute inset-0 w-[72px] h-[72px] rounded-full bg-tax-axis-surface flex items-center justify-center", style: { border: "2px solid rgba(36,131,132,0.4)" } },
+                react_1.default.createElement("span", { className: "text-[28px] font-bold text-tax-axis-teal-light font-tax-axis-mono" }, pct))),
+        react_1.default.createElement("h2", { className: "text-[22px] font-bold text-white font-tax-axis-head mb-1" }, title),
+        react_1.default.createElement("p", { className: "text-[13px] text-tax-axis-text-3 font-tax-axis-body mb-7" }, "Deterministic \u00B7 Temperature 0 \u00B7 IRS-cited"),
+        react_1.default.createElement("div", { className: "max-w-[360px] mx-auto mb-6 h-0.5 bg-tax-axis-surface-2 rounded-sm overflow-hidden" },
+            react_1.default.createElement("div", { className: "h-full rounded-sm transition-[width] duration-[400ms]", style: {
+                    width: `${pct}%`,
+                    background: "linear-gradient(90deg, #248384, #A1E5E6)",
+                    boxShadow: "0 0 8px #248384",
+                } })),
+        react_1.default.createElement(ProcessingStages_1.ProcessingStages, { stages: stages, progress: progress })));
+}

package/lib/tax-axis/components/prospectReport/ProspectCover.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { ClientProfile } from "../../lib/types";
+interface ProspectCoverProps {
+    profile: ClientProfile;
+    bizName: string;
+    displayLo: number;
+    displayHi: number;
+}
+export declare function ProspectCover({ profile, bizName, displayLo, displayHi }: ProspectCoverProps): React.JSX.Element;
+export {};