@ai-ecoverse/slicc-spectrum 1.27.0 → 1.27.2

package/README.md

@@ -135,7 +135,7 @@ Text is Adobe Clean Spectrum VF, falling back to Adobe Clean, and code is Spectr
 | `<slicc-dock>` | Generic. [dockview-core](https://dockview.dev/) 8 with a theme mapped to Spectrum tokens, in its own shadow root. Panels come from `factories` (`name → (params) => HTMLElement`). `open`, `close`, `has`, `content`, `focusPanel`, `cycleGroup`, `cycleTab`, `toJSON`, `restore`, `clear`, and the full `api`. Tabs have a context menu (close, close others, float, maximize). Events: `layout-change`, `active-panel-change`, `panel-close`. |
 | `<slicc-agents>` | Cones with their scoops, status, context fill and unread count. Selecting one makes it the active agent. |
 | `<slicc-chat>` | One thread's conversation (its `agent`, or the active agent if unset), by day: user messages (with attachments, tagged as steered or follow-up by `delivered`, or delegated from another cone), assistant messages (Markdown with tables, task lists, quotes, code and images; thinking; tool calls, grouped into a collapsible cluster from three in a row, each with its input (a shell command after `$`), an optional `meta` such as a timeout, and an edit's `diff` shown as a diff view; media galleries with images, video and audio; action cards for tools, pull requests and status; plans and checklists; inline diffs; question prompts; delegations; link previews; errors with a fix-it action; a content-filter stop offers **Drop the last turn**, which rewinds that turn and puts its prompt back into the composer), standalone tool results, system messages (compaction markers, error cards, notices) and licks, SLICC's events into a cone, on every channel; a lick's `severity` (`warn` or `error`) turns its channel badge into a notice or negative one with an alert icon. Permission requests are allowed or denied in place. |
-| `<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`, `/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-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`. A failed mount 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. |
@@ -194,7 +194,7 @@ Paths are the agent's: `/shared/…` and `/home/…`, nothing else. A refusal or
 
 | Port | Later backed by | |
 | :--- | :--- | :--- |
-| `agent` | `@ai-ecoverse/slicc-agent` | Cones and scoops, the active agent, conversations, `send` (with attachments, as a send, a steer or a queued follow-up) and `stop`, the queue, suggestions, answers to questions, permission decisions, compaction, clearing, the model per agent and new scoops. The optional `rewind(agentId, messageId)` drops the user turn before that message and everything after it, and resolves with the turn's prompt (text and attachments) for the composer, or `null`. The optional `drop(agentId)` removes a scoop (its files stay), and `createCone(name)` resolves with a new cone; the dummy rejects a cone name that is taken. Assistant messages stream: the same message is re-emitted as its parts grow and its tool calls go from `running` to `done`. |
+| `agent` | `@ai-ecoverse/slicc-agent` | Cones and scoops, the active agent, conversations, `send` (with attachments, as a send, a steer or a queued follow-up) and `stop`, the queue, suggestions, answers to questions, permission decisions, compaction, clearing, the model per agent and new scoops. The optional `rewind(agentId, messageId)` drops the user turn before that message and everything after it, and resolves with the turn's prompt (text and attachments) for the composer, or `null`. The optional `drop(agentId)` removes a scoop (its files stay), and `createCone(name)` resolves with a new cone; the dummy rejects a cone name that is taken. `freeze(agentId)` is optional too: without it, `/freeze` and the Freezer's freeze button don't show. Assistant messages stream: the same message is re-emitted as its parts grow and its tool calls go from `running` to `done`. |
 | `files` | slicc-kernel's OPFS | `list`, `read`, `write`, `remove`, and pending changes with their before and after text (`accept`, `revert`). The optional `mountFolder()` asks for a local folder and resolves with its mount point (for example `/mnt/photos`), or `null` when the user cancels; the panel calls it synchronously in the click, so the port can call `showDirectoryPicker()`. The optional `mounts()` lists the mount points, and `eject(path)` unmounts one (the folder stays on disk). The port emits `mounts` and then `files` after every mount and eject, including those made from the shell. |
 | `terminals` | slicc-kernel's terminal API | Terminal sessions; `backend(id)` returns a `TerminalBackend` for `<slicc-terminal>`. |
 | `browser` | `@ai-ecoverse/slicc-cdp` | Tabs, the active tab, `open`, `navigate`, `close`, `screenshot`. |

package/dist/slicc-ui.js

