@agentproto/apps 0.13.1 → 0.16.0

package/dist/index.d.ts

@@ -52,4 +52,6 @@ export { makeSessionChatApp, sessionChatApp, sessionChatAppUrl, SESSION_CHAT_APP
 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";
+export { makeReviewPanelApp, reviewPanelApp } from "./review-panel/index.js";
+export type { ReviewPanelOps, ReviewPanelInput, ReviewPanelOutput } from "./review-panel/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,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"}
+{"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,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,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;AAC1F,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC5E,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/index.mjs

@@ -2359,7 +2359,7 @@ var opsPanel = defineApp({
 
 // src/config/fragment.ts
 function parseConfigFragment(hash) {
-  var SECTIONS2 = ["wallets", "harnesses", "models", "defaults", "remote", "advanced"];
+  var SECTIONS2 = ["wallets", "harnesses", "models", "capabilities", "defaults", "remote", "advanced"];
   var raw = String(hash || "").replace(/^#/, "");
   var parts = raw.split("/").filter(function(p) {
     return p.length > 0;
@@ -2408,6 +2408,11 @@ var CONFIG_TOOLS = [
   "auth_profile_update",
   "adapter_list",
   "harness_capabilities",
+  "capabilities_inventory",
+  "mcp_imported_tool_list",
+  "mcp_imported_status",
+  "mcp_import",
+  "mcp_imported_remove",
   "harness_preset_list",
   "harness_preset_create",
   "harness_preset_delete",
@@ -2433,6 +2438,7 @@ var SECTIONS = [
   { id: "wallets", label: "Wallets" },
   { id: "harnesses", label: "Harnesses" },
   { id: "models", label: "Models" },
+  { id: "capabilities", label: "Capabilities" },
   { id: "defaults", label: "Defaults" },
   { id: "remote", label: "Remote" },
   { id: "advanced", label: "Advanced" }
@@ -2580,6 +2586,7 @@ td.matrix-cell.disabled{opacity:.35;cursor:default}
     <div class="section" data-section="wallets" id="sec-wallets"></div>
     <div class="section" data-section="harnesses" id="sec-harnesses"></div>
     <div class="section" data-section="models" id="sec-models"></div>
+    <div class="section" data-section="capabilities" id="sec-capabilities"></div>
     <div class="section" data-section="defaults" id="sec-defaults"></div>
     <div class="section" data-section="remote" id="sec-remote"></div>
     <div class="section" data-section="advanced" id="sec-advanced"></div>
@@ -3117,11 +3124,31 @@ function showSection(sectionId) {
 function applyDeepLink(sectionId, id, sub) {
   var notfound = document.getElementById("notfound");
   notfound.style.display = "none";
-  var prevHl = document.querySelectorAll(".card.hl, tr.hl");
+  var prevHl = document.querySelectorAll(".card.hl, tr.hl, th.hl");
   for (var p = 0; p < prevHl.length; p++) prevHl[p].classList.remove("hl");
   if (id === undefined) return;
   var container = document.getElementById("sec-" + sectionId);
   if (!container) return;
+  // #capabilities/<mcp|skills>/<sub>: 'id' selects the TAB, not a card \u2014
+  // switch tab (re-rendering the section) before looking for 'sub's card.
+  if (sectionId === "capabilities") {
+    var capTab = id === "skills" ? "skills" : "mcp";
+    if (capabilitiesState.tab !== capTab) {
+      capabilitiesState.tab = capTab;
+      renderCapabilities();
+      container = document.getElementById("sec-" + sectionId);
+    }
+    if (sub === undefined) return;
+    var capTarget = container.querySelector('[data-card-id="' + cssEscape(sub) + '"]');
+    if (!capTarget) {
+      notfound.textContent = "not found: " + id + "/" + sub;
+      notfound.style.display = "block";
+      return;
+    }
+    capTarget.classList.add("hl");
+    scrollIntoViewSafe(capTarget);
+    return;
+  }
   var targetId = sectionId === "remote" && id === "pairing" ? "pairing" : id;
   var target = container.querySelector('[data-card-id="' + cssEscape(targetId) + '"]');
   if (!target) {
@@ -3222,6 +3249,7 @@ var SECTION_LOADERS = {
   wallets: loadWallets,
   harnesses: loadHarnesses,
   models: loadModels,
+  capabilities: loadCapabilities,
   defaults: loadDefaults,
   remote: loadRemote,
   advanced: loadAdvanced,
@@ -4305,6 +4333,275 @@ function renderTitlerModelCard() {
   });
 }
 
+// ============================================================
+// Capabilities (MCP & Skills)
+// ============================================================
+
+var capabilitiesState = {
+  tab: "mcp", // "mcp" | "skills"
+  invResult: null,
+  expandedImports: {}, // importId -> bool
+};
+
+function loadCapabilities() {
+  return loadTool("capabilities_inventory", {}).then(function (r) {
+    capabilitiesState.invResult = r;
+    renderCapabilities();
+  });
+}
+
+function capTabsHtml() {
+  return '<span class="pillbar">'
+    + '<button type="button" class="' + (capabilitiesState.tab === "mcp" ? "active" : "") + '" data-cap-tab="mcp">MCP</button>'
+    + '<button type="button" class="' + (capabilitiesState.tab === "skills" ? "active" : "") + '" data-cap-tab="skills">Skills</button>'
+    + '</span>';
+}
+
+function capStatusTagHtml(status) {
+  var cls = status === "connected" ? "ok" : status === "error" ? "bad" : status === "idle" ? "" : "warn-tag";
+  return '<span class="tag ' + cls + '">' + escHtml(status) + '</span>';
+}
+
+function renderCapabilities() {
+  var el = document.getElementById("sec-capabilities");
+  var r = capabilitiesState.invResult;
+  var html = '<div class="sect-h">Capabilities' + capTabsHtml() + '</div>';
+  if (!r) { el.innerHTML = html; return; }
+  if (!r.ok) {
+    html += r.unknown
+      ? '<div class="muted-note">Capabilities inventory needs a newer agentproto daemon (capabilities_inventory).</div>'
+      : '<div class="muted-note">capabilities_inventory: ' + escHtml(r.message) + '</div>';
+    el.innerHTML = html;
+    return;
+  }
+  var inv = r.data;
+  html += capabilitiesState.tab === "skills" ? renderSkillsTabHtml(inv.skills || {}) : renderMcpTabHtml(inv.mcp || {});
+  el.innerHTML = html;
+  wireCapabilitiesTabs(el);
+  if (capabilitiesState.tab === "mcp") wireMcpTab(el);
+}
+
+function wireCapabilitiesTabs(container) {
+  var btns = container.querySelectorAll("[data-cap-tab]");
+  for (var i = 0; i < btns.length; i++) {
+    (function (btn) {
+      btn.addEventListener("click", function () {
+        capabilitiesState.tab = btn.getAttribute("data-cap-tab");
+        renderCapabilities();
+      });
+    })(btns[i]);
+  }
+}
+
+function renderMcpTabHtml(mcp) {
+  var imported = mcp.imported || [];
+  var discovered = mcp.discovered || [];
+  var reach = mcp.daemonMountByHarness || {};
+  var html = "";
+  if (mcp.error) html += '<div class="muted-note">mcp: ' + escHtml(mcp.error) + '</div>';
+
+  html += '<div class="sect-h">Imported MCP servers</div>';
+  if (imported.length === 0) {
+    html += '<div class="empty">No MCP servers imported yet.</div>';
+  } else {
+    html += '<div class="card"><div class="body"><table><thead><tr><th>Name</th><th>Source</th><th>Status</th><th>Tools</th><th>Used by</th><th></th><th></th></tr></thead><tbody>';
+    for (var i = 0; i < imported.length; i++) {
+      var m = imported[i];
+      var expanded = !!capabilitiesState.expandedImports[m.id];
+      var usedBy = (m.usedBySessions || []).length;
+      html += '<tr data-card-id="' + escHtml(m.id) + '" data-row-id="' + escHtml(m.id) + '">'
+        + '<td>' + escHtml(m.alias || m.name) + '</td>'
+        + '<td>' + escHtml(m.source) + '</td>'
+        + '<td>' + capStatusTagHtml(m.status) + (m.error ? ' <span class="tag bad" title="' + escHtml(m.error) + '">!</span>' : '') + '</td>'
+        + '<td>' + (m.toolCount != null ? String(m.toolCount) : "&#8211;") + '</td>'
+        + '<td>' + (usedBy > 0 ? "used by " + usedBy + " session" + (usedBy === 1 ? "" : "s") : "unused") + '</td>'
+        + '<td><button type="button" class="btn-sm" data-cap-import-tools="' + escHtml(m.id) + '" data-cap-import-alias="' + escHtml(m.alias || m.name) + '">' + (expanded ? "hide tools" : "show tools") + '</button></td>'
+        + '<td><button type="button" class="btn-sm danger" data-cap-import-remove="' + escHtml(m.id) + '">remove</button></td>'
+        + '</tr>'
+        + '<tr><td colspan="7"><div id="cap-import-tools-' + escHtml(pathId(m.id)) + '"></div></td></tr>';
+    }
+    html += '</tbody></table></div></div>';
+  }
+
+  html += '<div class="sect-h">Reach</div>';
+  var slugs = Object.keys(reach);
+  if (slugs.length === 0) {
+    html += '<div class="empty">No adapters installed.</div>';
+  } else {
+    html += '<div class="card"><div class="body">';
+    for (var s = 0; s < slugs.length; s++) {
+      var r2 = reach[slugs[s]];
+      var cls = r2 === "default" ? "ok" : r2 === "on-request" ? "" : "bad";
+      html += '<span class="tag ' + cls + '" style="margin:2px 4px 2px 0">' + escHtml(slugs[s]) + ": " + escHtml(r2) + '</span>';
+    }
+    html += '<div class="muted-note">"default" harnesses get the imported pool automatically; "on-request" harnesses can mount it explicitly via <code>mcpServers</code>; "none" harnesses cannot reach it at all. Either way, reach is via <code>mcp_imported_tool_list</code> / <code>mcp_imported_call</code>, not a direct per-server mount.</div>';
+    html += '</div></div>';
+  }
+
+  html += '<div class="sect-h">Discovered, not imported</div>';
+  var notImported = discovered.filter(function (d) { return !d.imported; });
+  if (notImported.length === 0) {
+    html += '<div class="empty">Nothing new discovered.</div>';
+  } else {
+    html += '<div class="card"><div class="body"><table><thead><tr><th>Name</th><th>Source</th><th>Type</th><th></th></tr></thead><tbody>';
+    for (var d = 0; d < notImported.length; d++) {
+      var disc = notImported[d];
+      html += '<tr data-card-id="' + escHtml(disc.id) + '" data-row-id="' + escHtml(disc.id) + '"><td>' + escHtml(disc.name) + '</td><td>' + escHtml(disc.source) + '</td><td>' + escHtml(disc.type) + '</td>'
+        + '<td><button type="button" class="btn-sm primary" data-cap-import="' + escHtml(disc.id) + '">import</button></td></tr>';
+    }
+    html += '</tbody></table></div></div>';
+  }
+  return html;
+}
+
+function wireMcpTab(container) {
+  var toolBtns = container.querySelectorAll("[data-cap-import-tools]");
+  for (var i = 0; i < toolBtns.length; i++) {
+    (function (btn) {
+      btn.addEventListener("click", function () {
+        var id = btn.getAttribute("data-cap-import-tools");
+        var alias = btn.getAttribute("data-cap-import-alias");
+        var expanded = !capabilitiesState.expandedImports[id];
+        capabilitiesState.expandedImports[id] = expanded;
+        btn.textContent = expanded ? "hide tools" : "show tools";
+        var host = document.getElementById("cap-import-tools-" + pathId(id));
+        if (!host) return;
+        if (!expanded) { host.innerHTML = ""; return; }
+        host.innerHTML = '<div class="muted-note">Loading tools&hellip;</div>';
+        loadTool("mcp_imported_tool_list", { alias: alias }).then(function (r) {
+          if (!r.ok) { host.innerHTML = '<div class="muted-note">mcp_imported_tool_list: ' + escHtml(r.message) + '</div>'; return; }
+          var tools = (r.data && r.data.tools) || [];
+          if (tools.length === 0) { host.innerHTML = '<div class="empty">No tools (server may not be connected yet).</div>'; return; }
+          var h = '<div class="muted-note">' + tools.length + ' tool(s):</div><ul>';
+          for (var t = 0; t < tools.length; t++) {
+            h += '<li><code>' + escHtml(tools[t].name) + '</code>' + (tools[t].description ? " &mdash; " + escHtml(tools[t].description) : "") + '</li>';
+          }
+          h += '</ul>';
+          host.innerHTML = h;
+        });
+      });
+    })(toolBtns[i]);
+  }
+
+  var removeBtns = container.querySelectorAll("[data-cap-import-remove]");
+  for (var r3 = 0; r3 < removeBtns.length; r3++) {
+    (function (btn) {
+      var id = btn.getAttribute("data-cap-import-remove");
+      btn.addEventListener("click", function () {
+        confirmClick("cap-import-remove-" + id, btn, function () {
+          loadTool("mcp_imported_remove", { id: id }).then(function (res) {
+            if (!res.ok) { toast(res.message, true); return; }
+            toast("Removed.", false);
+            loadCapabilities();
+          });
+        });
+      });
+    })(removeBtns[r3]);
+  }
+
+  var importBtns = container.querySelectorAll("[data-cap-import]");
+  for (var im = 0; im < importBtns.length; im++) {
+    (function (btn) {
+      var id = btn.getAttribute("data-cap-import");
+      btn.addEventListener("click", function () {
+        confirmClick("cap-import-" + id, btn, function () {
+          loadTool("mcp_import", { sourceMcpId: id }).then(function (res) {
+            if (!res.ok) { toast(res.message, true); return; }
+            toast("Imported.", false);
+            loadCapabilities();
+          });
+        });
+      });
+    })(importBtns[im]);
+  }
+}
+
+function capPackHasSkill(packs, name) {
+  for (var i = 0; i < packs.length; i++) {
+    if ((packs[i].skills || []).indexOf(name) !== -1) return true;
+  }
+  return false;
+}
+
+function renderSkillsTabHtml(skills) {
+  var harnesses = skills.byHarness || [];
+  var packs = skills.packs || [];
+  var defaults = skills.defaults || { global: [], byAdapter: {} };
+  var html = "";
+  if (skills.error) html += '<div class="muted-note">skills: ' + escHtml(skills.error) + '</div>';
+
+  html += '<div class="sect-h">Skills by harness</div>';
+  if (harnesses.length === 0) {
+    html += '<div class="empty">No adapters installed.</div>';
+    return html;
+  }
+
+  var skillNames = {};
+  for (var p = 0; p < packs.length; p++) {
+    for (var s = 0; s < (packs[p].skills || []).length; s++) skillNames[packs[p].skills[s]] = true;
+  }
+  for (var h = 0; h < harnesses.length; h++) {
+    for (var i2 = 0; i2 < (harnesses[h].installed || []).length; i2++) skillNames[harnesses[h].installed[i2]] = true;
+    for (var n = 0; n < (harnesses[h].native || []).length; n++) skillNames[harnesses[h].native[n]] = true;
+  }
+  var names = Object.keys(skillNames).sort();
+
+  html += '<div class="card"><div class="body" style="overflow-x:auto"><table><thead><tr><th>Skill</th>';
+  for (var c = 0; c < harnesses.length; c++) {
+    var target = harnesses[c].target;
+    html += '<th data-card-id="' + escHtml(harnesses[c].adapter) + '">' + escHtml(harnesses[c].adapter)
+      + '<div class="cfg-help">' + (target ? escHtml(target.dir || "") : "unsupported") + '</div>'
+      + (harnesses[c].spawnOption ? '<div class="cfg-help">skills spawn option</div>' : '')
+      + '</th>';
+  }
+  html += '</tr></thead><tbody>';
+
+  html += '<tr><td><em>defaults</em></td>';
+  for (var d = 0; d < harnesses.length; d++) {
+    var adapterDefaults = defaults.byAdapter[harnesses[d].adapter] || [];
+    var all = defaults.global.concat(adapterDefaults);
+    html += '<td>' + (all.length > 0 ? escHtml(all.join(", ")) : "&#8211;") + '</td>';
+  }
+  html += '</tr>';
+
+  if (names.length === 0) {
+    html += '<tr><td colspan="' + (harnesses.length + 1) + '">No skills found in any installed pack.</td></tr>';
+  }
+  for (var nm = 0; nm < names.length; nm++) {
+    html += '<tr><td>' + escHtml(names[nm]) + '</td>';
+    for (var hc = 0; hc < harnesses.length; hc++) {
+      var row = harnesses[hc];
+      var cell;
+      if (!row.target) {
+        cell = '<span class="tag">unsupported</span>';
+      } else if ((row.installed || []).indexOf(names[nm]) !== -1) {
+        cell = '<span class="tag ok">installed</span>';
+      } else if ((row.native || []).indexOf(names[nm]) !== -1) {
+        cell = '<span class="tag ok">native</span>';
+      } else if (capPackHasSkill(packs, names[nm])) {
+        cell = '<span class="tag warn-tag">available</span><div class="cfg-help"><code>agentproto install skill/' + escHtml(names[nm]) + '</code></div>';
+      } else {
+        cell = '<span class="tag">&#8211;</span>';
+      }
+      html += '<td>' + cell + '</td>';
+    }
+    html += '</tr>';
+  }
+  html += '</tbody></table></div></div>';
+
+  html += '<div class="sect-h">Packs</div>';
+  if (packs.length === 0) {
+    html += '<div class="empty">No skill packs found under ~/.agentproto/packs.</div>';
+  } else {
+    html += '<div class="card"><div class="body"><table><thead><tr><th>Pack</th><th>Version</th><th>Skills</th></tr></thead><tbody>';
+    for (var pk = 0; pk < packs.length; pk++) {
+      html += '<tr data-card-id="' + escHtml(packs[pk].name) + '"><td>' + escHtml(packs[pk].name) + '</td><td>' + escHtml(packs[pk].version || "") + '</td><td>' + escHtml((packs[pk].skills || []).join(", ")) + '</td></tr>';
+    }
+    html += '</tbody></table></div></div>';
+  }
+  return html;
+}
+
 // ============================================================
 // Defaults & messaging
 // ============================================================
@@ -8397,7 +8694,15 @@ var sessionChatApp = defineApp({
       "agent_start",
       "adapter_list",
       "conversation_read",
-      "session_restart"
+      "session_restart",
+      // SANDBOX-VISIBILITY-JOIN: lets a "Devices" view group sessions by
+      // paired host (e.g. a CI reviewer box) instead of only this daemon's
+      // own. Read-only. NOTE: the installed `@agentik/session-chat` app's
+      // own APP.md `ui.tools` allowlist needs the SAME two names added in
+      // lockstep (see the comment above) — that app's source lives outside
+      // this repo, so its UI won't actually call these until that's done too.
+      "device_list",
+      "device_sessions"
     ]
   }
 });
@@ -9315,6 +9620,54 @@ var workBoardApp = defineApp({
   }
 });
 
-export { SESSION_CHAT_APP_ID, SESSION_CHAT_FALLBACK_HTML, agentsOverviewApp, bureauSessionsApp, codeTeam, configApp, contentTeam, liveSessionApp, mailTriage, makeAgentsOverviewApp, makeBureauSessionsApp, makeLiveSessionApp, makeSessionChatApp, makeSessionStoryPanelApp, makeSessionsPanelApp, makeWorkBoardApp, mediaViewer, opsPanel, panelBridgeScript, sessionChatApp, sessionChatAppUrl, sessionChatEmbedHtml, sessionStoryApp, sessionViewer, sessionsPanelApp, workBoardApp };
+// src/review-panel/panel.generated.ts
+var REVIEW_PANEL_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 reviews</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 \xB7 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 display-mode 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-review-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 (shared: @agentproto/app-client/display-mode) \u2500\u2500\n// The installer is inlined verbatim (it is self-contained and idempotent),\n// then handed this panel\'s own JSON-RPC plumbing. NO auto-request: the\n// panel stays inline until the user clicks, and the buttons only appear for\n// the modes the host advertises in hostContext.availableDisplayModes.\n(function () {\n  if (window.AgentprotoUI && window.AgentprotoUI.installDisplayMode) return;\n  window.AgentprotoUI = window.AgentprotoUI || {};\n\n  var STYLE_ID = "agentproto-display-mode-style";\n  var BAR_ID = "agentproto-display-mode-bar";\n  // Gap between the host\'s safe area (or the viewport edge) and the button.\n  var EDGE_GAP = 8;\n\n  // Glyph + accessible label per mode. The button is an icon; the words go\n  // to title/aria-label so the control stays compact without going mute to\n  // a screen reader.\n  var LABELS = {\n    fullscreen: {\n      on: "\\u2921", off: "\\u2922",\n      onLabel: "R\\u00e9duire", offLabel: "Agrandir"\n    },\n    pip: {\n      on: "\\u2921", off: "\\uD83D\\uDCCC",\n      onLabel: "D\\u00e9tacher", offLabel: "\\u00c9pingler sur le c\\u00f4t\\u00e9 (pip)"\n    }\n  };\n\n  // Every colour and both offsets resolve through an app-overridable custom\n  // property first, so an app can restyle/reposition the button with a\n  // stylesheet and never touch this script. The safe-area vars are what the\n  // host\'s own chrome feeds (see applyInsets), sitting UNDER the app\'s.\n  function ensureStyle() {\n    if (!document.head || document.getElementById(STYLE_ID)) return;\n    var style = document.createElement("style");\n    style.id = STYLE_ID;\n    style.textContent =\n      "#" + BAR_ID + "{position:fixed;display:flex;gap:6px;align-items:center;z-index:10;" +\n      "top:var(--agentproto-dm-top,var(--agentproto-dm-safe-top,8px));" +\n      "right:var(--agentproto-dm-right,var(--agentproto-dm-safe-right,8px))}" +\n      ".agentproto-dm-btn{display:inline-flex;align-items:center;justify-content:center;" +\n      "box-sizing:border-box;width:28px;height:28px;padding:0;margin:0;border-radius:6px;" +\n      "cursor:pointer;-webkit-appearance:none;appearance:none;" +\n      "font:600 14px/1 system-ui,-apple-system,sans-serif;" +\n      "border:1px solid var(--agentproto-dm-border,#d0d0d0);" +\n      "background:var(--agentproto-dm-bg,#fff);" +\n      "color:var(--agentproto-dm-fg,#1a1a1a);" +\n      "box-shadow:0 1px 4px rgba(0,0,0,.18)}" +\n      ".agentproto-dm-btn:hover{filter:brightness(.95)}" +\n      ".agentproto-dm-btn:focus-visible{outline:2px solid var(--agentproto-dm-fg,#1a1a1a);outline-offset:2px}" +\n      ".agentproto-dm-btn[data-theme=\\"dark\\"]{border-color:var(--agentproto-dm-border,#555);background:var(--agentproto-dm-bg,#2a2a2a);color:var(--agentproto-dm-fg,#f0f0f0);box-shadow:0 1px 4px rgba(0,0,0,.5)}" +\n      "@media (prefers-color-scheme:dark){" +\n      ".agentproto-dm-btn:not([data-theme=\\"light\\"]){border-color:var(--agentproto-dm-border,#555);background:var(--agentproto-dm-bg,#2a2a2a);color:var(--agentproto-dm-fg,#f0f0f0);box-shadow:0 1px 4px rgba(0,0,0,.5)}}";\n    document.head.appendChild(style);\n  }\n\n  function ready(fn) {\n    if (document.body) fn();\n    else document.addEventListener("DOMContentLoaded", fn);\n  }\n\n  function metaToggle() {\n    var el = document.querySelector(\'meta[name="agentproto-display-toggle"]\');\n    if (!el) return "";\n    return (el.getAttribute("content") || "").toLowerCase().replace(/^\\s+|\\s+$/g, "");\n  }\n\n  function ensureBar() {\n    var bar = document.getElementById(BAR_ID);\n    if (bar) return bar;\n    bar = document.createElement("div");\n    bar.id = BAR_ID;\n    document.body.appendChild(bar);\n    return bar;\n  }\n\n  function px(v) {\n    return typeof v === "number" && isFinite(v) && v > 0 ? v : 0;\n  }\n\n  window.AgentprotoUI.installDisplayMode = function (api, opts) {\n    api = api || {};\n    opts = opts || {};\n\n    var ctx = {};\n    var listeners = [];\n    var buttons = [];\n    // Modes the host has refused once. Checked before availability, so a\n    // later host-context-changed can never resurrect a dead button.\n    var refused = {};\n    var loggedKeys = false;\n\n    var setting = opts.toggle || metaToggle() || "auto";\n    var optimistic = setting === "optimistic";\n    var autoMount = setting !== "none";\n\n    function get() {\n      return ctx.displayMode || "inline";\n    }\n\n    function available() {\n      var a = ctx.availableDisplayModes;\n      return a && a.slice ? a.slice() : [];\n    }\n\n    function supports(mode) {\n      if (refused[mode]) return false;\n      var a = ctx.availableDisplayModes;\n      if (a && a.indexOf && a.indexOf(mode) >= 0) return true;\n      // Optimistic: the host advertises nothing (Claude Desktop, some\n      // embedders) but may still honour the request. Fullscreen only \u2014 pip\n      // is niche enough that guessing at it is just noise.\n      return optimistic && mode === "fullscreen";\n    }\n\n    // Host chrome to stay clear of. Published as custom properties rather\n    // than inline styles so an app\'s own --agentproto-dm-top/right still\n    // wins (an inline style would beat any stylesheet it could write).\n    function applyInsets() {\n      var insets = ctx.safeAreaInsets || {};\n      var root = document.documentElement;\n      if (!root || !root.style || !root.style.setProperty) return;\n      root.style.setProperty("--agentproto-dm-safe-top", (px(insets.top) + EDGE_GAP) + "px");\n      root.style.setProperty("--agentproto-dm-safe-right", (px(insets.right) + EDGE_GAP) + "px");\n    }\n\n    function syncButton(btn) {\n      var mode = btn.getAttribute("data-agentproto-dm") || "fullscreen";\n      var labels = LABELS[mode] || LABELS.fullscreen;\n      var active = get() === mode;\n      btn.style.display = supports(mode) ? "" : "none";\n      btn.textContent = active ? labels.on : labels.off;\n      var label = active ? labels.onLabel : labels.offLabel;\n      btn.title = label;\n      btn.setAttribute("aria-label", label);\n      btn.setAttribute("aria-pressed", active ? "true" : "false");\n      if (ctx.theme === "dark" || ctx.theme === "light") btn.setAttribute("data-theme", ctx.theme);\n      else btn.removeAttribute("data-theme");\n    }\n\n    function sync() {\n      applyInsets();\n      for (var i = buttons.length - 1; i >= 0; i--) {\n        // An app that removed its inline toggle stops being our problem.\n        if (buttons[i].isConnected === false) { buttons.splice(i, 1); continue; }\n        syncButton(buttons[i]);\n      }\n    }\n\n    function emit() {\n      var mode = get();\n      for (var i = 0; i < listeners.length; i++) {\n        try { listeners[i](mode, ctx); } catch (_) {}\n      }\n    }\n\n    // host-context-changed carries only the changed keys \u2014 merge, matching\n    // the official ext-apps App behaviour.\n    function setContext(next) {\n      if (!next || typeof next !== "object") return;\n      for (var k in next) {\n        if (Object.prototype.hasOwnProperty.call(next, k)) ctx[k] = next[k];\n      }\n      sync();\n      emit();\n    }\n\n    function retire(mode) {\n      refused[mode] = true;\n      sync();\n    }\n\n    function request(mode) {\n      var pending;\n      try {\n        pending = api.requestDisplayMode\n          ? api.requestDisplayMode(mode)\n          : Promise.reject(new Error("display mode: no host"));\n      } catch (err) {\n        pending = Promise.reject(err);\n      }\n      return Promise.resolve(pending).then(function (result) {\n        // McpUiRequestDisplayModeResult.mode is the mode actually set, and\n        // the spec lets it differ from the one asked for \u2014 so a host that\n        // answers "still inline" is a refusal, not a success.\n        var settled = (result && result.mode) || mode;\n        if (optimistic && mode !== "inline" && settled !== mode) {\n          retire(mode);\n          throw new Error("host refused display mode: " + mode);\n        }\n        // Hosts are not required to follow up with host-context-changed \u2014\n        // trust the result so the glyph flips either way.\n        setContext({ displayMode: settled });\n        return settled;\n      }, function (err) {\n        if (optimistic && mode !== "inline") retire(mode);\n        throw err;\n      });\n    }\n\n    function makeButton(mode) {\n      var btn = document.createElement("button");\n      btn.type = "button";\n      btn.className = "agentproto-dm-btn";\n      // Stable id for the floating pair (styling hooks, tests). An app that\n      // mounts extra inline toggles gets unnamed ones rather than duplicates.\n      var id = mode === "fullscreen"\n        ? "agentproto-display-mode"\n        : "agentproto-display-mode-" + mode;\n      if (!document.getElementById(id)) btn.id = id;\n      btn.setAttribute("data-agentproto-dm", mode);\n      btn.style.display = "none";\n      btn.addEventListener("click", function () {\n        var cur = get();\n        // Same rule both copies had: anything that isn\'t inline collapses\n        // back to inline, so the button is always an escape hatch.\n        var inPanel = cur === "fullscreen" || cur === "pip";\n        request(inPanel ? "inline" : mode)["catch"](function () {});\n      });\n      return btn;\n    }\n\n    function mountToggle(el, mode) {\n      ensureStyle();\n      mode = mode || "fullscreen";\n      var btn = makeButton(mode);\n      if (el) el.appendChild(btn);\n      else ensureBar().appendChild(btn);\n      buttons.push(btn);\n      syncButton(btn);\n      return btn;\n    }\n\n    function onChange(cb) {\n      if (typeof cb !== "function") return function () {};\n      listeners.push(cb);\n      try { cb(get(), ctx); } catch (_) {}\n      return function () {\n        var i = listeners.indexOf(cb);\n        if (i >= 0) listeners.splice(i, 1);\n      };\n    }\n\n    ready(function () {\n      ensureStyle();\n      // Only the first installer in a document owns the floating bar: a\n      // built-in panel served standalone gets the injected window.McpApp\n      // bridge\'s copy AND its own, and two stacked buttons is a bug.\n      if (autoMount && !document.getElementById(BAR_ID)) {\n        ensureBar();\n        mountToggle(null, "pip");\n        mountToggle(null, "fullscreen");\n      }\n      sync();\n    });\n\n    // The diagnostic both copies had, now on BOTH paths: it used to exist\n    // only in the built-in panel bridge, so an installed app debugged in\n    // Claude Desktop (which advertises no fullscreen, hence no button)\n    // printed nothing at all and left the user with no way to tell "the\n    // host refuses" from "the toggle is broken".\n    function observe(next) {\n      console.log(\'[mcp-app] displayMode=\', next && next.displayMode,\n                  \'availableDisplayModes=\', next && next.availableDisplayModes);\n      setContext(next);\n      // What ELSE does this host send? Keys only, once \u2014 a host context can\n      // carry toolInfo (the instantiating tool call\'s arguments) and other\n      // host-private fields, so the names are the diagnostic and the values\n      // stay out of the console.\n      if (!loggedKeys && next && typeof next === "object") {\n        loggedKeys = true;\n        var keys = [];\n        for (var k in ctx) {\n          if (Object.prototype.hasOwnProperty.call(ctx, k)) keys.push(k);\n        }\n        console.log(\'[mcp-app] hostContext keys=\', keys.sort().join(\',\'));\n      }\n    }\n\n    if (typeof api.onHostContext === "function") api.onHostContext(observe);\n    else if (typeof api.getHostContext === "function") observe(api.getHostContext());\n\n    return {\n      get: get,\n      available: available,\n      request: request,\n      onChange: onChange,\n      mountToggle: mountToggle\n    };\n  };\n})();\nvar displayMode = window.AgentprotoUI.installDisplayMode({\n  getHostContext: getHostContext,\n  onHostContext: onHostContext,\n  requestDisplayMode: requestDisplayMode\n});</script>\n  <script>(function() {\n  "use strict";\n  function esc(value) {\n    return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");\n  }\n  function liveSessionUrl(origin, sessionId) {\n    return `${origin}/apps/@agentproto/live-session/ui?sessionId=${encodeURIComponent(sessionId)}`;\n  }\n  function shortRange(baseSha, headSha) {\n    if (!baseSha || !headSha) return "\u2014";\n    return `${baseSha.slice(0, 7)}..${headSha.slice(0, 7)}`;\n  }\n  function ageOf(createdAt, now = Date.now()) {\n    const ms = now - new Date(createdAt).getTime();\n    if (!Number.isFinite(ms) || ms < 0) return "just now";\n    const mins = Math.floor(ms / 6e4);\n    if (mins < 1) return "just now";\n    if (mins < 60) return `${mins}m`;\n    const hours = Math.floor(mins / 60);\n    if (hours < 24) return `${hours}h`;\n    return `${Math.floor(hours / 24)}d`;\n  }\n  function verdictChip(status) {\n    return `<span class="chip chip-verdict v-${esc(status)}">${esc(status)}</span>`;\n  }\n  const LANE_STATUS_LABEL = {\n    pass: "pass",\n    fail: "fail",\n    skipped: "skipped",\n    timeout: "timeout"\n  };\n  function laneStatusChip(status) {\n    return `<span class="chip chip-lane l-${esc(status)}">${esc(LANE_STATUS_LABEL[status])}</span>`;\n  }\n  function severityTag(severity) {\n    return `<span class="tag sev-${esc(severity)}">${esc(severity)}</span>`;\n  }\n  function requesterLabel(row) {\n    const r = row.requester;\n    if (!r) return "\u2014";\n    const id = r.sessionId ? esc(r.sessionId) : "";\n    const author = r.gitAuthor ? esc(r.gitAuthor.name) : "";\n    if (id && author) return `${id} <span class="muted">(${author})</span>`;\n    return id || author || "\u2014";\n  }\n  function prLabel(row) {\n    if (!row.pr) return "\u2014";\n    const state = row.prState ? ` <span class="tag pr-${esc(row.prState)}">${esc(row.prState)}</span>` : "";\n    return `<a href="${esc(row.pr.url)}" target="_blank" rel="noopener">#${row.pr.number}</a>${state}`;\n  }\n  function renderRow(row) {\n    const status = row.status ?? row.verdict ?? "incomplete";\n    const flags = [];\n    if (row.dirty) flags.push(\'<span class="tag t-dirty">dirty</span>\');\n    if (row.cached) flags.push(\'<span class="tag t-cached">cached</span>\');\n    if (row.status !== "running") {\n      flags.push(row.signed ? \'<span class="tag t-signed">signed</span>\' : \'<span class="tag t-unsigned">unsigned</span>\');\n    }\n    return `<tr class="row" data-runid="${esc(row.runId)}" tabindex="0"><td>${verdictChip(status)}</td><td class="mono">${esc(shortRange(row.baseSha, row.headSha))}</td><td>${esc(row.binding ?? "\u2014")}</td><td class="mono">${esc(row.repoRemote ?? "\u2014")}</td><td>${requesterLabel(row)}</td><td>${prLabel(row)}</td><td>${flags.join(" ") || "\u2014"}</td><td>${esc(ageOf(row.createdAt))}</td></tr>`;\n  }\n  function renderList(rows2) {\n    if (rows2.length === 0) return \'<div class="empty">No reviews recorded yet.</div>\';\n    const header = "<tr><th>Verdict</th><th>Range</th><th>Binding</th><th>Repo</th><th>Requester</th><th>PR</th><th>Flags</th><th>Age</th></tr>";\n    return `<table class="list"><thead>${header}</thead><tbody>${rows2.map(renderRow).join("")}</tbody></table>`;\n  }\n  function findingLine(f) {\n    const loc = f.file ? `${esc(f.file)}${f.line ? `:${f.line}` : ""}` : "";\n    return `<details class="finding"><summary>${severityTag(f.severity)} ${esc(f.title)}${loc ? ` <span class="mono muted">${loc}</span>` : ""}</summary><div class="finding-detail">${esc(f.detail)}</div></details>`;\n  }\n  function renderLaneDetail(lane, rubrics = []) {\n    const parts = [];\n    parts.push(`<div class="lane-hdr">`);\n    parts.push(`<span class="lane-id">${esc(lane.id)}</span>`);\n    parts.push(laneStatusChip(lane.status));\n    parts.push(`<span class="tag ${lane.blocking ? "t-blocking" : "t-advisory"}">${lane.blocking ? "blocking" : "advisory"}</span>`);\n    if (lane.durationMs !== void 0) parts.push(`<span class="muted">${(lane.durationMs / 1e3).toFixed(1)}s</span>`);\n    parts.push(`</div>`);\n    if (lane.error) parts.push(`<div class="lane-error">${esc(lane.error)}</div>`);\n    if (lane.sessionId || lane.preset || lane.model) {\n      const rubric = rubrics.find((r) => r.check === lane.id);\n      const bits = [];\n      if (lane.model) bits.push(`model: ${esc(lane.model)}`);\n      if (lane.preset) bits.push(`preset: ${esc(lane.preset)}`);\n      if (rubric) bits.push(`rubric: <span class="mono">${esc(rubric.sha256.slice(0, 12))}</span>`);\n      if (lane.sessionId) {\n        bits.push(\n          `reviewer: <button class="sess-link" data-session-id="${esc(lane.sessionId)}">${esc(lane.sessionId)}</button>`\n        );\n      }\n      parts.push(`<div class="lane-agent-meta">${bits.join(" \xB7 ")}</div>`);\n    }\n    if (lane.findings.length > 0) parts.push(`<div class="findings">${lane.findings.map(findingLine).join("")}</div>`);\n    return `<div class="lane">${parts.join("")}</div>`;\n  }\n  function renderDetail(detail2) {\n    const status = detail2.status === "done" ? detail2.verdict ?? "incomplete" : detail2.status;\n    const header = [`<div class="detail-hdr">`, verdictChip(status), `<span class="mono">${esc(detail2.runId)}</span>`];\n    if (detail2.binding) header.push(`<span class="tag">${esc(detail2.binding)}</span>`);\n    if (detail2.cached) header.push(\'<span class="tag t-cached">cached</span>\');\n    if (detail2.status === "done" && detail2.attestation) {\n      const sig = detail2.attestation.attestor?.signature;\n      header.push(\n        sig ? `<span class="tag t-signed" title="${esc(sig.keyFingerprint)}">signed: ${esc(sig.principal)}</span>` : \'<span class="tag t-unsigned">unsigned</span>\'\n      );\n    }\n    header.push(`</div>`);\n    if (detail2.error) header.push(`<div class="detail-error">${esc(detail2.error)}</div>`);\n    if (detail2.supersededBy) header.push(`<div class="muted">superseded by ${esc(detail2.supersededBy)}</div>`);\n    const fullLanes = detail2.attestation?.lanes;\n    const rubrics = detail2.attestation?.rubrics ?? [];\n    let body;\n    if (fullLanes) {\n      body = fullLanes.map((l) => renderLaneDetail(l, rubrics)).join("");\n    } else if (detail2.lanes) {\n      body = detail2.lanes.map((l) => `<div class="lane"><div class="lane-hdr"><span class="lane-id">${esc(l.id)}</span>${laneStatusChip(l.status)}</div></div>`).join("");\n    } else {\n      body = "";\n    }\n    return `<div class="detail">${header.join("")}${body}</div>`;\n  }\n  const POLL_RUNNING_MS = 4e3;\n  const POLL_IDLE_MS = 15e3;\n  function getEl(id) {\n    const el = document.getElementById(id);\n    if (!el) throw new Error(`review panel: missing #${id}`);\n    return el;\n  }\n  let rows = [];\n  let selectedRunId = null;\n  let detail = null;\n  let pollTimer = null;\n  let loadInFlight = false;\n  function boot() {\n    const listPaneEl = getEl("list-pane");\n    const detailPaneEl = getEl("detail-pane");\n    const detailBodyEl = getEl("detail-body");\n    const statusbarEl = getEl("statusbar");\n    const cancelBtn = getEl("cancel-btn");\n    const rerunBtn = getEl("rerun-btn");\n    const prBtn = getEl("pr-btn");\n    const exportBtn = getEl("export-btn");\n    function setStatus(msg) {\n      statusbarEl.textContent = msg;\n    }\n    function findRow(runId) {\n      return rows.find((r) => r.runId === runId);\n    }\n    function renderListPane() {\n      listPaneEl.innerHTML = renderList(rows);\n      if (!selectedRunId) return;\n      listPaneEl.querySelectorAll("tr[data-runid]").forEach((tr) => {\n        if (tr.dataset.runid === selectedRunId) tr.classList.add("selected");\n      });\n    }\n    function renderDetailPane() {\n      if (!selectedRunId || !detail) {\n        detailPaneEl.classList.remove("open");\n        return;\n      }\n      detailPaneEl.classList.add("open");\n      detailBodyEl.innerHTML = renderDetail(detail);\n      const running = detail.status === "running";\n      cancelBtn.disabled = !running;\n      cancelBtn.style.display = running ? "" : "none";\n      detailBodyEl.querySelectorAll(".sess-link").forEach((btn) => {\n        btn.addEventListener("click", () => openSession(btn.dataset.sessionId ?? ""));\n      });\n    }\n    function openSession(sessionId) {\n      if (!sessionId) return;\n      const origin = window.location.origin && window.location.origin !== "null" ? window.location.origin : "";\n      const url = liveSessionUrl(origin, sessionId);\n      const caps = getHostCapabilities();\n      if (caps?.openLinks) {\n        openLink(url).catch(() => window.open(url, "_blank"));\n      } else {\n        window.open(url, "_blank");\n      }\n    }\n    function loadList() {\n      if (loadInFlight) return Promise.resolve();\n      loadInFlight = true;\n      return callTool("review_ledger", { includeRunning: true }).then((result) => {\n        rows = result.attestations;\n        renderListPane();\n        const runningCount = rows.filter((r) => r.status === "running").length;\n        setStatus(`${result.total} review${result.total === 1 ? "" : "s"} \xB7 ${runningCount} running \xB7 ${(/* @__PURE__ */ new Date()).toLocaleTimeString()}`);\n        if (selectedRunId && findRow(selectedRunId)) return loadDetail(selectedRunId);\n        return void 0;\n      }).catch((e) => setStatus(`Error: ${e.message}`)).finally(() => {\n        loadInFlight = false;\n      });\n    }\n    function loadDetail(runId) {\n      return callTool("review_status", { runId }).then((result) => {\n        detail = result;\n        renderDetailPane();\n      }).catch((e) => setStatus(`Error loading detail: ${e.message}`));\n    }\n    function openDetail(runId) {\n      selectedRunId = runId;\n      renderListPane();\n      void loadDetail(runId);\n    }\n    function closeDetail() {\n      selectedRunId = null;\n      detail = null;\n      renderListPane();\n      renderDetailPane();\n    }\n    listPaneEl.addEventListener("click", (evt) => {\n      if (!(evt.target instanceof Element)) return;\n      const tr = evt.target.closest("tr[data-runid]");\n      if (!(tr instanceof HTMLElement)) return;\n      const runId = tr.dataset.runid;\n      if (runId) openDetail(runId);\n    });\n    listPaneEl.addEventListener("keydown", (evt) => {\n      if (evt.key !== "Enter" && evt.key !== " ") return;\n      if (!(evt.target instanceof Element)) return;\n      const tr = evt.target.closest("tr[data-runid]");\n      if (!(tr instanceof HTMLElement)) return;\n      evt.preventDefault();\n      const runId = tr.dataset.runid;\n      if (runId) openDetail(runId);\n    });\n    getEl("detail-close").addEventListener("click", closeDetail);\n    getEl("refresh-btn").addEventListener("click", () => {\n      void loadList();\n    });\n    cancelBtn.addEventListener("click", () => {\n      if (!selectedRunId) return;\n      callTool("review_cancel", { runId: selectedRunId }).then(() => {\n        setStatus("Cancelled.");\n        return loadList();\n      }).catch((e) => setStatus(`Cancel failed: ${e.message}`));\n    });\n    rerunBtn.addEventListener("click", () => {\n      if (!selectedRunId) return;\n      const row = findRow(selectedRunId);\n      const cwd = row?.cwd;\n      if (!cwd) {\n        setStatus("Re-run failed: this row has no known checkout path.");\n        return;\n      }\n      callTool("review_run", {\n        cwd,\n        ...row?.binding ? { binding: row.binding } : {},\n        nocache: true,\n        wait: false,\n        supersede: true\n      }).then(() => {\n        setStatus("Re-run started.");\n        return loadList();\n      }).catch((e) => setStatus(`Re-run failed: ${e.message}`));\n    });\n    prBtn.addEventListener("click", () => {\n      if (!selectedRunId) return;\n      callTool("review_pr", { runId: selectedRunId }).then(() => {\n        setStatus("Fetched PR status.");\n        return loadList();\n      }).catch((e) => setStatus(`Fetch PR status failed: ${e.message}`));\n    });\n    exportBtn.addEventListener("click", () => {\n      if (!selectedRunId) return;\n      callTool("review_export", { runId: selectedRunId }).then((result) => {\n        setStatus(result.path ? `Exported to ${result.path}` : "Exported.");\n      }).catch((e) => setStatus(`Export failed: ${e.message}`));\n    });\n    function doPoll() {\n      if (pollTimer) clearTimeout(pollTimer);\n      loadList().finally(() => {\n        const anyRunning = rows.some((r) => r.status === "running");\n        pollTimer = setTimeout(doPoll, anyRunning ? POLL_RUNNING_MS : POLL_IDLE_MS);\n      });\n    }\n    initBridge().then(() => loadList()).then(() => {\n      pollTimer = setTimeout(doPoll, POLL_RUNNING_MS);\n    }).catch((e) => setStatus(`Bridge error: ${e.message}`));\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 \u2014 same scheme as work-board\'s\n   style.css (see that file\'s header doc for the two-mapping-sheet\n   rationale): every rule below reads ONLY the --rp-* custom properties,\n   each resolving through a live --vscode-* var() first, then the\n   agentproto brand fallback.\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  --rp-bg: var(--vscode-editor-background, #f5f6f3);\n  --rp-surface: var(--vscode-sideBar-background, #ffffff);\n  --rp-ink: var(--vscode-editor-foreground, #171a1e);\n  --rp-ink-muted: var(--vscode-descriptionForeground, #5c6470);\n  --rp-border: var(--vscode-panel-border, #dde0da);\n  --rp-accent: var(--vscode-button-background, #0f62fe);\n\n  --rp-pass: var(--vscode-charts-green, #3edc81);\n  --rp-block: var(--vscode-charts-red, #fa4d56);\n  --rp-incomplete: var(--vscode-charts-yellow, #f0b429);\n  --rp-running: var(--vscode-charts-blue, #4589ff);\n  --rp-cancelled: var(--vscode-descriptionForeground, #5c6470);\n  --rp-failed: var(--vscode-charts-red, #fa4d56);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --rp-bg: var(--vscode-editor-background, #101214);\n    --rp-surface: var(--vscode-sideBar-background, #16191d);\n    --rp-ink: var(--vscode-editor-foreground, #e8eaed);\n    --rp-ink-muted: var(--vscode-descriptionForeground, #99a2ad);\n    --rp-border: var(--vscode-panel-border, #272c33);\n    --rp-accent: var(--vscode-button-background, #4589ff);\n\n    --rp-pass: var(--vscode-charts-green, #3edc81);\n    --rp-block: var(--vscode-charts-red, #fa4d56);\n    --rp-incomplete: var(--vscode-charts-yellow, #f0b429);\n    --rp-running: var(--vscode-charts-blue, #4589ff);\n    --rp-cancelled: var(--vscode-descriptionForeground, #99a2ad);\n    --rp-failed: var(--vscode-charts-red, #fa4d56);\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(--rp-bg);\n  color: var(--rp-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.muted { color: var(--rp-ink-muted); }\n\n#app { display: flex; flex-direction: column; height: 100%; }\n\n#toolbar {\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--rp-border);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--rp-surface);\n  flex-shrink: 0;\n}\n#toolbar-label { font-size: 11px; color: var(--rp-ink-muted); }\n.tbtn {\n  background: var(--rp-bg);\n  border: 1px solid var(--rp-border);\n  color: var(--rp-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(--rp-border); }\n.tbtn:disabled { opacity: 0.5; cursor: default; }\n.tbtn.danger { border-color: var(--rp-block); color: var(--rp-block); }\n\n#main { flex: 1; overflow: hidden; display: flex; }\n#list-pane { flex: 1; overflow-y: auto; }\n#detail-pane {\n  width: 420px;\n  min-width: 320px;\n  border-left: 1px solid var(--rp-border);\n  overflow-y: auto;\n  display: none;\n  flex-direction: column;\n}\n#detail-pane.open { display: flex; }\n#detail-close { align-self: flex-end; margin: 6px; }\n\ntable.list { width: 100%; border-collapse: collapse; }\ntable.list th {\n  text-align: left;\n  font-size: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--rp-ink-muted);\n  padding: 6px 8px;\n  border-bottom: 1px solid var(--rp-border);\n  position: sticky;\n  top: 0;\n  background: var(--rp-surface);\n}\ntable.list td { padding: 6px 8px; border-bottom: 1px solid var(--rp-border); font-size: 12px; vertical-align: middle; }\ntr.row { cursor: pointer; }\ntr.row:hover, tr.row:focus { background: color-mix(in srgb, var(--rp-accent) 8%, transparent); outline: none; }\ntr.row.selected { background: color-mix(in srgb, var(--rp-accent) 14%, transparent); }\n\n.empty { padding: 24px 12px; color: var(--rp-ink-muted); font-size: 12px; text-align: center; }\n\n.chip { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }\n.chip-verdict.v-pass { background: color-mix(in srgb, var(--rp-pass) 18%, transparent); color: var(--rp-pass); }\n.chip-verdict.v-block { background: color-mix(in srgb, var(--rp-block) 18%, transparent); color: var(--rp-block); }\n.chip-verdict.v-incomplete { background: color-mix(in srgb, var(--rp-incomplete) 18%, transparent); color: var(--rp-incomplete); }\n.chip-verdict.v-running { background: color-mix(in srgb, var(--rp-running) 18%, transparent); color: var(--rp-running); }\n.chip-verdict.v-cancelled { background: color-mix(in srgb, var(--rp-cancelled) 15%, transparent); color: var(--rp-cancelled); }\n.chip-verdict.v-failed { background: color-mix(in srgb, var(--rp-failed) 18%, transparent); color: var(--rp-failed); }\n\n.chip-lane.l-pass { background: color-mix(in srgb, var(--rp-pass) 15%, transparent); color: var(--rp-pass); }\n.chip-lane.l-fail { background: color-mix(in srgb, var(--rp-block) 15%, transparent); color: var(--rp-block); }\n.chip-lane.l-skipped { background: color-mix(in srgb, var(--rp-ink-muted) 15%, transparent); color: var(--rp-ink-muted); }\n.chip-lane.l-timeout { background: color-mix(in srgb, var(--rp-incomplete) 15%, transparent); color: var(--rp-incomplete); }\n\n.tag { display: inline-block; padding: 1px 6px; border-radius: 10px; font-size: 10px; font-weight: 600; white-space: nowrap; }\n.t-dirty { background: color-mix(in srgb, var(--rp-incomplete) 15%, transparent); color: var(--rp-incomplete); }\n.t-cached { background: color-mix(in srgb, var(--rp-ink-muted) 15%, transparent); color: var(--rp-ink-muted); }\n.t-signed { background: color-mix(in srgb, var(--rp-pass) 12%, transparent); color: var(--rp-pass); }\n.t-unsigned { background: color-mix(in srgb, var(--rp-ink-muted) 10%, transparent); color: var(--rp-ink-muted); }\n.t-blocking { background: color-mix(in srgb, var(--rp-block) 12%, transparent); color: var(--rp-block); }\n.t-advisory { background: color-mix(in srgb, var(--rp-ink-muted) 12%, transparent); color: var(--rp-ink-muted); }\n.pr-open { background: color-mix(in srgb, var(--rp-pass) 15%, transparent); color: var(--rp-pass); }\n.pr-merged { background: color-mix(in srgb, var(--rp-accent) 15%, transparent); color: var(--rp-accent); }\n.pr-closed { background: color-mix(in srgb, var(--rp-ink-muted) 15%, transparent); color: var(--rp-ink-muted); }\n.sev-high { background: color-mix(in srgb, var(--rp-block) 18%, transparent); color: var(--rp-block); }\n.sev-medium { background: color-mix(in srgb, var(--rp-incomplete) 18%, transparent); color: var(--rp-incomplete); }\n.sev-low { background: color-mix(in srgb, var(--rp-ink-muted) 15%, transparent); color: var(--rp-ink-muted); }\n\n.detail { padding: 10px; display: flex; flex-direction: column; gap: 10px; }\n.detail-hdr { display: flex; align-items: center; gap: 8px; }\n.detail-error { color: var(--rp-block); font-size: 12px; word-break: break-word; }\n.detail-actions { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 10px 10px; }\n\n.lane {\n  border: 1px solid var(--rp-border);\n  border-radius: 6px;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.lane-hdr { display: flex; align-items: center; gap: 6px; }\n.lane-id { font-weight: 600; font-size: 12px; }\n.lane-error { color: var(--rp-block); font-size: 11px; word-break: break-word; }\n.lane-agent-meta { font-size: 11px; color: var(--rp-ink-muted); }\n.sess-link {\n  background: none;\n  border: none;\n  color: var(--rp-accent);\n  cursor: pointer;\n  font: inherit;\n  padding: 0;\n  text-decoration: underline;\n}\n\n.findings { display: flex; flex-direction: column; gap: 4px; }\n.finding summary { cursor: pointer; font-size: 11px; list-style: none; }\n.finding summary::-webkit-details-marker { display: none; }\n.finding-detail { font-size: 11px; color: var(--rp-ink-muted); padding: 4px 0 0 4px; white-space: pre-wrap; word-break: break-word; }\n\n#statusbar {\n  padding: 4px 12px;\n  font-size: 11px;\n  color: var(--rp-ink-muted);\n  border-top: 1px solid var(--rp-border);\n  background: var(--rp-surface);\n  flex-shrink: 0;\n}</style>\n</head>\n<body>\n<div id="app">\n  <div id="toolbar">\n    <span id="toolbar-label">Reviews</span>\n    <button class="tbtn" id="refresh-btn" title="Refresh">&#8635;</button>\n  </div>\n  <div id="main">\n    <div id="list-pane"></div>\n    <div id="detail-pane">\n      <button class="tbtn" id="detail-close">&times; Close</button>\n      <div id="detail-body"></div>\n      <div class="detail-actions">\n        <button class="tbtn danger" id="cancel-btn">Cancel</button>\n        <button class="tbtn" id="rerun-btn">Re-run fresh</button>\n        <button class="tbtn" id="pr-btn">Fetch PR status</button>\n        <button class="tbtn" id="export-btn">Export</button>\n      </div>\n    </div>\n  </div>\n  <div id="statusbar">Connecting to bridge&#8230;</div>\n</div>\n</body>\n</html>\n';
+
+// src/review-panel/panel.ts
+var REVIEW_PANEL_APP_ID = "@agentproto/review-panel";
+var REVIEW_PANEL_TOOL_ID = "agentproto_reviews";
+var REVIEW_PANEL_UI_TOOLS = [
+  "review_ledger",
+  "review_status",
+  "review_cancel",
+  "review_run",
+  "review_pr",
+  "review_export"
+];
+var REVIEW_PANEL_HTML = REVIEW_PANEL_HTML_GENERATED;
+
+// src/review-panel/index.ts
+var reviewPanelInputSchema = z.object({
+  cwd: z.string().optional().describe("A directory inside a git repo \u2014 scopes the initial snapshot to its remote."),
+  repoRemote: z.string().optional().describe("Normalized repo remote (e.g. github.com/agentproto/ts)."),
+  runId: z.string().optional().describe("A specific run id known at open time (informational on the initial snapshot)."),
+  requesterSessionId: z.string().optional().describe("Scope the initial snapshot to reviews requested by this session.")
+});
+function makeReviewPanelApp(ops) {
+  return {
+    id: REVIEW_PANEL_TOOL_ID,
+    title: "Reviews",
+    description: "Open the agentproto review panel \u2014 a verdict list (running reviews first, then newest) over the daemon's review ledger, with a per-run detail view (lanes, findings, agent-lane provenance) and actions (cancel, re-run fresh, fetch PR status, export). Pass `cwd`/`repoRemote`/`requesterSessionId` to scope the initial snapshot; the panel's own live view re-polls unscoped.",
+    inputSchema: reviewPanelInputSchema,
+    execute: async (input) => {
+      const snapshot = await ops.listReviews(input);
+      return { ...snapshot, ...input.runId ? { focusRunId: input.runId } : {} };
+    },
+    html: REVIEW_PANEL_HTML
+  };
+}
+var reviewPanelApp = defineApp({
+  id: REVIEW_PANEL_APP_ID,
+  name: "Reviews",
+  description: "Open the agentproto review panel \u2014 a verdict list + detail view over the daemon's review ledger, with cancel / re-run / PR-status / export actions.",
+  agents: [],
+  ui: {
+    html: REVIEW_PANEL_HTML,
+    title: "Reviews",
+    tools: [...REVIEW_PANEL_UI_TOOLS]
+  }
+});
+
+export { SESSION_CHAT_APP_ID, SESSION_CHAT_FALLBACK_HTML, agentsOverviewApp, bureauSessionsApp, codeTeam, configApp, contentTeam, liveSessionApp, mailTriage, makeAgentsOverviewApp, makeBureauSessionsApp, makeLiveSessionApp, makeReviewPanelApp, makeSessionChatApp, makeSessionStoryPanelApp, makeSessionsPanelApp, makeWorkBoardApp, mediaViewer, opsPanel, panelBridgeScript, reviewPanelApp, sessionChatApp, sessionChatAppUrl, sessionChatEmbedHtml, sessionStoryApp, sessionViewer, sessionsPanelApp, workBoardApp };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map