Improve Assistent UX: send from Generate, drag-drop, resize.

Add Send to Assistent media button, paste/drop vision image, pane splitter, and polish layout for Krea collaborative chat.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Leonid Pershin
2026-08-21 07:45:37 +03:00
co-authored by Cursor
parent 5ce3fbf27d
commit 80119c78be
5 changed files with 564 additions and 94 deletions
+15 -8
View File
@@ -3,16 +3,23 @@
<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">
<div class="sa-image-frame" id="sa_image_frame">
<img id="sa_image_preview" alt="" hidden />
<div class="sa-image-empty" id="sa_image_empty">Generate or select an image</div>
<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_refresh_image">Refresh preview</button>
<label class="sa-check"><input type="checkbox" id="sa_attach_vision" checked /> Attach to next message</label>
<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_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</div>
@@ -36,9 +43,9 @@
</div>
<div class="sa-messages" id="sa_messages"></div>
<div class="sa-composer">
<textarea id="sa_input" rows="3" placeholder="Ask for a prompt, critique the image, change aspect…"></textarea>
<textarea id="sa_input" rows="3" placeholder="Ask for a prompt, critique the image, change aspect… (Enter = send, Shift+Enter = newline)"></textarea>
<div class="sa-composer-actions">
<button type="button" class="basic-button" id="sa_btn_send">Send</button>
<button type="button" class="basic-button sa-primary" id="sa_btn_send">Send</button>
<button type="button" class="basic-button" id="sa_btn_clear">Clear chat</button>
<span class="sa-status" id="sa_status"></span>
</div>