From 7b509f6af37fcb82e922cc2c8e940cd9cdfc08db Mon Sep 17 00:00:00 2001
From: TronoSfera <119615520+TronoSfera@users.noreply.github.com>
Date: Fri, 27 Feb 2026 20:43:57 +0300
Subject: [PATCH] fix client chat

---
 app/api/admin/chat.py                         |   95 +
 app/api/public/chat.py                        |   98 +-
 app/services/chat_presence.py                 |  195 +
 app/services/chat_service.py                  |   29 +
 app/services/sms_service.py                   |    8 +-
 app/web/admin.css                             |   75 +
 app/web/admin.jsx                             |    4 +
 .../features/requests/RequestWorkspace.jsx    |  247 +-
 app/web/admin/hooks/useRequestWorkspace.js    |   28 +
 app/web/client.html                           |    2 +-
 app/web/client.js                             | 3361 ++++++++++++-----
 app/web/client.jsx                            |   38 +-
 app/web/landing.html                          |    2 +-
 app/web/landing.js                            |    8 +
 celerybeat-schedule                           |  Bin 16384 -> 16384 bytes
 e2e/tests/helpers.js                          |    2 +-
 tests/admin/test_lawyer_chat.py               |  109 +
 tests/test_public_cabinet.py                  |   63 +
 tests/test_sms_service.py                     |    1 +
 19 files changed, 3371 insertions(+), 994 deletions(-)
 create mode 100644 app/services/chat_presence.py

diff --git a/app/api/admin/chat.py b/app/api/admin/chat.py
index 4ca1820..2fdc92d 100644
--- a/app/api/admin/chat.py
+++ b/app/api/admin/chat.py
@@ -1,5 +1,6 @@
 from __future__ import annotations
 
+from datetime import datetime, timezone
 from uuid import UUID
 
 from fastapi import APIRouter, Depends, HTTPException
@@ -17,15 +18,53 @@ from app.models.request_data_template_item import RequestDataTemplateItem
 from app.models.topic_data_template import TopicDataTemplate
 from app.services.chat_service import (
     create_admin_or_lawyer_message,
+    get_chat_activity_summary,
     list_messages_for_request,
     serialize_message,
     serialize_messages_for_request,
 )
+from app.services.chat_presence import list_typing_presence, set_typing_presence
 
 router = APIRouter()
 ALLOWED_VALUE_TYPES = {"string", "text", "date", "number", "file"}
 
 
+def _parse_cursor(raw: str | None) -> datetime | None:
+    value = str(raw or "").strip()
+    if not value:
+        return None
+    normalized = value.replace("Z", "+00:00")
+    try:
+        dt = datetime.fromisoformat(normalized)
+    except ValueError:
+        return None
+    if dt.tzinfo is None:
+        return dt.replace(tzinfo=timezone.utc)
+    return dt.astimezone(timezone.utc)
+
+
+def _iso_or_none(dt: datetime | None) -> str | None:
+    if dt is None:
+        return None
+    if dt.tzinfo is None:
+        dt = dt.replace(tzinfo=timezone.utc)
+    else:
+        dt = dt.astimezone(timezone.utc)
+    return dt.isoformat()
+
+
+def _as_utc_datetime(value) -> datetime | None:
+    if value is None:
+        return None
+    if isinstance(value, datetime):
+        if value.tzinfo is None:
+            return value.replace(tzinfo=timezone.utc)
+        return value.astimezone(timezone.utc)
+    if isinstance(value, str):
+        return _parse_cursor(value)
+    return None
+
+
 def _request_uuid_or_400(request_id: str) -> UUID:
     try:
         return UUID(str(request_id))
