@agentproto/apps 0.10.0 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/agents-overview/panel.mjs +43 -1
- package/dist/agents-overview/panel.mjs.map +1 -1
- package/dist/agents-overview.mjs +43 -1
- package/dist/agents-overview.mjs.map +1 -1
- package/dist/bureau-sessions/panel.mjs +43 -1
- package/dist/bureau-sessions/panel.mjs.map +1 -1
- package/dist/bureau-sessions.mjs +43 -1
- package/dist/bureau-sessions.mjs.map +1 -1
- package/dist/index.mjs +1116 -300
- package/dist/index.mjs.map +1 -1
- package/dist/live-session/panel.mjs +43 -1
- package/dist/live-session/panel.mjs.map +1 -1
- package/dist/live-session.mjs +43 -1
- package/dist/live-session.mjs.map +1 -1
- package/dist/panel-bridge.d.ts +48 -0
- package/dist/panel-bridge.d.ts.map +1 -1
- package/dist/session-chat/blob-embed.d.ts +53 -0
- package/dist/session-chat/blob-embed.d.ts.map +1 -0
- package/dist/session-chat/index.d.ts +13 -0
- package/dist/session-chat/index.d.ts.map +1 -1
- package/dist/session-chat/panel.d.ts +38 -2
- package/dist/session-chat/panel.d.ts.map +1 -1
- package/dist/session-chat/panel.mjs +609 -6
- package/dist/session-chat/panel.mjs.map +1 -1
- package/dist/session-chat.mjs +631 -13
- package/dist/session-chat.mjs.map +1 -1
- package/dist/session-story/panel.mjs +43 -1
- package/dist/session-story/panel.mjs.map +1 -1
- package/dist/session-story.mjs +43 -1
- package/dist/session-story.mjs.map +1 -1
- package/dist/sessions-panel/panel.mjs +43 -1
- package/dist/sessions-panel/panel.mjs.map +1 -1
- package/dist/sessions-panel.mjs +43 -1
- package/dist/sessions-panel.mjs.map +1 -1
- package/dist/work-board/index.d.ts.map +1 -1
- package/dist/work-board/panel.d.ts +39 -6
- package/dist/work-board/panel.d.ts.map +1 -1
- package/dist/work-board/panel.generated.d.ts +13 -0
- package/dist/work-board/panel.generated.d.ts.map +1 -0
- package/dist/work-board/panel.mjs +494 -296
- package/dist/work-board/panel.mjs.map +1 -1
- package/dist/work-board.mjs +496 -298
- package/dist/work-board.mjs.map +1 -1
- package/package.json +12 -8
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated — DO NOT EDIT BY HAND.
|
|
3
|
+
*
|
|
4
|
+
* Built from src/work-board/ui/** (Vite + vite-plugin-singlefile) by
|
|
5
|
+
* scripts/build-work-board-ui.mjs. Edit the Vite sources and regenerate:
|
|
6
|
+
*
|
|
7
|
+
* pnpm --filter @agentproto/apps run build:ui
|
|
8
|
+
*
|
|
9
|
+
* `pnpm --filter @agentproto/apps run build:ui:check` (wired into CI) fails
|
|
10
|
+
* if this file drifts from what the Vite sources actually produce.
|
|
11
|
+
*/
|
|
12
|
+
export declare const WORK_BOARD_HTML_GENERATED = "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n<title>agentproto work board</title>\n<!-- PANEL_BRIDGE: replaced with the inline panelBridgeScript() output by\n vite.config.ts's injectPanelBridge plugin \u2014 a classic (non-module)\n script so its `initBridge`/`callTool` land as globals before the\n deferred module script below runs. -->\n<script>// \u2500\u2500 MCP Apps bridge (shared: panel-bridge.ts) \u2500\u2500\n// JSON-RPC 2.0 over window.parent.postMessage \u00B7 spec 2026-01-26\nvar _nextId = 1, _pending = {}, _notifyHandlers = [];\nvar _hostContext = null, _hostContextHandlers = [];\nvar _hostCaps = null;\nvar _standaloneApp = null;\nfunction _isStandalone(){\n return window.parent === window && !!window.McpApp && typeof window.McpApp.connect === 'function';\n}\n// \u2500\u2500 Per-boot embed token (runtime embed-tokens.ts) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Panels that iframe the daemon's standalone app host carry this proof so\n// GET /apps/:appId/ui?embed=1&et=... can drop its anti-framing headers for\n// MCP-Apps hosts whose widget context is an opaque origin (Claude Desktop).\n// registerMcpApps replaces the placeholder with a real per-boot token when\n// serving the panel as a resource; every other render (tests, standalone\n// tab, VS Code HTTP-iframe panel \u2014 the latter two already pass\n// iframeEmbedAllowed's origin checks) keeps the literal, and\n// withEmbedToken() then degrades to an identity function.\nwindow.__AGENPROTO_EMBED_TOKEN__ = \"__AGENPROTO_EMBED_TOKEN__\";\nfunction withEmbedToken(url){\n var t = window.__AGENPROTO_EMBED_TOKEN__;\n if (!t || t === '__AGENPROTO_EMBED_TOKEN__') return url;\n return url + (url.indexOf('?') >= 0 ? '&' : '?') + 'et=' + encodeURIComponent(t);\n}\nfunction post(msg){ window.parent.postMessage(msg, '*'); }\nfunction getHostContext(){ return _hostContext; }\nfunction getHostCapabilities(){ return _hostCaps; }\nfunction onHostContext(cb){\n _hostContextHandlers.push(cb);\n // Replay the last context so a late subscriber isn't stuck blind.\n if (_hostContext){ try { cb(_hostContext); } catch(_) {} }\n}\nfunction _setHostContext(ctx){\n if (!ctx || typeof ctx !== 'object') return;\n // ui/notifications/host-context-changed carries only the changed keys \u2014\n // merge, matching the official ext-apps App behaviour.\n _hostContext = Object.assign({}, _hostContext || {}, ctx);\n for (var i = 0; i < _hostContextHandlers.length; i++){\n try { _hostContextHandlers[i](_hostContext); } catch(_) {}\n }\n}\nfunction rpcRequest(method, params){\n return new Promise(function(resolve, reject){\n var id = _nextId++;\n _pending[id] = {resolve: resolve, reject: reject};\n post({jsonrpc: '2.0', id: id, method: method, params: params || {}});\n });\n}\nfunction rpcNotify(method, params){ post({jsonrpc: '2.0', method: method, params: params || {}}); }\nfunction onHostNotification(cb){ _notifyHandlers.push(cb); }\nwindow.addEventListener('message', function(evt){\n var msg = evt.data;\n if (!msg || typeof msg !== 'object' || msg.jsonrpc !== '2.0') return;\n if (msg.id != null && msg.method == null){\n var p = _pending[msg.id];\n if (!p) return;\n delete _pending[msg.id];\n if (msg.error) p.reject(new Error(msg.error.message || ('rpc error ' + msg.error.code)));\n else p.resolve(msg.result);\n return;\n }\n if (msg.method){\n if (msg.method === 'ui/notifications/host-context-changed'){\n _setHostContext(msg.params || {});\n }\n for (var i = 0; i < _notifyHandlers.length; i++){\n try { _notifyHandlers[i](msg.method, msg.params || {}); } catch(_) {}\n }\n }\n});\nfunction initBridge(){\n if (_isStandalone()){\n return window.McpApp.connect().then(function(conn){\n _standaloneApp = conn;\n // No host to advertise a hostContext \u2014 default to inline with no\n // other modes available, which keeps the #dm/#pin toggle buttons\n // hidden (they only show for modes hostContext.availableDisplayModes\n // lists) instead of rendering two buttons with nothing to switch to.\n _setHostContext({displayMode: 'inline', availableDisplayModes: []});\n });\n }\n return rpcRequest('ui/initialize', {\n appInfo: {name: \"agentproto-work-board-panel\", version: '0.1.0'},\n appCapabilities: {availableDisplayModes: ['inline', 'fullscreen', 'pip']},\n protocolVersion: '2026-01-26'\n }).then(function(result){\n // The initialize result carries the initial hostContext (displayMode +\n // availableDisplayModes) \u2014 capture it before notifying the host.\n if (result && result.hostContext) _setHostContext(result.hostContext);\n // McpUiInitializeResult.hostCapabilities (ext-apps spec) \u2014 e.g. openLinks,\n // \"Host supports opening external URLs\". Captured once, read via\n // getHostCapabilities() by panels that need to branch on it.\n if (result && result.hostCapabilities) _hostCaps = result.hostCapabilities;\n rpcNotify('ui/notifications/initialized', {});\n });\n}\nfunction requestDisplayMode(mode){\n return rpcRequest('ui/request-display-mode', {mode: mode});\n}\nfunction openLink(url){\n if (_standaloneApp && typeof _standaloneApp.openLink === 'function') return _standaloneApp.openLink(url);\n return rpcRequest('ui/open-link', {url: url});\n}\nfunction callTool(name, args){\n var raw = _standaloneApp\n ? _standaloneApp.callTool(name, args || {})\n : rpcRequest('tools/call', {name: name, arguments: args || {}});\n return raw.then(function(result){\n if (result.isError){\n var e = (result.content && result.content[0] && result.content[0].text) || 'tool error';\n throw new Error(e);\n }\n var text = (result.content && result.content[0] && result.content[0].text) || '{}';\n return JSON.parse(text);\n });\n}\n\n// \u2500\u2500 Display-mode toggle buttons (NO auto-request) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Injected by the shared bridge so every panel gets them without touching\n// its own markup. Mirrors guilde canvas.app.ts canvasShellHtml(): the\n// panel stays inline by default; the user expands on demand. Buttons only\n// appear for modes the host advertises in hostContext.availableDisplayModes.\n(function(){\n function mount(){\n var style = document.createElement('style');\n style.textContent = '#dm,#pin{display:none;position:fixed;top:8px;z-index:10;'\n + 'border:1px solid #d0d0d0;background:#fff;color:#1a1a1a;'\n + 'font:600 13px/1 system-ui,sans-serif;padding:7px 12px;border-radius:6px;'\n + 'cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.18)}'\n + '#dm{right:8px}#pin{right:118px}'\n + '#dm:hover,#pin:hover{background:#f2f2f2;border-color:#b0b0b0}'\n + '@media (prefers-color-scheme:dark){'\n + '#dm,#pin{border-color:#555;background:#2a2a2a;color:#f0f0f0;box-shadow:0 1px 4px rgba(0,0,0,.5)}'\n + '#dm:hover,#pin:hover{background:#333;border-color:#777}}';\n document.head.appendChild(style);\n\n var btn = document.createElement('button');\n btn.id = 'dm'; btn.type = 'button'; btn.title = \"Basculer l'affichage\";\n var pin = document.createElement('button');\n pin.id = 'pin'; pin.type = 'button'; pin.title = '\u00C9pingler sur le c\u00F4t\u00E9 (pip)';\n document.body.appendChild(pin);\n document.body.appendChild(btn);\n\n function has(avail, m){ return !!avail && avail.indexOf(m) >= 0; }\n\n // Re-sync button visibility + label from the current host context.\n function syncBtn(ctx){\n ctx = ctx || {};\n var avail = ctx.availableDisplayModes;\n // Diagnostic: what does THIS host actually advertise? (inline/fullscreen/pip)\n console.log('[mcp-app] displayMode=', ctx.displayMode,\n 'availableDisplayModes=', avail);\n\n // Fullscreen toggle button.\n if (has(avail, 'fullscreen')){\n btn.style.display = 'block';\n btn.textContent = (ctx.displayMode === 'fullscreen') ? '\u2921 R\u00E9duire' : '\u2922 Agrandir';\n } else { btn.style.display = 'none'; }\n\n // Dedicated pip (\"pinned on side\") button \u2014 only if the host advertises pip.\n if (has(avail, 'pip')){\n pin.style.display = 'block';\n pin.textContent = (ctx.displayMode === 'pip') ? '\u2921 D\u00E9tacher' : '\uD83D\uDCCC \u00C9pingler';\n } else { pin.style.display = 'none'; }\n }\n\n onHostContext(syncBtn);\n\n btn.addEventListener('click', function(){\n var ctx = getHostContext() || {};\n var inPanel = (ctx.displayMode === 'fullscreen' || ctx.displayMode === 'pip');\n requestDisplayMode(inPanel ? 'inline' : 'fullscreen').catch(function(){});\n });\n\n pin.addEventListener('click', function(){\n var ctx = getHostContext() || {};\n requestDisplayMode(ctx.displayMode === 'pip' ? 'inline' : 'pip').catch(function(){});\n });\n }\n if (document.body) mount();\n else document.addEventListener('DOMContentLoaded', mount);\n})();</script>\n <script>(function() {\n \"use strict\";\n const COLUMN_STATUSES = [\"pending\", \"in_progress\", \"done\", \"failed\"];\n const COLUMN_LABELS = {\n pending: \"Pending\",\n in_progress: \"In Progress\",\n done: \"Done\",\n failed: \"Failed\"\n };\n function esc(value) {\n return value.replace(/&/g, \"&\").replace(/</g, \"<\").replace(/>/g, \">\").replace(/\"/g, \""\");\n }\n function columnOf(status) {\n return status === \"cancelled\" ? \"failed\" : status;\n }\n function verificationTag(task) {\n const v = task.verification;\n if (v) {\n if (v.kind === \"gate\") return '<span class=\"tag t-gate\">✓ gate</span>';\n if (v.kind === \"self-report\") return '<span class=\"tag t-self\">self-report</span>';\n if (v.kind === \"human\") return '<span class=\"tag t-human\">human</span>';\n }\n if (task.status === \"in_progress\" && task.verify) {\n return '<span class=\"tag t-gated\">gated</span>';\n }\n return \"\";\n }\n function ownerTag(task) {\n if (!task.owner) return '<span class=\"tag t-unclaimed\">Unclaimed</span>';\n return `<span class=\"tag t-owner\">${esc(task.owner)}</span>`;\n }\n function actionsFor(task) {\n if (task.status === \"pending\") {\n return [\n task.owner ? { label: \"Start\", action: \"start\", cls: \"primary\" } : { label: \"Claim\", action: \"claim\", cls: \"primary\" },\n { label: \"Cancel\", action: \"cancel\", cls: \"danger\" }\n ];\n }\n if (task.status === \"in_progress\") {\n return [\n { label: \"Done\", action: \"done\", cls: \"primary\" },\n { label: \"Fail\", action: \"fail\", cls: \"danger\" },\n { label: \"Release\", action: \"release\", cls: \"\" },\n { label: \"Cancel\", action: \"cancel\", cls: \"danger\" }\n ];\n }\n if (task.status === \"done\") {\n return [{ label: \"Reopen\", action: \"reopen\", cls: \"\" }];\n }\n return [];\n }\n function renderCard(task) {\n let html = `<div class=\"card\" data-taskid=\"${esc(task.taskId)}\">`;\n html += `<div class=\"c-title\">${esc(task.title)}</div>`;\n html += `<div class=\"c-id\">#${esc(task.taskId)}</div>`;\n html += `<div class=\"c-row\">${ownerTag(task)}${verificationTag(task)}`;\n if (task.status === \"cancelled\") html += '<span class=\"tag t-cancelled\">cancelled</span>';\n html += \"</div>\";\n if (task.lastVerifyError) {\n html += `<div class=\"c-err\">verify failed: ${esc(task.lastVerifyError)}</div>`;\n }\n const actions = actionsFor(task);\n if (actions.length > 0) {\n html += '<div class=\"c-actions\">';\n for (const a of actions) {\n html += `<button class=\"abtn ${a.cls}\" data-taskid=\"${esc(task.taskId)}\" data-action=\"${a.action}\">${a.label}</button>`;\n }\n html += \"</div>\";\n }\n html += \"</div>\";\n return html;\n }\n function renderColumns(tasks2) {\n let html = \"\";\n for (const status of COLUMN_STATUSES) {\n const rows = tasks2.filter((t) => columnOf(t.status) === status);\n html += `<div class=\"col\"><div class=\"col-hdr\"><span>${COLUMN_LABELS[status]}</span><span>${rows.length}</span></div><div class=\"col-body\">`;\n html += rows.length === 0 ? '<div class=\"empty\">No tasks</div>' : rows.map(renderCard).join(\"\");\n html += \"</div></div>\";\n }\n return html;\n }\n function getEl(id) {\n const el = document.getElementById(id);\n if (!el) throw new Error(`work board: missing #${id}`);\n return el;\n }\n function getInput(id) {\n const el = document.getElementById(id);\n if (!(el instanceof HTMLInputElement)) throw new Error(`work board: missing input #${id}`);\n return el;\n }\n function isCardAction(value) {\n switch (value) {\n case \"claim\":\n case \"start\":\n case \"done\":\n case \"fail\":\n case \"release\":\n case \"cancel\":\n case \"reopen\":\n return true;\n default:\n return false;\n }\n }\n let boardId = null;\n let tasks = [];\n let pollActive = false;\n function boot() {\n const columnsEl = getEl(\"columns\");\n const statusbarEl = getEl(\"statusbar\");\n const boardIdEl = getEl(\"board-id\");\n const boardInputEl = getInput(\"board-input\");\n const newTitleEl = getInput(\"new-title\");\n function setStatus(msg) {\n statusbarEl.textContent = msg;\n }\n function render() {\n boardIdEl.textContent = boardId ?? \"\u2014\";\n if (!boardInputEl.value) boardInputEl.value = boardId ?? \"\";\n columnsEl.innerHTML = renderColumns(tasks);\n }\n function findTask(taskId) {\n return tasks.find((t) => t.taskId === taskId);\n }\n function loadBoard() {\n const args = {\n includeClosed: true,\n full: true,\n ...boardId ? { boardId } : {}\n };\n return callTool(\"task_list\", args).then((data) => {\n boardId = data.boardId ?? boardId;\n tasks = data.tasks ?? [];\n render();\n setStatus(`${tasks.length} task${tasks.length === 1 ? \"\" : \"s\"} \u00B7 ${(/* @__PURE__ */ new Date()).toLocaleTimeString()}`);\n }).catch((e) => {\n setStatus(`Error: ${e.message}`);\n });\n }\n function applyAction(taskId, action) {\n const task = findTask(taskId);\n if (!task) return;\n const base = { taskId: task.taskId, rev: task.rev };\n let promise;\n if (action === \"claim\") {\n promise = callTool(\"task_claim\", base);\n } else if (action === \"start\") {\n promise = callTool(\"task_update\", { ...base, status: \"in_progress\" });\n } else if (action === \"done\") {\n promise = callTool(\"task_update\", { ...base, status: \"done\" });\n } else if (action === \"fail\") {\n promise = callTool(\"task_update\", { ...base, status: \"failed\" });\n } else if (action === \"release\") {\n promise = callTool(\"task_update\", { ...base, owner: null });\n } else if (action === \"cancel\") {\n promise = callTool(\"task_update\", { ...base, status: \"cancelled\" });\n } else {\n promise = callTool(\"task_update\", { ...base, status: \"pending\" });\n }\n promise.then((result) => {\n if (\"conflict\" in result) {\n setStatus(`Someone else moved \"${task.title}\" first \u2014 refreshed.`);\n } else if (\"error\" in result) {\n setStatus(`Action failed: ${result.error}`);\n } else {\n setStatus(`Updated \"${task.title}\".`);\n }\n return loadBoard();\n }).catch((e) => {\n setStatus(`Action failed: ${e.message}`);\n });\n }\n function doPoll() {\n if (pollActive) return;\n pollActive = true;\n loadBoard().finally(() => {\n pollActive = false;\n setTimeout(doPoll, 4e3);\n });\n }\n columnsEl.addEventListener(\"click\", (evt) => {\n if (!(evt.target instanceof Element)) return;\n const btn = evt.target.closest(\"button[data-action]\");\n if (!(btn instanceof HTMLButtonElement)) return;\n const taskId = btn.getAttribute(\"data-taskid\");\n const action = btn.getAttribute(\"data-action\");\n if (!taskId || !action || !isCardAction(action)) return;\n applyAction(taskId, action);\n });\n getEl(\"refresh-btn\").addEventListener(\"click\", () => {\n void loadBoard();\n });\n getEl(\"go-btn\").addEventListener(\"click\", () => {\n const value = boardInputEl.value.trim();\n if (!value) return;\n boardId = value;\n void loadBoard();\n });\n getEl(\"add-btn\").addEventListener(\"click\", () => {\n const title = newTitleEl.value.trim();\n if (!title) return;\n const args = boardId ? { title, boardId } : { title };\n callTool(\"task_create\", args).then((result) => {\n if (result.error) {\n setStatus(`Create failed: ${result.error}`);\n return void 0;\n }\n newTitleEl.value = \"\";\n setStatus(`Created \"${title}\".`);\n return loadBoard();\n }).catch((e) => {\n setStatus(`Create failed: ${e.message}`);\n });\n });\n initBridge().then(() => loadBoard()).then(() => {\n setTimeout(doPoll, 4e3);\n }).catch((e) => {\n setStatus(`Bridge error: ${e.message}`);\n });\n }\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", boot);\n } else {\n boot();\n }\n})();</script>\n <style rel=\"stylesheet\" crossorigin>/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n Semantic tokens + runtime mapping sheets.\n\n Every rule below the next section reads ONLY the --wb-* custom\n properties. Each one resolves through TWO mapping sheets, chosen at\n PAINT time via plain CSS var() fallback \u2014 no build step, no JS, so a\n host that swaps its theme live (VS Code) is never frozen at whatever\n theme happened to be active when this bundle was built:\n\n 1. embedded \u2014 VS Code injects a live --vscode-* custom-property set\n into the webview and swaps it on theme change. Whenever the\n relevant --vscode-* variable exists, it wins \u2014 in a VS Code\n `srcdoc` relay panel AND (structurally identically) any other host\n that happened to expose the same names, though none is known to.\n 2. standalone \u2014 the agentproto brand tokens (see\n projects/agentproto/site/src/app/brand.css), used whenever no\n --vscode-* variable is set \u2014 a plain MCP-Apps host or the daemon's\n own `/apps/.../ui` tab. `--phos`/`--amber`/`--crimson` are\n THEME-INVARIANT in brand.css (the phosphor terminal palette), so\n they're identical in both blocks below; the rest follow brand.css's\n light/dark split via `prefers-color-scheme` \u2014 a standalone tab has\n no host to pick a theme for it, unlike VS Code's own.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n:root {\n --wb-bg: var(--vscode-editor-background, #f5f6f3);\n --wb-surface: var(--vscode-sideBar-background, #ffffff);\n --wb-ink: var(--vscode-editor-foreground, #171a1e);\n --wb-ink-muted: var(--vscode-descriptionForeground, #5c6470);\n --wb-border: var(--vscode-panel-border, #dde0da);\n --wb-accent: var(--vscode-button-background, #0f62fe);\n\n /* Status colors \u2014 phos/amber/crimson are the theme-invariant terminal\n palette in brand.css, so light and dark standalone fallbacks match. */\n --wb-status-pending: var(--vscode-descriptionForeground, #5c6470);\n --wb-status-in-progress: var(--vscode-charts-yellow, #f0b429);\n --wb-status-done: var(--vscode-charts-green, #3edc81);\n --wb-status-failed: var(--vscode-charts-red, #fa4d56);\n --wb-status-cancelled: var(--vscode-descriptionForeground, #5c6470);\n --wb-status-cancelled-weak: color-mix(in srgb, var(--wb-status-cancelled) 55%, transparent);\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --wb-bg: var(--vscode-editor-background, #101214);\n --wb-surface: var(--vscode-sideBar-background, #16191d);\n --wb-ink: var(--vscode-editor-foreground, #e8eaed);\n --wb-ink-muted: var(--vscode-descriptionForeground, #99a2ad);\n --wb-border: var(--vscode-panel-border, #272c33);\n --wb-accent: var(--vscode-button-background, #4589ff);\n\n --wb-status-pending: var(--vscode-descriptionForeground, #99a2ad);\n --wb-status-in-progress: var(--vscode-charts-yellow, #f0b429);\n --wb-status-done: var(--vscode-charts-green, #3edc81);\n --wb-status-failed: var(--vscode-charts-red, #fa4d56);\n --wb-status-cancelled: var(--vscode-descriptionForeground, #99a2ad);\n --wb-status-cancelled-weak: color-mix(in srgb, var(--wb-status-cancelled) 55%, transparent);\n }\n}\n\n/* \u2500\u2500 Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml, body {\n height: 100%;\n font-family: \"IBM Plex Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 13px;\n background: var(--wb-bg);\n color: var(--wb-ink);\n overflow: hidden;\n}\n\n.mono {\n font-family: \"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, \"Courier New\", monospace;\n}\n\n#app { display: flex; flex-direction: column; height: 100%; }\n\n#toolbar {\n padding: 8px 12px;\n border-bottom: 1px solid var(--wb-border);\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--wb-surface);\n flex-shrink: 0;\n}\n#board-label { font-size: 11px; color: var(--wb-ink-muted); }\n#board-id { font-weight: 600; color: var(--wb-ink); font-size: 12px; font-family: \"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, \"Courier New\", monospace; }\n#board-input {\n background: var(--wb-bg);\n border: 1px solid var(--wb-border);\n color: var(--wb-ink);\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n font-family: inherit;\n width: 220px;\n}\n.tbtn {\n background: var(--wb-bg);\n border: 1px solid var(--wb-border);\n color: var(--wb-ink);\n padding: 4px 10px;\n border-radius: 4px;\n cursor: pointer;\n font-size: 12px;\n font-family: inherit;\n}\n.tbtn:hover { background: var(--wb-border); }\n#new-title {\n flex: 1;\n min-width: 120px;\n background: var(--wb-bg);\n border: 1px solid var(--wb-border);\n color: var(--wb-ink);\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n font-family: inherit;\n}\n\n#columns { flex: 1; display: flex; overflow-x: auto; overflow-y: hidden; }\n.col {\n width: 260px;\n min-width: 220px;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n border-right: 1px solid var(--wb-border);\n}\n.col-hdr {\n padding: 8px 10px;\n border-bottom: 1px solid var(--wb-border);\n background: var(--wb-surface);\n font-size: 11px;\n font-weight: 600;\n color: var(--wb-ink-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n display: flex;\n justify-content: space-between;\n}\n.col-body { flex: 1; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 8px; }\n\n.card {\n background: var(--wb-surface);\n border: 1px solid var(--wb-border);\n border-radius: 6px;\n padding: 8px 10px;\n}\n.c-title { font-size: 12px; font-weight: 500; margin-bottom: 4px; word-break: break-word; }\n.c-id {\n font-size: 10px;\n color: var(--wb-ink-muted);\n margin-bottom: 6px;\n font-family: \"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, \"Courier New\", monospace;\n}\n.c-row { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; margin-bottom: 6px; }\n\n.tag { display: inline-block; padding: 1px 6px; border-radius: 10px; font-size: 10px; font-weight: 600; white-space: nowrap; }\n.t-unclaimed { background: color-mix(in srgb, var(--wb-ink-muted) 15%, transparent); color: var(--wb-ink-muted); border: 1px dashed var(--wb-ink-muted); }\n.t-owner { background: color-mix(in srgb, var(--wb-accent) 15%, transparent); color: var(--wb-accent); }\n\n/* Verification tell: gate solid green, self-report amber outline, human\n blue, a declared verify with no verification yet grey \"gated\" \u2014 never\n render an unverified done as gate-passed (see render.ts's verificationTag). */\n.t-gate { background: color-mix(in srgb, var(--wb-status-done) 18%, transparent); color: var(--wb-status-done); }\n.t-self { background: transparent; color: var(--wb-status-in-progress); border: 1px solid var(--wb-status-in-progress); }\n.t-human { background: color-mix(in srgb, var(--wb-accent) 18%, transparent); color: var(--wb-accent); }\n.t-gated { background: color-mix(in srgb, var(--wb-ink-muted) 12%, transparent); color: var(--wb-ink-muted); }\n.t-cancelled {\n background: color-mix(in srgb, var(--wb-status-cancelled) 10%, transparent);\n color: var(--wb-status-cancelled-weak);\n border: 1px dashed color-mix(in srgb, var(--wb-status-cancelled) 40%, transparent);\n}\n\n.c-err { font-size: 10px; color: var(--wb-status-failed); margin-bottom: 6px; word-break: break-word; }\n.c-actions { display: flex; flex-wrap: wrap; gap: 4px; }\n.abtn {\n background: var(--wb-bg);\n border: 1px solid var(--wb-border);\n color: var(--wb-ink);\n padding: 3px 8px;\n border-radius: 4px;\n cursor: pointer;\n font-size: 11px;\n font-family: inherit;\n}\n.abtn:hover { background: var(--wb-border); }\n.abtn.danger { border-color: var(--wb-status-failed); color: var(--wb-status-failed); }\n.abtn.primary { border-color: var(--wb-status-done); color: var(--wb-status-done); }\n\n#statusbar {\n padding: 4px 12px;\n font-size: 11px;\n color: var(--wb-ink-muted);\n border-top: 1px solid var(--wb-border);\n background: var(--wb-surface);\n flex-shrink: 0;\n}\n.empty { padding: 16px 8px; color: var(--wb-ink-muted); font-size: 11px; text-align: center; }</style>\n</head>\n<body>\n<div id=\"app\">\n <div id=\"toolbar\">\n <span id=\"board-label\">Board:</span>\n <span id=\"board-id\">\u2014</span>\n <input id=\"board-input\" type=\"text\" placeholder=\"tree:<sessionId> or ws:<slug>\">\n <button class=\"tbtn\" id=\"go-btn\">Go</button>\n <button class=\"tbtn\" id=\"refresh-btn\" title=\"Refresh\">↻</button>\n <input id=\"new-title\" type=\"text\" placeholder=\"New task title…\">\n <button class=\"tbtn\" id=\"add-btn\">+ Add</button>\n </div>\n <div id=\"columns\"></div>\n <div id=\"statusbar\">Connecting to bridge…</div>\n</div>\n</body>\n</html>\n";
|
|
13
|
+
//# sourceMappingURL=panel.generated.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel.generated.d.ts","sourceRoot":"","sources":["../../src/work-board/panel.generated.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,yBAAyB,gy2BAAw6zB,CAAA"}
|