135 lines
5.3 KiB
HTML
135 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Debug — AI ChatBot</title>
|
|
<link rel="stylesheet" href="/static/css/app.css">
|
|
<link rel="stylesheet" href="/static/css/debug.css">
|
|
</head>
|
|
<body class="debug-page">
|
|
<header class="debug-header">
|
|
<a href="/">← Чат</a>
|
|
<h1>Debug</h1>
|
|
<button type="button" id="btnReloadConfig">↻ Config</button>
|
|
</header>
|
|
|
|
<nav class="debug-tabs" id="debugTabs">
|
|
<button type="button" class="active" data-tab="config">Config</button>
|
|
<button type="button" data-tab="sdprompt">SD Prompt</button>
|
|
<button type="button" data-tab="llm">LLM</button>
|
|
<button type="button" data-tab="comfy">ComfyUI</button>
|
|
</nav>
|
|
|
|
<main class="debug-main">
|
|
<section class="debug-panel active" id="panel-config">
|
|
<pre id="configOut" class="debug-out">Загрузка…</pre>
|
|
</section>
|
|
|
|
<section class="debug-panel" id="panel-sdprompt">
|
|
<div class="debug-grid">
|
|
<label>Персонаж
|
|
<select id="sdPersona"></select>
|
|
</label>
|
|
<label>Outfit JSON
|
|
<input type="text" id="sdOutfit" value="[]" placeholder='["dress", "barefoot"]'>
|
|
</label>
|
|
<label>Appearance override (опц.)
|
|
<input type="text" id="sdAppearance" placeholder="оставьте пустым — из карточки">
|
|
</label>
|
|
<label>
|
|
<input type="checkbox" id="sdUseProse"> Использовать prose для Anima
|
|
</label>
|
|
</div>
|
|
<label>Чат (user: / assistant:)
|
|
<textarea id="sdChat" rows="8" placeholder="user: привет assistant: *улыбается*"></textarea>
|
|
</label>
|
|
<button type="button" class="debug-btn primary" id="btnSdPrompt">Собрать промпт (SD_PROMPT_MODEL)</button>
|
|
<div class="debug-split">
|
|
<div>
|
|
<h3>Scene JSON</h3>
|
|
<pre id="sdScene" class="debug-out">—</pre>
|
|
</div>
|
|
<div>
|
|
<h3>Теги / гибрид</h3>
|
|
<pre id="sdPrompts" class="debug-out">—</pre>
|
|
</div>
|
|
</div>
|
|
<details>
|
|
<summary>LLM raw + builder</summary>
|
|
<pre id="sdLlmRaw" class="debug-out small">—</pre>
|
|
</details>
|
|
</section>
|
|
|
|
<section class="debug-panel" id="panel-llm">
|
|
<div class="debug-grid">
|
|
<label>Model
|
|
<input type="text" id="llmModel" placeholder="пусто = SD_PROMPT_MODEL / SYSTEM">
|
|
</label>
|
|
</div>
|
|
<label>System
|
|
<textarea id="llmSystem" rows="4"></textarea>
|
|
</label>
|
|
<label>User
|
|
<textarea id="llmUser" rows="6"></textarea>
|
|
</label>
|
|
<button type="button" class="debug-btn primary" id="btnLlm">Отправить</button>
|
|
<pre id="llmOut" class="debug-out">—</pre>
|
|
</section>
|
|
|
|
<section class="debug-panel" id="panel-comfy">
|
|
<div class="debug-row">
|
|
<button type="button" class="debug-btn" id="btnComfyPing">Ping /system_stats</button>
|
|
<button type="button" class="debug-btn" id="btnComfyModels">Загрузить модели (/object_info)</button>
|
|
</div>
|
|
<pre id="comfyPingOut" class="debug-out compact">—</pre>
|
|
|
|
<h3>Модели в Comfy</h3>
|
|
<div class="debug-grid" id="comfyModelLists">—</div>
|
|
|
|
<h3>Генерация</h3>
|
|
<div class="debug-grid">
|
|
<label>UNET <select id="genUnet"><option value="">— env —</option></select></label>
|
|
<label>CLIP <select id="genClip"><option value="">— env —</option></select></label>
|
|
<label>VAE <select id="genVae"><option value="">— env —</option></select></label>
|
|
<label>Checkpoint <select id="genCkpt"><option value="">— env / Anima —</option></select></label>
|
|
</div>
|
|
<label>Positive
|
|
<textarea id="genPositive" rows="4"></textarea>
|
|
</label>
|
|
<label>Negative
|
|
<textarea id="genNegative" rows="2"></textarea>
|
|
</label>
|
|
<button type="button" class="debug-btn primary" id="btnComfyGen">Сгенерировать</button>
|
|
<div id="comfyImgWrap" class="debug-img-wrap hidden">
|
|
<img id="comfyImg" alt="result">
|
|
</div>
|
|
<pre id="comfyGenOut" class="debug-out compact">—</pre>
|
|
|
|
<h3>Raw API</h3>
|
|
<div class="debug-grid">
|
|
<label>Method
|
|
<select id="rawMethod">
|
|
<option>GET</option>
|
|
<option>POST</option>
|
|
</select>
|
|
</label>
|
|
<label>Path
|
|
<input type="text" id="rawPath" value="/system_stats">
|
|
</label>
|
|
</div>
|
|
<label>Query JSON
|
|
<textarea id="rawParams" rows="2">{}</textarea>
|
|
</label>
|
|
<label>Body JSON (POST)
|
|
<textarea id="rawBody" rows="4" placeholder="{}"></textarea>
|
|
</label>
|
|
<button type="button" class="debug-btn" id="btnComfyRaw">Выполнить</button>
|
|
<pre id="comfyRawOut" class="debug-out">—</pre>
|
|
</section>
|
|
</main>
|
|
|
|
<script type="module" src="/static/js/debug.js"></script>
|
|
</body>
|
|
</html>
|