@@ -224,6 +263,62 @@ def create_request_message(
     return serialize_message(row)
 
 
+@router.get("/requests/{request_id}/live")
+def get_request_live_state(
+    request_id: str,
+    cursor: str | None = None,
+    db: Session = Depends(get_db),
+    admin: dict = Depends(require_role("ADMIN", "LAWYER", "CURATOR")),
+):
+    req = _request_for_id_or_404(db, request_id)
+    _ensure_lawyer_can_view_request_or_403(admin, req)
+    summary = get_chat_activity_summary(db, req.id)
+    latest_activity_at = _as_utc_datetime(summary.get("latest_activity_at"))
+    latest_activity_iso = _iso_or_none(latest_activity_at)
+    cursor_dt = _parse_cursor(cursor)
+    has_updates = bool(latest_activity_at and (cursor_dt is None or latest_activity_at > cursor_dt))
+
+    actor_sub = str(admin.get("sub") or "").strip() or "unknown"
+    actor_role = str(admin.get("role") or "").strip().upper() or "UNKNOWN"
+    actor_key = f"{actor_role}:{actor_sub}"
+    typing_rows = list_typing_presence(request_key=str(req.id), exclude_actor_key=actor_key)
+    return {
+        "request_id": str(req.id),
+        "cursor": latest_activity_iso,
+        "has_updates": has_updates,
+        "message_count": int(summary.get("message_count") or 0),
+        "attachment_count": int(summary.get("attachment_count") or 0),
+        "latest_message_at": _iso_or_none(_as_utc_datetime(summary.get("latest_message_at"))),
+        "latest_attachment_at": _iso_or_none(_as_utc_datetime(summary.get("latest_attachment_at"))),
+        "typing": typing_rows,
+    }
+
+
+@router.post("/requests/{request_id}/typing")
+def set_request_typing_state(
+    request_id: str,
+    payload: dict,
+    db: Session = Depends(get_db),
+    admin: dict = Depends(require_role("ADMIN", "LAWYER", "CURATOR")),
+):
+    req = _request_for_id_or_404(db, request_id)
+    _ensure_lawyer_can_manage_request_or_403(admin, req)
+    actor_role = str(admin.get("role") or "").strip().upper() or "UNKNOWN"
+    actor_sub = str(admin.get("sub") or "").strip() or "unknown"
+    actor_email = str(admin.get("email") or "").strip()
+    actor_key = f"{actor_role}:{actor_sub}"
+    actor_label = actor_email or ("Юрист" if actor_role == "LAWYER" else "Администратор")
+    typing = bool((payload or {}).get("typing"))
+    set_typing_presence(
+        request_key=str(req.id),
+        actor_key=actor_key,
+        actor_label=actor_label,
+        actor_role=actor_role,
+        typing=typing,
+    )
+    return {"status": "ok", "typing": typing}
+
+
 @router.get("/requests/{request_id}/data-request-templates")
 def list_data_request_templates(
     request_id: str,
diff --git a/app/api/public/chat.py b/app/api/public/chat.py
index 68d8367..809a7a8 100644
--- a/app/api/public/chat.py
+++ b/app/api/public/chat.py
@@ -1,4 +1,5 @@
 from __future__ import annotations
+from datetime import datetime, timezone
 from uuid import UUID
 
 from fastapi import APIRouter, Depends, HTTPException
@@ -11,12 +12,55 @@ from app.models.message import Message
 from app.models.request import Request
 from app.models.request_data_requirement import RequestDataRequirement
 from app.schemas.public import PublicMessageCreate
-from app.services.chat_service import create_client_message, list_messages_for_request, serialize_message, serialize_messages_for_request
+from app.services.chat_presence import list_typing_presence, set_typing_presence
+from app.services.chat_service import (
+    create_client_message,
+    get_chat_activity_summary,
+    list_messages_for_request,
+    serialize_message,
+    serialize_messages_for_request,
+)
 from app.services.request_read_markers import EVENT_MESSAGE, mark_unread_for_lawyer
 
 router = APIRouter()
 
 
+def _parse_cursor(raw: str | None) -> datetime | None:
+    value = str(raw or "").strip()
+    if not value:
+        return None
+    normalized = value.replace("Z", "+00:00")
+    try:
+        dt = datetime.fromisoformat(normalized)
+    except ValueError:
+        return None
+    if dt.tzinfo is None:
+        return dt.replace(tzinfo=timezone.utc)
+    return dt.astimezone(timezone.utc)
+
+
+def _iso_or_none(dt: datetime | None) -> str | None:
+    if dt is None:
+        return None
+    if dt.tzinfo is None:
+        dt = dt.replace(tzinfo=timezone.utc)
+    else:
+        dt = dt.astimezone(timezone.utc)
+    return dt.isoformat()
+
+
+def _as_utc_datetime(value) -> datetime | None:
+    if value is None:
+        return None
+    if isinstance(value, datetime):
+        if value.tzinfo is None:
+            return value.replace(tzinfo=timezone.utc)
+        return value.astimezone(timezone.utc)
+    if isinstance(value, str):
+        return _parse_cursor(value)
+    return None
+
+
 def _attachment_meta_for_public(req: Request, value_text: str | None, db: Session) -> dict | None:
     raw = str(value_text or "").strip()
     if not raw:
@@ -101,6 +145,58 @@ def create_message_by_track(
     return serialize_message(row)
 
 
+@router.get("/requests/{track_number}/live")
+def get_live_chat_state_by_track(
+    track_number: str,
+    cursor: str | None = None,
+    db: Session = Depends(get_db),
+    session: dict = Depends(get_public_session),
+):
+    req = _request_for_track_or_404(db, track_number)
+    _ensure_view_access_or_403(session, req)
+    summary = get_chat_activity_summary(db, req.id)
+    latest_activity_at = _as_utc_datetime(summary.get("latest_activity_at"))
+    latest_activity_iso = _iso_or_none(latest_activity_at)
+    cursor_dt = _parse_cursor(cursor)
+    has_updates = bool(latest_activity_at and (cursor_dt is None or latest_activity_at > cursor_dt))
+
+    subject = _require_view_session_or_403(session)
+    actor_key = f"CLIENT:{_normalize_track(subject) or _normalize_phone(subject)}"
+    typing_rows = list_typing_presence(request_key=str(req.id), exclude_actor_key=actor_key)
+    return {
+        "track_number": req.track_number,
+        "cursor": latest_activity_iso,
+        "has_updates": has_updates,
+        "message_count": int(summary.get("message_count") or 0),
+        "attachment_count": int(summary.get("attachment_count") or 0),
+        "latest_message_at": _iso_or_none(_as_utc_datetime(summary.get("latest_message_at"))),
+        "latest_attachment_at": _iso_or_none(_as_utc_datetime(summary.get("latest_attachment_at"))),
+        "typing": typing_rows,
+    }
+
+
+@router.post("/requests/{track_number}/typing")
+def set_live_chat_typing_by_track(
+    track_number: str,
+    payload: dict,
+    db: Session = Depends(get_db),
+    session: dict = Depends(get_public_session),
+):
+    req = _request_for_track_or_404(db, track_number)
+    _ensure_view_access_or_403(session, req)
+    subject = _require_view_session_or_403(session)
+    typing = bool((payload or {}).get("typing"))
+    actor_key = f"CLIENT:{_normalize_track(subject) or _normalize_phone(subject)}"
+    set_typing_presence(
+        request_key=str(req.id),
+        actor_key=actor_key,
+        actor_label=str(req.client_name or "Клиент"),
+        actor_role="CLIENT",
+        typing=typing,
+    )
+    return {"status": "ok", "typing": typing}
+
+
 @router.get("/requests/{track_number}/data-requests/{message_id}")
 def get_data_request_by_message(
     track_number: str,
diff --git a/app/services/chat_presence.py b/app/services/chat_presence.py
new file mode 100644
index 0000000..d2388d4
--- /dev/null
+++ b/app/services/chat_presence.py
@@ -0,0 +1,195 @@
+from __future__ import annotations
+
+import json
+import threading
+from datetime import datetime, timezone
+from typing import Any
+
+import redis
+
+from app.core.config import settings
+
+_DEFAULT_TYPING_TTL_SECONDS = 9
+
+_redis_client: redis.Redis | None = None
+_redis_lock = threading.Lock()
+
+_memory_lock = threading.Lock()
+_memory_state: dict[str, dict[str, dict[str, Any]]] = {}
+
+
+def _utc_now() -> datetime:
+    return datetime.now(timezone.utc)
+
+
+def _iso_utc(dt: datetime) -> str:
+    return dt.astimezone(timezone.utc).isoformat()
+
+
+def _get_redis_client() -> redis.Redis | None:
+    global _redis_client
+    if _redis_client is not None:
+        return _redis_client
+    with _redis_lock:
+        if _redis_client is not None:
+            return _redis_client
+        try:
+            client = redis.Redis.from_url(
+                settings.REDIS_URL,
+                decode_responses=True,
+                socket_timeout=0.25,
+                socket_connect_timeout=0.25,
+            )
+            client.ping()
+            _redis_client = client
+            return _redis_client
+        except Exception:
+            _redis_client = None
+            return None
+
+
+def _request_actors_key(request_key: str) -> str:
+    return f"chat:typing:req:{request_key}:actors"
+
+
+def _actor_payload_key(request_key: str, actor_key: str) -> str:
+    return f"chat:typing:req:{request_key}:actor:{actor_key}"
+
+
+def set_typing_presence(
+    *,
+    request_key: str,
+    actor_key: str,
+    actor_label: str,
+    actor_role: str,
+    typing: bool,
+    ttl_seconds: int = _DEFAULT_TYPING_TTL_SECONDS,
+) -> None:
+    normalized_request = str(request_key or "").strip()
+    normalized_actor = str(actor_key or "").strip()
+    if not normalized_request or not normalized_actor:
+        return
+
+    ttl = max(2, int(ttl_seconds or _DEFAULT_TYPING_TTL_SECONDS))
+    if typing:
+        payload = {
+            "actor_key": normalized_actor,
+            "actor_label": str(actor_label or "").strip() or "Собеседник",
+            "actor_role": str(actor_role or "").strip().upper() or "UNKNOWN",
+            "updated_at": _iso_utc(_utc_now()),
+        }
+    else:
+        payload = None
+
+    client = _get_redis_client()
+    if client is not None:
+        actors_key = _request_actors_key(normalized_request)
+        actor_payload_key = _actor_payload_key(normalized_request, normalized_actor)
+        try:
+            pipe = client.pipeline()
+            if payload is None:
+                pipe.delete(actor_payload_key)
+                pipe.srem(actors_key, normalized_actor)
+            else:
+                pipe.sadd(actors_key, normalized_actor)
+                pipe.setex(actor_payload_key, ttl, json.dumps(payload, ensure_ascii=False))
+                pipe.expire(actors_key, max(60, ttl * 8))
+            pipe.execute()
+            return
+        except Exception:
+            pass
+
+    with _memory_lock:
+        actors = _memory_state.setdefault(normalized_request, {})
+        if payload is None:
+            actors.pop(normalized_actor, None)
+            if not actors:
+                _memory_state.pop(normalized_request, None)
+            return
+        expires_at = _utc_now().timestamp() + ttl
+        actors[normalized_actor] = {**payload, "expires_at": expires_at}
+
+
+def list_typing_presence(
+    *,
+    request_key: str,
+    exclude_actor_key: str | None = None,
+) -> list[dict[str, Any]]:
+    normalized_request = str(request_key or "").strip()
+    if not normalized_request:
+        return []
+    excluded = str(exclude_actor_key or "").strip()
+    now_ts = _utc_now().timestamp()
+
+    client = _get_redis_client()
+    if client is not None:
+        actors_key = _request_actors_key(normalized_request)
+        try:
+            members = list(client.smembers(actors_key) or [])
+            if not members:
+                return []
+            keys = [_actor_payload_key(normalized_request, str(member)) for member in members]
+            rows = client.mget(keys)
+            stale_members: list[str] = []
+            result: list[dict[str, Any]] = []
+            for actor, raw in zip(members, rows):
+                actor_str = str(actor)
+                if not raw:
+                    stale_members.append(actor_str)
+                    continue
+                try:
+                    payload = json.loads(str(raw))
+                except Exception:
+                    stale_members.append(actor_str)
+                    continue
+                if excluded and actor_str == excluded:
+                    continue
+                result.append(
+                    {
+                        "actor_key": actor_str,
+                        "actor_label": str(payload.get("actor_label") or "Собеседник"),
+                        "actor_role": str(payload.get("actor_role") or "UNKNOWN"),
+                        "updated_at": str(payload.get("updated_at") or ""),
+                    }
+                )
+            if stale_members:
+                try:
+                    client.srem(actors_key, *stale_members)
+                except Exception:
+                    pass
+            result.sort(key=lambda item: str(item.get("updated_at") or ""), reverse=True)
+            return result
+        except Exception:
+            pass
+
+    with _memory_lock:
+        actors = _memory_state.get(normalized_request) or {}
+        stale: list[str] = []
+        result: list[dict[str, Any]] = []
+        for actor_key, payload in actors.items():
+            expires_at = float(payload.get("expires_at") or 0)
+            if expires_at <= now_ts:
+                stale.append(actor_key)
+                continue
+            if excluded and actor_key == excluded:
+                continue
+            result.append(
+                {
+                    "actor_key": actor_key,
+                    "actor_label": str(payload.get("actor_label") or "Собеседник"),
+                    "actor_role": str(payload.get("actor_role") or "UNKNOWN"),
+                    "updated_at": str(payload.get("updated_at") or ""),
+                }
+            )
+        for actor_key in stale:
+            actors.pop(actor_key, None)
+        if not actors:
+            _memory_state.pop(normalized_request, None)
+        result.sort(key=lambda item: str(item.get("updated_at") or ""), reverse=True)
+        return result
+
+
+def clear_presence_for_tests() -> None:
+    with _memory_lock:
+        _memory_state.clear()
+
diff --git a/app/services/chat_service.py b/app/services/chat_service.py
index 974a0e5..3a6f224 100644
--- a/app/services/chat_service.py
+++ b/app/services/chat_service.py
@@ -3,6 +3,7 @@ from __future__ import annotations
 from typing import Any
 
 from fastapi import HTTPException
+from sqlalchemy import func
 from sqlalchemy.orm import Session
 
 from app.models.message import Message
@@ -212,3 +213,31 @@ def create_admin_or_lawyer_message(
     db.commit()
     db.refresh(row)
     return row
+
+
+def get_chat_activity_summary(db: Session, request_id: Any) -> dict[str, Any]:
+    message_count, latest_message_at = (
+        db.query(
+            func.count(Message.id),
+            func.max(func.coalesce(Message.updated_at, Message.created_at)),
+        )
+        .filter(Message.request_id == request_id)
+        .one()
+    )
+    attachment_count, latest_attachment_at = (
+        db.query(
+            func.count(Attachment.id),
+            func.max(func.coalesce(Attachment.updated_at, Attachment.created_at)),
+        )
+        .filter(Attachment.request_id == request_id)
+        .one()
+    )
+    latest_candidates = [value for value in (latest_message_at, latest_attachment_at) if value is not None]
+    latest_activity_at = max(latest_candidates) if latest_candidates else None
+    return {
+        "message_count": int(message_count or 0),
+        "attachment_count": int(attachment_count or 0),
+        "latest_message_at": latest_message_at,
+        "latest_attachment_at": latest_attachment_at,
+        "latest_activity_at": latest_activity_at,
+    }
diff --git a/app/services/sms_service.py b/app/services/sms_service.py
index 19e3d09..69b8929 100644
--- a/app/services/sms_service.py
+++ b/app/services/sms_service.py
@@ -2,6 +2,7 @@ from __future__ import annotations
 
 import asyncio
 import importlib.util
+import logging
 from typing import Any
 
 from app.core.config import settings
@@ -11,6 +12,9 @@ class SmsDeliveryError(Exception):
     pass
 
 
+logger = logging.getLogger("uvicorn.error")
+
+
 def _otp_dev_mode_enabled() -> bool:
     return bool(getattr(settings, "OTP_DEV_MODE", False))
 
@@ -39,7 +43,8 @@ def _build_otp_message(*, code: str, purpose: str, track_number: str | None) ->
 
 
 def _mock_sms_send(*, phone: str, code: str, purpose: str, track_number: str | None) -> dict[str, Any]:
-    print(f"[OTP MOCK] purpose={purpose} phone={phone} track={track_number or '-'} code={code}")
+    line = f"[OTP MOCK] purpose={purpose} phone={phone} track={track_number or '-'} code={code}"
+    logger.warning(line)
     return {
         "provider": "mock_sms",
         "status": "accepted",
@@ -203,6 +208,7 @@ def send_otp_message(*, phone: str, code: str, purpose: str, track_number: str |
     if _otp_dev_mode_enabled():
         payload = _mock_sms_send(phone=phone, code=code, purpose=purpose, track_number=track_number)
         payload["dev_mode"] = True
+        payload["debug_code"] = str(code)
         return payload
 
     provider = str(settings.SMS_PROVIDER or "dummy").strip().lower()
diff --git a/app/web/admin.css b/app/web/admin.css
index 3e66f7d..5d4a1d2 100644
--- a/app/web/admin.css
+++ b/app/web/admin.css
@@ -1911,6 +1911,47 @@
       padding-bottom: 0.02rem;
     }
 
+    .request-data-progress-line {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: -0.08rem;
+    }
+
+    .request-data-progress-chip {
+      display: inline-flex;
+      align-items: center;
+      border-radius: 999px;
+      border: 1px solid rgba(105, 179, 132, 0.42);
+      background: rgba(57, 138, 88, 0.18);
+      color: #d5f5df;
+      padding: 0.16rem 0.56rem;
+      font-size: 0.74rem;
+      font-weight: 700;
+      letter-spacing: 0.015em;
+    }
+
+    .request-data-row-client-value {
+      grid-column: 2 / -1;
+      display: flex;
+      align-items: center;
+      gap: 0.4rem;
+      margin-top: 0.05rem;
+      min-height: 1.6rem;
+    }
+
+    .request-data-row-client-label {
+      font-size: 0.73rem;
+      color: #94a9c4;
+      white-space: nowrap;
+    }
+
+    .request-data-row-client-text {
+      color: #dbe8f8;
+      font-size: 0.83rem;
+      line-height: 1.3;
+      word-break: break-word;
+    }
+
     .modal-actions-right {
       justify-content: flex-end;
     }
@@ -2210,6 +2251,35 @@
       flex-wrap: wrap;
     }
 
+    .request-chat-live-row {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.42rem;
+      margin: -0.1rem 0 0.55rem;
+      min-height: 1rem;
+    }
+
+    .chat-live-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: rgba(68, 208, 138, 0.95);
+      box-shadow: 0 0 0 3px rgba(68, 208, 138, 0.16);
+      flex-shrink: 0;
+    }
+
+    .chat-live-dot.degraded {
+      background: rgba(240, 167, 72, 0.95);
+      box-shadow: 0 0 0 3px rgba(240, 167, 72, 0.16);
+    }
+
+    .request-chat-live-text {
+      font-size: 0.77rem;
+      color: #a8bad0;
+      line-height: 1.2;
+      letter-spacing: 0.01em;
+    }
+
     .request-chat-tabs {
       display: inline-flex;
       align-items: center;
@@ -2393,6 +2463,11 @@
         grid-template-columns: 1fr;
         gap: 0.25rem;
       }
+
+      .request-data-row-client-value {
+        grid-column: 1 / -1;
+        flex-wrap: wrap;
+      }
     }
 
     .chat-message-files {
diff --git a/app/web/admin.jsx b/app/web/admin.jsx
index 35b1247..a2ecf33 100644
--- a/app/web/admin.jsx
+++ b/app/web/admin.jsx
@@ -981,6 +981,8 @@ const NEW_REQUEST_CLIENT_OPTION = "__new_client__";
       clearPendingStatusChangePreset,
       submitRequestStatusChange,
       submitRequestModalMessage,
+      probeRequestLive,
+      setRequestTyping,
       loadRequestDataTemplates,
       loadRequestDataBatch,
       loadRequestDataTemplateDetails,
@@ -3129,6 +3131,8 @@ const NEW_REQUEST_CLIENT_OPTION = "__new_client__";
                 onSaveRequestDataBatch={saveRequestDataBatch}
                 onChangeStatus={submitRequestStatusChange}
                 onConsumePendingStatusChangePreset={clearPendingStatusChangePreset}
+                onLiveProbe={probeRequestLive}
+                onTypingSignal={setRequestTyping}
                 AttachmentPreviewModalComponent={AttachmentPreviewModal}
                 StatusLineComponent={StatusLine}
               />
diff --git a/app/web/admin/features/requests/RequestWorkspace.jsx b/app/web/admin/features/requests/RequestWorkspace.jsx
index db76820..232a131 100644
--- a/app/web/admin/features/requests/RequestWorkspace.jsx
+++ b/app/web/admin/features/requests/RequestWorkspace.jsx
@@ -42,6 +42,8 @@ export function RequestWorkspace({
   onUploadRequestAttachment,
   onChangeStatus,
   onConsumePendingStatusChangePreset,
+  onLiveProbe,
+  onTypingSignal,
   domIds,
   AttachmentPreviewModalComponent,
   StatusLineComponent,
@@ -97,8 +99,19 @@ export function RequestWorkspace({
     status: "",
     error: "",
   });
+  const [composerFocused, setComposerFocused] = useState(false);
+  const [typingPeers, setTypingPeers] = useState([]);
+  const [liveMode, setLiveMode] = useState("online");
   const fileInputRef = useRef(null);
   const statusChangeFileInputRef = useRef(null);
+  const chatListRef = useRef(null);
+  const liveCursorRef = useRef("");
+  const liveTimerRef = useRef(null);
+  const liveInFlightRef = useRef(false);
+  const liveFailCountRef = useRef(0);
+  const typingHeartbeatRef = useRef(null);
+  const typingActiveRef = useRef(false);
+  const lastAutoScrollCursorRef = useRef("");
   const idMap = useMemo(
     () => ({
       messagesList: "request-modal-messages",
@@ -367,6 +380,40 @@ export function RequestWorkspace({
     return map;
   }, [safeAttachments]);
 
+  const localActivityCursor = useMemo(() => {
+    let latestTs = 0;
+    const pickLatest = (value) => {
+      if (!value) return;
+      const ts = new Date(value).getTime();
+      if (Number.isFinite(ts) && ts > latestTs) latestTs = ts;
+    };
+    safeMessages.forEach((item) => {
+      pickLatest(item?.updated_at);
+      pickLatest(item?.created_at);
+    });
+    safeAttachments.forEach((item) => {
+      pickLatest(item?.updated_at);
+      pickLatest(item?.created_at);
+    });
+    return latestTs > 0 ? new Date(latestTs).toISOString() : "";
+  }, [safeAttachments, safeMessages]);
+
+  const typingHintText = useMemo(() => {
+    const rows = Array.isArray(typingPeers) ? typingPeers : [];
+    if (!rows.length) return "";
+    const labels = rows
+      .map((item) => String(item?.actor_label || item?.label || "").trim())
+      .filter(Boolean);
+    if (!labels.length) return "Собеседник печатает...";
+    const unique = [];
+    labels.forEach((label) => {
+      if (!unique.includes(label)) unique.push(label);
+    });
+    if (unique.length === 1) return unique[0] + " печатает...";
+    if (unique.length === 2) return unique[0] + " и " + unique[1] + " печатают...";
+    return unique[0] + ", " + unique[1] + " и еще " + String(unique.length - 2) + " печатают...";
+  }, [typingPeers]);
+
   const openAttachmentFromMessage = (item) => {
     if (!item?.download_url) return;
     const kind = detectAttachmentPreviewKind(item.file_name, item.mime_type);
@@ -377,6 +424,121 @@ export function RequestWorkspace({
     openPreview(item);
   };
 
+  useEffect(() => {
+    liveCursorRef.current = localActivityCursor || "";
+  }, [localActivityCursor, row?.id]);
+
+  useEffect(() => {
+    if (!row || typeof onLiveProbe !== "function") {
+      setTypingPeers([]);
+      setLiveMode("online");
+      if (liveTimerRef.current) {
+        clearTimeout(liveTimerRef.current);
+        liveTimerRef.current = null;
+      }
+      liveInFlightRef.current = false;
+      liveFailCountRef.current = 0;
+      return undefined;
+    }
+
+    let cancelled = false;
+    const scheduleNext = (ms) => {
+      if (cancelled) return;
+      if (liveTimerRef.current) clearTimeout(liveTimerRef.current);
+      liveTimerRef.current = setTimeout(runProbe, ms);
+    };
+
+    const runProbe = async () => {
+      if (cancelled || liveInFlightRef.current) return;
+      liveInFlightRef.current = true;
+      try {
+        const payload = await onLiveProbe({ cursor: liveCursorRef.current });
+        const cursor = String(payload?.cursor || "").trim();
+        if (cursor) liveCursorRef.current = cursor;
+        setTypingPeers(Array.isArray(payload?.typing) ? payload.typing : []);
+        liveFailCountRef.current = 0;
+        setLiveMode("online");
+      } catch (_) {
+        liveFailCountRef.current += 1;
+        setLiveMode(liveFailCountRef.current >= 3 ? "degraded" : "online");
+      } finally {
+        liveInFlightRef.current = false;
+        const hidden = typeof document !== "undefined" && document.visibilityState === "hidden";
+        const baseInterval = hidden ? 8000 : 2500;
+        const failStep = Math.min(5, Math.max(0, liveFailCountRef.current));
+        const backoffInterval = failStep > 0 ? Math.min(30000, baseInterval * Math.pow(2, failStep - 1)) : baseInterval;
+        scheduleNext(backoffInterval);
+      }
+    };
+
+    runProbe();
+    return () => {
+      cancelled = true;
+      if (liveTimerRef.current) {
+        clearTimeout(liveTimerRef.current);
+        liveTimerRef.current = null;
+      }
+      liveInFlightRef.current = false;
+      liveFailCountRef.current = 0;
+      setTypingPeers([]);
+      setLiveMode("online");
+    };
+  }, [onLiveProbe, row, trackNumber]);
+
+  const typingEnabled = Boolean(
+    row &&
+      typeof onTypingSignal === "function" &&
+      !loading &&
+      !fileUploading &&
+      composerFocused &&
+      String(messageDraft || "").trim()
+  );
+
+  useEffect(() => {
+    if (typeof onTypingSignal !== "function" || !row) {
+      if (typingHeartbeatRef.current) {
+        clearInterval(typingHeartbeatRef.current);
+        typingHeartbeatRef.current = null;
+      }
+      typingActiveRef.current = false;
+      return;
+    }
+    if (typingEnabled) {
+      if (!typingActiveRef.current) {
+        typingActiveRef.current = true;
+        void onTypingSignal({ typing: true }).catch(() => null);
+      }
+      if (!typingHeartbeatRef.current) {
+        typingHeartbeatRef.current = setInterval(() => {
+          void onTypingSignal({ typing: true }).catch(() => null);
+        }, 2500);
+      }
+      return;
+    }
+    if (typingHeartbeatRef.current) {
+      clearInterval(typingHeartbeatRef.current);
+      typingHeartbeatRef.current = null;
+    }
+    if (typingActiveRef.current) {
+      typingActiveRef.current = false;
+      void onTypingSignal({ typing: false }).catch(() => null);
+    }
+  }, [onTypingSignal, row, typingEnabled]);
+
+  useEffect(
+    () => () => {
+      if (typingHeartbeatRef.current) {
+        clearInterval(typingHeartbeatRef.current);
+        typingHeartbeatRef.current = null;
+      }
+      if (typingActiveRef.current && typeof onTypingSignal === "function") {
+        typingActiveRef.current = false;
+        void onTypingSignal({ typing: false }).catch(() => null);
+      }
+    },
+    [onTypingSignal]
+  );
+
   const newDataRequestRow = (source) => {
     const item = source || {};
     const label = String(item.label || "").trim();
@@ -392,6 +554,7 @@ export function RequestWorkspace({
       field_type: fieldType,
       document_name: String(item.document_name || "").trim(),
       value_text: item.value_text == null ? "" : String(item.value_text),
+      value_file: item.value_file || null,
       is_filled: Boolean(item.is_filled),
     };
   };
@@ -821,15 +984,7 @@ export function RequestWorkspace({
         message_id: currentMessageId,
         items: payloadItems,
       });
-      setClientDataModal((prev) => ({
-        ...prev,
-        saving: false,
-        status: "Данные сохранены.",
-        items: (prev.items || []).map((item) => ({
-          ...item,
-          pendingFile: null,
-        })),
-      }));
+      closeClientDataModal();
     } catch (error) {
       setClientDataModal((prev) => ({
         ...prev,
@@ -956,6 +1111,20 @@ export function RequestWorkspace({
     chatTimelineItems.push(entry);
   });
 
+  useEffect(() => {
+    if (chatTab !== "chat") return;
+    const listNode = chatListRef.current;
+    if (!listNode) return;
+    const cursor = String(localActivityCursor || "");
+    if (!cursor || cursor === lastAutoScrollCursorRef.current) return;
+    lastAutoScrollCursorRef.current = cursor;
+    const raf = window.requestAnimationFrame(() => {
+      if (!chatListRef.current) return;
+      chatListRef.current.scrollTop = chatListRef.current.scrollHeight;
+    });
+    return () => window.cancelAnimationFrame(raf);
+  }, [chatTab, localActivityCursor]);
+
   const routeNodes =
     Array.isArray(statusRouteNodes) && statusRouteNodes.length
       ? statusRouteNodes
@@ -972,7 +1141,7 @@ export function RequestWorkspace({
     if (!items.length) return <p className="chat-message-text">Запрос</p>;
     if (allFilled) {
       const fileOnly = items.length === 1 && String(items[0]?.field_type || "").toLowerCase() === "file";
-      return <p className="chat-message-text chat-request-data-collapsed">{fileOnly ? "Файл" : "Запрос"}</p>;
+      return <p className="chat-message-text chat-request-data-collapsed">{fileOnly ? "Файл" : "Заполнен"}</p>;
     }
     const visibleItems = items.slice(0, 7);
     const hiddenCount = Math.max(0, items.length - visibleItems.length);
@@ -1014,6 +1183,13 @@ export function RequestWorkspace({
     return text || "Не заполнено";
   };
 
+  const dataRequestProgress = useMemo(() => {
+    const rows = Array.isArray(dataRequestModal.rows) ? dataRequestModal.rows : [];
+    const total = rows.length;
+    const filled = rows.filter((rowItem) => Boolean(rowItem?.is_filled || String(rowItem?.value_text || "").trim())).length;
+    return { total, filled };
+  }, [dataRequestModal.rows]);
+
   return (
     <div className="block">
       <div className="request-workspace-layout">
@@ -1177,6 +1353,10 @@ export function RequestWorkspace({
               </button>
             </div>
           </div>
+          <div className="request-chat-live-row" aria-live="polite">
+            <span className={"chat-live-dot" + (liveMode === "degraded" ? " degraded" : "")} />
+            <span className="request-chat-live-text">{typingHintText || (liveMode === "degraded" ? "Связь нестабильна, включен backoff" : "Онлайн")}</span>
+          </div>
 
           <input
             id={idMap.fileInput}
@@ -1190,7 +1370,7 @@ export function RequestWorkspace({
 
           {chatTab === "chat" ? (
             <>
-              <ul className="simple-list request-modal-list request-chat-list" id={idMap.messagesList}>
+              <ul className="simple-list request-modal-list request-chat-list" id={idMap.messagesList} ref={chatListRef}>
                 {chatTimelineItems.length ? (
                   chatTimelineItems.map((entry) =>
                     entry.type === "date" ? (
@@ -1327,6 +1507,8 @@ export function RequestWorkspace({
                     placeholder={messagePlaceholder}
                     value={messageDraft}
                     onChange={onMessageChange}
+                    onFocus={() => setComposerFocused(true)}
+                    onBlur={() => setComposerFocused(false)}
                     disabled={loading || fileUploading}
                   />
                   <div className="request-drop-hint muted">Перетащите файлы сюда или прикрепите скрепкой</div>
@@ -1365,17 +1547,6 @@ export function RequestWorkspace({
                       Запросить
                     </button>
                   ) : null}
-                  {canFillRequestData && idMap.fileUploadButton ? (
-                    <button
-                      className="btn secondary btn-sm"
-                      type="button"
-                      id={idMap.fileUploadButton}
-                      onClick={onSendMessage}
-                      disabled={loading || fileUploading || !hasPendingFiles}
-                    >
-                      Загрузить файл
-                    </button>
-                  ) : null}
                   <button
                     className="icon-btn file-action-btn composer-attach-btn"
                     type="button"
@@ -1956,6 +2127,13 @@ export function RequestWorkspace({
               </div>
             </div>
             {dataRequestModal.templateStatus ? <div className="status ok">{dataRequestModal.templateStatus}</div> : null}
+            {canRequestData && dataRequestModal.messageId ? (
+              <div className="request-data-progress-line">
+                <span className="request-data-progress-chip">
+                  {"Заполнено клиентом: " + String(dataRequestProgress.filled) + " / " + String(dataRequestProgress.total)}
+                </span>
+              </div>
+            ) : null}
 
             <div className="request-data-modal-grid">
               <div className="field">
@@ -2122,6 +2300,31 @@ export function RequestWorkspace({
                         ×
                       </button>
                     </div>
+                    {canRequestData && (rowItem?.is_filled || String(rowItem?.value_text || "").trim()) ? (
+                      <div className="request-data-row-client-value">
+                        <span className="request-data-row-client-label">Заполнено клиентом:</span>
+                        {String(rowItem?.field_type || "").toLowerCase() === "file" ? (
+                          rowItem?.value_file && rowItem.value_file.download_url ? (
+                            <button
+                              type="button"
+                              className="chat-message-file-chip"
+                              onClick={() => openAttachmentFromMessage(rowItem.value_file)}
+                            >
+                              <span className="chat-message-file-icon" aria-hidden="true">📎</span>
+                              <span className="chat-message-file-name">{String(rowItem.value_file.file_name || "Файл")}</span>
+                            </button>
+                          ) : (
+                            <span className="muted">Файл добавлен</span>
+                          )
+                        ) : (
+                          <span className="request-data-row-client-text">
+                            {String(rowItem?.field_type || "").toLowerCase() === "date"
+                              ? fmtDateOnly(rowItem?.value_text)
+                              : String(rowItem?.value_text || "").trim().slice(0, 140)}
+                          </span>
+                        )}
+                      </div>
+                    ) : null}
                   </div>
                 ))
               ) : (
diff --git a/app/web/admin/hooks/useRequestWorkspace.js b/app/web/admin/hooks/useRequestWorkspace.js
index f9f8259..59955aa 100644
--- a/app/web/admin/hooks/useRequestWorkspace.js
+++ b/app/web/admin/hooks/useRequestWorkspace.js
@@ -337,6 +337,32 @@ export function useRequestWorkspace(options) {
     setRequestModal((prev) => ({ ...prev, pendingStatusChangePreset: null }));
   }, []);
 
+  const probeRequestLive = useCallback(
+    async ({ cursor } = {}) => {
+      const requestId = requestModal.requestId;
+      if (!api || !requestId) return { has_updates: false, typing: [], cursor: null };
+      const query = cursor ? "?cursor=" + encodeURIComponent(String(cursor)) : "";
+      const payload = await api("/api/admin/chat/requests/" + requestId + "/live" + query);
+      if (payload && payload.has_updates) {
+        await loadRequestModalData(requestId, { showLoading: false });
+      }
+      return payload || { has_updates: false, typing: [], cursor: null };
+    },
+    [api, loadRequestModalData, requestModal.requestId]
+  );
+
+  const setRequestTyping = useCallback(
+    async ({ typing } = {}) => {
+      const requestId = requestModal.requestId;
+      if (!api || !requestId) return { status: "skipped", typing: false };
+      return api("/api/admin/chat/requests/" + requestId + "/typing", {
+        method: "POST",
+        body: { typing: Boolean(typing) },
+      });
+    },
+    [api, requestModal.requestId]
+  );
+
   const submitRequestStatusChange = useCallback(
     async ({ requestId, statusCode, importantDateAt, comment, files } = {}) => {
       if (!api) throw new Error("API недоступен");
@@ -425,6 +451,8 @@ export function useRequestWorkspace(options) {
     clearPendingStatusChangePreset,
     submitRequestStatusChange,
     submitRequestModalMessage,
+    probeRequestLive,
+    setRequestTyping,
     loadRequestDataTemplates,
     loadRequestDataBatch,
     loadRequestDataTemplateDetails,
diff --git a/app/web/client.html b/app/web/client.html
index 741214c..dac4bbd 100644
--- a/app/web/client.html
+++ b/app/web/client.html
@@ -11,6 +11,6 @@
   <div id="client-root"></div>
   <script src="https://unpkg.com/react@18.2.0/umd/react.production.min.js"></script>
   <script src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js"></script>
-  <script src="/client.js?v=20260227-01"></script>
+  <script src="/client.js?v=20260227-02"></script>
 </body>
 </html>
diff --git a/app/web/client.js b/app/web/client.js
index ef9d768..a1445ba 100644
--- a/app/web/client.js
+++ b/app/web/client.js
@@ -1,1002 +1,2431 @@
-(function () {
-  const requestSelect = document.getElementById("client-request-select");
-  const refreshButton = document.getElementById("client-refresh");
-  const pageStatus = document.getElementById("client-page-status");
-
-  const cabinetSummary = document.getElementById("cabinet-summary");
-  const cabinetRequestStatus = document.getElementById("cabinet-request-status");
-  const cabinetRequestTopic = document.getElementById("cabinet-request-topic");
-  const cabinetRequestCreated = document.getElementById("cabinet-request-created");
-  const cabinetRequestUpdated = document.getElementById("cabinet-request-updated");
-
-  const cabinetMessages = document.getElementById("cabinet-messages");
-  const cabinetFiles = document.getElementById("cabinet-files");
-  const cabinetServiceRequests = document.getElementById("cabinet-service-requests");
-  const cabinetInvoices = document.getElementById("cabinet-invoices");
-  const cabinetTimeline = document.getElementById("cabinet-timeline");
-
-  const cabinetChatForm = document.getElementById("cabinet-chat-form");
-  const cabinetChatBody = document.getElementById("cabinet-chat-body");
-  const cabinetChatSend = document.getElementById("cabinet-chat-send");
-  const cabinetFileInput = document.getElementById("cabinet-file-input");
-  const cabinetFileUpload = document.getElementById("cabinet-file-upload");
-  const previewOverlay = document.getElementById("file-preview-overlay");
-  const previewTitle = document.getElementById("file-preview-title");
-  const previewClose = document.getElementById("file-preview-close");
-  const previewBody = document.getElementById("file-preview-body");
-  const dataRequestOverlay = document.getElementById("data-request-overlay");
-  const dataRequestClose = document.getElementById("data-request-close");
-  const dataRequestForm = document.getElementById("data-request-form");
-  const dataRequestItems = document.getElementById("data-request-items");
-  const dataRequestStatus = document.getElementById("data-request-status");
-  const dataRequestTitle = document.getElementById("data-request-title");
-  const serviceRequestOverlay = document.getElementById("service-request-overlay");
-  const serviceRequestClose = document.getElementById("service-request-close");
-  const serviceRequestForm = document.getElementById("service-request-form");
-  const serviceRequestTitle = document.getElementById("service-request-title");
-  const serviceRequestTypeInput = document.getElementById("service-request-type");
-  const serviceRequestBodyInput = document.getElementById("service-request-body");
-  const serviceRequestStatus = document.getElementById("service-request-status");
-  const openCuratorRequestButton = document.getElementById("cabinet-curator-request-open");
-  const openLawyerChangeButton = document.getElementById("cabinet-lawyer-change-open");
-  let previewObjectUrl = "";
-
-  let activeTrack = "";
-  let activeRequestId = "";
-  let activeDataRequestMessageId = "";
-
-  const SERVICE_REQUEST_TYPE_LABELS = {
-    CURATOR_CONTACT: "Запрос к куратору",
-    LAWYER_CHANGE_REQUEST: "Смена юриста",
+(() => {
+  // admin/shared/constants.js
+  var STATUS_LABELS = {
+    NEW: "\u041D\u043E\u0432\u0430\u044F",
+    IN_PROGRESS: "\u0412 \u0440\u0430\u0431\u043E\u0442\u0435",
+    WAITING_CLIENT: "\u041E\u0436\u0438\u0434\u0430\u043D\u0438\u0435 \u043A\u043B\u0438\u0435\u043D\u0442\u0430",
+    WAITING_COURT: "\u041E\u0436\u0438\u0434\u0430\u043D\u0438\u0435 \u0441\u0443\u0434\u0430",
+    RESOLVED: "\u0420\u0435\u0448\u0435\u043D\u0430",
+    CLOSED: "\u0417\u0430\u043A\u0440\u044B\u0442\u0430",
+    REJECTED: "\u041E\u0442\u043A\u043B\u043E\u043D\u0435\u043D\u0430"
   };
-  const SERVICE_REQUEST_STATUS_LABELS = {
-    NEW: "Новый",
-    IN_PROGRESS: "В работе",
-    RESOLVED: "Решен",
-    REJECTED: "Отклонен",
+  var TABLE_SERVER_CONFIG = {
+    requests: {
+      table: "requests",
+      // Requests use a specialized endpoint because it supports virtual/server-side filters
+      // (e.g. deadline alerts and unread notifications) that are not plain table columns.
+      endpoint: "/api/admin/requests/query",
+      sort: [{ field: "created_at", dir: "desc" }]
+    },
+    serviceRequests: {
+      table: "request_service_requests",
+      endpoint: "/api/admin/crud/request_service_requests/query",
+      sort: [{ field: "created_at", dir: "desc" }]
+    },
+    invoices: {
+      table: "invoices",
+      endpoint: "/api/admin/invoices/query",
+      sort: [{ field: "issued_at", dir: "desc" }]
+    },
+    quotes: {
+      table: "quotes",
+      endpoint: "/api/admin/crud/quotes/query",
+      sort: [{ field: "sort_order", dir: "asc" }]
+    },
+    topics: {
+      table: "topics",
+      endpoint: "/api/admin/crud/topics/query",
+      sort: [{ field: "sort_order", dir: "asc" }]
+    },
+    statuses: {
+      table: "statuses",
+      endpoint: "/api/admin/crud/statuses/query",
+      sort: [{ field: "sort_order", dir: "asc" }]
+    },
+    formFields: {
+      table: "form_fields",
+      endpoint: "/api/admin/crud/form_fields/query",
+      sort: [{ field: "sort_order", dir: "asc" }]
+    },
+    topicRequiredFields: {
+      table: "topic_required_fields",
+      endpoint: "/api/admin/crud/topic_required_fields/query",
+      sort: [{ field: "sort_order", dir: "asc" }]
+    },
+    topicDataTemplates: {
+      table: "topic_data_templates",
+      endpoint: "/api/admin/crud/topic_data_templates/query",
+      sort: [{ field: "sort_order", dir: "asc" }]
+    },
+    statusTransitions: {
+      table: "topic_status_transitions",
+      endpoint: "/api/admin/crud/topic_status_transitions/query",
+      sort: [{ field: "sort_order", dir: "asc" }]
+    },
+    users: {
+      table: "admin_users",
+      endpoint: "/api/admin/crud/admin_users/query",
+      sort: [{ field: "created_at", dir: "desc" }]
+    },
+    userTopics: {
+      table: "admin_user_topics",
+      endpoint: "/api/admin/crud/admin_user_topics/query",
+      sort: [{ field: "created_at", dir: "desc" }]
+    }
   };
+  var TABLE_MUTATION_CONFIG = Object.fromEntries(
+    Object.entries(TABLE_SERVER_CONFIG).map(([tableKey, config]) => [
+      tableKey,
+      {
+        create: "/api/admin/crud/" + config.table,
+        update: (id) => "/api/admin/crud/" + config.table + "/" + id,
+        delete: (id) => "/api/admin/crud/" + config.table + "/" + id
+      }
+    ])
+  );
+  TABLE_MUTATION_CONFIG.invoices = {
+    create: "/api/admin/invoices",
+    update: (id) => "/api/admin/invoices/" + id,
+    delete: (id) => "/api/admin/invoices/" + id
+  };
+  var TABLE_KEY_ALIASES = {
+    request_service_requests: "serviceRequests",
+    form_fields: "formFields",
+    status_groups: "statusGroups",
+    topic_required_fields: "topicRequiredFields",
+    topic_data_templates: "topicDataTemplates",
+    topic_status_transitions: "statusTransitions",
+    admin_users: "users",
+    admin_user_topics: "userTopics"
+  };
+  var TABLE_UNALIASES = Object.fromEntries(Object.entries(TABLE_KEY_ALIASES).map(([table, alias]) => [alias, table]));
 
-  function formatDate(value) {
+  // admin/shared/utils.js
+  function humanizeKey(value) {
+    const text = String(value || "").replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
+    if (!text) return "-";
+    return text.charAt(0).toUpperCase() + text.slice(1);
+  }
+  function statusLabel(code) {
+    return STATUS_LABELS[code] || code || "-";
+  }
+  function fmtDate(value) {
     if (!value) return "-";
-    try {
-      const dt = new Date(value);
-      if (Number.isNaN(dt.getTime())) return value;
-      const day = String(dt.getDate()).padStart(2, "0");
-      const month = String(dt.getMonth() + 1).padStart(2, "0");
-      const year = String(dt.getFullYear()).slice(-2);
-      const hours = String(dt.getHours()).padStart(2, "0");
-      const minutes = String(dt.getMinutes()).padStart(2, "0");
-      return `${day}.${month}.${year} ${hours}:${minutes}`;
-    } catch (_) {
-      return value;
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return String(value);
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const year = String(date.getFullYear()).slice(-2);
+    const hours = String(date.getHours()).padStart(2, "0");
+    const minutes = String(date.getMinutes()).padStart(2, "0");
+    return `${day}.${month}.${year} ${hours}:${minutes}`;
+  }
+  function fmtDateOnly(value) {
+    if (!value) return "-";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return String(value);
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const year = String(date.getFullYear()).slice(-2);
+    return `${day}.${month}.${year}`;
+  }
+  function fmtTimeOnly(value) {
+    if (!value) return "-";
+    const date = new Date(value);
+    return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleTimeString("ru-RU", { hour: "2-digit", minute: "2-digit" });
+  }
+  function fmtShortDateTime(value) {
+    if (!value) return "-";
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return String(value);
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const year = String(date.getFullYear()).slice(-2);
+    const hours = String(date.getHours()).padStart(2, "0");
+    const minutes = String(date.getMinutes()).padStart(2, "0");
+    return `${day}.${month}.${year} ${hours}:${minutes}`;
+  }
+  function fmtAmount(value) {
+    if (value == null || value === "") return "-";
+    const number = Number(value);
+    if (Number.isNaN(number)) return String(value);
+    return number.toLocaleString("ru-RU");
+  }
+  function fmtBytes(value) {
+    const size = Number(value || 0);
+    if (!Number.isFinite(size) || size <= 0) return "0 \u0411";
+    const units = ["\u0411", "\u041A\u0411", "\u041C\u0411", "\u0413\u0411"];
+    let normalized = size;
+    let index = 0;
+    while (normalized >= 1024 && index < units.length - 1) {
+      normalized /= 1024;
+      index += 1;
     }
+    return normalized.toLocaleString("ru-RU", { maximumFractionDigits: index === 0 ? 0 : 1 }) + " " + units[index];
   }
-
-  function setStatus(el, message, kind) {
-    el.className = "status";
-    if (kind === "ok") el.classList.add("ok");
-    if (kind === "error") el.classList.add("error");
-    el.textContent = message;
-  }
-
-  function setDataRequestStatus(message, kind) {
-    if (!dataRequestStatus) return;
-    setStatus(dataRequestStatus, message || "", kind || null);
-  }
-
-  function setServiceRequestStatus(message, kind) {
-    if (!serviceRequestStatus) return;
-    setStatus(serviceRequestStatus, message || "", kind || null);
-  }
-
-  async function uploadPublicRequestAttachment(file, requestId) {
-    const initResponse = await fetch("/api/public/uploads/init", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        file_name: file.name,
-        mime_type: file.type || "application/octet-stream",
-        size_bytes: file.size,
-        scope: "REQUEST_ATTACHMENT",
-        request_id: requestId,
-      }),
-    });
-    const initData = await parseJsonSafe(initResponse);
-    if (!initResponse.ok) throw new Error(apiErrorDetail(initData, "Не удалось начать загрузку файла"));
-
-    const putResponse = await fetch(initData.presigned_url, {
-      method: "PUT",
-      headers: { "Content-Type": file.type || "application/octet-stream" },
-      body: file,
-    });
-    if (!putResponse.ok) throw new Error("Ошибка передачи файла в хранилище");
-
-    const completeResponse = await fetch("/api/public/uploads/complete", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        key: initData.key,
-        file_name: file.name,
-        mime_type: file.type || "application/octet-stream",
-        size_bytes: file.size,
-        scope: "REQUEST_ATTACHMENT",
-        request_id: requestId,
-      }),
-    });
-    const completeData = await parseJsonSafe(completeResponse);
-    if (!completeResponse.ok) throw new Error(apiErrorDetail(completeData, "Не удалось завершить загрузку файла"));
-    return completeData;
-  }
-
-  async function parseJsonSafe(response) {
-    try {
-      return await response.json();
-    } catch (_) {
-      return null;
-    }
-  }
-
-  function apiErrorDetail(data, fallbackMessage) {
-    if (data && typeof data.detail === "string" && data.detail.trim()) return data.detail;
-    return fallbackMessage;
-  }
-
-  function setCabinetEnabled(enabled) {
-    cabinetChatBody.disabled = !enabled;
-    cabinetChatSend.disabled = !enabled;
-    cabinetFileInput.disabled = !enabled;
-    cabinetFileUpload.disabled = !enabled;
-    requestSelect.disabled = !enabled;
-    if (openCuratorRequestButton) openCuratorRequestButton.disabled = !enabled;
-    if (openLawyerChangeButton) openLawyerChangeButton.disabled = !enabled;
-  }
-
-  function clearList(node, emptyMessage) {
-    node.innerHTML = "";
-    const li = document.createElement("li");
-    li.className = "simple-item";
-    const p = document.createElement("p");
-    p.textContent = emptyMessage;
-    li.appendChild(p);
-    node.appendChild(li);
-  }
-
-  function detectPreviewKind(fileName, mimeType) {
+  function detectAttachmentPreviewKind(fileName, mimeType) {
     const name = String(fileName || "").toLowerCase();
     const mime = String(mimeType || "").toLowerCase();
     if (/\.(txt|md|csv|json|log|xml|ya?ml|ini|cfg)$/i.test(name)) return "text";
-    if (mime.startsWith("text/") || mime === "application/json" || mime === "application/xml" || mime === "text/xml") return "text";
+    if (mime.startsWith("text/") || mime === "application/json" || mime === "application/xml" || mime === "text/xml") {
+      return "text";
+    }
     if (mime.startsWith("image/") || /\.(png|jpe?g|gif|webp|bmp|svg)$/.test(name)) return "image";
     if (mime.startsWith("video/") || /\.(mp4|webm|ogg|mov|m4v)$/.test(name)) return "video";
     if (mime === "application/pdf" || /\.pdf$/.test(name)) return "pdf";
     return "none";
   }
 
-  function revokePreviewObjectUrl() {
-    if (!previewObjectUrl) return;
-    try {
-      URL.revokeObjectURL(previewObjectUrl);
-    } catch (_) {}
-    previewObjectUrl = "";
-  }
-
-  function decodeTextPreview(arrayBuffer) {
-    const bytes = new Uint8Array(arrayBuffer || new ArrayBuffer(0));
-    const sampleLength = Math.min(bytes.length, 4096);
-    let suspicious = 0;
-    for (let i = 0; i < sampleLength; i += 1) {
-      const byte = bytes[i];
-      if (byte === 0) suspicious += 4;
-      else if (byte < 9 || (byte > 13 && byte < 32)) suspicious += 1;
-    }
-    if (sampleLength && suspicious / sampleLength > 0.08) return null;
-    const text = new TextDecoder("utf-8", { fatal: false }).decode(bytes).replace(/\u0000/g, "");
-    return text.length > 200000 ? text.slice(0, 200000) + "\n\n[Текст обрезан для предпросмотра]" : text;
-  }
-
-  function closePreview() {
-    if (!previewOverlay || !previewBody) return;
-    revokePreviewObjectUrl();
-    previewOverlay.classList.remove("open");
-    previewOverlay.setAttribute("aria-hidden", "true");
-    previewBody.innerHTML = "";
-  }
-
-  function closeDataRequestModal() {
-    if (!dataRequestOverlay || !dataRequestItems) return;
-    activeDataRequestMessageId = "";
-    dataRequestItems.innerHTML = "";
-    dataRequestOverlay.classList.remove("open");
-    dataRequestOverlay.setAttribute("aria-hidden", "true");
-    setDataRequestStatus("", null);
-  }
-
-  function closeServiceRequestModal() {
-    if (!serviceRequestOverlay) return;
-    serviceRequestOverlay.classList.remove("open");
-    serviceRequestOverlay.setAttribute("aria-hidden", "true");
-    if (serviceRequestTypeInput) serviceRequestTypeInput.value = "";
-    if (serviceRequestBodyInput) serviceRequestBodyInput.value = "";
-    setServiceRequestStatus("", null);
-  }
-
-  function openServiceRequestModal(type) {
-    const requestType = String(type || "").trim().toUpperCase();
-    if (!serviceRequestOverlay || !requestType) return;
-    if (serviceRequestTypeInput) serviceRequestTypeInput.value = requestType;
-    if (serviceRequestTitle) {
-      serviceRequestTitle.textContent =
-        requestType === "LAWYER_CHANGE_REQUEST" ? "Запрос на смену юриста" : "Обращение к куратору";
-    }
-    if (serviceRequestBodyInput) serviceRequestBodyInput.value = "";
-    setServiceRequestStatus("", null);
-    serviceRequestOverlay.classList.add("open");
-    serviceRequestOverlay.setAttribute("aria-hidden", "false");
-    if (serviceRequestBodyInput) serviceRequestBodyInput.focus();
-  }
-
-  function dataRequestInputType(fieldType) {
-    const type = String(fieldType || "").toLowerCase();
-    if (type === "date") return "date";
-    if (type === "number") return "number";
-    if (type === "file") return "file";
-    return "text";
-  }
-
-  function renderDataRequestItemsForm(items) {
-    if (!dataRequestItems) return;
-    dataRequestItems.innerHTML = "";
-    if (!Array.isArray(items) || !items.length) {
-      const p = document.createElement("p");
-      p.className = "muted-inline";
-      p.textContent = "Нет полей для заполнения.";
-      dataRequestItems.appendChild(p);
-      return;
-    }
-    items
-      .slice()
-      .sort((a, b) => Number(a.sort_order || 0) - Number(b.sort_order || 0))
-      .forEach((item, index) => {
-        const row = document.createElement("div");
-        row.className = "data-request-form-row";
-
-        const indexNode = document.createElement("div");
-        indexNode.className = "data-request-form-index";
-        indexNode.textContent = String(index + 1) + ".";
-        row.appendChild(indexNode);
-
-        const labelNode = document.createElement("div");
-        labelNode.className = "data-request-form-label";
-        labelNode.textContent = String(item.label || item.key || "Поле");
-        row.appendChild(labelNode);
-
-        const inputWrap = document.createElement("div");
-        inputWrap.className = "field";
-        let input;
-        const normalizedFieldType = String(item.field_type || "").toLowerCase();
-        if (normalizedFieldType === "text") {
-          input = document.createElement("textarea");
-          input.rows = 3;
-        } else {
-          input = document.createElement("input");
-          input.type = dataRequestInputType(normalizedFieldType);
-          if (normalizedFieldType === "number") input.step = "any";
-        }
-        if (normalizedFieldType === "file") {
-          const currentFile = String(item.value_text || "").trim();
-          if (currentFile) {
-            const existing = document.createElement("div");
-            existing.className = "muted-inline";
-            existing.textContent =
-              "Текущее значение: " + String((item.value_file && item.value_file.file_name) || currentFile);
-            inputWrap.appendChild(existing);
-          }
-          if (item.value_file && item.value_file.download_url) {
-            const fileActions = document.createElement("div");
-            fileActions.className = "file-actions";
-            if (detectPreviewKind(item.value_file.file_name, item.value_file.mime_type) !== "none") {
-              const previewBtn = document.createElement("button");
-              previewBtn.type = "button";
-              previewBtn.className = "file-link-btn";
-              previewBtn.textContent = "Предпросмотр";
-              previewBtn.addEventListener("click", () => openPreview(item.value_file));
-              fileActions.appendChild(previewBtn);
-            }
-            const link = document.createElement("a");
-            link.className = "file-link-btn";
-            link.href = item.value_file.download_url;
-            link.textContent = "Открыть / скачать";
-            link.target = "_blank";
-            link.rel = "noopener noreferrer";
-            fileActions.appendChild(link);
-            inputWrap.appendChild(fileActions);
-          }
-          const hint = document.createElement("div");
-          hint.className = "muted-inline";
-          hint.textContent = "Выберите файл. Он будет загружен и привязан к полю запроса.";
-          inputWrap.appendChild(hint);
-          input.dataset.currentValue = currentFile;
-        } else {
-          input.value = item.value_text == null ? "" : String(item.value_text);
-        }
-        input.dataset.reqId = String(item.id || "");
-        input.dataset.reqKey = String(item.key || "");
-        input.dataset.reqFieldType = normalizedFieldType;
-        inputWrap.appendChild(input);
-        row.appendChild(inputWrap);
-
-        dataRequestItems.appendChild(row);
+  // admin/features/requests/RequestWorkspace.jsx
+  function RequestWorkspace({
+    viewerRole,
+    viewerUserId,
+    loading,
+    trackNumber,
+    requestData,
+    financeSummary,
+    statusRouteNodes,
+    statusHistory,
+    availableStatuses,
+    currentImportantDateAt,
+    pendingStatusChangePreset,
+    messages,
+    attachments,
+    messageDraft,
+    selectedFiles,
+    fileUploading,
+    status,
+    onMessageChange,
+    onSendMessage,
+    onFilesSelect,
+    onRemoveSelectedFile,
+    onClearSelectedFiles,
+    onLoadRequestDataTemplates,
+    onLoadRequestDataBatch,
+    onLoadRequestDataTemplateDetails,
+    onSaveRequestDataTemplate,
+    onSaveRequestDataBatch,
+    onSaveRequestDataValues,
+    onUploadRequestAttachment,
+    onChangeStatus,
+    onConsumePendingStatusChangePreset,
+    domIds,
+    AttachmentPreviewModalComponent,
+    StatusLineComponent
+  }) {
+    var _a, _b, _c;
+    const { useEffect, useMemo, useRef, useState } = React;
+    const [preview, setPreview] = useState({ open: false, url: "", fileName: "", mimeType: "" });
+    const [chatTab, setChatTab] = useState("chat");
+    const [dropActive, setDropActive] = useState(false);
+    const [financeOpen, setFinanceOpen] = useState(false);
+    const [requestDataListOpen, setRequestDataListOpen] = useState(false);
+    const [descriptionOpen, setDescriptionOpen] = useState(false);
+    const [requestTemplateSuggestOpen, setRequestTemplateSuggestOpen] = useState(false);
+    const [catalogFieldSuggestOpen, setCatalogFieldSuggestOpen] = useState(false);
+    const [statusChangeModal, setStatusChangeModal] = useState({
+      open: false,
+      saving: false,
+      statusCode: "",
+      allowedStatusCodes: null,
+      importantDateAt: "",
+      comment: "",
+      files: [],
+      error: ""
+    });
+    const [draggedRequestRowId, setDraggedRequestRowId] = useState("");
+    const [dragOverRequestRowId, setDragOverRequestRowId] = useState("");
+    const [dataRequestModal, setDataRequestModal] = useState({
+      open: false,
+      loading: false,
+      saving: false,
+      savingTemplate: false,
+      messageId: "",
+      documentName: "",
+      availableDocuments: [],
+      templateList: [],
+      requestTemplateQuery: "",
+      templateName: "",
+      selectedRequestTemplateId: "",
+      templates: [],
+      catalogFieldQuery: "",
+      selectedCatalogTemplateId: "",
+      rows: [],
+      customLabel: "",
+      customType: "string",
+      templateStatus: "",
+      error: ""
+    });
+    const [clientDataModal, setClientDataModal] = useState({
+      open: false,
+      loading: false,
+      saving: false,
+      messageId: "",
+      items: [],
+      status: "",
+      error: ""
+    });
+    const fileInputRef = useRef(null);
+    const statusChangeFileInputRef = useRef(null);
+    const idMap = useMemo(
+      () => ({
+        messagesList: "request-modal-messages",
+        filesList: "request-modal-files",
+        messageBody: "request-modal-message-body",
+        sendButton: "request-modal-message-send",
+        fileInput: "request-modal-file-input",
+        fileUploadButton: "",
+        dataRequestOverlay: "data-request-overlay",
+        dataRequestItems: "data-request-items",
+        dataRequestStatus: "data-request-status",
+        dataRequestSave: "data-request-save",
+        ...domIds || {}
+      }),
+      [domIds]
+    );
+    const requestDataTypeOptions = useMemo(
+      () => [
+        { value: "string", label: "\u0421\u0442\u0440\u043E\u043A\u0430" },
+        { value: "date", label: "\u0414\u0430\u0442\u0430" },
+        { value: "number", label: "\u0427\u0438\u0441\u043B\u043E" },
+        { value: "file", label: "\u0424\u0430\u0439\u043B" },
+        { value: "text", label: "\u0422\u0435\u043A\u0441\u0442" }
+      ],
+      []
+    );
+    const openPreview = (item) => {
+      if (!(item == null ? void 0 : item.download_url)) return;
+      setPreview({
+        open: true,
+        url: String(item.download_url),
+        fileName: String(item.file_name || ""),
+        mimeType: String(item.mime_type || "")
       });
-  }
-
-  async function openDataRequestModal(message) {
-    if (!activeTrack || !message?.id || !dataRequestOverlay) return;
-    activeDataRequestMessageId = String(message.id);
-    dataRequestOverlay.classList.add("open");
-    dataRequestOverlay.setAttribute("aria-hidden", "false");
-    if (dataRequestTitle) dataRequestTitle.textContent = "Запрос данных";
-    setDataRequestStatus("Загрузка...", null);
-    try {
-      const response = await fetch(
-        "/api/public/chat/requests/" + encodeURIComponent(activeTrack) + "/data-requests/" + encodeURIComponent(activeDataRequestMessageId)
-      );
-      const data = await parseJsonSafe(response);
-      if (!response.ok) throw new Error(apiErrorDetail(data, "Не удалось открыть запрос данных"));
-      renderDataRequestItemsForm(data?.items || []);
-      setDataRequestStatus("Заполните нужные поля и сохраните.", null);
-    } catch (error) {
-      setDataRequestStatus(error?.message || "Не удалось открыть запрос данных", "error");
-      renderDataRequestItemsForm([]);
-    }
-  }
-
-  async function openPreview(item) {
-    if (!previewOverlay || !previewBody || !previewTitle || !item?.download_url) return;
-    revokePreviewObjectUrl();
-    previewBody.innerHTML = "";
-    previewTitle.textContent = item.file_name || "Предпросмотр файла";
-    const kind = detectPreviewKind(item.file_name, item.mime_type);
-
-    if (kind === "image") {
-      const img = document.createElement("img");
-      img.className = "preview-image";
-      img.src = item.download_url;
-      img.alt = item.file_name || "Изображение";
-      previewBody.appendChild(img);
-    } else if (kind === "video") {
-      const video = document.createElement("video");
-      video.className = "preview-video";
-      video.src = item.download_url;
-      video.controls = true;
-      video.preload = "metadata";
-      previewBody.appendChild(video);
-    } else if (kind === "pdf" || kind === "text") {
-      const loading = document.createElement("p");
-      loading.className = "preview-note";
-      loading.textContent = "Загрузка предпросмотра...";
-      previewBody.appendChild(loading);
-      try {
-        const response = await fetch(item.download_url, { credentials: "same-origin" });
-        if (!response.ok) throw new Error("Не удалось загрузить файл для предпросмотра.");
-        const buffer = await response.arrayBuffer();
-        previewBody.innerHTML = "";
-
-        if (kind === "pdf") {
-          const header = new Uint8Array(buffer.slice(0, 5));
-          const isPdf =
-            header.length >= 5 &&
-            header[0] === 0x25 &&
-            header[1] === 0x50 &&
-            header[2] === 0x44 &&
-            header[3] === 0x46 &&
-            header[4] === 0x2d;
-          if (isPdf) {
-            const frame = document.createElement("iframe");
-            frame.className = "preview-frame";
-            frame.src = item.download_url;
-            frame.title = item.file_name || "PDF";
-            previewBody.appendChild(frame);
-          } else {
-            const text = decodeTextPreview(buffer);
-            if (text != null) {
-              const note = document.createElement("p");
-              note.className = "preview-note";
-              note.textContent = "Файл помечен как PDF, но не является валидным PDF. Показан текстовый предпросмотр.";
-              previewBody.appendChild(note);
-              const pre = document.createElement("pre");
-              pre.className = "preview-text";
-              pre.textContent = text || "Файл пуст.";
-              previewBody.appendChild(pre);
-            } else {
-              throw new Error("Файл помечен как PDF, но не является валидным PDF-документом.");
-            }
-          }
-        } else {
-          const text = decodeTextPreview(buffer);
-          if (text == null) throw new Error("Не удалось распознать текстовый файл для предпросмотра.");
-          const pre = document.createElement("pre");
-          pre.className = "preview-text";
-          pre.textContent = text || "Файл пуст.";
-          previewBody.appendChild(pre);
-        }
-      } catch (error) {
-        previewBody.innerHTML = "";
-        const note = document.createElement("p");
-        note.className = "preview-note";
-        note.textContent = error instanceof Error ? error.message : "Не удалось открыть предпросмотр.";
-        previewBody.appendChild(note);
+    };
+    const closePreview = () => setPreview({ open: false, url: "", fileName: "", mimeType: "" });
+    const pendingFiles = Array.isArray(selectedFiles) ? selectedFiles : [];
+    const hasPendingFiles = pendingFiles.length > 0;
+    const canSubmit = Boolean(String(messageDraft || "").trim() || hasPendingFiles);
+    const onInputFiles = (event) => {
+      const files = Array.from(event.target && event.target.files || []);
+      if (files.length && typeof onFilesSelect === "function") onFilesSelect(files);
+      event.target.value = "";
+    };
+    const onDropFiles = (event) => {
+      event.preventDefault();
+      setDropActive(false);
+      const files = Array.from(event.dataTransfer && event.dataTransfer.files || []);
+      if (files.length && typeof onFilesSelect === "function") onFilesSelect(files);
+    };
+    const row = requestData && typeof requestData === "object" ? requestData : null;
+    const finance = financeSummary && typeof financeSummary === "object" ? financeSummary : null;
+    const viewerRoleCode = String(viewerRole || "").toUpperCase();
+    const canRequestData = viewerRoleCode === "LAWYER" || viewerRoleCode === "ADMIN";
+    const canFillRequestData = viewerRoleCode === "CLIENT";
+    const canSeeRate = viewerRoleCode !== "CLIENT";
+    const safeMessages = Array.isArray(messages) ? messages : [];
+    const safeAttachments = Array.isArray(attachments) ? attachments : [];
+    const safeStatusHistory = Array.isArray(statusHistory) ? statusHistory : [];
+    const safeAvailableStatuses = Array.isArray(availableStatuses) ? availableStatuses : [];
+    const totalFilesBytes = safeAttachments.reduce((acc, item) => acc + Number((item == null ? void 0 : item.size_bytes) || 0), 0);
+    const clientLabel = (row == null ? void 0 : row.client_name) || "-";
+    const clientPhone = String((row == null ? void 0 : row.client_phone) || "").trim();
+    const lawyerLabel = (row == null ? void 0 : row.assigned_lawyer_name) || (row == null ? void 0 : row.assigned_lawyer_id) || "\u041D\u0435 \u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D";
+    const lawyerPhone = String((row == null ? void 0 : row.assigned_lawyer_phone) || "").trim();
+    const clientHasPhone = Boolean(clientPhone);
+    const lawyerHasPhone = Boolean(lawyerPhone);
+    const messagePlaceholder = canFillRequestData ? "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0434\u043B\u044F \u044E\u0440\u0438\u0441\u0442\u0430" : "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0434\u043B\u044F \u043A\u043B\u0438\u0435\u043D\u0442\u0430";
+    const selectedRequestTemplateCandidate = useMemo(
+      () => (dataRequestModal.templateList || []).find((item) => {
+        const query = String(dataRequestModal.requestTemplateQuery || "").trim().toLowerCase();
+        if (!query) return false;
+        return query === String((item == null ? void 0 : item.name) || "").trim().toLowerCase() || query === String((item == null ? void 0 : item.id) || "").trim().toLowerCase();
+      }) || null,
+      [dataRequestModal.requestTemplateQuery, dataRequestModal.templateList]
+    );
+    const selectedCatalogFieldCandidate = useMemo(
+      () => (dataRequestModal.templates || []).find((item) => {
+        const query = String(dataRequestModal.catalogFieldQuery || "").trim().toLowerCase();
+        if (!query) return false;
+        return query === String((item == null ? void 0 : item.label) || "").trim().toLowerCase() || query === String((item == null ? void 0 : item.key) || "").trim().toLowerCase() || query === String((item == null ? void 0 : item.id) || "").trim().toLowerCase();
+      }) || null,
+      [dataRequestModal.catalogFieldQuery, dataRequestModal.templates]
+    );
+    const filteredRequestTemplates = useMemo(() => {
+      const query = String(dataRequestModal.requestTemplateQuery || "").trim().toLowerCase();
+      const rows = Array.isArray(dataRequestModal.templateList) ? dataRequestModal.templateList : [];
+      if (!query) return rows.slice(0, 8);
+      return rows.filter((item) => String((item == null ? void 0 : item.name) || "").toLowerCase().includes(query)).slice(0, 8);
+    }, [dataRequestModal.requestTemplateQuery, dataRequestModal.templateList]);
+    const filteredCatalogFields = useMemo(() => {
+      const query = String(dataRequestModal.catalogFieldQuery || "").trim().toLowerCase();
+      const rows = Array.isArray(dataRequestModal.templates) ? dataRequestModal.templates : [];
+      if (!query) return rows.slice(0, 10);
+      return rows.filter((item) => {
+        const label = String((item == null ? void 0 : item.label) || "").toLowerCase();
+        const key = String((item == null ? void 0 : item.key) || "").toLowerCase();
+        return label.includes(query) || key.includes(query);
+      }).slice(0, 10);
+    }, [dataRequestModal.catalogFieldQuery, dataRequestModal.templates]);
+    const requestTemplateActionMode = selectedRequestTemplateCandidate ? "save" : String(dataRequestModal.requestTemplateQuery || "").trim() ? "create" : "";
+    const catalogFieldActionMode = selectedCatalogFieldCandidate ? "add" : String(dataRequestModal.catalogFieldQuery || "").trim() ? "create" : "";
+    const requestTemplateBadge = useMemo(() => {
+      const query = String(dataRequestModal.requestTemplateQuery || "").trim();
+      if (!query) return null;
+      const matched = selectedRequestTemplateCandidate;
+      if (!matched) return { kind: "create", label: "\u041D\u043E\u0432\u044B\u0439 \u0448\u0430\u0431\u043B\u043E\u043D" };
+      const roleCode = String(viewerRole || "").toUpperCase();
+      const actorId = String(viewerUserId || "").trim();
+      const ownerId = String(matched.created_by_admin_id || "").trim();
+      if (roleCode === "LAWYER" && ownerId && actorId && ownerId !== actorId) {
+        return { kind: "readonly", label: "\u0427\u0443\u0436\u043E\u0439 \u0448\u0430\u0431\u043B\u043E\u043D" };
       }
-    } else {
-      const note = document.createElement("p");
-      note.className = "preview-note";
-      note.textContent = "Для этого типа файла доступно только открытие или скачивание.";
-      previewBody.appendChild(note);
-    }
-
-    const openLink = document.createElement("a");
-    openLink.className = "file-link-btn";
-    openLink.href = item.download_url;
-    openLink.textContent = "Открыть / скачать";
-    openLink.target = "_blank";
-    openLink.rel = "noopener noreferrer";
-    previewBody.appendChild(openLink);
-
-    previewOverlay.classList.add("open");
-    previewOverlay.setAttribute("aria-hidden", "false");
-  }
-
-  function renderMessages(items) {
-    cabinetMessages.innerHTML = "";
-    if (!Array.isArray(items) || items.length === 0) {
-      clearList(cabinetMessages, "Сообщений пока нет.");
-      return;
-    }
-    items.forEach((item) => {
-      const li = document.createElement("li");
-      li.className = "simple-item";
-
-      const time = document.createElement("time");
-      time.textContent = formatDate(item.created_at);
-      li.appendChild(time);
-
-      if (String(item.message_kind || "") === "REQUEST_DATA") {
-        li.classList.add("request-data-item");
-        if (item.request_data_all_filled) li.classList.add("done");
-
-        const author = document.createElement("div");
-        author.className = "request-data-item-author";
-        author.textContent = String(item.author_name || item.author_type || "Юрист");
-        li.appendChild(author);
-
-        const button = document.createElement("button");
-        button.type = "button";
-        button.className = "request-data-message-btn";
-        button.addEventListener("click", () => openDataRequestModal(item));
-
-        const title = document.createElement("div");
-        title.className = "request-data-message-title";
-        if (
-          item.request_data_all_filled &&
-          Array.isArray(item.request_data_items) &&
-          item.request_data_items.length === 1 &&
-          String(item.request_data_items[0]?.field_type || "").toLowerCase() === "file"
-        ) {
-          title.textContent = "Файл";
-        } else {
-          title.textContent = "Запрос";
-        }
-        button.appendChild(title);
-
-        if (!item.request_data_all_filled && Array.isArray(item.request_data_items) && item.request_data_items.length) {
-          const list = document.createElement("div");
-          list.className = "request-data-message-list";
-          const visibleItems = item.request_data_items.slice(0, 7);
-          visibleItems.forEach((req, idx) => {
-            const row = document.createElement("div");
-            row.className = "request-data-message-row";
-            if (req.is_filled) row.classList.add("filled");
-
-            const idxNode = document.createElement("span");
-            idxNode.className = "request-data-message-row-index";
-            idxNode.textContent = String(req.index || idx + 1) + ".";
-            row.appendChild(idxNode);
-
-            if (req.is_filled) {
-              const check = document.createElement("span");
-              check.className = "request-data-message-row-check";
-              check.textContent = "✓";
-              idxNode.prepend(check);
-            }
-
-            const labelNode = document.createElement("span");
-            labelNode.className = "request-data-message-row-label";
-            labelNode.textContent = String(req.label_short || req.label || "Поле");
-            row.appendChild(labelNode);
-
-            list.appendChild(row);
+      return { kind: "existing", label: "\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044E\u0449\u0438\u0439 \u0448\u0430\u0431\u043B\u043E\u043D" };
+    }, [dataRequestModal.requestTemplateQuery, selectedRequestTemplateCandidate, viewerRole, viewerUserId]);
+    const canSaveSelectedRequestTemplate = useMemo(() => {
+      if (!String(dataRequestModal.requestTemplateQuery || "").trim()) return false;
+      if (!requestTemplateBadge) return true;
+      return requestTemplateBadge.kind !== "readonly";
+    }, [dataRequestModal.requestTemplateQuery, requestTemplateBadge]);
+    const attachmentById = useMemo(() => {
+      const map = /* @__PURE__ */ new Map();
+      safeAttachments.forEach((item) => {
+        const id = String((item == null ? void 0 : item.id) || "").trim();
+        if (id) map.set(id, item);
+      });
+      return map;
+    }, [safeAttachments]);
+    const statusOptions = useMemo(
+      () => safeAvailableStatuses.filter((item) => item && item.code).map((item) => ({
+        code: String(item.code),
+        name: String(item.name || item.code),
+        groupName: item.status_group_name ? String(item.status_group_name) : "",
+        isTerminal: Boolean(item.is_terminal)
+      })),
+      [safeAvailableStatuses]
+    );
+    const statusByCode = useMemo(() => new Map(statusOptions.map((item) => [item.code, item])), [statusOptions]);
+    const toDateTimeLocalValue = (value) => {
+      if (!value) return "";
+      const date = new Date(value);
+      if (Number.isNaN(date.getTime())) return "";
+      const pad = (n) => String(n).padStart(2, "0");
+      return date.getFullYear() + "-" + pad(date.getMonth() + 1) + "-" + pad(date.getDate()) + "T" + pad(date.getHours()) + ":" + pad(date.getMinutes());
+    };
+    const defaultImportantDateLocal = useMemo(() => {
+      const source = String(currentImportantDateAt || (row == null ? void 0 : row.important_date_at) || "").trim();
+      if (source) {
+        const local = toDateTimeLocalValue(source);
+        if (local) return local;
+      }
+      const next = new Date(Date.now() + 3 * 24 * 60 * 60 * 1e3);
+      return toDateTimeLocalValue(next.toISOString());
+    }, [currentImportantDateAt, row == null ? void 0 : row.important_date_at]);
+    const formatDuration = (seconds) => {
+      const total = Number(seconds);
+      if (!Number.isFinite(total) || total < 0) return "\u2014";
+      const days = Math.floor(total / 86400);
+      const hours = Math.floor(total % 86400 / 3600);
+      const minutes = Math.floor(total % 3600 / 60);
+      if (days > 0) return days + " \u0434 " + hours + " \u0447";
+      if (hours > 0) return hours + " \u0447 " + minutes + " \u043C\u0438\u043D";
+      return Math.max(0, minutes) + " \u043C\u0438\u043D";
+    };
+    const openStatusChangeModal = (preset) => {
+      const suggested = Array.isArray(preset == null ? void 0 : preset.suggestedStatuses) ? preset.suggestedStatuses.filter(Boolean) : [];
+      const currentCode = String((row == null ? void 0 : row.status_code) || "").trim();
+      const firstSuggested = suggested.find((code) => code && code !== currentCode) || "";
+      setStatusChangeModal({
+        open: true,
+        saving: false,
+        statusCode: firstSuggested,
+        allowedStatusCodes: suggested.length ? suggested : null,
+        importantDateAt: defaultImportantDateLocal,
+        comment: "",
+        files: [],
+        error: ""
+      });
+    };
+    const closeStatusChangeModal = () => {
+      setStatusChangeModal((prev) => ({ ...prev, open: false, saving: false, error: "", files: [] }));
+    };
+    useEffect(() => {
+      if (!pendingStatusChangePreset) return;
+      openStatusChangeModal(pendingStatusChangePreset);
+      if (typeof onConsumePendingStatusChangePreset === "function") onConsumePendingStatusChangePreset();
+    }, [pendingStatusChangePreset]);
+    const requestDataListItems = useMemo(() => {
+      const byKey = /* @__PURE__ */ new Map();
+      const messagesChrono = [...safeMessages].sort((a, b) => {
+        const at = new Date((a == null ? void 0 : a.created_at) || 0).getTime();
+        const bt = new Date((b == null ? void 0 : b.created_at) || 0).getTime();
+        if (at !== bt) return at - bt;
+        return String((a == null ? void 0 : a.id) || "").localeCompare(String((b == null ? void 0 : b.id) || ""), "ru");
+      });
+      messagesChrono.forEach((msg) => {
+        if (String((msg == null ? void 0 : msg.message_kind) || "") !== "REQUEST_DATA") return;
+        const items = Array.isArray(msg == null ? void 0 : msg.request_data_items) ? msg.request_data_items : [];
+        items.forEach((item, idx) => {
+          const key = String((item == null ? void 0 : item.key) || (item == null ? void 0 : item.id) || "item-" + idx);
+          if (!key) return;
+          byKey.set(key, {
+            id: String((item == null ? void 0 : item.id) || ""),
+            key,
+            label: String((item == null ? void 0 : item.label) || (item == null ? void 0 : item.label_short) || key),
+            field_type: String((item == null ? void 0 : item.field_type) || "string").toLowerCase(),
+            value_text: (item == null ? void 0 : item.value_text) == null ? "" : String(item.value_text),
+            is_filled: Boolean(item == null ? void 0 : item.is_filled),
+            source_message_id: String((msg == null ? void 0 : msg.id) || ""),
+            source_message_created_at: (msg == null ? void 0 : msg.created_at) || null,
+            value_file: (item == null ? void 0 : item.value_file) || null
           });
-          if (item.request_data_items.length > visibleItems.length) {
-            const more = document.createElement("div");
-            more.className = "request-data-message-more";
-            more.textContent = "... еще " + String(item.request_data_items.length - visibleItems.length);
-            list.appendChild(more);
-          }
-          button.appendChild(list);
-        }
-
-        li.appendChild(button);
-      } else {
-        const p = document.createElement("p");
-        const author = item.author_name || item.author_type || "Участник";
-        p.textContent = author + ": " + (item.body || "");
-        li.appendChild(p);
-      }
-      cabinetMessages.appendChild(li);
-    });
-  }
-
-  function renderFiles(items) {
-    cabinetFiles.innerHTML = "";
-    if (!Array.isArray(items) || items.length === 0) {
-      clearList(cabinetFiles, "Файлы пока не загружены.");
-      return;
-    }
-    items.forEach((item) => {
-      const li = document.createElement("li");
-      li.className = "simple-item";
-
-      const time = document.createElement("time");
-      time.textContent = formatDate(item.created_at);
-      li.appendChild(time);
-
-      const p = document.createElement("p");
-      const sizeKb = Math.max(1, Math.round(Number(item.size_bytes || 0) / 1024));
-      p.textContent = item.file_name + " (" + sizeKb + " КБ)";
-      li.appendChild(p);
-
-      const actions = document.createElement("div");
-      actions.className = "file-actions";
-      if (detectPreviewKind(item.file_name, item.mime_type) !== "none") {
-        const previewBtn = document.createElement("button");
-        previewBtn.type = "button";
-        previewBtn.className = "file-link-btn";
-        previewBtn.textContent = "Предпросмотр";
-        previewBtn.addEventListener("click", () => openPreview(item));
-        actions.appendChild(previewBtn);
-      }
-
-      const link = document.createElement("a");
-      link.className = "file-link-btn";
-      link.href = item.download_url;
-      link.textContent = "Открыть / скачать";
-      link.target = "_blank";
-      link.rel = "noopener noreferrer";
-      actions.appendChild(link);
-      li.appendChild(actions);
-      cabinetFiles.appendChild(li);
-    });
-  }
-
-  function renderServiceRequests(items) {
-    if (!cabinetServiceRequests) return;
-    cabinetServiceRequests.innerHTML = "";
-    if (!Array.isArray(items) || items.length === 0) {
-      clearList(cabinetServiceRequests, "Обращений пока нет.");
-      return;
-    }
-    items.forEach((item) => {
-      const li = document.createElement("li");
-      li.className = "simple-item";
-
-      const time = document.createElement("time");
-      time.textContent = formatDate(item.created_at);
-      li.appendChild(time);
-
-      const p = document.createElement("p");
-      const typeCode = String(item.type || "").toUpperCase();
-      const statusCode = String(item.status || "").toUpperCase();
-      const typeLabel = SERVICE_REQUEST_TYPE_LABELS[typeCode] || typeCode || "Запрос";
-      const statusLabel = SERVICE_REQUEST_STATUS_LABELS[statusCode] || statusCode || "NEW";
-      p.textContent = `${typeLabel} • ${statusLabel}`;
-      li.appendChild(p);
-
-      if (item.body) {
-        const bodyNode = document.createElement("p");
-        bodyNode.textContent = String(item.body || "");
-        li.appendChild(bodyNode);
-      }
-      cabinetServiceRequests.appendChild(li);
-    });
-  }
-
-  function renderInvoices(items) {
-    cabinetInvoices.innerHTML = "";
-    if (!Array.isArray(items) || items.length === 0) {
-      clearList(cabinetInvoices, "Счета пока не выставлены.");
-      return;
-    }
-    items.forEach((item) => {
-      const li = document.createElement("li");
-      li.className = "simple-item";
-
-      const time = document.createElement("time");
-      time.textContent = "Сформирован: " + formatDate(item.issued_at);
-      li.appendChild(time);
-
-      const p = document.createElement("p");
-      const amount = Number(item.amount || 0).toLocaleString("ru-RU");
-      p.textContent =
-        (item.invoice_number || "Счет") +
-        " • " +
-        (item.status_label || item.status || "-") +
-        " • " +
-        amount +
-        " " +
-        (item.currency || "RUB");
-      li.appendChild(p);
-
-      const link = document.createElement("a");
-      link.href = item.download_url;
-      link.textContent = "Открыть / скачать PDF";
-      link.target = "_blank";
-      link.rel = "noopener noreferrer";
-      link.style.color = "#f6d7a8";
-      li.appendChild(link);
-
-      cabinetInvoices.appendChild(li);
-    });
-  }
-
-  function renderTimeline(items) {
-    cabinetTimeline.innerHTML = "";
-    if (!Array.isArray(items) || items.length === 0) {
-      clearList(cabinetTimeline, "История пока пуста.");
-      return;
-    }
-    items.forEach((item) => {
-      const li = document.createElement("li");
-      li.className = "simple-item";
-
-      const time = document.createElement("time");
-      time.textContent = formatDate(item.created_at);
-      li.appendChild(time);
-
-      const p = document.createElement("p");
-      if (item.type === "status_change") {
-        p.textContent = "Статус: " + (item.payload?.from_status || "NEW") + " -> " + (item.payload?.to_status || "-");
-      } else if (item.type === "message") {
-        const author = item.payload?.author_name || item.payload?.author_type || "Участник";
-        p.textContent = "Сообщение от " + author + ": " + (item.payload?.body || "");
-      } else if (item.type === "attachment") {
-        p.textContent = "Файл: " + (item.payload?.file_name || "вложение");
-      } else {
-        p.textContent = "Событие";
-      }
-      li.appendChild(p);
-      cabinetTimeline.appendChild(li);
-    });
-  }
-
-  async function fetchRequestByTrack(trackNumber) {
-    const response = await fetch("/api/public/requests/" + encodeURIComponent(trackNumber));
-    const data = await parseJsonSafe(response);
-    return { response, data };
-  }
-
-  async function refreshCabinetData() {
-    if (!activeTrack) return;
-
-    const [messagesRes, filesRes, serviceRequestsRes, invoicesRes, timelineRes] = await Promise.all([
-      fetch("/api/public/chat/requests/" + encodeURIComponent(activeTrack) + "/messages"),
-      fetch("/api/public/requests/" + encodeURIComponent(activeTrack) + "/attachments"),
-      fetch("/api/public/requests/" + encodeURIComponent(activeTrack) + "/service-requests"),
-      fetch("/api/public/requests/" + encodeURIComponent(activeTrack) + "/invoices"),
-      fetch("/api/public/requests/" + encodeURIComponent(activeTrack) + "/timeline"),
-    ]);
-
-    const messagesData = await parseJsonSafe(messagesRes);
-    const filesData = await parseJsonSafe(filesRes);
-    const serviceRequestsData = await parseJsonSafe(serviceRequestsRes);
-    const invoicesData = await parseJsonSafe(invoicesRes);
-    const timelineData = await parseJsonSafe(timelineRes);
-
-    if (!messagesRes.ok) throw new Error(apiErrorDetail(messagesData, "Не удалось загрузить сообщения"));
-    if (!filesRes.ok) throw new Error(apiErrorDetail(filesData, "Не удалось загрузить файлы"));
-    if (!serviceRequestsRes.ok) throw new Error(apiErrorDetail(serviceRequestsData, "Не удалось загрузить обращения"));
-    if (!invoicesRes.ok) throw new Error(apiErrorDetail(invoicesData, "Не удалось загрузить счета"));
-    if (!timelineRes.ok) throw new Error(apiErrorDetail(timelineData, "Не удалось загрузить историю"));
-
-    renderMessages(messagesData);
-    renderFiles(filesData);
-    renderServiceRequests(serviceRequestsData);
-    renderInvoices(invoicesData);
-    renderTimeline(timelineData);
-  }
-
-  function syncRequestSelector(rows, selectedTrack) {
-    requestSelect.innerHTML = "";
-    rows.forEach((row) => {
-      const option = document.createElement("option");
-      option.value = String(row.track_number || "");
-      option.textContent = String(row.track_number || "Без номера") + " • " + String(row.status_code || "-");
-      requestSelect.appendChild(option);
-    });
-    if (selectedTrack) requestSelect.value = selectedTrack;
-  }
-
-  async function openCabinetByTrack(trackNumber) {
-    if (!trackNumber) return;
-    try {
-      setStatus(pageStatus, "Открываем заявку...", null);
-      const { response, data } = await fetchRequestByTrack(trackNumber);
-      if (response.status === 401 || response.status === 403) {
-        window.location.href = "/";
-        return;
-      }
-      if (!response.ok) {
-        throw new Error(apiErrorDetail(data, "Не удалось открыть заявку"));
-      }
-
-      activeTrack = trackNumber;
-      activeRequestId = data.id;
-      cabinetRequestStatus.textContent = data.status_code || "-";
-      cabinetRequestTopic.textContent = data.topic_code || "Не указана";
-      cabinetRequestCreated.textContent = formatDate(data.created_at);
-      cabinetRequestUpdated.textContent = formatDate(data.updated_at);
-      cabinetSummary.hidden = false;
-      setCabinetEnabled(true);
-
-      await refreshCabinetData();
-      setStatus(pageStatus, "Открыта заявка: " + trackNumber, "ok");
-    } catch (error) {
-      setStatus(pageStatus, error?.message || "Не удалось открыть заявку", "error");
-    }
-  }
-
-  async function loadMyRequests(preferredTrack) {
-    const response = await fetch("/api/public/requests/my");
-    const data = await parseJsonSafe(response);
-
-    if (response.status === 401 || response.status === 403) {
-      window.location.href = "/";
-      return;
-    }
-    if (!response.ok) {
-      throw new Error(apiErrorDetail(data, "Не удалось загрузить список заявок"));
-    }
-
-    const rows = Array.isArray(data?.rows) ? data.rows : [];
-    if (!rows.length) {
-      requestSelect.innerHTML = "";
-      cabinetSummary.hidden = true;
-      setCabinetEnabled(false);
-      setStatus(pageStatus, "По вашему номеру пока нет заявок.", null);
-      clearList(cabinetMessages, "Сообщений пока нет.");
-      clearList(cabinetFiles, "Файлы пока не загружены.");
-      if (cabinetServiceRequests) clearList(cabinetServiceRequests, "Обращений пока нет.");
-      clearList(cabinetInvoices, "Счета пока не выставлены.");
-      clearList(cabinetTimeline, "История пока пуста.");
-      return;
-    }
-
-    const tracks = rows.map((row) => String(row.track_number || "")).filter(Boolean);
-    const selectedTrack = tracks.includes(preferredTrack) ? preferredTrack : tracks[0];
-    syncRequestSelector(rows, selectedTrack);
-    await openCabinetByTrack(selectedTrack);
-  }
-
-  requestSelect.addEventListener("change", async () => {
-    const track = String(requestSelect.value || "").trim();
-    if (!track) return;
-    await openCabinetByTrack(track);
-  });
-
-  refreshButton.addEventListener("click", async () => {
-    try {
-      await loadMyRequests(activeTrack || String(requestSelect.value || "").trim());
-    } catch (error) {
-      setStatus(pageStatus, error?.message || "Не удалось обновить список", "error");
-    }
-  });
-
-  if (openCuratorRequestButton) {
-    openCuratorRequestButton.addEventListener("click", () => openServiceRequestModal("CURATOR_CONTACT"));
-  }
-  if (openLawyerChangeButton) {
-    openLawyerChangeButton.addEventListener("click", () => openServiceRequestModal("LAWYER_CHANGE_REQUEST"));
-  }
-
-  if (previewClose) {
-    previewClose.addEventListener("click", closePreview);
-  }
-  if (previewOverlay) {
-    previewOverlay.addEventListener("click", (event) => {
-      if (event.target === previewOverlay) closePreview();
-    });
-  }
-  document.addEventListener("keydown", (event) => {
-    if (event.key === "Escape" && previewOverlay?.classList.contains("open")) {
-      closePreview();
-    }
-    if (event.key === "Escape" && dataRequestOverlay?.classList.contains("open")) {
-      closeDataRequestModal();
-    }
-    if (event.key === "Escape" && serviceRequestOverlay?.classList.contains("open")) {
-      closeServiceRequestModal();
-    }
-  });
-
-  if (dataRequestClose) {
-    dataRequestClose.addEventListener("click", closeDataRequestModal);
-  }
-  if (dataRequestOverlay) {
-    dataRequestOverlay.addEventListener("click", (event) => {
-      if (event.target === dataRequestOverlay) closeDataRequestModal();
-    });
-  }
-  if (serviceRequestClose) {
-    serviceRequestClose.addEventListener("click", closeServiceRequestModal);
-  }
-  if (serviceRequestOverlay) {
-    serviceRequestOverlay.addEventListener("click", (event) => {
-      if (event.target === serviceRequestOverlay) closeServiceRequestModal();
-    });
-  }
-  if (serviceRequestForm) {
-    serviceRequestForm.addEventListener("submit", async (event) => {
-      event.preventDefault();
-      if (!activeTrack) {
-        setServiceRequestStatus("Сначала выберите заявку.", "error");
-        return;
-      }
-      const requestType = String(serviceRequestTypeInput?.value || "").trim().toUpperCase();
-      const body = String(serviceRequestBodyInput?.value || "").trim();
-      if (!requestType) {
-        setServiceRequestStatus("Выберите тип обращения.", "error");
-        return;
-      }
-      if (body.length < 3) {
-        setServiceRequestStatus('Сообщение должно содержать минимум 3 символа.', "error");
-        return;
-      }
-      try {
-        setServiceRequestStatus("Отправляем обращение...", null);
-        const response = await fetch("/api/public/requests/" + encodeURIComponent(activeTrack) + "/service-requests", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ type: requestType, body }),
         });
-        const data = await parseJsonSafe(response);
-        if (!response.ok) throw new Error(apiErrorDetail(data, "Не удалось отправить обращение"));
-        await refreshCabinetData();
-        setStatus(pageStatus, "Обращение отправлено.", "ok");
-        closeServiceRequestModal();
-      } catch (error) {
-        setServiceRequestStatus(error?.message || "Не удалось отправить обращение", "error");
+      });
+      return Array.from(byKey.values()).sort((a, b) => {
+        const aFilled = a.is_filled ? 1 : 0;
+        const bFilled = b.is_filled ? 1 : 0;
+        if (aFilled !== bFilled) return aFilled - bFilled;
+        return String(a.label || a.key).localeCompare(String(b.label || b.key), "ru");
+      });
+    }, [safeMessages]);
+    const attachmentsByMessageId = useMemo(() => {
+      const map = /* @__PURE__ */ new Map();
+      safeAttachments.forEach((item) => {
+        const messageId = String((item == null ? void 0 : item.message_id) || "").trim();
+        if (!messageId) return;
+        if (!map.has(messageId)) map.set(messageId, []);
+        map.get(messageId).push(item);
+      });
+      return map;
+    }, [safeAttachments]);
+    const openAttachmentFromMessage = (item) => {
+      if (!(item == null ? void 0 : item.download_url)) return;
+      const kind = detectAttachmentPreviewKind(item.file_name, item.mime_type);
+      if (kind === "none") {
+        window.open(String(item.download_url), "_blank", "noopener,noreferrer");
+        return;
       }
-    });
-  }
-  if (dataRequestForm) {
-    dataRequestForm.addEventListener("submit", async (event) => {
-      event.preventDefault();
-      if (!activeTrack || !activeDataRequestMessageId || !activeRequestId) return;
-      const inputs = Array.from(dataRequestForm.querySelectorAll("input[data-req-id], textarea[data-req-id]"));
+      openPreview(item);
+    };
+    const newDataRequestRow = (source) => {
+      const item = source || {};
+      const label = String(item.label || "").trim();
+      const key = String(item.key || "").trim();
+      const fieldTypeRaw = String(item.field_type || item.value_type || "string").trim().toLowerCase();
+      const fieldType = ["string", "text", "date", "number", "file"].includes(fieldTypeRaw) ? fieldTypeRaw : "string";
+      return {
+        localId: "row-" + Math.random().toString(36).slice(2),
+        id: item.id ? String(item.id) : "",
+        topic_template_id: item.topic_template_id ? String(item.topic_template_id) : item.id ? String(item.id) : "",
+        key,
+        label: label || "\u041F\u043E\u043B\u0435",
+        field_type: fieldType,
+        document_name: String(item.document_name || "").trim(),
+        value_text: item.value_text == null ? "" : String(item.value_text),
+        is_filled: Boolean(item.is_filled)
+      };
+    };
+    const getRequestDataRowIdentity = (item) => {
+      const rowItem = item || {};
+      const key = String(rowItem.key || "").trim().toLowerCase();
+      if (key) return "key:" + key;
+      const tplId = String(rowItem.topic_template_id || rowItem.id || "").trim();
+      if (tplId) return "tpl:" + tplId;
+      return "label:" + String(rowItem.label || "").trim().toLowerCase();
+    };
+    const mergeRequestDataRows = (baseRows, incomingRows) => {
+      const rows = Array.isArray(baseRows) ? [...baseRows] : [];
+      const nextItems = Array.isArray(incomingRows) ? incomingRows : [];
+      const seen = new Set(rows.map((rowItem) => getRequestDataRowIdentity(rowItem)));
+      nextItems.forEach((rowItem) => {
+        const identity = getRequestDataRowIdentity(rowItem);
+        if (!identity || seen.has(identity)) return;
+        seen.add(identity);
+        rows.push(rowItem);
+      });
+      return rows;
+    };
+    const openCreateDataRequestModal = async () => {
+      if (!canRequestData || typeof onLoadRequestDataTemplates !== "function") return;
+      setDataRequestModal((prev) => ({
+        ...prev,
+        open: true,
+        loading: true,
+        saving: false,
+        savingTemplate: false,
+        messageId: "",
+        rows: [],
+        error: "",
+        templateStatus: "",
+        requestTemplateQuery: "",
+        catalogFieldQuery: "",
+        selectedCatalogTemplateId: "",
+        selectedRequestTemplateId: "",
+        templateName: "",
+        documentName: "",
+        customLabel: "",
+        customType: "string"
+      }));
       try {
-        setDataRequestStatus("Сохраняем...", null);
-        const items = [];
-        for (const input of inputs) {
-          const fieldType = String(input.dataset.reqFieldType || "").toLowerCase();
+        const data = await onLoadRequestDataTemplates();
+        setDataRequestModal((prev) => ({
+          ...prev,
+          open: true,
+          loading: false,
+          templates: Array.isArray(data == null ? void 0 : data.rows) ? data.rows : [],
+          templateList: Array.isArray(data == null ? void 0 : data.templates) ? data.templates : [],
+          availableDocuments: Array.isArray(data == null ? void 0 : data.documents) ? data.documents : [],
+          documentName: "",
+          requestTemplateQuery: "",
+          catalogFieldQuery: ""
+        }));
+      } catch (error) {
+        setDataRequestModal((prev) => ({ ...prev, loading: false, error: error.message || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0448\u0430\u0431\u043B\u043E\u043D\u044B" }));
+      }
+    };
+    const openEditDataRequestModal = async (messageId) => {
+      if (!canRequestData || !messageId) return;
+      setDataRequestModal((prev) => ({
+        ...prev,
+        open: true,
+        loading: true,
+        saving: false,
+        savingTemplate: false,
+        messageId: String(messageId),
+        rows: [],
+        error: "",
+        templateStatus: "",
+        requestTemplateQuery: "",
+        catalogFieldQuery: "",
+        selectedCatalogTemplateId: "",
+        selectedRequestTemplateId: "",
+        templateName: ""
+      }));
+      try {
+        const [batch, templates] = await Promise.all([
+          typeof onLoadRequestDataBatch === "function" ? onLoadRequestDataBatch(messageId) : Promise.resolve({ items: [] }),
+          typeof onLoadRequestDataTemplates === "function" ? onLoadRequestDataTemplates() : Promise.resolve({ rows: [], documents: [], templates: [] })
+        ]);
+        setDataRequestModal((prev) => ({
+          ...prev,
+          open: true,
+          loading: false,
+          messageId: String(messageId),
+          rows: Array.isArray(batch == null ? void 0 : batch.items) ? batch.items.map(newDataRequestRow) : [],
+          documentName: String((batch == null ? void 0 : batch.document_name) || ""),
+          templates: Array.isArray(templates == null ? void 0 : templates.rows) ? templates.rows : [],
+          templateList: Array.isArray(templates == null ? void 0 : templates.templates) ? templates.templates : [],
+          availableDocuments: Array.isArray(templates == null ? void 0 : templates.documents) ? templates.documents : [],
+          requestTemplateQuery: "",
+          catalogFieldQuery: ""
+        }));
+      } catch (error) {
+        setDataRequestModal((prev) => ({ ...prev, loading: false, error: error.message || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441" }));
+      }
+    };
+    const closeDataRequestModal = () => {
+      setDataRequestModal((prev) => ({ ...prev, open: false, error: "", saving: false, savingTemplate: false, templateStatus: "" }));
+    };
+    const findRequestTemplateByQuery = (queryValue) => {
+      const query = String(queryValue || "").trim().toLowerCase();
+      if (!query) return null;
+      return (dataRequestModal.templateList || []).find((item) => {
+        const id = String((item == null ? void 0 : item.id) || "").toLowerCase();
+        const name = String((item == null ? void 0 : item.name) || "").toLowerCase();
+        return query === id || query === name;
+      }) || null;
+    };
+    const findCatalogFieldByQuery = (queryValue) => {
+      const query = String(queryValue || "").trim().toLowerCase();
+      if (!query) return null;
+      return (dataRequestModal.templates || []).find((item) => {
+        const id = String((item == null ? void 0 : item.id) || "").toLowerCase();
+        const key = String((item == null ? void 0 : item.key) || "").toLowerCase();
+        const label = String((item == null ? void 0 : item.label) || "").toLowerCase();
+        return query === id || query === key || query === label;
+      }) || null;
+    };
+    const applyRequestTemplateById = async (rawTemplateId, templateNameHint) => {
+      if (typeof onLoadRequestDataTemplateDetails !== "function") return;
+      const templateId = String(rawTemplateId || "").trim();
+      if (!templateId) return;
+      setDataRequestModal((prev) => ({ ...prev, loading: true, error: "" }));
+      try {
+        const data = await onLoadRequestDataTemplateDetails(templateId);
+        const incomingRows = (Array.isArray(data == null ? void 0 : data.items) ? data.items : []).map(
+          (item) => newDataRequestRow({
+            ...item,
+            topic_template_id: item.topic_data_template_id || item.topic_template_id || "",
+            field_type: item.value_type || item.field_type
+          })
+        );
+        setDataRequestModal((prev) => {
+          var _a2, _b2;
+          return {
+            ...prev,
+            loading: false,
+            rows: mergeRequestDataRows(prev.rows, incomingRows),
+            selectedRequestTemplateId: String(((_a2 = data == null ? void 0 : data.template) == null ? void 0 : _a2.id) || prev.selectedRequestTemplateId || ""),
+            requestTemplateQuery: String(((_b2 = data == null ? void 0 : data.template) == null ? void 0 : _b2.name) || templateNameHint || prev.requestTemplateQuery || ""),
+            templateStatus: ""
+          };
+        });
+      } catch (error) {
+        setDataRequestModal((prev) => ({ ...prev, loading: false, error: error.message || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0448\u0430\u0431\u043B\u043E\u043D" }));
+      }
+    };
+    const applySelectedRequestTemplate = async () => {
+      const selectedByQuery = findRequestTemplateByQuery(dataRequestModal.requestTemplateQuery);
+      const templateId = String((selectedByQuery == null ? void 0 : selectedByQuery.id) || dataRequestModal.selectedRequestTemplateId || "").trim();
+      return applyRequestTemplateById(templateId, (selectedByQuery == null ? void 0 : selectedByQuery.name) || "");
+    };
+    const refreshDataRequestCatalog = async () => {
+      if (typeof onLoadRequestDataTemplates !== "function") return null;
+      const data = await onLoadRequestDataTemplates();
+      setDataRequestModal((prev) => ({
+        ...prev,
+        templates: Array.isArray(data == null ? void 0 : data.rows) ? data.rows : [],
+        templateList: Array.isArray(data == null ? void 0 : data.templates) ? data.templates : [],
+        availableDocuments: Array.isArray(data == null ? void 0 : data.documents) ? data.documents : [],
+        selectedRequestTemplateId: prev.selectedRequestTemplateId && (Array.isArray(data == null ? void 0 : data.templates) ? data.templates : []).some((item) => String(item == null ? void 0 : item.id) === String(prev.selectedRequestTemplateId)) ? prev.selectedRequestTemplateId : ""
+      }));
+      return data;
+    };
+    const saveCurrentDataRequestTemplate = async () => {
+      if (typeof onSaveRequestDataTemplate !== "function") return;
+      const selectedFromQuery = findRequestTemplateByQuery(dataRequestModal.requestTemplateQuery);
+      const templateName = String(dataRequestModal.requestTemplateQuery || "").trim();
+      const rows = (dataRequestModal.rows || []).filter((row2) => String(row2.label || "").trim());
+      if (!templateName) {
+        setDataRequestModal((prev) => ({ ...prev, error: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0448\u0430\u0431\u043B\u043E\u043D\u0430" }));
+        return;
+      }
+      if (!rows.length) {
+        setDataRequestModal((prev) => ({ ...prev, error: "\u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0445\u043E\u0442\u044F \u0431\u044B \u043E\u0434\u043D\u043E \u043F\u043E\u043B\u0435 \u0434\u043B\u044F \u0448\u0430\u0431\u043B\u043E\u043D\u0430" }));
+        return;
+      }
+      setDataRequestModal((prev) => ({ ...prev, savingTemplate: true, error: "", templateStatus: "" }));
+      try {
+        const result = await onSaveRequestDataTemplate({
+          template_id: String((selectedFromQuery == null ? void 0 : selectedFromQuery.id) || dataRequestModal.selectedRequestTemplateId || "").trim() || void 0,
+          name: templateName,
+          items: rows.map((row2) => ({
+            topic_data_template_id: row2.topic_template_id || void 0,
+            key: row2.key || void 0,
+            label: row2.label,
+            value_type: row2.field_type || "string"
+          }))
+        });
+        const savedRows = (Array.isArray(result == null ? void 0 : result.items) ? result.items : []).map(
+          (item) => newDataRequestRow({
+            ...item,
+            topic_template_id: item.topic_data_template_id || item.topic_template_id || "",
+            field_type: item.value_type || item.field_type
+          })
+        );
+        setDataRequestModal((prev) => {
+          var _a2, _b2;
+          return {
+            ...prev,
+            savingTemplate: false,
+            rows: savedRows.length ? savedRows : prev.rows,
+            selectedRequestTemplateId: String(((_a2 = result == null ? void 0 : result.template) == null ? void 0 : _a2.id) || prev.selectedRequestTemplateId || ""),
+            requestTemplateQuery: String(((_b2 = result == null ? void 0 : result.template) == null ? void 0 : _b2.name) || templateName),
+            templateStatus: "\u0428\u0430\u0431\u043B\u043E\u043D \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D"
+          };
+        });
+        await refreshDataRequestCatalog();
+      } catch (error) {
+        setDataRequestModal((prev) => ({ ...prev, savingTemplate: false, error: error.message || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0448\u0430\u0431\u043B\u043E\u043D" }));
+      }
+    };
+    const addSelectedTemplateRow = () => {
+      const selectedByQuery = findCatalogFieldByQuery(dataRequestModal.catalogFieldQuery);
+      const templateId = String((selectedByQuery == null ? void 0 : selectedByQuery.id) || dataRequestModal.selectedCatalogTemplateId || "").trim();
+      const template = (dataRequestModal.templates || []).find((item) => String(item.id) === templateId);
+      if (!template) {
+        const manualLabel = String(dataRequestModal.catalogFieldQuery || "").trim();
+        if (!manualLabel) return;
+        setDataRequestModal((prev) => ({
+          ...prev,
+          catalogFieldQuery: "",
+          templateStatus: "",
+          rows: [...prev.rows || [], newDataRequestRow({ label: manualLabel, field_type: "string" })]
+        }));
+        return;
+      }
+      setDataRequestModal((prev) => {
+        const exists = (prev.rows || []).some((row2) => String(row2.key || "") === String(template.key || ""));
+        if (exists) return { ...prev, selectedCatalogTemplateId: "", catalogFieldQuery: "" };
+        return {
+          ...prev,
+          selectedCatalogTemplateId: "",
+          catalogFieldQuery: "",
+          templateStatus: "",
+          rows: [...prev.rows || [], newDataRequestRow({ ...template, topic_template_id: template.id, field_type: template.value_type })]
+        };
+      });
+    };
+    const updateDataRequestRow = (localId, patch) => {
+      setDataRequestModal((prev) => ({
+        ...prev,
+        templateStatus: "",
+        rows: (prev.rows || []).map((row2) => row2.localId === localId ? { ...row2, ...patch || {} } : row2)
+      }));
+    };
+    const removeDataRequestRow = (localId) => {
+      setDataRequestModal((prev) => ({
+        ...prev,
+        templateStatus: "",
+        rows: (prev.rows || []).filter((row2) => row2.localId !== localId)
+      }));
+    };
+    const moveDataRequestRow = (localId, delta) => {
+      const shift = Number(delta) || 0;
+      if (!shift) return;
+      setDataRequestModal((prev) => {
+        const rows = Array.isArray(prev.rows) ? [...prev.rows] : [];
+        const index = rows.findIndex((row2) => row2.localId === localId);
+        if (index < 0) return prev;
+        const nextIndex = index + shift;
+        if (nextIndex < 0 || nextIndex >= rows.length) return prev;
+        const [item] = rows.splice(index, 1);
+        rows.splice(nextIndex, 0, item);
+        return { ...prev, templateStatus: "", rows };
+      });
+    };
+    const moveDataRequestRowToIndex = (localId, targetIndexRaw) => {
+      const targetIndex = Number(targetIndexRaw);
+      if (!Number.isInteger(targetIndex)) return;
+      setDataRequestModal((prev) => {
+        const rows = Array.isArray(prev.rows) ? [...prev.rows] : [];
+        const fromIndex = rows.findIndex((rowItem) => rowItem.localId === localId);
+        if (fromIndex < 0) return prev;
+        const boundedIndex = Math.max(0, Math.min(rows.length - 1, targetIndex));
+        if (fromIndex === boundedIndex) return prev;
+        const [item] = rows.splice(fromIndex, 1);
+        rows.splice(boundedIndex, 0, item);
+        return { ...prev, templateStatus: "", rows };
+      });
+    };
+    const submitDataRequestModal = async () => {
+      if (typeof onSaveRequestDataBatch !== "function") return;
+      const rows = (dataRequestModal.rows || []).filter((row2) => String(row2.label || "").trim());
+      if (!rows.length) {
+        setDataRequestModal((prev) => ({ ...prev, error: "\u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0445\u043E\u0442\u044F \u0431\u044B \u043E\u0434\u043D\u043E \u043F\u043E\u043B\u0435" }));
+        return;
+      }
+      setDataRequestModal((prev) => ({ ...prev, saving: true, error: "" }));
+      try {
+        await onSaveRequestDataBatch({
+          message_id: dataRequestModal.messageId || void 0,
+          items: rows.map((row2) => ({
+            id: row2.id || void 0,
+            topic_template_id: row2.topic_template_id || void 0,
+            key: row2.key || void 0,
+            label: row2.label,
+            field_type: row2.field_type || "string",
+            document_name: row2.document_name || void 0
+          }))
+        });
+        closeDataRequestModal();
+      } catch (error) {
+        setDataRequestModal((prev) => ({ ...prev, saving: false, error: error.message || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441" }));
+      }
+    };
+    const closeClientDataModal = () => {
+      setClientDataModal({
+        open: false,
+        loading: false,
+        saving: false,
+        messageId: "",
+        items: [],
+        status: "",
+        error: ""
+      });
+    };
+    const openClientDataRequestModal = async (messageId) => {
+      if (!canFillRequestData || typeof onLoadRequestDataBatch !== "function" || !messageId) return;
+      setClientDataModal({
+        open: true,
+        loading: true,
+        saving: false,
+        messageId: String(messageId),
+        items: [],
+        status: "",
+        error: ""
+      });
+      try {
+        const data = await onLoadRequestDataBatch(String(messageId));
+        const items = Array.isArray(data == null ? void 0 : data.items) ? data.items.slice().sort((a, b) => Number((a == null ? void 0 : a.sort_order) || 0) - Number((b == null ? void 0 : b.sort_order) || 0)).map((item, index) => ({
+          localId: "client-data-" + String((item == null ? void 0 : item.id) || (item == null ? void 0 : item.key) || index),
+          id: String((item == null ? void 0 : item.id) || ""),
+          key: String((item == null ? void 0 : item.key) || ""),
+          label: String((item == null ? void 0 : item.label) || (item == null ? void 0 : item.key) || "\u041F\u043E\u043B\u0435"),
+          field_type: String((item == null ? void 0 : item.field_type) || "string").toLowerCase(),
+          value_text: (item == null ? void 0 : item.value_text) == null ? "" : String(item.value_text),
+          value_file: (item == null ? void 0 : item.value_file) || null,
+          pendingFile: null
+        })) : [];
+        setClientDataModal((prev) => ({ ...prev, loading: false, items }));
+      } catch (error) {
+        setClientDataModal((prev) => ({ ...prev, loading: false, error: (error == null ? void 0 : error.message) || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043A\u0440\u044B\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441 \u0434\u0430\u043D\u043D\u044B\u0445" }));
+      }
+    };
+    const updateClientDataItem = (localId, patch) => {
+      setClientDataModal((prev) => ({
+        ...prev,
+        status: "",
+        error: "",
+        items: (prev.items || []).map((item) => item.localId === localId ? { ...item, ...patch || {} } : item)
+      }));
+    };
+    const submitClientDataModal = async (event) => {
+      if (event && typeof event.preventDefault === "function") event.preventDefault();
+      if (!canFillRequestData || typeof onSaveRequestDataValues !== "function") return;
+      const currentMessageId = String(clientDataModal.messageId || "").trim();
+      if (!currentMessageId) return;
+      setClientDataModal((prev) => ({ ...prev, saving: true, status: "", error: "" }));
+      try {
+        const payloadItems = [];
+        for (const item of clientDataModal.items || []) {
+          const fieldType = String((item == null ? void 0 : item.field_type) || "string").toLowerCase();
           if (fieldType === "file") {
-            let attachmentId = "";
-            if (input.files && input.files[0]) {
-              setDataRequestStatus("Загружаем файл для поля...", null);
-              const completeData = await uploadPublicRequestAttachment(input.files[0], activeRequestId);
-              attachmentId = String((completeData && completeData.attachment_id) || "");
-              input.dataset.currentValue = attachmentId;
-            } else {
-              attachmentId = String(input.dataset.currentValue || "");
+            let attachmentId = String((item == null ? void 0 : item.value_text) || "").trim();
+            if (item == null ? void 0 : item.pendingFile) {
+              if (typeof onUploadRequestAttachment !== "function") {
+                throw new Error("\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0444\u0430\u0439\u043B\u0430 \u0434\u043B\u044F \u043F\u043E\u043B\u044F \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430");
+              }
+              const uploadResult = await onUploadRequestAttachment(item.pendingFile, {
+                source: "data_request",
+                message_id: currentMessageId,
+                key: String((item == null ? void 0 : item.key) || "")
+              });
+              attachmentId = String(
+                uploadResult && (uploadResult.attachment_id || uploadResult.id || uploadResult.value || uploadResult) || ""
+              ).trim();
+              if (!attachmentId) throw new Error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0444\u0430\u0439\u043B \u0434\u043B\u044F \u043F\u043E\u043B\u044F \u0437\u0430\u043F\u0440\u043E\u0441\u0430");
             }
-            items.push({
-              id: String(input.dataset.reqId || ""),
-              key: String(input.dataset.reqKey || ""),
-              attachment_id: attachmentId,
-              value_text: attachmentId,
+            payloadItems.push({
+              id: String((item == null ? void 0 : item.id) || ""),
+              key: String((item == null ? void 0 : item.key) || ""),
+              attachment_id: attachmentId || "",
+              value_text: attachmentId || ""
             });
             continue;
           }
-          items.push({
-            id: String(input.dataset.reqId || ""),
-            key: String(input.dataset.reqKey || ""),
-            value_text: String(input.value || ""),
+          payloadItems.push({
+            id: String((item == null ? void 0 : item.id) || ""),
+            key: String((item == null ? void 0 : item.key) || ""),
+            value_text: String((item == null ? void 0 : item.value_text) || "")
           });
         }
-        setDataRequestStatus("Сохраняем...", null);
-        const response = await fetch(
-          "/api/public/chat/requests/" +
-            encodeURIComponent(activeTrack) +
-            "/data-requests/" +
-            encodeURIComponent(activeDataRequestMessageId),
+        await onSaveRequestDataValues({
+          message_id: currentMessageId,
+          items: payloadItems
+        });
+        setClientDataModal((prev) => ({
+          ...prev,
+          saving: false,
+          status: "\u0414\u0430\u043D\u043D\u044B\u0435 \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u044B.",
+          items: (prev.items || []).map((item) => ({
+            ...item,
+            pendingFile: null
+          }))
+        }));
+      } catch (error) {
+        setClientDataModal((prev) => ({
+          ...prev,
+          saving: false,
+          error: (error == null ? void 0 : error.message) || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435"
+        }));
+      }
+    };
+    const handleRequestRowDragStart = (event, rowItem, rowLocked) => {
+      if (rowLocked || dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate) {
+        event.preventDefault();
+        return;
+      }
+      setDraggedRequestRowId(String(rowItem.localId || ""));
+      setDragOverRequestRowId(String(rowItem.localId || ""));
+      try {
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.setData("text/plain", String(rowItem.localId || ""));
+      } catch (_error) {
+      }
+    };
+    const handleRequestRowDragEnd = () => {
+      setDraggedRequestRowId("");
+      setDragOverRequestRowId("");
+    };
+    const appendStatusChangeFiles = (files) => {
+      const list = Array.isArray(files) ? files.filter(Boolean) : [];
+      if (!list.length) return;
+      setStatusChangeModal((prev) => {
+        const existing = Array.isArray(prev.files) ? prev.files : [];
+        const next = [...existing];
+        list.forEach((file) => {
+          const duplicate = next.some(
+            (item) => item && item.name === file.name && Number(item.size || 0) === Number(file.size || 0) && Number(item.lastModified || 0) === Number(file.lastModified || 0)
+          );
+          if (!duplicate) next.push(file);
+        });
+        return { ...prev, files: next };
+      });
+    };
+    const removeStatusChangeFile = (index) => {
+      setStatusChangeModal((prev) => {
+        const files = Array.isArray(prev.files) ? [...prev.files] : [];
+        files.splice(index, 1);
+        return { ...prev, files };
+      });
+    };
+    const submitStatusChange = async (event) => {
+      if (event && typeof event.preventDefault === "function") event.preventDefault();
+      if (!(row == null ? void 0 : row.id) || typeof onChangeStatus !== "function") return;
+      const nextStatus = String(statusChangeModal.statusCode || "").trim();
+      if (!nextStatus) {
+        setStatusChangeModal((prev) => ({ ...prev, error: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u0441\u0442\u0430\u0442\u0443\u0441" }));
+        return;
+      }
+      if (nextStatus === String((row == null ? void 0 : row.status_code) || "").trim()) {
+        setStatusChangeModal((prev) => ({ ...prev, error: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0442\u0430\u0442\u0443\u0441, \u043E\u0442\u043B\u0438\u0447\u043D\u044B\u0439 \u043E\u0442 \u0442\u0435\u043A\u0443\u0449\u0435\u0433\u043E" }));
+        return;
+      }
+      setStatusChangeModal((prev) => ({ ...prev, saving: true, error: "" }));
+      try {
+        const localValue = String(statusChangeModal.importantDateAt || "").trim();
+        const importantDateIso = localValue ? new Date(localValue).toISOString() : "";
+        await onChangeStatus({
+          requestId: String(row.id),
+          statusCode: nextStatus,
+          importantDateAt: importantDateIso || null,
+          comment: statusChangeModal.comment || "",
+          files: statusChangeModal.files || []
+        });
+        closeStatusChangeModal();
+      } catch (error) {
+        setStatusChangeModal((prev) => ({ ...prev, saving: false, error: error.message || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043C\u0435\u043D\u0438\u0442\u044C \u0441\u0442\u0430\u0442\u0443\u0441" }));
+      }
+    };
+    const chatTimelineItems = [];
+    let previousDate = "";
+    const timelineSource = [];
+    safeMessages.forEach((item) => {
+      timelineSource.push({
+        type: "message",
+        key: "msg-" + String((item == null ? void 0 : item.id) || Math.random()),
+        created_at: (item == null ? void 0 : item.created_at) || null,
+        payload: item
+      });
+    });
+    safeAttachments.filter((item) => !String((item == null ? void 0 : item.message_id) || "").trim()).forEach((item) => {
+      timelineSource.push({
+        type: "file",
+        key: "file-" + String((item == null ? void 0 : item.id) || Math.random()),
+        created_at: (item == null ? void 0 : item.created_at) || null,
+        payload: item
+      });
+    });
+    timelineSource.sort((a, b) => {
+      const aTime = new Date(a.created_at || 0).getTime();
+      const bTime = new Date(b.created_at || 0).getTime();
+      if (!Number.isFinite(aTime) && !Number.isFinite(bTime)) return 0;
+      if (!Number.isFinite(aTime)) return 1;
+      if (!Number.isFinite(bTime)) return -1;
+      if (aTime !== bTime) return aTime - bTime;
+      return String(a.key).localeCompare(String(b.key), "ru");
+    });
+    timelineSource.forEach((entry, index) => {
+      const dateLabel = fmtDateOnly(entry.created_at);
+      const normalizedDate = dateLabel && dateLabel !== "-" ? dateLabel : "\u0411\u0435\u0437 \u0434\u0430\u0442\u044B";
+      if (normalizedDate !== previousDate) {
+        chatTimelineItems.push({ type: "date", key: "date-" + normalizedDate + "-" + index, label: normalizedDate });
+        previousDate = normalizedDate;
+      }
+      chatTimelineItems.push(entry);
+    });
+    const routeNodes = Array.isArray(statusRouteNodes) && statusRouteNodes.length ? statusRouteNodes : (row == null ? void 0 : row.status_code) ? [{ code: row.status_code, name: statusLabel(row.status_code), state: "current", note: "\u0422\u0435\u043A\u0443\u0449\u0438\u0439 \u044D\u0442\u0430\u043F \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0438 \u0437\u0430\u044F\u0432\u043A\u0438" }] : [];
+    const AttachmentPreviewModal = AttachmentPreviewModalComponent;
+    const StatusLine = StatusLineComponent;
+    const renderRequestDataMessageItems = (payload) => {
+      var _a2;
+      const items = Array.isArray(payload == null ? void 0 : payload.request_data_items) ? payload.request_data_items : [];
+      const allFilled = Boolean(payload == null ? void 0 : payload.request_data_all_filled);
+      if (!items.length) return /* @__PURE__ */ React.createElement("p", { className: "chat-message-text" }, "\u0417\u0430\u043F\u0440\u043E\u0441");
+      if (allFilled) {
+        const fileOnly = items.length === 1 && String(((_a2 = items[0]) == null ? void 0 : _a2.field_type) || "").toLowerCase() === "file";
+        return /* @__PURE__ */ React.createElement("p", { className: "chat-message-text chat-request-data-collapsed" }, fileOnly ? "\u0424\u0430\u0439\u043B" : "\u0417\u0430\u043F\u0440\u043E\u0441");
+      }
+      const visibleItems = items.slice(0, 7);
+      const hiddenCount = Math.max(0, items.length - visibleItems.length);
+      return /* @__PURE__ */ React.createElement("div", { className: "chat-request-data-list" }, visibleItems.map((item, idx) => /* @__PURE__ */ React.createElement("div", { className: "chat-request-data-item" + ((item == null ? void 0 : item.is_filled) ? " filled" : ""), key: String((item == null ? void 0 : item.id) || idx) }, /* @__PURE__ */ React.createElement("span", { className: "chat-request-data-index" }, (item == null ? void 0 : item.is_filled) ? /* @__PURE__ */ React.createElement("span", { className: "chat-request-data-check" }, "\u2713") : null, String((item == null ? void 0 : item.index) || idx + 1) + "."), /* @__PURE__ */ React.createElement("span", { className: "chat-request-data-label" }, String((item == null ? void 0 : item.label_short) || (item == null ? void 0 : item.label) || "\u041F\u043E\u043B\u0435")))), hiddenCount > 0 ? /* @__PURE__ */ React.createElement("div", { className: "chat-request-data-more" }, "... \u0435\u0449\u0435 ", hiddenCount) : null);
+    };
+    const formatRequestDataValue = (item) => {
+      const type = String((item == null ? void 0 : item.field_type) || "string").toLowerCase();
+      if (type === "date") {
+        const text2 = String((item == null ? void 0 : item.value_text) || "").trim();
+        return text2 ? fmtDateOnly(text2) : "\u041D\u0435 \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043E";
+      }
+      if (type === "file") {
+        const attachmentId = String((item == null ? void 0 : item.value_text) || "").trim();
+        const linkedAttachment = attachmentId ? attachmentById.get(attachmentId) : null;
+        const fileMeta = (item == null ? void 0 : item.value_file) || (linkedAttachment ? {
+          attachment_id: linkedAttachment.id,
+          file_name: linkedAttachment.file_name,
+          mime_type: linkedAttachment.mime_type,
+          size_bytes: linkedAttachment.size_bytes,
+          download_url: linkedAttachment.download_url
+        } : null);
+        return fileMeta || null;
+      }
+      const text = String((item == null ? void 0 : item.value_text) || "").trim();
+      return text || "\u041D\u0435 \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043E";
+    };
+    return /* @__PURE__ */ React.createElement("div", { className: "block" }, /* @__PURE__ */ React.createElement("div", { className: "request-workspace-layout" }, /* @__PURE__ */ React.createElement("div", { className: "request-main-column" }, /* @__PURE__ */ React.createElement("div", { className: "block" }, /* @__PURE__ */ React.createElement("div", { className: "request-card-head" }, /* @__PURE__ */ React.createElement("h3", null, "\u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430"), /* @__PURE__ */ React.createElement("div", { className: "request-card-head-actions" }, canRequestData ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "icon-btn request-card-status-btn",
+        "data-tooltip": "\u0421\u043C\u0435\u043D\u0438\u0442\u044C \u0441\u0442\u0430\u0442\u0443\u0441",
+        "aria-label": "\u0421\u043C\u0435\u043D\u0438\u0442\u044C \u0441\u0442\u0430\u0442\u0443\u0441",
+        onClick: () => openStatusChangeModal(),
+        disabled: loading || !row
+      },
+      "\u21C4"
+    ) : null, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "icon-btn request-card-data-btn",
+        "data-tooltip": "\u0414\u0430\u043D\u043D\u044B\u0435 \u0437\u0430\u044F\u0432\u043A\u0438",
+        "aria-label": "\u0414\u0430\u043D\u043D\u044B\u0435 \u0437\u0430\u044F\u0432\u043A\u0438",
+        onClick: () => setRequestDataListOpen(true),
+        disabled: loading || !row
+      },
+      /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", "aria-hidden": "true", focusable: "false" }, /* @__PURE__ */ React.createElement("path", { d: "M4 5h16v2H4V5Zm0 6h16v2H4v-2Zm0 6h10v2H4v-2Z", fill: "currentColor" }))
+    ), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "icon-btn request-card-finance-btn",
+        "data-tooltip": "\u0424\u0438\u043D\u0430\u043D\u0441\u044B \u0437\u0430\u044F\u0432\u043A\u0438",
+        "aria-label": "\u0424\u0438\u043D\u0430\u043D\u0441\u044B \u0437\u0430\u044F\u0432\u043A\u0438",
+        onClick: () => setFinanceOpen(true),
+        disabled: loading || !row
+      },
+      "$"
+    ))), loading ? /* @__PURE__ */ React.createElement("p", { className: "muted" }, "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...") : row ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "request-card-grid request-card-grid-compact" }, /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0422\u0435\u043C\u0430"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, String(row.topic_name || row.topic_code || "-"))), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0421\u0442\u0430\u0442\u0443\u0441"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, statusLabel(row.status_code))), /* @__PURE__ */ React.createElement("div", { className: "request-field request-field-span-2 request-field-description" }, /* @__PURE__ */ React.createElement("div", { className: "request-field-head" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u043F\u0440\u043E\u0431\u043B\u0435\u043C\u044B"), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "icon-btn request-field-expand-btn",
+        "data-tooltip": "\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435",
+        "aria-label": "\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435",
+        onClick: () => setDescriptionOpen(true)
+      },
+      /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", "aria-hidden": "true", focusable: "false" }, /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M4 9V4h5v2H6v3H4zm10-5h6v6h-2V6h-4V4zM4 15h2v3h3v2H4v-5zm14 3v-3h2v5h-5v-2h3z",
+          fill: "currentColor"
+        }
+      ))
+    )), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, row.description ? String(row.description) : "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u043D\u0435 \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043E")), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u041A\u043B\u0438\u0435\u043D\u0442"), /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: "request-field-value" + (clientHasPhone ? " has-tooltip request-contact-value" : ""),
+        "data-tooltip": clientHasPhone ? clientPhone : void 0
+      },
+      clientLabel
+    )), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u042E\u0440\u0438\u0441\u0442"), /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: "request-field-value" + (lawyerHasPhone ? " has-tooltip request-contact-value" : ""),
+        "data-tooltip": lawyerHasPhone ? lawyerPhone : void 0
+      },
+      lawyerLabel
+    )), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0421\u043E\u0437\u0434\u0430\u043D\u0430"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, fmtShortDateTime(row.created_at))), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0418\u0437\u043C\u0435\u043D\u0435\u043D\u0430"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, fmtShortDateTime(row.updated_at)))), /* @__PURE__ */ React.createElement("div", { className: "request-status-route" }, /* @__PURE__ */ React.createElement("h4", null, "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0441\u0442\u0430\u0442\u0443\u0441\u043E\u0432"), routeNodes.length ? /* @__PURE__ */ React.createElement("ol", { className: "request-route-list", id: "request-status-route" }, routeNodes.map((node, index) => {
+      const state = String((node == null ? void 0 : node.state) || "pending");
+      const name = String((node == null ? void 0 : node.name) || statusLabel(node == null ? void 0 : node.code));
+      const note = String((node == null ? void 0 : node.note) || "").trim();
+      const changedAt = (node == null ? void 0 : node.changed_at) ? fmtDate(node.changed_at) : "";
+      const className = "route-item " + (state === "current" ? "current" : state === "completed" ? "completed" : "pending");
+      return /* @__PURE__ */ React.createElement("li", { className, key: ((node == null ? void 0 : node.code) || "node") + "-" + index }, /* @__PURE__ */ React.createElement("span", { className: "route-dot" }), /* @__PURE__ */ React.createElement("div", { className: "route-body" }, /* @__PURE__ */ React.createElement("b", null, name), note ? /* @__PURE__ */ React.createElement("p", null, note) : null, changedAt && state !== "pending" ? /* @__PURE__ */ React.createElement("div", { className: "muted route-time" }, "\u0418\u0437\u043C\u0435\u043D\u0435\u043D: ", changedAt) : null));
+    })) : /* @__PURE__ */ React.createElement("p", { className: "muted" }, "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0441\u0442\u0430\u0442\u0443\u0441\u043E\u0432 \u0434\u043B\u044F \u0442\u0435\u043C\u044B \u043D\u0435 \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043D"))) : /* @__PURE__ */ React.createElement("p", { className: "muted" }, "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445 \u043F\u043E \u0437\u0430\u044F\u0432\u043A\u0435"))), /* @__PURE__ */ React.createElement("div", { className: "block request-chat-block" }, /* @__PURE__ */ React.createElement("div", { className: "request-chat-head" }, /* @__PURE__ */ React.createElement("h3", null, "\u041A\u043E\u043C\u043C\u0443\u043D\u0438\u043A\u0430\u0446\u0438\u044F"), /* @__PURE__ */ React.createElement("div", { className: "request-chat-tabs", role: "tablist", "aria-label": "\u041A\u043E\u043C\u043C\u0443\u043D\u0438\u043A\u0430\u0446\u0438\u044F" }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": chatTab === "chat",
+        className: "tab-btn" + (chatTab === "chat" ? " active" : ""),
+        onClick: () => setChatTab("chat")
+      },
+      "\u0427\u0430\u0442"
+    ), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": chatTab === "files",
+        className: "tab-btn" + (chatTab === "files" ? " active" : ""),
+        onClick: () => setChatTab("files")
+      },
+      "\u0424\u0430\u0439\u043B\u044B" + (safeAttachments.length ? " (" + safeAttachments.length + ")" : "")
+    ))), /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        id: idMap.fileInput,
+        ref: fileInputRef,
+        type: "file",
+        multiple: true,
+        onChange: onInputFiles,
+        disabled: loading || fileUploading,
+        style: { position: "absolute", width: "1px", height: "1px", opacity: 0, pointerEvents: "none" }
+      }
+    ), chatTab === "chat" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("ul", { className: "simple-list request-modal-list request-chat-list", id: idMap.messagesList }, chatTimelineItems.length ? chatTimelineItems.map(
+      (entry) => {
+        var _a2, _b2, _c2, _d, _e;
+        return entry.type === "date" ? /* @__PURE__ */ React.createElement("li", { key: entry.key, className: "chat-date-divider" }, /* @__PURE__ */ React.createElement("span", null, entry.label)) : entry.type === "file" ? /* @__PURE__ */ React.createElement(
+          "li",
+          {
+            key: entry.key,
+            className: "chat-message " + (String(((_a2 = entry.payload) == null ? void 0 : _a2.responsible) || "").toUpperCase().includes("\u041A\u041B\u0418\u0415\u041D\u0422") ? "incoming" : "outgoing")
+          },
+          /* @__PURE__ */ React.createElement("div", { className: "chat-message-author" }, String(((_b2 = entry.payload) == null ? void 0 : _b2.responsible) || "\u0421\u0438\u0441\u0442\u0435\u043C\u0430")),
+          /* @__PURE__ */ React.createElement("div", { className: "chat-message-bubble" }, /* @__PURE__ */ React.createElement("div", { className: "chat-message-files" }, /* @__PURE__ */ React.createElement(
+            "button",
+            {
+              type: "button",
+              className: "chat-message-file-chip",
+              onClick: () => openAttachmentFromMessage(entry.payload),
+              title: String(((_c2 = entry.payload) == null ? void 0 : _c2.file_name) || "\u0424\u0430\u0439\u043B")
+            },
+            /* @__PURE__ */ React.createElement("span", { className: "chat-message-file-icon", "aria-hidden": "true" }, "\u{1F4CE}"),
+            /* @__PURE__ */ React.createElement("span", { className: "chat-message-file-name" }, String(((_d = entry.payload) == null ? void 0 : _d.file_name) || "\u0424\u0430\u0439\u043B"))
+          )), /* @__PURE__ */ React.createElement("div", { className: "chat-message-time" }, fmtTimeOnly((_e = entry.payload) == null ? void 0 : _e.created_at)))
+        ) : (() => {
+          var _a3, _b3, _c3, _d2, _e2, _f, _g, _h, _i;
+          const messageKind = String(((_a3 = entry.payload) == null ? void 0 : _a3.message_kind) || "");
+          const isRequestDataMessage = messageKind === "REQUEST_DATA";
+          const requestDataInteractive = isRequestDataMessage && (canRequestData || canFillRequestData);
+          const bubbleClass = "chat-message-bubble" + (isRequestDataMessage ? " chat-request-data-bubble" : "") + (((_b3 = entry.payload) == null ? void 0 : _b3.request_data_all_filled) ? " all-filled" : "") + (isRequestDataMessage && canFillRequestData ? " request-data-message-btn" : "");
+          const itemClass = "chat-message " + (String(((_c3 = entry.payload) == null ? void 0 : _c3.author_type) || "").toUpperCase() === "CLIENT" ? "incoming" : "outgoing") + (isRequestDataMessage && canFillRequestData ? " request-data-item" + (((_d2 = entry.payload) == null ? void 0 : _d2.request_data_all_filled) ? " done" : "") : "");
+          return /* @__PURE__ */ React.createElement("li", { key: entry.key, className: itemClass }, /* @__PURE__ */ React.createElement("div", { className: "chat-message-author" }, String(((_e2 = entry.payload) == null ? void 0 : _e2.author_name) || ((_f = entry.payload) == null ? void 0 : _f.author_type) || "\u0421\u0438\u0441\u0442\u0435\u043C\u0430")), /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: bubbleClass,
+              onClick: requestDataInteractive ? () => {
+                var _a4, _b4;
+                return canRequestData ? openEditDataRequestModal(String(((_a4 = entry.payload) == null ? void 0 : _a4.id) || "")) : openClientDataRequestModal(String(((_b4 = entry.payload) == null ? void 0 : _b4.id) || ""));
+              } : void 0,
+              role: requestDataInteractive ? "button" : void 0,
+              tabIndex: requestDataInteractive ? 0 : void 0,
+              onKeyDown: requestDataInteractive ? (event) => {
+                var _a4, _b4;
+                if (event.key === "Enter" || event.key === " ") {
+                  event.preventDefault();
+                  if (canRequestData) openEditDataRequestModal(String(((_a4 = entry.payload) == null ? void 0 : _a4.id) || ""));
+                  else openClientDataRequestModal(String(((_b4 = entry.payload) == null ? void 0 : _b4.id) || ""));
+                }
+              } : void 0
+            },
+            String(((_g = entry.payload) == null ? void 0 : _g.message_kind) || "") === "REQUEST_DATA" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "chat-request-data-head" }, "\u0417\u0430\u043F\u0440\u043E\u0441"), renderRequestDataMessageItems(entry.payload)) : /* @__PURE__ */ React.createElement("p", { className: "chat-message-text" }, String(((_h = entry.payload) == null ? void 0 : _h.body) || "")),
+            (() => {
+              var _a4, _b4;
+              if (String(((_a4 = entry.payload) == null ? void 0 : _a4.message_kind) || "") === "REQUEST_DATA") return null;
+              const messageId = String(((_b4 = entry.payload) == null ? void 0 : _b4.id) || "").trim();
+              if (!messageId) return null;
+              const messageFiles = attachmentsByMessageId.get(messageId) || [];
+              if (!messageFiles.length) return null;
+              return /* @__PURE__ */ React.createElement("div", { className: "chat-message-files" }, messageFiles.map((file) => /* @__PURE__ */ React.createElement(
+                "button",
+                {
+                  type: "button",
+                  key: String(file.id),
+                  className: "chat-message-file-chip",
+                  onClick: () => openAttachmentFromMessage(file),
+                  title: String(file.file_name || "\u0424\u0430\u0439\u043B")
+                },
+                /* @__PURE__ */ React.createElement("span", { className: "chat-message-file-icon", "aria-hidden": "true" }, "\u{1F4CE}"),
+                /* @__PURE__ */ React.createElement("span", { className: "chat-message-file-name" }, String(file.file_name || "\u0424\u0430\u0439\u043B"))
+              )));
+            })(),
+            /* @__PURE__ */ React.createElement("div", { className: "chat-message-time" }, fmtTimeOnly((_i = entry.payload) == null ? void 0 : _i.created_at))
+          ));
+        })();
+      }
+    ) : /* @__PURE__ */ React.createElement("li", { className: "muted" }, "\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439 \u043D\u0435\u0442")), /* @__PURE__ */ React.createElement("form", { className: "stack", onSubmit: onSendMessage }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "field request-chat-composer-dropzone" + (dropActive ? " drag-active" : ""),
+        onDragOver: (event) => {
+          event.preventDefault();
+          setDropActive(true);
+        },
+        onDragLeave: (event) => {
+          if (event.currentTarget.contains(event.relatedTarget)) return;
+          setDropActive(false);
+        },
+        onDrop: onDropFiles
+      },
+      /* @__PURE__ */ React.createElement("label", { htmlFor: idMap.messageBody }, "\u041D\u043E\u0432\u043E\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435"),
+      /* @__PURE__ */ React.createElement(
+        "textarea",
+        {
+          id: idMap.messageBody,
+          placeholder: messagePlaceholder,
+          value: messageDraft,
+          onChange: onMessageChange,
+          disabled: loading || fileUploading
+        }
+      ),
+      /* @__PURE__ */ React.createElement("div", { className: "request-drop-hint muted" }, "\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B \u0441\u044E\u0434\u0430 \u0438\u043B\u0438 \u043F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u0435 \u0441\u043A\u0440\u0435\u043F\u043A\u043E\u0439")
+    ), hasPendingFiles ? /* @__PURE__ */ React.createElement("div", { className: "request-pending-files" }, pendingFiles.map((file, index) => /* @__PURE__ */ React.createElement("div", { className: "pending-file-chip", key: (file.name || "file") + "-" + String(file.lastModified || index) }, /* @__PURE__ */ React.createElement("span", { className: "pending-file-icon", "aria-hidden": "true" }, "\u{1F4CE}"), /* @__PURE__ */ React.createElement("span", { className: "pending-file-name" }, file.name), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "pending-file-remove",
+        "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0444\u0430\u0439\u043B " + file.name,
+        onClick: () => onRemoveSelectedFile(index)
+      },
+      "\xD7"
+    ))), /* @__PURE__ */ React.createElement("button", { type: "button", className: "btn secondary btn-sm", onClick: onClearSelectedFiles }, "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0432\u043B\u043E\u0436\u0435\u043D\u0438\u044F")) : null, /* @__PURE__ */ React.createElement("div", { className: "request-chat-composer-actions" }, canRequestData ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        className: "btn secondary btn-sm",
+        type: "button",
+        onClick: openCreateDataRequestModal,
+        disabled: loading || fileUploading
+      },
+      "\u0417\u0430\u043F\u0440\u043E\u0441\u0438\u0442\u044C"
+    ) : null, canFillRequestData && idMap.fileUploadButton ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        className: "btn secondary btn-sm",
+        type: "button",
+        id: idMap.fileUploadButton,
+        onClick: onSendMessage,
+        disabled: loading || fileUploading || !hasPendingFiles
+      },
+      "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0444\u0430\u0439\u043B"
+    ) : null, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        className: "icon-btn file-action-btn composer-attach-btn",
+        type: "button",
+        "data-tooltip": "\u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B",
+        "aria-label": "\u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B",
+        onClick: () => {
+          var _a2;
+          return (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
+        },
+        disabled: loading || fileUploading
+      },
+      /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", "aria-hidden": "true", focusable: "false" }, /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M8.6 13.8 15 7.4a3 3 0 0 1 4.2 4.2l-8.1 8.1a5 5 0 1 1-7.1-7.1l8.6-8.6a1 1 0 0 1 1.4 1.4l-8.6 8.6a3 3 0 1 0 4.2 4.2l8.1-8.1a1 1 0 0 0-1.4-1.4l-6.4 6.4a1 1 0 0 1-1.4-1.4z",
+          fill: "currentColor"
+        }
+      ))
+    ), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        className: "btn",
+        id: idMap.sendButton,
+        type: "submit",
+        disabled: loading || fileUploading || !canSubmit
+      },
+      "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C"
+    )))) : /* @__PURE__ */ React.createElement("div", { className: "request-files-tab" }, /* @__PURE__ */ React.createElement("ul", { className: "simple-list request-modal-list", id: idMap.filesList }, safeAttachments.length ? safeAttachments.map((item) => /* @__PURE__ */ React.createElement("li", { key: String(item.id) }, /* @__PURE__ */ React.createElement("div", null, item.file_name || "\u0424\u0430\u0439\u043B"), /* @__PURE__ */ React.createElement("div", { className: "muted request-modal-item-meta" }, String(item.mime_type || "application/octet-stream") + " \u2022 " + fmtBytes(item.size_bytes) + " \u2022 " + fmtDate(item.created_at)), /* @__PURE__ */ React.createElement("div", { className: "request-file-actions" }, item.download_url && detectAttachmentPreviewKind(item.file_name, item.mime_type) !== "none" ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        className: "icon-btn file-action-btn",
+        type: "button",
+        "data-tooltip": "\u041F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440",
+        onClick: () => openPreview(item),
+        "aria-label": "\u041F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440"
+      },
+      /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", "aria-hidden": "true", focusable: "false" }, /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M12 5C6.8 5 3 9.2 2 12c1 2.8 4.8 7 10 7s9-4.2 10-7c-1-2.8-4.8-7-10-7zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2.2A1.8 1.8 0 1 0 12 10a1.8 1.8 0 0 0 0 3.8z",
+          fill: "currentColor"
+        }
+      ))
+    ) : null, item.download_url ? /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        className: "icon-btn file-action-btn request-file-link-icon",
+        "data-tooltip": "\u0421\u043A\u0430\u0447\u0430\u0442\u044C",
+        "aria-label": "\u0421\u043A\u0430\u0447\u0430\u0442\u044C: " + String(item.file_name || "\u0444\u0430\u0439\u043B"),
+        href: item.download_url,
+        target: "_blank",
+        rel: "noreferrer"
+      },
+      /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", "aria-hidden": "true", focusable: "false" }, /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M12 3a1 1 0 0 1 1 1v8.17l2.58-2.58a1 1 0 1 1 1.42 1.42l-4.3 4.3a1 1 0 0 1-1.4 0l-4.3-4.3a1 1 0 0 1 1.42-1.42L11 12.17V4a1 1 0 0 1 1-1zm-7 14a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1z",
+          fill: "currentColor"
+        }
+      ))
+    ) : null))) : /* @__PURE__ */ React.createElement("li", { className: "muted" }, "\u0424\u0430\u0439\u043B\u043E\u0432 \u043F\u043E\u043A\u0430 \u043D\u0435\u0442")), /* @__PURE__ */ React.createElement("div", { className: "request-files-tab-actions" }, /* @__PURE__ */ React.createElement("span", { className: "muted" }, "\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439: " + String(safeMessages.length) + " \u2022 \u041E\u0431\u0449\u0438\u0439 \u0440\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u043E\u0432: " + fmtBytes(totalFilesBytes)))))), StatusLine ? /* @__PURE__ */ React.createElement(StatusLine, { status }) : null, AttachmentPreviewModal ? /* @__PURE__ */ React.createElement(
+      AttachmentPreviewModal,
+      {
+        open: preview.open,
+        title: "\u041F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440 \u0444\u0430\u0439\u043B\u0430",
+        url: preview.url,
+        fileName: preview.fileName,
+        mimeType: preview.mimeType,
+        onClose: closePreview
+      }
+    ) : null, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "overlay" + (clientDataModal.open ? " open" : ""),
+        onClick: closeClientDataModal,
+        "aria-hidden": clientDataModal.open ? "false" : "true",
+        id: idMap.dataRequestOverlay
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "modal request-data-summary-modal data-request-modal", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "modal-head" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", null, "\u0417\u0430\u043F\u0440\u043E\u0441 \u0434\u0430\u043D\u043D\u044B\u0445"), /* @__PURE__ */ React.createElement("p", { className: "muted request-finance-subtitle" }, (row == null ? void 0 : row.track_number) ? "\u0417\u0430\u044F\u0432\u043A\u0430 " + String(row.track_number) : "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E \u0437\u0430\u043F\u0440\u043E\u0441\u0443 \u044E\u0440\u0438\u0441\u0442\u0430")), /* @__PURE__ */ React.createElement("button", { className: "close", type: "button", onClick: closeClientDataModal, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }, "\xD7")), /* @__PURE__ */ React.createElement("form", { className: "stack", onSubmit: submitClientDataModal }, /* @__PURE__ */ React.createElement("div", { className: "request-data-summary-list", id: idMap.dataRequestItems }, clientDataModal.loading ? /* @__PURE__ */ React.createElement("p", { className: "muted" }, "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...") : (clientDataModal.items || []).length ? (clientDataModal.items || []).map((item, index) => {
+        const fieldType = String((item == null ? void 0 : item.field_type) || "string").toLowerCase();
+        const fileMeta = item == null ? void 0 : item.value_file;
+        return /* @__PURE__ */ React.createElement("div", { className: "request-data-summary-row", key: String(item.localId || index) }, /* @__PURE__ */ React.createElement("div", { className: "request-data-summary-label" }, String(index + 1) + ". " + String((item == null ? void 0 : item.label) || (item == null ? void 0 : item.key) || "\u041F\u043E\u043B\u0435")), /* @__PURE__ */ React.createElement("div", { className: "request-data-summary-value" }, fieldType === "text" ? /* @__PURE__ */ React.createElement(
+          "textarea",
+          {
+            value: String((item == null ? void 0 : item.value_text) || ""),
+            onChange: (event) => updateClientDataItem(item.localId, { value_text: event.target.value }),
+            rows: 3,
+            disabled: clientDataModal.saving || clientDataModal.loading
+          }
+        ) : fieldType === "date" ? /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            type: "date",
+            value: String((item == null ? void 0 : item.value_text) || "").slice(0, 10),
+            onChange: (event) => updateClientDataItem(item.localId, { value_text: event.target.value }),
+            disabled: clientDataModal.saving || clientDataModal.loading
+          }
+        ) : fieldType === "number" ? /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            type: "number",
+            step: "any",
+            value: String((item == null ? void 0 : item.value_text) || ""),
+            onChange: (event) => updateClientDataItem(item.localId, { value_text: event.target.value }),
+            disabled: clientDataModal.saving || clientDataModal.loading
+          }
+        ) : fieldType === "file" ? /* @__PURE__ */ React.createElement("div", { className: "stack" }, fileMeta && fileMeta.download_url ? /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            type: "button",
+            className: "chat-message-file-chip",
+            onClick: () => openAttachmentFromMessage(fileMeta)
+          },
+          /* @__PURE__ */ React.createElement("span", { className: "chat-message-file-icon", "aria-hidden": "true" }, "\u{1F4CE}"),
+          /* @__PURE__ */ React.createElement("span", { className: "chat-message-file-name" }, String(fileMeta.file_name || "\u0424\u0430\u0439\u043B"))
+        ) : null, /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            type: "file",
+            onChange: (event) => updateClientDataItem(item.localId, {
+              pendingFile: event.target.files && event.target.files[0] ? event.target.files[0] : null
+            }),
+            disabled: clientDataModal.saving || clientDataModal.loading
+          }
+        ), (item == null ? void 0 : item.pendingFile) ? /* @__PURE__ */ React.createElement("span", { className: "muted" }, String(item.pendingFile.name || "")) : null) : /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            type: "text",
+            value: String((item == null ? void 0 : item.value_text) || ""),
+            onChange: (event) => updateClientDataItem(item.localId, { value_text: event.target.value }),
+            disabled: clientDataModal.saving || clientDataModal.loading
+          }
+        )));
+      }) : /* @__PURE__ */ React.createElement("p", { className: "muted" }, "\u041D\u0435\u0442 \u043F\u043E\u043B\u0435\u0439 \u0434\u043B\u044F \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F.")), clientDataModal.error ? /* @__PURE__ */ React.createElement("div", { className: "status error" }, clientDataModal.error) : null, /* @__PURE__ */ React.createElement("div", { className: "status" + (clientDataModal.status ? " ok" : ""), id: idMap.dataRequestStatus }, clientDataModal.status || ""), /* @__PURE__ */ React.createElement("div", { className: "modal-actions modal-actions-right" }, /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "submit",
+          className: "btn btn-sm request-data-submit-btn",
+          id: idMap.dataRequestSave,
+          disabled: clientDataModal.loading || clientDataModal.saving
+        },
+        clientDataModal.saving ? "\u0421\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435..." : "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C"
+      ))))
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "overlay" + (statusChangeModal.open ? " open" : ""),
+        onClick: closeStatusChangeModal,
+        "aria-hidden": statusChangeModal.open ? "false" : "true"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "modal request-status-change-modal", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "modal-head" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", null, "\u0421\u043C\u0435\u043D\u0430 \u0441\u0442\u0430\u0442\u0443\u0441\u0430"), /* @__PURE__ */ React.createElement("p", { className: "muted request-finance-subtitle" }, (row == null ? void 0 : row.track_number) ? "\u0417\u0430\u044F\u0432\u043A\u0430 " + String(row.track_number) : "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0442\u0430\u0442\u0443\u0441 \u0438 \u0432\u0430\u0436\u043D\u0443\u044E \u0434\u0430\u0442\u0443")), /* @__PURE__ */ React.createElement("button", { className: "close", type: "button", onClick: closeStatusChangeModal, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }, "\xD7")), /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          ref: statusChangeFileInputRef,
+          type: "file",
+          multiple: true,
+          onChange: (event) => {
+            appendStatusChangeFiles(Array.from(event.target && event.target.files || []));
+            event.target.value = "";
+          },
+          style: { position: "absolute", width: "1px", height: "1px", opacity: 0, pointerEvents: "none" }
+        }
+      ), /* @__PURE__ */ React.createElement("form", { className: "stack", onSubmit: submitStatusChange }, /* @__PURE__ */ React.createElement("div", { className: "request-status-change-grid" }, /* @__PURE__ */ React.createElement("div", { className: "field" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "status-change-next-status" }, "\u041D\u043E\u0432\u044B\u0439 \u0441\u0442\u0430\u0442\u0443\u0441"), /* @__PURE__ */ React.createElement(
+        "select",
+        {
+          id: "status-change-next-status",
+          value: statusChangeModal.statusCode,
+          onChange: (event) => setStatusChangeModal((prev) => ({ ...prev, statusCode: event.target.value, error: "" })),
+          disabled: statusChangeModal.saving || loading
+        },
+        /* @__PURE__ */ React.createElement("option", { value: "" }, "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0442\u0430\u0442\u0443\u0441"),
+        statusOptions.filter((item) => item.code !== String((row == null ? void 0 : row.status_code) || "").trim()).filter(
+          (item) => Array.isArray(statusChangeModal.allowedStatusCodes) && statusChangeModal.allowedStatusCodes.length ? statusChangeModal.allowedStatusCodes.includes(item.code) : true
+        ).map((item) => /* @__PURE__ */ React.createElement("option", { key: item.code, value: item.code }, item.name + " (" + item.code + ")" + (item.groupName ? " \u2022 " + item.groupName : "")))
+      )), /* @__PURE__ */ React.createElement("div", { className: "field" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "status-change-important-date" }, "\u0412\u0430\u0436\u043D\u0430\u044F \u0434\u0430\u0442\u0430 (\u0434\u0435\u0434\u043B\u0430\u0439\u043D)"), /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          id: "status-change-important-date",
+          type: "datetime-local",
+          value: statusChangeModal.importantDateAt,
+          onChange: (event) => setStatusChangeModal((prev) => ({ ...prev, importantDateAt: event.target.value, error: "" })),
+          disabled: statusChangeModal.saving || loading
+        }
+      ))), /* @__PURE__ */ React.createElement("div", { className: "field" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "status-change-comment" }, "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A \u0441\u043C\u0435\u043D\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u0430"), /* @__PURE__ */ React.createElement(
+        "textarea",
+        {
+          id: "status-change-comment",
+          placeholder: "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u0431\u0443\u0434\u0435\u0442 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D \u0432 \u0438\u0441\u0442\u043E\u0440\u0438\u044E \u0438 \u0447\u0430\u0442 (\u0435\u0441\u043B\u0438 \u0443\u043A\u0430\u0437\u0430\u043D)",
+          value: statusChangeModal.comment,
+          onChange: (event) => setStatusChangeModal((prev) => ({ ...prev, comment: event.target.value })),
+          disabled: statusChangeModal.saving || loading
+        }
+      )), /* @__PURE__ */ React.createElement("div", { className: "request-status-change-files" }, /* @__PURE__ */ React.createElement("div", { className: "request-status-change-files-head" }, /* @__PURE__ */ React.createElement("b", null, "\u0412\u043B\u043E\u0436\u0435\u043D\u0438\u044F"), /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          className: "icon-btn file-action-btn",
+          "data-tooltip": "\u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\u044B",
+          onClick: () => {
+            var _a2;
+            return (_a2 = statusChangeFileInputRef.current) == null ? void 0 : _a2.click();
+          },
+          disabled: statusChangeModal.saving || loading
+        },
+        /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", "aria-hidden": "true", focusable: "false" }, /* @__PURE__ */ React.createElement(
+          "path",
+          {
+            d: "M8.6 13.8 15 7.4a3 3 0 0 1 4.2 4.2l-8.1 8.1a5 5 0 1 1-7.1-7.1l8.6-8.6a1 1 0 0 1 1.4 1.4l-8.6 8.6a3 3 0 1 0 4.2 4.2l8.1-8.1a1 1 0 0 0-1.4-1.4l-6.4 6.4a1 1 0 0 1-1.4-1.4z",
+            fill: "currentColor"
+          }
+        ))
+      )), Array.isArray(statusChangeModal.files) && statusChangeModal.files.length ? /* @__PURE__ */ React.createElement("div", { className: "request-pending-files" }, statusChangeModal.files.map((file, index) => /* @__PURE__ */ React.createElement("div", { className: "pending-file-chip", key: (file.name || "file") + "-" + String(file.lastModified || index) }, /* @__PURE__ */ React.createElement("span", { className: "pending-file-icon", "aria-hidden": "true" }, "\u{1F4CE}"), /* @__PURE__ */ React.createElement("span", { className: "pending-file-name" }, file.name), /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          className: "pending-file-remove",
+          "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0444\u0430\u0439\u043B " + file.name,
+          onClick: () => removeStatusChangeFile(index)
+        },
+        "\xD7"
+      )))) : /* @__PURE__ */ React.createElement("p", { className: "muted" }, "\u0424\u0430\u0439\u043B\u044B \u043D\u0435 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u044B")), /* @__PURE__ */ React.createElement("div", { className: "request-status-history-block" }, /* @__PURE__ */ React.createElement("div", { className: "request-status-history-head" }, /* @__PURE__ */ React.createElement("b", null, "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0441\u0442\u0430\u0442\u0443\u0441\u043E\u0432"), /* @__PURE__ */ React.createElement("span", { className: "muted" }, safeStatusHistory.length ? String(safeStatusHistory.length) + " \u0437\u0430\u043F\u0438\u0441\u0435\u0439" : "\u041D\u0435\u0442 \u0437\u0430\u043F\u0438\u0441\u0435\u0439")), /* @__PURE__ */ React.createElement("ol", { className: "request-route-list request-status-history-list" }, safeStatusHistory.length ? safeStatusHistory.map((item, index) => {
+        const statusCode = String((item == null ? void 0 : item.to_status) || "");
+        const statusMeta = statusByCode.get(statusCode);
+        const itemClass = "route-item request-status-history-route-item " + (index === 0 ? "current" : "completed");
+        return /* @__PURE__ */ React.createElement("li", { key: String((item == null ? void 0 : item.id) || index), className: itemClass }, /* @__PURE__ */ React.createElement("span", { className: "route-dot" }), /* @__PURE__ */ React.createElement("div", { className: "route-body" }, /* @__PURE__ */ React.createElement("div", { className: "request-status-history-row" }, /* @__PURE__ */ React.createElement("b", null, String((item == null ? void 0 : item.to_status_name) || (statusMeta == null ? void 0 : statusMeta.name) || statusLabel(statusCode) || statusCode || "-")), (statusMeta == null ? void 0 : statusMeta.isTerminal) ? /* @__PURE__ */ React.createElement("span", { className: "request-status-history-chip" }, "\u0422\u0435\u0440\u043C\u0438\u043D\u0430\u043B\u044C\u043D\u044B\u0439") : null), /* @__PURE__ */ React.createElement("div", { className: "muted route-time" }, fmtShortDateTime(item == null ? void 0 : item.changed_at)), /* @__PURE__ */ React.createElement("div", { className: "request-status-history-meta" }, /* @__PURE__ */ React.createElement("span", null, "\u0412\u0430\u0436\u043D\u0430\u044F \u0434\u0430\u0442\u0430: " + fmtShortDateTime(item == null ? void 0 : item.important_date_at)), /* @__PURE__ */ React.createElement("span", null, "\u0414\u043B\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u044C: " + formatDuration(item == null ? void 0 : item.duration_seconds))), (item == null ? void 0 : item.from_status) ? /* @__PURE__ */ React.createElement("div", { className: "request-status-history-meta" }, /* @__PURE__ */ React.createElement("span", null, "\u0418\u0437: " + statusLabel(item.from_status))) : null, String((item == null ? void 0 : item.comment) || "").trim() ? /* @__PURE__ */ React.createElement("div", { className: "request-status-history-comment" }, String(item.comment)) : null));
+      }) : /* @__PURE__ */ React.createElement("li", { className: "muted" }, "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 \u0441\u0442\u0430\u0442\u0443\u0441\u043E\u0432 \u043F\u043E\u043A\u0430 \u043F\u0443\u0441\u0442\u0430\u044F"))), statusChangeModal.error ? /* @__PURE__ */ React.createElement("div", { className: "status error" }, statusChangeModal.error) : null, /* @__PURE__ */ React.createElement("div", { className: "modal-actions modal-actions-right" }, /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "submit",
+          className: "btn btn-sm request-data-submit-btn",
+          disabled: statusChangeModal.saving || loading
+        },
+        statusChangeModal.saving ? "\u0421\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435..." : "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C"
+      ))))
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "overlay" + (financeOpen ? " open" : ""),
+        onClick: () => setFinanceOpen(false),
+        "aria-hidden": financeOpen ? "false" : "true"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "modal request-finance-modal", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "modal-head" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", null, "\u0424\u0438\u043D\u0430\u043D\u0441\u044B \u0437\u0430\u044F\u0432\u043A\u0438"), /* @__PURE__ */ React.createElement("p", { className: "muted request-finance-subtitle" }, (row == null ? void 0 : row.track_number) ? "\u0417\u0430\u044F\u0432\u043A\u0430 " + String(row.track_number) : "\u0414\u0430\u043D\u043D\u044B\u0435 \u043F\u043E \u0437\u0430\u044F\u0432\u043A\u0435")), /* @__PURE__ */ React.createElement("button", { className: "close", type: "button", onClick: () => setFinanceOpen(false), "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }, "\xD7")), /* @__PURE__ */ React.createElement("div", { className: "request-card-grid request-finance-grid" }, /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0421\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, fmtAmount((_a = finance == null ? void 0 : finance.request_cost) != null ? _a : row == null ? void 0 : row.request_cost))), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u041E\u043F\u043B\u0430\u0447\u0435\u043D\u043E"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, fmtAmount(finance == null ? void 0 : finance.paid_total))), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0414\u0430\u0442\u0430 \u043E\u043F\u043B\u0430\u0442\u044B"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, fmtShortDateTime((_b = finance == null ? void 0 : finance.last_paid_at) != null ? _b : row == null ? void 0 : row.paid_at))), canSeeRate ? /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0421\u0442\u0430\u0432\u043A\u0430"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, fmtAmount((_c = finance == null ? void 0 : finance.effective_rate) != null ? _c : row == null ? void 0 : row.effective_rate))) : null))
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "overlay" + (descriptionOpen ? " open" : ""),
+        onClick: () => setDescriptionOpen(false),
+        "aria-hidden": descriptionOpen ? "false" : "true"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "modal request-description-modal", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "modal-head" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", null, (row == null ? void 0 : row.track_number) ? "\u0417\u0430\u044F\u0432\u043A\u0430 " + String(row.track_number) : "\u0417\u0430\u044F\u0432\u043A\u0430"), /* @__PURE__ */ React.createElement("div", { className: "request-description-modal-headline" }, /* @__PURE__ */ React.createElement("p", { className: "muted request-finance-subtitle" }, String((row == null ? void 0 : row.topic_name) || (row == null ? void 0 : row.topic_code) || "\u0422\u0435\u043C\u0430 \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u0430")), /* @__PURE__ */ React.createElement("span", { className: "request-description-status-chip" }, statusLabel(row == null ? void 0 : row.status_code)))), /* @__PURE__ */ React.createElement("button", { className: "close", type: "button", onClick: () => setDescriptionOpen(false), "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }, "\xD7")), /* @__PURE__ */ React.createElement("div", { className: "request-description-modal-body" }, /* @__PURE__ */ React.createElement("div", { className: "request-description-modal-main" }, /* @__PURE__ */ React.createElement("div", { className: "request-description-modal-title" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u043F\u0440\u043E\u0431\u043B\u0435\u043C\u044B")), /* @__PURE__ */ React.createElement("div", { className: "request-description-modal-text" }, (row == null ? void 0 : row.description) ? String(row.description) : "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u043D\u0435 \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043E")), /* @__PURE__ */ React.createElement("div", { className: "request-description-modal-meta-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "request-description-modal-meta" }, /* @__PURE__ */ React.createElement("div", { className: "request-description-meta-item" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u041A\u043B\u0438\u0435\u043D\u0442"), /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: "request-field-value" + (clientHasPhone ? " has-tooltip request-contact-value" : ""),
+          "data-tooltip": clientHasPhone ? clientPhone : void 0
+        },
+        clientLabel
+      )), /* @__PURE__ */ React.createElement("div", { className: "request-description-meta-item align-right" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u042E\u0440\u0438\u0441\u0442"), /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: "request-field-value" + (lawyerHasPhone ? " has-tooltip request-contact-value" : ""),
+          "data-tooltip": lawyerHasPhone ? lawyerPhone : void 0
+        },
+        lawyerLabel
+      )), /* @__PURE__ */ React.createElement("div", { className: "request-description-meta-item" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0421\u043E\u0437\u0434\u0430\u043D\u0430"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, fmtShortDateTime(row == null ? void 0 : row.created_at))), /* @__PURE__ */ React.createElement("div", { className: "request-description-meta-item align-right" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0418\u0437\u043C\u0435\u043D\u0435\u043D\u0430"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value" }, fmtShortDateTime(row == null ? void 0 : row.updated_at)))))))
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "overlay" + (dataRequestModal.open ? " open" : ""),
+        onClick: closeDataRequestModal,
+        "aria-hidden": dataRequestModal.open ? "false" : "true"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "modal request-data-modal", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "modal-head" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", null, dataRequestModal.messageId ? "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435 \u0437\u0430\u043F\u0440\u043E\u0441\u0430 \u0434\u0430\u043D\u043D\u044B\u0445" : "\u0417\u0430\u043F\u0440\u043E\u0441 \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445"), /* @__PURE__ */ React.createElement("p", { className: "muted request-finance-subtitle" }, (row == null ? void 0 : row.track_number) ? "\u0417\u0430\u044F\u0432\u043A\u0430 " + String(row.track_number) : "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043F\u043E\u043B\u044F \u0434\u043B\u044F \u0437\u0430\u043F\u0440\u043E\u0441\u0430")), /* @__PURE__ */ React.createElement("button", { className: "close", type: "button", onClick: closeDataRequestModal, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }, "\xD7")), /* @__PURE__ */ React.createElement("div", { className: "stack" }, /* @__PURE__ */ React.createElement("div", { className: "request-data-modal-grid" }, /* @__PURE__ */ React.createElement("div", { className: "field" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "request-data-request-template-select" }, "\u0428\u0430\u0431\u043B\u043E\u043D \u0437\u0430\u043F\u0440\u043E\u0441\u0430 (\u043F\u043E\u0438\u0441\u043A)"), /* @__PURE__ */ React.createElement("div", { className: "request-data-combobox" }, /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          id: "request-data-request-template-select",
+          value: dataRequestModal.requestTemplateQuery,
+          onChange: (event) => setDataRequestModal((prev) => ({
+            ...prev,
+            requestTemplateQuery: event.target.value,
+            selectedRequestTemplateId: "",
+            templateStatus: "",
+            error: ""
+          })),
+          onFocus: () => setRequestTemplateSuggestOpen(true),
+          onBlur: () => window.setTimeout(() => setRequestTemplateSuggestOpen(false), 120),
+          disabled: dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate,
+          placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0448\u0430\u0431\u043B\u043E\u043D\u0430"
+        }
+      ), requestTemplateBadge ? /* @__PURE__ */ React.createElement("span", { className: "request-data-template-badge " + requestTemplateBadge.kind }, requestTemplateBadge.label) : null, requestTemplateSuggestOpen && filteredRequestTemplates.length ? /* @__PURE__ */ React.createElement("div", { className: "request-data-suggest-list", role: "listbox", "aria-label": "\u0428\u0430\u0431\u043B\u043E\u043D\u044B \u0437\u0430\u043F\u0440\u043E\u0441\u0430" }, filteredRequestTemplates.map((tpl) => /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          key: String(tpl.id),
+          type: "button",
+          className: "request-data-suggest-item",
+          onMouseDown: (event) => {
+            event.preventDefault();
+            setDataRequestModal((prev) => ({
+              ...prev,
+              requestTemplateQuery: String(tpl.name || ""),
+              selectedRequestTemplateId: String(tpl.id || ""),
+              error: "",
+              templateStatus: ""
+            }));
+            setRequestTemplateSuggestOpen(false);
+            void applyRequestTemplateById(String(tpl.id || ""), String(tpl.name || ""));
+          }
+        },
+        /* @__PURE__ */ React.createElement("span", null, String(tpl.name || "\u0428\u0430\u0431\u043B\u043E\u043D"))
+      ))) : null)), /* @__PURE__ */ React.createElement("div", { className: "request-data-modal-actions-inline" }, /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          className: "icon-btn",
+          "data-tooltip": !canSaveSelectedRequestTemplate ? "\u0427\u0443\u0436\u043E\u0439 \u0448\u0430\u0431\u043B\u043E\u043D \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0434\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F" : requestTemplateActionMode === "save" ? "\u041F\u0435\u0440\u0435\u0437\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0448\u0430\u0431\u043B\u043E\u043D" : requestTemplateActionMode === "create" ? "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0448\u0430\u0431\u043B\u043E\u043D" : "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0448\u0430\u0431\u043B\u043E\u043D\u0430",
+          onClick: saveCurrentDataRequestTemplate,
+          disabled: !canSaveSelectedRequestTemplate || dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate
+        },
+        dataRequestModal.savingTemplate ? "\u2026" : requestTemplateActionMode === "create" ? "\u271A" : "\u{1F4BE}"
+      ))), dataRequestModal.templateStatus ? /* @__PURE__ */ React.createElement("div", { className: "status ok" }, dataRequestModal.templateStatus) : null, /* @__PURE__ */ React.createElement("div", { className: "request-data-modal-grid" }, /* @__PURE__ */ React.createElement("div", { className: "field" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "request-data-template-select" }, "\u041F\u043E\u043B\u0435 \u0434\u0430\u043D\u043D\u044B\u0445 (\u043F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0443)"), /* @__PURE__ */ React.createElement("div", { className: "request-data-combobox" }, /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          id: "request-data-template-select",
+          value: dataRequestModal.catalogFieldQuery,
+          onChange: (event) => setDataRequestModal((prev) => ({
+            ...prev,
+            catalogFieldQuery: event.target.value,
+            selectedCatalogTemplateId: "",
+            templateStatus: "",
+            error: ""
+          })),
+          onFocus: () => setCatalogFieldSuggestOpen(true),
+          onBlur: () => window.setTimeout(() => setCatalogFieldSuggestOpen(false), 120),
+          disabled: dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate,
+          placeholder: "\u041D\u0430\u0447\u043D\u0438\u0442\u0435 \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u043D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043F\u043E\u043B\u044F",
+          autoComplete: "off"
+        }
+      ), catalogFieldSuggestOpen && filteredCatalogFields.length ? /* @__PURE__ */ React.createElement("div", { className: "request-data-suggest-list", role: "listbox", "aria-label": "\u041F\u043E\u043B\u044F \u0434\u0430\u043D\u043D\u044B\u0445" }, filteredCatalogFields.map((tpl) => /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          key: String(tpl.id),
+          type: "button",
+          className: "request-data-suggest-item",
+          onMouseDown: (event) => {
+            event.preventDefault();
+            setDataRequestModal((prev) => ({
+              ...prev,
+              catalogFieldQuery: String(tpl.label || tpl.key || ""),
+              selectedCatalogTemplateId: String(tpl.id || ""),
+              error: "",
+              templateStatus: ""
+            }));
+            setCatalogFieldSuggestOpen(false);
+          }
+        },
+        /* @__PURE__ */ React.createElement("span", null, String(tpl.label || tpl.key)),
+        /* @__PURE__ */ React.createElement("small", null, String(tpl.value_type || "string"))
+      ))) : null)), /* @__PURE__ */ React.createElement("div", { className: "request-data-modal-actions-inline" }, /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          className: "icon-btn",
+          "data-tooltip": catalogFieldActionMode === "add" ? "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u043E\u043B\u0435 \u0438\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0430" : "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u043D\u043E\u0432\u043E\u0435 \u043F\u043E\u043B\u0435",
+          onClick: addSelectedTemplateRow,
+          disabled: !String(dataRequestModal.catalogFieldQuery || "").trim() && !selectedCatalogFieldCandidate || dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate
+        },
+        catalogFieldActionMode === "add" ? "+" : "\u271A"
+      ))), /* @__PURE__ */ React.createElement("div", { className: "request-data-rows" }, (dataRequestModal.rows || []).length ? (dataRequestModal.rows || []).map((rowItem, idx) => /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "request-data-row" + (String(draggedRequestRowId) === String(rowItem.localId) ? " dragging" : "") + (String(dragOverRequestRowId) === String(rowItem.localId) && String(draggedRequestRowId) !== String(rowItem.localId) ? " drag-over" : "") + (viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled) ? " row-locked" : ""),
+          key: rowItem.localId,
+          onDragOver: (event) => {
+            if (!draggedRequestRowId) return;
+            event.preventDefault();
+            if (viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled)) return;
+            setDragOverRequestRowId(String(rowItem.localId || ""));
+          },
+          onDrop: (event) => {
+            if (!draggedRequestRowId) return;
+            event.preventDefault();
+            if (viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled)) return;
+            moveDataRequestRowToIndex(draggedRequestRowId, idx);
+            handleRequestRowDragEnd();
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            type: "button",
+            className: "icon-btn request-data-row-index-handle",
+            "data-tooltip": viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled) ? "\u0417\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043D\u043E\u0435 \u043F\u043E\u043B\u0435: \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u0435 \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E" : "\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0434\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043F\u043E\u0440\u044F\u0434\u043A\u0430",
+            draggable: !(viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled)),
+            onDragStart: (event) => handleRequestRowDragStart(event, rowItem, viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled)),
+            onDragEnd: handleRequestRowDragEnd,
+            disabled: dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate || viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled),
+            "aria-label": "\u041F\u043E\u0440\u044F\u0434\u043E\u043A \u043F\u043E\u043B\u044F " + String(idx + 1)
+          },
+          /* @__PURE__ */ React.createElement("span", null, idx + 1)
+        ),
+        /* @__PURE__ */ React.createElement("div", { className: "field" }, /* @__PURE__ */ React.createElement("label", null, "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435"), /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            value: rowItem.label,
+            onChange: (event) => updateDataRequestRow(rowItem.localId, { label: event.target.value }),
+            disabled: dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate || viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled)
+          }
+        )),
+        /* @__PURE__ */ React.createElement("div", { className: "field" }, /* @__PURE__ */ React.createElement("label", null, "\u0422\u0438\u043F"), /* @__PURE__ */ React.createElement(
+          "select",
+          {
+            value: rowItem.field_type || "string",
+            onChange: (event) => updateDataRequestRow(rowItem.localId, { field_type: event.target.value }),
+            disabled: dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate || viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled)
+          },
+          requestDataTypeOptions.map((option) => /* @__PURE__ */ React.createElement("option", { key: option.value, value: option.value }, option.label))
+        )),
+        /* @__PURE__ */ React.createElement("div", { className: "request-data-row-controls" }, /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            type: "button",
+            className: "icon-btn danger request-data-row-action-btn",
+            "data-tooltip": viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled) ? "\u042E\u0440\u0438\u0441\u0442 \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u0443\u0434\u0430\u043B\u0438\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043D\u043E\u0435 \u043F\u043E\u043B\u0435" : "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u043F\u043E\u043B\u0435",
+            onClick: () => removeDataRequestRow(rowItem.localId),
+            disabled: dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate || viewerRoleCode === "LAWYER" && (rowItem == null ? void 0 : rowItem.is_filled)
+          },
+          "\xD7"
+        ))
+      )) : /* @__PURE__ */ React.createElement("div", { className: "muted" }, "\u041F\u043E\u043B\u044F \u0434\u043B\u044F \u0437\u0430\u043F\u0440\u043E\u0441\u0430 \u0435\u0449\u0435 \u043D\u0435 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u044B"))), dataRequestModal.error ? /* @__PURE__ */ React.createElement("div", { className: "status error" }, dataRequestModal.error) : null, /* @__PURE__ */ React.createElement("div", { className: "modal-actions modal-actions-right" }, /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          className: "btn btn-sm request-data-submit-btn",
+          onClick: submitDataRequestModal,
+          disabled: dataRequestModal.loading || dataRequestModal.saving || dataRequestModal.savingTemplate
+        },
+        dataRequestModal.saving ? "\u0421\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435..." : "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C"
+      )))
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "overlay" + (requestDataListOpen ? " open" : ""),
+        onClick: () => setRequestDataListOpen(false),
+        "aria-hidden": requestDataListOpen ? "false" : "true"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "modal request-data-summary-modal", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "modal-head" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", null, "\u0414\u0430\u043D\u043D\u044B\u0435 \u0437\u0430\u044F\u0432\u043A\u0438"), /* @__PURE__ */ React.createElement("p", { className: "muted request-finance-subtitle" }, (row == null ? void 0 : row.track_number) ? "\u0417\u0430\u044F\u0432\u043A\u0430 " + String(row.track_number) : "")), /* @__PURE__ */ React.createElement("button", { className: "close", type: "button", onClick: () => setRequestDataListOpen(false), "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }, "\xD7")), /* @__PURE__ */ React.createElement("div", { className: "request-data-summary-list" }, requestDataListItems.length ? requestDataListItems.map((item) => {
+        const value = formatRequestDataValue(item);
+        const isFile = String((item == null ? void 0 : item.field_type) || "").toLowerCase() === "file";
+        return /* @__PURE__ */ React.createElement("div", { className: "request-data-summary-row", key: String(item.id || item.key) }, /* @__PURE__ */ React.createElement("div", { className: "request-data-summary-label" }, String(item.label || humanizeKey(item.key))), /* @__PURE__ */ React.createElement("div", { className: "request-data-summary-value" }, isFile ? value && typeof value === "object" ? /* @__PURE__ */ React.createElement("div", { className: "request-data-summary-file" }, /* @__PURE__ */ React.createElement("button", { type: "button", className: "chat-message-file-chip", onClick: () => openAttachmentFromMessage(value) }, /* @__PURE__ */ React.createElement("span", { className: "chat-message-file-icon", "aria-hidden": "true" }, "\u{1F4CE}"), /* @__PURE__ */ React.createElement("span", { className: "chat-message-file-name" }, String(value.file_name || "\u0424\u0430\u0439\u043B")))) : /* @__PURE__ */ React.createElement("span", { className: "muted" }, "\u041D\u0435 \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043E") : String(value || "\u041D\u0435 \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043E")));
+      }) : /* @__PURE__ */ React.createElement("p", { className: "muted" }, "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E \u0437\u0430\u044F\u0432\u043A\u0435 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442")))
+    ));
+  }
+
+  // admin/shared/state.js
+  function createRequestModalState() {
+    return {
+      loading: false,
+      requestId: null,
+      trackNumber: "",
+      requestData: null,
+      financeSummary: null,
+      statusRouteNodes: [],
+      statusHistory: [],
+      availableStatuses: [],
+      currentImportantDateAt: "",
+      pendingStatusChangePreset: null,
+      messages: [],
+      attachments: [],
+      messageDraft: "",
+      selectedFiles: [],
+      fileUploading: false
+    };
+  }
+
+  // client.jsx
+  (function() {
+    const { useCallback, useEffect, useMemo, useRef, useState } = React;
+    const SERVICE_REQUEST_TYPE_LABELS = {
+      CURATOR_CONTACT: "\u0417\u0430\u043F\u0440\u043E\u0441 \u043A \u043A\u0443\u0440\u0430\u0442\u043E\u0440\u0443",
+      LAWYER_CHANGE_REQUEST: "\u0421\u043C\u0435\u043D\u0430 \u044E\u0440\u0438\u0441\u0442\u0430"
+    };
+    const SERVICE_REQUEST_STATUS_LABELS = {
+      NEW: "\u041D\u043E\u0432\u044B\u0439",
+      IN_PROGRESS: "\u0412 \u0440\u0430\u0431\u043E\u0442\u0435",
+      RESOLVED: "\u0420\u0435\u0448\u0435\u043D",
+      REJECTED: "\u041E\u0442\u043A\u043B\u043E\u043D\u0435\u043D"
+    };
+    function StatusLine({ status }) {
+      return /* @__PURE__ */ React.createElement("p", { className: "status" + ((status == null ? void 0 : status.kind) ? " " + status.kind : "") }, (status == null ? void 0 : status.message) || "");
+    }
+    function Overlay({ open, id, onClose, children }) {
+      return /* @__PURE__ */ React.createElement("div", { className: "overlay" + (open ? " open" : ""), id, onClick: onClose }, children);
+    }
+    function GlobalTooltipLayer() {
+      const [tooltip, setTooltip] = useState({ open: false, text: "", x: 0, y: 0, maxWidth: 320 });
+      const activeRef = useRef(null);
+      useEffect(() => {
+        const getTarget = (node) => {
+          if (!(node instanceof Element)) return null;
+          const el = node.closest("[data-tooltip]");
+          if (!el) return null;
+          const text = String(el.getAttribute("data-tooltip") || "").trim();
+          return text ? el : null;
+        };
+        const reposition = (el) => {
+          if (!(el instanceof Element)) return;
+          const text = String(el.getAttribute("data-tooltip") || "").trim();
+          if (!text) return;
+          const rect = el.getBoundingClientRect();
+          const vw = window.innerWidth || 0;
+          const maxWidth = Math.min(360, Math.max(140, vw - 24));
+          const approxWidth = Math.min(maxWidth, Math.max(80, text.length * 7.1 + 22));
+          const centerX = rect.left + rect.width / 2;
+          const x = Math.max(12 + approxWidth / 2, Math.min(vw - 12 - approxWidth / 2, centerX));
+          const y = Math.max(8, rect.top - 8);
+          setTooltip({ open: true, text, x, y, maxWidth });
+        };
+        const open = (node) => {
+          const target = getTarget(node);
+          if (!target) return;
+          activeRef.current = target;
+          reposition(target);
+        };
+        const closeIfNeeded = (related) => {
+          const current = activeRef.current;
+          if (!current) return;
+          if (related instanceof Element) {
+            if (related === current || current.contains(related)) return;
+            const nextTarget = getTarget(related);
+            if (nextTarget === current) return;
+          }
+          activeRef.current = null;
+          setTooltip((prev) => ({ ...prev, open: false }));
+        };
+        const onMouseOver = (event) => open(event.target);
+        const onFocusIn = (event) => open(event.target);
+        const onMouseOut = (event) => closeIfNeeded(event.relatedTarget);
+        const onFocusOut = (event) => closeIfNeeded(event.relatedTarget);
+        const onUpdatePosition = () => {
+          if (activeRef.current) reposition(activeRef.current);
+        };
+        document.addEventListener("mouseover", onMouseOver, true);
+        document.addEventListener("focusin", onFocusIn, true);
+        document.addEventListener("mouseout", onMouseOut, true);
+        document.addEventListener("focusout", onFocusOut, true);
+        window.addEventListener("scroll", onUpdatePosition, true);
+        window.addEventListener("resize", onUpdatePosition);
+        return () => {
+          document.removeEventListener("mouseover", onMouseOver, true);
+          document.removeEventListener("focusin", onFocusIn, true);
+          document.removeEventListener("mouseout", onMouseOut, true);
+          document.removeEventListener("focusout", onFocusOut, true);
+          window.removeEventListener("scroll", onUpdatePosition, true);
+          window.removeEventListener("resize", onUpdatePosition);
+        };
+      }, []);
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "global-tooltip-layer" + (tooltip.open ? " open" : ""),
+          style: { left: tooltip.x + "px", top: tooltip.y + "px", maxWidth: tooltip.maxWidth + "px" },
+          role: "tooltip",
+          "aria-hidden": tooltip.open ? "false" : "true"
+        },
+        tooltip.text
+      );
+    }
+    function AttachmentPreviewModal({ open, title, url, fileName, mimeType, onClose }) {
+      const [resolvedUrl, setResolvedUrl] = useState("");
+      const [resolvedText, setResolvedText] = useState("");
+      const [resolvedKind, setResolvedKind] = useState("");
+      const [hint, setHint] = useState("");
+      const [loading, setLoading] = useState(false);
+      const [error, setError] = useState("");
+      const decodeTextPreview = (arrayBuffer) => {
+        const bytes = new Uint8Array(arrayBuffer || new ArrayBuffer(0));
+        const sampleLength = Math.min(bytes.length, 4096);
+        let suspicious = 0;
+        for (let i = 0; i < sampleLength; i += 1) {
+          const byte = bytes[i];
+          if (byte === 0) suspicious += 4;
+          else if (byte < 9 || byte > 13 && byte < 32) suspicious += 1;
+        }
+        if (sampleLength && suspicious / sampleLength > 0.08) return null;
+        const text = new TextDecoder("utf-8", { fatal: false }).decode(bytes).replace(/\u0000/g, "");
+        return text.length > 2e5 ? text.slice(0, 2e5) + "\n\n[\u0422\u0435\u043A\u0441\u0442 \u043E\u0431\u0440\u0435\u0437\u0430\u043D \u0434\u043B\u044F \u043F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0430]" : text;
+      };
+      useEffect(() => {
+        if (!open || !url) {
+          setResolvedUrl("");
+          setResolvedText("");
+          setResolvedKind("");
+          setHint("");
+          setLoading(false);
+          setError("");
+          return;
+        }
+        const kind2 = detectAttachmentPreviewKind(fileName, mimeType);
+        setResolvedKind(kind2);
+        setResolvedText("");
+        setHint("");
+        if (kind2 === "none") {
+          setResolvedUrl("");
+          setLoading(false);
+          setError("");
+          return;
+        }
+        let cancelled = false;
+        let objectUrl = "";
+        setLoading(true);
+        setError("");
+        setResolvedUrl("");
+        (async () => {
+          try {
+            const response = await fetch(url, { credentials: "same-origin" });
+            if (!response.ok) throw new Error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0444\u0430\u0439\u043B \u0434\u043B\u044F \u043F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0430");
+            const buffer = await response.arrayBuffer();
+            if (cancelled) return;
+            if (kind2 === "pdf") {
+              const header = new Uint8Array(buffer.slice(0, 5));
+              const isPdf = header.length >= 5 && header[0] === 37 && header[1] === 80 && header[2] === 68 && header[3] === 70 && header[4] === 45;
+              if (isPdf) {
+                setResolvedUrl(String(url));
+                setResolvedKind("pdf");
+                setLoading(false);
+                return;
+              }
+              const textPreview = decodeTextPreview(buffer);
+              if (textPreview != null) {
+                setResolvedUrl("");
+                setResolvedText(textPreview);
+                setResolvedKind("text");
+                setHint("\u0424\u0430\u0439\u043B \u043F\u043E\u043C\u0435\u0447\u0435\u043D \u043A\u0430\u043A PDF, \u043D\u043E \u043D\u0435 \u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u0432\u0430\u043B\u0438\u0434\u043D\u044B\u043C PDF. \u041F\u043E\u043A\u0430\u0437\u0430\u043D \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0439 \u043F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440.");
+                setLoading(false);
+                return;
+              }
+              throw new Error("\u0424\u0430\u0439\u043B \u043F\u043E\u043C\u0435\u0447\u0435\u043D \u043A\u0430\u043A PDF, \u043D\u043E \u043D\u0435 \u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u0432\u0430\u043B\u0438\u0434\u043D\u044B\u043C PDF-\u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u043E\u043C.");
+            }
+            if (kind2 === "text") {
+              const textPreview = decodeTextPreview(buffer);
+              if (textPreview == null) throw new Error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0440\u0430\u0441\u043F\u043E\u0437\u043D\u0430\u0442\u044C \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0439 \u0444\u0430\u0439\u043B \u0434\u043B\u044F \u043F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0430.");
+              setResolvedUrl("");
+              setResolvedText(textPreview);
+              setResolvedKind("text");
+              setLoading(false);
+              return;
+            }
+            const blob = new Blob([buffer], { type: response.headers.get("content-type") || mimeType || "application/octet-stream" });
+            objectUrl = URL.createObjectURL(blob);
+            if (cancelled) {
+              URL.revokeObjectURL(objectUrl);
+              return;
+            }
+            setResolvedUrl(objectUrl);
+            setResolvedKind(kind2);
+            setLoading(false);
+          } catch (err) {
+            if (cancelled) return;
+            setError(err instanceof Error ? err.message : "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043A\u0440\u044B\u0442\u044C \u043F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440");
+            setLoading(false);
+          }
+        })();
+        return () => {
+          cancelled = true;
+          if (objectUrl) URL.revokeObjectURL(objectUrl);
+        };
+      }, [fileName, mimeType, open, url]);
+      if (!open || !url) return null;
+      const kind = resolvedKind || detectAttachmentPreviewKind(fileName, mimeType);
+      return /* @__PURE__ */ React.createElement(Overlay, { open, id: "file-preview-overlay", onClose: (event) => event.target.id === "file-preview-overlay" && onClose() }, /* @__PURE__ */ React.createElement("div", { className: "modal request-preview-modal", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "modal-head" }, /* @__PURE__ */ React.createElement("h3", null, title || fileName || "\u041F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440 \u0444\u0430\u0439\u043B\u0430"), /* @__PURE__ */ React.createElement("div", { className: "request-preview-head-actions" }, /* @__PURE__ */ React.createElement("a", { className: "icon-btn file-action-btn request-preview-download-icon", href: url, target: "_blank", rel: "noreferrer", "aria-label": "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0444\u0430\u0439\u043B", "data-tooltip": "\u0421\u043A\u0430\u0447\u0430\u0442\u044C" }, /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", "aria-hidden": "true", focusable: "false" }, /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M12 3a1 1 0 0 1 1 1v8.17l2.58-2.58a1 1 0 1 1 1.42 1.42l-4.3 4.3a1 1 0 0 1-1.4 0l-4.3-4.3a1 1 0 0 1 1.42-1.42L11 12.17V4a1 1 0 0 1 1-1zm-7 14a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1z",
+          fill: "currentColor"
+        }
+      ))), /* @__PURE__ */ React.createElement("button", { className: "close", type: "button", id: "file-preview-close", onClick: onClose }, "\xD7"))), /* @__PURE__ */ React.createElement("div", { className: "request-preview-body", id: "file-preview-body" }, loading ? /* @__PURE__ */ React.createElement("p", { className: "request-preview-note" }, "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u043F\u0440\u0435\u0434\u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0430...") : null, !loading && !error && hint ? /* @__PURE__ */ React.createElement("p", { className: "request-preview-note" }, hint) : null, error ? /* @__PURE__ */ React.createElement("p", { className: "request-preview-note" }, error) : null, !loading && !error && kind === "image" && resolvedUrl ? /* @__PURE__ */ React.createElement("img", { className: "request-preview-image", src: resolvedUrl, alt: fileName || "attachment" }) : null, !loading && !error && kind === "video" && resolvedUrl ? /* @__PURE__ */ React.createElement("video", { className: "request-preview-video", src: resolvedUrl, controls: true, preload: "metadata" }) : null, !loading && !error && kind === "pdf" && resolvedUrl ? /* @__PURE__ */ React.createElement("iframe", { className: "request-preview-frame", src: resolvedUrl, title: fileName || "preview" }) : null, !loading && !error && kind === "text" ? /* @__PURE__ */ React.createElement("pre", { className: "request-preview-text" }, resolvedText || "\u0424\u0430\u0439\u043B \u043F\u0443\u0441\u0442.") : null, kind === "none" ? /* @__PURE__ */ React.createElement("p", { className: "request-preview-note" }, "\u0414\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0442\u0438\u043F\u0430 \u0444\u0430\u0439\u043B\u0430 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E \u0442\u043E\u043B\u044C\u043A\u043E \u043E\u0442\u043A\u0440\u044B\u0442\u0438\u0435 \u0438\u043B\u0438 \u0441\u043A\u0430\u0447\u0438\u0432\u0430\u043D\u0438\u0435.") : null)));
+    }
+    function ServiceRequestModal({ open, type, body, status, loading, onBodyChange, onClose, onSubmit }) {
+      const title = type === "LAWYER_CHANGE_REQUEST" ? "\u0417\u0430\u043F\u0440\u043E\u0441 \u043D\u0430 \u0441\u043C\u0435\u043D\u0443 \u044E\u0440\u0438\u0441\u0442\u0430" : "\u041E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u043A \u043A\u0443\u0440\u0430\u0442\u043E\u0440\u0443";
+      return /* @__PURE__ */ React.createElement("div", { className: "overlay" + (open ? " open" : ""), id: "service-request-overlay", onClick: (event) => event.target.id === "service-request-overlay" && onClose() }, /* @__PURE__ */ React.createElement("div", { className: "modal service-request-modal", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "modal-head" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { id: "service-request-title" }, title)), /* @__PURE__ */ React.createElement("button", { className: "close", type: "button", id: "service-request-close", onClick: onClose, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }, "\xD7")), /* @__PURE__ */ React.createElement("form", { id: "service-request-form", className: "stack service-request-form", onSubmit }, /* @__PURE__ */ React.createElement("div", { className: "field" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "service-request-body" }, "\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435"), /* @__PURE__ */ React.createElement(
+        "textarea",
+        {
+          id: "service-request-body",
+          value: body,
+          onChange: onBodyChange,
+          maxLength: 4e3,
+          placeholder: "\u041E\u043F\u0438\u0448\u0438\u0442\u0435 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435",
+          disabled: loading
+        }
+      )), /* @__PURE__ */ React.createElement("div", { className: "modal-actions modal-actions-right" }, /* @__PURE__ */ React.createElement("button", { className: "btn btn-sm", id: "service-request-send", type: "submit", disabled: loading }, loading ? "\u041E\u0442\u043F\u0440\u0430\u0432\u043A\u0430..." : "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C")), /* @__PURE__ */ React.createElement(StatusLine, { status }))));
+    }
+    function ServiceRequestList({ rows }) {
+      const safeRows = Array.isArray(rows) ? rows : [];
+      return /* @__PURE__ */ React.createElement("ul", { className: "simple-list request-modal-list", id: "cabinet-service-requests" }, safeRows.length ? safeRows.map((item) => {
+        const typeCode = String((item == null ? void 0 : item.type) || "").toUpperCase();
+        const statusCode = String((item == null ? void 0 : item.status) || "").toUpperCase();
+        return /* @__PURE__ */ React.createElement("li", { key: String(item.id), className: "simple-item" }, /* @__PURE__ */ React.createElement("div", null, (SERVICE_REQUEST_TYPE_LABELS[typeCode] || typeCode || "\u0417\u0430\u043F\u0440\u043E\u0441") + " \u2022 " + (SERVICE_REQUEST_STATUS_LABELS[statusCode] || statusCode || "NEW")), /* @__PURE__ */ React.createElement("div", { className: "muted request-modal-item-meta" }, fmtShortDateTime(item == null ? void 0 : item.created_at)), (item == null ? void 0 : item.body) ? /* @__PURE__ */ React.createElement("p", null, String(item.body)) : null);
+      }) : /* @__PURE__ */ React.createElement("li", { className: "muted" }, "\u041E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0439 \u043F\u043E\u043A\u0430 \u043D\u0435\u0442"));
+    }
+    function App() {
+      const [requestModal, setRequestModal] = useState(createRequestModalState());
+      const [requestsList, setRequestsList] = useState([]);
+      const [activeTrack, setActiveTrack] = useState("");
+      const [status, setStatus] = useState({ message: "", kind: "" });
+      const [serviceRequests, setServiceRequests] = useState([]);
+      const [serviceRequestModal, setServiceRequestModal] = useState({ open: false, type: "", body: "", loading: false, status: { message: "", kind: "" } });
+      const setPageStatus = useCallback((message, kind) => {
+        setStatus({ message: String(message || ""), kind: kind || "" });
+      }, []);
+      const setServiceStatus = useCallback((message, kind) => {
+        setServiceRequestModal((prev) => ({ ...prev, status: { message: String(message || ""), kind: kind || "" } }));
+      }, []);
+      const apiError = (data, fallback) => {
+        if (data && typeof data.detail === "string" && data.detail.trim()) return data.detail;
+        return fallback;
+      };
+      const parseJsonSafe = async (response) => {
+        try {
+          return await response.json();
+        } catch (_) {
+          return null;
+        }
+      };
+      const apiJson = useCallback(async (url, options, fallbackMessage) => {
+        const response = await fetch(url, options || void 0);
+        const data = await parseJsonSafe(response);
+        if (response.status === 401 || response.status === 403) {
+          window.location.href = "/";
+          throw new Error("\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u0430");
+        }
+        if (!response.ok) throw new Error(apiError(data, fallbackMessage || "\u041E\u0448\u0438\u0431\u043A\u0430 \u0437\u0430\u043F\u0440\u043E\u0441\u0430"));
+        return data;
+      }, []);
+      const uploadPublicRequestAttachment = useCallback(async (file, extra = {}) => {
+        const requestId = String(requestModal.requestId || "").trim();
+        if (!requestId) throw new Error("\u041D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u0430 \u0437\u0430\u044F\u0432\u043A\u0430");
+        const mimeType = String((file == null ? void 0 : file.type) || "application/octet-stream");
+        const initData = await apiJson(
+          "/api/public/uploads/init",
           {
             method: "POST",
             headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ items }),
-          }
+            body: JSON.stringify({
+              file_name: file.name,
+              mime_type: mimeType,
+              size_bytes: file.size,
+              scope: "REQUEST_ATTACHMENT",
+              request_id: requestId
+            })
+          },
+          "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043D\u0430\u0447\u0430\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443 \u0444\u0430\u0439\u043B\u0430"
         );
