@ai-ecoverse/slicc-spectrum 1.28.0 → 1.29.0

package/dist/slicc-ui.js

@@ -13930,6 +13930,7 @@ e25("swc-icon-alert-triangle", o51);
 // src/app/updates.ts
 var states = {
   current: ["neutral", "Up to date"],
+  queued: ["neutral", "Waiting"],
   checking: ["info", "Checking"],
   downloading: ["info", "Downloading"],
   linking: ["info", "Linking"],
@@ -13953,8 +13954,8 @@ function hint(port) {
   return "Preparing your agent. You can keep working; this panel closes when the agent is ready.";
 }
 function updatesStatus(items) {
-  const failed = items.filter((item2) => item2.state === "failed").length;
-  if (failed) return `${failed} failed`;
+  const failed2 = items.filter((item2) => item2.state === "failed").length;
+  if (failed2) return `${failed2} failed`;
   const busy = items.filter((item2) => running.has(item2.state)).length;
   if (busy) return `updating ${busy}`;
   if (items.some((item2) => item2.state === "ready" || item2.state === "available")) {
@@ -13970,13 +13971,13 @@ var UpdateVisibility = class {
     this.#boot = !ready;
   }
   change(port, layout = false) {
-    const failed = new Set(
+    const failed2 = new Set(
       port.list().filter((item2) => item2.state === "failed").map((item2) => item2.id)
     );
-    const open = (this.#initial || layout) && this.#boot || [...failed].some((id) => !this.#failed.has(id));
+    const open = (this.#initial || layout) && this.#boot || [...failed2].some((id) => !this.#failed.has(id));
     this.#initial = false;
-    this.#failed = failed;
-    if (this.#boot && port.ready() && failed.size === 0) {
+    this.#failed = failed2;
+    if (this.#boot && port.ready() && failed2.size === 0) {
       this.#boot = false;
       return "close";
     }
@@ -14193,7 +14194,8 @@ var SliccUpdates = class extends ModelElement {
     return b`<span>Checked <time datetime=${date.toISOString()}>${shown}</time></span>`;
   }
   #item(item2) {
-    const [variant, label] = states[item2.state];
+    const [variant, state] = states[item2.state];
+    const label = item2.state === "failed" && item2.from !== null ? "Update failed" : state;
     const error = this.failures.get(item2.id) ?? item2.error;
     return b`<swc-divider size="s"></swc-divider>
     <article data-id=${item2.id} data-state=${item2.state} aria-label=${item2.label}>
@@ -14251,6 +14253,30 @@ function updatesVariant(status2) {
   if (status2.startsWith("updating")) return "info";
   return "notice";
 }
+var overscrollLocks = /* @__PURE__ */ new WeakMap();
+function lockOverscroll(document2) {
+  const lock = overscrollLocks.get(document2) ?? { count: 0, restore: () => {
+  } };
+  overscrollLocks.set(document2, lock);
+  if (lock.count === 0) {
+    const saved = [document2.documentElement, document2.body].flatMap(
+      ({ style }) => ["overscroll-behavior-x", "overscroll-behavior-y"].map((name) => {
+        const value = style.getPropertyValue(name);
+        const priority = style.getPropertyPriority(name);
+        style.setProperty(name, "none", "important");
+        return () => style.setProperty(name, value, priority);
+      })
+    );
+    lock.restore = () => {
+      for (const restore of saved) restore();
+    };
+  }
+  lock.count += 1;
+  return () => {
+    lock.count -= 1;
+    if (lock.count === 0) lock.restore();
+  };
+}
 var SliccApp = class extends ThemedElement {
   static properties = {
     ...ThemedElement.properties,
@@ -14268,6 +14294,7 @@ var SliccApp = class extends ThemedElement {
   #started = null;
   #saving = false;
   #updatesPort;
+  #unlock;
   #updatesVisibility = null;
   constructor() {
     super();
@@ -14456,12 +14483,14 @@ var SliccApp = class extends ThemedElement {
     this.ownerDocument.addEventListener("keydown", this.#keydown, true);
     this.#fonts();
     installProperties(this.ownerDocument);
+    this.#unlock = lockOverscroll(this.ownerDocument);
     this.#resize = new ResizeObserver(() => this.#measure());
     this.#resize.observe(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
     this.ownerDocument.removeEventListener("keydown", this.#keydown, true);
+    this.#unlock();
     this.#resize?.disconnect();
   }
   get fontBase() {
@@ -18807,6 +18836,10 @@ var actionLabels = {
   login: "Log in",
   "drop-turn": "Drop the last turn"
 };
+function actionLabel(action, handlers, messageId) {
+  const count = action === "drop-turn" ? handlers.dropping(messageId) : 1;
+  return count > 1 ? `Drop ${count} failed turns` : actionLabels[action];
+}
 function time(at) {
   return new Date(at).toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" });
 }
@@ -18858,14 +18891,14 @@ function tool(call, color = "light") {
   </details>`;
 }
 function cluster(calls, open, color) {
-  const failed = calls.filter((call) => call.status === "error").length;
+  const failed2 = calls.filter((call) => call.status === "error").length;
   const running2 = calls.some((call) => call.status === "running");
   return b`<details class="cluster" ?open=${open || running2}>
     <summary>
       <span class="chevron" aria-hidden="true">▸</span>
       <span class="title">${calls.length} steps</span>
       <span class="names">${[...new Set(calls.map((call) => call.name))].join(" \xB7 ")}</span>
-      ${failed ? b`<span class="state failed">${toolStates.error[1]}${failed} failed</span>` : A}
+      ${failed2 ? b`<span class="state failed">${toolStates.error[1]}${failed2} failed</span>` : A}
     </summary>
     ${calls.map((call) => tool(call, color))}
   </details>`;
@@ -18987,7 +19020,7 @@ function part(entry, handlers, showThinking) {
     default:
       return b`<div class="error-card" role="alert">
         <div class="error-text"><span class="lead">${entry.message}</span>${entry.detail ? b`<span class="detail">${entry.detail}</span>` : A}</div>
-        ${entry.action ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action=${entry.action} ?disabled=${handlers.readOnly} @click=${() => handlers.action(entry.action)}>${actionLabels[entry.action]}</swc-button>` : A}
+        ${entry.action ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action=${entry.action} ?disabled=${handlers.readOnly} @click=${() => handlers.action(entry.action)}>${actionLabel(entry.action, handlers, "")}</swc-button>` : A}
       </div>`;
   }
 }
@@ -19083,7 +19116,11 @@ function assistant(message, name, model, handlers, showThinking, suggestion = nu
         ${status(message)}
         ${parts(
     message.parts,
-    { ...handlers, action: (action) => handlers.action(action, message.id) },
+    {
+      ...handlers,
+      action: (action) => handlers.action(action, message.id),
+      dropping: () => handlers.dropping(message.id)
+    },
     showThinking,
     message.status === "streaming"
   )}
@@ -19126,7 +19163,7 @@ function system(message, handlers) {
     "Error",
     b`<div class="error-card system-error" role="alert" data-id=${message.id}>
       <div class="error-text"><strong>${message.title}</strong><span>${message.text}</span></div>
-      ${message.action ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action=${message.action} ?disabled=${handlers.readOnly} @click=${() => handlers.action(message.action, message.id)}>${actionLabels[message.action]}</swc-button>` : A}
+      ${message.action ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action=${message.action} ?disabled=${handlers.readOnly} @click=${() => handlers.action(message.action, message.id)}>${actionLabel(message.action, handlers, message.id)}</swc-button>` : A}
     </div>`
   );
 }
@@ -19699,6 +19736,20 @@ var navigation = /* @__PURE__ */ new Set([
   "PageUp",
   "PageDown"
 ]);
+var failed = (message) => message.role === "assistant" ? message.status === "error" : message.role === "system" && message.kind === "error";
+function failedTurns(messages, messageId) {
+  const at = messages.findIndex((message) => message.id === messageId);
+  const turns = messages.flatMap(
+    (message, index) => message.role === "user" && index < at ? [index] : []
+  );
+  const ids = [messageId];
+  for (let turn = turns.length - 1; turn > 0; turn--) {
+    const error = messages.slice(turns[turn - 1], turns[turn]).find(failed);
+    if (!error) break;
+    ids.push(error.id);
+  }
+  return ids;
+}
 var touched = false;
 document.addEventListener(
   "pointerdown",
@@ -19791,6 +19842,7 @@ var SliccChat = class extends ThemedElement {
     answer: (questionId, answer) => this.model?.agent.answer(this.#id(), questionId, answer),
     resolve: (messageId, state) => this.model?.agent.resolveLick(this.#id(), messageId, state),
     action: (action, messageId) => this.#action(action, messageId),
+    dropping: (messageId) => failedTurns(this.model.agent.messages(this.#id()), messageId).length,
     open: (path) => this.dispatchEvent(
       new CustomEvent("open-file", { detail: { path }, bubbles: true, composed: true })
     ),
@@ -19880,9 +19932,15 @@ var SliccChat = class extends ThemedElement {
     return this.model?.agent.list().find((agent) => agent.id === id);
   }
   async #rewind(id, messageId) {
-    const restored = await this.model?.agent.rewind?.(id, messageId);
+    const messages = this.model?.agent.messages(id) ?? [];
+    const at = messages.findIndex((message) => message.id === messageId);
+    const latest = messages.findLast(
+      (message, index) => index < at && message.role === "user"
+    );
+    const first2 = failedTurns(messages, messageId).at(-1);
+    const restored = await this.model?.agent.rewind?.(id, first2);
     if (!restored) return;
-    this.renderRoot.querySelector("slicc-composer")?.restore(restored);
+    this.renderRoot.querySelector("slicc-composer")?.restore(latest ? { text: latest.text, attachments: latest.attachments } : restored);
   }
   #action(action, messageId = "") {
     const model = this.model;
@@ -40697,7 +40755,7 @@ var File = class {
     if (this.editor != null) throw new Error("File.__completeEditSession: detach the editor before completing the session");
     const sessionAnnotationsCurrent = editSessionAnnotations?.current;
     let acceptedFile;
-    let failed = false;
+    let failed2 = false;
     let failure2;
     if (editor == null) throw new Error("File.__completeEditSession: editor is required for completion");
     const completedFile = { ...editSessionFile };
@@ -40716,7 +40774,7 @@ var File = class {
         acceptedFile = completedFile;
       }
     } catch (error) {
-      failed = true;
+      failed2 = true;
       failure2 = error;
     }
     if (installResult && acceptedFile != null) {
@@ -40728,7 +40786,7 @@ var File = class {
     this.fileRenderer.endEditSession(settledFile);
     if (renderedFile != null && settledFile != null && renderedFile !== settledFile && areFileTargetsEqual(renderedFile, settledFile)) this.renderedFile = settledFile;
     if (installResult && this.fileContainer != null) this.rerender();
-    if (failed) throw failure2;
+    if (failed2) throw failure2;
   }
   applyDocumentChange(textDocument, newLineAnnotations) {
     const editSessionFile = this.editSession?.file;
@@ -46982,7 +47040,7 @@ var FileDiff = class {
     let acceptedDiff;
     let acceptedOldFile = null;
     let acceptedNewFile = null;
-    let failed = false;
+    let failed2 = false;
     let failure2;
     if (editor == null) throw new Error("FileDiff.__completeEditSession: editor is required for completion");
     const completedDiff = cloneFileDiffMetadata(editSessionDiff);
@@ -47013,7 +47071,7 @@ var FileDiff = class {
         acceptedNewFile = event2.newFile;
       }
     } catch (error) {
-      failed = true;
+      failed2 = true;
       failure2 = error;
     }
     if (installResult && acceptedDiff != null) {
@@ -47026,7 +47084,7 @@ var FileDiff = class {
     }
     this.editSession = void 0;
     if (installResult && this.fileContainer != null) this.rerender();
-    if (failed) throw failure2;
+    if (failed2) throw failure2;
   }
   /**
   * Run the session-end recompute: restore recompute-shaped hunks (a