swarm-assistent/Tabs/Text2Image/Assistent.html

<div class="swarm-assistent-root" id="swarm_assistent_root">
    <div class="sa-gate" id="sa_gate" hidden>
        <p>Swarm Assistent только для моделей <strong>Krea 2</strong>. Выбери checkpoint Krea 2, чтобы включить чат.</p>
    </div>
    <div class="sa-layout" id="sa_layout">
        <aside class="sa-image-pane" id="sa_image_pane">
            <div class="sa-board-head">
                <span class="sa-board-title">Доска</span>
                <div class="sa-board-tabs" role="tablist" aria-label="Доска">
                    <button type="button" class="sa-board-tab sa-board-tab-active" data-board="generate" id="sa_board_tab_gen" role="tab" aria-selected="true">Generate</button>
                    <button type="button" class="sa-board-tab" data-board="refs" id="sa_board_tab_refs" role="tab" aria-selected="false">
                        Refs
                        <span class="sa-board-badge" id="sa_refs_badge" hidden></span>
                    </button>
                </div>
                <button type="button" class="basic-button sa-icon-btn" id="sa_btn_add_ref" title="Добавить окно референса">+ Ref</button>
            </div>
            <div class="sa-board" id="sa_board" tabindex="0" title="Перетащи изображение на окно или вставь (Ctrl+V). Кликни, чтобы выбрать."></div>
            <div class="sa-live-params" id="sa_live_params" title="Текущие параметры Generate">—</div>
            <div class="sa-image-actions" id="sa_image_actions">
                <button type="button" class="basic-button sa-primary" id="sa_btn_look_result" title="Прикрепить готовый кадр Generate и спросить мнение">Посмотри результат</button>
                <button type="button" class="basic-button" id="sa_btn_use_current" title="Скопировать текущий Generate в Ref">Снимок gen</button>
                <button type="button" class="basic-button" id="sa_btn_clear_image" title="Очистить выбранный Ref">Очистить слот</button>
                <div class="sa-more-wrap" id="sa_board_more_wrap">
                    <button type="button" class="basic-button sa-icon-btn" id="sa_btn_board_more" title="Init / Mask / Сброс" aria-expanded="false" aria-haspopup="true">⋯</button>
                    <div class="sa-more-menu" id="sa_board_more_menu" hidden role="menu">
                        <button type="button" class="sa-more-item" id="sa_btn_as_init" role="menuitem">Как Init (img2img)</button>
                        <button type="button" class="sa-more-item" id="sa_btn_as_mask" role="menuitem">Как Mask (inpaint)</button>
                        <button type="button" class="sa-more-item" id="sa_btn_clear_init" role="menuitem">Сброс Init + Mask</button>
                    </div>
                </div>
            </div>
        </aside>
        <div class="sa-splitter" id="sa_splitter" role="separator" aria-orientation="vertical" title="Потяни, чтобы изменить ширину"></div>
        <section class="sa-chat-pane">
            <header class="sa-chat-header">
                <div class="sa-chat-title">
                    Assistent
                    <span class="sa-live-dot" id="sa_live_dot" hidden></span>
                    <span class="sa-health" id="sa_ollama_health" role="button" tabindex="0" title="Ollama: проверяю…" hidden>Ollama · …</span>
                    <div class="sa-sessions-bar">
                        <button type="button" class="basic-button sa-icon-btn" id="sa_btn_new_chat" title="Новый чат">+</button>
                        <button type="button" class="basic-button sa-sessions-toggle" id="sa_btn_chats" title="История чатов" aria-expanded="false">История</button>
                    <span class="sa-session-label" id="sa_session_label" title="Текущий чат — клик открывает Историю" role="button" tabindex="0">Новый чат</span>
                    </div>
                    <div class="sa-subtabs" role="tablist" aria-label="Разделы Assistent">
                        <button type="button" class="sa-subtab sa-subtab-active" data-view="chat" id="sa_tab_chat" role="tab" aria-selected="true">Чат</button>
                        <button type="button" class="sa-subtab" data-view="cards" id="sa_tab_cards" role="tab" aria-selected="false">Карточки</button>
                        <button type="button" class="sa-subtab" data-view="settings" id="sa_tab_settings" role="tab" aria-selected="false">Настройки</button>
                    </div>
                </div>
                <div class="sa-chats-panel" id="sa_chats_panel" hidden>
                    <div class="sa-chats-panel-head">Сохранённые чаты</div>
                    <input type="search" class="sa-chats-search" id="sa_chats_search" placeholder="Поиск по истории…" autocomplete="off" />
                    <div class="sa-chats-list" id="sa_chats_list"></div>
                    <div class="sa-chats-panel-hint">Старт = всегда новый чат. Клик по чату восстанавливает сообщения и параметры Generate.</div>
                </div>
                <div class="sa-header-right">
                    <div class="sa-persona-wrap">
                        <select id="sa_persona" class="sa-select" title="Характер / тон" aria-label="Характер">
                            <option value="neutral">Нейтральный</option>
                        </select>
                        <button type="button" class="basic-button sa-icon-btn" id="sa_persona_delete" title="Удалить overlay-личность" hidden aria-label="Удалить личность">✕</button>
                    </div>
                    <div class="sa-persona-controls" id="sa_persona_controls" hidden></div>
                    <select id="sa_pack" class="sa-select" title="Пакет промпта" aria-label="Пакет промпта">
                        <option value="ordinary">Обычный</option>
                        <option value="write_prompt">Написать промпт</option>
                    </select>
                    <span class="sa-mode-badge" id="sa_mode_badge" title="Активный pack">обычный</span>
                    <select id="sa_model" class="sa-select sa-model-select" title="Модель Ollama (чат)" aria-label="Модель Ollama">
                        <option value="">Загрузка моделей…</option>
                    </select>
                    <button type="button" class="basic-button sa-icon-btn" id="sa_btn_settings" title="Настройки" aria-label="Настройки">⚙</button>
                </div>
            </header>
            <div class="sa-view" id="sa_view_chat">
                <div class="sa-messages" id="sa_messages">
                    <div class="sa-chat-empty" id="sa_chat_empty">
                        <div class="sa-chat-empty-title">Совместная работа с Krea 2</div>
                        <div class="sa-chat-empty-hint">Напиши промпт, кинь refs, выбери персону или открой <em>Карточки</em> для LoRA.</div>
                    </div>
                </div>
                <div class="sa-livebar" id="sa_livebar" hidden>
                    <span class="sa-spinner" aria-hidden="true"></span>
                    <span class="sa-livebar-text" id="sa_livebar_text">Работаю…</span>
                    <span class="sa-elapsed" id="sa_elapsed"></span>
                </div>
                <div class="sa-composer" id="sa_composer">
                    <div class="sa-chips" id="sa_chips" role="toolbar" aria-label="Быстрые параметры"></div>
                    <div class="sa-lora-chips" id="sa_lora_chips" role="toolbar" aria-label="Активные LoRA"></div>
                    <div class="sa-slash-wrap">
                        <textarea id="sa_input" rows="3" placeholder="Промпт, img2img, критика… Enter = отправить · /help = команды" aria-label="Сообщение Assistent"></textarea>
                        <div class="sa-slash-menu" id="sa_slash_menu" hidden role="listbox"></div>
                    </div>
                    <div class="sa-composer-actions">
                        <button type="button" class="basic-button sa-primary" id="sa_btn_send">Отправить</button>
                        <button type="button" class="basic-button sa-btn-gen" id="sa_btn_build_gen" title="Нет патча — Generate с текущим промптом SwarmUI">Собрать + Gen</button>
                        <button type="button" class="basic-button" id="sa_btn_interrupt" title="Прервать генерацию / чат" hidden>Стоп</button>
                        <div class="sa-more-wrap" id="sa_clear_more_wrap">
                            <button type="button" class="basic-button" id="sa_btn_clear" title="Очистить чат">Очистить</button>
                            <button type="button" class="basic-button sa-icon-btn" id="sa_btn_clear_more" title="Ещё варианты очистки" aria-expanded="false">▾</button>
                            <div class="sa-more-menu" id="sa_clear_more_menu" hidden role="menu">
                                <button type="button" class="sa-more-item" id="sa_btn_clear_confirm" role="menuitem">Очистить весь чат…</button>
                                <button type="button" class="sa-more-item" id="sa_btn_clear_patches" role="menuitem">Убрать только патчи</button>
                            </div>
                        </div>
                        <span class="sa-status" id="sa_status" role="status" aria-live="polite"></span>
                    </div>
                </div>
            </div>

            <div class="sa-view" id="sa_view_cards" hidden>
                <div class="sa-cards-layout">
                    <div class="sa-cards-list-pane">
                        <div class="sa-cards-filter">
                            <select id="sa_cards_kind" class="sa-select">
                                <option value="all">Все</option>
                                <option value="checkpoint">Checkpoints</option>
                                <option value="lora">LoRAs</option>
                            </select>
                            <button type="button" class="basic-button" id="sa_btn_cards_refresh">Обновить</button>
                        </div>
                        <div class="sa-cards-list" id="sa_cards_list"></div>
                    </div>
                    <div class="sa-cards-editor-pane">
                        <div class="sa-cards-editor-head">
                            <strong id="sa_card_title">Выбери модель</strong>
                            <span class="sa-card-badge" id="sa_card_badge" hidden></span>
                        </div>
                        <div class="sa-card-previews" id="sa_card_previews" hidden></div>
                        <div class="sa-card-form" id="sa_card_form">
                            <label>Triggers <input type="text" id="sa_card_triggers" placeholder="слово1, слово2" /></label>
                            <label>Weight <input type="number" id="sa_card_weight" step="0.05" min="0" max="2" value="0.8" /></label>
                            <label>When <textarea id="sa_card_when" rows="2" placeholder="Когда использовать"></textarea></label>
                            <label>Avoid <textarea id="sa_card_avoid" rows="2" placeholder="Чего избегать"></textarea></label>
                            <label>Prompt hint <textarea id="sa_card_hint" rows="2" placeholder="Подсказка для промпта"></textarea></label>
                            <label>Notes <textarea id="sa_card_notes" rows="2" placeholder="Заметки"></textarea></label>
                            <label>Civitai URL <input type="text" id="sa_card_url" placeholder="https://civitai…" /></label>
                            <label class="sa-card-json-toggle"><input type="checkbox" id="sa_card_show_json" /> Показать JSON</label>
                            <textarea id="sa_card_json" rows="8" hidden placeholder="Card JSON…" spellcheck="false"></textarea>
                        </div>
                        <div class="sa-cards-actions">
                            <button type="button" class="basic-button sa-primary" id="sa_btn_card_to_chat" title="В чат: используй эту модель/LoRA">В чат</button>
                            <button type="button" class="basic-button" id="sa_btn_card_meta">Загрузить Civitai meta</button>
                            <button type="button" class="basic-button" id="sa_btn_card_generate">Сгенерировать с Assistent</button>
                            <button type="button" class="basic-button" id="sa_btn_card_save">Сохранить карточку</button>
                            <button type="button" class="basic-button" id="sa_btn_card_wanted" title="В очередь на следующий up">В wanted</button>
                            <span class="sa-status" id="sa_card_status"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sa-view" id="sa_view_settings" hidden>
            <div class="sa-settings" id="sa_settings">
                <div class="sa-settings-head">
                    <strong>Настройки</strong>
                    <button type="button" class="basic-button" id="sa_settings_close" title="К чату">← Чат</button>
                </div>
                <div class="sa-settings-tabs" role="tablist" aria-label="Разделы настроек">
                    <button type="button" class="sa-stab sa-stab-active" data-stab="behavior" role="tab" aria-selected="true">Поведение</button>
                    <button type="button" class="sa-stab" data-stab="models" role="tab" aria-selected="false">Модели</button>
                    <button type="button" class="sa-stab" data-stab="personas" role="tab" aria-selected="false">Личности</button>
                    <button type="button" class="sa-stab" data-stab="user" role="tab" aria-selected="false">О пользователе</button>
                    <button type="button" class="sa-stab" data-stab="craft" role="tab" aria-selected="false">Крафт</button>
                    <button type="button" class="sa-stab" data-stab="more" role="tab" aria-selected="false">Ещё</button>
                </div>
                <div class="sa-settings-panes">
                    <div class="sa-spane" data-spane="behavior">
                        <p class="sa-settings-hint">Автодействия после ответа модели и скилы текущей личности.</p>
                        <label class="sa-check" title="По умолчанию выкл. Кадр смотрит по кнопке «Посмотри результат», /look, или когда модель сама шлёт look_at. Эта галка — после каждого Generate."><input type="checkbox" id="sa_auto_vision" /> После Generate — look_at кадра</label>
                        <label class="sa-check"><input type="checkbox" id="sa_auto_apply" checked /> Авто-применять патч</label>
                        <label class="sa-check" title="Если ход — кадр, Generate без кнопок Apply. Чат и «нравится» не запускают картинку."><input type="checkbox" id="sa_auto_generate" checked /> Авто-Generate после патча</label>
                        <label class="sa-check" title="По умолчанию выкл. Критика кадра — кнопка «Посмотри результат» или /look. Галка шлёт JPEG после каждого Generate."><input type="checkbox" id="sa_auto_critique" /> Авто-критика после Generate</label>
                        <label class="sa-check" title="Выгружает чат-модель перед Generate (keep_alive:0). Для VL 7B обратная загрузка часто 1–2 мин — включай только если Generate падает по VRAM."><input type="checkbox" id="sa_park_llm" /> Park LLM перед Generate (VRAM)</label>
                        <label class="sa-check sa-danger" title="Опасно — скачивает без Confirm"><input type="checkbox" id="sa_auto_download" /> Авто-скачивание Civitai (выкл)</label>
                        <div class="sa-skills-label">Скилы (процедуры)</div>
                        <div class="sa-skills-box" id="sa_skills_box"></div>
                    </div>
                    <div class="sa-spane" data-spane="models" hidden>
                        <p class="sa-settings-hint">Ollama и модель эмбеддингов для крафт-памяти.</p>
                        <label>Ollama URL <input type="text" id="sa_base_url" value="http://127.0.0.1:11434" /></label>
                        <label>Модель чата
                            <select id="sa_settings_chat_model" class="sa-select" title="Синхрон с шапкой">
                                <option value="">—</option>
                            </select>
                        </label>
                        <label>Модель памяти (embed)
                            <select id="sa_embed_model" class="sa-select" title="Хранение и группировка памяти (use: memory)">
                                <option value="nomic-embed-text">nomic-embed-text</option>
                            </select>
                        </label>
                        <div class="sa-settings-row">
                            <button type="button" class="basic-button" id="sa_btn_refresh_models">Обновить модели</button>
                            <button type="button" class="basic-button" id="sa_btn_refresh_inventory">Обновить inventory</button>
                            <button type="button" class="basic-button" id="sa_btn_settings_health">Проверить Ollama</button>
                        </div>
                        <div class="sa-settings-health" id="sa_settings_health_line">Ollama · …</div>
                    </div>
                    <div class="sa-spane" data-spane="personas" hidden>
                        <p class="sa-settings-hint">Встроенные личности нельзя удалить. Свои — экспорт / импорт / удаление.</p>
                        <div class="sa-persona-panel">
                            <div class="sa-persona-list" id="sa_persona_list"></div>
                            <div class="sa-persona-preview" id="sa_persona_preview">
                                <div class="sa-mem-empty">Выбери личность слева</div>
                            </div>
                        </div>
                        <div class="sa-settings-row">
                            <button type="button" class="basic-button" id="sa_btn_persona_export">Экспорт</button>
                            <button type="button" class="basic-button" id="sa_btn_persona_import">Импорт…</button>
                            <button type="button" class="basic-button" id="sa_btn_persona_clone">Клонировать</button>
                            <button type="button" class="basic-button sa-danger-btn" id="sa_btn_persona_delete_panel" disabled title="Только overlay">Удалить</button>
                            <input type="file" id="sa_persona_import_file" accept=".json,.assistent-persona.json,application/json" hidden />
                        </div>
                    </div>
                    <div class="sa-spane" data-spane="user" hidden>
                        <p class="sa-settings-hint">Факты о тебе: общие для всех агентов и личные для текущей личности. Вес управляет силой в промпте.</p>
                        <label>Вес в промпте <span id="sa_user_prefs_weight_val">1.0</span>
                            <input type="range" id="sa_user_prefs_weight" min="0" max="1.5" step="0.1" value="1" />
                        </label>
                        <p class="sa-settings-hint">0 = выкл · 0.5 = кратко · 1 = полный список · &gt;1 = жёстко соблюдать</p>
                        <div class="sa-user-prefs-cols">
                            <div>
                                <div class="sa-mem-head">
                                    <span class="sa-skills-label">Общие</span>
                                    <button type="button" class="basic-button sa-icon-btn" id="sa_btn_pref_add_global" title="Добавить">+</button>
                                </div>
                                <div class="sa-mem-list" id="sa_prefs_global"></div>
                            </div>
                            <div>
                                <div class="sa-mem-head">
                                    <span class="sa-skills-label">Для этой личности</span>
                                    <button type="button" class="basic-button sa-icon-btn" id="sa_btn_pref_add_persona" title="Добавить">+</button>
                                </div>
                                <div class="sa-mem-list" id="sa_prefs_persona"></div>
                            </div>
                        </div>
                        <div class="sa-settings-row">
                            <button type="button" class="basic-button" id="sa_btn_prefs_refresh">Обновить</button>
                            <button type="button" class="basic-button" id="sa_btn_prefs_clear_global">Очистить общие</button>
                            <button type="button" class="basic-button" id="sa_btn_prefs_clear_persona">Очистить личность</button>
                            <button type="button" class="basic-button sa-danger-btn" id="sa_btn_prefs_clear_all">Очистить всё</button>
                        </div>
                    </div>
                    <div class="sa-spane" data-spane="craft" hidden>
                        <p class="sa-settings-hint">Крафт-RAG: LoRA, карточки, pitfalls. Не путать с «О пользователе».</p>
                        <div class="sa-mem-head">
                            <span class="sa-skills-label">Крафт-память</span>
                            <select id="sa_mem_scope" class="sa-select sa-mem-kind" title="Слой">
                                <option value="all">Все слои</option>
                                <option value="shared">Общая</option>
                                <option value="personal">Эта личность</option>
                            </select>
                            <select id="sa_mem_kind" class="sa-select sa-mem-kind" title="Фильтр по типу">
                                <option value="all">Все типы</option>
                            </select>
                            <input type="search" id="sa_mem_search" class="sa-mem-search" placeholder="Поиск…" autocomplete="off" />
                            <button type="button" class="basic-button sa-icon-btn" id="sa_btn_mem_refresh" title="Перечитать память и очередь wanted">⟳</button>
                        </div>
                        <div class="sa-mem-list" id="sa_mem_list"></div>
                        <div class="sa-mem-foot">
                            <span class="sa-mem-total" id="sa_mem_total">Всего: —</span>
                            <span class="sa-mem-wanted" id="sa_mem_wanted" title="Модели в очереди на следующий gpu-rent up">Очередь wanted: —</span>
                        </div>
                        <label>memory_top_k <input type="number" id="sa_memory_top_k" min="1" max="30" step="1" value="10" /></label>
                        <div class="sa-settings-row">
                            <button type="button" class="basic-button" id="sa_btn_mem_clear_kind">Очистить тип</button>
                            <button type="button" class="basic-button" id="sa_btn_mem_clear_persona">Очистить личность</button>
                            <button type="button" class="basic-button" id="sa_btn_mem_clear_shared">Очистить общую</button>
                            <button type="button" class="basic-button sa-danger-btn" id="sa_btn_mem_clear_all">Очистить всё крафт</button>
                        </div>
                    </div>
                    <div class="sa-spane" data-spane="more" hidden>
                        <p class="sa-settings-hint">Контекст Ollama и Exact Turbo/RAW (пишется в overlay).</p>
                        <label>num_ctx <input type="number" id="sa_num_ctx" min="2048" max="131072" step="1024" value="16384" /></label>
                        <label>history_keep_turns <input type="number" id="sa_history_keep" min="1" max="32" step="1" value="4" /></label>
                        <div class="sa-skills-label">Exact · Turbo</div>
                        <div class="sa-settings-row sa-knob-row">
                            <label>steps <input type="number" id="sa_exact_turbo_steps" min="1" max="64" step="1" /></label>
                            <label>cfg <input type="number" id="sa_exact_turbo_cfg" min="0.1" max="30" step="0.1" /></label>
                            <label>σ <input type="number" id="sa_exact_turbo_sigma" min="0.1" max="10" step="0.05" /></label>
                        </div>
                        <div class="sa-skills-label">Exact · RAW</div>
                        <div class="sa-settings-row sa-knob-row">
                            <label>steps <input type="number" id="sa_exact_raw_steps" min="1" max="64" step="1" /></label>
                            <label>cfg <input type="number" id="sa_exact_raw_cfg" min="0.1" max="30" step="0.1" /></label>
                            <label>σ <input type="number" id="sa_exact_raw_sigma" min="0.1" max="10" step="0.05" /></label>
                        </div>
                        <div class="sa-settings-row">
                            <button type="button" class="basic-button sa-primary" id="sa_btn_knobs_save">Сохранить knobs</button>
                            <button type="button" class="basic-button" id="sa_btn_reset_ui">Сброс UI-state</button>
                        </div>
                    </div>
                </div>
            </div>

            </div>

        </section>
    </div>
</div>