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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user