feat(site-finder): прогрессивное раскрытие секций отчёта §1–§6 («Раскрыть всё») (#2116)

frontend/src/components/site-finder/analysis/Section1ParcelInfo.tsx

@@ -21,6 +21,7 @@ import { NspdRegulationCard } from "./NspdRegulationCard";
 import { NspdVerifyLink } from "./NspdVerifyLink";
 import { PoiList2Gis } from "./PoiList2Gis";
 import { ExportButtons } from "./ExportButtons";
+import { StageDetails } from "./StageDetails";
 import {
   adaptEgrn,
   formatEncumbrance,
@@ -295,6 +296,7 @@ export function Section1ParcelInfo({ cad }: Props) {
         />
       </div>
 
+      <StageDetails>
         {/* 2-column grid: map (left) + EGRN + POI (right) */}
         <div
           style={{
@@ -351,6 +353,7 @@ export function Section1ParcelInfo({ cad }: Props) {
         >
           <ExportButtons cad={cad} analyzeData={data} egrn={egrn} />
         </div>
+      </StageDetails>
     </section>
   );
 }

frontend/src/components/site-finder/analysis/Section2NetworksUtilities.tsx

@@ -44,6 +44,7 @@ import {
   type UtilityInfrastructureResponse,
 } from "@/hooks/useUtilityInfrastructure";
 import { buildUtilityTableRows, type UtilityTableRow } from "./utility-table";
+import { StageDetails } from "./StageDetails";
 
 // ── Connection-points map (#1746) ─────────────────────────────────────────────
 // Высота тайла карты для drill-in уровня раздела. Легенда + CpLayerControlPanel
@@ -770,6 +771,7 @@ export function Section2NetworksUtilities({ cad }: Props) {
         <HeadlineBar title="Сети" subtitle={headlineSubtitle} />
       </div>
 
+      <StageDetails>
         {/* Power line охранная зона warning */}
         {powerLineZone && (
           <div
@@ -794,8 +796,9 @@ export function Section2NetworksUtilities({ cad }: Props) {
             />
             <span>
               Участок находится в охранной зоне ЛЭП ≥35 кВ. Капитальное
-            строительство в охранной зоне (ОЗ) запрещено (СП 36.13330). Участок
+              строительство в охранной зоне (ОЗ) запрещено (СП 36.13330).
-            в зоне с особыми условиями использования территорий (ЗОУИТ), тип 5.
+              Участок в зоне с особыми условиями использования территорий
+              (ЗОУИТ), тип 5.
             </span>
           </div>
         )}
@@ -876,11 +879,16 @@ export function Section2NetworksUtilities({ cad }: Props) {
             <Info
               size={14}
               strokeWidth={1.5}
-            style={{ flexShrink: 0, marginTop: 1, color: "var(--fg-tertiary)" }}
+              style={{
+                flexShrink: 0,
+                marginTop: 1,
+                color: "var(--fg-tertiary)",
+              }}
             />
             <span>{note}</span>
           </div>
         )}
+      </StageDetails>
     </section>
   );
 }

frontend/src/components/site-finder/analysis/Section3SettingsAndCompetitors.tsx

@@ -19,6 +19,7 @@ import type {
   ParcelAnalysis,
   ParcelAnalysisCompetitor,
 } from "@/types/site-finder";
+import { StageDetails } from "./StageDetails";
 
 // ── Types ─────────────────────────────────────────────────────────────────────
 
@@ -799,6 +800,7 @@ export function Section3SettingsAndCompetitors({ cad, data }: Props) {
         </div>
       </div>
 
+      <StageDetails>
         {/* Sub-sections */}
         <div style={{ display: "flex", flexDirection: "column", gap: 24 }}>
           <Section31Settings filters={filters} onFiltersChange={setFilters} />
@@ -833,6 +835,7 @@ export function Section3SettingsAndCompetitors({ cad, data }: Props) {
               {competitorCount} конкурентов
             </div>
           )}
+      </StageDetails>
 
       {/* Competitor detail drawer */}
       <CompetitorDetailDrawer

frontend/src/components/site-finder/analysis/Section4Estimate.tsx

@@ -26,6 +26,7 @@ import { GeotechRiskBlock } from "@/components/site-finder/GeotechRiskBlock";
 import { NspdZouitOverlapsBlock } from "@/components/site-finder/NspdZouitOverlapsBlock";
 import { SuccessRecommendationBlock } from "@/components/site-finder/SuccessRecommendationBlock";
 import { useParcelAnalyzeQuery } from "@/lib/site-finder-api";
+import { StageDetails } from "./StageDetails";
 import type { ParcelAnalysis } from "@/types/site-finder";
 import type { FactorContribution, ScoreGroupTotal } from "@/types/site-finder";
 
@@ -187,6 +188,7 @@ export function Section4Estimate({ cad }: Props) {
         </div>
       )}
 
+      <StageDetails>
         {/* ── Risk blocks grid ─────────────────────────────────────────────── */}
         {(analysis.geology || analysis.hydrology || analysis.geotech_risk) && (
           <div
@@ -253,6 +255,7 @@ export function Section4Estimate({ cad }: Props) {
             />
           </div>
         )}
+      </StageDetails>
     </section>
   );
 }

frontend/src/components/site-finder/analysis/Section5Atmosphere.tsx

@@ -20,6 +20,7 @@ import { Wind, Thermometer, Droplets } from "lucide-react";
 
 import { HeadlineBar } from "@/components/ui/HeadlineBar";
 import { SeasonalWeatherBlock } from "@/components/site-finder/SeasonalWeatherBlock";
+import { StageDetails } from "./StageDetails";
 import { useParcelAnalyzeQuery } from "@/lib/site-finder-api";
 import type { ParcelAnalysis } from "@/types/site-finder";
 import type {
@@ -625,6 +626,7 @@ export function Section5Atmosphere({ cad }: Props) {
 
           {/* Seasonal weather (climate normals) */}
           {hasSeasonal && (
+            <StageDetails>
               <div>
                 <div
                   style={{
@@ -644,6 +646,7 @@ export function Section5Atmosphere({ cad }: Props) {
                 </div>
                 <SeasonalWeatherBlock seasonal={analysis.seasonal_weather} />
               </div>
+            </StageDetails>
           )}
         </div>
       ) : (

frontend/src/components/site-finder/analysis/Section6Forecast.tsx

@@ -38,6 +38,7 @@ import { ForecastScoringBlock } from "./ForecastScoringBlock";
 import { ForecastFutureSupplyBlock } from "./ForecastFutureSupplyBlock";
 import { ForecastMetaLine } from "./ForecastMetaLine";
 import { ForecastExportButtons } from "./ForecastExportButtons";
+import { StageDetails } from "./StageDetails";
 import {
   CONFIDENCE_RU,
   deficitPegState,
@@ -373,6 +374,7 @@ function ForecastReady({
           </div>
         )}
 
+        <StageDetails>
           {/* Траектория индекса дефицита (chart-then-table, выше 6.1). Причину
             схлопывания сценариев показываем в 6.2 под заголовком «Почему один
             сценарий, а не три» (#1963) — здесь дубль убран. */}
@@ -468,6 +470,7 @@ function ForecastReady({
               {ADVISORY_DISCLAIMER}
             </p>
           </div>
+        </StageDetails>
       </div>
     </section>
   );

frontend/src/components/site-finder/analysis/StageDetails.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { useState } from "react";
+
+interface StageDetailsProps {
+  children: React.ReactNode;
+  openLabel?: string;
+  closeLabel?: string;
+}
+
+export function StageDetails({
+  children,
+  openLabel = "Раскрыть всё",
+  closeLabel = "Свернуть",
+}: StageDetailsProps) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <button
+        type="button"
+        aria-expanded={open}
+        onClick={() => setOpen((prev) => !prev)}
+        style={{
+          width: "100%",
+          padding: "10px 14px",
+          border: "1px solid var(--border-card)",
+          borderRadius: 8,
+          background: "var(--bg-card-alt)",
+          color: "var(--accent)",
+          fontSize: 13,
+          fontWeight: 500,
+          cursor: "pointer",
+          textAlign: "center",
+          marginTop: 16,
+        }}
+      >
+        {open ? closeLabel : openLabel}
+        {open ? " ▴" : " ▾"}
+      </button>
+      {open && <div style={{ marginTop: 16 }}>{children}</div>}
+    </>
+  );
+}