@paro.io/expert-shared-components 1.14.59 → 1.14.60

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TaxAxisShell = exports.ProjectIntelligence = exports.Escalations = exports.fileDownloader = exports.DiscussionSection = exports.fileUploader = exports.InvoiceCard = exports.ActiveProjectCard = exports.sharedUtils = exports.ServiceLinesTemplate = exports.HeaderNavBar = exports.DocumentCenter = exports.ProfileCompletedPercentage = exports.ExpertProfileHeader = exports.OrganizationChart = exports.FirmEmployeeSection = exports.ClientReferenceSection = exports.Reviews = exports.ReviewsTab = void 0;
+exports.TaxAxisPresentationMode = exports.TaxAxisProspectReport = exports.TaxAxisExtractionReview = exports.TaxAxisPreparerWorkpaper = exports.TaxAxisClientReport = exports.TaxAxisDashboard = exports.TaxAxisProcessing = exports.TaxAxisDocuments = exports.TaxAxisIntake = exports.TaxAxisCard = exports.TaxAxisButton = exports.TaxAxisBadge = exports.SectionHeader = exports.ProjectIntelligence = exports.Escalations = exports.fileDownloader = exports.DiscussionSection = exports.fileUploader = exports.InvoiceCard = exports.ActiveProjectCard = exports.sharedUtils = exports.ServiceLinesTemplate = exports.HeaderNavBar = exports.DocumentCenter = exports.ProfileCompletedPercentage = exports.ExpertProfileHeader = exports.OrganizationChart = exports.FirmEmployeeSection = exports.ClientReferenceSection = exports.Reviews = exports.ReviewsTab = void 0;
 var ReviewsTab_1 = require("./components/ReviewsTab");
 Object.defineProperty(exports, "ReviewsTab", { enumerable: true, get: function () { return ReviewsTab_1.ReviewsTab; } });
 var Reviews_1 = require("./components/Reviews");
@@ -37,5 +37,29 @@ var Escalations_1 = require("./components/Escalations");
 Object.defineProperty(exports, "Escalations", { enumerable: true, get: function () { return Escalations_1.Escalations; } });
 var ProjectIntelligence_1 = require("./components/ProjectIntelligence");
 Object.defineProperty(exports, "ProjectIntelligence", { enumerable: true, get: function () { return ProjectIntelligence_1.ProjectIntelligence; } });
-var TaxAxis_1 = require("./components/TaxAxis");
-Object.defineProperty(exports, "TaxAxisShell", { enumerable: true, get: function () { return TaxAxis_1.TaxAxisShell; } });
+var tax_axis_1 = require("./tax-axis");
+Object.defineProperty(exports, "SectionHeader", { enumerable: true, get: function () { return tax_axis_1.SectionHeader; } });
+var tax_axis_2 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisBadge", { enumerable: true, get: function () { return tax_axis_2.TaxAxisBadge; } });
+var tax_axis_3 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisButton", { enumerable: true, get: function () { return tax_axis_3.TaxAxisButton; } });
+var tax_axis_4 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisCard", { enumerable: true, get: function () { return tax_axis_4.TaxAxisCard; } });
+var tax_axis_5 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisIntake", { enumerable: true, get: function () { return tax_axis_5.TaxAxisIntake; } });
+var tax_axis_6 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisDocuments", { enumerable: true, get: function () { return tax_axis_6.TaxAxisDocuments; } });
+var tax_axis_7 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisProcessing", { enumerable: true, get: function () { return tax_axis_7.TaxAxisProcessing; } });
+var tax_axis_8 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisDashboard", { enumerable: true, get: function () { return tax_axis_8.TaxAxisDashboard; } });
+var tax_axis_9 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisClientReport", { enumerable: true, get: function () { return tax_axis_9.TaxAxisClientReport; } });
+var tax_axis_10 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisPreparerWorkpaper", { enumerable: true, get: function () { return tax_axis_10.TaxAxisPreparerWorkpaper; } });
+var tax_axis_11 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisExtractionReview", { enumerable: true, get: function () { return tax_axis_11.TaxAxisExtractionReview; } });
+var tax_axis_12 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisProspectReport", { enumerable: true, get: function () { return tax_axis_12.TaxAxisProspectReport; } });
+var tax_axis_13 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisPresentationMode", { enumerable: true, get: function () { return tax_axis_13.TaxAxisPresentationMode; } });

package/lib/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@paro.io/expert-shared-components",
+  "version": "1.14.48",
+  "description": "",
+  "main": "lib/index.js",
+  "scripts": {
+    "build": "tsc",
+    "build:watch": "tsc --watch",
+    "prepare": "yarn build",
+    "test": "yarn test:build",
+    "test:build": "yarn build",
+    "clean": "yarn -rf lib",
+    "predeploy": "tsc && cp package.json README.md ./lib",
+    "link-local": "yarn link && cd node_modules/react && yarn link && cd ../react-dom && yarn link",
+    "unlink-local": "yarn unlink && cd node_modules/react && yarn unlink && cd ../react-dom && yarn unlink"
+  },
+  "repository": "https://github.com/paroadmin/expert-shared-components.git",
+  "keywords": [
+    "react",
+    "components",
+    "shared"
+  ],
+  "author": "apande@paro.io",
+  "license": "MIT",
+  "dependencies": {
+    "@date-io/dayjs": "1.x",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@hookform/resolvers": "3.3.4",
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/icons": "^4.11.3",
+    "@material-ui/lab": "^4.0.0-alpha.61",
+    "@material-ui/pickers": "^3.3.11",
+    "@paro.io/base-icons": "^1.0.4",
+    "@paro.io/base-ui": "^1.8.3",
+    "@types/react-input-mask": "^3.0.5",
+    "dayjs": "^1.10.7",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-copy-to-clipboard": "^5.0.4",
+    "react-datepicker": "^4.6.0",
+    "react-dom": "^17.0.2",
+    "react-hook-form": "7.51.1",
+    "react-hot-toast": "^2.4.1",
+    "react-input-mask": "^3.0.0-alpha.2",
+    "styled-components": "^5.3.3",
+    "uuid": "8.3.2",
+    "yup": "^0.32.11"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.170",
+    "@types/react": "18.3.12",
+    "@types/react-copy-to-clipboard": "^5.0.2",
+    "@types/react-datepicker": "^4.19.6",
+    "@types/react-dom": "^18.2.22",
+    "@types/styled-components": "^5.1.22",
+    "@types/uuid": "^10.0.0",
+    "@types/yup": "^0.29.13",
+    "typescript": "^5.3.3"
+  },
+  "files": [
+    "lib/**/*"
+  ],
+  "directories": {
+    "lib": "lib"
+  }
+}

