From ed16b8935366d3a34bdb2ff1ba5d1d5cfdb6d523 Mon Sep 17 00:00:00 2001
From: vladtechno <vladtechno@gmail.com>
Date: Wed, 20 May 2026 15:39:01 +1000
Subject: [PATCH] =?UTF-8?q?inspection-editor:=20=D0=B1=D0=BB=D0=BE=D0=BA?=
 =?UTF-8?q?=20=C2=AB=D0=97=D0=B0=D0=BC=D0=B5=D1=82=D0=BA=D0=B8=20=D0=BC?=
 =?UTF-8?q?=D0=B5=D1=85=D0=B0=D0=BD=D0=B8=D0=BA=D0=B0=C2=BB=20=D0=BF=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=BD=D1=8F=D1=82=20=D0=BF=D0=BE=D0=B4=20=D1=81=D1=85?=
 =?UTF-8?q?=D0=B5=D0=BC=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Раньше textarea для заметок жил в самом низу страницы, после фото-сетки
и списка меток — на плановом осмотре приходилось много скроллить чтобы
добраться до основного поля ввода.

Перенёс Card 'Заметки механика' сразу под Card 'Схема'. На плановом осмотре
текстовое поле теперь второе на странице — не надо листать.
---
 .../frontend/src/pages/InspectionEditor.tsx   | 82 ++++++++++---------
 1 file changed, 42 insertions(+), 40 deletions(-)

diff --git a/mechanic-pwa/frontend/src/pages/InspectionEditor.tsx b/mechanic-pwa/frontend/src/pages/InspectionEditor.tsx
index fbc9386..be8b60a 100644
--- a/mechanic-pwa/frontend/src/pages/InspectionEditor.tsx
+++ b/mechanic-pwa/frontend/src/pages/InspectionEditor.tsx
@@ -230,6 +230,48 @@ export default function InspectionEditor() {
         />
       </Card>
 
+      {/* Блок «Заметки» поднят сразу под схему — главное текстовое поле для
+          планового осмотра, не хочется чтобы механик пролистывал фото+метки
+          чтобы добраться до textarea. */}
+      <Card className="p-4 space-y-2">
+        <h2 className="text-sm font-semibold text-muted-foreground">
+          Заметки механика
+        </h2>
+        {editable ? (
+          <>
+            <textarea
+              value={notesDraft}
+              onChange={(e) => setNotesDraft(e.target.value)}
+              placeholder="Текст осмотра, замечания, рекомендации…"
+              rows={Math.max(3, Math.min(notesDraft.split("\n").length + 1, 12))}
+              className="w-full text-sm p-2 rounded border border-input bg-background resize-y focus:outline-none focus:ring-2 focus:ring-ring"
+            />
+            {(notesDraft ?? "") !== (ins.notes ?? "") && (
+              <div className="flex gap-2 justify-end">
+                <button
+                  type="button"
+                  onClick={() => setNotesDraft(ins.notes ?? "")}
+                  className="text-xs text-muted-foreground hover:text-foreground px-3 py-1"
+                  disabled={notesMutation.isPending}
+                >
+                  Отменить
+                </button>
+                <button
+                  type="button"
+                  onClick={() => notesMutation.mutate(notesDraft)}
+                  disabled={notesMutation.isPending}
+                  className="text-xs bg-primary text-primary-foreground rounded px-3 py-1 disabled:opacity-60"
+                >
+                  {notesMutation.isPending ? "Сохраняю…" : "Сохранить"}
+                </button>
+              </div>
+            )}
+          </>
+        ) : (
+          <div className="text-sm whitespace-pre-wrap">{ins.notes || "—"}</div>
+        )}
+      </Card>
+
       {/* Multi-step damage flow */}
       {flow.kind === "confirm" && (
         <ZoneConfirmDialog
@@ -468,46 +510,6 @@ export default function InspectionEditor() {
         </div>
       )}
 
-      <Card className="p-4 space-y-2">
-        <h2 className="text-sm font-semibold text-muted-foreground">
-          Заметки механика
-        </h2>
-        {editable ? (
-          <>
-            <textarea
-              value={notesDraft}
-              onChange={(e) => setNotesDraft(e.target.value)}
-              placeholder="Текст осмотра, замечания, рекомендации…"
-              rows={Math.max(3, Math.min(notesDraft.split("\n").length + 1, 12))}
-              className="w-full text-sm p-2 rounded border border-input bg-background resize-y focus:outline-none focus:ring-2 focus:ring-ring"
-            />
-            {(notesDraft ?? "") !== (ins.notes ?? "") && (
-              <div className="flex gap-2 justify-end">
-                <button
-                  type="button"
-                  onClick={() => setNotesDraft(ins.notes ?? "")}
-                  className="text-xs text-muted-foreground hover:text-foreground px-3 py-1"
-                  disabled={notesMutation.isPending}
-                >
-                  Отменить
-                </button>
-                <button
-                  type="button"
-                  onClick={() => notesMutation.mutate(notesDraft)}
-                  disabled={notesMutation.isPending}
-                  className="text-xs bg-primary text-primary-foreground rounded px-3 py-1 disabled:opacity-60"
-                >
-                  {notesMutation.isPending ? "Сохраняю…" : "Сохранить"}
-                </button>
-              </div>
-            )}
-          </>
-        ) : (
-          // Осмотр уже завершён — показываем как read-only текст.
-          <div className="text-sm whitespace-pre-wrap">{ins.notes || "—"}</div>
-        )}
-      </Card>
-
       {editable && (
         <Button
           className="w-full"