@ai-ecoverse/slicc-spectrum 1.44.0 → 1.46.0

package/README.md

@@ -135,14 +135,14 @@ 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. A cone's row has a second line with its conversation title, as does its item in the header's cone picker: `Agent.title`, or else the first line of the first user message, or "No messages yet". When cones share a name, their accessible names and the Delete cone, Freezer and confirmation labels add the title, as in "Delete cone sliccy (Hello from Bedrock)". 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, an edit's `diff` shown as a diff view, and an `image`, such as a screenshot, shown as a thumbnail under the closed card and in full when open; 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; when the turns right before it failed too, the button reads **Drop N failed turns** and rewinds to before the first of them, putting the latest prompt back), 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. The header shows the status, a model picker that names each model's provider and leaves out classifiers and models with `tools: false`, the thinking picker, the context meter and **New conversation**, which calls `clear` and puts focus back in the composer; on a cone, when the port can freeze, its tooltip says the old conversation stays in the Freezer. Between the header and the transcript, a `<slicc-notices>` shows the model's notices. |
-| `<slicc-notices>` | The model's `notices` as in-line alerts with their actions and a close button; renders nothing without the port or notices. |
+| `<slicc-notices>` | The model's `notices` as in-line alerts with their actions and a close button, after a banner from the `tabs` port when another tab is paused or runs a different SLICC; renders nothing without either. |
 | `<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`. With `files.needsFolder`, a **Needs a folder** section lists the mount points waiting for a folder, each with **Insert folder…** (`data-action="insert-folder"`, `data-id` the mount point), which calls `mountFolder(path)`. A failed mount, insert 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. Changes with a `repo` show their folder relative to it, and no author when `agentId` is `null`; they group under a header per repository (its path and count), even when there is only one, in the order the port returns them. In a diff panel narrower than 480 px, Accept and Revert (`data-action="accept"`, `data-action="revert"`) show only their icons. Revert and Revert all ask with a destructive confirm that says the uncommitted (or, without a repo, pending) changes can't be undone; a failed revert shows its message under the bar. When the port's `unavailable()` returns a string, the panel shows it instead of the list, with each `backtick` span as inline code in the text's color and, below, each command once with a **Copy** button (`data-command`, `data-action="copy-command"`). |
 | `<slicc-diff-panel>` | The diff of one pending change (`path`), unified or split, with accept and revert. A change with `before` and `after` both `null` (a binary file, or text over 1 MB) shows “No diff for this file” and Open the file instead, and keeps Accept and Revert. |
 | `<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-browser>` | What the agents' browser control is doing. It opens on the most recently driven tab (`.focused`), or on the tab overview: cards (`li[data-id]`, `data-controlled` while an agent drives the tab, `data-pulse` when another tab starts being driven, without switching to it) with a thumbnail, the agent and a small **Stop <agent>** (`data-action="stop-agent"`), and an address bar to open a URL. The focused tab has **All tabs** (`data-action="all-tabs"`), a tab picker (a list of tabs at 720 px and wider), the URL with **Copy** (`data-action="copy-url"`) and **Open** (`data-action="open-tab"`, activates the tab), who's using it (`.driving[data-driving=agent|user|none]`; a controlled tab without an agent reads **In use** and has no Stop) with **Stop**, a view-only preview (`figure[data-view]`: `live` while watching with a frame under 3 s old, `shot` with "Updated N s ago", `none`) and the recent actions (`li[data-action-id][data-kind][data-status]`, failures with their error inline), folded into **Recent actions (n)** below 480 px with the last one showing. Labels, URLs and errors are text only. With no tabs and `browser.via` `null` in the network status, it says browser control isn't connected (`data-browser="none"`) with the extension link and the slicc-node command. The Browser rail button carries a dot (`data-driven`) while a tab is in use. |
 | `<slicc-settings>` | Theme, the model and thinking level for new cones, composer and diff preferences, and accounts to connect, reconnect or disconnect. An account whose status is `signing-in` (or a non-API-key account while its `connect` is pending) reads “Signing in…”; when the port has `cancel(id)`, its row offers Cancel (`data-action="cancel-sign-in"`), and the rejected `connect` that follows shows no error. |
 | `<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 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. When the port offers packages, an Optional packages section lists them below as compact rows, each with its state, version, download size, requirements, commands, progress, errors and Install log; packages never count in the header or keep the panel open at boot. Also available through View and the rails. |
 | `<slicc-memory>` | What agents remember, per scope (everyone, a cone or a role), grouped by section: search, filter by tag, expand, edit, add and forget. Free text outside an entry shows “From MEMORY.md”. |
@@ -199,7 +199,7 @@ Paths are the agent's: `/shared/…` and `/home/…`, nothing else. A refusal or
 | `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 (`clear(agentId)` starts a new conversation: on a cone, a port with `freeze` first puts the old one in the Freezer as its own row, which thaws into a cone of its own; a scoop's is just reset), 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: it stops and its working folder is deleted, while its conversation and reports are kept, and `createCone(name)` resolves with a new cone; the dummy rejects a cone name that is taken. `freeze(agentId)` is optional too: without it, **Delete cone** and `/freeze` don't show. `frozen()` lists the Freezer's rows; a `FrozenCone` may carry `kind` (`cone`, `scoop` or `agent`), `live` for a conversation that's still running, and `thawedAs`, the id of the cone a scoop or agent run was thawed into. `thaw(id)` brings a cone back, or forks a scoop or agent run into a new cone, and `discard(id)` removes a row. Names don't have to be unique, and an optional `Agent.title` names a cone's conversation; without it, the first user message does. 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). `mountFolder(path)` inserts the picked folder at a mount point that waits for one; the optional `needsFolder()` lists those mount points. The port emits `mounts` and then `files` after every mount and eject, including those made from the shell, and `mounts` whenever `needsFolder()` changes. |
 | `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`. |
