2D-карта (станции, заявки) и вкладка «Заявки»

Новая вкладка «Заявки»: показ заявок за интервал на 2D-карте,
создание заявки рисованием полигона на карте с формой параметров
(Оптика/РСА) и удаление выбранной заявки (createRequest/deleteRequest,
RequestCreatePanel/RequestDetailsPanel, polygonToWkt). В Tgu2DMapView
добавлен изолированный режим рисования полигона.

2D-карта: панели информации о станции и о заявках, слой станций
(stationsApi), поддержка выбора объектов через спатиальный индекс.
Список слоёв упрощён — трасса/полоса/маркеры КА убраны из переключателя,
по умолчанию включены работы плана, станции и заявки.

services/pcp-tgu-ops-ui/src/features/tgu-planning/TguTimeline.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useLayoutEffect, useMemo, useRef, useState } from "react";
 import type { TimelinePlanSegment, TimelineRange, TimelineRow } from "../../model/timelineTypes";
 import {
   buildSequentialLinks,
@@ -30,9 +30,11 @@ export function TguTimeline({ rows, range, selectedPlanId, invalidRange, onSelec
   const height = Math.max(260, timelineHeight(rows.length));
   const nowMs = Date.now();
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (!containerRef.current) return;
 
+    setContainerWidth(Math.floor(containerRef.current.getBoundingClientRect().width));
+
     const observer = new ResizeObserver(([entry]) => {
       setContainerWidth(Math.floor(entry.contentRect.width));
     });
@@ -55,17 +57,14 @@ export function TguTimeline({ rows, range, selectedPlanId, invalidRange, onSelec
       ? TIMELINE_LABEL_WIDTH + timeToX(nowMs, range, timelineWidth)
       : undefined;
 
-  if (invalidRange) {
-    return <div className="tgu-empty">Некорректный интервал: from должен быть меньше to.</div>;
-  }
-
-  if (rows.length === 0 || segments.length === 0) {
-    return <div className="tgu-empty">Нет планов в выбранном интервале.</div>;
-  }
-
   return (
     <div className="tgu-timeline" ref={containerRef}>
-      <svg className="tgu-timeline__svg" viewBox={`0 0 ${fullWidth} ${height}`} role="img" aria-label="Timeline планов ТГУ">
+      {invalidRange ? (
+        <div className="tgu-empty">Некорректный интервал: from должен быть меньше to.</div>
+      ) : rows.length === 0 || segments.length === 0 ? (
+        <div className="tgu-empty">Нет планов в выбранном интервале.</div>
+      ) : (
+      <svg className="tgu-timeline__svg" viewBox={`0 0 ${fullWidth} ${height}`} style={{ height }} role="img" aria-label="Timeline планов ТГУ">
         <defs>
           <marker id="tgu-arrow-head" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto">
             <path d="M0 0 L8 4 L0 8 z" fill="#8aa2a6" />
@@ -175,6 +174,7 @@ export function TguTimeline({ rows, range, selectedPlanId, invalidRange, onSelec
           );
         })}
       </svg>
+      )}
     </div>
   );
 }