Закрыты задачи бэклога по неочевидному поведению UI при ошибках отправки сообщений и блокировках со стороны Message-safety + добалено ограничение на размер сообщения

codebase/backend/frontend-test-site/app/dialogs/[dialogId].tsx

@@ -7,6 +7,14 @@ import { ChatInputBar } from "../../src/components/ChatInputBar";
 import { ChatScreenHeader } from "../../src/components/ChatScreenHeader";
 import { MessageBubble } from "../../src/components/MessageBubble";
 import { ScreenShell } from "../../src/components/ScreenShell";
+import { isMessageBlockedError } from "../../src/api";
+import {
+  clearPendingFileIntent,
+  clearPendingTextIntent,
+  loadPendingFileIntent,
+  loadPendingTextIntent,
+} from "../../src/pending-intent";
+import { DEFAULT_MESSAGE_MAX_LENGTH, normalizeMessageText } from "../../src/message-text";
 import { RealtimeClient, reconcileMessages } from "../../src/realtime";
 import { dialogApi, profileApi, publicApi, uploadAttachment } from "../../src/services";
 import type { Message } from "../../src/types";
@@ -29,6 +37,8 @@ export default function ChatScreen() {
   const [text, setText] = useState("");
   const [error, setError] = useState<unknown>();
   const [sending, setSending] = useState(false);
+  const [retryPending, setRetryPending] = useState<(() => void) | undefined>();
+  const pendingStarted = useRef<string | undefined>(undefined);
   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" });
@@ -66,14 +76,32 @@ export default function ChatScreen() {
     if (items.length) listRef.current?.scrollToEnd({ animated: true });
   }, [messages.data?.items.length]);
 
-  const sendText = async () => {
-    const normalized = text.trim();
+  const handleSendError = async (reason: unknown) => {
+    if (isMessageBlockedError(reason)) {
+      setError(undefined);
+      await messages.refetch();
+      return true;
+    }
+    setError(reason);
+    return false;
+  };
+
+  const sendText = async (value = text, messageKey = crypto.randomUUID()) => {
+    const normalized = normalizeMessageText(value);
     if (!normalized || !dialogId) return;
+    const maxLength = config.data?.messages?.max_text_length ?? DEFAULT_MESSAGE_MAX_LENGTH;
+    if (normalized.length > maxLength) {
+      setError(new Error(`Сообщение слишком длинное. Максимум — ${maxLength} символов.`));
+      return false;
+    }
     setSending(true); setError(undefined);
     try {
-      const message = await dialogApi.sendText(dialogId, normalized, crypto.randomUUID());
+      const message = await dialogApi.sendText(dialogId, normalized, messageKey);
       merge([message]); setText("");
-    } catch (reason) { setError(reason); }
+      return true;
+    } catch (reason) {
+      return await handleSendError(reason);
+    }
     finally { setSending(false); }
   };
 
@@ -89,7 +117,7 @@ export default function ChatScreen() {
     input.click();
   };
 
-  const sendFile = async (file: File) => {
+  const sendFile = async (file: File, messageKey = crypto.randomUUID()) => {
     const limits = config.data?.attachments;
     const max = (limits?.max_size_mb ?? 5) * 1024 * 1024;
     const allowed = limits?.allowed_mime_types ?? ["image/jpeg", "image/png", "image/webp", "application/pdf"];
@@ -100,12 +128,45 @@ export default function ChatScreen() {
     setSending(true); setError(undefined);
     try {
       const uploaded = await uploadAttachment(dialogId, file);
-      const message = await dialogApi.sendFile(dialogId, uploaded.attachmentId, uploaded.checksum, crypto.randomUUID());
+      const message = await dialogApi.sendFile(dialogId, uploaded.attachmentId, uploaded.checksum, messageKey);
       merge([message]);
-    } catch (reason) { setError(reason); }
+      return true;
+    } catch (reason) {
+      return await handleSendError(reason);
+    }
     finally { setSending(false); }
   };
 
+  useEffect(() => {
+    if (!dialogId || app.authStatus !== "authenticated") return;
+    const textIntent = loadPendingTextIntent();
+    const fileIntent = loadPendingFileIntent(dialogId);
+    const intentKey = textIntent?.dialogId === dialogId
+      ? textIntent.messageKey
+      : fileIntent?.messageKey;
+    if (!intentKey || pendingStarted.current === intentKey) return;
+    pendingStarted.current = intentKey;
+
+    const submit = async () => {
+      const completed = textIntent?.dialogId === dialogId
+        ? await sendText(textIntent.text, textIntent.messageKey)
+        : fileIntent
+          ? await sendFile(fileIntent.file, fileIntent.messageKey)
+          : true;
+      if (completed) {
+        clearPendingTextIntent();
+        clearPendingFileIntent();
+        setRetryPending(undefined);
+        return;
+      }
+      setRetryPending(() => () => {
+        setRetryPending(undefined);
+        void submit();
+      });
+    };
+    void submit();
+  }, [dialogId, app.authStatus]);
+
   const getAttachmentUrl = useCallback(async (attachmentId: string) => {
     const result = await profileApi.attachmentUrl(dialogId, attachmentId);
     return result.download_url;
@@ -170,10 +231,11 @@ export default function ChatScreen() {
               placeholder="Напишите сообщение..."
               sending={sending}
               value={text}
+              maxLength={config.data?.messages?.max_text_length ?? DEFAULT_MESSAGE_MAX_LENGTH}
             />
             {error && (
               <View style={{ paddingHorizontal: spacing.lg, paddingBottom: spacing.sm }}>
-                <ErrorNotice error={error} />
+                <ErrorNotice error={error} retry={retryPending} />
               </View>
             )}
           </>