+| `browser` | `@ai-ecoverse/slicc-cdp` | Tabs, the active tab, `open`, `navigate`, `close`, `screenshot`. A `BrowserTab` may say it's `controlled` (an agent, or the user's terminal when `agentId` is `null`, is driving it now; `agentId` is the agent of its last action); `favicon` is ignored. The optional `actions(tabId?)` returns recent `BrowserAction`s (`{ id, tabId, agentId, kind, target?, value?, length?, status: running \| done \| failed, error?, at }`, `kind` one of `open`, `goto`, `back`, `reload`, `close`, `select`, `snapshot`, `screenshot`, `eval`, `click`, `fill`, `type`, `press`, `scroll`, `request`; a `request` has `value` `'GET https://host/path'` and may have no tab), with an `action` event per new or settled action. The optional `watch(tabId, size?)` streams `frame` events (`{ tabId, src, at }`) for a controlled tab and returns a stop function; the panel watches only the focused tab while it's controlled and visible, with the frame's CSS size. **Stop** calls `agent.stop(agentId)`. |
 | `settings` | local storage | Theme, model, thinking level, composer and diff preferences, the models on offer, and accounts. |
 | `changes` (optional) | `@ai-ecoverse/slicc-agent` | Pending changes from git instead of the file system: `changes()`, `accept(path)` (stage), `revert(path)` (discard), and a `changes` event, as on `files`. When present, the UI reads changes only from this port, including the rail's count. A `Change` may carry `repo`, its repository root; put the active agent's repository first. The optional `unavailable()` returns why there can be no changes (no git, no repository), which the panel shows with commands in backticks made copyable, or `null`; emit `changes` when it flips. |
 | `memory` | `@ai-ecoverse/slicc-agent` | Memories with scope, section, tag and body; `save` and `remove`. `source: 'notes'` marks free text the panel shows as an entry titled after its section; saving it makes it an entry. The optional `scopes()` lists the scope picker's choices as `{ id, label, group }`, ungrouped first, then under “Cones” and “Roles”; without it the picker offers “Everyone” (`global`) and each cone. The panel re-reads `scopes()` on `memories` and `agents`, so emit `memories` when the list changes. A scope that disappears falls back to `global`. |
