@ai-ecoverse/slicc-spectrum 1.54.0 → 1.55.0

package/dist/slicc-ui.js

@@ -20884,8 +20884,20 @@ var packageActions = {
   install: "Install",
   update: "Update",
   remove: "Remove",
-  retry: "Retry"
+  retry: "Retry",
+  unpin: "Unpin"
 };
+function packageLight(item2) {
+  if (item2.pin && item2.state === "installed")
+    return ["positive", item2.pin.base === null ? "Added" : "Pinned"];
+  if (item2.pin?.base && item2.state === "removing") return ["info", "Unpinning"];
+  return packageStates[item2.state];
+}
+function pinVersion(item2, pin) {
+  const version2 = item2.version ?? pin.range;
+  if (pin.base === null) return [pin.range === version2 ? version2 : `${pin.range} \u2192 ${version2}`];
+  return [version2, pin.base === version2 ? "the version seven ships" : `seven ships ${pin.base}`];
+}
 var packageRunning = /* @__PURE__ */ new Set(["installing", "updating", "removing"]);
 var list3 = (names) => new Intl.ListFormat("en", { type: "conjunction" }).format(names);
 function requiresText(item2, all2) {
@@ -21335,6 +21347,14 @@ var SliccUpdates = class extends ModelElement {
     </article>`;
   }
   #packageMeta(item2, all2) {
+    if (item2.pin) {
+      const [version3, ...rest] = pinVersion(item2, item2.pin);
+      return b`<p class="meta" data-pin=${item2.pin.base === null ? "added" : "pinned"}>
+        <span class="version">${version3}</span>
+        ${rest.map((part2) => b`<span>${part2}</span>`)}
+        <span>in ${item2.pin.project}</span>
+      </p>`;
+    }
     const version2 = item2.version === null ? item2.offered : item2.offered && item2.offered !== item2.version ? `${item2.version} \u2192 ${item2.offered}` : item2.version;
     const download = item2.size !== void 0 && (item2.version === null || item2.offered !== item2.version);
     const requires = requiresText(item2, all2);
@@ -21360,11 +21380,11 @@ var SliccUpdates = class extends ModelElement {
     return b`<swc-progress-bar
       size="s"
       indeterminate
-      accessible-label=${`${item2.label}: ${packageStates[item2.state]?.[1].toLowerCase()}`}
+      accessible-label=${`${item2.label}: ${packageLight(item2)?.[1].toLowerCase()}`}
     ></swc-progress-bar>`;
   }
   #package(item2, all2, act) {
-    const light = packageStates[item2.state];
+    const light = packageLight(item2);
     const busy = this.busy.get(item2.id);
     const shown2 = busy ? [busy] : act ? item2.actions : [];
     const error = this.problems.get(item2.id) ?? item2.error;
@@ -21400,21 +21420,32 @@ var SliccUpdates = class extends ModelElement {
       ${item2.log ? b`<details><summary>Install log</summary><pre><span class="package">${item2.package}</span>\n${item2.log}</pre></details>` : A}
     </li>`;
   }
+  #list(items, all2, port) {
+    return b`<ul>${c(
+      items,
+      (item2) => item2.id,
+      (item2) => this.#package(item2, all2, Boolean(port.actPackage))
+    )}</ul>`;
+  }
   #packages(port) {
     if (!port?.packages) return A;
     const all2 = port.packages();
+    const offered = all2.filter((item2) => item2.origin !== "user");
+    const yours = all2.filter((item2) => item2.origin === "user");
     return b`<section data-section="packages" aria-labelledby="packages">
       <swc-divider size="m"></swc-divider>
       <h2 id="packages">Optional packages</h2>
       <p class="hint">
-        ${all2.length ? "Tools for the agent and the terminal. Install the ones you need; you can remove them later." : "No optional packages are offered right now."}
+        ${offered.length ? "Tools for the agent and the terminal. Install the ones you need; you can remove them later." : "No optional packages are offered right now."}
       </p>
-      ${all2.length ? b`<ul>${c(
-      all2,
-      (item2) => item2.id,
-      (item2) => this.#package(item2, all2, Boolean(port.actPackage))
-    )}</ul>` : A}
-    </section>`;
+      ${offered.length ? this.#list(offered, all2, port) : A}
+    </section>
+    ${yours.length ? b`<section data-section="user-packages" aria-labelledby="user-packages">
+            <swc-divider size="m"></swc-divider>
+            <h2 id="user-packages">Your packages</h2>
+            <p class="hint">Packages you added or pinned with pnpm in /opt/agent or /opt/grammars. Seven’s updates keep them until you unpin or remove them.</p>
+            ${this.#list(yours, all2, port)}
+          </section>` : A}`;
   }
   render() {
     const port = this.model?.updates;