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

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 gap-2.5 flex-wrap" },
-                            react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { variant: "orange", onClick: onSend }, "Send Report to Client"),
-                            react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { onClick: onPresent }, "Present to Client"),
-                            react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { variant: "secondary" }, "Generate Engagement Letter")))),
+                            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));
@@ -81,7 +78,7 @@ function DashboardSummary({ profile, dashEligible, computed, dataConfirmed, revi
                 profile.cpaName)),
             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: String(strategyCount), u: "", l: "Strategies Identified", warn: false, ok: false },
+                { v: "25", u: "", l: "Strategies Scanned", warn: false, ok: false },
                 {
                     v: dataConfirmed ? "Done" : String(reviewUnreviewed),
                     u: "",
@@ -89,13 +86,6 @@ function DashboardSummary({ profile, dashEligible, computed, dataConfirmed, revi
                     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 {};

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

@@ -5,102 +5,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StrategyDetailPanel = StrategyDetailPanel;
 const react_1 = __importDefault(require("react"));
+const data_1 = require("../../lib/data");
 const TaxAxisBadge_1 = require("../shared/TaxAxisBadge");
-function Sec({ title, children, titleColor }) {
+function Sec({ title, children }) {
     return (react_1.default.createElement("div", { className: "mb-6" },
-        react_1.default.createElement("div", { className: "text-[11px] font-bold uppercase tracking-widest mb-2.5 font-tax-axis-mono", style: { color: titleColor || "#A1E5E6" } }, title),
+        react_1.default.createElement("div", { className: "text-[11px] font-bold text-tax-axis-teal-light uppercase tracking-widest mb-2.5 font-tax-axis-mono" }, title),
         children));
 }
 const fmtK = (n) => `$${(n / 1000).toFixed(n % 1000 ? 1 : 0)}K`;
-function positionStrengthLabel(positionStrength) {
-    if (!positionStrength)
-        return { label: "Position Under Review", color: "#9498B8", dots: 2 };
-    const p = positionStrength.toUpperCase();
-    if (p.includes("SUBSTANTIAL"))
-        return { label: "Substantial Authority · Low §6694 Risk", color: "#0F6E56", dots: 4 };
-    if (p.includes("REASONABLE"))
-        return { label: "Reasonable Basis · Elevated §6694 Risk", color: "#FB9A1D", dots: 3 };
-    if (p.includes("DISCLOSURE") || p.includes("NEEDS_DISCLOSURE"))
-        return { label: "Needs Disclosure · High §6694 Risk", color: "#EF4444", dots: 2 };
-    return { label: positionStrength, color: "#9498B8", dots: 2 };
-}
-/**
- * Split engagement_recommendation at the implementation/action boundary.
- *
- * The LLM writes engagement_recommendation as a single paragraph covering both
- * the savings math AND the CPA implementation steps. We split at the first
- * implementation keyword so the savings math shows under "HOW SAVINGS BREAK DOWN"
- * and the CPA action steps show under "CPA ENGAGEMENT NOTES".
- *
- * Heuristic: split at "Implementation:", "CPA should", "CPA must", or numbered
- * action lists "(1)". If no split point found, entire text goes to savings section.
- */
-function splitEngagementText(text) {
-    if (!text)
-        return { savingsSection: "", cpaSection: "" };
-    // Try splitting on double-newline first (well-structured LLM output)
-    const paraBreak = text.indexOf("\n\n");
-    if (paraBreak !== -1) {
-        return {
-            savingsSection: text.slice(0, paraBreak).trim(),
-            cpaSection: text.slice(paraBreak).trim(),
-        };
-    }
-    // Single-paragraph: find the first implementation boundary
-    const splitPatterns = [
-        /\s+Implementation:\s+/i,
-        /\s+CPA should\s+/i,
-        /\s+CPA must\s+/i,
-        /\s+To implement:\s+/i,
-        /\s+\(1\)\s+/, // numbered list start
-    ];
-    for (const pattern of splitPatterns) {
-        const match = text.search(pattern);
-        if (match > 80) { // only split if there's meaningful content before it
-            return {
-                savingsSection: text.slice(0, match).trim(),
-                cpaSection: text.slice(match).trim(),
-            };
-        }
-    }
-    // No clean split point — show everything as savings breakdown, nothing as CPA notes
-    return { savingsSection: text, cpaSection: "" };
-}
-function SourceDocRows({ docs, trace }) {
-    if (docs && docs.length > 0) {
-        return (react_1.default.createElement("div", { className: "rounded-[10px] overflow-hidden", style: { border: "1px solid rgba(36,131,132,0.12)" } },
-            react_1.default.createElement("div", { className: "grid px-3.5 py-2", style: { background: "#161938", gridTemplateColumns: "1fr auto" } },
-                react_1.default.createElement("span", { className: "text-[10px] font-semibold text-tax-axis-text-3 uppercase tracking-wider font-tax-axis-mono" }, "Field \u00B7 Source"),
-                react_1.default.createElement("span", { className: "text-[10px] font-semibold text-tax-axis-text-3 uppercase tracking-wider font-tax-axis-mono text-right" }, "Value")),
-            docs.map((ref, i) => (react_1.default.createElement("div", { key: i, className: "grid px-3.5 py-2.5 items-center gap-3", style: { gridTemplateColumns: "1fr auto", borderTop: "1px solid rgba(36,131,132,0.08)" } },
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement("div", { className: "text-xs text-tax-axis-text font-tax-axis-body" }, ref.field_label),
-                    react_1.default.createElement("div", { className: "text-[10px] text-tax-axis-text-3 font-tax-axis-mono mt-0.5" }, ref.source_hint)),
-                react_1.default.createElement("div", { className: "text-[13px] font-semibold text-tax-axis-teal-light font-tax-axis-mono text-right whitespace-nowrap" }, ref.value_display))))));
-    }
-    const traceSteps = trace !== null && trace !== void 0 ? trace : [];
-    if (!traceSteps.length) {
-        return react_1.default.createElement("p", { className: "text-xs text-tax-axis-text-2 italic" }, "Detailed source mapping not available for this strategy.");
-    }
-    return (react_1.default.createElement("div", { className: "rounded-[10px] overflow-hidden", style: { border: "1px solid rgba(36,131,132,0.12)" } },
-        react_1.default.createElement("div", { className: "grid grid-cols-2 px-3.5 py-2", style: { background: "#161938" } },
-            react_1.default.createElement("span", { className: "text-[10px] font-semibold text-tax-axis-text-3 uppercase tracking-wider font-tax-axis-mono" }, "Step"),
-            react_1.default.createElement("span", { className: "text-[10px] font-semibold text-tax-axis-text-3 uppercase tracking-wider font-tax-axis-mono text-right" }, "Result")),
-        traceSteps.map((t, i) => (react_1.default.createElement("div", { key: i, className: "grid grid-cols-2 px-3.5 py-2.5", style: { borderTop: "1px solid rgba(36,131,132,0.08)" } },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("div", { className: "text-xs text-tax-axis-text font-tax-axis-body" }, t.step),
-                react_1.default.createElement("div", { className: "text-[10px] text-tax-axis-text-3 font-tax-axis-mono mt-0.5 break-all" }, t.formula)),
-            react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement("div", { className: "text-[13px] font-semibold text-tax-axis-teal-light font-tax-axis-mono" }, t.result),
-                t.src && react_1.default.createElement("div", { className: "text-[9px] text-tax-axis-text-3 font-tax-axis-mono mt-0.5" }, t.src)))))));
-}
-function StrategyDetailPanel({ s, profile: _profile, computed, onClose }) {
-    var _a, _b;
+function StrategyDetailPanel({ s, profile, computed, onClose }) {
+    var _a, _b, _c, _d, _e, _f;
+    const narr = data_1.STRATEGY_NARRATIVE[s.rank];
     const c = computed === null || computed === void 0 ? void 0 : computed.get(s.rank);
     const lo = (_a = c === null || c === void 0 ? void 0 : c.lo) !== null && _a !== void 0 ? _a : s.lo;
     const hi = (_b = c === null || c === void 0 ? void 0 : c.hi) !== null && _b !== void 0 ? _b : s.hi;
-    const pos = positionStrengthLabel(s.positionStrength);
-    const { savingsSection, cpaSection } = splitEngagementText(s.abstract || "");
+    const sources = (_d = (_c = c === null || c === void 0 ? void 0 : c.sources) !== null && _c !== void 0 ? _c : s.sources) !== null && _d !== void 0 ? _d : [];
+    const trace = (_f = (_e = c === null || c === void 0 ? void 0 : c.trace) !== null && _e !== void 0 ? _e : s.trace) !== null && _f !== void 0 ? _f : [];
+    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 : data_1.NARRATIVE_FALLBACK.nextSteps(s);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { onClick: onClose, className: "fixed inset-0 z-[200]", style: { background: "rgba(6,8,33,0.7)", backdropFilter: "blur(4px)" } }),
         react_1.default.createElement("div", { className: "fixed top-0 right-0 bottom-0 z-[201] flex flex-col", style: {
@@ -113,14 +37,14 @@ function StrategyDetailPanel({ s, profile: _profile, computed, onClose }) {
             react_1.default.createElement("div", { className: "px-6 py-5 flex-shrink-0", style: { borderBottom: "1px solid rgba(36,131,132,0.12)" } },
                 react_1.default.createElement("div", { className: "flex justify-between items-start mb-3" },
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement("div", { className: "flex items-center gap-2 mb-1.5 flex-wrap" },
+                        react_1.default.createElement("div", { className: "flex items-center gap-2 mb-1.5" },
                             react_1.default.createElement("span", { className: "text-xl font-bold text-tax-axis-text font-tax-axis-head" }, s.name),
                             react_1.default.createElement("span", { className: "text-[11px] font-tax-axis-mono text-tax-axis-teal-light bg-tax-axis-teal-bg px-2 py-0.5 rounded" }, s.code)),
-                        react_1.default.createElement("div", { className: "flex gap-2 flex-wrap" },
+                        react_1.default.createElement("div", { className: "flex gap-2" },
                             react_1.default.createElement(TaxAxisBadge_1.TaxAxisBadge, null, s.priority),
                             react_1.default.createElement(TaxAxisBadge_1.TaxAxisBadge, { color: "neutral" }, s.timeline),
-                            s.quickWin && react_1.default.createElement(TaxAxisBadge_1.TaxAxisBadge, { color: "orange" }, "\u26A1 Quick Win"))),
-                    react_1.default.createElement("button", { onClick: onClose, className: "flex items-center justify-center w-8 h-8 rounded-lg flex-shrink-0", style: { background: "#1A1D3A", border: "1px solid rgba(36,131,132,0.12)" } },
+                            s.cost && s.cost !== "$0" && (react_1.default.createElement(TaxAxisBadge_1.TaxAxisBadge, { color: "orange" }, s.cost)))),
+                    react_1.default.createElement("button", { onClick: onClose, className: "flex items-center justify-center w-8 h-8 rounded-lg", style: { background: "#1A1D3A", border: "1px solid rgba(36,131,132,0.12)" } },
                         react_1.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
                             react_1.default.createElement("path", { d: "M2.5 2.5l7 7M9.5 2.5l-7 7", stroke: "#9498B8", strokeWidth: "1.5", strokeLinecap: "round" })))),
                 react_1.default.createElement("div", { className: "font-tax-axis-head", style: { fontSize: 34, fontWeight: 900, color: "#A1E5E6", letterSpacing: "-1.5px" } },
@@ -129,40 +53,87 @@ function StrategyDetailPanel({ s, profile: _profile, computed, onClose }) {
                     fmtK(hi),
                     react_1.default.createElement("span", { className: "text-[13px] text-tax-axis-text-3 font-normal font-tax-axis-body ml-2" }, "est. annual savings"))),
             react_1.default.createElement("div", { className: "flex-1 overflow-y-auto p-6" },
-                s.warning && (react_1.default.createElement("div", { className: "p-3 rounded-lg mb-6 text-xs leading-relaxed", style: { background: "rgba(251,154,29,0.06)", border: "1px solid rgba(251,154,29,0.25)", color: "#FB9A1D" } },
+                s.warning && (react_1.default.createElement("div", { className: "p-3 rounded-lg mb-6 text-xs leading-relaxed", style: {
+                        background: "rgba(251,154,29,0.06)",
+                        border: "1px solid rgba(251,154,29,0.25)",
+                        color: "#FB9A1D",
+                    } },
                     react_1.default.createElement("strong", null, "Flag: "),
                     s.warning)),
-                s.clientBrief && (react_1.default.createElement(Sec, { title: "Why This Matters" },
-                    react_1.default.createElement("p", { className: "text-[13px] text-tax-axis-text-2 leading-[1.75] font-tax-axis-body" }, s.clientBrief))),
-                savingsSection && (react_1.default.createElement(Sec, { title: "How Savings Break Down" },
-                    react_1.default.createElement("p", { className: "text-[13px] text-tax-axis-text-2 leading-[1.75] font-tax-axis-body whitespace-pre-line" }, savingsSection))),
-                s.specialistNote && (react_1.default.createElement("div", { className: "mb-6 pl-3.5 py-1", style: { borderLeft: "3px solid #FB9A1D" } },
-                    react_1.default.createElement("div", { className: "text-[11px] font-bold uppercase tracking-widest mb-2 font-tax-axis-mono", style: { color: "#FB9A1D" } }, "Why You Need a Specialist"),
-                    react_1.default.createElement("p", { className: "text-[13px] text-tax-axis-text-2 leading-[1.75] font-tax-axis-body" }, s.specialistNote))),
-                react_1.default.createElement(Sec, { title: "Data Used in This Analysis" },
-                    react_1.default.createElement(SourceDocRows, { docs: s.sourceDocuments, trace: s.trace })),
-                cpaSection && (react_1.default.createElement(Sec, { title: "CPA Engagement Notes", titleColor: "#9498B8" },
-                    react_1.default.createElement("div", { className: "rounded-[10px] p-3.5", style: { background: "rgba(14,17,50,0.6)", border: "1px solid rgba(36,131,132,0.10)" } },
-                        react_1.default.createElement("p", { className: "text-[12px] text-tax-axis-text-3 leading-[1.75] font-tax-axis-body whitespace-pre-line" }, cpaSection)))),
-                react_1.default.createElement(Sec, { title: "IRS Authority", titleColor: "#9498B8" },
+                react_1.default.createElement("div", { className: "mb-6" },
+                    react_1.default.createElement("div", { className: "text-[11px] font-bold uppercase tracking-widest text-tax-axis-text-4 mb-2 font-tax-axis-mono" }, "WHY THIS MATTERS"),
+                    react_1.default.createElement("div", { className: "text-[13px] text-tax-axis-text-2 leading-[1.75] font-tax-axis-body" }, whyText)),
+                react_1.default.createElement("div", { className: "mb-6" },
+                    react_1.default.createElement("div", { className: "text-[11px] font-bold uppercase tracking-widest text-tax-axis-text-4 mb-2 font-tax-axis-mono" }, "HOW SAVINGS BREAK DOWN"),
+                    react_1.default.createElement("div", { className: "text-[13px] text-tax-axis-text-2 leading-[1.75] font-tax-axis-body" }, breakdownText)),
+                react_1.default.createElement("div", { className: "mb-6 pl-3.5 py-0.5", style: { borderLeft: "3px solid #FB9A1D" } },
+                    react_1.default.createElement("div", { className: "text-[11px] font-bold uppercase tracking-widest mb-2 font-tax-axis-mono", style: { color: "#FB9A1D" } }, "WHY YOU NEED A SPECIALIST"),
+                    react_1.default.createElement("div", { className: "text-[13px] text-tax-axis-text-2 leading-[1.75] font-tax-axis-body" }, specialistText)),
+                react_1.default.createElement("div", { className: "rounded-lg p-3 mb-6", style: { background: "rgba(36,131,132,0.06)", border: "1px solid rgba(36,131,132,0.2)" } },
+                    react_1.default.createElement("div", { className: "text-[11px] font-bold uppercase tracking-widest text-tax-axis-teal-light mb-1.5 font-tax-axis-mono" }, "WHAT WE'D DO NEXT"),
+                    react_1.default.createElement("div", { className: "text-[13px] text-tax-axis-text leading-[1.7] font-tax-axis-body" }, typeof nextText === "string" ? nextText : "Provide documents so we can calculate exact savings.")),
+                react_1.default.createElement(Sec, { title: "Summary" },
+                    react_1.default.createElement("p", { className: "text-sm text-tax-axis-text leading-[1.8] font-tax-axis-body" }, s.abstract)),
+                react_1.default.createElement(Sec, { title: "Plain Language" },
+                    react_1.default.createElement("div", { className: "p-3.5 rounded-[10px]", style: { background: "rgba(36,131,132,0.06)", border: "1px solid rgba(36,131,132,0.2)" } },
+                        react_1.default.createElement("p", { className: "text-sm text-tax-axis-teal-light leading-[1.7] font-tax-axis-body italic" },
+                            "\u201C",
+                            s.clientBrief,
+                            "\u201D"))),
+                react_1.default.createElement(Sec, { title: "Source Documents" },
+                    react_1.default.createElement("div", { className: "rounded-[10px] overflow-hidden", style: { border: "1px solid rgba(36,131,132,0.12)" } },
+                        react_1.default.createElement("div", { className: "grid grid-cols-[1.2fr_1fr_.8fr_.8fr] px-3.5 py-2.5", style: { background: "#161938" } }, ["Field", "Document", "Line", "Value"].map((h) => (react_1.default.createElement("span", { key: h, className: "text-[10px] font-semibold text-tax-axis-text-3 uppercase tracking-wider font-tax-axis-mono" }, h)))),
+                        sources.map((src, i) => (react_1.default.createElement("div", { key: i, className: "grid grid-cols-[1.2fr_1fr_.8fr_.8fr] px-3.5 py-2.5", style: { borderTop: "1px solid rgba(36,131,132,0.12)" } },
+                            react_1.default.createElement("span", { className: "text-xs text-tax-axis-text" }, src.field),
+                            react_1.default.createElement("span", { className: "text-[11px] font-tax-axis-mono text-tax-axis-text-2" }, src.doc),
+                            react_1.default.createElement("span", { className: "text-[11px] font-tax-axis-mono text-tax-axis-text-2" }, src.line),
+                            react_1.default.createElement("span", { className: "text-[13px] font-semibold text-tax-axis-teal-light font-tax-axis-mono" }, src.value)))))),
+                react_1.default.createElement(Sec, { title: "Calculation Trace" },
+                    react_1.default.createElement("div", { className: "rounded-[10px] overflow-hidden", style: { border: "1px solid rgba(36,131,132,0.12)" } },
+                        trace.map((t, i) => (react_1.default.createElement("div", { key: i, className: "p-3 flex gap-3 items-start", style: { borderTop: i ? "1px solid rgba(36,131,132,0.12)" : "none" } },
+                            react_1.default.createElement("span", { className: "text-[11px] font-bold text-tax-axis-teal font-tax-axis-mono w-5 flex-shrink-0" }, t.n),
+                            react_1.default.createElement("div", { className: "flex-1" },
+                                react_1.default.createElement("div", { className: "text-[13px] font-medium text-tax-axis-text font-tax-axis-body mb-0.5" }, t.step),
+                                react_1.default.createElement("div", { className: "text-[11px] font-tax-axis-mono text-tax-axis-text-2" }, t.formula)),
+                            react_1.default.createElement("div", { className: "text-right flex-shrink-0" },
+                                react_1.default.createElement("div", { className: "text-[13px] font-bold text-tax-axis-teal-light font-tax-axis-mono" }, t.result),
+                                react_1.default.createElement("div", { className: "text-[9px] text-tax-axis-text-3 font-tax-axis-mono mt-0.5" }, t.src))))),
+                        react_1.default.createElement("div", { className: "p-3.5", style: { borderTop: "1px solid rgba(36,131,132,0.12)", background: "#161938" } },
+                            react_1.default.createElement("div", { className: "text-[10px] font-bold text-tax-axis-teal-light uppercase tracking-widest mb-2 font-tax-axis-mono" }, "Derivation"),
+                            react_1.default.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, trace.map((t, i) => (react_1.default.createElement("span", { key: i, className: "flex items-center gap-1.5" },
+                                react_1.default.createElement("span", { className: "text-xs font-tax-axis-mono text-tax-axis-text px-2 py-0.5 rounded", style: { background: "#1A1D3A", border: "1px solid rgba(36,131,132,0.12)" } }, t.result),
+                                i < trace.length - 1 && (react_1.default.createElement("span", { className: "text-[11px] text-tax-axis-text-3 font-tax-axis-mono" }, "\u2192")))))),
+                            trace.length > 1 && (react_1.default.createElement("div", { className: "mt-2 text-xs font-tax-axis-mono p-2 rounded-md leading-relaxed", style: { background: "#1A1D3A", border: "1px solid rgba(36,131,132,0.12)" } },
+                                react_1.default.createElement("span", { className: "text-tax-axis-text-2" }, "Result: "),
+                                react_1.default.createElement("span", { className: "font-semibold text-tax-axis-teal-light" }, trace[trace.length - 1].result),
+                                react_1.default.createElement("span", { className: "text-tax-axis-text-2" }, " via "),
+                                react_1.default.createElement("span", { className: "text-tax-axis-text" }, trace[trace.length - 1].formula)))))),
+                react_1.default.createElement(Sec, { title: "IRS Authority" },
                     react_1.default.createElement("div", { className: "p-3.5 rounded-[10px] mb-3", style: { background: "#1A1D3A", border: "1px solid rgba(36,131,132,0.12)" } },
-                        react_1.default.createElement("div", { className: "text-[13px] font-tax-axis-mono text-tax-axis-text mb-1" }, s.authority || "See engagement notes"),
-                        s.forms && (react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-2" },
+                        react_1.default.createElement("div", { className: "text-[13px] font-tax-axis-mono text-tax-axis-text mb-1" }, s.authority),
+                        react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-2" },
                             "Forms: ",
-                            react_1.default.createElement("span", { className: "font-tax-axis-mono text-tax-axis-text" }, s.forms)))),
+                            react_1.default.createElement("span", { className: "font-tax-axis-mono text-tax-axis-text" }, s.forms))),
                     react_1.default.createElement("div", { className: "rounded-[10px] overflow-hidden", style: { background: "rgba(36,131,132,0.06)", border: "1px solid rgba(36,131,132,0.2)" } },
                         react_1.default.createElement("div", { className: "p-3 flex gap-3 items-center", style: { borderBottom: "1px solid rgba(36,131,132,0.15)" } },
-                            react_1.default.createElement("div", { className: "flex gap-[3px]" }, [1, 2, 3, 4, 5].map((i) => (react_1.default.createElement("div", { key: i, className: "w-2 h-2 rounded-sm", style: { background: i <= pos.dots ? pos.color : "rgba(36,131,132,0.2)" } })))),
-                            react_1.default.createElement("span", { className: "text-[13px] font-semibold font-tax-axis-head", style: { color: pos.color } }, pos.label)),
+                            react_1.default.createElement("div", { className: "flex gap-[3px]" }, [1, 2, 3, 4, 5].map((i) => (react_1.default.createElement("div", { key: i, className: "w-2 h-2 rounded-sm", style: { background: i <= 4 ? "#248384" : "rgba(36,131,132,0.2)" } })))),
+                            react_1.default.createElement("span", { className: "text-[13px] font-semibold text-tax-axis-teal-light font-tax-axis-head" }, "Substantial Authority \u00B7 Low \u00A76694 Risk")),
                         react_1.default.createElement("div", { className: "p-3" },
-                            react_1.default.createElement("p", { className: "text-xs text-tax-axis-text leading-[1.7] font-tax-axis-body" },
-                                "IRC \u00A76694 imposes penalties on preparers who sign off on positions that lack sufficient legal support.",
-                                pos.dots >= 4
-                                    ? " This strategy holds Substantial Authority — established IRS guidance supports this position. Low preparer penalty exposure under §6694(a)."
-                                    : pos.dots === 3
-                                        ? " This strategy rests on Reasonable Basis. CPA should document the position before filing and consider disclosure on Form 8275."
-                                        : " This strategy requires preparer disclosure. Consult IRS guidance before taking this position."))))),
+                            react_1.default.createElement("p", { className: "text-xs text-tax-axis-text leading-[1.7] font-tax-axis-body mb-2" }, "IRC \u00A76694 imposes penalties on preparers who sign off on positions that lack sufficient legal support. There are two tiers:"),
+                            react_1.default.createElement("div", { className: "grid gap-1.5 mb-2.5" },
+                                react_1.default.createElement("div", { className: "p-2 rounded-md", style: { background: "#1A1D3A", border: "1px solid rgba(36,131,132,0.12)" } },
+                                    react_1.default.createElement("div", { className: "text-[11px] font-semibold text-tax-axis-text font-tax-axis-head mb-0.5" }, "Tier 1 \u2014 Unreasonable Position"),
+                                    react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-2 leading-relaxed font-tax-axis-body" }, "If a position lacks \u201Csubstantial authority\u201D (~40% chance of being sustained), the preparer faces the greater of $1,000 or 50% of the fee earned from that return.")),
+                                react_1.default.createElement("div", { className: "p-2 rounded-md", style: { background: "#1A1D3A", border: "1px solid rgba(36,131,132,0.12)" } },
+                                    react_1.default.createElement("div", { className: "text-[11px] font-semibold text-tax-axis-text font-tax-axis-head mb-0.5" }, "Tier 2 \u2014 Willful or Reckless Conduct"),
+                                    react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-2 leading-relaxed font-tax-axis-body" }, "If the preparer knowingly disregards rules or regulations, the penalty is the greater of $5,000 or 75% of the fee earned."))),
+                            react_1.default.createElement("div", { className: "p-2 rounded-md flex gap-2 items-start", style: { background: "rgba(15,110,86,0.06)", border: "1px solid rgba(15,110,86,0.15)" } },
+                                react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", className: "flex-shrink-0 mt-0.5" },
+                                    react_1.default.createElement("path", { d: "M2.5 7l3.5 3.5 5.5-6", stroke: "#0F6E56", strokeWidth: "1.5", strokeLinecap: "round" })),
+                                react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text leading-relaxed font-tax-axis-body" },
+                                    react_1.default.createElement("strong", { style: { color: "#0F6E56" } }, "This strategy holds Substantial Authority"),
+                                    " \u2014 established IRS guidance, published revenue rulings, or settled case law support this position. Signing off on this carries low preparer penalty exposure under \u00A76694(a).")))))),
             react_1.default.createElement("div", { className: "px-6 py-4 flex-shrink-0", style: { borderTop: "1px solid rgba(36,131,132,0.12)", background: "#0E1132" } },
-                react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-3 uppercase tracking-widest font-tax-axis-mono mb-2" }, "What We'd Do Next"),
-                react_1.default.createElement("div", { className: "text-sm font-medium text-tax-axis-text leading-relaxed" }, s.action || "Work with your CPA to implement this strategy.")))));
+                react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-3 mb-2" }, "Recommended action:"),
+                react_1.default.createElement("div", { className: "text-sm font-medium text-tax-axis-text" }, s.action)))));
 }