@ai-ecoverse/slicc-spectrum 1.10.0 → 1.12.0

package/dist/slicc-ui.js

@@ -7824,7 +7824,8 @@ var actionLabels = {
   retry: "Retry",
   settings: "Open settings",
   "change-model": "Change model",
-  login: "Log in"
+  login: "Log in",
+  "drop-turn": "Drop the last turn"
 };
 function time(at) {
   return new Date(at).toISOString().slice(11, 16);
@@ -7971,7 +7972,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>`;
   }
@@ -8026,7 +8027,12 @@ function assistant(message, name, model, handlers, showThinking) {
       ${message.status === "stopped" ? b`<span class="tag">stopped</span>` : A}
       ${message.status === "error" ? b`<span class="tag negative">failed</span>` : A}
     </div>
-    ${parts(message.parts, handlers, showThinking, message.status === "streaming")}
+    ${parts(
+    message.parts,
+    { ...handlers, action: (action) => handlers.action(action, message.id) },
+    showThinking,
+    message.status === "streaming"
+  )}
     ${message.status === "streaming" ? b`<span class="caret" aria-hidden="true"></span>` : A}
   </article>`;
 }
@@ -8048,8 +8054,8 @@ 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>
-    ${message.action ? b`<sp-button size="s" variant="secondary" treatment="outline" @click=${() => handlers.action(message.action)}>${actionLabels[message.action]}</sp-button>` : A}
+    <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, message.id)}>${actionLabels[message.action]}</sp-button>` : A}
   </div>`;
 }
 function lick(message, handlers) {
@@ -8522,8 +8528,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 {
@@ -8695,7 +8713,7 @@ var SliccChat = class extends ThemedElement {
     model: null,
     answer: (questionId, answer) => this.model?.agent.answer(this.#id(), questionId, answer),
     resolve: (messageId, state) => this.model?.agent.resolveLick(this.#id(), messageId, state),
-    action: (action) => this.#action(action),
+    action: (action, messageId) => this.#action(action, messageId),
     open: (path) => this.dispatchEvent(
       new CustomEvent("open-file", { detail: { path }, bubbles: true, composed: true })
     )
@@ -8737,10 +8755,19 @@ var SliccChat = class extends ThemedElement {
     const id = this.#id();
     return this.model?.agent.list().find((agent) => agent.id === id);
   }
-  #action(action) {
+  async #rewind(id, messageId) {
+    const restored = await this.model?.agent.rewind?.(id, messageId);
+    if (!restored) return;
+    this.renderRoot.querySelector("slicc-composer")?.restore(restored);
+  }
+  #action(action, messageId = "") {
     const model = this.model;
     if (!model) return;
     const id = this.#id();
+    if (action === "drop-turn") {
+      void this.#rewind(id, messageId);
+      return;
+    }
     if (action === "retry") {
       const last = model.agent.messages(id).filter((message) => message.role === "user").at(-1);
       if (last) void model.agent.send(id, { text: last.text, attachments: last.attachments });
@@ -9145,6 +9172,12 @@ var SliccComposer = class extends ModelElement {
   focus() {
     this.focusOn("textarea");
   }
+  restore(message) {
+    this.value = message.text;
+    this.attachments = [...message.attachments ?? []];
+    this.#history = -1;
+    this.focus();
+  }
   get #textarea() {
     return this.renderRoot.querySelector("textarea");
   }