From 553fb6b9c2b73f5bb80fc087e2f4e98fec262171 Mon Sep 17 00:00:00 2001
From: lekss361 <alexey.kondratev@balance-pl.ru>
Date: Sat, 30 May 2026 22:25:20 +0300
Subject: [PATCH 1/2] =?UTF-8?q?fix(tradein):=20import=20trade-in.css=20?=
 =?UTF-8?q?=D0=B2=20ui-preview=20(=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8?=
 =?UTF-8?q?=D1=86=D0=B0=20=D0=B1=D1=8B=D0=BB=D0=B0=20=D0=B1=D0=B5=D0=B7=20?=
 =?UTF-8?q?=D1=81=D1=82=D0=B8=D0=BB=D0=B5=D0=B9)=20(#801)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Preview-маршрут /ui-preview/estimate рендерил голый текст: все остальные
страницы (page.tsx, history, scrapers/*) импортят
@/components/trade-in/trade-in.css, а preview — нет → классы .card/.hero-/
.price-figure/.card-meta без стилей (в бандл роута CSS не попадал). Добавлен
import. globals.css (Tailwind) уже подключён в layout.

Refs #801.
---
 tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx b/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
index 609f3fa7..2a7bc624 100644
--- a/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
+++ b/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
@@ -21,6 +21,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { notFound } from "next/navigation";
 import { useState } from "react";
 
+import "@/components/trade-in/trade-in.css";
 import { CianValuationCard } from "@/components/trade-in/CianValuationCard";
 import { DealsCard } from "@/components/trade-in/DealsCard";
 import { DistributionCard } from "@/components/trade-in/DistributionCard";
-- 
2.45.3


From a357aedb4575dc7955d69cafeb3c2324f5c7cf66 Mon Sep 17 00:00:00 2001
From: lekss361 <alexey.kondratev@balance-pl.ru>
Date: Sat, 30 May 2026 22:30:59 +0300
Subject: [PATCH 2/2] =?UTF-8?q?fix(tradein):=20preview=20=D0=BE=D0=B1?=
 =?UTF-8?q?=D1=91=D1=80=D0=BD=D1=83=D1=82=20=D0=B2=20.page/.result-col=20(?=
 =?UTF-8?q?desktop-=D1=80=D0=B0=D1=81=D0=BA=D0=BB=D0=B0=D0=B4=D0=BA=D0=B0,?=
 =?UTF-8?q?=20=D0=BD=D0=B5=20=C2=AB=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D1=8C?=
 =?UTF-8?q?=D0=BD=D0=B0=D1=8F=C2=BB)=20(#801)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Голый <main maxWidth:920> без layout-классов реальной страницы → карточки
рендерились узко/одной колонкой («мобильный» вид). Обёрнуто в .page > .result-col
(как page.tsx) — flex-column gap, --container ширина.

Refs #801.
---
 .../src/app/ui-preview/estimate/page.tsx      | 33 ++++++++++---------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx b/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
index 2a7bc624..2e21876f 100644
--- a/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
+++ b/tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
@@ -58,22 +58,23 @@ function PreviewContent() {
 
   return (
     <QueryClientProvider client={client}>
-      <main
-        className="tradein-results"
-        style={{ maxWidth: 920, margin: "0 auto", padding: 24 }}
-      >
-        <HeroSummary
-          estimate={FIXTURE_ESTIMATE}
-          input={FIXTURE_INPUT}
-          onResubmit={() => {}}
-          isResubmitting={false}
-        />
-        <CianValuationCard data={FIXTURE_ESTIMATE.cian_valuation} />
-        <DistributionCard estimate={FIXTURE_ESTIMATE} />
-        <DealsCard estimate={FIXTURE_ESTIMATE} />
-        <StreetDealsCard estimate={FIXTURE_ESTIMATE} />
-        <ExposureCard estimate={FIXTURE_ESTIMATE} />
-        <PriceTrendCard estimate={FIXTURE_ESTIMATE} />
+      {/* Те же layout-классы, что у реальной страницы (page.tsx): .page → .result-col
+          (flex-column gap, --container ширина). Без них карточки рендерились узко/«мобильно». */}
+      <main className="page">
+        <section className="result-col">
+          <HeroSummary
+            estimate={FIXTURE_ESTIMATE}
+            input={FIXTURE_INPUT}
+            onResubmit={() => {}}
+            isResubmitting={false}
+          />
+          <CianValuationCard data={FIXTURE_ESTIMATE.cian_valuation} />
+          <DistributionCard estimate={FIXTURE_ESTIMATE} />
+          <DealsCard estimate={FIXTURE_ESTIMATE} />
+          <StreetDealsCard estimate={FIXTURE_ESTIMATE} />
+          <ExposureCard estimate={FIXTURE_ESTIMATE} />
+          <PriceTrendCard estimate={FIXTURE_ESTIMATE} />
+        </section>
       </main>
     </QueryClientProvider>
   );
-- 
2.45.3