Реализованы задачи бэклога 1-5 (1я не до конца)

codebase/backend/frontend-test-site/app/dialogs/index.tsx

@@ -1,6 +1,6 @@
 import { useInfiniteQuery } from "@tanstack/react-query";
-import { Link } from "expo-router";
-import React from "react";
+import { Link, useRouter } from "expo-router";
+import React, { useState } from "react";
 import { ScrollView, Text, View } from "react-native";
 import { useApp } from "../../src/app-context";
 import { dialogApi } from "../../src/services";
@@ -15,6 +15,9 @@ const statusLabels = {
 
 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),
@@ -22,6 +25,20 @@ export default function DialogsScreen() {
     getNextPageParam: (page) => page.next_cursor ?? undefined,
     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);
+    }
+  };
+
   if (app.authStatus !== "authenticated") return <ScrollView contentContainerStyle={styles.page}>
     <Header status={app.authStatus} realtime={app.realtimeState} />
     <Text accessibilityRole="header" style={styles.title}>История диалогов</Text>
@@ -33,6 +50,8 @@ export default function DialogsScreen() {
   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>}