@agentproto/apps 0.9.1 → 0.10.0

package/README.md

@@ -60,10 +60,10 @@ panels" above), independent of this file and of `~/.agentproto/apps.json`.
 
 ## Builtin daemon panels
 
-Five of `@agentproto/runtime`'s daemon-builtin MCP-Apps widgets live here too,
-as house-app-quality code — but they are **not** `AppHandle`s (`defineApp`
-requires a non-empty `agents` array, and these are pure read-only viewers with
-no agent of their own):
+Several of `@agentproto/runtime`'s daemon-builtin MCP-Apps widgets live here
+too, as house-app-quality code — but they are **not** `AppHandle`s
+(`defineApp` requires a non-empty `agents` array, and these are pure
+read-only viewers/actuators with no agent of their own):
 
 | Panel | Import | MCP tool id |
 | --- | --- | --- |
@@ -72,15 +72,17 @@ no agent of their own):
 | `bureau-sessions` | `@agentproto/apps/bureau-sessions` | `agentproto_bureau_sessions` |
 | `session-story` | `@agentproto/apps/session-story` | `agentproto_session_story` |
 | `live-session` | `@agentproto/apps/live-session` | `live_session` |
+| `session-chat` | `@agentproto/apps/session-chat` | `agentproto_session_chat` |
+| `work-board` | `@agentproto/apps/work-board` | `agentproto_work_board` |
 
 Each exports a `make<Name>App(ops)` factory producing an `AgnoMcpApp` — the
 shape `@agentproto/runtime`'s `mcp-apps-adapter.ts` mounts on the daemon's MCP
-server. `@agentproto/runtime`'s `builtin-apps.ts` wraps these five with the
-daemon's own session registry and mounts them at boot, unconditionally — no
-`app_install` step, and they're always listed in `app_catalog` under
-`category: "builtin"`. A sixth builtin panel, the terminal, stays in
-`@agentproto/runtime` (`terminal-panel-app.ts`) — it needs a live PTY
-WebSocket, not a portable tool-call-driven `AgnoMcpApp`.
+server. `@agentproto/runtime`'s `builtin-apps.ts` wraps these with the
+daemon's own session registry (and, for `work-board`, its Task ledger) and
+mounts them at boot, unconditionally — no `app_install` step, and they're
+always listed in `app_catalog` under `category: "builtin"`. One more builtin
+panel, the terminal, stays in `@agentproto/runtime` (`terminal-panel-app.ts`)
+— it needs a live PTY WebSocket, not a portable tool-call-driven `AgnoMcpApp`.
 
 ## Generic by design
 

package/dist/index.d.ts

@@ -16,9 +16,10 @@
  * folder (`code-team/`, `content-team/`) with `agents/` + `workflows/`, and is
  * re-exported here + as a subpath (`@agentproto/apps/<team>`).
  *
- * This package also carries five daemon-builtin panels (`sessions-panel`,
- * `agents-overview`, `bureau-sessions`, `session-story`, `live-session`) —
- * @agentproto/runtime's house-app-quality UI widgets. Each ships in two
+ * This package also carries the daemon-builtin panels (`sessions-panel`,
+ * `agents-overview`, `bureau-sessions`, `session-story`, `live-session`,
+ * `session-chat`, `work-board`) — @agentproto/runtime's house-app-quality UI
+ * widgets. Each ships in two
  * forms: a real `AppHandle` (`agents: []`, UI-only — the catalog/emit/
  * `app_install` path, e.g. `sessionsPanelApp`) AND a separate
  * `make<Name>App(ops)` factory producing the `AgnoMcpApp` shape
@@ -46,4 +47,8 @@ export { makeSessionStoryPanelApp, sessionStoryApp } from "./session-story/index
 export type { SessionStoryOps, SessionStoryInput, SessionStoryOutput } from "./session-story/index.js";
 export { makeLiveSessionApp, liveSessionApp } from "./live-session/index.js";
 export type { LiveSessionOps, LiveSessionInput, LiveSessionOutput } from "./live-session/index.js";
