From 2f127c431637f928c04db97915dbdc1cea86cc2f Mon Sep 17 00:00:00 2001
From: bot-backend <bot-backend@gendsgn.local>
Date: Fri, 3 Jul 2026 11:18:31 +0000
Subject: [PATCH] =?UTF-8?q?feat(site-finder):=20=D0=BA=D0=BD=D0=BE=D0=BF?=
 =?UTF-8?q?=D0=BA=D0=B0=20=C2=AB=D0=9F=D0=BE=D0=BB=D0=BD=D1=8B=D0=B9=20?=
 =?UTF-8?q?=D0=BE=D1=82=D1=87=D1=91=D1=82=20(PDF)=C2=BB=20(#2259=20PR-E,?=
 =?UTF-8?q?=20=D1=84=D0=B8=D0=BD=D0=B0=D0=BB=20=D1=8D=D0=BF=D0=B8=D0=BA?=
 =?UTF-8?q?=D0=B0)=20(#2288)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |   2 +-
 .../site-finder/analysis/ExportButtons.tsx    |  75 +++++-
 .../ptica/reports/PticaReports.tsx            |  62 ++++-
 frontend/src/hooks/useFullReport.ts           | 233 ++++++++++++++++++
 4 files changed, 356 insertions(+), 16 deletions(-)
 create mode 100644 frontend/src/hooks/useFullReport.ts

diff --git a/.gitignore b/.gitignore
index ef5a392e..53ceef6e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -89,7 +89,7 @@ data/osrm/*
 
 # Full PDF report bind-source (#2259 PR-D) — worker пишет PDF в ./reports:/app/reports.
 # Артефакты рантайма, не коммитим (untracked и так выживает при deploy git reset --hard).
-reports/
+/reports/
 
 # Log cruft at repo root
 debug.log
diff --git a/frontend/src/components/site-finder/analysis/ExportButtons.tsx b/frontend/src/components/site-finder/analysis/ExportButtons.tsx
index f8f09d08..a4e784aa 100644
--- a/frontend/src/components/site-finder/analysis/ExportButtons.tsx
+++ b/frontend/src/components/site-finder/analysis/ExportButtons.tsx
@@ -9,9 +9,14 @@
  */
 
 import { useState } from "react";
-import { Download, FileText } from "lucide-react";
+import { Download, FileText, FileBarChart } from "lucide-react";
 import { API_BASE_URL } from "@/lib/api";
 import { triggerDownload } from "@/lib/download";
+import {
+  useFullReport,
+  formatElapsed,
+  formatReportDate,
+} from "@/hooks/useFullReport";
 import type { ParcelAnalyzeResponse, ParcelEgrn } from "@/lib/site-finder-api";
 
 interface Props {
@@ -51,10 +56,7 @@ function buildCsvRows(
   if (egrn) {
     rows.push(
       ["Адрес", egrn.address],
-      [
-        "Площадь м²",
-        Number.isFinite(egrn.area_m2) ? String(egrn.area_m2) : "",
-      ],
+      ["Площадь м²", Number.isFinite(egrn.area_m2) ? String(egrn.area_m2) : ""],
       ["ВРИ", egrn.vri],
       ["Категория", egrn.category],
       ["Форма собственности", egrn.owner_type],
@@ -97,6 +99,11 @@ export function ExportButtons({ cad, analyzeData, egrn }: Props) {
   const [csvLoading, setCsvLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
+  // Полный PDF-отчёт (#2259 PR-E) — общий хук enqueue → poll → download.
+  const fullReport = useFullReport(cad);
+  const reportBuilding = fullReport.uiState === "building";
+  const reportReady = fullReport.uiState === "ready";
+
   async function handlePdfDownload() {
     setPdfLoading(true);
     setError(null);
@@ -193,8 +200,66 @@ export function ExportButtons({ cad, analyzeData, egrn }: Props) {
           <Download size={14} strokeWidth={1.5} />
           {csvLoading ? "Генерация..." : "Скачать CSV"}
         </button>
+
+        {/* Full-report PDF — async job (#2259 PR-E): enqueue → poll → download */}
+        <button
+          onClick={() =>
+            reportReady ? fullReport.download() : fullReport.start()
+          }
+          disabled={reportBuilding}
+          aria-label={
+            reportReady
+              ? "Скачать полный отчёт PDF"
+              : "Собрать и скачать полный отчёт PDF"
+          }
+          style={{
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 6,
+            padding: "6px 12px",
+            height: 32,
+            background: reportBuilding
+              ? "var(--bg-card-alt)"
+              : "var(--accent-2)",
+            color: reportBuilding ? "var(--fg-tertiary)" : "#fff",
+            border: "none",
+            borderRadius: 6,
+            fontSize: 13,
+            fontWeight: 500,
+            cursor: reportBuilding ? "not-allowed" : "pointer",
+            opacity: reportBuilding ? 0.6 : 1,
+            transition: "opacity 150ms",
+          }}
+        >
+          <FileBarChart size={14} strokeWidth={1.5} />
+          {reportBuilding
+            ? `Готовится… ${formatElapsed(fullReport.elapsedMs)}`
+            : reportReady
+              ? `Скачать отчёт (${formatReportDate(
+                  fullReport.reportGeneratedAt,
+                )})`
+              : "Полный отчёт (PDF)"}
+        </button>
       </div>
 
+      {/* Full-report timeout / enqueue-error note (contract has no "failed") */}
+      {fullReport.uiState === "timeout" && (
+        <p
+          style={{ margin: 0, fontSize: 12, color: "var(--warn)" }}
+          role="alert"
+        >
+          Сборка затянулась — попробуйте позже
+        </p>
+      )}
+      {fullReport.uiState === "error" && (
+        <p
+          style={{ margin: 0, fontSize: 12, color: "var(--danger)" }}
+          role="alert"
+        >
+          Не удалось поставить сборку отчёта — повторите
+        </p>
+      )}
+
       {/* Error message */}
       {error && (
         <p
diff --git a/frontend/src/components/site-finder/ptica/reports/PticaReports.tsx b/frontend/src/components/site-finder/ptica/reports/PticaReports.tsx
index 0dbce1a8..842de661 100644
--- a/frontend/src/components/site-finder/ptica/reports/PticaReports.tsx
+++ b/frontend/src/components/site-finder/ptica/reports/PticaReports.tsx
@@ -30,6 +30,11 @@ import { FileText, Download, Presentation, FileType, Lock } from "lucide-react";
 import { API_BASE_URL } from "@/lib/api";
 import { triggerDownload } from "@/lib/download";
 import { useParcelForecastQuery } from "@/lib/site-finder-api";
+import {
+  useFullReport,
+  formatElapsed,
+  formatReportDate,
+} from "@/hooks/useFullReport";
 import type { ParcelAnalysis } from "@/types/site-finder";
 import { StatusRow } from "@/components/site-finder/ptica/drawers/DrawerPrimitives";
 import styles from "@/app/site-finder/analysis/[cad]/ptica/ptica.module.css";
@@ -130,6 +135,9 @@ export function PticaReports({ cad, analysis }: Props) {
   const { data: forecastData } = useParcelForecastQuery(cad);
   const forecastReady = forecastData?.status === "ready";
 
+  // Полный PDF-отчёт (#2259 PR-E) — общий хук enqueue → poll → download.
+  const fullReport = useFullReport(cad);
+
   async function handlePdf() {
     setBusy("pdf");
     setError(null);
@@ -308,21 +316,55 @@ export function PticaReports({ cad, analysis }: Props) {
               />
             </button>
 
-            {/* Full-report DOCX — NO endpoint → honest disabled «скоро» */}
-            <div
-              className={`${styles.exportCard} ${styles.exportCardDisabled}`}
-              aria-disabled="true"
+            {/* Full-report PDF — REAL async job (#2259 PR-E): enqueue → poll → download */}
+            <button
+              type="button"
+              className={styles.exportCard}
+              onClick={() =>
+                fullReport.uiState === "ready"
+                  ? fullReport.download()
+                  : fullReport.start()
+              }
+              disabled={fullReport.uiState === "building"}
+              aria-label={
+                fullReport.uiState === "ready"
+                  ? "Скачать полный отчёт в формате PDF"
+                  : "Собрать и скачать полный отчёт в формате PDF"
+              }
             >
-              <span className={`${styles.fmt} ${styles.fmtMuted}`}>DOCX</span>
+              <span className={`${styles.fmt} ${styles.fmtPdf}`}>PDF</span>
               <span className={styles.exportMeta}>
                 <span className={styles.exportTitle}>
-                  Полный отчёт
-                  <span className={styles.exportTagSoon}>скоро</span>
+                  {fullReport.uiState === "building"
+                    ? `Готовится… ${formatElapsed(fullReport.elapsedMs)}`
+                    : fullReport.uiState === "ready"
+                      ? `Скачать отчёт (${formatReportDate(
+                          fullReport.reportGeneratedAt,
+                        )})`
+                      : "Полный отчёт"}
+                </span>
+                <span className={styles.exportDesc}>
+                  {fullReport.uiState === "timeout"
+                    ? "Сборка затянулась — попробуйте позже"
+                    : fullReport.uiState === "error"
+                      ? "Не удалось поставить сборку — повторите"
+                      : "Все секции · PDF"}
                 </span>
-                <span className={styles.exportDesc}>Редактируемый Word</span>
               </span>
-              <Lock size={16} strokeWidth={1.5} className={styles.exportIco} />
-            </div>
+              {fullReport.uiState === "building" ? (
+                <span
+                  className={styles.pendingPulse}
+                  style={{ width: 16, height: 16, borderWidth: 2 }}
+                  aria-hidden="true"
+                />
+              ) : (
+                <FileText
+                  size={16}
+                  strokeWidth={1.5}
+                  className={styles.exportIco}
+                />
+              )}
+            </button>
 
             {/* Full-report PPTX — NO endpoint → honest disabled «скоро» */}
             <div
diff --git a/frontend/src/hooks/useFullReport.ts b/frontend/src/hooks/useFullReport.ts
new file mode 100644
index 00000000..5f8950d0
--- /dev/null
+++ b/frontend/src/hooks/useFullReport.ts
@@ -0,0 +1,233 @@
+"use client";
+
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useMutation, useQuery } from "@tanstack/react-query";
+
+import { API_BASE_URL, apiFetch, apiFetchWithStatus } from "@/lib/api";
+import type { components } from "@/lib/api-types";
+
+// Reuse generated OpenAPI types (api-types.ts) — НЕ дублировать руками (#2259 PR-D).
+export type ReportBuildResponse = components["schemas"]["ReportBuildResponse"];
+export type ReportStatusResponse =
+  components["schemas"]["ReportStatusResponse"];
+
+/**
+ * useFullReport — единый хук кнопки «Полный отчёт (PDF)» (#2259 PR-E).
+ *
+ * Переиспользуется двумя компонентами (ptica/reports/PticaReports «тёмная»
+ * витрина экспортов + analysis/ExportButtons «светлая» страница) — вся логика
+ * enqueue → poll → download живёт здесь, компоненты только рендерят состояние.
+ *
+ * Контракт бэкенда (PR-D #2287):
+ *   • POST /api/v1/parcels/{cad}/report
+ *       → 202 { status: "building" }  джоба поставлена, PDF собирается в фоне
+ *       → 200 { status: "ready", ... } готовый кэш уже на диске, качать сразу
+ *   • GET  /api/v1/parcels/{cad}/report/status
+ *       → { status: "none" | "building" | "ready", report_generated_at?, ... }
+ *   • GET  /api/v1/parcels/{cad}/report/download → application/pdf (attachment)
+ *
+ * «failed»-состояния в контракте НЕТ: если building висит дольше POLL_CAP_MS,
+ * фронт сам останавливает поллинг и показывает «Сборка затянулась — попробуйте
+ * позже» (uiState === "timeout"), кнопка снова активна.
+ *
+ * Скачивание: страница за Caddy basic_auth. Обычная навигация браузера к
+ * /report/download наследует уже авторизованную сессию (cookie/basic-auth),
+ * поэтому качаем через скрытый <a href download> (см. triggerReportDownload) —
+ * не тянем blob отдельным fetch'ем, который пришлось бы отдельно авторизовывать.
+ */
+
+// Поллинг: тик каждые 5с, cap ~3 мин (36 тиков) → стоп + сообщение.
+const POLL_INTERVAL_MS = 5_000;
+const POLL_CAP_MS = 3 * 60 * 1000;
+
+export type FullReportUiState =
+  | "idle" // ничего не запускалось / ещё не готов
+  | "building" // джоба идёт, поллим status
+  | "ready" // PDF готов, есть report_generated_at
+  | "timeout" // building провисел дольше cap — остановились
+  | "error"; // POST enqueue упал
+
+export interface UseFullReportResult {
+  uiState: FullReportUiState;
+  /** ISO дата генерации готового отчёта (для подписи «Скачать отчёт (дата)»). */
+  reportGeneratedAt: string | null;
+  /** Прошедшее с начала сборки время, мс (для «Готовится… мм:сс»). */
+  elapsedMs: number;
+  /** Клик по кнопке: enqueue → сразу download если ready, иначе старт поллинга. */
+  start: () => void;
+  /** Ручное скачивание готового PDF (кнопка «Скачать отчёт»). */
+  download: () => void;
+}
+
+function buildReportPath(cad: string, suffix: string): string {
+  return `/api/v1/parcels/${encodeURIComponent(cad)}/report${suffix}`;
+}
+
+/**
+ * Навигация браузера к /report/download через скрытый <a download>. Наследует
+ * Caddy basic_auth сессию текущей вкладки — отдельный авторизованный fetch не
+ * нужен. Browser-only (использует document) — вызывать только из обработчика.
+ */
+function triggerReportDownload(cad: string): void {
+  if (typeof document === "undefined") return;
+  const a = document.createElement("a");
+  a.href = `${API_BASE_URL}${buildReportPath(cad, "/download")}`;
+  // Content-Disposition: attachment на бэкенде задаёт имя файла; download-атрибут
+  // без значения лишь подтверждает намерение скачать, не переопределяя имя.
+  a.download = "";
+  a.rel = "noopener";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
+
+export function useFullReport(cad: string): UseFullReportResult {
+  // Флаг активного поллинга — заводится на building, гасится на ready/timeout.
+  const [polling, setPolling] = useState(false);
+  const [timedOut, setTimedOut] = useState(false);
+  const [elapsedMs, setElapsedMs] = useState(0);
+  // Момент начала сборки — источник истины для elapsed и cap.
+  const startedAtRef = useRef<number | null>(null);
+  // На ready один раз авто-скачиваем — иначе повторные тики status дёргали бы
+  // загрузку снова.
+  const autoDownloadedRef = useRef(false);
+
+  // ── POST enqueue ────────────────────────────────────────────────────────────
+  const enqueue = useMutation({
+    mutationFn: async (): Promise<ReportBuildResponse> => {
+      // apiFetchWithStatus терпит 202 Accepted без throw'а (как async-джобы §22).
+      const { body } = await apiFetchWithStatus<ReportBuildResponse>(
+        buildReportPath(cad, ""),
+        { method: "POST" },
+      );
+      return body;
+    },
+  });
+
+  // ── GET status polling ────────────────────────────────────────────────────────
+  const statusQuery = useQuery({
+    queryKey: ["full-report-status", cad],
+    queryFn: (): Promise<ReportStatusResponse> =>
+      apiFetch<ReportStatusResponse>(buildReportPath(cad, "/status")),
+    // enabled=false вне активной сборки → нет фонового поллинга и утечки после
+    // ухода со страницы (unmount снимает подписку, а enabled сам гасит тик).
+    enabled: !!cad && polling,
+    // Тик каждые POLL_INTERVAL_MS пока building; на ready — стоп (false).
+    refetchInterval: (query) =>
+      query.state.data?.status === "ready" ? false : POLL_INTERVAL_MS,
+    refetchIntervalInBackground: false,
+    gcTime: 0,
+  });
+
+  const statusData = statusQuery.data;
+
+  // ── Тикающий elapsed + cap-стоп (только пока идёт поллинг) ────────────────────
+  useEffect(() => {
+    if (!polling) return;
+    if (startedAtRef.current === null) startedAtRef.current = Date.now();
+
+    const tick = () => {
+      const started = startedAtRef.current;
+      if (started === null) return;
+      const el = Date.now() - started;
+      setElapsedMs(el);
+      if (el >= POLL_CAP_MS) {
+        setPolling(false);
+        setTimedOut(true);
+      }
+    };
+    tick();
+    const id = window.setInterval(tick, 1000);
+    // Cleanup на unmount / смене polling → интервал не течёт после ухода.
+    return () => window.clearInterval(id);
+  }, [polling]);
+
+  // ── На ready: авто-download один раз + стоп поллинга ──────────────────────────
+  useEffect(() => {
+    if (statusData?.status === "ready" && polling) {
+      setPolling(false);
+      if (!autoDownloadedRef.current) {
+        autoDownloadedRef.current = true;
+        triggerReportDownload(cad);
+      }
+    }
+  }, [statusData?.status, polling, cad]);
+
+  // ── Смена участка: полный сброс прогона ──────────────────────────────────────
+  // Оба потребителя живут под route-сегментом [cad] (смена участка = remount),
+  // этот эффект — страховка на случай будущего in-place реюза хука с другим cad.
+  useEffect(() => {
+    setPolling(false);
+    setTimedOut(false);
+    setElapsedMs(0);
+    autoDownloadedRef.current = false;
+    startedAtRef.current = null;
+  }, [cad]);
+
+  // ── Действие: клик по кнопке ──────────────────────────────────────────────────
+  const start = useCallback(() => {
+    // Сброс прошлого прогона (retry после timeout/error).
+    setTimedOut(false);
+    setElapsedMs(0);
+    startedAtRef.current = null;
+    autoDownloadedRef.current = false;
+
+    enqueue.mutate(undefined, {
+      onSuccess: (data) => {
+        if (data.status === "ready") {
+          // Кэш готов — качаем сразу, поллинг не нужен.
+          autoDownloadedRef.current = true;
+          triggerReportDownload(cad);
+        } else {
+          // building → стартуем поллинг status.
+          startedAtRef.current = Date.now();
+          setPolling(true);
+        }
+      },
+    });
+  }, [enqueue, cad]);
+
+  const download = useCallback(() => {
+    triggerReportDownload(cad);
+  }, [cad]);
+
+  // ── Производное UI-состояние ──────────────────────────────────────────────────
+  let uiState: FullReportUiState = "idle";
+  if (statusData?.status === "ready" || enqueue.data?.status === "ready") {
+    uiState = "ready";
+  } else if (timedOut) {
+    uiState = "timeout";
+  } else if (polling || enqueue.isPending) {
+    uiState = "building";
+  } else if (enqueue.isError) {
+    uiState = "error";
+  }
+
+  const reportGeneratedAt =
+    (uiState === "ready" ? statusData?.report_generated_at : null) ?? null;
+
+  return { uiState, reportGeneratedAt, elapsedMs, start, download };
+}
+
+// ── Хелперы микрокопии кнопки (общие для обоих компонентов) ────────────────────
+
+/** «мм:сс» из миллисекунд — для «Готовится… 1:05». */
+export function formatElapsed(ms: number): string {
+  const totalSec = Math.floor(ms / 1000);
+  const min = Math.floor(totalSec / 60);
+  const sec = totalSec % 60;
+  return `${min}:${String(sec).padStart(2, "0")}`;
+}
+
+/** ISO → «ru-RU» дата генерации отчёта (репо-конвенция, NaN-fallback). */
+export function formatReportDate(iso: string | null): string {
+  if (!iso) return "";
+  const d = new Date(iso);
+  // new Date(мусор) не бросает, а даёт Invalid Date — try/catch тут мёртв.
+  if (Number.isNaN(d.getTime())) return "";
+  return d.toLocaleDateString("ru-RU", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+  });
+}