From 9cfc157124e174ac42c0ffe014dfdf14f0c10839 Mon Sep 17 00:00:00 2001
From: mi <avpichugin@yandex.ru>
Date: Tue, 21 Jul 2026 14:07:24 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=20=D1=84=D1=80=D0=BE=D0=BD=D1=82=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B4=D0=B0=20=D1=83=D0=B1=D1=80=D0=B0=D0=BB=D0=B8=20?=
 =?UTF-8?q?=D0=B2=D0=BE=D0=B7=D0=BC=D0=BE=D0=B6=D0=BD=D0=BE=D1=81=D1=82?=
 =?UTF-8?q?=D1=8C=20=D0=BD=D0=B5=D1=81=D0=BA=D0=BE=D0=BB=D1=8C=D0=BA=D0=BE?=
 =?UTF-8?q?=20=D1=87=D0=B0=D1=82=D0=BE=D0=B2=20=D0=B2=D0=B5=D1=81=D1=82?=
 =?UTF-8?q?=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backlog.md                                    |  6 +-
 .../app/dialogs/[dialogId].tsx                | 15 +----
 .../frontend-test-site/app/dialogs/index.tsx  | 61 +++++--------------
 .../backend/frontend-test-site/src/ui.tsx     |  2 +-
 modules/module-02-frontend-test-site.md       | 13 ++--
 5 files changed, 29 insertions(+), 68 deletions(-)

diff --git a/backlog.md b/backlog.md
index a7e0243..6282dbb 100644
--- a/backlog.md
+++ b/backlog.md
@@ -1,9 +1,9 @@
 В разработку:
-1. Создание нового диалога через UI
+~~1. MVP frontend: один чат с компанией без истории диалогов; пункт «Чат» открывает текущий активный диалог или создаёт его при отсутствии~~
 ~~2. При создании пользователя номер телефона копировать в профиль Russian_Phone~~
 ~~3. Убрать хеширование устройства клиента в devise_json - хочу видеть его параметры.~~
-4. Добавить параметр, ограничивающих кол-во неуспешных попыток ввода смс. 
-5. Поправить чтение сообщений от Битрикса. Сейчас они выглядят так: "[b]Антон Пичугин:[/b] [br]опять ты?" Надо убрать из текста сообщения Отправителя в битриксе
+~~4. Добавить параметр, ограничивающих кол-во неуспешных попыток ввода смс.~~
+~~5. Поправить чтение сообщений от Битрикса. Сейчас они выглядят так: "[b]Антон Пичугин:[/b] [br]опять ты?" Надо убрать из текста сообщения Отправителя в битриксе~~
 6. Кнопка "Войти" для авторизации
 7. Если неавторизованный пользователь вводит сообщение, после отправки идет на регистрацию, после окончания регистрации его сообщение пропадает. Надо чтобы сохранялось и отправлялось (по аналогии с нажатием на кнопку из раздела "Популярные вопросы")
 ~~8. Изменение в БД по аудитам (заполнение IP, сквозное заполнение UserSession)~~
diff --git a/codebase/backend/frontend-test-site/app/dialogs/[dialogId].tsx b/codebase/backend/frontend-test-site/app/dialogs/[dialogId].tsx
index 10b5d58..4d73b2f 100644
--- a/codebase/backend/frontend-test-site/app/dialogs/[dialogId].tsx
+++ b/codebase/backend/frontend-test-site/app/dialogs/[dialogId].tsx
@@ -27,7 +27,6 @@ export default function ChatScreen() {
   const [text, setText] = useState("");
   const [error, setError] = useState<unknown>();
   const [sending, setSending] = useState(false);
-  const [creating, setCreating] = useState(false);
   const config = useQuery({ queryKey: ["public-config"], queryFn: publicApi.config });
   const dialog = useQuery({ queryKey: ["dialog", dialogId], queryFn: () => dialogApi.get(dialogId), enabled: Boolean(dialogId) && app.authStatus === "authenticated" });
   const messages = useQuery({ queryKey: ["messages", dialogId], queryFn: () => dialogApi.messages(dialogId), enabled: Boolean(dialogId) && app.authStatus === "authenticated" });
@@ -106,15 +105,6 @@ export default function ChatScreen() {
     } catch (reason) { setError(reason); }
   };
 
-  const createDialog = async () => {
-    setCreating(true); setError(undefined);
-    try {
-      const created = await dialogApi.create(crypto.randomUUID());
-      router.replace(`/dialogs/${created.dialog_id}`);
-    } catch (reason) { setError(reason); }
-    finally { setCreating(false); }
-  };
-
   const closed = dialog.data?.status === "closed";
   return <ScrollView contentContainerStyle={styles.page}>
     <Header status={app.authStatus} realtime={app.realtimeState} onLogout={app.authStatus === "authenticated" ? () => void app.signOut() : undefined} />