+export { makeSessionChatApp, sessionChatApp, sessionChatAppUrl, SESSION_CHAT_APP_ID, SESSION_CHAT_FALLBACK_HTML, sessionChatEmbedHtml, } from "./session-chat/index.js";
+export type { SessionChatOps, SessionChatInput, SessionChatOutput, } from "./session-chat/index.js";
+export { makeWorkBoardApp, workBoardApp } from "./work-board/index.js";
+export type { WorkBoardOps, WorkBoardInput, WorkBoardOutput } from "./work-board/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAClF,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACrF,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC9G,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACrF,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC9G,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AACpF,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACtG,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC5E,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAClF,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACrF,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC9G,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACrF,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC9G,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AACpF,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACtG,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC5E,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAClG,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,yBAAyB,CAAA;AAChC,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACtE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/index.mjs

@@ -5490,6 +5490,447 @@ var liveSessionApp = defineApp({
   }
 });
 
-export { agentsOverviewApp, bureauSessionsApp, codeTeam, contentTeam, liveSessionApp, mailTriage, makeAgentsOverviewApp, makeBureauSessionsApp, makeLiveSessionApp, makeSessionStoryPanelApp, makeSessionsPanelApp, mediaViewer, opsPanel, panelBridgeScript, sessionStoryApp, sessionViewer, sessionsPanelApp };
+// src/session-chat/panel.ts
+function escapeAttr(text) {
+  return text.replace(/&/g, "&").replace(/"/g, """);
+}
+function sessionChatEmbedHtml(initData) {
+  const url = initData.url;
+  const link = url != null ? `<a href="${escapeAttr(url)}" target="_blank" rel="noreferrer">open in a tab</a>` : "app not installed";
+  const iframe = url != null ? `<iframe id="chat" title="Session Chat" src="${escapeAttr(url)}"></iframe>` : "";
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Session Chat</title>
+<style>
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{height:100%;font-family:system-ui,-apple-system,sans-serif;background:#0d1117;color:#e6edf3;overflow:hidden}
+#bar{padding:6px 12px;font-size:12px;color:#8b949e;background:#161b22;border-bottom:1px solid #30363d}
+#bar a{color:#58a6ff}
+#chat{border:0;display:block;width:100%;height:calc(100% - 29px)}
+</style>
+</head>
+<body>
+<div id="bar">Session Chat &#183; ${link}</div>
+${iframe}
+</body>
+</html>`;
+}
+var SESSION_CHAT_FALLBACK_HTML = `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Session Chat \u2014 not installed</title>
+<style>
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{height:100%;font-family:system-ui,-apple-system,sans-serif;background:#0d1117;color:#e6edf3}
+#wrap{max-width:560px;margin:0 auto;padding:48px 24px;line-height:1.6}
+h1{font-size:18px;margin-bottom:12px}
+code{background:#161b22;border:1px solid #30363d;border-radius:4px;padding:2px 6px;font-size:13px}
+p{margin:8px 0;color:#8b949e;font-size:13px}
+</style>
+</head>
+<body>
+<div id="wrap">
+  <h1>Session Chat is not installed</h1>
+  <p>This panel is a thin launcher for the <code>@agentik/session-chat</code> app &#8212;
+  it does not bundle the chat UI itself.</p>
+  <p>To use it, install the app into this daemon:</p>
+  <p><code>agentproto app install @agentik/session-chat</code></p>
+  <p>Once installed, call <code>agentproto_session_chat</code> again (optionally with a
+  <code>sessionId</code>) and the panel will embed the app's chat UI deep-linked to that
+  session.</p>
+</div>
+</body>
+</html>`;
+
+// src/session-chat/index.ts
+var SESSION_CHAT_APP_ID = "@agentik/session-chat";
+var sessionChatInputSchema = z.object({
+  sessionId: z.string().optional().describe(
+    "Deep-link the chat to an existing session by id (e.g. `sess_xxx`). Omit to open the app with its session picker."
+  )
+});
+function sessionChatAppUrl(httpBaseUrl, sessionId) {
+  const base = `${httpBaseUrl.replace(/\/+$/, "")}/apps/${SESSION_CHAT_APP_ID}/ui`;
+  const params = new URLSearchParams();
+  if (sessionId) params.set("session", sessionId);
+  params.set("embed", "1");
+  return `${base}?${params.toString()}`;
+}
+function frameOrigin(httpBaseUrl) {
+  return new URL(httpBaseUrl).origin;
+}
+function makeSessionChatApp(ops) {
+  const installed = ops.isSessionChatInstalled?.() ?? false;
+  return {
+    id: "agentproto_session_chat",
+    title: "Session Chat",
+    description: "Open the Session Chat app \u2014 a chat-thread view of any agentproto daemon session: full transcript replay, live follow-over SSE, and a composer that sends prompts into the same session. Requires the `@agentik/session-chat` app to be installed; without it the panel shows install instructions. Pass `sessionId` to deep-link straight into a known session.",
+    inputSchema: sessionChatInputSchema,
+    execute: async (input) => ({
+      installed,
+      url: installed ? sessionChatAppUrl(ops.httpBaseUrl, input.sessionId) : null
+    }),
+    html: (initData) => sessionChatEmbedHtml(initData),
+    csp: { frameDomains: [frameOrigin(ops.httpBaseUrl)] }
+  };
+}
+var sessionChatApp = defineApp({
+  id: "@agentproto/session-chat-widget",
+  name: "Session Chat",
+  description: "Open the Session Chat app \u2014 a chat-thread view of any agentproto daemon session, deep-linked by sessionId. A thin builtin launcher for the installed @agentik/session-chat app.",
+  agents: [],
+  ui: {
+    html: SESSION_CHAT_FALLBACK_HTML,
+    title: "Session Chat",
+    tools: ["session_list", "agent_start", "adapter_list", "conversation_read"]
+  }
+});
+
+// src/work-board/panel.ts
+var WORK_BOARD_HTML = `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>agentproto work board</title>
+<style>
+*{box-sizing:border-box;margin:0;padding:0}
+:root{
+  --bg:#0d1117;--bg2:#161b22;--bg3:#21262d;--border:#30363d;
+  --text:#e6edf3;--text2:#8b949e;
+  --green:#3fb950;--yellow:#d29922;--red:#f85149;--blue:#58a6ff;--purple:#bc8cff;
+}
+html,body{height:100%;font-family:Menlo,Monaco,'Courier New',monospace;font-size:13px;background:var(--bg);color:var(--text);overflow:hidden}
+#app{display:flex;flex-direction:column;height:100%}
+#toolbar{padding:8px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;background:var(--bg2);flex-shrink:0}
+#board-label{font-size:11px;color:var(--text2)}
+#board-id{font-weight:600;color:var(--text);font-size:12px}
+#board-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:4px;font-size:12px;font-family:inherit;width:220px}
+.tbtn{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit}
+.tbtn:hover{background:var(--border)}
+#new-title{flex:1;min-width:120px;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:4px;font-size:12px;font-family:inherit}
+#columns{flex:1;display:flex;overflow-x:auto;overflow-y:hidden}
+.col{width:260px;min-width:220px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border)}
+.col-hdr{padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg2);font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between}
+.col-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}
+.card{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:8px 10px}
+.c-title{font-size:12px;font-weight:500;margin-bottom:4px;word-break:break-word}
+.c-id{font-size:10px;color:var(--text2);margin-bottom:6px}
+.c-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:6px}
+.tag{display:inline-block;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600;white-space:nowrap}
+.t-unclaimed{background:rgba(139,148,158,.15);color:var(--text2);border:1px dashed var(--text2)}
+.t-owner{background:rgba(88,166,255,.15);color:var(--blue)}
+.t-gate{background:rgba(63,185,80,.18);color:var(--green)}
+.t-self{background:rgba(210,153,34,.18);color:var(--yellow)}
+.t-human{background:rgba(88,166,255,.18);color:var(--blue)}
+.t-gated{background:rgba(139,148,158,.12);color:var(--text2)}
+.t-cancelled{background:rgba(139,148,158,.12);color:var(--text2)}
+.c-err{font-size:10px;color:var(--red);margin-bottom:6px;word-break:break-word}
+.c-actions{display:flex;flex-wrap:wrap;gap:4px}
+.abtn{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:3px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-family:inherit}
+.abtn:hover{background:var(--border)}
+.abtn.danger{border-color:var(--red);color:var(--red)}
+.abtn.primary{border-color:var(--green);color:var(--green)}
+#statusbar{padding:4px 12px;font-size:11px;color:var(--text2);border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0}
+.empty{padding:16px 8px;color:var(--text2);font-size:11px;text-align:center}
+</style>
+</head>
+<body>
+<div id="app">
+  <div id="toolbar">
+    <span id="board-label">Board:</span>
+    <span id="board-id">\u2014</span>
+    <input id="board-input" type="text" placeholder="tree:&lt;sessionId&gt; or ws:&lt;slug&gt;">
+    <button class="tbtn" id="go-btn">Go</button>
+    <button class="tbtn" id="refresh-btn" title="Refresh">&#8635;</button>
+    <input id="new-title" type="text" placeholder="New task title&#8230;">
+    <button class="tbtn" id="add-btn">+ Add</button>
+  </div>
+  <div id="columns"></div>
+  <div id="statusbar">Connecting to bridge&#8230;</div>
+</div>
+<script>
+${panelBridgeScript("agentproto-work-board-panel")}
+
+// ============================================================
+// State
+// ============================================================
+
+var COLUMNS = [
+  {key: 'pending', label: 'Pending'},
+  {key: 'in_progress', label: 'In Progress'},
+  {key: 'done', label: 'Done'},
+  {key: 'failed', label: 'Failed'}
+];
+
+var boardId = null;
+var tasks = [];
+var pollTimer = null;
+var pollActive = false;
+
+function setStatus(msg) {
+  document.getElementById('statusbar').textContent = msg;
+}
+
+function esc(s) {
+  return String(s == null ? '' : s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+
+// A cancelled task folds into the Failed column, tagged distinctly \u2014 v1
+// treats both as terminal scrap, and a fifth column for a rarely-used
+// status isn't worth the width.
+function columnOf(status) {
+  if (status === 'cancelled') return 'failed';
+  return status;
+}
+
+// ============================================================
+// Verification tell \u2014 never render an unverified done as gate-passed.
+// ============================================================
+
+function verificationTag(t) {
+  var v = t.verification;
+  if (v) {
+    if (v.kind === 'gate') return '<span class="tag t-gate">&#10003; gate</span>';
+    if (v.kind === 'self-report') return '<span class="tag t-self">self-report</span>';
+    if (v.kind === 'human') return '<span class="tag t-human">human</span>';
+  }
+  if (t.status === 'in_progress' && t.verify) {
+    return '<span class="tag t-gated">gated</span>';
+  }
+  return '';
+}
+
+function ownerTag(t) {
+  if (!t.owner) return '<span class="tag t-unclaimed">Unclaimed</span>';
+  return '<span class="tag t-owner">' + esc(t.owner) + '</span>';
+}
+
+// ============================================================
+// Card actions \u2014 explicit status moves, no drag-and-drop (read-only-safe
+// first: see module docblock).
+// ============================================================
+
+function actionsFor(t) {
+  var a = [];
+  if (t.status === 'pending') {
+    if (!t.owner) a.push({label: 'Claim', action: 'claim', cls: 'primary'});
+    else a.push({label: 'Start', action: 'start', cls: 'primary'});
+    a.push({label: 'Cancel', action: 'cancel', cls: 'danger'});
+  } else if (t.status === 'in_progress') {
+    a.push({label: 'Done', action: 'done', cls: 'primary'});
+    a.push({label: 'Fail', action: 'fail', cls: 'danger'});
+    a.push({label: 'Release', action: 'release', cls: ''});
+    a.push({label: 'Cancel', action: 'cancel', cls: 'danger'});
+  } else if (t.status === 'done') {
+    a.push({label: 'Reopen', action: 'reopen', cls: ''});
+  }
+  return a;
+}
+
+function applyAction(taskId, action) {
+  var t = null;
+  for (var i = 0; i < tasks.length; i++) {
+    if (tasks[i].taskId === taskId) { t = tasks[i]; break; }
+  }
+  if (!t) return;
+  var p;
+  if (action === 'claim') {
+    p = callTool('task_claim', {taskId: t.taskId, rev: t.rev});
+  } else if (action === 'start') {
+    p = callTool('task_update', {taskId: t.taskId, rev: t.rev, status: 'in_progress'});
+  } else if (action === 'done') {
+    p = callTool('task_update', {taskId: t.taskId, rev: t.rev, status: 'done'});
+  } else if (action === 'fail') {
+    p = callTool('task_update', {taskId: t.taskId, rev: t.rev, status: 'failed'});
+  } else if (action === 'release') {
+    p = callTool('task_update', {taskId: t.taskId, rev: t.rev, owner: null});
+  } else if (action === 'cancel') {
+    p = callTool('task_update', {taskId: t.taskId, rev: t.rev, status: 'cancelled'});
+  } else if (action === 'reopen') {
+    p = callTool('task_update', {taskId: t.taskId, rev: t.rev, status: 'pending'});
+  } else {
+    return;
+  }
+  p.then(function (result) {
+    if (result && result.conflict) {
+      setStatus('Someone else moved "' + t.title + '" first \u2014 refreshed.');
+    } else if (result && result.error) {
+      setStatus('Action failed: ' + result.error);
+    } else {
+      setStatus('Updated "' + t.title + '".');
+    }
+    return loadBoard();
+  }).catch(function (e) {
+    setStatus('Action failed: ' + e.message);
+  });
+}
+
+// ============================================================
+// Render
+// ============================================================
+
+function renderCard(t) {
+  var html = '<div class="card" data-taskid="' + esc(t.taskId) + '">';
+  html += '<div class="c-title">' + esc(t.title) + '</div>';
+  html += '<div class="c-id">#' + esc(t.taskId) + '</div>';
+  html += '<div class="c-row">' + ownerTag(t) + verificationTag(t);
+  if (t.status === 'cancelled') html += '<span class="tag t-cancelled">cancelled</span>';
+  html += '</div>';
+  if (t.lastVerifyError) {
+    html += '<div class="c-err">verify failed: ' + esc(t.lastVerifyError) + '</div>';
+  }
+  var actions = actionsFor(t);
+  if (actions.length > 0) {
+    html += '<div class="c-actions">';
+    for (var i = 0; i < actions.length; i++) {
+      var a = actions[i];
+      html += '<button class="abtn ' + a.cls + '" data-taskid="' + esc(t.taskId) + '" data-action="' + a.action + '">' + a.label + '</button>';
+    }
+    html += '</div>';
+  }
+  html += '</div>';
+  return html;
+}
+
+function render() {
+  document.getElementById('board-id').textContent = boardId || '\u2014';
+  if (!document.getElementById('board-input').value) {
+    document.getElementById('board-input').value = boardId || '';
+  }
+  var el = document.getElementById('columns');
+  var html = '';
+  for (var c = 0; c < COLUMNS.length; c++) {
+    var col = COLUMNS[c];
+    var rows = tasks.filter(function (t) { return columnOf(t.status) === col.key; });
+    html += '<div class="col"><div class="col-hdr"><span>' + col.label + '</span><span>' + rows.length + '</span></div><div class="col-body">';
+    if (rows.length === 0) {
+      html += '<div class="empty">No tasks</div>';
+    } else {
+      for (var i = 0; i < rows.length; i++) html += renderCard(rows[i]);
+    }
+    html += '</div></div>';
+  }
+  el.innerHTML = html;
+}
+
+// ============================================================
+// Data
+// ============================================================
+
+function loadBoard() {
+  var args = {includeClosed: true, full: true};
+  if (boardId) args.boardId = boardId;
+  return callTool('task_list', args).then(function (data) {
+    boardId = data.boardId || boardId;
+    tasks = data.tasks || [];
+    render();
+    setStatus(tasks.length + ' task' + (tasks.length === 1 ? '' : 's') + ' \xB7 ' + new Date().toLocaleTimeString());
+  }).catch(function (e) {
+    setStatus('Error: ' + e.message);
+  });
+}
+
+function doPoll() {
+  if (pollActive) return;
+  pollActive = true;
+  loadBoard().then(function () {
+    pollActive = false;
+    pollTimer = setTimeout(doPoll, 4000);
+  }).catch(function () {
+    pollActive = false;
+    pollTimer = setTimeout(doPoll, 4000);
+  });
+}
+
+// ============================================================
+// Toolbar wiring
+// ============================================================
+
+document.getElementById('columns').addEventListener('click', function (evt) {
+  var btn = evt.target.closest ? evt.target.closest('button[data-action]') : null;
+  if (!btn) return;
+  applyAction(btn.getAttribute('data-taskid'), btn.getAttribute('data-action'));
+});
+
+document.getElementById('refresh-btn').addEventListener('click', function () {
+  loadBoard();
+});
+
+document.getElementById('go-btn').addEventListener('click', function () {
+  var v = document.getElementById('board-input').value.trim();
+  if (!v) return;
+  boardId = v;
+  loadBoard();
+});
+
+document.getElementById('add-btn').addEventListener('click', function () {
+  var input = document.getElementById('new-title');
+  var title = input.value.trim();
+  if (!title) return;
+  var args = {title: title};
+  if (boardId) args.boardId = boardId;
+  callTool('task_create', args).then(function (result) {
+    if (result && result.error) {
+      setStatus('Create failed: ' + result.error);
+      return;
+    }
+    input.value = '';
+    setStatus('Created "' + title + '".');
+    return loadBoard();
+  }).catch(function (e) {
+    setStatus('Create failed: ' + e.message);
+  });
+});
+
+// ============================================================
+// Boot
+// ============================================================
+
+initBridge().then(function () {
+  return loadBoard();
+}).then(function () {
+  pollTimer = setTimeout(doPoll, 4000);
+}).catch(function (e) {
+  setStatus('Bridge error: ' + e.message);
+});
+</script>
+</body>
+</html>`;
+
+// src/work-board/index.ts
+var workBoardInputSchema = z.object({
+  boardId: z.string().optional().describe(
+    "Board to open \u2014 `tree:<rootSessionId>` (a supervisor and its executors) or `ws:<slug>` (an operator workspace). Omit \u2192 the caller's default board."
+  )
+});
+function makeWorkBoardApp(ops) {
+  return {
+    id: "agentproto_work_board",
+    title: "Work Board",
+    description: "Open the agentproto work board \u2014 a kanban over the daemon's Task ledger (columns: pending/in_progress/done/failed, cancelled folded into failed). Swimlane is the ledger's own board id (`tree:<root>` or `ws:<slug>`). Each card shows its owner (or \"Unclaimed\") and the verification tell \u2014 a gate-passed done reads visually distinct from a self-reported one. Pass `boardId` to open a specific board.",
+    inputSchema: workBoardInputSchema,
+    execute: async (input) => ops.listTasks(input.boardId),
+    html: WORK_BOARD_HTML
+  };
+}
+var workBoardApp = defineApp({
+  id: "@agentproto/work-board",
+  name: "Work Board",
+  description: "Open the agentproto work board \u2014 a kanban over the daemon's Task ledger, scoped by board id (`tree:<rootSessionId>` or `ws:<slug>`), with an explicit status action per card.",
+  agents: [],
+  ui: {
+    html: WORK_BOARD_HTML,
+    title: "Work Board",
+    tools: ["task_list", "task_claim", "task_update", "task_create"]
+  }
+});
+
+export { SESSION_CHAT_APP_ID, SESSION_CHAT_FALLBACK_HTML, agentsOverviewApp, bureauSessionsApp, codeTeam, contentTeam, liveSessionApp, mailTriage, makeAgentsOverviewApp, makeBureauSessionsApp, makeLiveSessionApp, makeSessionChatApp, makeSessionStoryPanelApp, makeSessionsPanelApp, makeWorkBoardApp, mediaViewer, opsPanel, panelBridgeScript, sessionChatApp, sessionChatAppUrl, sessionChatEmbedHtml, sessionStoryApp, sessionViewer, sessionsPanelApp, workBoardApp };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map