@ai-ecoverse/slicc-spectrum 1.13.0 → 1.15.0

package/README.md

@@ -103,7 +103,7 @@ Things found while building this against wterm 0.5.4, recorded here, not pushed
 
 ## UI
 
-`dist/slicc-ui.js` is SLICC's app shell on Spectrum Web Components 1.12 with the Spectrum 2 theme (`<sp-theme system="spectrum-two">`), in light and dark. It runs against a typed model, not against the kernel, the agent or the browser directly. `dist/slicc-dummy.js` provides a dummy model that streams replies and tool calls with timers, and `dist/slicc-kernel-model.js` a real one for files and terminals on slicc-kernel (see [Kernel model](#kernel-model)).
+`dist/slicc-ui.js` is SLICC's app shell on Spectrum 2, in light and dark. It is moving from Spectrum Web Components 1.12 to Gen2 ([`@adobe/spectrum-wc`](https://www.npmjs.com/package/@adobe/spectrum-wc)): the Gen2 theme classes (`swc-theme swc-theme--sizeM swc-theme--light|dark`) and `--swc-*` tokens apply inside `<slicc-app>`, and icons are Spectrum 2 workflow icons from `@adobe/spectrum-wc-icons`. Components Gen2 doesn't ship yet stay on 1.12 inside a scoped `<sp-theme system="spectrum-two">` ([#60](https://github.com/ai-ecoverse/slicc-spectrum/issues/60)). It runs against a typed model, not against the kernel, the agent or the browser directly. `dist/slicc-dummy.js` provides a dummy model that streams replies and tool calls with timers, and `dist/slicc-kernel-model.js` a real one for files and terminals on slicc-kernel (see [Kernel model](#kernel-model)).
 
 ```html
 <slicc-app></slicc-app>
@@ -115,7 +115,7 @@ Things found while building this against wterm 0.5.4, recorded here, not pushed
 </script>
 ```
 
-`npm start` serves it at `/ui/`. `?fonts=<url>` loads Adobe Clean from another folder (see [Fonts](#fonts)).
+`npm start` serves it at `/ui/`. `?fonts=<url>` loads Adobe Clean from another folder, `?vf=<url>` Adobe Clean Spectrum VF from another file, and `?vf=` turns it off (see [Fonts](#fonts)).
 
 ### Layouts and rails
 
@@ -125,7 +125,7 @@ The layout follows the width of `<slicc-app>`, which it reflects as its `screen`
 
 ### Fonts
 
-Text is Adobe Clean and code Spectrum's Source Code Pro. Source Code Pro (OFL) is in `dist/fonts/`, same origin. Adobe Clean can't ship in a public package, so `<slicc-app>` loads it from `fontBase` (`AdobeClean-{Regular,Medium,Bold,ExtraBold}.otf`), which defaults to `/fonts/` on the current origin. Every `*.sliccy.ai` host passes it through to v6, and `npm start` proxies it from `seven.sliccy.ai`. Where it 404s, text falls back to the system font stack. `?delay=` sets the dummy's tick in milliseconds (default 30) , `?color=light|dark|system` the theme, and `?grammars=` the grammar base.
+Text is Adobe Clean Spectrum VF, falling back to Adobe Clean, and code is Spectrum's Source Code Pro. Source Code Pro (OFL) is in `dist/fonts/`, same origin. Neither Adobe Clean can ship in a public package. `<slicc-app>` registers the variable face (`adobe-clean-spectrum-vf`, weights 100–900) from `variableFont`, a woff2 URL that defaults to the Adobe Fonts file React Spectrum S2 uses; a host can point it at its own copy, or set it to `null` to leave it out. The legacy faces come from `fontBase` (`AdobeClean-{Regular,Medium,Bold,ExtraBold}.otf`), which defaults to `/fonts/` on the current origin. Every `*.sliccy.ai` host passes it through to v6, and `npm start` proxies it from `seven.sliccy.ai`. The sans stack (`--swc-sans-font-family-stack`, also used by the 1.12 components) is the variable face, then Adobe Clean, then the system font stack, so text falls back face by face wherever a file doesn't load. `?delay=` sets the dummy's tick in milliseconds (default 30) , `?color=light|dark|system` the theme, and `?grammars=` the grammar base.
 
 ### Elements
 
@@ -143,6 +143,7 @@ Text is Adobe Clean and code Spectrum's Source Code Pro. Source Code Pro (OFL) i
 | `<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. |
+| `<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 status bar; new failures reopen the panel. Also available through View and the rails. |
 | `<slicc-memory>` | What agents remember, globally or per cone, grouped by section: search, filter by tag, expand, edit, add and forget. |
 | `<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: thaw to bring one back, delete, or freeze the active cone (also `/freeze`). |
@@ -171,6 +172,11 @@ Keys: <kbd>Alt</kbd>+<kbd>1</kbd>… opens and focuses a panel, <kbd>F6</kbd> an
 | `monitor` | all of them | A snapshot of vitals, alerts and sections, re-emitted as the system changes, and `resync`. |
 | `sprinkles` | `@ai-ecoverse/slicc-agent` | Sprinkles (`inline` ones show as dips in the chat, not in the rail) and `send`, which turns a sprinkle's lick into a lick on its cone. |
 | `tray` | the tray protocol | Connection, role, float kind, followers, spend and budget; `reconnect` and `disconnect`. |
+| `updates` (optional) | BIOS installers | `list()` returns `UpdateItem` rows for BIOS, kernel, agent, grammars, global pnpm packages, skills and UI. `ready()` explicitly reports agent readiness, independently of agent activity. Emit `items` whenever rows or readiness change. `act(id, action)` resolves when dispatched or rejects with a displayed error; actions are `retry`, `update-now`, `restart-agent` and `reload`. Missing ports preserve existing adapters and report disconnected information in the panel. Real installer wiring belongs to ai-ecoverse/slicc-bios#70. |
+
+The dummy supports `createDummyModel({ updates: 'boot' | 'current' | 'available' | 'restart' | 'failure' })`, also selectable with `?updates=` on `/ui/`. Fixtures stay stable for inspection; `model.updates.setScenario('current')` completes boot. Dummy Update now and Retry simulate download and link progress; Restart agent and Reload only change fixture state, never restart a real process or reload the browser. `updateFixtures` and `DummyUpdates` are exported from `/dummy`.
+
+On phones the tray uses a compact indicator (its full status remains available on activation), the agent picker shrinks to fit, and the bottom rail scrolls when needed. The update status comes first so progress and failures remain reachable on narrow screens.
 
 ### Kernel model
 

package/dist/chunk-4HA3YAGQ.js

@@ -0,0 +1,8 @@
+import "./chunk-BSD7LN5H.js";
+import "./chunk-OS3ZND7O.js";
+import "./chunk-JPIG5BAD.js";
+import "./chunk-CVTEN6SV.js";
+import "./chunk-6A6NIESE.js";
+import "./chunk-WXAII75O.js";
+import "./chunk-AXQFWXYZ.js";
+//# sourceMappingURL=chunk-4HA3YAGQ.js.map

package/dist/{chunk-4JUIYZ4Q.js → chunk-BSD7LN5H.js}

@@ -1,6 +1,6 @@
 import {
   o
-} from "./chunk-2BBOXTOJ.js";
+} from "./chunk-CVTEN6SV.js";
 import {
   defineElement
 } from "./chunk-6A6NIESE.js";
@@ -11,7 +11,7 @@ import {
   e2,
   i,
   n
-} from "./chunk-TS7SL372.js";
+} from "./chunk-WXAII75O.js";
 
 // node_modules/@lit/reactive-element/decorators/query-assigned-nodes.js
 function n2(n3) {
@@ -231,4 +231,4 @@ export {
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-4JUIYZ4Q.js.map
+//# sourceMappingURL=chunk-BSD7LN5H.js.map

package/dist/{chunk-MJOCPOXZ.js → chunk-CO65RT7N.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-EN3XGF2M.js";
 import {
   o
-} from "./chunk-2BBOXTOJ.js";
+} from "./chunk-CVTEN6SV.js";
 import {
   defineElement
 } from "./chunk-6A6NIESE.js";
@@ -16,7 +16,7 @@ import {
   e2 as e,
   i,
   n
-} from "./chunk-TS7SL372.js";
+} from "./chunk-WXAII75O.js";
 import "./chunk-AXQFWXYZ.js";
 
 // node_modules/@spectrum-web-components/tooltip/src/tooltip.css.js
@@ -146,7 +146,7 @@ var Tooltip = class extends SpectrumElement {
         <span id="tip" aria-hidden="true"></span>
       </sp-tooltip-openable>
     `;
-    return this.selfManaged ? (this.dependencyManager.add("sp-overlay"), import("./chunk-JCRICTXR.js"), b`
+    return this.selfManaged ? (this.dependencyManager.add("sp-overlay"), import("./chunk-ZBRMKBQV.js"), b`
         <sp-overlay
           ?open=${this.open && !this.disabled && this.dependencyManager.loaded}
           ?delayed=${this.delayed}
@@ -178,4 +178,4 @@ o3([n({ type: Boolean })], Tooltip.prototype, "delayed", 2), o3([n({ type: Boole
 
 // node_modules/@spectrum-web-components/tooltip/sp-tooltip.js
 defineElement("sp-tooltip", Tooltip);
-//# sourceMappingURL=chunk-MJOCPOXZ.js.map
+//# sourceMappingURL=chunk-CO65RT7N.js.map

package/dist/{chunk-2BBOXTOJ.js → chunk-CVTEN6SV.js}

@@ -2,7 +2,7 @@ import {
   A,
   E,
   j
-} from "./chunk-TS7SL372.js";
+} from "./chunk-WXAII75O.js";
 
 // node_modules/lit-html/directives/if-defined.js
 var o = (o7) => o7 ?? A;
@@ -410,4 +410,4 @@ lit-html/directives/join.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-2BBOXTOJ.js.map
+//# sourceMappingURL=chunk-CVTEN6SV.js.map

package/dist/{chunk-CDYGCBW7.js → chunk-F6EKG2TU.js}

@@ -16,14 +16,14 @@ import {
 } from "./chunk-Y4Z7K443.js";
 import {
   o
-} from "./chunk-364Y2XOJ.js";
+} from "./chunk-OS3ZND7O.js";
 import {
   r
-} from "./chunk-ER3HU7OE.js";
+} from "./chunk-JPIG5BAD.js";
 import {
   o as o2,
   o2 as o3
-} from "./chunk-2BBOXTOJ.js";
+} from "./chunk-CVTEN6SV.js";
 import {
   A,
   SpectrumElement,
@@ -31,7 +31,7 @@ import {
   e2 as e,
   i,
   n
-} from "./chunk-TS7SL372.js";
+} from "./chunk-WXAII75O.js";
 
 // node_modules/@spectrum-web-components/reactive-controllers/src/ElementResolution.js
 var elementResolverUpdatedSymbol = /* @__PURE__ */ Symbol("element resolver updated");
@@ -243,7 +243,7 @@ var AbstractOverlay = class _AbstractOverlay extends SpectrumElement {
     document.dispatchEvent(e2);
   }
   static async open(e2, r3, n2, a) {
-    await import("./chunk-JCRICTXR.js");
+    await import("./chunk-ZBRMKBQV.js");
     const m = arguments.length === 2, l2 = n2 || e2, t = new this();
     let p = false;
     t.dispose = () => {
@@ -2164,9 +2164,9 @@ var InteractionController = class {
         return;
       }
       e2 && (customElements.whenDefined("sp-overlay").then(async () => {
-        const { Overlay: t } = await import("./chunk-H57UPFSK.js");
+        const { Overlay: t } = await import("./chunk-SSBUEGCT.js");
         this.overlay = new t(), this.overlay.open = true, this.target[lastInteractionType] = this.type;
-      }), import("./chunk-JCRICTXR.js"));
+      }), import("./chunk-ZBRMKBQV.js"));
     }
   }
   get overlay() {
@@ -2635,4 +2635,4 @@ export {
   LONGPRESS_INSTRUCTIONS,
   Overlay
 };
-//# sourceMappingURL=chunk-CDYGCBW7.js.map
+//# sourceMappingURL=chunk-F6EKG2TU.js.map

package/dist/{chunk-ER3HU7OE.js → chunk-JPIG5BAD.js}

@@ -1,6 +1,6 @@
 import {
   n
-} from "./chunk-TS7SL372.js";
+} from "./chunk-WXAII75O.js";
 
 // node_modules/@lit/reactive-element/decorators/state.js
 function r(r2) {
@@ -19,4 +19,4 @@ export {
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-ER3HU7OE.js.map
+//# sourceMappingURL=chunk-JPIG5BAD.js.map

package/dist/{chunk-7PY7B3ZW.js → chunk-MZMRYCS6.js}

@@ -8,7 +8,7 @@ import {
   e2 as e,
   i,
   n
-} from "./chunk-TS7SL372.js";
+} from "./chunk-WXAII75O.js";
 import "./chunk-AXQFWXYZ.js";
 
 // node_modules/@spectrum-web-components/popover/src/popover.css.js
@@ -56,4 +56,4 @@ r([n({ type: Boolean, reflect: true })], Popover.prototype, "open", 2), r([n({ r
 
 // node_modules/@spectrum-web-components/popover/sp-popover.js
 defineElement("sp-popover", Popover);
-//# sourceMappingURL=chunk-7PY7B3ZW.js.map
+//# sourceMappingURL=chunk-MZMRYCS6.js.map

package/dist/{chunk-364Y2XOJ.js → chunk-OS3ZND7O.js}

@@ -1,6 +1,6 @@
 import {
   e
-} from "./chunk-TS7SL372.js";
+} from "./chunk-WXAII75O.js";
 
 // node_modules/@lit/reactive-element/decorators/query-assigned-elements.js
 function o(o2) {
@@ -25,4 +25,4 @@ export {
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-364Y2XOJ.js.map
+//# sourceMappingURL=chunk-OS3ZND7O.js.map

package/dist/{chunk-H57UPFSK.js → chunk-SSBUEGCT.js}

@@ -1,17 +1,17 @@
 import {
   LONGPRESS_INSTRUCTIONS,
   Overlay
-} from "./chunk-CDYGCBW7.js";
+} from "./chunk-F6EKG2TU.js";
 import "./chunk-IBQ4O4NO.js";
 import "./chunk-ZMBN6APP.js";
 import "./chunk-Y4Z7K443.js";
-import "./chunk-364Y2XOJ.js";
-import "./chunk-ER3HU7OE.js";
-import "./chunk-2BBOXTOJ.js";
-import "./chunk-TS7SL372.js";
+import "./chunk-OS3ZND7O.js";
+import "./chunk-JPIG5BAD.js";
+import "./chunk-CVTEN6SV.js";
+import "./chunk-WXAII75O.js";
 import "./chunk-AXQFWXYZ.js";
 export {
   LONGPRESS_INSTRUCTIONS,
   Overlay
 };
-//# sourceMappingURL=chunk-H57UPFSK.js.map
+//# sourceMappingURL=chunk-SSBUEGCT.js.map

package/dist/{chunk-LR5GBIK7.js → chunk-T27VPCPJ.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-5OVGH7HO.js";
 import {
   r
-} from "./chunk-ER3HU7OE.js";
+} from "./chunk-JPIG5BAD.js";
 import {
   defineElement
 } from "./chunk-6A6NIESE.js";
@@ -18,7 +18,7 @@ import {
   e2 as e,
   i,
   n
-} from "./chunk-TS7SL372.js";
+} from "./chunk-WXAII75O.js";
 import "./chunk-AXQFWXYZ.js";
 
 // node_modules/@spectrum-web-components/modal/src/modal.css.js
@@ -177,4 +177,4 @@ i3([n({ type: Boolean, reflect: true })], Tray.prototype, "open", 2), i3([e(".tr
 
 // node_modules/@spectrum-web-components/tray/sp-tray.js
 defineElement("sp-tray", Tray);
-//# sourceMappingURL=chunk-LR5GBIK7.js.map
+//# sourceMappingURL=chunk-T27VPCPJ.js.map

package/dist/{chunk-TS7SL372.js → chunk-WXAII75O.js}

@@ -642,6 +642,7 @@ SpectrumElement.VERSION = version;
 
 export {
   version,
+  r2 as r,
   i2 as i,
   b,
   w,
@@ -684,4 +685,4 @@ lit-html/is-server.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-TS7SL372.js.map
+//# sourceMappingURL=chunk-WXAII75O.js.map

package/dist/{chunk-JCRICTXR.js → chunk-ZBRMKBQV.js}

@@ -1,18 +1,18 @@
 import {
   Overlay
-} from "./chunk-CDYGCBW7.js";
+} from "./chunk-F6EKG2TU.js";
 import "./chunk-IBQ4O4NO.js";
 import "./chunk-ZMBN6APP.js";
 import "./chunk-Y4Z7K443.js";
-import "./chunk-364Y2XOJ.js";
-import "./chunk-ER3HU7OE.js";
-import "./chunk-2BBOXTOJ.js";
+import "./chunk-OS3ZND7O.js";
+import "./chunk-JPIG5BAD.js";
+import "./chunk-CVTEN6SV.js";
 import {
   defineElement
 } from "./chunk-6A6NIESE.js";
-import "./chunk-TS7SL372.js";
+import "./chunk-WXAII75O.js";
 import "./chunk-AXQFWXYZ.js";
 
 // node_modules/@spectrum-web-components/overlay/sp-overlay.js
 defineElement("sp-overlay", Overlay);
-//# sourceMappingURL=chunk-JCRICTXR.js.map
+//# sourceMappingURL=chunk-ZBRMKBQV.js.map

package/dist/slicc-dummy.js

@@ -3723,8 +3723,123 @@ var DummyTray = class extends Emitter {
   }
 };
 
+// src/dummy/updates.ts
+var checkedAt = Date.UTC(2026, 9, 8, 8, 42);
+function updateFixtures(scenario) {
+  const components = [
+    ["bios", "BIOS packages", "0.8.2"],
+    ["kernel", "Kernel", "1.12.0"],
+    ["agent", "Agent (/opt/agent)", "0.24.0"],
+    ["grammars", "Syntax grammars", "4.5.0"],
+    ["global", "Global pnpm packages", "2.3.0"],
+    ["skills", "Skills", "1.6.0"]
+  ];
+  const items = components.map(([kind, label, version]) => ({
+    id: kind,
+    label,
+    kind,
+    state: "current",
+    progress: null,
+    from: version,
+    to: version,
+    checkedAt,
+    error: null,
+    actions: []
+  }));
+  const agent = items[2];
+  if (scenario === "boot") {
+    Object.assign(agent, {
+      state: "downloading",
+      from: null,
+      progress: { phase: "download", done: 63, total: 95 },
+      log: "Packages: +95\nProgress: resolved 95, reused 0, downloaded 63, added 0\nDownloading @slicc/demo-agent..."
+    });
+    Object.assign(items[3], {
+      state: "linking",
+      progress: { phase: "link", done: 12, total: 15 },
+      log: "Linking syntax grammars\nProgress: linked 12 of 15"
+    });
+    items[4].state = "checking";
+  } else if (scenario === "available" || scenario === "restart") {
+    Object.assign(agent, {
+      state: scenario === "available" ? "available" : "ready",
+      to: "0.25.0",
+      actions: [scenario === "available" ? "update-now" : "restart-agent"],
+      log: scenario === "restart" ? "Packages: +95\nProgress: resolved 95, downloaded 95, added 95\nDone in 48.2s" : void 0
+    });
+    Object.assign(items[1], { state: "ready", to: "1.13.0", actions: ["reload"] });
+  } else if (scenario === "failure") {
+    Object.assign(items[4], {
+      state: "failed",
+      to: "2.4.0",
+      error: "The package registry did not respond. Installed commands are still available.",
+      actions: ["retry"],
+      log: "pnpm add -g @harbor/demo-cli@2.4.0\nERR_PNPM_FETCH_TIMEOUT Request timed out after 30000ms"
+    });
+  }
+  return items;
+}
+var DummyUpdates = class extends Emitter {
+  #items;
+  #ready;
+  #clock;
+  constructor(scenario, clock2) {
+    super();
+    this.#items = updateFixtures(scenario);
+    this.#ready = scenario !== "boot";
+    this.#clock = clock2;
+  }
+  list() {
+    return this.#items;
+  }
+  ready() {
+    return this.#ready;
+  }
+  setScenario(scenario) {
+    this.#items = updateFixtures(scenario);
+    this.#ready = scenario !== "boot";
+    this.emit("items", this.#items);
+  }
+  #patch(id, patch) {
+    this.#items = this.#items.map((item) => item.id === id ? { ...item, ...patch } : item);
+    this.emit("items", this.#items);
+  }
+  async act(id, action) {
+    const item = this.#items.find((candidate) => candidate.id === id);
+    if (!item?.actions.includes(action)) throw new Error(`Update action unavailable: ${id}`);
+    if (action === "update-now" || action === "retry") {
+      this.#patch(id, {
+        state: "downloading",
+        progress: { phase: "download", done: 0, total: 95 },
+        error: null,
+        actions: [],
+        log: "Packages: +95\nProgress: resolved 95, downloaded 0, added 0"
+      });
+      await this.#clock.sleep(4);
+      this.#patch(id, {
+        state: "linking",
+        progress: { phase: "link", done: 95, total: 95 },
+        log: "Packages: +95\nProgress: resolved 95, downloaded 95, added 95"
+      });
+      await this.#clock.sleep(2);
+    }
+    const apply = action === "update-now" && ["agent", "bios", "kernel", "ui"].includes(item.kind);
+    this.#patch(id, {
+      state: apply ? "ready" : "installed",
+      from: apply ? item.from : item.to,
+      progress: null,
+      checkedAt,
+      actions: apply ? [item.kind === "agent" ? "restart-agent" : "reload"] : []
+    });
+  }
+};
+
 // src/dummy/index.ts
-function createDummyModel({ delay = 30, storage = null } = {}) {
+function createDummyModel({
+  delay = 30,
+  storage = null,
+  updates = "current"
+} = {}) {
   const time = clock(delay);
   const files3 = new DummyFiles(files2, directories, pending, time);
   const browser = new DummyBrowser(tabs, time);
@@ -3750,11 +3865,14 @@ function createDummyModel({ delay = 30, storage = null } = {}) {
     ),
     memory: new DummyMemory(memories),
     sprinkles: new DummySprinkles(sprinkles, agent),
-    tray: new DummyTray(tray, time)
+    tray: new DummyTray(tray, time),
+    updates: new DummyUpdates(updates, time)
   };
   return { ...base, monitor: new DummyMonitor(base) };
 }
 export {
-  createDummyModel
+  DummyUpdates,
+  createDummyModel,
+  updateFixtures
 };
 //# sourceMappingURL=slicc-dummy.js.map