-        const data = await parseJsonSafe(response);
-        if (!response.ok) throw new Error(apiErrorDetail(data, "Не удалось сохранить данные"));
-        setDataRequestStatus("Данные сохранены.", "ok");
-        await refreshCabinetData();
-      } catch (error) {
-        setDataRequestStatus(error?.message || "Не удалось сохранить данные", "error");
-      }
-    });
-  }
-
-  cabinetChatForm.addEventListener("submit", async (event) => {
-    event.preventDefault();
-    if (!activeTrack) {
-      setStatus(pageStatus, "Сначала выберите заявку.", "error");
-      return;
+        const putResponse = await fetch(initData.presigned_url, {
+          method: "PUT",
+          headers: { "Content-Type": mimeType },
+          body: file
+        });
+        if (!putResponse.ok) throw new Error("\u041E\u0448\u0438\u0431\u043A\u0430 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0444\u0430\u0439\u043B\u0430 \u0432 \u0445\u0440\u0430\u043D\u0438\u043B\u0438\u0449\u0435");
+        const completeData = await apiJson(
+          "/api/public/uploads/complete",
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              key: initData.key,
+              file_name: file.name,
+              mime_type: mimeType,
+              size_bytes: file.size,
+              scope: "REQUEST_ATTACHMENT",
+              request_id: requestId,
+              message_id: (extra == null ? void 0 : extra.message_id) || null
+            })
+          },
+          "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443 \u0444\u0430\u0439\u043B\u0430"
+        );
+        return completeData;
+      }, [apiJson, requestModal.requestId]);
+      const loadRequestWorkspace = useCallback(
+        async (trackNumber, showLoading) => {
+          const track = String(trackNumber || "").trim().toUpperCase();
+          if (!track) return;
+          if (showLoading) {
+            setRequestModal((prev) => ({ ...prev, loading: true }));
+          }
+          const [requestData, messagesData, attachmentsData, invoicesData, statusRouteData, serviceRequestsData] = await Promise.all([
+            apiJson("/api/public/requests/" + encodeURIComponent(track), null, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043A\u0440\u044B\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443"),
+            apiJson("/api/public/chat/requests/" + encodeURIComponent(track) + "/messages", null, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F"),
+            apiJson("/api/public/requests/" + encodeURIComponent(track) + "/attachments", null, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0444\u0430\u0439\u043B\u044B"),
+            apiJson("/api/public/requests/" + encodeURIComponent(track) + "/invoices", null, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0441\u0447\u0435\u0442\u0430"),
+            apiJson("/api/public/requests/" + encodeURIComponent(track) + "/status-route", null, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u0441\u0442\u0430\u0442\u0443\u0441\u043E\u0432"),
+            apiJson("/api/public/requests/" + encodeURIComponent(track) + "/service-requests", null, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F")
+          ]);
+          const invoices = Array.isArray(invoicesData) ? invoicesData : [];
+          const paidInvoices = invoices.filter((item) => String((item == null ? void 0 : item.status) || "").toUpperCase() === "PAID");
+          const paidTotal = paidInvoices.reduce((acc, item) => {
+            const amount = Number((item == null ? void 0 : item.amount) || 0);
+            return Number.isFinite(amount) ? acc + amount : acc;
+          }, 0);
+          const lastPaidAt = paidInvoices.reduce((latest, item) => {
+            const raw = String((item == null ? void 0 : item.paid_at) || "").trim();
+            if (!raw) return latest;
+            if (!latest) return raw;
+            const currentTs = new Date(raw).getTime();
+            const latestTs = new Date(latest).getTime();
+            return Number.isFinite(currentTs) && currentTs > latestTs ? raw : latest;
+          }, "");
+          setActiveTrack(track);
+          setServiceRequests(Array.isArray(serviceRequestsData) ? serviceRequestsData : []);
+          setRequestModal((prev) => {
+            var _a, _b;
+            return {
+              ...prev,
+              loading: false,
+              requestId: String((requestData == null ? void 0 : requestData.id) || ""),
+              trackNumber: String((requestData == null ? void 0 : requestData.track_number) || track),
+              requestData: requestData || null,
+              financeSummary: {
+                request_cost: (_a = requestData == null ? void 0 : requestData.request_cost) != null ? _a : null,
+                effective_rate: (_b = requestData == null ? void 0 : requestData.effective_rate) != null ? _b : null,
+                paid_total: Math.round((paidTotal + Number.EPSILON) * 100) / 100,
+                last_paid_at: lastPaidAt || (requestData == null ? void 0 : requestData.paid_at) || null
+              },
+              statusRouteNodes: Array.isArray(statusRouteData == null ? void 0 : statusRouteData.nodes) ? statusRouteData.nodes : [],
+              statusHistory: Array.isArray(statusRouteData == null ? void 0 : statusRouteData.history) ? statusRouteData.history : [],
+              availableStatuses: [],
+              currentImportantDateAt: String((statusRouteData == null ? void 0 : statusRouteData.current_important_date_at) || (requestData == null ? void 0 : requestData.important_date_at) || ""),
+              messages: Array.isArray(messagesData) ? messagesData : [],
+              attachments: Array.isArray(attachmentsData) ? attachmentsData : [],
+              fileUploading: false
+            };
+          });
+        },
+        [apiJson]
+      );
+      const loadMyRequests = useCallback(
+        async (preferredTrack) => {
+          const data = await apiJson("/api/public/requests/my", null, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0441\u043F\u0438\u0441\u043E\u043A \u0437\u0430\u044F\u0432\u043E\u043A");
+          const rows = Array.isArray(data == null ? void 0 : data.rows) ? data.rows : [];
+          setRequestsList(rows);
+          if (!rows.length) {
+            setRequestModal((prev) => ({
+              ...prev,
+              loading: false,
+              requestId: null,
+              requestData: null,
+              trackNumber: "",
+              financeSummary: null,
+              statusRouteNodes: [],
+              statusHistory: [],
+              messages: [],
+              attachments: [],
+              fileUploading: false,
+              selectedFiles: [],
+              messageDraft: ""
+            }));
+            setServiceRequests([]);
+            setPageStatus("\u041F\u043E \u0432\u0430\u0448\u0435\u043C\u0443 \u043D\u043E\u043C\u0435\u0440\u0443 \u043F\u043E\u043A\u0430 \u043D\u0435\u0442 \u0437\u0430\u044F\u0432\u043E\u043A.", "");
+            return;
+          }
+          const tracks = rows.map((row) => String(row.track_number || "").trim()).filter(Boolean);
+          const selected = tracks.includes(String(preferredTrack || "").trim().toUpperCase()) ? String(preferredTrack || "").trim().toUpperCase() : tracks[0];
+          await loadRequestWorkspace(selected, true);
+          setPageStatus("\u041E\u0442\u043A\u0440\u044B\u0442\u0430 \u0437\u0430\u044F\u0432\u043A\u0430: " + selected, "ok");
+        },
+        [apiJson, loadRequestWorkspace, setPageStatus]
+      );
+      const updateMessageDraft = useCallback((event) => {
+        var _a;
+        const value = ((_a = event == null ? void 0 : event.target) == null ? void 0 : _a.value) || "";
+        setRequestModal((prev) => ({ ...prev, messageDraft: value }));
+      }, []);
+      const appendFiles = useCallback((files) => {
+        const list = Array.isArray(files) ? files.filter(Boolean) : [];
+        if (!list.length) return;
+        setRequestModal((prev) => {
+          const existing = Array.isArray(prev.selectedFiles) ? prev.selectedFiles : [];
+          const next = [...existing];
+          list.forEach((file) => {
+            const duplicate = next.some(
+              (item) => item && item.name === file.name && Number(item.size || 0) === Number(file.size || 0) && Number(item.lastModified || 0) === Number(file.lastModified || 0)
+            );
+            if (!duplicate) next.push(file);
+          });
+          return { ...prev, selectedFiles: next };
+        });
+      }, []);
+      const removeFile = useCallback((index) => {
+        setRequestModal((prev) => {
+          const files = Array.isArray(prev.selectedFiles) ? [...prev.selectedFiles] : [];
+          files.splice(index, 1);
+          return { ...prev, selectedFiles: files };
+        });
+      }, []);
+      const clearFiles = useCallback(() => {
+        setRequestModal((prev) => ({ ...prev, selectedFiles: [] }));
+      }, []);
+      const submitMessage = useCallback(
+        async (event) => {
+          if (event && typeof event.preventDefault === "function") event.preventDefault();
+          const track = String(activeTrack || "").trim();
+          const requestId = String(requestModal.requestId || "").trim();
+          if (!track || !requestId) {
+            setPageStatus("\u0421\u043D\u0430\u0447\u0430\u043B\u0430 \u0432\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443.", "error");
+            return;
+          }
+          const body = String(requestModal.messageDraft || "").trim();
+          const files = Array.isArray(requestModal.selectedFiles) ? requestModal.selectedFiles : [];
+          if (!body && !files.length) return;
+          try {
+            setRequestModal((prev) => ({ ...prev, fileUploading: true }));
+            setPageStatus(files.length ? "\u041E\u0442\u043F\u0440\u0430\u0432\u043A\u0430 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F \u0438 \u0444\u0430\u0439\u043B\u043E\u0432..." : "\u041E\u0442\u043F\u0440\u0430\u0432\u043A\u0430 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F...", "");
+            let messageId = null;
+            if (body) {
+              const messageData = await apiJson(
+                "/api/public/chat/requests/" + encodeURIComponent(track) + "/messages",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({ body })
+                },
+                "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435"
+              );
+              messageId = String((messageData == null ? void 0 : messageData.id) || "").trim() || null;
+            }
+            for (const file of files) {
+              await uploadPublicRequestAttachment(file, { message_id: messageId });
+            }
+            setRequestModal((prev) => ({ ...prev, messageDraft: "", selectedFiles: [], fileUploading: false }));
+            await loadRequestWorkspace(track, false);
+            if (body && files.length) setPageStatus("\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0438 \u0444\u0430\u0439\u043B\u044B \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u044B.", "ok");
+            else if (files.length) setPageStatus(files.length === 1 ? "\u0424\u0430\u0439\u043B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D." : "\u0424\u0430\u0439\u043B\u044B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D\u044B.", "ok");
+            else setPageStatus("\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E.", "ok");
+          } catch (error) {
+            setRequestModal((prev) => ({ ...prev, fileUploading: false }));
+            setPageStatus((error == null ? void 0 : error.message) || "\u041E\u0448\u0438\u0431\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F", "error");
+          }
+        },
+        [activeTrack, apiJson, loadRequestWorkspace, requestModal.messageDraft, requestModal.requestId, requestModal.selectedFiles, setPageStatus, uploadPublicRequestAttachment]
+      );
+      const loadRequestDataBatch = useCallback(
+        async (messageId) => {
+          const track = String(activeTrack || "").trim();
+          if (!track || !messageId) throw new Error("\u041D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u0430 \u0437\u0430\u044F\u0432\u043A\u0430");
+          return apiJson(
+            "/api/public/chat/requests/" + encodeURIComponent(track) + "/data-requests/" + encodeURIComponent(String(messageId)),
+            null,
+            "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043A\u0440\u044B\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441 \u0434\u0430\u043D\u043D\u044B\u0445"
+          );
+        },
+        [activeTrack, apiJson]
+      );
+      const saveRequestDataValues = useCallback(
+        async ({ message_id, items }) => {
+          const track = String(activeTrack || "").trim();
+          const messageId = String(message_id || "").trim();
+          if (!track || !messageId) throw new Error("\u041D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u0430 \u0437\u0430\u044F\u0432\u043A\u0430");
+          await apiJson(
+            "/api/public/chat/requests/" + encodeURIComponent(track) + "/data-requests/" + encodeURIComponent(messageId),
+            {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({ items: Array.isArray(items) ? items : [] })
+            },
+            "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435"
+          );
+          await loadRequestWorkspace(track, false);
+        },
+        [activeTrack, apiJson, loadRequestWorkspace]
+      );
+      const openServiceRequestModal = useCallback((type) => {
+        const normalized = String(type || "").trim().toUpperCase();
+        if (!normalized) return;
+        setServiceRequestModal({
+          open: true,
+          type: normalized,
+          body: "",
+          loading: false,
+          status: { message: "", kind: "" }
+        });
+      }, []);
+      const closeServiceRequestModal = useCallback(() => {
+        setServiceRequestModal({ open: false, type: "", body: "", loading: false, status: { message: "", kind: "" } });
+      }, []);
+      const submitServiceRequest = useCallback(
+        async (event) => {
+          if (event && typeof event.preventDefault === "function") event.preventDefault();
+          const track = String(activeTrack || "").trim();
+          if (!track) {
+            setServiceStatus("\u0421\u043D\u0430\u0447\u0430\u043B\u0430 \u0432\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443.", "error");
+            return;
+          }
+          const requestType = String(serviceRequestModal.type || "").trim().toUpperCase();
+          const body = String(serviceRequestModal.body || "").trim();
+          if (!requestType) {
+            setServiceStatus("\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F.", "error");
+            return;
+          }
+          if (body.length < 3) {
+            setServiceStatus("\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0434\u043E\u043B\u0436\u043D\u043E \u0441\u043E\u0434\u0435\u0440\u0436\u0430\u0442\u044C \u043C\u0438\u043D\u0438\u043C\u0443\u043C 3 \u0441\u0438\u043C\u0432\u043E\u043B\u0430.", "error");
+            return;
+          }
+          try {
+            setServiceRequestModal((prev) => ({ ...prev, loading: true, status: { message: "", kind: "" } }));
+            await apiJson(
+              "/api/public/requests/" + encodeURIComponent(track) + "/service-requests",
+              {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ type: requestType, body })
+              },
+              "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435"
+            );
+            await loadRequestWorkspace(track, false);
+            setPageStatus("\u041E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E.", "ok");
+            closeServiceRequestModal();
+          } catch (error) {
+            setServiceRequestModal((prev) => ({ ...prev, loading: false }));
+            setServiceStatus((error == null ? void 0 : error.message) || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435", "error");
+          }
+        },
+        [activeTrack, apiJson, closeServiceRequestModal, loadRequestWorkspace, serviceRequestModal.body, serviceRequestModal.type, setPageStatus, setServiceStatus]
+      );
+      useEffect(() => {
+        const params = new URLSearchParams(window.location.search);
+        const preferredTrack = String(params.get("track") || "").trim().toUpperCase();
+        void loadMyRequests(preferredTrack).catch((error) => {
+          setPageStatus((error == null ? void 0 : error.message) || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043A\u0440\u044B\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u043A\u043B\u0438\u0435\u043D\u0442\u0430", "error");
+        });
+      }, [loadMyRequests, setPageStatus]);
+      const summary = requestModal.requestData || null;
+      const canInteract = Boolean(summary && !requestModal.loading);
+      return /* @__PURE__ */ React.createElement("div", { className: "client-page-shell" }, /* @__PURE__ */ React.createElement("main", { className: "main client-main" }, /* @__PURE__ */ React.createElement("div", { className: "topbar client-topbar" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h1", null, "\u041A\u0430\u0431\u0438\u043D\u0435\u0442 \u043A\u043B\u0438\u0435\u043D\u0442\u0430"), /* @__PURE__ */ React.createElement("p", { className: "muted" }, "\u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u0437\u0430\u044F\u0432\u043A\u0430\u043C\u0438: \u0441\u0442\u0430\u0442\u0443\u0441\u044B, \u0447\u0430\u0442, \u0444\u0430\u0439\u043B\u044B \u0438 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F.")), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "0.45rem", flexWrap: "wrap" } }, /* @__PURE__ */ React.createElement("a", { className: "btn secondary btn-sm", href: "/" }, "\u041D\u0430 \u043B\u0435\u043D\u0434\u0438\u043D\u0433"))), /* @__PURE__ */ React.createElement("section", { className: "section active client-section" }, /* @__PURE__ */ React.createElement("div", { className: "section-head" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, "\u041C\u043E\u0438 \u0437\u0430\u044F\u0432\u043A\u0438"))), /* @__PURE__ */ React.createElement("div", { className: "client-request-toolbar" }, /* @__PURE__ */ React.createElement("div", { className: "field grow" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "client-request-select" }, "\u041D\u043E\u043C\u0435\u0440 \u0437\u0430\u044F\u0432\u043A\u0438"), /* @__PURE__ */ React.createElement(
+        "select",
+        {
+          id: "client-request-select",
+          value: activeTrack,
+          onChange: (event) => {
+            const track = String(event.target.value || "").trim();
+            if (!track) return;
+            void loadRequestWorkspace(track, true).then(() => setPageStatus("\u041E\u0442\u043A\u0440\u044B\u0442\u0430 \u0437\u0430\u044F\u0432\u043A\u0430: " + track, "ok")).catch((error) => setPageStatus((error == null ? void 0 : error.message) || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043A\u0440\u044B\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443", "error"));
+          },
+          disabled: requestModal.loading || !requestsList.length
+        },
+        requestsList.map((row) => /* @__PURE__ */ React.createElement("option", { value: String(row.track_number || ""), key: String(row.id || row.track_number || "") }, String(row.track_number || "\u0411\u0435\u0437 \u043D\u043E\u043C\u0435\u0440\u0430") + " \u2022 " + String(row.status_code || "-")))
+      )), /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          className: "btn secondary",
+          id: "client-refresh",
+          type: "button",
+          onClick: () => {
+            void loadMyRequests(activeTrack).catch((error) => setPageStatus((error == null ? void 0 : error.message) || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u043F\u0438\u0441\u043E\u043A", "error"));
+          }
+        },
+        "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C"
+      )), /* @__PURE__ */ React.createElement("div", { className: "client-summary block", id: "cabinet-summary", hidden: !summary }, /* @__PURE__ */ React.createElement("div", { className: "client-summary-grid" }, /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0421\u0442\u0430\u0442\u0443\u0441"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value", id: "cabinet-request-status" }, summary ? String(summary.status_code || "-") : "-")), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0422\u0435\u043C\u0430"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value", id: "cabinet-request-topic" }, summary ? String(summary.topic_name || summary.topic_code || "-") : "-")), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u0421\u043E\u0437\u0434\u0430\u043D\u0430"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value", id: "cabinet-request-created" }, summary ? fmtShortDateTime(summary.created_at) : "-")), /* @__PURE__ */ React.createElement("div", { className: "request-field" }, /* @__PURE__ */ React.createElement("span", { className: "request-field-label" }, "\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0430"), /* @__PURE__ */ React.createElement("span", { className: "request-field-value", id: "cabinet-request-updated" }, summary ? fmtShortDateTime(summary.updated_at) : "-"))), /* @__PURE__ */ React.createElement("div", { className: "client-summary-actions" }, /* @__PURE__ */ React.createElement("button", { className: "btn secondary btn-sm", id: "cabinet-curator-request-open", type: "button", disabled: !canInteract, onClick: () => openServiceRequestModal("CURATOR_CONTACT") }, "\u041E\u0431\u0440\u0430\u0442\u0438\u0442\u044C\u0441\u044F \u043A \u043A\u0443\u0440\u0430\u0442\u043E\u0440\u0443"), /* @__PURE__ */ React.createElement("button", { className: "btn secondary btn-sm", id: "cabinet-lawyer-change-open", type: "button", disabled: !canInteract, onClick: () => openServiceRequestModal("LAWYER_CHANGE_REQUEST") }, "\u0417\u0430\u043F\u0440\u043E\u0441\u0438\u0442\u044C \u0441\u043C\u0435\u043D\u0443 \u044E\u0440\u0438\u0441\u0442\u0430"))), /* @__PURE__ */ React.createElement(
+        RequestWorkspace,
+        {
+          viewerRole: "CLIENT",
+          viewerUserId: "",
+          loading: requestModal.loading,
+          trackNumber: requestModal.trackNumber,
+          requestData: requestModal.requestData,
+          financeSummary: requestModal.financeSummary,
+          statusRouteNodes: requestModal.statusRouteNodes || [],
+          statusHistory: requestModal.statusHistory || [],
+          availableStatuses: [],
+          currentImportantDateAt: requestModal.currentImportantDateAt || "",
+          pendingStatusChangePreset: null,
+          messages: requestModal.messages || [],
+          attachments: requestModal.attachments || [],
+          messageDraft: requestModal.messageDraft || "",
+          selectedFiles: requestModal.selectedFiles || [],
+          fileUploading: Boolean(requestModal.fileUploading),
+          status,
+          onMessageChange: updateMessageDraft,
+          onSendMessage: submitMessage,
+          onFilesSelect: appendFiles,
+          onRemoveSelectedFile: removeFile,
+          onClearSelectedFiles: clearFiles,
+          onLoadRequestDataBatch: loadRequestDataBatch,
+          onSaveRequestDataValues: saveRequestDataValues,
+          onUploadRequestAttachment: uploadPublicRequestAttachment,
+          onChangeStatus: () => Promise.resolve(null),
+          AttachmentPreviewModalComponent: AttachmentPreviewModal,
+          StatusLineComponent: StatusLine,
+          domIds: {
+            messagesList: "cabinet-messages",
+            filesList: "cabinet-files",
+            messageBody: "cabinet-chat-body",
+            sendButton: "cabinet-chat-send",
+            fileInput: "cabinet-file-input",
+            fileUploadButton: "cabinet-file-upload",
+            dataRequestOverlay: "data-request-overlay",
+            dataRequestItems: "data-request-items",
+            dataRequestStatus: "data-request-status",
+            dataRequestSave: "data-request-save"
+          }
+        }
+      ), /* @__PURE__ */ React.createElement("div", { className: "block client-service-requests" }, /* @__PURE__ */ React.createElement("h3", null, "\u041C\u043E\u0438 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F"), /* @__PURE__ */ React.createElement(ServiceRequestList, { rows: serviceRequests }))), /* @__PURE__ */ React.createElement("p", { className: "status", id: "client-page-status" }, status.message)), /* @__PURE__ */ React.createElement(
+        ServiceRequestModal,
+        {
+          open: serviceRequestModal.open,
+          type: serviceRequestModal.type,
+          body: serviceRequestModal.body,
+          status: serviceRequestModal.status,
+          loading: serviceRequestModal.loading,
+          onBodyChange: (event) => setServiceRequestModal((prev) => ({ ...prev, body: event.target.value })),
+          onClose: closeServiceRequestModal,
+          onSubmit: submitServiceRequest
+        }
+      ), /* @__PURE__ */ React.createElement(GlobalTooltipLayer, null));
     }
