@ai-ecoverse/slicc-spectrum 1.89.0 → 1.89.2

package/README.md

@@ -449,6 +449,7 @@ It closes, clearing the field, when the request leaves `waiting` or while the va
 #### `<slicc-updates>`
 
 Install / Update: component states, version changes, last checks, download and link counts, action buttons, failures with Retry, and collapsible install logs behind a quiet chevron, which stay open across a layout switch.
+An install shows one bar for update rows and package rows alike: it fills 0–50% while downloading and 50–100% while linking (`value` against `max-value="100"`). While the row runs it never goes back, not when pnpm's total grows and not when progress drops out between passes. Its value label stays the phase's "n of m" count, and it starts at 0 again once the row settles.
 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.
@@ -485,8 +486,8 @@ A thawed scoop or agent run keeps its row, which says what it was thawed as.
 Either way its conversation stays here, and a row without a `kind` counts as a cone.
 A title longer than two lines ends in an ellipsis and carries its full text as a `title`; the dummy's titles are the whole first line of the first message, so only the card cuts them.
 A row with `v6: true` came from SLICC 6 and carries a neutral outline **SLICC 6** badge (`data-badge="v6"`, `data-v6` on the row), set apart from the gray model badge.
-When the agent port has `importProfile` and `importCancel` and the page is neither watch-only nor a guest seat, the bar offers **Import** with an import icon (`data-action="import-v6"`; its accessible name and tooltip say "Import from SLICC 6"), on the bar's first row at the default width, which picks a `.zip`; dropping a zip on the Freezer (with a "Drop to import" dropzone while dragging) does the same.
-A zip is a `.zip` name or an `application/zip` or `application/x-zip-compressed` type; deeper checks are left to the preview. Dropping or picking anything else shows an inline error under the bar (`data-error="not-zip"`, a polite status): "That’s not a SLICC 6 export. Drop the .zip from Export for SLICC 7.", which clears on the next drop or pick, or with its dismiss button (`data-action="dismiss-not-zip"`, which puts focus back on Import).
+When the agent port has `importProfile` and `importCancel` and the page is neither watch-only nor a guest seat, the bar offers **Import from SLICC 6** with an import icon (`data-action="import-v6"`), shortened to **Import** when the Freezer is narrower than 26rem (its accessible name and tooltip always say "Import from SLICC 6"), on the bar's first row, which picks a `.zip`; dropping a zip on the Freezer (with a "Drop to import" dropzone while dragging) does the same.
+A zip is a `.zip` name or an `application/zip` or `application/x-zip-compressed` type; deeper checks are left to the preview. Dropping or picking anything else shows an inline error under the bar (`data-error="not-zip"`, a polite status): "That’s not a SLICC 6 export. Use the .zip from Export for SLICC 7.", which clears on the next drop or pick, or with its dismiss button (`data-action="dismiss-not-zip"`, which puts focus back on Import).
 Either opens `<slicc-freezer-import>`, a modal (`dialog[data-import]` set to `checking`, `preview`, `importing`, `done` or `failed`): `importProfile(file, { preview: true })` runs behind a progress circle and "Checking the profile…"; then **Import from SLICC 6?** shows the agent's `text`, a summary (cones, scoops, frozen, skills, crons, webhooks, size, on one row when the dialog is wide and in four equal columns when it's narrow, so no cell sits alone on a row) and its notes (`[data-note]`): "You imported this export on {day}." when `already` is set, "Sign in again in Settings: {providers}." (named by their accounts), a **Warning:** with an icon for credential-like files, which are imported for review afterwards (their zip paths as code; more than three fold under a quiet chevron), and a muted "Not imported: {n} mounted folders." behind a folder icon, so every note's text starts at the same edge.
 **Import** (`data-action="import-confirm"`, **Import again** with `again: true` after an earlier import) runs the import with a progress bar from the `importing` event, announced only when it starts and ends; **Done** (`data-action="import-done"`) after "Imported {n} cones." and the report path with **Copy** (`data-action="copy-report"`) closes it and focuses the first imported row.
 A rejection shows the error card with its sentence (a check without a `preview` shows "Couldn’t read this export. Try another zip."), **Try again** (`data-action="import-retry"`, picks again) and **Close**; **Cancel** or <kbd>Escape</kbd> while checking or importing calls `importCancel`.