@@ -209,8 +209,9 @@ Paths are the agent's: `/shared/…` and `/home/…`, nothing else. A refusal or
 | `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. Use `queued` for a row that waits for another component before it starts; it reads "Waiting" and doesn't count as updating. Use `starting` for an installed row that is only starting up: it reads "Starting" without a checked line, and the header shows a neutral "Starting" only when nothing is failed, updating or ready. A `failed` row with an installed `from` version reads "Update failed". `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. Optional `packages()` returns `PackageItem` rows for optional tools, each with a short catalog `id`, its npm `package` (shown in the name's tooltip and at the top of its Install log), `label`, a one-sentence `description`, the `commands` it provides, `requires` (other package ids, read as "Needs Python", "Installs Python too", or "Needs Python (not installed)" on an installed row), optional `notes` (short plain-text lines shown muted under the row, such as "1 untested dependency: …"; leave it out when there's nothing to say), `state` (`available`, `queued`, `installing`, `installed`, `outdated`, `updating`, `removing` or `failed`), the installed `version`, the `offered` version and its `size` in bytes, `progress` counted in packages (or `null` for an indeterminate bar), `error`, `actions` (`install`, `update`, `remove`, `retry`) and an optional `log`. Emit `packages` whenever they change. `actPackage(id, action)` keeps the row's button pending until it settles; it shows any confirm itself, resolves without a change when that confirm is cancelled, and rejects with a displayed error on a real failure. Hooks: `section[data-section="packages"]`, `li[data-id][data-state]`, buttons with `data-action`, `[data-requires]`, `[data-notes]` and `[data-error]`. Real installer wiring belongs to ai-ecoverse/slicc-bios#70. |
 | `network` (optional) | BIOS | `status()` returns the `NetworkStatus`: `route` (`proxy` for slicc-node, `extension` for the Chrome extension relay, `tailnet` while a Tailscale exit node carries the traffic, `page` for the page's own fetch, limited by CORS, or `null`), `health` (`ok`, `limited` or `failing`, decided by the port), a one-line `detail`, recent `failures` (`{ url, error, at }`, newest first), an optional `extensionUrl` and an optional `browser` (`{ via, detail? }`, `via` being `extension`, `proxy` or `null` when browser automation isn't available; a legacy `declined` flag is ignored, since there is no consent prompt any more). Emit `network` when it changes. The optional `check()` tests the route again. An optional `tailnet` (`TailnetStatus`) shows the Tailscale section: `state` (`off`, `loading`, `needs-login`, `starting`, `running` or `failed`, a status light), a plain-language `detail` (progress, or the failure reason in an error box with **Retry** through `check()`), a `loginUrl` (**Sign in to Tailscale**, a new tab), the `node` (`{ name, addresses }`; the name and the first 100.x address, each with a Copy button), `exitNode` (the name in use or `null`), `exitNodes` (`{ id, name, online }`), `autoExitNode`, `shieldsUp` (a muted line when `true`, a warning when `false`) and `peers` (a count). The optional `setTailnet(on)` adds the **Use Tailscale** switch (`data-action="tailnet"`); `submitAuthKey(key)` adds an auth-key field to `needs-login` (a password field without a `name`, cleared on submit, never kept in component state); `setExitNode(id | 'auto' | null)` adds the **Exit node** picker (None, Automatic, and each node, offline ones disabled) to `running`, with a line saying where traffic goes; `logoutTailnet()` adds **Sign out**, behind a confirm. A rejected call shows its message in the section. Peers are never named beyond the exit-node list. Without the port, the indicator and the Network panel don't show. |
 | `notices` (optional) | BIOS | `list()` returns `Notice`s for quiet, dismissible in-line notices at the top of every chat panel, above the transcript, in list order: `id`, `tone` (`info` reads as informative, `warning` as a notice), `title`, a plain-text `body` and `actions` (`{ id, label }`). Title, body and labels are text only. Notices use `role="status"` and never take focus. An action is a secondary button that stays pending until `act(id, action)` settles; a rejection shows its message under the body. The close button, labelled "Dismiss: <title>", hides the notice at once and calls `dismiss(id)` synchronously; it shows again only if the port drops the notice from `list()` and brings it back later. Emit `notices` whenever they change. Hooks: `[data-notice="<id>"]`, buttons with `data-action`, `[data-dismiss]` and `[data-error]`. |
+| `tabs` (optional) | BIOS | `state()` returns this tab's `TabsState`: `role` (`owner` runs SLICC; `follower` shows the owner tab's SLICC; `connecting` while the owner boots or hands over; `alone` without SharedWorker), `stalled` (the owner stopped answering) and `skew` (`newer` or `older` when the owner runs another SLICC version, else `null`). Emit `tabs` when it changes. An owner shows nothing. A follower gets a quiet header light, "Another tab" (`[data-tabs][data-role]`, with `data-stalled` and `data-skew`; a dot on phones), info while connecting, and a notice while stalled or skewed, with its explanation as the tooltip. While connecting, an empty chat says "Connecting to the tab running SLICC…" (`[data-connecting]`). Skew, or else a stall, shows a warning banner at the top of every chat panel (`[data-tabs-notice="skew"\|"stalled"]`, `data-skew`): "Another tab runs a newer SLICC. Reload this tab." with **Reload** (`data-action="reload"`, calls `reload()`), "Another tab runs an older SLICC. Reload the other SLICC tab.", or "Chrome paused the tab running SLICC. Switch to it to continue.". An `alone` tab shows only the brand and "SLICC is open in another tab." (`[data-tabs="alone"]`). |
 
