lct-11: срок решения на пульте ДДС из снимка сервера

frontend/src/pages/dds/Dds.tsx

@@ -5,13 +5,13 @@ import { lazy, Suspense, useEffect, useRef, useState } from "react";
 import { KioCard } from "@/features/kio-card/KioCard";
 import { Timers } from "@/features/timers/Timers";
 import { applyState, empty as emptyCard, readPath, type CardState } from "@/features/kio-card/merge";
+import { ackDeadline } from "./ack.mjs";
 import { filterSortHistory } from "./history.mjs";
 import { sessionIdFromUrl } from "@/shared/api/session";
 import { stationChannel, type ChannelStatus } from "@/shared/api/ws";
 import type { DdsQueueCard, ServiceStatus, SessionReport, StationSnapshot, StationToServer, TimerSnapshot } from "@/shared/types/generated";
 import { ALARMING, CARD_STATUS_LABELS, SERVICE_STATUS_LABELS } from "./statuses";
 
-const ACK_LIMIT_S = 30;
 const SipPhone = lazy(() => import("@/features/sip/SipPhone").then(({ SipPhone }) => ({ default: SipPhone })));
 type ReportPhase = "dispatched" | "arrived" | "working" | "completed";
 interface PhoneReport { service: string; crew: string; phase: ReportPhase; text: string; at: string }
@@ -224,7 +224,6 @@ export function Dds() {
   const [card, setCard] = useState<CardState | null>(null);
   const [from, setFrom] = useState("");
   const [receivedAt, setReceivedAt] = useState<number | null>(null);
-  const [elapsed, setElapsed] = useState(0);
   const [station, setStation] = useState<DdsSnapshot | null>(null);
   const [timers, setTimers] = useState<TimerSnapshot[]>([]);
   const [lastReport, setLastReport] = useState<PhoneReport | null>(null);
@@ -307,6 +306,7 @@ export function Dds() {
             openCardAfterSwitch.current = false;
             setPane(null);
             setActiveService(null);
+            setTimers([]);
           }
           setCard(applyState(emptyCard, { ...event.card }));
           setFrom(event.from_operator);
@@ -334,15 +334,6 @@ export function Dds() {
     return () => { controller.abort(); ch.close(); channel.current = null; };
   }, [sessionId, role]);
 