package/lib/tax-axis/components/clientReport/ExecutiveSummary.d.ts

@@ -10,9 +10,6 @@ interface ExecutiveSummaryProps {
     nowCount: number;
     top3: Strategy[];
     palette: Palette;
-    effectiveTaxRate?: number;
-    confidenceTier?: string;
-    dataYears?: number;
 }
-export declare function ExecutiveSummary({ profile, eligible, computed, totalLo, totalHi, nowCount, top3, palette, effectiveTaxRate, confidenceTier, dataYears }: ExecutiveSummaryProps): React.JSX.Element;
+export declare function ExecutiveSummary({ profile, eligible, computed, totalLo, totalHi, nowCount, top3, palette }: ExecutiveSummaryProps): React.JSX.Element;
 export {};

package/lib/tax-axis/components/clientReport/ExecutiveSummary.js

@@ -8,17 +8,16 @@ const react_1 = __importDefault(require("react"));
 const compute_1 = require("../../lib/compute");
 const SectionOpener_1 = require("./SectionOpener");
 const ETRChart_1 = require("./ETRChart");
-function ExecutiveSummary({ profile, eligible, computed, totalLo, totalHi, nowCount, top3, palette, effectiveTaxRate, confidenceTier, dataYears }) {
+function ExecutiveSummary({ profile, eligible, computed, totalLo, totalHi, nowCount, top3, palette }) {
     const bizName = profile.bizName || "Client";
     const rev = parseInt((profile.revenue || "0").replace(/,/g, "")) || 500000;
-    const dataYearsLabel = dataYears ? `${dataYears} year${dataYears > 1 ? "s" : ""}` : (profile.taxDataYears || "1 year");
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(SectionOpener_1.SectionOpener, { number: "01", eyebrow: "EXECUTIVE SUMMARY", headline: "Where " + bizName + "'s tax dollars are going \u2014 and where they don't have to.", bullets: [
                 eligible.length + " strategies apply to your current profile, with combined estimated savings of $" + totalLo + "K\u2013$" + totalHi + "K annually.",
                 nowCount > 0
                     ? nowCount + " can be initiated this week without any structural changes to your business."
                     : "Implementation timeline spans the current tax year with no structural changes required.",
-                "Analysis is based on " + dataYearsLabel + " of financial data and current law as of April 2026, including OBBBA provisions.",
+                "Analysis is based on " + (profile.taxDataYears || "1 year") + " of financial data and current law as of April 2026, including OBBBA provisions.",
             ], palette: palette }),
         react_1.default.createElement("div", { style: { marginBottom: 28 } },
             react_1.default.createElement("div", { style: { background: palette.gray50, border: "1px solid " + palette.gray200, borderRadius: 10, padding: "24px 28px", marginBottom: 20 } },
@@ -47,18 +46,15 @@ function ExecutiveSummary({ profile, eligible, computed, totalLo, totalHi, nowCo
                 nowCount > 0 ? "Of these and the broader eligible set, " + nowCount + " can be initiated this week with no structural changes to your business." : "",
                 " Savings estimates reflect your current revenue of ",
                 "$" + Math.round(rev / 1000) + "K",
-                ", an effective tax rate of ",
-                effectiveTaxRate != null ? Math.round((effectiveTaxRate <= 1 ? effectiveTaxRate * 100 : effectiveTaxRate) * 10) / 10 : (parseFloat(profile.federalRate || "24") + parseFloat(profile.stateRate || "4.95")),
+                ", a combined federal/state marginal rate of ",
+                parseFloat(profile.federalRate || "24") + parseFloat(profile.stateRate || "4.95"),
                 "%, and ",
-                dataYearsLabel,
+                profile.taxDataYears || "1 year",
                 " of financial data."),
             (() => {
                 const fedRate = parseFloat(profile.federalRate || "24");
                 const stateRate = parseFloat(profile.stateRate || "4.95");
-                // If engine provided effective_tax_rate (as a decimal 0-1), convert to percentage
-                const currentRate = effectiveTaxRate != null
-                    ? (effectiveTaxRate <= 1 ? effectiveTaxRate * 100 : effectiveTaxRate)
-                    : (fedRate + stateRate);
+                const currentRate = fedRate + stateRate;
                 const net = (0, compute_1.parseNum)(profile.netIncome) || (rev * 0.20);
                 const aggregateMidSavings = eligible.reduce((a, s) => {
                     var _a, _b;

package/lib/tax-axis/components/clientReport/Methodology.js

@@ -10,13 +10,13 @@ const SectionOpener_1 = require("./SectionOpener");
 function Methodology({ profile, eligible, palette }) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(SectionOpener_1.SectionOpener, { number: "04", eyebrow: "METHODOLOGY", headline: "How TaxAxis arrives at these numbers.", bullets: [
-                "25 federal strategies evaluated against your profile through a two-stage AI and deterministic pipeline \u2014 every recommendation traces to a specific IRC section, revenue ruling, or OBBBA provision.",
+                "25 federal strategies evaluated against your profile via deterministic, rule-based computation at temperature zero \u2014 every recommendation traces to a specific IRC section, revenue ruling, or OBBBA provision.",
                 "Confidence bands reflect data quality: \u00B130% on single-year data, narrowing to \u00B115% with multi-year history.",
                 "Aggregate savings on the cover chart are adjusted by an interaction-discount factor reflecting strategy stacking, marginal-rate exhaustion, and \u00A76694 reasonableness.",
             ], palette: palette }),
         react_1.default.createElement("div", { style: { marginBottom: 28 } },
             react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: palette.gray400, fontFamily: palette.mono, marginBottom: 8 } }, "EVAL PIPELINE"),
-            react_1.default.createElement("div", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.8, fontFamily: palette.body } }, "TaxAxis evaluates 25 federal tax strategies against each client profile through a two-stage pipeline. An AI model (Claude Sonnet 4.5 via AWS Bedrock) reads your financial documents, identifies applicable strategies, and drafts narrative content. A deterministic post-processing engine then recomputes savings ranges against IRC-cited rules, corrects confidence bands based on data quality, and validates every output through an 8-gate compliance check \u2014 covering schema integrity, strategy coverage, profile consistency, mathematical accuracy, business rules, \u00A76694 compliance, narrative quality, and entity eligibility. Every recommendation is reviewed by a qualified tax professional before the report is issued.")),
+            react_1.default.createElement("div", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.8, fontFamily: palette.body } }, "TaxAxis evaluates 25 federal tax strategies against each client profile. The computation is entirely deterministic and rule-based, operating at temperature zero \u2014 no generative model is involved at any stage. Each strategy passes through a three-phase pipeline: an eligibility filter removes strategies that do not apply to the entity type, industry, or fact pattern, then the computation engine calculates savings ranges against IRC-cited rules using the client's actual financial data. Every recommendation is reviewed by a qualified tax professional before the report is issued.")),
         react_1.default.createElement("div", { style: { marginBottom: 28 } },
             react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: palette.gray400, fontFamily: palette.mono, marginBottom: 8 } }, "CONFIDENCE BANDS"),
             react_1.default.createElement("div", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.8, fontFamily: palette.body, marginBottom: 12 } }, "Savings ranges reflect data quality. Clients who provide multiple years of financial history receive tighter bands of \u00B115%, because multi-year data reveals trends and reduces estimation variance. Single-year data widens the bands to \u00B130%. Within each band, the low estimate uses conservative inputs at the minimum applicable rate, while the high estimate uses full applicable inputs at the client's marginal rate."),

