Клиент: устойчивость к отсутствию POST /read, оптимистичное снятие непрочитанного

js/main.js

@@ -51,6 +51,9 @@
     setTimeout(() => URL.revokeObjectURL(url), 120000);
   }
 
+  /** Сервер без маршрута `POST .../read` (404) — не дёргать повторно, меньше шума в консоли. */
+  let skipClientReadReceiptPost = false;
+
   const state = {
     tickets: [],
     currentTicket: null,
@@ -261,14 +264,31 @@
   }
 
   async function markClientTicketRead(ticketNumber) {
-    const res = await fetch(`${apiBase}/api/client/tickets/${encodeURIComponent(ticketNumber)}/read`, {
+    if (skipClientReadReceiptPost || !ticketNumber) return;
+    let res;
+    try {
+      res = await fetch(`${apiBase}/api/client/tickets/${encodeURIComponent(ticketNumber)}/read`, {
         method: "POST",
         headers: clientIdentityHeaders(),
       });
+    } catch {
+      return;
+    }
+    if (res.status === 404) {
+      skipClientReadReceiptPost = true;
+      return;
+    }
     if (!res.ok) return;
     const row = state.tickets.find((x) => x.ticket_number === ticketNumber);
     if (row) row.has_unread = false;
     renderTickets();
+    reapplyActiveTicketCard(ticketNumber);
+  }
+
+  function reapplyActiveTicketCard(ticketNumber) {
+    const tnSel = String(ticketNumber).replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+    const card = document.querySelector(`.f7-ticket-card[data-ticket-number="${tnSel}"]`);
+    if (card) card.classList.add("f7-ticket-card--active");
   }
 
   root.innerHTML = `
@@ -825,7 +845,11 @@
     openChatModal(ticket);
     try {
       await fetchMessages();
-      await markClientTicketRead(ticket.ticket_number);
+      const row = state.tickets.find((x) => x.ticket_number === ticketNumber);
+      if (row) row.has_unread = false;
+      renderTickets();
+      reapplyActiveTicketCard(ticketNumber);
+      void markClientTicketRead(ticket.ticket_number);
       connectTicketSocket(ticket.ticket_number);
     } catch (e) {
       showError(e.message || "Не удалось загрузить сообщения");