-  const primaryRecorded = Boolean(station?.services.length && station.services.every((service) =>
-    ["accepted", "declined", "responding", "arrived", "working", "completed", "refused"]
-      .includes(station.statuses[service])));
-  useEffect(() => {
-    if (receivedAt === null || primaryRecorded) return;
-    const timer = setInterval(() => setElapsed((Date.now() - receivedAt) / 1000), 200);
-    return () => clearInterval(timer);
-  }, [receivedAt, primaryRecorded]);
-
   useEffect(() => {
     const timer = setInterval(() => setClockNow(new Date()), 1000);
     return () => clearInterval(timer);
@@ -366,6 +357,7 @@ export function Dds() {
     if (!completedCards.some((item) => item.card_id === archived.card_id)) completedCards.push(archived);
   }
   const queueCards = station?.queue_cards ?? [];
+  const ack = ackDeadline(timers, queueCards);
   const query = search.trim().toLocaleLowerCase("ru-RU");
   const filteredCompletedCards = statusFilter === "pending" ? [] : completedCards.filter((item) => {
     const serviceMatches = serviceFilter === "all" || item.managed_service === serviceFilter;
@@ -497,9 +489,6 @@ export function Dds() {
         </tr>)}
         {visibleQueueCards.map((item) => {
           const received = new Date(item.received_at);
-          const liveElapsed = item.timer_stopped ? item.elapsed_ms / 1000 : Math.max(
-            item.elapsed_ms / 1000, (clockNow.getTime() - received.getTime()) / 1000,
-          );
           const openCard = () => {
             if (item.active) {
               send({ type: "card.open", card_id: item.card_id });
@@ -527,8 +516,8 @@ export function Dds() {
           <td data-label="Адрес">{item.address || "—"}</td>
           <td data-label="Статус службы"><span className="dds-cell-value">
             <span>{item.managed_service || "ДДС"}: {SERVICE_STATUS_LABELS[item.service_status]}</span>
-            <small className={!item.timer_stopped && liveElapsed * 1000 > item.limit_ms ? "state-violated" : ""}>
-              {item.timer_stopped ? "решение за" : "до первичного решения"} {liveElapsed.toFixed(0)} с
+            <small className={!item.timer_stopped && item.elapsed_ms > item.limit_ms ? "state-violated" : ""}>
+              {item.timer_stopped ? "решение за" : "до первичного решения"} {Math.ceil(item.elapsed_ms / 1000)} с
             </small>
           </span></td>
         </tr>})}
@@ -612,8 +601,8 @@ export function Dds() {
       {pane === "status" && <section className="dds-panel"><div className="dds-panel-title"><h2>Реагирование служб</h2>
         <span className={station && ALARMING.includes(station.card) ? "state-violated" : "state-ok"}>
           {station ? CARD_STATUS_LABELS[station.card] : "—"}</span></div>
-        {!primaryRecorded && receivedAt !== null && <div className={`dds-deadline ${elapsed > ACK_LIMIT_S ? "state-violated" : "state-ok"}`}>
-          Первичное решение «Принята» / «Не принята»: {elapsed.toFixed(0)} из {ACK_LIMIT_S} секунд</div>}
+        {ack && <div className={`dds-deadline ${ack.violated ? "state-violated" : "state-ok"}`}>
+          Первичное решение «Принята» / «Не принята»: {Math.ceil(ack.elapsedMs / 1000)} из {Math.ceil(ack.limitMs / 1000)} секунд</div>}
         <Timers timers={timers.filter((timer) => timer.code === "dds_ack" || timer.code === "dds_work")} />
         {station && station.services.length > 0 ? <>
           <div className="dds-status-history"><strong>Служба {activeService ?? station.services[0]}</strong>

frontend/src/pages/dds/ack.d.mts

@@ -0,0 +1,9 @@
+import type { DdsQueueCard, TimerSnapshot } from "@/shared/types/generated";
+
+export interface AckDeadline {
+  elapsedMs: number;
+  limitMs: number;
+  violated: boolean;
+}
+
+export function ackDeadline(timers: TimerSnapshot[], queueCards: DdsQueueCard[]): AckDeadline | null;

frontend/src/pages/dds/ack.mjs

@@ -0,0 +1,31 @@
+/**
+ * @typedef {Object} AckDeadline
+ * @property {number} elapsedMs
+ * @property {number} limitMs
+ * @property {boolean} violated
+ */
+
+/**
+ * Срок первичного решения «Принята» / «Не принята» только по снимкам сервера.
+ *
+ * Лимит настраивает преподаватель, остановку фиксирует сервер на первом статусе
+ * из `PRIMARY`: своя константа или свой список статусов на пульте расходятся
+ * с тем, по чему ставится оценка. Активная карточка очереди важнее `timer.tick` —
+ * после переключения карточки тик до следующей секунды ещё несёт таймер прежней.
+ *
+ * @param {Array<{code: string, elapsed_ms: number, limit_ms: number, stopped?: boolean}>} timers
+ * @param {Array<{elapsed_ms: number, limit_ms: number, timer_stopped: boolean, active: boolean}>} queueCards
+ * @returns {AckDeadline | null} null — отсчёт не показывать
+ */
+export function ackDeadline(timers, queueCards) {
+  const active = queueCards.find((item) => item.active);
+  if (active) return active.timer_stopped ? null : deadline(active.elapsed_ms, active.limit_ms);
+  const timer = timers.find((item) => item.code === "dds_ack");
+  if (!timer || timer.stopped) return null;
+  return deadline(timer.elapsed_ms, timer.limit_ms);
+}
+
+/** Граница как у `state_for` на сервере: ровно на лимите нарушения ещё нет. */
+function deadline(elapsedMs, limitMs) {
+  return { elapsedMs, limitMs, violated: elapsedMs > limitMs };
+}