Added RPG

static/index.html

@@ -12,6 +12,10 @@
     <button id="sidebarToggle" type="button">☰</button>
     <h1>🤖 AI Chat</h1>
     <span class="header-title" id="headerTitle">Новый чат</span>
+    <label class="rpg-toggle" title="Experimental RPG mode">
+        <input type="checkbox" id="rpgToggle">
+        <span>RPG</span>
+    </label>
 </header>
 
 <div class="app-body">
@@ -25,6 +29,13 @@
 
     <div class="main">
         <div class="persona-bar" id="personaBar"></div>
+        <div class="system-blob" id="systemBlob">
+            <div class="system-blob-header">
+                <span>System</span>
+                <button type="button" id="systemBlobToggle">Скрыть</button>
+            </div>
+            <pre class="system-blob-content" id="systemBlobContent">—</pre>
+        </div>
         <div class="messages" id="messages">
             <div class="empty-state" id="emptyState">
                 <span class="big">💬</span>
@@ -55,8 +66,23 @@
         <label>Описание
             <input type="text" id="pDesc" placeholder="Краткое описание">
         </label>
-        <label>Системный промт
-            <textarea id="pPrompt" rows="4" placeholder="Ты — ..."></textarea>
+        <label>Личность
+            <textarea id="pPersonality" rows="3" placeholder="calm, confident, sarcastic..."></textarea>
+        </label>
+        <label>Сценарий / мир
+            <textarea id="pScenario" rows="3" placeholder="где вы находитесь, что происходит, правила мира"></textarea>
+        </label>
+        <label>Первое сообщение (first_mes)
+            <textarea id="pFirstMes" rows="3" placeholder="приветствие персонажа"></textarea>
+        </label>
+        <label>Пример диалога (mes_example)
+            <textarea id="pMesExample" rows="3" placeholder="пример стиля речи персонажа"></textarea>
+        </label>
+        <label>Lorebook JSON (опционально)
+            <textarea id="pLorebook" rows="3" placeholder='[]'></textarea>
+        </label>
+        <label>Системный промт (опционально, если пусто — соберём автоматически)
+            <textarea id="pPrompt" rows="3" placeholder=""></textarea>
         </label>
         <label><input type="checkbox" id="pSdEnabled"> Генерировать SD-промпт</label>
         <label>LoRA
@@ -95,6 +121,9 @@
     <div class="modal" style="max-width:560px;max-height:90vh;overflow-y:auto">
         <h2>✏️ Редактор карточки</h2>
         <input type="hidden" id="editCardId">
+        <label>Аватар (PNG)
+            <input type="file" id="editCardAvatar" accept=".png">
+        </label>
         <label>Имя <input type="text" id="editName"></label>
         <label>Описание <textarea id="editDescription" rows="4"></textarea></label>
         <label>Личность <textarea id="editPersonality" rows="3"></textarea></label>
@@ -111,6 +140,33 @@
     </div>
 </div>
 
+<div class="modal-overlay" id="personaEditOverlay">
+    <div class="modal" style="max-width:560px;max-height:90vh;overflow-y:auto">
+        <h2>✏️ Редактор персонажа</h2>
+        <input type="hidden" id="editPersonaId">
+        <label>Аватар (PNG)
+            <input type="file" id="editPAvatar" accept=".png">
+        </label>
+        <label>Имя <input type="text" id="editPName"></label>
+        <label>Эмодзи <input type="text" id="editPEmoji" maxlength="4"></label>
+        <label>Описание <textarea id="editPDesc" rows="3"></textarea></label>
+        <label>Личность <textarea id="editPPersonality" rows="3"></textarea></label>
+        <label>Сценарий <textarea id="editPScenario" rows="3"></textarea></label>
+        <label>Первое сообщение <textarea id="editPFirstMes" rows="3"></textarea></label>
+        <label>Пример диалога <textarea id="editPMesExample" rows="3"></textarea></label>
+        <label>Lorebook JSON <textarea id="editPLorebook" rows="3"></textarea></label>
+        <label>Системный промпт (опционально) <textarea id="editPPrompt" rows="3"></textarea></label>
+        <label><input type="checkbox" id="editPSdEnabled"> Генерировать SD-промпт</label>
+        <label>LoRA <input type="text" id="editPLora"></label>
+        <label>Вес LoRA <input type="number" id="editPLoraWeight" value="0.8" min="0" max="2" step="0.1"></label>
+        <label>Теги внешности (SD) <input type="text" id="editPAppearance"></label>
+        <div class="modal-buttons">
+            <button id="personaEditCancel" type="button">Отмена</button>
+            <button id="personaEditSave" type="button" style="background:#e94560;color:white">Сохранить</button>
+        </div>
+    </div>
+</div>
+
 <script type="module" src="/static/js/app.js"></script>
 </body>
 </html>