-
-    const body = String(cabinetChatBody.value || "").trim();
-    if (!body) return;
-
-    try {
-      setStatus(pageStatus, "Отправляем сообщение...", null);
-      const response = await fetch("/api/public/chat/requests/" + encodeURIComponent(activeTrack) + "/messages", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ body }),
-      });
-      const data = await parseJsonSafe(response);
-      if (!response.ok) throw new Error(apiErrorDetail(data, "Не удалось отправить сообщение"));
-      cabinetChatBody.value = "";
-      await refreshCabinetData();
-      setStatus(pageStatus, "Сообщение отправлено.", "ok");
-    } catch (error) {
-      setStatus(pageStatus, error?.message || "Ошибка отправки сообщения", "error");
-    }
-  });
-
-  cabinetFileUpload.addEventListener("click", async () => {
-    if (!activeTrack || !activeRequestId) {
-      setStatus(pageStatus, "Сначала выберите заявку.", "error");
-      return;
-    }
-    const file = cabinetFileInput.files && cabinetFileInput.files[0];
-    if (!file) {
-      setStatus(pageStatus, "Выберите файл для загрузки.", "error");
-      return;
-    }
-
-    try {
-      setStatus(pageStatus, "Подготавливаем загрузку файла...", null);
-      await uploadPublicRequestAttachment(file, activeRequestId);
-
-      cabinetFileInput.value = "";
-      await refreshCabinetData();
-      setStatus(pageStatus, "Файл загружен.", "ok");
-    } catch (error) {
-      setStatus(pageStatus, error?.message || "Ошибка загрузки файла", "error");
-    }
-  });
-
-  (async function bootstrap() {
-    const params = new URLSearchParams(window.location.search);
-    const preferredTrack = String(params.get("track") || "").trim().toUpperCase();
-
-    setCabinetEnabled(false);
-    clearList(cabinetMessages, "Сообщений пока нет.");
-    clearList(cabinetFiles, "Файлы пока не загружены.");
-    if (cabinetServiceRequests) clearList(cabinetServiceRequests, "Обращений пока нет.");
-    clearList(cabinetInvoices, "Счета пока не выставлены.");
-    clearList(cabinetTimeline, "История пока пуста.");
-
-    try {
-      await loadMyRequests(preferredTrack);
-    } catch (error) {
-      setStatus(pageStatus, error?.message || "Не удалось открыть страницу клиента", "error");
+    const root = document.getElementById("client-root");
+    if (root) {
+      ReactDOM.createRoot(root).render(/* @__PURE__ */ React.createElement(App, null));
     }
   })();
 })();
