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 is for <strong>Krea 2</strong> models only. Select a Krea 2 checkpoint to enable the chat.</p>
    </div>
    <div class="sa-layout" id="sa_layout">
        <aside class="sa-image-pane" id="sa_image_pane">
            <div class="sa-image-frame" id="sa_image_frame" tabindex="0" title="Drop an image here, or paste (Ctrl+V). Drag from Generate / History.">
                <img id="sa_image_preview" alt="Vision reference" hidden />
                <div class="sa-image-empty" id="sa_image_empty">
                    <div class="sa-empty-title">Vision reference</div>
                    <div class="sa-empty-hint">Drop · paste · <em>Send to Assistent</em> from Generate</div>
                </div>
                <div class="sa-drop-overlay" id="sa_drop_overlay" hidden>Drop image</div>
                <span class="sa-vision-chip" id="sa_vision_chip" hidden>vision</span>
            </div>
            <div class="sa-image-actions">
                <button type="button" class="basic-button" id="sa_btn_use_current" title="Grab the current Generate preview">Use current</button>
                <button type="button" class="basic-button" id="sa_btn_as_init" title="Set vision image as Swarm Init Image (img2img)">As Init</button>
                <button type="button" class="basic-button" id="sa_btn_as_mask" title="Set vision image as Mask (inpaint — white=edit)">As Mask</button>
                <button type="button" class="basic-button" id="sa_btn_clear_init" title="Clear Init Image + Mask on Generate tab">Clear Init</button>
                <button type="button" class="basic-button" id="sa_btn_clear_image" title="Clear vision image">Clear</button>
                <label class="sa-check"><input type="checkbox" id="sa_attach_vision" checked /> Attach next</label>
            </div>
        </aside>
        <div class="sa-splitter" id="sa_splitter" role="separator" aria-orientation="vertical" title="Drag to resize"></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>
                </div>
                <div class="sa-header-right">
                    <select id="sa_pack" class="sa-select" title="Prompt pack">
                        <option value="write_prompt">Write prompt</option>
                        <option value="critique_image">Critique image</option>
                        <option value="compose_scene">Compose scene</option>
                        <option value="fix_params">Fix params</option>
                        <option value="inpaint_edit">Inpaint / img2img</option>
                    </select>
                    <select id="sa_model" class="sa-select sa-model-select" title="Ollama model">
                        <option value="">Loading models…</option>
                    </select>
                    <button type="button" class="basic-button sa-icon-btn" id="sa_btn_settings" title="Settings" aria-label="Settings">⚙</button>
                </div>
            </header>
            <div class="sa-settings" id="sa_settings" hidden>
                <label>Ollama URL <input type="text" id="sa_base_url" value="http://127.0.0.1:11434" /></label>
                <button type="button" class="basic-button" id="sa_btn_refresh_models">Refresh models</button>
                <button type="button" class="basic-button" id="sa_btn_refresh_inventory">Refresh inventory</button>
                <label class="sa-check"><input type="checkbox" id="sa_auto_vision" /> Auto-attach current image</label>
                <label class="sa-check"><input type="checkbox" id="sa_auto_apply" checked /> Auto-apply patch</label>
                <label class="sa-check"><input type="checkbox" id="sa_auto_generate" checked /> Auto-generate after patch</label>
                <label class="sa-check"><input type="checkbox" id="sa_auto_critique" /> Auto-critique after generate</label>
                <label class="sa-check sa-danger" title="Dangerous — downloads without Confirm"><input type="checkbox" id="sa_auto_download" /> Auto-download Civitai (off)</label>
            </div>
            <div class="sa-messages" id="sa_messages">
                <div class="sa-chat-empty" id="sa_chat_empty">
                    <div class="sa-chat-empty-title">Collaborative Krea 2</div>
                    <div class="sa-chat-empty-hint">Write a prompt, drop a reference on the left, or send the current Generate image.</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">Working…</span>
                <span class="sa-elapsed" id="sa_elapsed"></span>
            </div>
            <div class="sa-composer" id="sa_composer">
                <textarea id="sa_input" rows="3" placeholder="Ask for a prompt, img2img, inpaint, critique… (Enter = send, Shift+Enter = newline)"></textarea>
                <div class="sa-composer-actions">
                    <button type="button" class="basic-button sa-primary" id="sa_btn_send">Send</button>
                    <button type="button" class="basic-button" id="sa_btn_interrupt" title="Interrupt generation / chat" hidden>Interrupt</button>
                    <button type="button" class="basic-button" id="sa_btn_clear">Clear chat</button>
                    <span class="sa-status" id="sa_status"></span>
                </div>
            </div>
        </section>
    </div>
</div>