package/lib/tax-axis/components/clientReport/RecommendedStrategies.d.ts

@@ -1,10 +1,6 @@
 import React from "react";
 import type { ClientProfile, Strategy, ComputedMap } from "../../lib/types";
 import type { Palette } from "./palette";
-interface InteractionWarning {
-    strategy_pair: [string, string];
-    warning_text: string;
-}
 interface RecommendedStrategiesProps {
     profile: ClientProfile;
     eligible: Strategy[];
@@ -12,7 +8,6 @@ interface RecommendedStrategiesProps {
     top3: Strategy[];
     hasOBBBA: boolean;
     palette: Palette;
-    interactionWarnings?: InteractionWarning[];
 }
-export declare function RecommendedStrategies({ profile, eligible, computed, top3, hasOBBBA, palette, interactionWarnings }: RecommendedStrategiesProps): React.JSX.Element;
+export declare function RecommendedStrategies({ profile, eligible, computed, top3, hasOBBBA, palette }: RecommendedStrategiesProps): React.JSX.Element;
 export {};

package/lib/tax-axis/components/clientReport/RecommendedStrategies.js

@@ -5,49 +5,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RecommendedStrategies = RecommendedStrategies;
 const react_1 = __importDefault(require("react"));
+const data_1 = require("../../lib/data");
 const SectionOpener_1 = require("./SectionOpener");
 const SavingsStackChart_1 = require("./SavingsStackChart");
 const StrategyCard_1 = require("./StrategyCard");
-function RecommendedStrategies({ profile, eligible, computed, top3, hasOBBBA, palette, interactionWarnings = [] }) {
-    // Build a map from strategy code → strategy index in top3 (for interaction display)
-    const top3Codes = new Set(top3.map(s => s.code));
-    // Interaction warnings that involve at least one top-3 strategy
-    const activeWarnings = interactionWarnings.filter((w) => w.strategy_pair.some((id) => top3Codes.has(id)));
-    // For each top-3 strategy, find if it participates in any active interaction
-    const interactionMap = new Map(); // code → index of the other strategy in top3
-    for (const w of activeWarnings) {
-        const [a, b] = w.strategy_pair;
-        const idxA = top3.findIndex(s => s.code === a);
-        const idxB = top3.findIndex(s => s.code === b);
-        if (idxA >= 0 && idxB >= 0) {
-            interactionMap.set(a, idxB + 1);
-            interactionMap.set(b, idxA + 1);
-        }
-    }
+function RecommendedStrategies({ profile, eligible, computed, top3, hasOBBBA, palette }) {
+    const top3Ranks = new Set(top3.map(s => s.rank));
+    const interactingPairs = data_1.INTERACTION_PAIRS.filter(([a, b]) => top3Ranks.has(a) && top3Ranks.has(b));
+    const hasInteractions = interactingPairs.length > 0;
+    const interactionMap = {};
+    interactingPairs.forEach(([a, b]) => { interactionMap[a] = b; interactionMap[b] = a; });
     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 / 1000).toFixed(1) + "K–$" + (hi / 1000).toFixed(1) + "K";
+        return "$" + (lo / 1000).toFixed(1) + "K\u2013$" + (hi / 1000).toFixed(1) + "K";
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(SectionOpener_1.SectionOpener, { number: "02", eyebrow: "RECOMMENDED STRATEGIES", headline: "Three priorities to discuss first.", bullets: [
-                top3.length + " strategies highlighted below are ranked by combined impact score — weighting dollar value, audit posture, and implementation effort.",
-                "Each strategy is anchored to a specific IRC section and explains the math, the audit posture, and the implementation path.",
+                "The " + top3.length + " strategies highlighted below are ranked by combined impact score \u2014 weighting dollar value, audit posture, and implementation effort.",
+                "Each strategy below is anchored to a specific IRC section and explains the math, the audit posture, and the implementation path.",
                 hasOBBBA
-                    ? "One or more recommendations rely on OBBBA provisions enacted July 2025 with limited IRS guidance — flagged where applicable."
+                    ? "One or more recommendations rely on OBBBA provisions enacted July 2025 with limited IRS guidance \u2014 flagged where applicable."
                     : "All recommendations rely on settled IRS guidance, published rulings, or controlling case law.",
             ], palette: palette }),
         react_1.default.createElement(SavingsStackChart_1.SavingsStackChart, { eligible: eligible, computed: computed, palette: palette }),
         react_1.default.createElement("div", { style: { marginBottom: 28 } }, top3.map((s, i) => {
-            var _a, _b;
             const rank = i + 1;
-            const interactsIdx = (_a = interactionMap.get(s.code)) !== null && _a !== void 0 ? _a : 0;
-            const interactsWith = interactsIdx > 0 ? (_b = top3[interactsIdx - 1]) === null || _b === void 0 ? void 0 : _b.rank : undefined;
-            return (react_1.default.createElement(StrategyCard_1.StrategyCard, { key: s.rank, strategy: s, rank: rank, profile: profile, computed: computed, palette: palette, nextStepText: s.action || "Discuss with your CPA to implement this strategy.", interactsWith: interactsWith, interactsIdx: interactsIdx, stSavings: stSavings(s) }));
+            const interactsWith = interactionMap[s.rank];
+            const interactsIdx = interactsWith ? top3.findIndex(t => t.rank === interactsWith) + 1 : 0;
+            return (react_1.default.createElement(StrategyCard_1.StrategyCard, { key: s.rank, strategy: s, rank: rank, profile: profile, computed: computed, palette: palette, nextStepText: data_1.NEXT_STEPS[s.rank] || NARRATIVE_FALLBACK_NEXT(s), interactsWith: interactsWith, interactsIdx: interactsIdx, stSavings: stSavings(s) }));
         })),
-        activeWarnings.length > 0 && (react_1.default.createElement("div", { style: { background: palette.orangePale, borderLeft: "3px solid " + palette.orange, borderRadius: "0 8px 8px 0", padding: "16px 20px", marginBottom: 24 } },
+        hasInteractions && (react_1.default.createElement("div", { style: { background: palette.orangePale, borderLeft: "3px solid " + palette.orange, borderRadius: "0 8px 8px 0", padding: "16px 20px", marginBottom: 24 } },
             react_1.default.createElement("div", { style: { fontSize: 13, fontWeight: 700, color: palette.gray800, fontFamily: palette.head, marginBottom: 6 } }, "Strategy Interactions"),
-            activeWarnings.map((w, i) => (react_1.default.createElement("p", { key: i, style: { fontSize: 12, color: palette.gray700, lineHeight: 1.7, fontFamily: palette.body, marginBottom: 4 } }, w.warning_text)))))));
+            interactingPairs.map(([a, b], pi) => {
+                const idxA = top3.findIndex(t => t.rank === a) + 1;
+                const idxB = top3.findIndex(t => t.rank === b) + 1;
+                return (react_1.default.createElement("p", { key: pi, style: { fontSize: 12, color: palette.gray700, lineHeight: 1.7, fontFamily: palette.body, marginBottom: 4 } }, "Strategies #" + idxA + " and #" + idxB + " affect each other. Your preparer has accounted for this \u2014 the combined savings may be less than the sum of individual estimates."));
+            })))));
+}
+// Inline fallback for next-steps text when NARRATIVE_FALLBACK is needed
+function NARRATIVE_FALLBACK_NEXT(s) {
+    return "Discuss with your preparer to implement " + s.name + ".";
 }