diff --git a/app/web/client.jsx b/app/web/client.jsx
index c425148..9ac16d8 100644
--- a/app/web/client.jsx
+++ b/app/web/client.jsx
@@ -621,6 +621,41 @@ import { detectAttachmentPreviewKind, fmtShortDateTime } from "./admin/shared/ut
       [activeTrack, apiJson, loadRequestWorkspace]
     );
 
+    const probeLiveState = useCallback(
+      async ({ cursor } = {}) => {
+        const track = String(activeTrack || "").trim();
+        if (!track) return { has_updates: false, typing: [], cursor: null };
+        const query = cursor ? "?cursor=" + encodeURIComponent(String(cursor)) : "";
+        const payload = await apiJson(
+          "/api/public/chat/requests/" + encodeURIComponent(track) + "/live" + query,
+          null,
+          "Не удалось получить live-обновления чата"
+        );
+        if (payload && payload.has_updates) {
+          await loadRequestWorkspace(track, false);
+        }
+        return payload || { has_updates: false, typing: [], cursor: null };
+      },
+      [activeTrack, apiJson, loadRequestWorkspace]
+    );
+
+    const setTypingSignal = useCallback(
+      async ({ typing } = {}) => {
+        const track = String(activeTrack || "").trim();
+        if (!track) return { status: "skipped", typing: false };
+        return apiJson(
+          "/api/public/chat/requests/" + encodeURIComponent(track) + "/typing",
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ typing: Boolean(typing) }),
+          },
+          "Не удалось обновить статус набора"
+        );
+      },
+      [activeTrack, apiJson]
+    );
+
     const openServiceRequestModal = useCallback((type) => {
       const normalized = String(type || "").trim().toUpperCase();
       if (!normalized) return;
@@ -797,6 +832,8 @@ import { detectAttachmentPreviewKind, fmtShortDateTime } from "./admin/shared/ut
               onSaveRequestDataValues={saveRequestDataValues}
               onUploadRequestAttachment={uploadPublicRequestAttachment}
               onChangeStatus={() => Promise.resolve(null)}
+              onLiveProbe={probeLiveState}
+              onTypingSignal={setTypingSignal}
               AttachmentPreviewModalComponent={AttachmentPreviewModal}
               StatusLineComponent={StatusLine}
               domIds={{
@@ -805,7 +842,6 @@ import { detectAttachmentPreviewKind, fmtShortDateTime } from "./admin/shared/ut
                 messageBody: "cabinet-chat-body",
                 sendButton: "cabinet-chat-send",
                 fileInput: "cabinet-file-input",
-                fileUploadButton: "cabinet-file-upload",
                 dataRequestOverlay: "data-request-overlay",
                 dataRequestItems: "data-request-items",
                 dataRequestStatus: "data-request-status",
diff --git a/app/web/landing.html b/app/web/landing.html
index e48e571..f8a0e0c 100644
--- a/app/web/landing.html
+++ b/app/web/landing.html
@@ -259,6 +259,6 @@
     </div>
   </div>
 
-  <script src="/landing.js"></script>
+  <script src="/landing.js?v=20260227-03"></script>
 </body>
 </html>
diff --git a/app/web/landing.js b/app/web/landing.js
index 22c526a..d672c2a 100644
--- a/app/web/landing.js
+++ b/app/web/landing.js
@@ -379,6 +379,10 @@
       });
       const data = await parseJsonSafe(response);
       if (!response.ok) throw new Error(apiErrorDetail(data, "Не удалось отправить OTP"));
+      const debugCode = String(data?.sms_response?.debug_code || "").trim();
+      if (debugCode) {
+        console.info("[OTP DEV] VIEW_REQUEST code:", debugCode);
+      }
       setStatus(accessStatus, "Код отправлен. Проверьте SMS.", "ok");
     } catch (error) {
       setStatus(accessStatus, error?.message || "Не удалось отправить OTP", "error");
@@ -443,6 +447,10 @@
       });
       const otpSendData = await parseJsonSafe(otpSend);
       if (!otpSend.ok) throw new Error(apiErrorDetail(otpSendData, "Не удалось отправить OTP"));
