@ai-ecoverse/slicc-spectrum 1.89.1 → 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.

package/dist/slicc-ui.js

@@ -34906,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(
@@ -34963,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();
@@ -35199,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());
@@ -35207,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();
       })
     ];
@@ -35218,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();
       })
     ];
@@ -35271,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);
@@ -35353,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);