-The dummy supports `createDummyModel({ updates: 'boot' | 'starting' | '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. `createDummyModel({ packages: 'mixed' | 'empty' | 'fail' | 'off' })` (or `?packages=` on `/ui/`, off by default) adds invented optional packages in every state: Install and Retry finish after a short wait and install missing requirements too, `fail` makes them fail, and removing Python while uv is installed asks through the `confirm` option (the `/ui/` page passes spectrum's `confirm`). `updateFixtures`, `packageFixtures` and `DummyUpdates` are exported from `/dummy`. `createDummyModel({ mounts: 'mount' | 'cancel' | 'fail' | 'needs' })` (or `?mounts=` on `/ui/`) turns on the optional mount members, which are off by default: `mountFolder` mounts invented files at `/mnt/photos`, resolves with `null`, or rejects, as `model.files.mount.scenario` says; `needs` also lists `/mnt/photos` in `needsFolder()` until a folder is inserted there. `createDummyModel({ network: 'ok' | 'limited' | 'failing' | 'off' })` (or `?network=` on `/ui/`, default `limited`) sets the dummy network: slicc-node (with browser automation through it), the page fetch with CORS failures, or no route, all invented; `off` leaves out the port. `model.network.setScenario()` switches it and Check again re-emits after a short wait. `createDummyModel({ tailnet: 'off' | 'needs-login' | 'running' | 'failed' })` (or `?tailnet=` on `/ui/`, off by default) adds an invented tailnet: an auth key starting with `tskey-` signs in, `mast-pi` and `keel-router` are online exit nodes and `buoy-laptop` is offline, and Retry on `failed` connects. While the dummy tailnet runs with an exit node, the route is `tailnet` and the health `ok`. `networkFixtures`, `tailnetFixtures` and `DummyNetwork` are exported from `/dummy`. `createDummyModel({ changes: 'files' | 'git' | 'nogit' })` (or `?changes=` on `/ui/`, default `files`) adds a git `changes` port: `git` lists the pending changes under `/workspace/harbor` and `/workspace/skills` with their `repo` and no author, and `nogit` reports git as unavailable. `DummyChanges` is exported from `/dummy`. `createDummyModel({ notices: 'storage' | 'mixed' | 'fail' | 'off' })` (or `?notices=` on `/ui/`, off by default) adds an invented storage warning with Try again, which clears it after a short wait (`mixed` adds an informative notice without actions, and `fail` makes Try again fail). `noticeFixtures` and `DummyNotices` are exported from `/dummy`.
+The dummy supports `createDummyModel({ updates: 'boot' | 'starting' | '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. `createDummyModel({ packages: 'mixed' | 'empty' | 'fail' | 'off' })` (or `?packages=` on `/ui/`, off by default) adds invented optional packages in every state: Install and Retry finish after a short wait and install missing requirements too, `fail` makes them fail, and removing Python while uv is installed asks through the `confirm` option (the `/ui/` page passes spectrum's `confirm`). `updateFixtures`, `packageFixtures` and `DummyUpdates` are exported from `/dummy`. `createDummyModel({ mounts: 'mount' | 'cancel' | 'fail' | 'needs' })` (or `?mounts=` on `/ui/`) turns on the optional mount members, which are off by default: `mountFolder` mounts invented files at `/mnt/photos`, resolves with `null`, or rejects, as `model.files.mount.scenario` says; `needs` also lists `/mnt/photos` in `needsFolder()` until a folder is inserted there. `createDummyModel({ network: 'ok' | 'limited' | 'failing' | 'off' })` (or `?network=` on `/ui/`, default `limited`) sets the dummy network: slicc-node (with browser automation through it), the page fetch with CORS failures, or no route, all invented; `off` leaves out the port. `model.network.setScenario()` switches it and Check again re-emits after a short wait. `createDummyModel({ tailnet: 'off' | 'needs-login' | 'running' | 'failed' })` (or `?tailnet=` on `/ui/`, off by default) adds an invented tailnet: an auth key starting with `tskey-` signs in, `mast-pi` and `keel-router` are online exit nodes and `buoy-laptop` is offline, and Retry on `failed` connects. While the dummy tailnet runs with an exit node, the route is `tailnet` and the health `ok`. `networkFixtures`, `tailnetFixtures` and `DummyNetwork` are exported from `/dummy`. `createDummyModel({ changes: 'files' | 'git' | 'nogit' })` (or `?changes=` on `/ui/`, default `files`) adds a git `changes` port: `git` lists the pending changes under `/workspace/harbor` and `/workspace/skills` with their `repo` and no author, and `nogit` reports git as unavailable. `DummyChanges` is exported from `/dummy`. `createDummyModel({ notices: 'storage' | 'mixed' | 'fail' | 'off' })` (or `?notices=` on `/ui/`, off by default) adds an invented storage warning with Try again, which clears it after a short wait (`mixed` adds an informative notice without actions, and `fail` makes Try again fail). `noticeFixtures` and `DummyNotices` are exported from `/dummy`. `createDummyModel({ browser: 'idle' | 'driving' | 'off' })` (or `?browser=` on `/ui/`, default `idle`) sets the dummy browser: `idle` has a history of invented actions and no driven tab, `driving` has harbor and quiet-otter driving two tabs, with harbor's last click still running and frames every 500 ms while watched, and `off` has no tabs. Stopping an agent releases its tabs. `DummyBrowser`, `browserHistory` and `page` are exported from `/dummy`. `createDummyModel({ tabs: 'owner' | 'follower' | 'connecting' | 'stalled' | 'newer' | 'older' | 'alone' | 'off' })` (or `?tabs=` on `/ui/`, off by default) adds a tabs port in that state; `model.tabs.setScenario()` switches it, and Reload connects again and becomes a follower after a short wait. `tabsFixtures` and `DummyTabs` are exported from `/dummy`.
 
 On phones the update status and the tray show only their status light and the network indicator a cloud icon, with the text in their labels and tooltips; the agent picker keeps room for the cone's name, cut with an ellipsis when long, and the bottom rail scrolls when needed. The update status comes first so progress and failures remain reachable on narrow screens.
 

package/dist/slicc-dummy.js

@@ -7,6 +7,223 @@ import {
 } from "./chunk-T5NHW4KC.js";
 import "./chunk-AXQFWXYZ.js";
 
+// src/dummy/browser.ts
+function escape(text) {
+  return text.replace(/[<>&"]/g, (c) => `&#${c.charCodeAt(0)};`);
+}
+function hue(text) {
+  let sum = 0;
+  for (const char of text) sum = (sum * 31 + char.charCodeAt(0)) % 360;
+  return sum;
+}
+function page(tab, mark) {
+  const h = hue(new URL(tab.url).host);
+  const rows = [0, 1, 2, 3, 4, 5].map(
+    (i) => `<rect x="64" y="${220 + i * 36}" width="${560 - i % 3 * 90}" height="12" rx="6" fill="#d6d6d6"/>`
+  ).join("");
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="800" viewBox="0 0 1280 800"><rect width="1280" height="800" fill="#ffffff"/><rect width="1280" height="64" fill="hsl(${h} 45% 32%)"/><text x="64" y="40" font-family="sans-serif" font-size="20" fill="#ffffff">${escape(new URL(tab.url).host)}</text><text x="64" y="160" font-family="sans-serif" font-size="36" fill="#222222">${escape(tab.title)}</text>${rows}<rect x="720" y="200" width="496" height="280" rx="12" fill="hsl(${h} 40% 92%)"/>${mark === void 0 ? "" : `<rect x="56" y="${212 + mark % 6 * 36}" width="${576 - mark % 3 * 90}" height="28" rx="8" fill="none" stroke="hsl(${h} 70% 45%)" stroke-width="4"/>`}</svg>`;
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}
+function titleFor(url) {
+  const { host, pathname } = new URL(url);
+  if (!host) return "New tab";
+  return pathname === "/" ? host : `${host}${pathname}`;
+}
+var second = 1e3;
+function browserHistory(scenario, now2 = Date.now()) {
+  if (scenario === "off") return [];
+  const harbor = { tabId: "tab-preview", agentId: "cone-harbor" };
+  const otter = { tabId: "tab-pull", agentId: "scoop-otter" };
+  return [
+    {
+      ...otter,
+      kind: "goto",
+      value: "https://git.example.com/example/harbor/pull/58",
+      at: now2 - 300 * second
+    },
+    { ...otter, kind: "snapshot", at: now2 - 296 * second },
+    { ...otter, kind: "scroll", at: now2 - 290 * second },
+    { ...otter, kind: "screenshot", at: now2 - 288 * second },
+    { ...harbor, kind: "open", value: "http://localhost:8787/", at: now2 - 120 * second },
+    { ...harbor, kind: "snapshot", at: now2 - 116 * second },
+    { ...harbor, kind: "type", target: 'textbox "City"', length: 6, at: now2 - 110 * second },
+    { ...harbor, kind: "click", target: 'button "Show forecast"', at: now2 - 106 * second },
+    { ...harbor, kind: "snapshot", at: now2 - 100 * second },
+    {
+      ...harbor,
+      kind: "click",
+      target: 'link "Tomorrow"',
+      status: "failed",
+      error: 'No element matches link "Tomorrow".',
+      at: now2 - 92 * second
+    },
+    {
+      tabId: null,
+      agentId: "cone-harbor",
+      kind: "request",
+      value: "GET https://api.example.com/v2/tides",
+      at: now2 - 80 * second
+    },
+    { ...harbor, kind: "eval", at: now2 - 70 * second },
+    { ...harbor, kind: "press", value: "End", at: now2 - 64 * second }
+  ];
+}
+var drive = [
+  { tabId: "tab-preview", agentId: "cone-harbor", kind: "scroll" },
+  { tabId: "tab-preview", agentId: "cone-harbor", kind: "screenshot" },
+  { tabId: "tab-preview", agentId: "cone-harbor", kind: "click", target: 'button "Compare ports"' }
+];
+var DummyBrowser = class extends Emitter {
+  #tabs;
+  #active;
+  #clock;
+  #next = 1;
+  #actions = [];
+  #marks = 0;
+  constructor(tabs2, clock2, {
+    history = [],
+    controlled = []
+  } = {}) {
+    super();
+    this.#clock = clock2;
+    this.#tabs = tabs2.map((tab) => ({
+      ...tab,
+      ...controlled.includes(tab.id) ? { controlled: true } : {}
+    }));
+    this.#active = this.#tabs[0]?.id ?? null;
+    for (const draft of history) this.#push(draft);
+  }
+  list() {
+    return this.#tabs.map((tab) => ({ ...tab }));
+  }
+  active() {
+    return this.#active;
+  }
+  actions(tabId) {
+    return this.#actions.filter((action) => tabId === void 0 || action.tabId === tabId).slice(-50).map((action) => ({ ...action }));
+  }
+  #push(draft) {
+    const action = {
+      status: "done",
+      ...draft,
+      id: `action-${this.#actions.length + 1}`,
+      at: draft.at ?? Date.now()
+    };
+    this.#actions.push(action);
+    return action;
+  }
+  record(draft) {
+    const action = this.#push({ status: "running", ...draft });
+    const tab = this.#tabs.find((candidate) => candidate.id === action.tabId);
+    if (tab) {
+      tab.agentId = action.agentId;
+      if (action.agentId) tab.controlled = true;
+      this.emit("tabs", this.list());
+    }
+    this.emit("action", { ...action });
+    return action.id;
+  }
+  finish(id, error) {
+    const action = this.#actions.find((candidate) => candidate.id === id);
+    if (action?.status !== "running") return;
+    action.status = error ? "failed" : "done";
+    if (error) action.error = error;
+    this.emit("action", { ...action });
+  }
+  async run(script2) {
+    for (const [index2, draft] of script2.entries()) {
+      const id = this.record(draft);
+      if (index2 === script2.length - 1) return;
+      await this.#clock.sleep(20);
+      this.finish(id);
+      await this.#clock.sleep(10);
+    }
+  }
+  release(agentId) {
+    let changed = false;
+    for (const tab of this.#tabs) {
+      if (tab.agentId !== agentId || !tab.controlled) continue;
+      tab.controlled = false;
+      changed = true;
+    }
+    for (const action of this.#actions)
+      if (action.agentId === agentId && action.status === "running")
+        this.finish(action.id, "Stopped");
+    if (changed) this.emit("tabs", this.list());
+  }
+  watch(tabId) {
+    const tab = () => this.#tabs.find((candidate) => candidate.id === tabId);
+    if (!tab()?.controlled) return () => {
+    };
+    const send = () => {
+      const now2 = tab();
+      if (!now2?.controlled) return;
+      this.emit("frame", { tabId, src: page(now2, this.#marks++), at: Date.now() });
+    };
+    const timer = setInterval(send, 500);
+    void this.#clock.sleep(0).then(send);
+    return () => clearInterval(timer);
+  }
+  #changed() {
+    this.emit("tabs", this.list());
+    this.emit("active", this.#active);
+  }
+  activate(id) {
+    if (!this.#tabs.some((tab) => tab.id === id)) return;
+    this.#active = id;
+    this.emit("active", id);
+  }
+  #load(id, action) {
+    void this.#clock.sleep(15).then(() => {
+      if (action) this.finish(action);
+      const tab = this.#tabs.find((candidate) => candidate.id === id);
+      if (!tab) return;
+      tab.status = "complete";
+      tab.title = titleFor(tab.url);
+      this.#changed();
+    });
+  }
+  open(url, agentId = null) {
+    const tab = {
+      id: `tab-new-${this.#next++}`,
+      title: url,
+      url,
+      status: "loading",
+      agentId
+    };
+    this.#tabs.push(tab);
+    this.#active = tab.id;
+    const action = agentId ? this.#push({ tabId: tab.id, agentId, kind: "open", value: url, status: "running" }) : void 0;
+    this.#changed();
+    if (action) this.emit("action", { ...action });
+    this.#load(tab.id, action?.id);
+    return { ...tab };
+  }
+  navigate(id, url) {
+    const tab = this.#tabs.find((candidate) => candidate.id === id);
+    if (!tab) return;
+    tab.url = url;
+    tab.title = url;
+    tab.status = "loading";
+    this.#changed();
+    this.#load(id);
+  }
+  close(id) {
+    const index2 = this.#tabs.findIndex((tab) => tab.id === id);
+    if (index2 < 0) return;
+    this.#tabs.splice(index2, 1);
+    if (this.#active === id)
+      this.#active = this.#tabs[Math.min(index2, this.#tabs.length - 1)]?.id ?? null;
+    this.#changed();
+  }
+  async screenshot(id) {
+    await this.#clock.sleep(2);
+    const tab = this.#tabs.find((candidate) => candidate.id === id);
+    if (!tab) throw new Error(`No tab ${id}`);
+    return page(tab);
+  }
+};
+
 // src/dummy/changes.ts
 var repos = ["/workspace/harbor", "/workspace/skills"];
 var noGit = "Changes needs git, and git isn\u2019t installed. Install it with `pnpm add -g @ai-ecoverse/wasm-git`, then run `git init` in a folder under /home, or clone with slicc-node or the extension connected.";
@@ -780,102 +997,6 @@ var DummyAgent = class extends Emitter {
   }
 };
 
-// src/dummy/browser.ts
-function escape(text) {
-  return text.replace(/[<>&"]/g, (c) => `&#${c.charCodeAt(0)};`);
-}
-function hue(text) {
-  let sum = 0;
-  for (const char of text) sum = (sum * 31 + char.charCodeAt(0)) % 360;
-  return sum;
-}
-function page(tab) {
-  const h = hue(new URL(tab.url).host);
-  const rows = [0, 1, 2, 3, 4, 5].map(
-    (i) => `<rect x="64" y="${220 + i * 36}" width="${560 - i % 3 * 90}" height="12" rx="6" fill="#d6d6d6"/>`
-  ).join("");
-  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="800" viewBox="0 0 1280 800"><rect width="1280" height="800" fill="#ffffff"/><rect width="1280" height="64" fill="hsl(${h} 45% 32%)"/><text x="64" y="40" font-family="sans-serif" font-size="20" fill="#ffffff">${escape(new URL(tab.url).host)}</text><text x="64" y="160" font-family="sans-serif" font-size="36" fill="#222222">${escape(tab.title)}</text>${rows}<rect x="720" y="200" width="496" height="280" rx="12" fill="hsl(${h} 40% 92%)"/></svg>`;
-  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
-}
-function titleFor(url) {
-  const { host, pathname } = new URL(url);
-  if (!host) return "New tab";
-  return pathname === "/" ? host : `${host}${pathname}`;
-}
-var DummyBrowser = class extends Emitter {
-  #tabs;
-  #active;
-  #clock;
-  #next = 1;
-  constructor(tabs2, clock2) {
-    super();
-    this.#clock = clock2;
-    this.#tabs = tabs2.map((tab) => ({ ...tab }));
-    this.#active = this.#tabs[0]?.id ?? null;
-  }
-  list() {
-    return this.#tabs.map((tab) => ({ ...tab }));
-  }
-  active() {
-    return this.#active;
-  }
-  #changed() {
-    this.emit("tabs", this.list());
-    this.emit("active", this.#active);
-  }
-  activate(id) {
-    if (!this.#tabs.some((tab) => tab.id === id)) return;
-    this.#active = id;
-    this.emit("active", id);
-  }
-  #load(id) {
-    void this.#clock.sleep(15).then(() => {
-      const tab = this.#tabs.find((candidate) => candidate.id === id);
-      if (!tab) return;
-      tab.status = "complete";
-      tab.title = titleFor(tab.url);
-      this.#changed();
-    });
-  }
-  open(url, agentId = null) {
-    const tab = {
-      id: `tab-new-${this.#next++}`,
-      title: url,
-      url,
-      status: "loading",
-      agentId
-    };
-    this.#tabs.push(tab);
-    this.#active = tab.id;
-    this.#changed();
-    this.#load(tab.id);
-    return { ...tab };
-  }
-  navigate(id, url) {
-    const tab = this.#tabs.find((candidate) => candidate.id === id);
-    if (!tab) return;
-    tab.url = url;
-    tab.title = url;
-    tab.status = "loading";
-    this.#changed();
-    this.#load(id);
-  }
-  close(id) {
-    const index2 = this.#tabs.findIndex((tab) => tab.id === id);
-    if (index2 < 0) return;
-    this.#tabs.splice(index2, 1);
-    if (this.#active === id)
-      this.#active = this.#tabs[Math.min(index2, this.#tabs.length - 1)]?.id ?? null;
-    this.#changed();
-  }
-  async screenshot(id) {
-    await this.#clock.sleep(2);
-    const tab = this.#tabs.find((candidate) => candidate.id === id);
-    if (!tab) throw new Error(`No tab ${id}`);
-    return page(tab);
-  }
-};
-
 // src/dummy/sprinkles/suggestions.shtml
 var suggestions_default = `<!DOCTYPE html>
 <html lang="en">
@@ -4044,6 +4165,36 @@ var DummySprinkles = class extends Emitter {
   }
 };
 
+// src/dummy/tabs.ts
+function tabsFixtures(scenario) {
+  if (scenario === "stalled") return { role: "follower", stalled: true, skew: null };
+  if (scenario === "newer" || scenario === "older")
+    return { role: "follower", stalled: false, skew: scenario };
+  return { role: scenario, stalled: false, skew: null };
+}
+var DummyTabs = class extends Emitter {
+  #state;
+  #time;
+  reloads = 0;
+  constructor(scenario, time) {
+    super();
+    this.#state = tabsFixtures(scenario);
+    this.#time = time;
+  }
+  state() {
+    return { ...this.#state };
+  }
+  setScenario(scenario) {
+    this.#state = tabsFixtures(scenario);
+    this.emit("tabs", this.state());
+  }
+  reload() {
+    this.reloads++;
+    this.setScenario("connecting");
+    void this.#time.sleep(20).then(() => this.setScenario("follower"));
+  }
+};
+
 // src/dummy/shell.ts
 var encoder = new TextEncoder();
 var decoder = new TextDecoder();
@@ -4626,13 +4777,18 @@ function createDummyModel({
   network = "limited",
   tailnet,
   changes = "files",
-  notices = "off"
+  notices = "off",
+  tabs: tabs2 = "off",
+  browser: scenario = "idle"
 } = {}) {
   const time = clock(delay);
   const mount = mounts === "off" ? null : { scenario: mounts, point: mountPoint, files: mounted };
   const pending2 = changes === "git" ? [...pending, skillEdit] : pending;
   const files3 = new DummyFiles(files2, directories, pending2, time, mount);
-  const browser = new DummyBrowser(tabs, time);
+  const browser = new DummyBrowser(scenario === "off" ? [] : tabs, time, {
+    history: browserHistory(scenario),
+    controlled: scenario === "driving" ? ["tab-preview", "tab-pull"] : []
+  });
   const agent = new DummyAgent(
     agents,
     conversations,
@@ -4641,6 +4797,12 @@ function createDummyModel({
     queues,
     frozen
   );
+  const stop = agent.stop.bind(agent);
+  agent.stop = (agentId) => {
+    stop(agentId);
+    browser.release(agentId);
+  };
+  if (scenario === "driving") void browser.run(drive);
   const base = {
     agent,
     files: files3,
@@ -4666,19 +4828,25 @@ function createDummyModel({
     }),
     ...network === "off" ? {} : { network: new DummyNetwork(network, time, tailnet) },
     ...changes === "files" ? {} : { changes: new DummyChanges(files3, changes === "git") },
-    ...notices === "off" ? {} : { notices: new DummyNotices(notices, time) }
+    ...notices === "off" ? {} : { notices: new DummyNotices(notices, time) },
+    ...tabs2 === "off" ? {} : { tabs: new DummyTabs(tabs2, time) }
   };
   return { ...base, monitor: new DummyMonitor(base) };
 }
 export {
+  DummyBrowser,
   DummyChanges,
   DummyNetwork,
   DummyNotices,
+  DummyTabs,
   DummyUpdates,
+  browserHistory,
   createDummyModel,
   networkFixtures,
   noticeFixtures,
   packageFixtures,
+  page,
+  tabsFixtures,
   tailnetFixtures,
   updateFixtures
 };