package/lib/tax-axis/components/clientReport/StrategyCard.d.ts

@@ -12,5 +12,5 @@ interface StrategyCardProps {
     interactsIdx: number;
     stSavings: string;
 }
-export declare function StrategyCard({ strategy: s, rank, profile: _profile, computed, palette, nextStepText, interactsWith, interactsIdx, stSavings, }: StrategyCardProps): React.JSX.Element;
+export declare function StrategyCard({ strategy: s, rank, profile, computed, palette, nextStepText, interactsWith, interactsIdx, stSavings, }: StrategyCardProps): React.JSX.Element;
 export {};

package/lib/tax-axis/components/clientReport/StrategyCard.js

@@ -5,8 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StrategyCard = StrategyCard;
 const react_1 = __importDefault(require("react"));
+const data_1 = require("../../lib/data");
 const Sidebar_1 = require("./Sidebar");
-function StrategyCard({ strategy: s, rank, profile: _profile, computed, palette, nextStepText, interactsWith, interactsIdx, stSavings, }) {
+const applyFootnotes_1 = require("./applyFootnotes");
+const FootnoteBlock_1 = require("./FootnoteBlock");
+function StrategyCard({ strategy: s, rank, profile, computed, palette, nextStepText, interactsWith, interactsIdx, stSavings, }) {
     const card = {
         background: palette.white,
         border: "1px solid " + palette.gray200,
@@ -16,13 +19,14 @@ function StrategyCard({ strategy: s, rank, profile: _profile, computed, palette,
         boxShadow: "0 1px 3px rgba(0,0,0,0.04)",
     };
     const pct = s.score;
+    const narr = data_1.STRATEGY_NARRATIVE[s.rank];
     const c = computed.get(s.rank);
-    // Live text — client brief is the plain-language "why it applies to you" sentence
-    const clientFacingWhy = s.clientBrief || "";
-    // Full CPA engagement recommendation covers both why + breakdown
-    const cpaEngagement = s.abstract || "";
-    // Next step: prefer live engine value, fall back to passed-in prop, then generic
-    const nextText = s.action || nextStepText || "Work with your CPA to implement this strategy.";
+    const whyText = narr ? narr.whyMatters(profile) : data_1.NARRATIVE_FALLBACK.whyMatters(s);
+    const breakdownText = narr ? narr.breakdown(profile, c) : data_1.NARRATIVE_FALLBACK.breakdown(s, c);
+    const specialistText = (narr === null || narr === void 0 ? void 0 : narr.whySpecialist) || data_1.NARRATIVE_FALLBACK.whySpecialist(s);
+    const nextText = narr ? narr.nextSteps : nextStepText;
+    const footnotes = data_1.FOOTNOTE_DATA[s.rank] || [];
+    const fnCounter = { next: 0, assigned: [], cardKey: s.rank };
     return (react_1.default.createElement("div", { className: "strategy-card", style: Object.assign(Object.assign({}, card), { padding: 0, overflow: "hidden", marginBottom: 20 }) },
         react_1.default.createElement("div", { style: { padding: "24px 28px 20px" } },
             react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", marginBottom: 16 } },
@@ -30,9 +34,7 @@ function StrategyCard({ strategy: s, rank, profile: _profile, computed, palette,
                     react_1.default.createElement("div", { style: { width: 36, height: 36, borderRadius: "50%", background: "linear-gradient(135deg," + palette.teal + ",#1A6B6C)", display: "flex", alignItems: "center", justifyContent: "center", fontSize: 15, fontWeight: 700, color: palette.white, fontFamily: palette.body, flexShrink: 0 } }, rank),
                     react_1.default.createElement("div", null,
                         react_1.default.createElement("div", { style: { fontSize: 18, fontWeight: 700, color: palette.gray900, fontFamily: palette.head } }, s.name),
-                        react_1.default.createElement("div", { style: { fontSize: 12, color: palette.gray500, fontFamily: palette.mono, marginTop: 3 } },
-                            s.code + " · " + s.timeline,
-                            s.quickWin && (react_1.default.createElement("span", { style: { marginLeft: 8, background: palette.tealPale, color: palette.teal, padding: "1px 6px", borderRadius: 4, fontSize: 10, fontWeight: 700 } }, "\u26A1 Quick Win"))))),
+                        react_1.default.createElement("div", { style: { fontSize: 12, color: palette.gray500, fontFamily: palette.mono, marginTop: 3 } }, s.code + " \u00B7 " + s.timeline))),
                 react_1.default.createElement("div", { style: { textAlign: "right", flexShrink: 0 } },
                     react_1.default.createElement("div", { style: { fontSize: 20, fontWeight: 800, color: palette.teal, fontFamily: palette.head } }, stSavings),
                     react_1.default.createElement("div", { style: { fontSize: 10, color: palette.gray400, fontFamily: palette.body } }, "est. annual savings"))),
@@ -43,37 +45,19 @@ function StrategyCard({ strategy: s, rank, profile: _profile, computed, palette,
                     pct,
                     "/100")),
             react_1.default.createElement(Sidebar_1.Sidebar, { ircCode: s.code, palette: palette }),
-            clientFacingWhy && (react_1.default.createElement("div", { style: { marginBottom: 12 } },
-                react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette.gray400, marginBottom: 8, fontFamily: palette.mono } }, "WHY THIS APPLIES TO YOU"),
-                react_1.default.createElement("p", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.75, fontFamily: palette.body } }, clientFacingWhy))),
-            s.sourceDocuments && s.sourceDocuments.length > 0 && (react_1.default.createElement("div", { style: { marginBottom: 12 } },
-                react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette.gray400, marginBottom: 8, fontFamily: palette.mono } }, "DATA USED IN THIS ANALYSIS"),
-                react_1.default.createElement("div", { style: { border: "1px solid " + palette.gray200, borderRadius: 8, overflow: "hidden" } }, s.sourceDocuments.map((ref, i) => (react_1.default.createElement("div", { key: i, style: {
-                        display: "flex",
-                        justifyContent: "space-between",
-                        alignItems: "center",
-                        padding: "8px 14px",
-                        background: i % 2 === 0 ? palette.gray50 : palette.white,
-                        borderTop: i > 0 ? "1px solid " + palette.gray100 : "none",
-                        gap: 12,
-                    } },
-                    react_1.default.createElement("div", { style: { flex: 1 } },
-                        react_1.default.createElement("div", { style: { fontSize: 12, fontWeight: 600, color: palette.gray800, fontFamily: palette.body } }, ref.field_label),
-                        react_1.default.createElement("div", { style: { fontSize: 10, color: palette.gray400, fontFamily: palette.mono, marginTop: 1 } }, ref.source_hint)),
-                    react_1.default.createElement("div", { style: { fontSize: 13, fontWeight: 700, color: palette.teal, fontFamily: palette.mono, flexShrink: 0 } }, ref.value_display))))))),
-            cpaEngagement && (react_1.default.createElement("div", { style: { marginBottom: 12 } },
-                react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette.gray400, marginBottom: 8, fontFamily: palette.mono } }, "CPA ANALYSIS"),
-                react_1.default.createElement("p", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.75, fontFamily: palette.body, whiteSpace: "pre-line" } }, cpaEngagement))),
-            s.specialistNote && (react_1.default.createElement("div", { style: { marginBottom: 14, borderLeft: "3px solid " + palette.orange, paddingLeft: 16 } },
-                react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette.orange, marginBottom: 6, fontFamily: palette.mono } }, "WHY YOU NEED A SPECIALIST"),
-                react_1.default.createElement("p", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.75, fontFamily: palette.body } }, s.specialistNote))),
-            s.authority && (react_1.default.createElement("div", { style: { marginBottom: 14, padding: "6px 10px", background: palette.gray50, borderRadius: 6, fontSize: 11, fontFamily: palette.mono, color: palette.gray500 } },
-                "Authority: ",
-                s.authority,
-                s.forms ? " · Forms: " + s.forms : "")),
+            react_1.default.createElement("div", { style: { marginBottom: 12 } },
+                react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette.gray400, marginBottom: 8, fontFamily: palette.mono } }, "WHY THIS MATTERS"),
+                react_1.default.createElement("p", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.75, fontFamily: palette.body } }, (0, applyFootnotes_1.applyFootnotes)(whyText, footnotes, fnCounter, palette))),
+            react_1.default.createElement("div", { style: { marginBottom: 12 } },
+                react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette.gray400, marginBottom: 8, fontFamily: palette.mono } }, "HOW SAVINGS BREAK DOWN"),
+                react_1.default.createElement("p", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.75, fontFamily: palette.body } }, (0, applyFootnotes_1.applyFootnotes)(breakdownText, footnotes, fnCounter, palette))),
+            react_1.default.createElement("div", { style: { marginBottom: 12, borderLeft: "3px solid " + palette.orange, padding: "0 0 0 16px" } },
+                react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette.orange, marginBottom: 8, fontFamily: palette.mono } }, "WHY YOU NEED A SPECIALIST"),
+                react_1.default.createElement("p", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.75, fontFamily: palette.body } }, (0, applyFootnotes_1.applyFootnotes)(specialistText, footnotes, fnCounter, palette))),
             react_1.default.createElement("div", { className: "card-footer" },
                 react_1.default.createElement("div", { style: { background: palette.tealPale, borderRadius: 8, padding: "12px 16px" } },
                     react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette.green, marginBottom: 6, fontFamily: palette.mono } }, "WHAT WE'D DO NEXT"),