@@ -134,9 +124,8 @@ export default function ChatScreen() {
       {!messages.isLoading && !messages.data?.items.length && <Text style={styles.muted}>Сообщений пока нет.</Text>}
     </View>
     {closed ? <View style={styles.card}>
-      <Text style={styles.muted}>Диалог закрыт и доступен только для чтения.</Text>
-      <Button title={creating ? "Создание…" : "Начать новый диалог"} disabled={creating} onPress={() => void createDialog()} />
-      {error && <ErrorNotice error={error} retry={() => void createDialog()} />}
+      <Text style={styles.muted}>Предыдущая беседа завершена.</Text>
+      <Button title="Продолжить общение" onPress={() => router.replace("/dialogs")} />
     </View> : <View style={styles.card}>
       <Field label="Новое сообщение" multiline value={text} onChangeText={setText} />
       <View style={styles.row}>
diff --git a/codebase/backend/frontend-test-site/app/dialogs/index.tsx b/codebase/backend/frontend-test-site/app/dialogs/index.tsx
index 1a9f483..e09bc8b 100644
--- a/codebase/backend/frontend-test-site/app/dialogs/index.tsx
+++ b/codebase/backend/frontend-test-site/app/dialogs/index.tsx
@@ -1,65 +1,36 @@
-import { useInfiniteQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import { Link, useRouter } from "expo-router";
-import React, { useState } from "react";
-import { ScrollView, Text, View } from "react-native";
+import React, { useEffect, useRef } from "react";
+import { ScrollView, Text } from "react-native";
 import { useApp } from "../../src/app-context";
 import { dialogApi } from "../../src/services";
-import { Button, ErrorNotice, Header, Loading, styles } from "../../src/ui";
-
-const statusLabels = {
-  open: "Открыт",
-  waiting_for_company: "Ожидает ответа компании",
-  waiting_for_client: "Ожидает вашего ответа",
-  closed: "Закрыт",
-};
+import { ErrorNotice, Header, Loading, styles } from "../../src/ui";
 
 export default function DialogsScreen() {
   const app = useApp();
   const router = useRouter();
-  const [creating, setCreating] = useState(false);
-  const [createError, setCreateError] = useState<unknown>();
-  const dialogs = useInfiniteQuery({
-    queryKey: ["dialogs"],
-    queryFn: ({ pageParam }) => dialogApi.list(pageParam),
-    initialPageParam: undefined as string | undefined,
-    getNextPageParam: (page) => page.next_cursor ?? undefined,
+  const requestKey = useRef(crypto.randomUUID());
+  const chat = useQuery({
+    queryKey: ["current-dialog", requestKey.current],
+    queryFn: () => dialogApi.create(requestKey.current),
     enabled: app.authStatus === "authenticated",
   });
 
-  const createDialog = async () => {
-    setCreating(true);
-    setCreateError(undefined);
-    try {
-      const dialog = await dialogApi.create(crypto.randomUUID());
-      router.push(`/dialogs/${dialog.dialog_id}`);
-    } catch (error) {
-      setCreateError(error);
-    } finally {
-      setCreating(false);
-    }
-  };
+  useEffect(() => {
+    if (chat.data) router.replace(`/dialogs/${chat.data.dialog_id}`);
+  }, [chat.data, router]);
 
   if (app.authStatus !== "authenticated") return <ScrollView contentContainerStyle={styles.page}>
     <Header status={app.authStatus} realtime={app.realtimeState} />
-    <Text accessibilityRole="header" style={styles.title}>История диалогов</Text>
-    <Text style={styles.text}>История доступна после авторизации. Отправьте сообщение на главной странице, чтобы войти.</Text>
+    <Text accessibilityRole="header" style={styles.title}>Чат</Text>
+    <Text style={styles.text}>Чат с компанией доступен после авторизации. Отправьте сообщение на главной странице, чтобы войти.</Text>
     <Link href="/" style={styles.link}>На главную</Link>
   </ScrollView>;
 
-  const items = dialogs.data?.pages.flatMap((page) => page.items) ?? [];
   return <ScrollView contentContainerStyle={styles.page}>
     <Header status={app.authStatus} realtime={app.realtimeState} onLogout={() => void app.signOut()} />
-    <Text accessibilityRole="header" style={styles.title}>История диалогов</Text>
-    <Button title={creating ? "Создание…" : "Новый диалог"} disabled={creating} onPress={() => void createDialog()} />
-    {createError && <ErrorNotice error={createError} retry={() => void createDialog()} />}
-    {dialogs.isLoading && <Loading />}
-    {dialogs.error && <ErrorNotice error={dialogs.error} retry={() => void dialogs.refetch()} />}
-    {!dialogs.isLoading && !items.length && <Text style={styles.muted}>Диалогов пока нет.</Text>}
-    {items.map((dialog) => <View key={dialog.dialog_id} style={styles.card}>
-        <Text style={styles.heading}>{statusLabels[dialog.status]}</Text>
-        <Text style={styles.muted}>Диалог {dialog.dialog_id.slice(0, 8)}…</Text>
-        <Link href={`/dialogs/${dialog.dialog_id}`} style={styles.link}>Открыть диалог</Link>
-      </View>)}
-    {dialogs.hasNextPage && <Button title="Показать ещё" secondary disabled={dialogs.isFetchingNextPage} onPress={() => void dialogs.fetchNextPage()} />}
+    <Text accessibilityRole="header" style={styles.title}>Чат</Text>
+    {chat.isLoading && <Loading />}
+    {chat.error && <ErrorNotice error={chat.error} retry={() => void chat.refetch()} />}
   </ScrollView>;
 }
diff --git a/codebase/backend/frontend-test-site/src/ui.tsx b/codebase/backend/frontend-test-site/src/ui.tsx
index 9f2e6a2..1750e2d 100644
--- a/codebase/backend/frontend-test-site/src/ui.tsx
+++ b/codebase/backend/frontend-test-site/src/ui.tsx
@@ -33,7 +33,7 @@ export const styles = StyleSheet.create({
 export function Header({ status, realtime, onLogout }: { status: string; realtime: string; onLogout?: () => void }) {
   return <View style={styles.header}>
     <Link href="/" style={styles.link}>HAN Chat</Link>
-    <Link href="/dialogs" style={styles.link}>Диалоги</Link>
+    <Link href="/dialogs" style={styles.link}>Чат</Link>
     <Link href="/profile" style={styles.link}>Профиль</Link>
     <Link href="/diagnostics" style={styles.link}>Диагностика</Link>
     <Text style={styles.badge}>{status === "authenticated" ? "Авторизован" : "Гость"} · {realtime}</Text>
diff --git a/modules/module-02-frontend-test-site.md b/modules/module-02-frontend-test-site.md
index 4e9e0d4..c913f1b 100644
--- a/modules/module-02-frontend-test-site.md
+++ b/modules/module-02-frontend-test-site.md
@@ -67,7 +67,7 @@ Auth state machine: `guest → authorizing → bootstrapping → authenticated`;
 - загрузка `GET /api/v1/public/app-config` и `/content`;
 - приветствие, популярные вопросы, textarea, attach button, send;
 - индикаторы загрузки/ошибки и повтор;
-- ссылка на историю и профиль (при guest запускают auth только по явному действию);
+- ссылки на чат и профиль (при guest запускают auth только по явному действию);
 - диагностический badge режима: guest/authenticated, WS/polling, без раскрытия token.
 
 Выбор популярного вопроса сразу запускает тот же send flow, что ручной текст.
@@ -78,14 +78,15 @@ Modal согласий отображает актуальные URL/верси
 
 OTP вводится на странице/теме Keycloak. В MVP Keycloak сверяет mock-код из env; frontend не хранит и не проверяет код. Для тестовой среды UI может показывать только текст «используется тестовый OTP», но не получать secret из API.
 
-### 5.3. Диалоги и чат
+### 5.3. Чат
 
-- история: `GET /dialogs`, cursor pagination;
-- карточка: статус, сообщения, composer, attachment;
+- в MVP frontend показывает пользователю один чат с компанией без истории диалогов;
+- пункт навигации «Чат» вызывает `POST /dialogs`: backend возвращает текущий активный диалог или создаёт новый, после чего frontend открывает `/dialogs/{dialog_id}`;
+- backend-модель диалогов и `GET /dialogs` сохраняются для будущего возврата истории;
+- экран чата содержит статус, сообщения, composer и attachment;
 - сообщения сортируются по `created_at asc`, дубли объединяются по `message_id`;
 - `waiting_for_company`, `waiting_for_client`, `closed` отображаются русскими подписями;
-- экран истории содержит CTA «Новый диалог» через `POST /dialogs`;
-- closed dialog readonly и содержит CTA «Начать новый диалог»;
+- завершённая беседа readonly; CTA «Продолжить общение» повторно открывает текущий чат через `POST /dialogs`;
 - промежуточный safety `203` клиенту не показывается: send request остаётся в progress до финального ответа.
 
 ### 5.4. Профиль