@@ -19929,12 +19929,13 @@ var SliccChat = class extends ThemedElement {
     for (const message of messages) {
       const label = day(message.createdAt);
       if (label !== previous) {
-        out.push(
+        out.push([
+          `day:${message.id}`,
           b`<div class="day" role="separator" data-day=${label}><span class="line"></span><span>${label}</span><span class="line"></span></div>`
-        );
+        ]);
         previous = label;
       }
-      out.push(this.#message(message, agent, message === last ? suggestion : null));
+      out.push([message.id, this.#message(message, agent, message === last ? suggestion : null)]);
     }
     return out;
   }
@@ -19979,7 +19980,11 @@ var SliccChat = class extends ThemedElement {
         @scroll=${this.#scroll}
       >
         <div class="column" @keydown=${this.#keys}>
-          ${agent && messages.length > 0 ? b`<swc-conversation-thread>${this.#items(messages, agent)}</swc-conversation-thread>` : b`<div class="empty">No messages yet. Ask ${agent?.name ?? "the agent"} something.</div>`}
+          ${agent && messages.length > 0 ? b`<swc-conversation-thread>${c(
+      this.#items(messages, agent),
+      ([key2]) => key2,
+      ([, item2]) => item2
+    )}</swc-conversation-thread>` : b`<div class="empty">No messages yet. Ask ${agent?.name ?? "the agent"} something.</div>`}
         </div>
       </div>
       ${this.model && !agent?.frozen ? b`<slicc-composer .model=${this.model} .agent=${this.agent}></slicc-composer>` : A}
@@ -20832,6 +20837,9 @@ e25("swc-icon-clock", o60);
 
 // src/app/composer.ts
 var limit = 25 * 1024 * 1024;
+function available(model) {
+  return commands.filter((command) => command.available?.(model) ?? true);
+}
 var commands = [
   {
     name: "clear",
@@ -20872,7 +20880,8 @@ var commands = [
   {
     name: "freeze",
     detail: "Archive this cone and its scoops in the freezer",
-    run: (model, id) => model.agent.freeze(id)
+    available: (model) => typeof model.agent.freeze === "function",
+    run: (model, id) => model.agent.freeze?.(id)
   },
   {
     name: "theme",
@@ -21195,7 +21204,7 @@ var SliccComposer = class extends ModelElement {
     const attachments = this.attachments.filter((attachment2) => !attachment2.error);
     if (!model || !text2 && attachments.length === 0) return;
     const command = text2.match(/^\/(\w+)(?:\s+(.*))?$/);
-    const known = command && commands.find((candidate) => candidate.name === command[1]);
+    const known = command && available(model).find((candidate) => candidate.name === command[1]);
     this.value = "";
     this.attachments = [];
     this.popup = null;
@@ -21288,12 +21297,13 @@ var SliccComposer = class extends ModelElement {
   #choices(kind, query) {
     const model = this.model;
     if (kind === "command") {
-      const builtins = commands.map((command) => ({
+      const usable = available(model);
+      const builtins = usable.map((command) => ({
         value: command.name,
         label: `/${command.name}`,
         detail: command.detail
       }));
-      const own4 = model.agent.commands(this.#agent).filter((command) => !commands.some((builtin) => builtin.name === command.name)).map((command) => ({
+      const own4 = model.agent.commands(this.#agent).filter((command) => !usable.some((builtin) => builtin.name === command.name)).map((command) => ({
         value: command.name,
         label: `/${command.name}`,
         detail: command.description,
@@ -21710,7 +21720,7 @@ var SliccFreezer = class extends ModelElement {
     const active = model?.agent.list().find((agent) => agent.id === model.agent.active());
     return b`<div class="bar">
         <span>${cones.length} frozen ${cones.length === 1 ? "cone" : "cones"}</span><span class="spacer"></span>
-        ${active?.kind === "cone" && !active.frozen ? b`<swc-action-button size="s" quiet @click=${() => model?.agent.freeze(active.id)}>Freeze ${active.name}</swc-action-button>` : ""}
+        ${active?.kind === "cone" && !active.frozen && model?.agent.freeze ? b`<swc-action-button size="s" quiet @click=${() => model.agent.freeze?.(active.id)}>Freeze ${active.name}</swc-action-button>` : ""}
       </div>
       <div class="list">
         ${cones.length ? cones.map((cone) => this.#card(cone)) : b`<div class="note">Nothing frozen. Freeze a cone to archive it with its scoops.</div>`}
@@ -22900,6 +22910,12 @@ var SliccSprinkle = class extends ThemedElement {
     if (port?.call && (this.#held.port !== port || this.#held.id !== this.sprinkle))
       this.#hold(port, port.call, this.sprinkle);
   }
+  #mounts = 0;
+  connectedCallback() {
+    this.#frame = { key: "", doc: "" };
+    this.#mounts++;
+    super.connectedCallback();
+  }
   #dips = new Dips();
   #focusLater = false;
   focus() {
@@ -22960,7 +22976,10 @@ ${data.html}`;
     if (bridged && !this.#held.ready) return b``;
     const state = bridged ? this.#held : void 0;
     const style = `color-scheme:${this.color};${this.inline ? `height:${this.height}px;` : ""}`;
-    const frame = b`<iframe title=${data.title} sandbox="allow-scripts" style=${style} .srcdoc=${this.#document(data, state)}></iframe>`;
+    const frame = b`${i17(
+      this.#mounts,
+      b`<iframe title=${data.title} sandbox="allow-scripts" style=${style} .srcdoc=${this.#document(data, state)}></iframe>`
+    )}`;
     if (!this.inline) return frame;
     return b`<div class="handle" draggable="true" title="Drag into the dock or a rail to open as a panel" @dragstart=${this.#drag}>
         ${grip}