-                    react_1.default.createElement("p", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.7, fontFamily: palette.body } }, nextText)))),
+                    react_1.default.createElement("p", { style: { fontSize: 13, color: palette.gray700, lineHeight: 1.7, fontFamily: palette.body } }, (0, applyFootnotes_1.applyFootnotes)(nextText, footnotes, fnCounter, palette))),
+                react_1.default.createElement(FootnoteBlock_1.FootnoteBlock, { assigned: fnCounter.assigned, palette: palette }))),
         interactsWith !== undefined && interactsIdx > 0 && (react_1.default.createElement("div", { style: { padding: "10px 28px", background: palette.orangePale, borderTop: "1px solid rgba(251,154,29,0.2)", fontSize: 12, color: palette.gray700, fontFamily: palette.body } }, "Note: This strategy interacts with Strategy #" + interactsIdx + ". Combined savings may differ from the sum of individual estimates."))));
 }

package/lib/tax-axis/components/clientReport/TaxAxisClientReport.d.ts

@@ -1,15 +1,9 @@
 import React from "react";
-import type { ClientProfile, Strategy, ComputedMap } from "../../lib/types";
+import type { ClientProfile } from "../../lib/types";
 import type { TaxAxisScreenProps } from "../../lib/types";
 export interface TaxAxisClientReportProps extends TaxAxisScreenProps {
     profile: ClientProfile;
     onBack: () => void;
     onNavigatePreparer?: () => void;
-    /** When provided, bypasses local filterEligibleStrategies + computeAllStrategies. */
-    liveStrategies?: Strategy[];
-    /** When provided, bypasses local computeAllStrategies. Must accompany liveStrategies. */
-    liveComputedMap?: ComputedMap;
-    /** Live engine output fields — passed through to sub-components */
-    engineRawOutput?: Record<string, any>;
 }
