@ai-ecoverse/slicc-spectrum 1.37.0 → 1.37.1

package/README.md

@@ -138,12 +138,12 @@ Text is Adobe Clean Spectrum VF, falling back to Adobe Clean, and code is Spectr
 | `<slicc-composer>` | The message box. <kbd>Enter</kbd> sends, or steers a running reply: the message joins after the current tool round, without interrupting; <kbd>Ctrl</kbd>/<kbd>⌘</kbd>+<kbd>Enter</kbd> queues a follow-up that runs after the reply and can be withdrawn; <kbd>Shift</kbd>+<kbd>Enter</kbd> adds a line; <kbd>Tab</kbd> takes the suggested follow-up; <kbd>↑</kbd>/<kbd>↓</kbd> at the start or end walk this agent's history; <kbd>Esc</kbd> stops. `/` completes commands (`/clear`, `/compact`, `/model`, `/thinking`, `/scoop`, `/stop`, `/freeze` when the port can freeze, `/theme`) and their arguments, `@` mentions agents and files. Attach from the computer, from SLICC's files, a browser screenshot or a shared secret, or paste and drop files (25 MB each). Queued messages wait above it, to send now or drop. Model and thinking pickers, and dictation where the browser has speech recognition. Drafts are kept per agent. |
 | `<slicc-files>` | The file system as a `<slicc-file-tree>`, with pending changes as git status. Opening a file opens it in a tab. With `files.mountFolder`, **Mount a folder…** (`data-action="mount-folder"`) mounts a local folder, then selects and expands it in the tree; with `files.mounts`, a **Mounted** strip lists the mount points, each with **Eject** (`data-action="eject"`, `data-path` the mount point) when the port has `eject`. With `files.needsFolder`, a **Needs a folder** section lists the mount points waiting for a folder, each with **Insert folder…** (`data-action="insert-folder"`, `data-id` the mount point), which calls `mountFolder(path)`. A failed mount, insert or eject shows its message under the bar. |
 | `<slicc-file-view>` | One file (`path`), highlighted, with its pending change and a link to the diff. |
-| `<slicc-changes>` | Pending changes with their author. Opens the diff, accepts or reverts one change or all of them. Changes with a `repo` show their folder relative to it, and no author when `agentId` is `null`; with more than one repository they group under a header per repository (its path and count), in the order the port returns them. Revert and Revert all ask with a destructive confirm that says the uncommitted (or, without a repo, pending) changes can't be undone; a failed revert shows its message under the bar. When the port's `unavailable()` returns a string, the panel shows it instead of the list, with each `backtick` span as code and, below, each command once with a **Copy** button (`data-command`, `data-action="copy-command"`). |
+| `<slicc-changes>` | Pending changes with their author. Opens the diff, accepts or reverts one change or all of them. Changes with a `repo` show their folder relative to it, and no author when `agentId` is `null`; they group under a header per repository (its path and count), even when there is only one, in the order the port returns them. In a diff panel narrower than 480 px, Accept and Revert (`data-action="accept"`, `data-action="revert"`) show only their icons. Revert and Revert all ask with a destructive confirm that says the uncommitted (or, without a repo, pending) changes can't be undone; a failed revert shows its message under the bar. When the port's `unavailable()` returns a string, the panel shows it instead of the list, with each `backtick` span as inline code in the text's color and, below, each command once with a **Copy** button (`data-command`, `data-action="copy-command"`). |
 | `<slicc-diff-panel>` | The diff of one pending change (`path`), unified or split, with accept and revert. A change with `before` and `after` both `null` (a binary file, or text over 1 MB) shows “No diff for this file” and Open the file instead, and keeps Accept and Revert. |
 | `<slicc-terminals>` | Terminal sessions in tabs, each a `<slicc-terminal>` on the session's `TerminalBackend`. Sessions stay alive while hidden; `exit` closes the tab. |
 | `<slicc-browser>` | Browser tabs with the agent driving each, an address bar, reload, and the active tab's screenshot. |
 | `<slicc-settings>` | Theme, the model and thinking level for new cones, composer and diff preferences, and accounts to connect, reconnect or disconnect. An account whose status is `signing-in` (or a non-API-key account while its `connect` is pending) reads “Signing in…”; when the port has `cancel(id)`, its row offers Cancel (`data-action="cancel-sign-in"`), and the rejected `connect` that follows shows no error. |
-| `<slicc-updates>` | Install / Update: component states, version changes, last checks, download and link counts, action buttons, failures with Retry, and collapsible install logs. Opens at boot until the agent is ready without failures. Background updates stay in the header's update status; new failures reopen the panel. Also available through View and the rails. |
+| `<slicc-updates>` | Install / Update: component states, version changes, last checks, download and link counts, action buttons, failures with Retry, and collapsible install logs. Opens at boot until the agent is ready without failures. Background updates stay in the header's update status; new failures reopen the panel, and after a reload into a boot that isn't ready yet such a panel closes once the agent is ready. Every automatic close is saved to the layout. Also available through View and the rails. |
 | `<slicc-memory>` | What agents remember, per scope (everyone, a cone or a role), grouped by section: search, filter by tag, expand, edit, add and forget. Free text outside an entry shows “From MEMORY.md”. |
 | `<slicc-monitor>` | The live monitor: vitals with sparklines (active agents, spend, budget, fullest context), alerts, and the topology (cones and scoops, terminals, tabs, pending changes, sprinkles, tray followers). |
 | `<slicc-freezer>` | Frozen cones, archived with their scoops, and the chats New chat put away: thaw to bring one back, delete, or freeze the active cone (also `/freeze`). |

