@ai-ecoverse/slicc-spectrum 1.9.0 → 1.10.0

package/dist/slicc-ui.js

@@ -8004,11 +8004,14 @@ function attachment(item2) {
     <span class="size">${item2.error ? item2.error : item2.kind === "secret" ? "secret" : size(item2.size)}</span>
   </div>`;
 }
+var deliveries = { steer: "steered", "follow-up": "follow-up" };
 function user(message) {
-  return b`<article class="message user" data-id=${message.id} data-mode=${message.mode ?? "send"}>
+  const delivered = message.delivered ?? (message.mode === "steer" ? "steer" : void 0);
+  const tag3 = delivered === "steer" || delivered === "follow-up" ? deliveries[delivered] : null;
+  return b`<article class="message user" data-id=${message.id} data-mode=${message.mode ?? "send"} data-delivered=${delivered ?? "run"}>
     <div class="meta">
       <span class="who">${message.from ? `From ${message.from}` : "You"}</span><span>${time(message.createdAt)}</span>
-      ${message.mode === "steer" ? b`<span class="tag">steered</span>` : A}
+      ${tag3 ? b`<span class="tag">${tag3}</span>` : A}
     </div>
     ${message.text ? b`<div class="body">${message.text}</div>` : A}
     ${message.attachments?.length ? b`<div class="attachments">${message.attachments.map(attachment)}</div>` : A}
@@ -8108,9 +8111,12 @@ var messageCss = i`
     white-space: pre-wrap;
     overflow-wrap: anywhere;
   }
-  .user[data-mode='steer'] .body {
+  .user[data-delivered='steer'] .body {
     border-left: 3px solid var(--spectrum-notice-visual-color);
   }
+  .user[data-delivered='follow-up'] .body {
+    border-left: 3px solid var(--spectrum-informative-visual-color);
+  }
   .attachments {
     display: flex;
     flex-wrap: wrap;
@@ -9160,7 +9166,8 @@ var SliccComposer = class extends ModelElement {
       known.run(model, this.#agent, (command[2] ?? "").trim());
       return;
     }
-    const resolved = mode === "steer" ? "steer" : this.#busy() ? "queue" : "send";
+    const busy = this.#busy();
+    const resolved = mode === "queue" ? busy ? "queue" : "send" : busy || mode === "steer" ? "steer" : "send";
     void model.agent.send(this.#agent, { text: text2, attachments, mode: resolved });
   }
   #id() {
@@ -9357,7 +9364,7 @@ var SliccComposer = class extends ModelElement {
       handled = true;
     } else if (!handled && event.key === "Enter") {
       const modified = event.metaKey || event.ctrlKey;
-      if (modified) this.send("steer");
+      if (modified) this.send("queue");
       else if (!event.shiftKey && sendOnEnter) this.send();
       handled = modified || !event.shiftKey && sendOnEnter;
     }
@@ -9541,7 +9548,7 @@ var SliccComposer = class extends ModelElement {
             <span class="spacer"></span>
             ${speech ? b`<sp-action-button size="s" quiet ?selected=${this.dictating} label="Dictate" @click=${() => this.dictate()}><sp-icon-microphone slot="icon"></sp-icon-microphone></sp-action-button>` : A}
             ${busy && !canSend ? b`<sp-button size="s" variant="secondary" treatment="outline" @click=${() => this.model?.agent.stop(this.#agent)}>Stop</sp-button>` : b`<sp-button size="s" variant="accent" ?disabled=${!canSend} @click=${() => this.send()}>
-                    <sp-icon-send slot="icon"></sp-icon-send>${busy ? "Queue" : "Send"}
+                    <sp-icon-send slot="icon"></sp-icon-send>${busy ? "Steer" : "Send"}
                   </sp-button>`}
           </div>
         </div>
@@ -9552,7 +9559,7 @@ var SliccComposer = class extends ModelElement {
     }} />
       </div>
       <div class="hint">
-        <kbd>Enter</kbd> ${busy ? "queue" : "send"} · <kbd>Ctrl+Enter</kbd> steer · <kbd>Shift+Enter</kbd> new line · <kbd>/</kbd> commands ·
+        <kbd>Enter</kbd> ${busy ? "steer" : "send"} · <kbd>Ctrl+Enter</kbd> queue · <kbd>Shift+Enter</kbd> new line · <kbd>/</kbd> commands ·
         <kbd>@</kbd> mention · <kbd>↑</kbd> history${busy ? b` · <kbd>Esc</kbd> stop` : A}
       </div>`;
   }