+      const debugCode = String(otpSendData?.sms_response?.debug_code || "").trim();
+      if (debugCode) {
+        console.info("[OTP DEV] CREATE_REQUEST code:", debugCode);
+      }
 
       const isMocked = Boolean(otpSendData?.sms_response?.mocked) || String(otpSendData?.sms_response?.provider || "") === "mock_sms";
       const code = await requestOtpCode(
diff --git a/celerybeat-schedule b/celerybeat-schedule
index 3cda385f6e63c07b070482c4b88c690bc8607e50..6655dacb157bf429dfb3b0dbf8b2d0a14f04ffae 100644
GIT binary patch
delta 82
zcmZo@U~Fh$+%VggUszX%XNCQg46(K;K~ubKCa<%Wo4m)|Zjv>dfV7CJ8pELosGRT3
V$uf3bVD;+-k<}|~zG|n<2mp}~9E1P>

delta 82
zcmZo@U~Fh$+%VggUr1MnXNByP46(K;K~ub~C$F=Xo4m)|Zjv>dfV8l(4$qE!sGRTF
V$uf3bVD)QuBdb@~eAP~y5dfCg9Tflo

diff --git a/e2e/tests/helpers.js b/e2e/tests/helpers.js
index e19fa86..e8d49ea 100644
--- a/e2e/tests/helpers.js
+++ b/e2e/tests/helpers.js
@@ -300,7 +300,7 @@ async function uploadCabinetFile(page, fileName = "e2e.txt", bodyText = "E2E fil
       mimeType,
       buffer,
     });