package/dist/slicc-ui.js

@@ -15145,12 +15145,14 @@ var SliccApp = class extends ThemedElement {
       const restored = this.dock.api.getPanel("updates");
       if (restored) this.dock.reveal("updates");
       else this.show("updates");
-      if (!port.ready() && restored?.params?.boot !== false) {
-        this.dock.api.getPanel("updates")?.api.updateParameters({ boot: true });
-        this.#save();
-      }
+      const panel = this.dock.api.getPanel("updates");
+      if (!port.ready() && restored?.params?.boot !== false)
+        panel?.api.updateParameters({ boot: true });
+      else if (!restored) panel?.api.updateParameters({ boot: void 0 });
+      this.#save();
     } else if (this.dock.api.getPanel("updates")?.params?.boot && port.ready() && !port.list().some((item2) => item2.state === "failed")) {
       this.dock.close("updates");
+      this.#save();
     }
   }
   #factories(model) {
@@ -16874,6 +16876,20 @@ var SliccChanges = class extends ModelElement {
         min-width: 0;
         user-select: all;
       }
+      p code {
+        display: inline-block;
+        max-inline-size: 100%;
+        font-size: var(--swc-font-size-50);
+        color: inherit;
+      }
+      .summary {
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      .bar swc-action-button {
+        flex: none;
+      }
       .repo {
         display: flex;
         gap: var(--swc-spacing-100);
@@ -17022,7 +17038,7 @@ var SliccChanges = class extends ModelElement {
   }
   #list(changes) {
     const grouped = groups(changes);
-    if (grouped.length < 2)
+    if (grouped.length === 1 && !grouped[0][0])
       return b`<ul aria-label="Pending changes" @keydown=${this.#keydown}>${changes.map((change) => this.#row(change))}</ul>`;
     return b`<ul aria-label="Pending changes" @keydown=${this.#keydown}>${grouped.map(
       ([repo, items]) => b`<li data-repo=${repo}>
@@ -17065,7 +17081,7 @@ var SliccChanges = class extends ModelElement {
     if (unavailable) return this.#unavailable(unavailable);
     const changes = port?.changes() ?? [];
     return b`<div class="bar">
-        <span>${changes.length} pending ${changes.length === 1 ? "change" : "changes"}</span>
+        <span class="summary">${changes.length} pending ${changes.length === 1 ? "change" : "changes"}</span>
         <span class="spacer"></span>
         ${changes.length ? b`<swc-action-button size="s" quiet @click=${() => this.#all("accept")}>Accept all</swc-action-button>
               <swc-action-button size="s" quiet @click=${() => this.#all("revert")}>Revert all</swc-action-button>` : A}
@@ -17090,9 +17106,26 @@ var SliccDiffPanel = class extends ThemedElement {
         flex: 1;
         min-height: 0;
       }
-      swc-action-group {
+      :host {
+        container-type: inline-size;
+      }
+      swc-action-group,
+      .bar swc-action-button {
         flex: none;
       }
+      .bar .path {
+        min-width: 0;
+      }
+      @container (width < 480px) {
+        .bar .label {
+          position: absolute;
+          inline-size: 1px;
+          block-size: 1px;
+          overflow: hidden;
+          clip-path: inset(50%);
+          white-space: nowrap;
+        }
+      }
       swc-action-button.selected {
         --swc-action-button-background-color-default: var(--swc-neutral-background-color-selected-default);
         --swc-action-button-background-color-hover: var(--swc-neutral-background-color-selected-hover);
@@ -17146,7 +17179,7 @@ var SliccDiffPanel = class extends ThemedElement {
     return b`<div class="bar">
         ${statusMark(change.status, false)}
         <span class="path" title=${this.path}>${this.path}</span>
-        <span>${statusLabels[change.status]}${by ? ` by ${by}` : ""}</span>
+        <span class="label">${statusLabels[change.status]}${by ? ` by ${by}` : ""}</span>
         <span class="spacer"></span>
         ${change.before === null && change.after === null ? A : b`<swc-action-group size="s" compact accessible-label="Diff layout">
           ${layouts.map(
@@ -17159,11 +17192,11 @@ var SliccDiffPanel = class extends ThemedElement {
               >`
     )}
         </swc-action-group>`}
-        <swc-action-button size="s" quiet @click=${() => port?.accept(this.path)}>
-          <swc-icon-checkmark slot="icon"></swc-icon-checkmark>Accept
+        <swc-action-button size="s" quiet data-action="accept" accessible-label="Accept" title="Accept" @click=${() => port?.accept(this.path)}>
+          <swc-icon-checkmark slot="icon"></swc-icon-checkmark><span class="label">Accept</span>
         </swc-action-button>
-        <swc-action-button size="s" quiet @click=${() => this.#revert(port, change)}>
-          <swc-icon-revert slot="icon"></swc-icon-revert>Revert
+        <swc-action-button size="s" quiet data-action="revert" accessible-label="Revert" title="Revert" @click=${() => this.#revert(port, change)}>
+          <swc-icon-revert slot="icon"></swc-icon-revert><span class="label">Revert</span>
         </swc-action-button>
       </div>
       ${errorLine(this.error)}