@ai-ecoverse/slicc-spectrum 1.9.0 → 1.11.0

package/dist/slicc-ui.js

@@ -7971,7 +7971,7 @@ function part(entry, handlers, showThinking) {
       </a>`;
     default:
       return b`<div class="error-card" role="alert">
-        <span>${entry.message}</span>
+        <div class="error-text"><span class="lead">${entry.message}</span>${entry.detail ? b`<span class="detail">${entry.detail}</span>` : A}</div>
         ${entry.action ? b`<sp-button size="s" variant="secondary" treatment="outline" @click=${() => handlers.action(entry.action)}>${actionLabels[entry.action]}</sp-button>` : A}
       </div>`;
   }
@@ -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}
@@ -8045,7 +8048,7 @@ function system(message, handlers) {
     return b`<div class="notice" role="note" data-id=${message.id}><strong>${message.title}</strong> ${message.text}</div>`;
   }
   return b`<div class="error-card system-error" role="alert" data-id=${message.id}>
-    <div><strong>${message.title}</strong><span>${message.text}</span></div>
+    <div class="error-text"><strong>${message.title}</strong><span>${message.text}</span></div>
     ${message.action ? b`<sp-button size="s" variant="secondary" treatment="outline" @click=${() => handlers.action(message.action)}>${actionLabels[message.action]}</sp-button>` : A}
   </div>`;
 }
@@ -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;
@@ -8516,8 +8522,20 @@ var messageCss = i`
     margin: 6px 0;
     font-size: var(--spectrum-font-size-75);
   }
-  .error-card div {
+  .error-card .error-text {
     display: grid;
+    gap: 2px;
+    flex: 1;
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+  .error-card .detail {
+    font-size: var(--spectrum-font-size-50);
+    color: var(--spectrum-neutral-subdued-content-color-default);
+  }
+  .error-card sp-button {
+    flex: none;
+    white-space: nowrap;
   }
   .marker,
   .day {
@@ -9160,7 +9178,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 +9376,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 +9560,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 +9571,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>`;
   }