-    await page.locator("#cabinet-file-upload").click();
+    await page.locator("#cabinet-chat-send").click();
 
     try {
       await expect(page.locator("#client-page-status")).toContainText("Файл загружен.", { timeout: 20_000 });
diff --git a/tests/admin/test_lawyer_chat.py b/tests/admin/test_lawyer_chat.py
index b452eac..d42a60f 100644
--- a/tests/admin/test_lawyer_chat.py
+++ b/tests/admin/test_lawyer_chat.py
@@ -1,7 +1,16 @@
 from tests.admin.base import *  # noqa: F401,F403
+from app.services.chat_presence import clear_presence_for_tests
 
 
 class AdminLawyerChatTests(AdminUniversalCrudBase):
+    def setUp(self):
+        super().setUp()
+        clear_presence_for_tests()
+
+    def tearDown(self):
+        clear_presence_for_tests()
+        super().tearDown()
+
     def test_lawyer_permissions_and_request_crud(self):
         lawyer_headers = self._auth_headers("LAWYER")
 
@@ -417,3 +426,103 @@ class AdminLawyerChatTests(AdminUniversalCrudBase):
         self.assertEqual(admin_create.status_code, 201)
         self.assertEqual(admin_create.json()["author_type"], "SYSTEM")
 
+    def test_admin_chat_live_and_typing_endpoints_follow_rbac(self):
+        with self.SessionLocal() as db:
+            lawyer_self = AdminUser(
+                role="LAWYER",
+                name="Юрист Live Свой",
+                email="lawyer.live.self@example.com",
+                password_hash="hash",
+                is_active=True,
+            )
+            lawyer_other = AdminUser(
+                role="LAWYER",
+                name="Юрист Live Чужой",
+                email="lawyer.live.other@example.com",
+                password_hash="hash",
+                is_active=True,
+            )
+            db.add_all([lawyer_self, lawyer_other])
+            db.flush()
+            self_id = str(lawyer_self.id)
+            other_id = str(lawyer_other.id)
+
+            own = Request(
+                track_number="TRK-CHAT-LIVE-OWN",
+                client_name="Клиент Live Свой",
+                client_phone="+79995550101",
+                status_code="IN_PROGRESS",
+                description="own",
+                extra_fields={},
+                assigned_lawyer_id=self_id,
+            )
+            foreign = Request(
+                track_number="TRK-CHAT-LIVE-FOREIGN",
+                client_name="Клиент Live Чужой",
+                client_phone="+79995550102",
+                status_code="IN_PROGRESS",
+                description="foreign",
+                extra_fields={},
+                assigned_lawyer_id=other_id,
+            )
+            unassigned = Request(
+                track_number="TRK-CHAT-LIVE-UNASSIGNED",
+                client_name="Клиент Live Без назначения",
+                client_phone="+79995550103",
+                status_code="NEW",
+                description="unassigned",
+                extra_fields={},
+                assigned_lawyer_id=None,
+            )
+            db.add_all([own, foreign, unassigned])
+            db.flush()
+            db.add(Message(request_id=own.id, author_type="CLIENT", author_name="Клиент", body="live start"))
+            db.commit()
+            own_id = str(own.id)
+            foreign_id = str(foreign.id)
+            unassigned_id = str(unassigned.id)
+
+        lawyer_headers = self._auth_headers("LAWYER", email="lawyer.live.self@example.com", sub=self_id)
+        admin_headers = self._auth_headers("ADMIN", email="root@example.com")
+
+        own_live = self.client.get(f"/api/admin/chat/requests/{own_id}/live", headers=lawyer_headers)
+        self.assertEqual(own_live.status_code, 200)
+        own_cursor = str(own_live.json().get("cursor") or "")
+        own_live_no_delta = self.client.get(
+            f"/api/admin/chat/requests/{own_id}/live",
+            headers=lawyer_headers,
+            params={"cursor": own_cursor},
+        )
+        self.assertEqual(own_live_no_delta.status_code, 200)
+        self.assertFalse(bool(own_live_no_delta.json().get("has_updates")))
+
+        foreign_live = self.client.get(f"/api/admin/chat/requests/{foreign_id}/live", headers=lawyer_headers)
+        self.assertEqual(foreign_live.status_code, 403)
+
+        own_typing = self.client.post(
+            f"/api/admin/chat/requests/{own_id}/typing",
+            headers=lawyer_headers,
+            json={"typing": True},
+        )
+        self.assertEqual(own_typing.status_code, 200)
+        self.assertTrue(bool(own_typing.json().get("typing")))
+
+        unassigned_typing = self.client.post(
+            f"/api/admin/chat/requests/{unassigned_id}/typing",
+            headers=lawyer_headers,
+            json={"typing": True},
+        )
+        self.assertEqual(unassigned_typing.status_code, 403)
+
+        admin_typing = self.client.post(
+            f"/api/admin/chat/requests/{own_id}/typing",
+            headers=admin_headers,
+            json={"typing": True},
+        )
+        self.assertEqual(admin_typing.status_code, 200)
+        self.assertTrue(bool(admin_typing.json().get("typing")))
+
+        own_live_with_typing = self.client.get(f"/api/admin/chat/requests/{own_id}/live", headers=lawyer_headers)
+        self.assertEqual(own_live_with_typing.status_code, 200)
+        typing_rows = own_live_with_typing.json().get("typing") or []
+        self.assertTrue(any(str(item.get("actor_role")) == "ADMIN" for item in typing_rows))
diff --git a/tests/test_public_cabinet.py b/tests/test_public_cabinet.py
index eab6d11..d445d74 100644
--- a/tests/test_public_cabinet.py
+++ b/tests/test_public_cabinet.py
@@ -27,6 +27,7 @@ from app.models.notification import Notification
 from app.models.request import Request
 from app.models.request_data_requirement import RequestDataRequirement
 from app.models.status_history import StatusHistory
+from app.services.chat_presence import clear_presence_for_tests, set_typing_presence
 
 
 class _FakeBody:
@@ -85,6 +86,7 @@ class PublicCabinetTests(unittest.TestCase):
         cls.engine.dispose()
 
     def setUp(self):
+        clear_presence_for_tests()
         with self.SessionLocal() as db:
             db.execute(delete(Notification))
             db.execute(delete(StatusHistory))
@@ -107,6 +109,7 @@ class PublicCabinetTests(unittest.TestCase):
     def tearDown(self):
         self.client.close()
         app.dependency_overrides.clear()
+        clear_presence_for_tests()
 
     @staticmethod
     def _public_cookies(track_number: str) -> dict[str, str]:
@@ -244,6 +247,66 @@ class PublicCabinetTests(unittest.TestCase):
         denied = self.client.get("/api/public/chat/requests/TRK-CHAT-001/messages", cookies=self._public_cookies("TRK-OTHER"))
         self.assertEqual(denied.status_code, 403)
 
+    def test_public_live_endpoint_and_typing_state(self):
+        with self.SessionLocal() as db:
+            req = Request(
+                track_number="TRK-LIVE-001",
+                client_name="Клиент Live",
+                client_phone="+79997771234",
+                topic_code="consulting",
+                status_code="NEW",
+                description="Проверка live",
+                extra_fields={},
+            )
+            db.add(req)
+            db.flush()
+            db.add(
+                Message(
+                    request_id=req.id,
+                    author_type="LAWYER",
+                    author_name="Юрист",
+                    body="Первое сообщение",
+                )
+            )
+            db.commit()
+            request_id = str(req.id)
+
+        cookies = self._public_cookies("TRK-LIVE-001")
+        live_initial = self.client.get("/api/public/chat/requests/TRK-LIVE-001/live", cookies=cookies)
+        self.assertEqual(live_initial.status_code, 200)
+        live_body = live_initial.json()
+        self.assertTrue(bool(live_body.get("has_updates")))
+        self.assertTrue(bool(live_body.get("cursor")))
+
+        set_typing_presence(
+            request_key=request_id,
+            actor_key="LAWYER:test",
+            actor_label="Юрист Тест",
+            actor_role="LAWYER",
+            typing=True,
+        )
+        live_with_typing = self.client.get("/api/public/chat/requests/TRK-LIVE-001/live", cookies=cookies)
+        self.assertEqual(live_with_typing.status_code, 200)
+        typing_rows = live_with_typing.json().get("typing") or []
+        self.assertTrue(any(str(item.get("actor_label")) == "Юрист Тест" for item in typing_rows))
+
+        current_cursor = str(live_with_typing.json().get("cursor") or "")
+        live_no_delta = self.client.get(
+            "/api/public/chat/requests/TRK-LIVE-001/live",
+            params={"cursor": current_cursor},
+            cookies=cookies,
+        )
+        self.assertEqual(live_no_delta.status_code, 200)
+        self.assertFalse(bool(live_no_delta.json().get("has_updates")))
+
+        typing_on = self.client.post(
+            "/api/public/chat/requests/TRK-LIVE-001/typing",
+            cookies=cookies,
+            json={"typing": True},
+        )
+        self.assertEqual(typing_on.status_code, 200)
+        self.assertTrue(bool(typing_on.json().get("typing")))
+
     def test_public_cabinet_respects_track_access(self):
         with self.SessionLocal() as db:
             req = Request(
diff --git a/tests/test_sms_service.py b/tests/test_sms_service.py
index ebe5433..7aa225b 100644
--- a/tests/test_sms_service.py
+++ b/tests/test_sms_service.py
@@ -33,6 +33,7 @@ class SmsServiceTests(unittest.TestCase):
         payload = send_otp_message(phone="+79990000000", code="111111", purpose="CREATE_REQUEST")
         self.assertEqual(payload.get("provider"), "mock_sms")
         self.assertTrue(bool(payload.get("dev_mode")))
+        self.assertEqual(payload.get("debug_code"), "111111")
 
     def test_unknown_provider_raises(self):
         settings.SMS_PROVIDER = "unknown"