From 0b62e73111261404754cca060f1f7cec5a240363 Mon Sep 17 00:00:00 2001
From: Alexej Wolff <awolff@draug.me>
Date: Wed, 6 May 2026 00:24:25 +0200
Subject: [PATCH] chore: formatting and minor improvements

---
 src/components/Header.tsx       | 28 +++++++++++++++++++----
 src/hooks/useStoryGeneration.ts | 40 ++++++++++++++++++++++++---------
 src/pages/CreateStoryPage.tsx   | 14 +++++++++---
 3 files changed, 65 insertions(+), 17 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index a875e1f..b5cc90e 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -86,10 +86,18 @@ export function Header() {
           </Link>
           {isAuthenticated && (
             <>
-              <Link to="/create" className="mobile-nav-link" onClick={closeMenu}>
+              <Link
+                to="/create"
+                className="mobile-nav-link"
+                onClick={closeMenu}
+              >
                 ✨ Создать историю
               </Link>
-              <Link to="/characters" className="mobile-nav-link" onClick={closeMenu}>
+              <Link
+                to="/characters"
+                className="mobile-nav-link"
+                onClick={closeMenu}
+              >
                 👤 Персонажи
               </Link>
               <Link to="/npc" className="mobile-nav-link" onClick={closeMenu}>
@@ -106,12 +114,24 @@ export function Header() {
               className="mobile-user-avatar"
             />
             <span className="mobile-user-name">{user.username}</span>
-            <button onClick={() => { logout(); closeMenu(); }} className="mobile-logout-btn">
+            <button
+              onClick={() => {
+                logout();
+                closeMenu();
+              }}
+              className="mobile-logout-btn"
+            >
               Выйти
             </button>
           </div>
         ) : (
-          <button onClick={() => { login(); closeMenu(); }} className="mobile-login-btn">
+          <button
+            onClick={() => {
+              login();
+              closeMenu();
+            }}
+            className="mobile-login-btn"
+          >
             <svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20">
               <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" />
             </svg>
diff --git a/src/hooks/useStoryGeneration.ts b/src/hooks/useStoryGeneration.ts
index b991371..7a98644 100644
--- a/src/hooks/useStoryGeneration.ts
+++ b/src/hooks/useStoryGeneration.ts
@@ -27,10 +27,24 @@ export function useStoryGeneration(): UseStoryGenerationResult {
 
   const generatePlot = useCallback(
     async (context: StoryGenerationContext): Promise<string | null> => {
-      const { title, summary, genres, settings, worldName, worldDescription, isNsfw, characters } = context;
+      const {
+        title,
+        summary,
+        genres,
+        settings,
+        worldName,
+        worldDescription,
+        isNsfw,
+        characters,
+      } = context;
 
       // Validate minimum requirements
-      if (!title && !summary && (!genres || genres.length === 0) && (!settings || settings.length === 0)) {
+      if (
+        !title &&
+        !summary &&
+        (!genres || genres.length === 0) &&
+        (!settings || settings.length === 0)
+      ) {
         return null;
       }
 
@@ -39,15 +53,20 @@ export function useStoryGeneration(): UseStoryGenerationResult {
         const contextLines: string[] = [];
         if (title) contextLines.push(`Название: ${title}`);
         if (summary) contextLines.push(`Краткое содержание: ${summary}`);
-        if (genres && genres.length > 0) contextLines.push(`Жанры: ${genres.join(", ")}`);
-        if (settings && settings.length > 0) contextLines.push(`Сеттинг: ${settings.join(", ")}`);
+        if (genres && genres.length > 0)
+          contextLines.push(`Жанры: ${genres.join(", ")}`);
+        if (settings && settings.length > 0)
+          contextLines.push(`Сеттинг: ${settings.join(", ")}`);
         if (worldName) contextLines.push(`Мир: ${worldName}`);
-        if (worldDescription) contextLines.push(`Описание мира: ${worldDescription}`);
+        if (worldDescription)
+          contextLines.push(`Описание мира: ${worldDescription}`);
         if (isNsfw) contextLines.push("NSFW контент разрешён");
 
-        const namedCharacters = characters?.filter(c => c.name.trim()) || [];
+        const namedCharacters = characters?.filter((c) => c.name.trim()) || [];
         if (namedCharacters.length > 0) {
-          contextLines.push(`Персонажи: ${namedCharacters.map(c => `${c.name} (${c.role})`).join(", ")}`);
+          contextLines.push(
+            `Персонажи: ${namedCharacters.map((c) => `${c.name} (${c.role})`).join(", ")}`,
+          );
         }
 
         const prompt = `На основе следующей информации создай краткий сюжет для интерактивной исекай-истории.
@@ -73,12 +92,13 @@ ${contextLines.join("\n")}
           [
             {
               role: "system",
-              content: "Ты сценарист исекай-историй. Пиши кратко и по делу. Для главного героя ВСЕГДА используй {user}. Максимум 1000 символов.",
+              content:
+                "Ты сценарист исекай-историй. Пиши кратко и по делу. Для главного героя ВСЕГДА используй {user}. Максимум 1000 символов.",
             },
             { role: "user", content: prompt },
           ],
           0.9,
-          500
+          500,
         );
 
         return response;
@@ -89,7 +109,7 @@ ${contextLines.join("\n")}
         setIsGenerating(false);
       }
     },
-    []
+    [],
   );
 
   return {
diff --git a/src/pages/CreateStoryPage.tsx b/src/pages/CreateStoryPage.tsx
index 9c7c1f2..88ac9c8 100644
--- a/src/pages/CreateStoryPage.tsx
+++ b/src/pages/CreateStoryPage.tsx
@@ -361,13 +361,21 @@ export default function CreateStoryPage() {
       characters: form.characters,
     });
 
-    if (result === null && !form.title && !form.summary && form.genres.length === 0 && form.settings.length === 0) {
-      alert("Заполните хотя бы название, краткое содержание, жанры или сеттинг для генерации сюжета");
+    if (
+      result === null &&
+      !form.title &&
+      !form.summary &&
+      form.genres.length === 0 &&
+      form.settings.length === 0
+    ) {
+      alert(
+        "Заполните хотя бы название, краткое содержание, жанры или сеттинг для генерации сюжета",
+      );
       return;
     }
 
     if (result) {
-      setForm(prev => ({ ...prev, plot: result }));
+      setForm((prev) => ({ ...prev, plot: result }));
     } else {
       alert("Ошибка при генерации сюжета");
     }