package/dist/slicc-ui.js

@@ -26671,7 +26671,7 @@ var frozenKinds = {
   agent: ["purple", "Agent run"]
 };
 var zipTypes = ["application/zip", "application/x-zip-compressed"];
-var notZip = "That\u2019s not a SLICC 6 export. Drop the .zip from Export for SLICC 7.";
+var notZip = "That\u2019s not a SLICC 6 export. Use the .zip from Export for SLICC 7.";
 function isZip(file) {
   return /\.zip$/i.test(file.name) || zipTypes.includes(file.type);
 }
@@ -26704,6 +26704,18 @@ var SliccFreezer = class extends ModelElement {
     i`
       :host {
         position: relative;
+        container: freezer / inline-size;
+      }
+      .bar .long {
+        display: none;
+      }
+      @container freezer (min-width: 26rem) {
+        .bar .long {
+          display: inline;
+        }
+        .bar .short {
+          display: none;
+        }
       }
       .bar {
         flex-wrap: wrap;
@@ -26928,7 +26940,7 @@ var SliccFreezer = class extends ModelElement {
     const rows2 = freezerOrder(this.model?.agent.frozen() ?? []);
     return b`<div class="bar">
         <span>${rows2.length} ${rows2.length === 1 ? "conversation" : "conversations"}</span>
-        ${this.importable ? b`<swc-action-button id="import-v6" size="s" quiet data-action="import-v6" accessible-label="Import from SLICC 6" @click=${() => this.#pick()}><swc-icon-import slot="icon"></swc-icon-import>Import</swc-action-button><swc-tooltip for="import-v6" placement="bottom">Import from SLICC 6</swc-tooltip><input type="file" accept=${[".zip", ...zipTypes].join(",")} hidden data-action="import-file" @change=${this.#picked} />` : A}
+        ${this.importable ? b`<swc-action-button id="import-v6" size="s" quiet data-action="import-v6" accessible-label="Import from SLICC 6" @click=${() => this.#pick()}><swc-icon-import slot="icon"></swc-icon-import><span class="long">Import from SLICC 6</span><span class="short">Import</span></swc-action-button><swc-tooltip for="import-v6" placement="bottom">Import from SLICC 6</swc-tooltip><input type="file" accept=${[".zip", ...zipTypes].join(",")} hidden data-action="import-file" @change=${this.#picked} />` : A}
       </div>
       <div class="error" role="status" aria-live="polite" data-error="not-zip">${this.refused && this.importable ? b`<swc-icon-alert-diamond size="s" aria-hidden="true"></swc-icon-alert-diamond><span>${notZip}</span><swc-action-button size="s" quiet data-action="dismiss-not-zip" accessible-label="Dismiss" @click=${() => this.#dismiss()}><swc-icon-close slot="icon"></swc-icon-close></swc-action-button>` : A}</div>
       <div class="list">
@@ -34894,6 +34906,9 @@ function requiresText(item2, all2) {
   ].filter(Boolean);
   return parts2.length ? parts2.join("; ") : null;
 }
+var phased = ({ phase, done: done2, total }) => Math.round(((phase === "link" ? 1 : 0) + (total ? Math.min(done2 / total, 1) : 0)) * 50);
+var itemBusy = (item2) => running.has(item2.state) || item2.state === "starting" || item2.progress !== null;
+var packageBusy = (item2) => packageRunning.has(item2.state) || item2.progress !== null;
 var snapshot = (items) => new Map(items.map(({ id, state: state2, error }) => [id, { state: state2, error }]));
 function settled2(failures, before, after) {
   return new Map(
@@ -34951,6 +34966,7 @@ var SliccUpdates = class extends ModelElement {
     problems: { state: true }
   };
   #logs = new ViewSet(this, "updates");
+  #reached = /* @__PURE__ */ new Map();
   constructor() {
     super();
     this.pending = /* @__PURE__ */ new Set();
@@ -35187,6 +35203,7 @@ var SliccUpdates = class extends ModelElement {
     this.failures = /* @__PURE__ */ new Map();
     this.busy = /* @__PURE__ */ new Map();
     this.problems = /* @__PURE__ */ new Map();
+    this.#reached.clear();
     const port = model.updates;
     if (!port) return [];
     let previous = snapshot(port.list());
@@ -35195,6 +35212,7 @@ var SliccUpdates = class extends ModelElement {
         const next = snapshot(items);
         this.failures = settled2(this.failures, previous, next);
         previous = next;
+        this.#prune("item", items, itemBusy);
         this.requestUpdate();
       })
     ];
@@ -35206,6 +35224,7 @@ var SliccUpdates = class extends ModelElement {
         const next = snapshot(items);
         this.problems = settled2(this.problems, packages, next);
         packages = next;
+        this.#prune("package", items, packageBusy);
         this.requestUpdate();
       })
     ];