-export declare function TaxAxisClientReport({ profile, onBack, onNavigatePreparer, liveStrategies, liveComputedMap, engineRawOutput }: TaxAxisClientReportProps): React.JSX.Element;
+export declare function TaxAxisClientReport({ profile, onBack, onNavigatePreparer }: TaxAxisClientReportProps): React.JSX.Element;

package/lib/tax-axis/components/clientReport/TaxAxisClientReport.js

@@ -34,13 +34,11 @@ const ExecutiveSummary_1 = require("./ExecutiveSummary");
 const RecommendedStrategies_1 = require("./RecommendedStrategies");
 const ImplementationRoadmap_1 = require("./ImplementationRoadmap");
 const Methodology_1 = require("./Methodology");
-function TaxAxisClientReport({ profile, onBack, onNavigatePreparer, liveStrategies, liveComputedMap, engineRawOutput }) {
-    var _a, _b, _c, _d, _e, _f;
+function TaxAxisClientReport({ profile, onBack, onNavigatePreparer }) {
+    var _a, _b, _c;
     const [view, setView] = (0, react_1.useState)("client");
-    const staticEligible = (0, react_1.useMemo)(() => (0, compute_1.filterEligibleStrategies)(profile), [profile]);
-    const staticComputed = (0, react_1.useMemo)(() => (0, compute_1.computeAllStrategies)(profile), [profile]);
-    const eligible = liveStrategies !== null && liveStrategies !== void 0 ? liveStrategies : staticEligible;
-    const computed = liveComputedMap !== null && liveComputedMap !== void 0 ? liveComputedMap : staticComputed;
+    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 top3 = [...eligible].sort((a, b) => b.score - a.score).slice(0, 3);
@@ -102,7 +100,7 @@ function TaxAxisClientReport({ profile, onBack, onNavigatePreparer, liveStrategi
           .report-meta { break-inside: avoid; page-break-inside: avoid; }
           .toc-page { break-after: page; page-break-after: always; }
           * { color-adjust: exact; -webkit-print-color-adjust: exact; }
-          p, span, div, td, th, li { color: #212529 !important; }
+          body, p, span, div, td, th, li { color: #212529 !important; }
           h1, h2, h3, h4, h5, h6, strong, b { color: #060821 !important; }
         }
       `),
@@ -110,11 +108,11 @@ function TaxAxisClientReport({ profile, onBack, onNavigatePreparer, liveStrategi
         react_1.default.createElement("div", { style: { maxWidth: 680, margin: "0 auto", padding: "32px 20px 60px" } },
             react_1.default.createElement(ClientReportCover_1.ClientReportCover, { profile: profile, palette: palette_1.P }),
             react_1.default.createElement(ClientReportTOC_1.ClientReportTOC, { bizName: bizName, palette: palette_1.P }),
-            react_1.default.createElement(ExecutiveSummary_1.ExecutiveSummary, { profile: profile, eligible: eligible, computed: computed, totalLo: totalLo, totalHi: totalHi, nowCount: nowCount, top3: top3, palette: palette_1.P, effectiveTaxRate: (_d = engineRawOutput === null || engineRawOutput === void 0 ? void 0 : engineRawOutput.business_profile) === null || _d === void 0 ? void 0 : _d.effective_tax_rate, confidenceTier: (_e = engineRawOutput === null || engineRawOutput === void 0 ? void 0 : engineRawOutput.business_profile) === null || _e === void 0 ? void 0 : _e.confidence_tier, dataYears: (_f = engineRawOutput === null || engineRawOutput === void 0 ? void 0 : engineRawOutput.business_profile) === null || _f === void 0 ? void 0 : _f.data_years }),
+            react_1.default.createElement(ExecutiveSummary_1.ExecutiveSummary, { profile: profile, eligible: eligible, computed: computed, totalLo: totalLo, totalHi: totalHi, nowCount: nowCount, top3: top3, palette: palette_1.P }),
             react_1.default.createElement("div", { style: { background: palette_1.P.gray50, borderLeft: "3px solid " + palette_1.P.gray300, borderRadius: "0 8px 8px 0", padding: "14px 20px", marginBottom: 20, fontSize: 11, color: palette_1.P.gray500, lineHeight: 1.7, fontFamily: palette_1.P.body } },
                 "This summary was prepared using TaxAxis, Paro's AI-powered tax analysis engine. Savings estimates are based on financial data provided for tax year " + profile.year + " (" + (profile.taxDataYears || "1 year") + " of data). All figures are estimates. Your tax preparer has reviewed these recommendations.",
                 hasOBBBA && " Some strategies reference provisions from the One Big Beautiful Bill Act (OBBBA), signed July 4, 2025, with limited IRS guidance."),
-            react_1.default.createElement(RecommendedStrategies_1.RecommendedStrategies, { profile: profile, eligible: eligible, computed: computed, top3: top3, hasOBBBA: hasOBBBA, palette: palette_1.P, interactionWarnings: engineRawOutput === null || engineRawOutput === void 0 ? void 0 : engineRawOutput.strategy_interaction_warnings }),
+            react_1.default.createElement(RecommendedStrategies_1.RecommendedStrategies, { profile: profile, eligible: eligible, computed: computed, top3: top3, hasOBBBA: hasOBBBA, palette: palette_1.P }),
             react_1.default.createElement(ImplementationRoadmap_1.ImplementationRoadmap, { eligible: eligible, computed: computed, top3: top3, nowCount: nowCount, nowMidK: nowMidK, bucketDefs: bucketDefs, bucketTotals: bucketTotals, activeBuckets: activeBuckets, palette: palette_1.P }),
             react_1.default.createElement(Methodology_1.Methodology, { profile: profile, eligible: eligible, palette: palette_1.P }),
             react_1.default.createElement("div", { style: { padding: "16px 20px", marginBottom: 16, fontSize: 10, color: palette_1.P.gray400, lineHeight: 1.7, fontFamily: palette_1.P.body } }, "This summary was generated by TaxAxis, an AI-powered analysis tool by Paro. Recommendations are based on financial data provided and current tax law as of April 2026, including OBBBA provisions. These are estimates, not guarantees. Consult your tax preparer before implementing any strategy. This is not legal or financial advice."),

package/lib/tax-axis/components/dashboard/DashboardActions.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DashboardActions = DashboardActions;
 const react_1 = __importStar(require("react"));
+const data_1 = require("../../lib/data");
 const compute_1 = require("../../lib/compute");
 const TaxAxisButton_1 = require("../shared/TaxAxisButton");
 function DashboardActions({ profile, dashEligible, computed, onDownloadPreparer, onPresent, onSend, onReset, }) {
@@ -68,15 +69,13 @@ function DashboardActions({ profile, dashEligible, computed, onDownloadPreparer,
                             "\u2013",
                             (0, compute_1.fmtK)(totalHi),
                             "across ",
-                            dashEligible.length,
+                            data_1.STRATEGIES.length,
                             " strategies \u2014 use this to close the engagement or expand scope."),
-                        react_1.default.createElement("div", { className: "flex flex-col sm:flex-row gap-2.5 flex-wrap" },
-                            react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { variant: "orange", onClick: onSend, className: "w-full sm:w-auto" }, "Send Report to Client"),
-                            react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { onClick: onPresent, className: "w-full sm:w-auto" }, "Present to Client"),
-                            react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { variant: "secondary", className: "w-full sm:w-auto" }, "Generate Engagement Letter")))),
+                        react_1.default.createElement("div", { className: "flex gap-2.5 flex-wrap" },
+                            react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { onClick: onPresent }, "Present to Client")))),
                 react_1.default.createElement("div", { className: "flex gap-4 mt-4 pt-3.5", style: { borderTop: "1px solid rgba(36,131,132,0.15)" } }, [
                     { v: "3x", l: "Faster than Manual" },
-                    { v: String(dashEligible.length), l: "Strategies Found" },
+                    { v: "25", l: "Strategies Scanned" },
                     { v: "100%", l: "IRS-Cited" },
                     { v: String(stateCount), l: `State${stateCount > 1 ? "s" : ""}` },
                 ].map(({ v, l }) => (react_1.default.createElement("div", { key: l },

package/lib/tax-axis/components/dashboard/DashboardSummary.d.ts

@@ -6,11 +6,6 @@ interface DashboardSummaryProps {
     computed: ComputedMap;
     dataConfirmed: boolean;
     reviewUnreviewed: number;
-    liveSavingsMin?: number;
-    liveSavingsMax?: number;
-    liveStrategyCount?: number;
-    confidenceTier?: string;
-    dataYears?: number;
 }
-export declare function DashboardSummary({ profile, dashEligible, computed, dataConfirmed, reviewUnreviewed, liveSavingsMin, liveSavingsMax, liveStrategyCount, confidenceTier, dataYears, }: DashboardSummaryProps): React.JSX.Element;
+export declare function DashboardSummary({ profile, dashEligible, computed, dataConfirmed, reviewUnreviewed, }: DashboardSummaryProps): React.JSX.Element;
 export {};

package/lib/tax-axis/components/dashboard/DashboardSummary.js

@@ -6,13 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DashboardSummary = DashboardSummary;
 const react_1 = __importDefault(require("react"));
 const useCountUp_1 = require("./useCountUp");
-function DashboardSummary({ profile, dashEligible, computed, dataConfirmed, reviewUnreviewed, liveSavingsMin, liveSavingsMax, liveStrategyCount, confidenceTier, dataYears, }) {
+function DashboardSummary({ profile, dashEligible, computed, dataConfirmed, reviewUnreviewed, }) {
     var _a;
-    const computedLo = dashEligible.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);
-    const computedHi = dashEligible.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);
-    const totalLo = liveSavingsMin !== null && liveSavingsMin !== void 0 ? liveSavingsMin : computedLo;
-    const totalHi = liveSavingsMax !== null && liveSavingsMax !== void 0 ? liveSavingsMax : computedHi;
-    const strategyCount = liveStrategyCount !== null && liveStrategyCount !== void 0 ? liveStrategyCount : dashEligible.length;
+    const totalLo = dashEligible.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);
+    const totalHi = dashEligible.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);
     const bizName = profile.bizName || "Client";
     const stateCount = ((_a = profile.states) === null || _a === void 0 ? void 0 : _a.length) || 1;
     const scoreAvg = Math.round(dashEligible.reduce((a, s) => a + s.score, 0) / (dashEligible.length || 1));
@@ -23,9 +20,10 @@ function DashboardSummary({ profile, dashEligible, computed, dataConfirmed, revi
     const fmtHero = (k) => k >= 1000 ? "$" + (k / 1000).toFixed(1) + "M" : "$" + k + "K";
     const riskVal = parseInt(profile.riskTolerance) || 3;
     const riskLabels = ["", "Very Conservative", "Conservative", "Moderate", "Aggressive", "Very Aggressive"];
-    return (react_1.default.createElement("div", { className: "relative overflow-hidden rounded-2xl mb-5 p-4 sm:p-8", style: {
+    return (react_1.default.createElement("div", { className: "relative overflow-hidden rounded-2xl mb-5", style: {
             background: "radial-gradient(ellipse at 30% 0%, rgba(36,131,132,0.08) 0%, transparent 60%), #0E1132",
             border: "1px solid rgba(36,131,132,0.12)",
+            padding: "32px 32px 28px",
             boxShadow: "0 4px 20px rgba(6,8,33,0.3)",
         } },
         react_1.default.createElement("div", { className: "absolute inset-0 opacity-[0.02]", style: {
@@ -78,23 +76,16 @@ function DashboardSummary({ profile, dashEligible, computed, dataConfirmed, revi
             profile.cpaName && (react_1.default.createElement("div", { className: "text-xs text-tax-axis-text-3 mt-1" },
                 "Preparer: ",
                 profile.cpaName)),
-            react_1.default.createElement("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:gap-6 mt-[22px] pt-[18px]", style: { borderTop: "1px solid rgba(36,131,132,0.12)" } }, [
-                { v: confidenceTier ? confidenceTier.replace(/-DATA$/, "").replace(/-/g, " ") : "—", u: "", l: "Confidence Tier", warn: false, ok: !!confidenceTier },
-                { v: String(strategyCount), u: "", l: "Strategies Identified", warn: false, ok: false },
+            react_1.default.createElement("div", { className: "flex gap-6 mt-[22px] pt-[18px]", style: { borderTop: "1px solid rgba(36,131,132,0.12)" } }, [
+                { v: String(scoreUp), u: "/100", l: "Avg. Confidence", warn: false, ok: false },
+                { v: "25", u: "", l: "Strategies Scanned", warn: false, ok: false },
                 {
-                    v: dataConfirmed ? "Verified" : String(reviewUnreviewed),
+                    v: dataConfirmed ? "Done" : String(reviewUnreviewed),
                     u: "",
-                    l: "Data Quality",
+                    l: dataConfirmed ? "Data Confirmed" : "Need Review",
                     warn: !dataConfirmed && reviewUnreviewed > 0,
                     ok: dataConfirmed,
                 },
-                ...(confidenceTier ? [{
-                        v: dataYears ? String(dataYears) : "1",
-                        u: "yr",
-                        l: confidenceTier.replace(/-DATA$/, "").replace(/-/g, " ").replace(/YR/, "yr"),
-                        warn: (dataYears !== null && dataYears !== void 0 ? dataYears : 1) < 2,
-                        ok: (dataYears !== null && dataYears !== void 0 ? dataYears : 1) >= 3,
-                    }] : []),
             ].map(({ v, u, l, warn, ok }) => (react_1.default.createElement("div", { key: l },
                 react_1.default.createElement("div", { className: "font-tax-axis-mono font-bold leading-none", style: {
                         fontSize: 24,

package/lib/tax-axis/components/dashboard/StrategyDetailPanel.d.ts

@@ -6,5 +6,5 @@ interface StrategyDetailPanelProps {
     computed: ComputedMap;
     onClose: () => void;
 }
-export declare function StrategyDetailPanel({ s, profile: _profile, computed, onClose }: StrategyDetailPanelProps): React.JSX.Element;
+export declare function StrategyDetailPanel({ s, profile, computed, onClose }: StrategyDetailPanelProps): React.JSX.Element;
 export {};