@threatcaptain/tc-reports 0.2.18 → 0.2.20

package/dist/index.cjs

@@ -28765,24 +28765,24 @@ const Dashboard = ({
 };
 const getExecutiveSummaryTemplate = (industry) => {
   switch (industry) {
-    case "Healthcare":
+    case "healthcare":
       return "Think of this like a malpractice insurance evaluation for your medical practice. Just as you wouldn't practice without malpractice coverage, you can't afford to practice without understanding your cyber risk exposure. One successful cyberattack could cost your practice more than your highest malpractice settlement.";
-    case "Legal":
+    case "legal_services":
       return "Think of this like a malpractice insurance evaluation for your law firm. Just as you wouldn't practice without malpractice coverage, you can't afford to practice without understanding your cyber risk exposure. One successful cyberattack could cost your firm more than your highest case settlement.";
-    case "Financial Services":
+    case "financial_services":
       return "Think of this like a regulatory compliance audit for your financial institution. Just as you wouldn't operate without proper compliance, you can't afford to operate without understanding your cyber risk exposure. One successful cyberattack could cost your institution more than your largest loan default.";
-    case "Education":
+    case "education":
       return "Think of this like an accreditation review for your educational institution. Just as you wouldn't operate without proper accreditation, you can't afford to operate without understanding your cyber risk exposure. One successful cyberattack could cost your institution more than losing a major grant.";
-    case "Manufacturing":
+    case "manufacturing":
       return "Think of this like a safety inspection for your manufacturing facility. Just as you wouldn't operate without proper safety protocols, you can't afford to operate without understanding your cyber risk exposure. One successful cyberattack could cost your facility more than your largest equipment failure.";
-    case "Retail":
+    case "retail_consumer_goods":
       return "Think of this like a loss prevention audit for your retail business. Just as you wouldn't operate without proper inventory controls, you can't afford to operate without understanding your cyber risk exposure. One successful cyberattack could cost your business more than your highest shrinkage loss.";
     case "technology_software":
       return "Think of this like a code review for your software platform. Just as you wouldn't deploy without proper testing, you can't afford to operate without understanding your cyber risk exposure. One successful cyberattack could cost your company more than your largest system outage.";
-    case "Government":
+    case 'government_public_sector"':
       return "Think of this like a security clearance review for your agency. Just as you wouldn't operate without proper clearances, you can't afford to operate without understanding your cyber risk exposure. One successful cyberattack could cost your agency more than your largest budget overrun.";
     default:
-      return "This cybersecurity financial impact analysis estimates the potential cost of a data breach for the client, using trusted, industry-standard data. Backed by sources like IBM Security and the Ponemon Institute, it provides a credible view of the financial risks organizations like yours face in today's threat landscape. Alongside relevant industry insights, this report outlines actionable considerations to support the client's cybersecurity planning, risk management, and executive decision-making—even ahead of a detailed security assessment.";
+      return "Backed by sources like IBM Security and the Ponemon Institute, this analysis provides a credible view of the risks organizations like yours face in today's threat landscape. Alongside relevant industry insights, this report outlines actionable considerations to support the client's cybersecurity planning, risk management, and executive decision-making—even ahead of a detailed security assessment.";
   }
 };
 const formatCurrency = (value) => {
@@ -51214,7 +51214,7 @@ const getRadarData = ({ breachData }) => {
   }).map((phase) => {
     const visualCoverage = phase.coverage === 0 ? 2 : phase.coverage;
     return {
-      tactic: phase.phase.replace("TA00", "").replace("_", " ").substring(0, 8),
+      tactic: phase.phase.replace("TA00", "").replace("_", " "),
       coverage: visualCoverage,
       // Use for chart rendering
       actualCoverage: phase.coverage,
@@ -51257,92 +51257,166 @@ const MitreAttack = ({ breachData, overallLikelihood }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "MITRE ATT&CK Coverage" }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600", children: "14 Tactics Protection Level" }),
-    /* @__PURE__ */ jsxRuntime.jsx(ChartContainer, { config: chartConfig, className: "h-72 w-72", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      RadarChart,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ChartContainer,
       {
-        data: radarData,
-        margin: { top: 20, right: 20, bottom: 20, left: 20 },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("radialGradient", { id: gradientId, cx: "50%", cy: "50%", r: "50%", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: strokeColor, stopOpacity: 0.4 }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "70%", stopColor: strokeColor, stopOpacity: 0.2 }),
-            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: strokeColor, stopOpacity: 0.1 })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(PolarGrid, { stroke: "#e5e5e5", strokeWidth: 1, radialLines: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            PolarAngleAxis,
-            {
-              dataKey: "tactic",
-              tick: { fontSize: 10, fill: "#6b7280" },
-              className: "text-xs"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            PolarRadiusAxis,
-            {
-              angle: 90,
-              domain: [0, 100],
-              tick: { fontSize: 8, fill: "#6b7280" },
-              tickCount: 6,
-              axisLine: false
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Radar,
-            {
-              name: "Coverage",
-              dataKey: "coverage",
-              stroke: strokeColor,
-              fill: `url(#${gradientId})`,
-              strokeWidth: 2.5,
-              dot: {
-                r: 4,
-                fill: strokeColor,
-                strokeWidth: 2,
-                stroke: "#ffffff"
-              },
-              activeDot: {
-                r: 6,
-                fill: strokeColor,
-                strokeWidth: 2,
-                stroke: "#ffffff"
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ChartTooltip,
-            {
-              content: ({ active, payload }) => {
-                if (active && payload && payload.length) {
-                  const data = payload[0].payload;
-                  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white p-3 border rounded-lg shadow-lg", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-gray-900", children: data.fullName }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-600", children: [
-                      "Coverage: ",
-                      data.actualCoverage,
-                      "%"
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(
-                      "p",
+        config: chartConfig,
+        className: "h-[420px] w-[420px] min-h-[420px] min-w-[420px] mb-0",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          RadarChart,
+          {
+            data: radarData,
+            margin: { top: 50, right: 80, bottom: 50, left: 80 },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("radialGradient", { id: gradientId, cx: "50%", cy: "50%", r: "50%", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: strokeColor, stopOpacity: 0.4 }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "70%", stopColor: strokeColor, stopOpacity: 0.2 }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: strokeColor, stopOpacity: 0.1 })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(PolarGrid, { stroke: "#e5e5e5", strokeWidth: 1, radialLines: true }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                PolarAngleAxis,
+                {
+                  dataKey: "tactic",
+                  tick: (props) => {
+                    const { payload, x: x2, y: y2, textAnchor } = props;
+                    const label = payload.value;
+                    const centerX = 210;
+                    const centerY = 210;
+                    const dx = x2 - centerX;
+                    const dy = y2 - centerY;
+                    const distance = Math.sqrt(dx * dx + dy * dy);
+                    const unitX = dx / distance;
+                    const unitY = dy / distance;
+                    const offset2 = 15;
+                    const offsetX = x2 + unitX * offset2;
+                    const offsetY = y2 + unitY * offset2;
+                    if (label.length >= 12) {
+                      const words = label.split(" ");
+                      let line1 = "";
+                      let line2 = "";
+                      let bestSplit = Math.ceil(words.length / 2);
+                      for (let i = 0; i < words.length; i++) {
+                        if (words[i].toLowerCase() === "and" && i > 0 && i < words.length - 1) {
+                          bestSplit = i;
+                          break;
+                        }
+                      }
+                      line1 = words.slice(0, bestSplit).join(" ");
+                      line2 = words.slice(bestSplit).join(" ");
+                      return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${offsetX},${offsetY})`, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "text",
+                          {
+                            x: 0,
+                            y: -4,
+                            textAnchor,
+                            fontSize: 10,
+                            fill: "#6b7280",
+                            className: "text-xs",
+                            style: { dominantBaseline: "middle" },
+                            children: line1
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "text",
+                          {
+                            x: 0,
+                            y: 8,
+                            textAnchor,
+                            fontSize: 10,
+                            fill: "#6b7280",
+                            className: "text-xs",
+                            style: { dominantBaseline: "middle" },
+                            children: line2
+                          }
+                        )
+                      ] });
+                    }
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "text",
                       {
-                        className: "text-sm",
-                        style: { color: getRiskLevelColor(data.riskLevel) },
-                        children: [
-                          "Risk Level:",
-                          " ",
-                          data.riskLevel.charAt(0).toUpperCase() + data.riskLevel.slice(1)
-                        ]
+                        x: offsetX,
+                        y: offsetY,
+                        textAnchor,
+                        fontSize: 10,
+                        fill: "#6b7280",
+                        className: "text-xs",
+                        children: label
                       }
-                    )
-                  ] });
+                    );
+                  },
+                  className: "text-xs"
                 }
-                return null;
-              }
-            }
-          )
-        ]
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                PolarRadiusAxis,
+                {
+                  angle: 90,
+                  domain: [0, 100],
+                  tick: { fontSize: 8, fill: "#6b7280" },
+                  tickCount: 6,
+                  axisLine: false
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Radar,
+                {
+                  name: "Coverage",
+                  dataKey: "coverage",
+                  stroke: strokeColor,
+                  fill: `url(#${gradientId})`,
+                  strokeWidth: 2.5,
+                  dot: {
+                    r: 4,
+                    fill: strokeColor,
+                    strokeWidth: 2,
+                    stroke: "#ffffff"
+                  },
+                  activeDot: {
+                    r: 6,
+                    fill: strokeColor,
+                    strokeWidth: 2,
+                    stroke: "#ffffff"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ChartTooltip,
+                {
+                  content: ({ active, payload }) => {
+                    if (active && payload && payload.length) {
+                      const data = payload[0].payload;
+                      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white p-3 border rounded-lg shadow-lg", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-gray-900", children: data.fullName }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-600", children: [
+                          "Coverage: ",
+                          data.actualCoverage,
+                          "%"
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          "p",
+                          {
+                            className: "text-sm",
+                            style: { color: getRiskLevelColor(data.riskLevel) },
+                            children: [
+                              "Risk Level:",
+                              " ",
+                              data.riskLevel.charAt(0).toUpperCase() + data.riskLevel.slice(1)
+                            ]
+                          }
+                        )
+                      ] });
+                    }
+                    return null;
+                  }
+                }
+              )
+            ]
+          }
+        )
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -51900,7 +51974,7 @@ const BreachLikelihood = ({ reportData }) => {
             overallLikelihood: attackLikelihood
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Getting breach data..." }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-rows-3 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center p-4 rounded-md bg-slate-50", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "w-6 h-6 mr-4 text-green-600" }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -52117,7 +52191,6 @@ const UnifiedCostBreakdownChart = ({
   ) }) });
 };
 const FinancialImpact = ({ reportData }) => {
-  var _a;
   const { clientData, simulationData } = reportData;
   const { industry } = clientData;
   const getIndustryRiskLevel = (industry2) => {
@@ -52328,6 +52401,7 @@ const FinancialImpact = ({ reportData }) => {
   };
   const riskLevel = getIndustryRiskLevel(industry);
   const dynamicCostBreakdown = createCostBreakdownFromSimulation(simulationData);
+  const calculatedCost = simulationData.use_calculated_downtime === false ? simulationData.total_cost : simulationData.adjusted_total_cost;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "section",
@@ -52346,12 +52420,12 @@ const FinancialImpact = ({ reportData }) => {
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DollarSign, { className: "w-8 h-8" }),
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-bold", children: "TOTAL POTENTIAL IMPACT" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-4xl font-bold", children: simulationData.use_calculated_downtime === false ? formatCurrency(simulationData.total_cost) : formatCurrency(simulationData.adjusted_total_cost) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-4xl font-bold", children: formatCurrency(calculatedCost) }),
         /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm opacity-75 mt-2", children: [
-          "Cost Range: ",
-          formatCurrency(simulationData.total_cost * 0.8),
-          " - ",
-          formatCurrency(simulationData.total_cost * 1.2)
+          "Cost Range:  ",
+          formatCurrency(calculatedCost * 0.8),
+          " -  ",
+          formatCurrency(calculatedCost * 1.2)
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -52404,20 +52478,18 @@ const FinancialImpact = ({ reportData }) => {
         /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-slate-900 mb-2", children: "Detailed Financial Breakdown" }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-slate-600", children: "Understanding the components of the total potential cost" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-6 gap-8", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-3 space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: "impact-chart", className: "chart-container", children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-6 gap-8 print:grid-cols-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-3 print:col-span-3 space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: "impact-chart", className: "chart-container", children: /* @__PURE__ */ jsxRuntime.jsx(
           UnifiedCostBreakdownChart,
           {
             hard_costs: dynamicCostBreakdown.hard_costs,
             business_downtime: dynamicCostBreakdown.business_downtime,
             regulatory_fines: dynamicCostBreakdown.regulatory_fines,
             reputation_damage: dynamicCostBreakdown.reputation_damage,
-            totalCost: parseInt(
-              ((_a = clientData.totalEstimatedCost) == null ? void 0 : _a.replace(/,/g, "")) || "0"
-            ) || clientData.totalCost
+            totalCost: calculatedCost
           }
         ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-3 space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-3 print:col-span-3 space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-slate-900", children: "Cost Categories" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: getIndustrySpecificCosts(
             clientData.industry,
@@ -53007,7 +53079,7 @@ const InsuranceHealthScore = ({ reportData }) => {
                     break;
                   case percentage >= 60:
                     statusClass = "bg-yellow-500";
-                    statusLabel = "NEEDS IMPROVEMENT";
+                    statusLabel = "FAIR";
                     break;
                   case (percentage < 60 && percentage > 0):
                     statusClass = "bg-red-500";
@@ -53058,7 +53130,7 @@ const InsuranceHealthScore = ({ reportData }) => {
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-slate-50 rounded-lg p-6", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-slate-900 mb-4", children: "How We Calculate Your Score" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-slate-700 mb-4", children: "Your Insurance Health Score is calculated based on industry-standard cybersecurity frameworks and real insurance company requirements. Each category is weighted according to its importance in determining cyber insurance coverage and pricing." }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 print:grid-cols-2 gap-4", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "font-medium text-slate-900 mb-2", children: "Score Ranges:" }),
               /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "text-sm text-slate-700 space-y-1", children: [
@@ -53111,7 +53183,7 @@ const InsuranceHealthScore = ({ reportData }) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "report-page space-y-6 border-t border-slate-200 pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("section", { className: "report-page space-y-6 border-t border-slate-200 pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 print:grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-green-600 mb-3", children: "What This Report IS:" }),
         /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "text-slate-700 space-y-2 text-sm", children: [
@@ -53164,6 +53236,7 @@ const ReportBuilder = ({
   simulationData,
   mspInfo
 }) => {
+  const [editExecutiveSummary, setEditExecutiveSummary] = React.useState(false);
   const [searchParams] = reactRouterDom.useSearchParams();
   const reportTemplate = searchParams.get("template");
   const templateArray = (reportTemplate == null ? void 0 : reportTemplate.split(",").map((item) => item.trim())) || [];
@@ -53187,43 +53260,60 @@ const ReportBuilder = ({
     if (items.length === 2) return `${items[0]} and ${items[1]}`;
     return `${items.slice(0, -1).join(", ")}, and ${items[items.length - 1]}`;
   };
+  const onConfigChange = (key, value) => {
+    console.log(`Config changed: ${key} = ${value}`);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "article",
     {
       id: "print-report",
-      className: "report-wrapper max-w-4xl mx-auto bg-white p-8 space-y-8",
+      className: "report-wrapper max-w-4xl mx-auto bg-white p-8 space-y-8 print:font-sans",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("figure", { className: "bg-slate-200 max-w-40 flex object-contain rounded-lg items-center justify-center mx-auto", children: mspInfo.company_logo ? /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: mspInfo.company_logo,
-            alt: "MSP Logo",
-            className: "w-full h-auto m-auto"
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Building2, { className: "w-10 h-10 text-slate-500" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md mx-auto bg-slate-50 rounded-lg p-6 space-y-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Prepared For:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: clientData.company_name || "Client Company" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Industry Sector:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: clientData.industry || "Industry" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Prepared By:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: mspInfo.company_name || /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "red", fontWeight: "bold" }, children: "NEEDS ACTUAL MSP NAME" }) })
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "report-page", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("figure", { className: "bg-slate-200 max-w-40 print:max-w-40 flex object-contain rounded-lg items-center justify-center mx-auto", children: mspInfo.company_logo ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: mspInfo.company_logo,
+              alt: "MSP Logo",
+              className: "w-full h-auto m-auto print:w-40 print:h-auto"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Building2, { className: "w-10 h-10 text-slate-500" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md mx-auto bg-slate-50 rounded-lg p-6 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Prepared For:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: clientData.company_name || "Client Company" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Industry Sector:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: clientData.industry || "Industry" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Prepared By:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: mspInfo.company_name || /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "red", fontWeight: "bold" }, children: "NEEDS ACTUAL MSP NAME" }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Assessment Date:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: (/* @__PURE__ */ new Date()).toLocaleDateString() })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700", children: "Assessment Date:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-900", children: (/* @__PURE__ */ new Date()).toLocaleDateString() })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 text-left space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold text-slate-900 text-left", children: "Executive Summary" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-slate-900", children: "Why This Assessment Matters" }),
+            editExecutiveSummary ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Textarea,
+                {
+                  value: displayExecutiveSummary(clientData),
+                  onChange: (e) => onConfigChange("executiveSummary", e.target.value),
+                  placeholder: "Executive summary content...",
+                  rows: 6,
+                  className: "resize-none"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button$1, { onClick: () => setEditExecutiveSummary(false), children: "Save" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-slate-700 leading-relaxed whitespace-pre-line text-sm", children: displayExecutiveSummary(clientData) }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 text-left space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold text-slate-900 text-left", children: "Executive Summary" }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-slate-900", children: "Why This Assessment Matters" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-slate-700 leading-relaxed whitespace-pre-line text-sm", children: displayExecutiveSummary(clientData) })
-        ] }),
         showFinancialImpact && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: financialSimulationData && Object.keys(financialSimulationData).length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
           FinancialImpact,
           {