@@ -35259,25 +35278,43 @@ var SliccUpdates = class extends ModelElement {
       }
     }
   }
-  #progress(item2) {
-    const progress = item2.progress;
-    if (progress) {
-      return b`<swc-progress-bar
-        size="s"
-        min-value="0"
-        max-value=${progress.total}
-        value=${progress.done}
-        value-label=${`${progress.done} of ${progress.total}`}
-        accessible-label=${`${item2.label}: ${progress.phase === "download" ? "downloading" : "linking"}`}
-      ></swc-progress-bar>`;
-    }
-    if (!running.has(item2.state) && item2.state !== "starting") return A;
+  #prune(kind, items, busy) {
+    const live = new Set(items.filter(busy).map((item2) => `${kind}:${item2.id}`));
+    for (const key2 of this.#reached.keys()) {
+      if (key2.startsWith(`${kind}:`) && !live.has(key2)) this.#reached.delete(key2);
+    }
+  }
+  #bar(key2, busy, progress, count2, accessible) {
+    if (!busy) {
+      this.#reached.delete(key2);
+      return A;
+    }
+    const before = this.#reached.get(key2);
+    const shown4 = progress ? { value: Math.max(before?.value ?? 0, phased(progress)), label: count2 } : before;
+    if (!shown4) {
+      return b`<swc-progress-bar size="s" indeterminate accessible-label=${accessible}></swc-progress-bar>`;
+    }
+    this.#reached.set(key2, shown4);
     return b`<swc-progress-bar
       size="s"
-      indeterminate
-      accessible-label=${`${item2.label}: ${states[item2.state][1].toLowerCase()}`}
+      min-value="0"
+      max-value="100"
+      value=${shown4.value}
+      value-label=${shown4.label}
+      accessible-label=${accessible}
     ></swc-progress-bar>`;
   }
+  #progress(item2) {
+    const progress = item2.progress;
+    const phase = progress ? progress.phase === "download" ? "downloading" : "linking" : null;
+    return this.#bar(
+      `item:${item2.id}`,
+      itemBusy(item2),
+      progress,
+      progress ? `${progress.done} of ${progress.total}` : "",
+      `${item2.label}: ${phase ?? states[item2.state][1].toLowerCase()}`
+    );
+  }
   #actions(item2) {
     if (!item2.actions.length) return A;
     const busy = this.pending.has(item2.id);
@@ -35341,22 +35378,14 @@ var SliccUpdates = class extends ModelElement {
   }
   #packageProgress(item2) {
     const progress = item2.progress;
-    if (progress) {
-      return b`<swc-progress-bar
-        size="s"
-        min-value="0"
-        max-value=${progress.total}
-        value=${progress.done}
-        value-label=${`${progress.done} of ${progress.total} packages`}
-        accessible-label=${`${item2.label}: ${progress.phase === "download" ? "downloading" : "linking"}`}
-      ></swc-progress-bar>`;
-    }
-    if (!packageRunning.has(item2.state)) return A;
-    return b`<swc-progress-bar
-      size="s"
-      indeterminate
-      accessible-label=${`${item2.label}: ${packageLight(item2)?.[1].toLowerCase()}`}
-    ></swc-progress-bar>`;
+    const phase = progress ? progress.phase === "download" ? "downloading" : "linking" : null;
+    return this.#bar(
+      `package:${item2.id}`,
+      packageBusy(item2),
+      progress,
+      progress ? `${progress.done} of ${progress.total} packages` : "",
+      `${item2.label}: ${phase ?? packageLight(item2)?.[1].toLowerCase()}`
+    );
   }
   #package(item2, all2, act2) {
     const light = packageLight(item2);