@ai-ecoverse/slicc-spectrum 1.43.1 → 1.45.0

package/README.md

@@ -142,7 +142,7 @@ Text is Adobe Clean Spectrum VF, falling back to Adobe Clean, and code is Spectr
 | `<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,18 +199,18 @@ 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`. |
 | `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. The optional `call(id, method, args)` serves the [sprinkle bridge](#sprinkle-bridge) for sprinkle `id`: `readFile` and `exists` (`[path]`) resolve with a string and a boolean, `getState` (`[]`) with the saved value or `null`, and `setState` (`[value]`) once it is saved. The adapter owns path policy and keeps state per sprinkle; `<slicc-sprinkle>` awaits `getState` before it builds a frame, mirrors what the frame saves, and forwards only these four methods from its own frame. The dummy keeps state in memory and maps `/shared/x` to `/home/x` in its files, refusing anything outside `/home`. |
 | `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. 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), `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` and `[data-error]`. Real installer wiring belongs to ai-ecoverse/slicc-bios#70. |
+| `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]`. |
 
-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`.
 
 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">
@@ -4459,7 +4580,12 @@ function packageFixtures(scenario) {
   const patch = (id, change) => {
     items[at3(id)] = { ...items[at3(id)], ...change };
   };
-  patch("python", { state: "installed", version: "3.13.1", actions: ["remove"] });
+  patch("python", {
+    state: "installed",
+    version: "3.13.1",
+    notes: ["1 untested dependency: @harbor/wasi-sockets@0.4.2-1"],
+    actions: ["remove"]
+  });
   patch("uv", { state: "outdated", version: "0.8.1", actions: ["update", "remove"] });
   patch("esbuild", {
     state: "installing",
@@ -4621,13 +4747,17 @@ function createDummyModel({
   network = "limited",
   tailnet,
   changes = "files",
-  notices = "off"
+  notices = "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,
@@ -4636,6 +4766,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,14 +4802,17 @@ function createDummyModel({
   return { ...base, monitor: new DummyMonitor(base) };
 }
 export {
+  DummyBrowser,
   DummyChanges,
   DummyNetwork,
   DummyNotices,
   DummyUpdates,
+  browserHistory,
   createDummyModel,
   networkFixtures,
   noticeFixtures,
   packageFixtures,
+  page,
   tailnetFixtures,
   updateFixtures
 };