accrete-kit 0.1.1 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.2.0 — 2026-11-04
+
+- `npx accrete-kit@latest ui` runs the local web page for a Workspace, macOS only for now, with
+  `--project`, `--no-open`, `--no-tmux` and `--port`. `accrete-ui` stays its own repository and
+  ships inside this package, in `dist/ui/`, placed by `scripts/fetch-ui.mjs` from the GitHub
+  Release that `accrete.ui` and `accrete.uiRepo` name. The package still has no npm dependencies,
+  and a Workspace gains nothing from this.
+- A release now needs the `accrete-ui` release to exist first, as it does the Kernel's.
+
 ## 0.1.1 — 2026-11-03
 
 First release published from GitHub Actions with npm trusted publishing and provenance.

package/README.md

@@ -3,7 +3,8 @@
 Creates and upgrades ACCRETE Workspaces. This repository,
 `accrete-template`, publishes the npm package `accrete-kit`: the generator, five complete
 object Skills with their reference manuals, Coordinator and Subagent guidance,
-configuration examples, the command catalog, and the Kernel's release binaries.
+configuration examples, the command catalog, the Kernel's release binaries, and a local web
+page for watching a Workspace.
 
 A Workspace is an independent Git project owned by the user, not a fork kept in sync with
 this template. `accrete-kit` creates and maintains it, general-purpose coding agents work in it, and
@@ -18,8 +19,12 @@ npx accrete-kit@latest create .
 npx accrete-kit@latest upgrade
 npx accrete-kit@latest upgrade --dry-run
 npx accrete-kit@<version> install
