pcp-tgu: редактор — таймлайн зум/драг/секундная шкала, подтверждения в деталях плана, без авто-кнопок

- детали плана: подтверждение (confirm) на «Отправить» и «Удалить» черновика
- редактор: убраны кнопки «Применить»/«Отмена», undo/redo и сдвиг ◀▶ из тулбара
- окно: предел отдаления план±1ч, дефолт тоже план±1ч; зум кнопками и колесом мыши (центр — курсор)
- таймлайн: drag по горизонтали как карту; минимум окна ~10с
- ось времени: адаптивные деления от секунд до недель, секунды в подписи при мелком масштабе

services/pcp-tgu-ops-ui/src/features/tgu-editor/editorPresentation.ts

@@ -27,6 +27,18 @@ export function formatTime(ms: number): string {
   return `${pad(date.getHours())}:${pad(date.getMinutes())}`;
 }
 
+/**
+ * Подпись деления оси с учётом шага: при шаге меньше минуты показываем секунды
+ * (ЧЧ:ММ:СС), иначе — ЧЧ:ММ. Так при сильном зуме видно более мелкий масштаб времени.
+ */
+export function formatTick(ms: number, stepMs: number): string {
+  const date = new Date(ms);
+  if (stepMs < 60_000) {
+    return `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+  }
+  return `${pad(date.getHours())}:${pad(date.getMinutes())}`;
+}
+
 export function formatDate(ms: number): string {
   const date = new Date(ms);
   return `${pad(date.getDate())} ${EDITOR_MONTHS[date.getMonth()]}`;
@@ -57,10 +69,19 @@ export function formatDuration(ms: number): string {
   return restHours > 0 ? `${days} сут ${restHours} ч` : `${days} сут`;
 }
 
-export function niceTicks(fromMs: number, toMs: number, pxPerMs: number, minPx: number): number[] {
+/** Деления оси времени: {@link ticks} — отметки, {@link step} — выбранный шаг (мс). */
+export type TimelineTicks = { ticks: number[]; step: number };
+
+export function niceTicks(fromMs: number, toMs: number, pxPerMs: number, minPx: number): TimelineTicks {
+  const minuteMs = 60_000;
   const hourMs = 3_600_000;
   const dayMs = 24 * hourMs;
-  const steps = [hourMs, 2 * hourMs, 3 * hourMs, 6 * hourMs, 12 * hourMs, dayMs, 2 * dayMs, 7 * dayMs];
+  // От секунд до недели — чем сильнее зум, тем мельче шаг, который влезает по minPx.
+  const steps = [
+    1_000, 2_000, 5_000, 10_000, 15_000, 30_000,
+    minuteMs, 2 * minuteMs, 5 * minuteMs, 10 * minuteMs, 15 * minuteMs, 30 * minuteMs,
+    hourMs, 2 * hourMs, 3 * hourMs, 6 * hourMs, 12 * hourMs, dayMs, 2 * dayMs, 7 * dayMs
+  ];
   const step = steps.find((item) => item * pxPerMs >= minPx) ?? steps[steps.length - 1];
   const ticks: number[] = [];
   const firstTick = Math.ceil(fromMs / step) * step;
@@ -69,7 +90,7 @@ export function niceTicks(fromMs: number, toMs: number, pxPerMs: number, minPx:
     ticks.push(timeMs);
   }
 
-  return ticks;
+  return { ticks, step };
 }
 
 function pad(value: number): string {