+npx accrete-kit@latest ui
 ```
 
+`ui` serves a page with a real terminal and read-only panels for the Workspace, and stays in
+the foreground until you stop it. It is macOS only for now.
+
 ## What the Agent receives
 
 | Skill | Practical scope |
@@ -125,6 +130,7 @@ replacing a Kernel or refreshing guidance does not silently migrate scientific w
 | `schemas/` | JSON Schemas for the source definition and scaffold manifest |
 | `scripts/build.mjs` | Assembles `dist/scaffold/` and checks the sources |
 | `scripts/fetch-kernel.mjs` | Places the declared Kernel release in `dist/kernel/`, verified against `SHA256SUMS` |
+| `scripts/fetch-ui.mjs` | Places the declared `accrete-ui` release in `dist/ui/`, verified against `SHA256SUMS` |
 | `scripts/check-cli-contract.mjs` | Checks the catalog against a Kernel binary's `--help` |
 | `.github/workflows/` | CI, and a tag-triggered release with trusted publishing |
 | `docs/` | The generator, scaffold format, architecture rationale, and maintenance |
@@ -146,4 +152,5 @@ Read [the generator](docs/CLI-INTEGRATION.md) for commands, the Kernel and recei
 [Build notes](docs/BUILD-REPORT.md) say what the build and tests cover.
 
 MIT licensed; see `LICENSE`. Each embedded Kernel keeps its own `LICENSE`,
-`THIRD-PARTY-NOTICES` and `licenses/` beside it in `dist/kernel/`.
+`THIRD-PARTY-NOTICES` and `licenses/` beside it in `dist/kernel/`, and the UI keeps its own in
+`dist/ui/`.

package/dist/scaffold/assets/generated/release.json

@@ -1,6 +1,6 @@
 {
   "template_id": "accrete-foundation",
-  "template_version": "0.1.1",
+  "template_version": "0.2.0",
   "kernel_version": "0.1.0",
   "cli_contract": "accrete-template-cli/v1",
   "project_formats": {

package/dist/scaffold/manifest.json

@@ -1,7 +1,7 @@
 {
   "schema_version": 1,
   "template_id": "accrete-foundation",
-  "template_version": "0.1.1",
+  "template_version": "0.2.0",
   "kernel_version": "0.1.0",
   "cli_contract": "accrete-template-cli/v1",
   "project_formats": {
@@ -243,7 +243,7 @@
       "destination": ".accrete/release.json",
       "profile": null,
       "ownership": "managed-file",
-      "sha256": "d70f4cb3506ebeb29d47b8886d8e65d497d9aa7ceba029e3bea6af0f5a8def9b",
+      "sha256": "28a76d560d9339691f9443070e112ba877a9d7f90a4e832ba1b8e322ca36bbd4",
       "size": 242
     },
     {

package/dist/ui/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ACCRETE contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/ui/THIRD-PARTY-NOTICES

@@ -0,0 +1,212 @@
+accrete-ui 0.1.0 bundles the following under vendor/.
+
+========================================================================
+@xterm/addon-fit 0.11.0 (MIT)
+========================================================================
+
+Copyright (c) 2019, The xterm.js authors (https://github.com/xtermjs/xterm.js)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+========================================================================
+@xterm/addon-unicode11 0.9.0 (MIT)
+========================================================================
+
+Copyright (c) 2019, The xterm.js authors (https://github.com/xtermjs/xterm.js)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+========================================================================
+@xterm/addon-webgl 0.19.0 (MIT)
+========================================================================
+
+Copyright (c) 2018, The xterm.js authors (https://github.com/xtermjs/xterm.js)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+========================================================================
+@xterm/xterm 6.0.0 (MIT)
+========================================================================
+
+Copyright (c) 2017-2019, The xterm.js authors (https://github.com/xtermjs/xterm.js)
+Copyright (c) 2014-2016, SourceLair Private Company (https://www.sourcelair.com)
+Copyright (c) 2012-2013, Christopher Jeffrey (https://github.com/chjj/)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+========================================================================
+node-pty 1.1.0 (MIT)
+========================================================================
+
+Copyright (c) 2012-2015, Christopher Jeffrey (https://github.com/chjj/)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+
+
+The MIT License (MIT)
+
+Copyright (c) 2016, Daniel Imms (http://www.growingwiththeweb.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+
+MIT License
+
+Copyright (c) 2018 - present Microsoft Corporation
+
+All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+========================================================================
+ws 8.22.1 (MIT)
+========================================================================
+
+Copyright (c) 2011 Einar Otto Stangvik <einaros@gmail.com>
+Copyright (c) 2013 Arnout Kazemier and contributors
+Copyright (c) 2016 Luigi Pinca and contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+========================================================================
+node-addon-api 7.1.1 (MIT), compiled into node-pty
+========================================================================
+
+The MIT License (MIT)
+
+Copyright (c) 2017 [Node.js API collaborators](https://github.com/nodejs/node-addon-api#collaborators)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/ui/bin/accrete-ui.mjs

@@ -0,0 +1,46 @@
+#!/usr/bin/env node
+import { execFile } from 'node:child_process';
+import { existsSync } from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+import { parseArgs } from 'node:util';
+import { startServer } from '../server/server.mjs';
+
+function fail(message) {
+  console.error(`accrete-ui: ${message}`);
+  process.exit(1);
+}
+
+let opts;
+try {
+  ({ values: opts } = parseArgs({
+    options: {
+      project: { type: 'string' },
+      'no-open': { type: 'boolean' },
+      'no-tmux': { type: 'boolean' },
+      port: { type: 'string' },
+    },
+  }));
+} catch (err) {
+  fail(`${err.message}\nusage: accrete-ui [--project PATH] [--no-open] [--no-tmux] [--port N]`);
+}
+
+function findWorkspace(from) {
+  for (let dir = resolve(from); ; dir = dirname(dir)) {
+    if (existsSync(join(dir, '.accrete/project.toml'))) return dir;
+    if (dir === dirname(dir)) return null;
+  }
+}
+
+const start = opts.project ?? process.cwd();
+const root = findWorkspace(start);
+if (!root) fail(`no ACCRETE Workspace at or above ${resolve(start)} (no .accrete/project.toml found)`);
+
+const { url } = await startServer({
+  root,
+  port: Number(opts.port ?? 0),
+  tmux: !opts['no-tmux'],
+  tmuxSocket: process.env.ACCRETE_UI_TMUX_SOCKET,
+}).catch((err) => fail(err.message));
+
+console.log(url);
+if (!opts['no-open']) execFile('open', [url]);

package/dist/ui/page/app.js

@@ -0,0 +1,49 @@
+import { startTerminal } from '/terminal.js';
+
+const PANELS = ['objects', 'activity', 'agents', 'running'];
+
+if (location.hash) history.replaceState(null, '', '/');
+
+startTerminal(document.getElementById('terminal'));
+
+const tabs = document.getElementById('tabs');
+const panels = document.getElementById('panels');
+
+function select(name) {
+  for (const button of tabs.children) button.setAttribute('aria-selected', button.dataset.panel === name);
+  for (const section of panels.children) section.hidden = section.id !== `panel-${name}`;
+}
+
+const sections = PANELS.map((name) => {
+  const button = document.createElement('button');
+  button.role = 'tab';
+  button.dataset.panel = name;
+  button.textContent = name[0].toUpperCase() + name.slice(1);
+  button.onclick = () => select(name);
+  tabs.append(button);
+
+  const section = document.createElement('section');
+  section.id = `panel-${name}`;
+  panels.append(section);
+
+  const style = document.createElement('link');
+  style.rel = 'stylesheet';
+  style.href = `/panels/${name}.css`;
+  document.head.append(style);
+  return section;
+});
+select(PANELS[0]);
+
+// Imported one by one so a broken panel leaves the others and the terminal running.
+const modules = await Promise.allSettled(PANELS.map((name) => import(`/panels/${name}.js`)));
+
+// Open the stream only now and mount in the same tick, so no panel misses the
+// latest values the server replays on connect.
+const events = new EventSource('/events');
+events.addEventListener('workspace', (event) => {
+  document.title = `${JSON.parse(event.data).name} - accrete-ui`;
+});
+modules.forEach((result, i) => {
+  if (result.status === 'fulfilled') result.value.mount(sections[i], events);
+  else console.error(`panel ${PANELS[i]} failed to load`, result.reason);
+});

package/dist/ui/page/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>accrete-ui</title>
+<link rel="stylesheet" href="/vendor/xterm.css">
+<link rel="stylesheet" href="/style.css">
+</head>
+<body>
+<main id="terminal"></main>
+<aside>
+  <nav id="tabs" role="tablist"></nav>
+  <div id="panels"></div>
+</aside>
+<script type="module" src="/app.js"></script>
+</body>
+</html>

package/dist/ui/page/panels/activity.css

@@ -0,0 +1,80 @@
+/* Each panel scrolls itself, so moving between tabs keeps each one's place. */
+#panels > #panel-activity {
+  height: 100%;
+  overflow: auto;
+  padding: 0;
+}
+
+#panel-activity .head {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  padding: 6px 12px 5px;
+  background: var(--bg);
+  border-bottom: 1px solid var(--border);
+  font-size: 12px;
+}
+#panel-activity .git { overflow-wrap: anywhere; }
+#panel-activity .receipts {
+  margin: 3px 0;
+  padding-left: 8px;
+  border-left: 2px solid var(--accent);
+  overflow-wrap: anywhere;
+}
+#panel-activity .receipts:empty { display: none; }
+#panel-activity .note {
+  color: var(--muted);
+  font-size: 11px;
+}
+
+#panel-activity .feed {
+  display: flex;
+  flex-direction: column;
+  padding: 6px 8px 0;
+}
+#panel-activity .item {
+  display: flex;
+  gap: 8px;
+  width: 100%;
+  padding: 2px 4px;
+  border: 0;
+  border-radius: 3px;
+  background: none;
+  color: var(--muted);
+  font: inherit;
+  font-size: 12px;
+  text-align: left;
+}
+#panel-activity .item.live { color: var(--fg); }
+#panel-activity button.item { cursor: pointer; }
+#panel-activity button.item:hover {
+  background: var(--bg-raised);
+  color: var(--fg);
+}
+#panel-activity .when {
+  flex: none;
+  min-width: 56px;
+  color: var(--muted);
+  font-variant-numeric: tabular-nums;
+}
+#panel-activity .what {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+#panel-activity .detail { color: var(--muted); }
+#panel-activity .empty {
+  padding: 4px;
+  color: var(--muted);
+  font-size: 12px;
+}
+#panel-activity .more {
+  margin: 4px 12px 16px;
+  padding: 2px 0;
+  border: 0;
+  background: none;
+  color: var(--accent);
+  font: inherit;
+  font-size: 12px;
+  cursor: pointer;
+}
+#panel-activity .more:hover { text-decoration: underline; }

package/dist/ui/page/panels/activity.js

@@ -0,0 +1,85 @@
+// The activity panel: what was seen in documents, local state and Git, newest first.
+// Workspace text is untrusted, so everything goes in through text nodes.
+const PAGE = 100;
+
+function h(tag, props, ...children) {
+  const node = Object.assign(document.createElement(tag), props);
+  node.append(...children.filter((child) => child !== null && child !== undefined));
+  return node;
+}
+
+function when(ms) {
+  const date = new Date(ms);
+  const time = date.toLocaleTimeString([], { hour12: false });
+  return date.toDateString() === new Date().toDateString() ? time : `${date.toLocaleDateString('en-CA')} ${time.slice(0, 5)}`;
+}
+
+function gitLine(git) {
+  if (!git) return 'Reading Git.';
+  if (!git.repo) return 'This Workspace is not in a Git repository.';
+  const tracking = git.upstream ? `${git.ahead} ahead, ${git.behind} behind ${git.upstream}` : 'no upstream';
+  const names = git.worktrees.map((worktree) => worktree.branch ?? 'detached').join(', ');
+  const worktrees = `${git.worktrees.length} worktree${git.worktrees.length === 1 ? '' : 's'}: ${names}`;
+  return [git.branch, tracking, `${git.dirty} changed or untracked`, worktrees].join(' · ');
+}
+
+function itemRow(item) {
+  const committed = item.committed_at && item.live && Math.abs(Date.parse(item.committed_at) - item.at) > 60000 ? `committed ${when(Date.parse(item.committed_at))}` : null;
+  const detail = [item.detail, committed].filter(Boolean).join(' · ');
+  const content = [
+    h('span', { className: 'when', textContent: when(item.at) }),
+    h('span', { className: 'what' }, item.text, detail ? h('span', { className: 'detail', textContent: ` · ${detail}` }) : null),
+  ];
+  const className = item.live ? 'item live' : 'item';
+  if (!item.open) return h('div', { className }, ...content);
+  return h(
+    'button',
+    {
+      className,
+      onclick: () => document.dispatchEvent(new CustomEvent('accrete:open-object', { detail: { id: item.open } })),
+    },
+    ...content,
+  );
+}
+
+export function mount(el, events) {
+  const git = h('div', { className: 'git' });
+  const receipts = h('div', { className: 'receipts' });
+  const note = h('div', {
+    className: 'note',
+    textContent: 'What was seen in documents, local state and Git, not who did it. A refused Kernel call leaves no trace, so it does not appear.',
+  });
+  const feed = h('div', { className: 'feed' });
+  const more = h('button', { className: 'more' });
+  el.replaceChildren(h('div', { className: 'head' }, git, receipts, note), feed, more);
+
+  let state = null;
+  let shown = PAGE;
+
+  function renderFeed() {
+    const before = feed.offsetHeight;
+    feed.replaceChildren(...state.feed.slice(0, shown).map(itemRow));
+    if (!state.feed.length) feed.append(h('div', { className: 'empty', textContent: 'Nothing yet.' }));
+    // Someone reading further down keeps their place as new items arrive above.
+    if (el.scrollTop > 0) el.scrollTop += feed.offsetHeight - before;
+    const left = state.feed.length - shown;
+    more.hidden = left <= 0;
+    more.textContent = `${left} more`;
+  }
+
+  more.onclick = () => {
+    shown += PAGE;
+    renderFeed();
+  };
+
+  events.addEventListener('activity', (event) => {
+    state = JSON.parse(event.data);
+    git.textContent = gitLine(state.git);
+    git.title = (state.git?.worktrees ?? []).map((worktree) => worktree.path).join('\n');
+    const count = state.receipts.length;
+    receipts.textContent = count
+      ? `${count} receipt${count === 1 ? '' : 's'} in local state, so an operation is running or was interrupted: ${state.receipts.join(', ')}. .accrete/bin/accrete recover finishes an interrupted one.`
+      : '';
+    renderFeed();
+  });
+}

package/dist/ui/page/panels/agents.css

@@ -0,0 +1,61 @@
+/* Styles for the agents panel. Scope them under #panel-agents. */
+#panel-agents .head { margin-bottom: 8px; }
+#panel-agents .foot { margin-top: 12px; }
+#panel-agents .quiet { color: var(--muted); }
+
+#panel-agents .session {
+  padding: 8px 0;
+  border-top: 1px solid var(--border);
+  overflow-wrap: anywhere;
+}
+#panel-agents .row { display: block; }
+#panel-agents .agent,
+#panel-agents .kind {
+  color: var(--muted);
+  font-size: 12px;
+}
+#panel-agents .title { color: var(--muted); }
+#panel-agents .has-process > .row > .title,
+#panel-agents .subagent .title { color: var(--fg); }
+
+#panel-agents .cwd,
+#panel-agents .evidence {
+  color: var(--muted);
+  font-size: 12px;
+}
+#panel-agents .tool {
+  display: flex;
+  gap: 6px;
+  align-items: baseline;
+  min-width: 0;
+  font-size: 12px;
+}
+#panel-agents .tool-name { flex: none; color: var(--accent); }
+#panel-agents .tool code {
+  flex: 0 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font: 12px ui-monospace, Menlo, monospace;
+}
+#panel-agents .tool > .quiet { flex: none; white-space: nowrap; }
+
+#panel-agents .subagents { margin-top: 4px; }
+#panel-agents .subagents > summary {
+  color: var(--muted);
+  font-size: 12px;
+  cursor: pointer;
+}
+#panel-agents .subagent {
+  margin: 4px 0 0 4px;
+  padding-left: 8px;
+  border-left: 1px solid var(--border);
+}
+#panel-agents .unattached {
+  padding: 8px 0;
+  border-top: 1px solid var(--border);
+  color: var(--muted);
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}