@mstar-harness/dsh 2.1.1

package/dist/client.js

@@ -0,0 +1,4486 @@
+window.__ModuleLoader__.load({ id: "@mstar-harness/dsh", factory: (require) => {
+var module = { exports: {} }; var exports = module.exports;
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/client/index.ts
+var exports_client = {};
+__export(exports_client, {
+  inject: () => inject,
+  apply: () => apply
+});
+module.exports = __toCommonJS(exports_client);
+
+// src/client/panel/locale.ts
+var NS = "mstar-panel";
+var zh = {
+  "view.mstar-workflow": "MStar 工作流",
+  "tab.tasks": "任务迭代",
+  "tab.agents": "代理执行",
+  "tab.events": "事件记录",
+  "page.iteration.not-started": "迭代未启动",
+  "page.iteration.expand": "展开",
+  "page.iteration.collapse": "收拢",
+  "event-log.section.events": "Agent 流转事件",
+  "event-log.section.violations": "违规记录",
+  "event-log.empty": "暂无记录",
+  "event-log.empty.events": "暂无流转事件",
+  "event-log.empty.violations": "暂无违规记录",
+  "event-log.field.role": "执行角色",
+  "event-log.field.agent": "Agent（会话）",
+  "event-log.field.stage": "阶段",
+  "event-log.field.plan": "计划",
+  "event-log.field.task": "任务",
+  "event-log.field.category": "任务类别",
+  "event-log.field.time": "时间",
+  "event-log.field.kind": "类型",
+  "event-log.field.status": "状态",
+  "event-log.field.expected": "预期角色",
+  "event-log.field.settled": "已结算",
+  "event-log.field.duration": "耗时",
+  "event-log.field.severity": "严重度",
+  "event-log.field.code": "代码",
+  "event-log.field.message": "信息",
+  "event-log.kind.dispatch": "派发",
+  "event-log.kind.settle": "结算",
+  "event-log.yes": "是",
+  "event-log.no": "否",
+  "empty.waiting": "等待首条 engine-status catalog…",
+  "empty.no-harness": "未检测到 Morning Star harness",
+  "empty.no-harness-hint": "当前工作区未发现 .mstar/ harness 目录，详细面板保持未激活；检测到 harness 后自动呈现",
+  "watermark.version": "mstar {version}",
+  "watermark.harness": "harness: {dir}",
+  "watermark.none": "无",
+  "panel.unknown": "未知",
+  "graph.pass": "PASS",
+  "graph.fail": "FAIL",
+  "zone.legend.title": "图例",
+  "zone.legend.agent-running": "执行中实体（发光）",
+  "zone.legend.agent-settled": "已完成实体（独立绿框 + ✓；off 阶段不显示）",
+  "zone.legend.agent-idle": "未工作实体（虚线）",
+  "zone.iteration.step-label": "{n}/{total}",
+  "zone.iteration.step-badge": "{n}",
+  "zone.iteration.step.current": "当前",
+  "zone.iteration.step.next": "下一步",
+  "zone.iteration.step.done": "已完成",
+  "zone.iteration.step.idle": "待命",
+  "zone.phase.iteration-start": "迭代启动",
+  "zone.phase.autonomous-execute": "自主执行",
+  "zone.phase.iteration-close": "迭代收口",
+  "zone.phase.pr-delivery": "PR 交付",
+  "zone.phase.merge-ready": "合并就绪",
+  "zone.branches.title": "分支",
+  "zone.branches.iteration-base": "迭代 base",
+  "zone.branches.target": "目标分支",
+  "zone.branches.spec-integration": "spec 集成分支",
+  "zone.tasks.title": "任务",
+  "zone.tasks.total": "{count} 个计划",
+  "zone.tasks.no-plans": "暂无计划",
+  "zone.tasks.more": "+{count} 更多",
+  "zone.tasks.collapse": "收起",
+  "zone.state.Todo": "待办",
+  "zone.state.InProgress": "进行中",
+  "zone.state.InReview": "审查中",
+  "zone.state.Done": "已完成",
+  "zone.state.blocked-unknown": "受阻/未知",
+  "zone.agents.title": "代理执行",
+  "zone.agents.summary": "{executing} 执行中 · {pending} 待执行",
+  "zone.agents.on-demand": "按需执行",
+  "zone.agents.unknown-sub": "unknown / 未匹配角色",
+  "zone.agents.bucket.implementor": "implementor",
+  "zone.agents.bucket.reviewer": "sdd-reviewer",
+  "zone.agents.group.phase-1": "Phase 1 · 顺序完成（review-edit-chain）",
+  "zone.agents.group.phase-2": "Phase 2 · 循环迭代 plans",
+  "zone.agents.group.phase-n": "Phase {n}",
+  "zone.agents.group.plan": "plan: {plan}",
+  "zone.agents.group.no-plan": "无进行中 plan",
+  "zone.agents.group.plan-more": "+{n} 更多",
+  "flow.empty": "暂无实际派发（记录自 agent-flow plan 合并起生效）",
+  "flow.settle-only": "仅有结算记录（无派发证据）",
+  "flow.degraded": "agentFlow 证据缺失",
+  "flow.unexpected": "未匹配角色",
+  "flow.in-flight": "已派发",
+  "flow.settled-ok": "已结算",
+  "flow.error": "出错",
+  "flow.advisory": "提示",
+  "flow.denied": "拒绝",
+  "state.title": "工作区状态",
+  "state.plans": "计划",
+  "state.residuals": "未决残留",
+  "state.policy": "策略",
+  "state.leases": "租约",
+  "state.knowledge": "知识",
+  "state.direction": "方向",
+  "state.none": "无",
+  "state.enforcement": "执行策略",
+  "state.enforcement.hard": "hard",
+  "state.enforcement.soft": "soft",
+  "state.plans.more": "+{count} 更多",
+  "state.residual.more": "+{count} 更多",
+  "state.policy.push": "push",
+  "state.policy.worktree": "worktree",
+  "state.policy.control-worktree": "control worktree",
+  "state.knowledge.docs": "{count} 篇文档",
+  "freshness.last-updated": "最后更新 {time}",
+  "freshness.refresh-note": "刷新跟随 catalog 重发（约 ≤1 分钟）"
+};
+var en = {
+  "view.mstar-workflow": "MStar Workflow",
+  "tab.tasks": "Task Iteration",
+  "tab.agents": "Agent Run",
+  "tab.events": "Event Log",
+  "page.iteration.not-started": "iteration not started",
+  "page.iteration.expand": "expand",
+  "page.iteration.collapse": "collapse",
+  "event-log.section.events": "Agent flow events",
+  "event-log.section.violations": "Violations",
+  "event-log.empty": "No records yet",
+  "event-log.empty.events": "No flow events yet",
+  "event-log.empty.violations": "No violations yet",
+  "event-log.field.role": "Role",
+  "event-log.field.agent": "Agent (session)",
+  "event-log.field.stage": "Stage",
+  "event-log.field.plan": "Plan",
+  "event-log.field.task": "Task",
+  "event-log.field.category": "Category",
+  "event-log.field.time": "Time",
+  "event-log.field.kind": "Kind",
+  "event-log.field.status": "Status",
+  "event-log.field.expected": "Expected role",
+  "event-log.field.settled": "Settled",
+  "event-log.field.duration": "Duration",
+  "event-log.field.severity": "Severity",
+  "event-log.field.code": "Code",
+  "event-log.field.message": "Message",
+  "event-log.kind.dispatch": "dispatch",
+  "event-log.kind.settle": "settle",
+  "event-log.yes": "yes",
+  "event-log.no": "no",
+  "empty.waiting": "Waiting for the first engine-status catalog…",
+  "empty.no-harness": "No Morning Star harness detected",
+  "empty.no-harness-hint": "No .mstar/ harness directory found in this workspace — the detail panel stays inactive and activates automatically once a harness is detected",
+  "watermark.version": "mstar {version}",
+  "watermark.harness": "harness: {dir}",
+  "watermark.none": "none",
+  "panel.unknown": "unknown",
+  "graph.pass": "PASS",
+  "graph.fail": "FAIL",
+  "zone.legend.title": "Legend",
+  "zone.legend.agent-running": "agent running (glow)",
+  "zone.legend.agent-settled": "settled agent (green done frame + ✓; off-tier roles show neither)",
+  "zone.legend.agent-idle": "idle agent (dashed)",
+  "zone.iteration.step-label": "{n}/{total}",
+  "zone.iteration.step-badge": "{n}",
+  "zone.iteration.step.current": "current",
+  "zone.iteration.step.next": "next",
+  "zone.iteration.step.done": "done",
+  "zone.iteration.step.idle": "idle",
+  "zone.phase.iteration-start": "Iteration Start",
+  "zone.phase.autonomous-execute": "Autonomous Execute",
+  "zone.phase.iteration-close": "Iteration Close",
+  "zone.phase.pr-delivery": "PR Delivery",
+  "zone.phase.merge-ready": "Merge Ready",
+  "zone.branches.title": "Branches",
+  "zone.branches.iteration-base": "iteration base",
+  "zone.branches.target": "target",
+  "zone.branches.spec-integration": "spec integration",
+  "zone.tasks.title": "Tasks",
+  "zone.tasks.total": "{count} plans",
+  "zone.tasks.no-plans": "no plans",
+  "zone.tasks.more": "+{count} more",
+  "zone.tasks.collapse": "collapse",
+  "zone.state.Todo": "Todo",
+  "zone.state.InProgress": "InProgress",
+  "zone.state.InReview": "InReview",
+  "zone.state.Done": "Done",
+  "zone.state.blocked-unknown": "Blocked / Unknown",
+  "zone.agents.title": "Agent Flow",
+  "zone.agents.summary": "{executing} executing · {pending} pending",
+  "zone.agents.on-demand": "On-demand",
+  "zone.agents.unknown-sub": "unknown / unmatched roles",
+  "zone.agents.bucket.implementor": "implementor",
+  "zone.agents.bucket.reviewer": "sdd-reviewer",
+  "zone.agents.group.phase-1": "Phase 1 · sequential (review-edit-chain)",
+  "zone.agents.group.phase-2": "Phase 2 · iterative plan loop",
+  "zone.agents.group.phase-n": "Phase {n}",
+  "zone.agents.group.plan": "plan: {plan}",
+  "zone.agents.group.no-plan": "no in-progress plan",
+  "zone.agents.group.plan-more": "+{n} more",
+  "flow.empty": "No actual dispatches yet (recording starts at agent-flow plan merge)",
+  "flow.settle-only": "Settle records only (no dispatch evidence)",
+  "flow.degraded": "No agent-flow evidence (ledger missing)",
+  "flow.unexpected": "Unexpected roles",
+  "flow.in-flight": "dispatched",
+  "flow.settled-ok": "settled ok",
+  "flow.error": "error",
+  "flow.advisory": "advisory",
+  "flow.denied": "denied",
+  "state.title": "Workspace state",
+  "state.plans": "Plans",
+  "state.residuals": "Open residuals",
+  "state.policy": "Policy",
+  "state.leases": "Leases",
+  "state.knowledge": "Knowledge",
+  "state.direction": "Direction",
+  "state.none": "none",
+  "state.enforcement": "enforcement",
+  "state.enforcement.hard": "hard",
+  "state.enforcement.soft": "soft",
+  "state.plans.more": "+{count} more",
+  "state.residual.more": "+{count} more",
+  "state.policy.push": "push",
+  "state.policy.worktree": "worktree",
+  "state.policy.control-worktree": "control worktree",
+  "state.knowledge.docs": "{count} docs",
+  "freshness.last-updated": "last updated {time}",
+  "freshness.refresh-note": "refreshes with catalog re-emission (≤~1 min)"
+};
+
+// src/client/panel/PanelView.tsx
+var import_react3 = require("react");
+
+// src/client/panel/panel.module.css
+var css = `
+
+.\\32 0fd0e45_root,
+.f83e09fa_emptyRoot {
+  box-sizing: border-box;
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-bg-layer-1);
+  font: var(--dsw-font-xs-13);
+  line-height: 1.6;
+}
+
+
+.\\32 0fd0e45_root {
+  --mstar-space-1: 4px;
+  --mstar-space-2: 8px;
+  --mstar-space-3: 12px;
+  --mstar-space-4: 16px;
+  --mstar-space-5: 24px;
+  --mstar-space-6: 32px;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 300px;   
+  grid-template-rows: minmax(0, 1fr);             
+  grid-template-areas: 'main sidebar';
+  height: 100%;
+  min-height: 0;
+  width: 100%;
+  padding: 0;                                     
+  
+  padding-bottom: calc(var(--dsh-composer-height, 152px) + var(--mstar-space-3));
+  overflow: hidden;                               
+}
+
+
+.\\32 0fd0e45_root[data-mstar-panel='no-harness'] {
+  grid-template-columns: 1fr;
+  grid-template-areas: 'main';
+}
+
+
+.\\35 8245a20_noHarnessCard {
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  max-width: 400px;
+  align-self: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--mstar-space-2);
+  padding: var(--mstar-space-5);
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-1);
+  text-align: center;
+}
+
+.ffb65da7_noHarnessIcon {
+  color: var(--dsw-alias-label-caption);
+  margin-bottom: var(--mstar-space-1);
+}
+
+.\\38 1e1817c_noHarnessTitle {
+  margin: 0;
+  max-width: 100%;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxs-12);
+  font-weight: 600;
+}
+
+.a2289da7_noHarnessHint {
+  margin: 0;
+  max-width: 100%;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+@media (max-width: 860px) {
+  .\\32 0fd0e45_root {
+    grid-template-columns: 1fr;
+    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
+    grid-template-areas:
+      'main'
+      'sidebar';
+  }
+  .c87acfc7_sidebar {
+    border-left: 0;
+    border-top: 1px solid var(--dsw-alias-border-l1);
+  }
+  
+  .\\37 7aea5a6_iterationHeadSplit {
+    flex-direction: column;
+  }
+  .\\37 7aea5a6_iterationHeadSplit > .c3b8dcb0_iterationBranches {
+    flex: 0 1 auto;
+    max-width: none;
+  }
+}
+
+
+.f83e09fa_emptyRoot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-height: 0;
+  width: 100%;
+  padding: var(--mstar-space-4);
+  overflow: hidden;
+}
+
+
+
+.ea90e208_main {
+  grid-area: main;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  padding: var(--mstar-space-4);
+  overflow: hidden;                               
+}
+
+
+
+.\\34 bb38bc9_tabNav {
+  display: flex;
+  flex: none;
+  gap: var(--mstar-space-1);
+  padding: 0;
+  margin: 0 0 var(--mstar-space-2);
+  border-bottom: 1px solid var(--dsw-alias-border-l1);
+}
+
+
+.\\39 8f72e4c_tab {
+  appearance: none;
+  border: 0;
+  background: none;
+  padding: var(--mstar-space-2) var(--mstar-space-3);
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxs-12);
+  cursor: pointer;
+  box-shadow: inset 0 -2px 0 0 transparent;
+  transition: color 150ms ease, box-shadow 150ms ease;   
+}
+
+.\\39 8f72e4c_tab:hover {
+  color: var(--dsw-alias-label-primary);
+}
+
+.\\35 9e199de_tabActive {
+  color: var(--dsw-alias-state-business-primary);
+  box-shadow: inset 0 -2px 0 0 var(--dsw-alias-state-business-primary);
+}
+
+
+.\\39 0bec3c2_content {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+
+
+.\\33 b1c4147_iterationPage {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-3);
+}
+
+
+.\\38 a629a8e_iterationHead {
+  flex: none;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-2);
+  padding: var(--mstar-space-3);
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-1);
+  color: var(--dsw-alias-label-secondary);
+  transition: border-color 150ms ease;   
+}
+
+.\\38 a629a8e_iterationHead:hover {
+  border-color: var(--dsw-alias-border-l2);
+}
+
+.\\38 a629a8e_iterationHead[data-iteration-head-active='true'] {
+  border-color: var(--dsw-alias-state-business-primary);
+  box-shadow: 0 0 0 1px var(--dsw-alias-state-business-primary);
+}
+
+.\\38 a629a8e_iterationHead[data-iteration-head-active='true']:hover {
+  border-color: var(--dsw-alias-state-business-primary);
+}
+
+
+.\\32 d1bee34_iterationSummary {
+  appearance: none;
+  border: 0;
+  background: none;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--mstar-space-2);
+  padding: 0;
+  margin: 0;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+  cursor: pointer;
+  text-align: left;
+  transition: color 150ms ease;   
+}
+
+.\\32 d1bee34_iterationSummary:hover {
+  color: var(--dsw-alias-label-primary);
+}
+
+.\\31 7162a99_iterationSummaryId {
+  overflow-wrap: anywhere;
+  color: var(--dsw-alias-label-primary);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+}
+
+.d3d74135_iterationSummaryVerdict {
+  padding: 0 var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+}
+
+[data-iteration-head-verdict='pass'] {
+  border-color: var(--dsw-alias-state-success-primary);
+  color: var(--dsw-alias-state-success-primary);
+}
+
+[data-iteration-head-verdict='fail'] {
+  border-color: var(--dsw-alias-state-error-primary);
+  color: var(--dsw-alias-state-error-primary);
+}
+
+.d9a886be_iterationSummaryStatus {
+  color: var(--dsw-alias-state-business-primary);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+}
+
+.\\31 3bf2f41_iterationSummaryStatusMuted {
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.ede5708d_iterationSummaryHint {
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.\\36 4d1da62_iterationHeadBody {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-2);
+  padding-top: var(--mstar-space-2);
+  border-top: 1px solid var(--dsw-alias-border-l1);
+}
+
+
+.\\37 7aea5a6_iterationHeadSplit {
+  display: flex;
+  align-items: stretch;
+  gap: var(--mstar-space-4);
+  min-width: 0;
+}
+
+@media (min-width: 861px) {
+  
+  .\\37 7aea5a6_iterationHeadSplit > .c3b8dcb0_iterationBranches {
+    flex: 0 1 260px;   
+    max-width: 280px;
+    min-width: 0;
+  }
+}
+
+.\\37 7aea5a6_iterationHeadSplit > .c52f7b85_iterationStepsRow {
+  flex: 1 1 0;   
+  min-width: 0;
+}
+
+
+.c52f7b85_iterationStepsRow {
+  display: flex;
+  align-items: stretch;
+  gap: var(--mstar-space-3);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow-x: auto;
+  overscroll-behavior: contain;
+}
+
+.\\38 1013a9d_iterationStepItem {
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--mstar-space-1);
+  text-align: center;
+}
+
+.\\37 befde45_iterationStepBadge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+
+.d6cd23a5_iterationStepPhase {
+  overflow-wrap: anywhere;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+}
+
+
+.de293024_iterationStepChip {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+[data-step-state='current'] .\\37 befde45_iterationStepBadge,
+[data-step-state='current'] .de293024_iterationStepChip {
+  border-color: var(--dsw-alias-state-business-primary);
+  box-shadow: 0 0 0 1px var(--dsw-alias-state-business-primary);
+  color: var(--dsw-alias-state-business-primary);
+}
+
+[data-step-state='current'] .de293024_iterationStepChip {
+  font-weight: 600;
+}
+
+[data-step-state='next'] .\\37 befde45_iterationStepBadge,
+[data-step-state='next'] .de293024_iterationStepChip {
+  border: 1px dashed var(--dsw-alias-state-business-primary);
+  color: var(--dsw-alias-state-business-primary);
+}
+
+[data-step-state='idle'] .\\37 befde45_iterationStepBadge {
+  border-color: var(--dsw-alias-border-l1);
+  color: var(--dsw-alias-label-caption);
+}
+
+
+[data-step-state='done'] .\\37 befde45_iterationStepBadge {
+  border-color: var(--dsw-alias-state-success-primary);
+  color: var(--dsw-alias-state-success-primary);
+}
+
+[data-step-state='done'] .de293024_iterationStepChip {
+  color: var(--dsw-alias-label-secondary);
+}
+
+[data-step-state='done'] .de293024_iterationStepChip::before {
+  content: '✓';
+  margin-right: var(--mstar-space-1);
+  color: var(--dsw-alias-state-success-primary);
+}
+
+
+.afea5850_iterationVerdictSeat {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 22px;
+}
+
+
+.ebe6bbcd_iterationVerdict {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+}
+
+[data-iteration-verdict='pass'] {
+  border-color: var(--dsw-alias-state-success-primary);
+  color: var(--dsw-alias-state-success-primary);
+}
+
+[data-iteration-verdict='fail'] {
+  border-color: var(--dsw-alias-state-error-primary);
+  color: var(--dsw-alias-state-error-primary);
+}
+
+
+.c3b8dcb0_iterationBranches {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+}
+
+.e6921da6_iterationBranchesTitle {
+  margin: 0;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxs-12);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+.\\38 a2cd65c_iterationBranchList {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.\\39 97b0230_iterationBranchRow {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: var(--mstar-space-2);
+  min-width: 0;
+}
+
+.\\36 cafc032_iterationBranchLabel {
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.cdcd06ed_iterationBranchValue {
+  overflow-wrap: anywhere;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+}
+
+
+.\\38 7f7efbe_iterationTasks {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+
+
+.c87acfc7_sidebar {
+  grid-area: sidebar;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  border-left: 1px solid var(--dsw-alias-border-l1);
+}
+
+
+.a0b80516_sidebarScroll {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-4);
+  padding: var(--mstar-space-4);
+}
+
+
+
+.\\38 1fe4f58_meta {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+  flex: none;
+  padding: var(--mstar-space-3) var(--mstar-space-4);
+  border-top: 1px solid var(--dsw-alias-border-l1);
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.\\30 fc275e2_metaLine {
+  margin: 0;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+
+
+.fcdd0ccc_section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-2);
+  padding-top: var(--mstar-space-3);
+  border-top: 1px solid var(--dsw-alias-border-l1);
+}
+
+.aded23ea_sectionTitle {
+  margin: 0;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxs-12);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+
+.b7190159_subTitle {
+  margin: var(--mstar-space-4) 0 0;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxs-12);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+.\\32 6763614_defList {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
+  gap: var(--mstar-space-1) var(--mstar-space-3);
+  margin: 0;
+}
+
+.\\36 70df156_defTerm {
+  color: var(--dsw-alias-label-caption);
+}
+
+.\\33 f1b3a05_defValue {
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.a129f16e_planList,
+.\\31 13e0aa2_residualList,
+.\\33 3dfcc85_leaseList,
+.\\39 99efdc0_violationList {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.\\37 44bf63f_planId,
+.\\35 60663a6_leasePlan,
+.a68a6d03_leaseHolder,
+.db027b44_leaseWorktree,
+.\\31 797fd51_findingSeverity,
+.c80b7bb0_findingTitle,
+.\\36 16667ad_findingPlan,
+.e42c0bfd_violationCode,
+.e2098247_knowledgeCategories {
+  display: inline-block;
+}
+
+.a3021d7c_planStatus {
+  display: inline-block;
+  margin-right: var(--mstar-space-2);
+  padding: 0 var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+  transition: color 150ms ease, border-color 150ms ease;   
+}
+
+.a3021d7c_planStatus:hover {
+  border-color: var(--dsw-alias-label-secondary);
+}
+
+.a3021d7c_planStatus[data-status='Done'] {
+  border-color: var(--dsw-alias-state-success-primary);
+  color: var(--dsw-alias-state-success-primary);
+}
+
+.a3021d7c_planStatus[data-status='InProgress'] {
+  border-color: var(--dsw-alias-state-business-primary);
+  color: var(--dsw-alias-state-business-primary);
+}
+
+.e42c0bfd_violationCode {
+  margin-right: var(--mstar-space-2);
+  color: var(--dsw-alias-state-warn-label);
+}
+
+.\\39 99efdc0_violationList [data-severity='critical'],
+.\\39 99efdc0_violationList [data-severity='high'] {
+  color: var(--dsw-alias-state-error-primary);
+}
+
+
+.\\31 797fd51_findingSeverity {
+  margin-right: var(--mstar-space-2);
+  padding: 0 var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.\\31 797fd51_findingSeverity[data-severity='critical'],
+.\\31 797fd51_findingSeverity[data-severity='high'] {
+  border-color: var(--dsw-alias-state-error-primary);
+  color: var(--dsw-alias-state-error-primary);
+}
+
+.\\31 797fd51_findingSeverity[data-severity='medium'] {
+  border-color: var(--dsw-alias-state-warn-label);
+  color: var(--dsw-alias-state-warn-label);
+}
+
+.c80b7bb0_findingTitle {
+  margin-right: var(--mstar-space-2);
+}
+
+.\\36 16667ad_findingPlan {
+  color: var(--dsw-alias-label-caption);
+}
+
+
+.\\31 849d129_truncated {
+  margin: 0;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.db027b44_leaseWorktree {
+  margin-left: var(--mstar-space-2);
+  color: var(--dsw-alias-label-caption);
+}
+
+.\\33 eb5feeb_knowledge {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--mstar-space-1) var(--mstar-space-2);
+  margin: 0;
+}
+
+.e2098247_knowledgeCategories {
+  color: var(--dsw-alias-label-caption);
+}
+
+.df6dc76a_direction {
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.\\31 8a7beee_empty {
+  margin: 0;
+  color: var(--dsw-alias-label-caption);
+}
+
+.c75c59b0_freshness {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--mstar-space-1) var(--mstar-space-3);
+  padding-top: var(--mstar-space-3);
+  border-top: 1px solid var(--dsw-alias-border-l1);
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+
+@media (prefers-reduced-motion: reduce) {
+  * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+`;
+var tagId = "@mstar-harness/dsh/panel.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+  const tag = document.createElement("style");
+  tag.dataset.plugin = "@mstar-harness/dsh";
+  tag.dataset.pluginCss = tagId;
+  tag.textContent = css;
+  document.head.appendChild(tag);
+}
+var panel_module_default = { root: "20fd0e45_root", emptyRoot: "f83e09fa_emptyRoot", noHarnessCard: "58245a20_noHarnessCard", noHarnessIcon: "ffb65da7_noHarnessIcon", noHarnessTitle: "81e1817c_noHarnessTitle", noHarnessHint: "a2289da7_noHarnessHint", sidebar: "c87acfc7_sidebar", iterationHeadSplit: "77aea5a6_iterationHeadSplit", iterationBranches: "c3b8dcb0_iterationBranches", main: "ea90e208_main", tabNav: "4bb38bc9_tabNav", tab: "98f72e4c_tab", tabActive: "59e199de_tabActive", content: "90bec3c2_content", iterationPage: "3b1c4147_iterationPage", iterationHead: "8a629a8e_iterationHead", iterationSummary: "2d1bee34_iterationSummary", iterationSummaryId: "17162a99_iterationSummaryId", iterationSummaryVerdict: "d3d74135_iterationSummaryVerdict", iterationSummaryStatus: "d9a886be_iterationSummaryStatus", iterationSummaryStatusMuted: "13bf2f41_iterationSummaryStatusMuted", iterationSummaryHint: "ede5708d_iterationSummaryHint", iterationHeadBody: "64d1da62_iterationHeadBody", iterationStepsRow: "c52f7b85_iterationStepsRow", iterationStepItem: "81013a9d_iterationStepItem", iterationStepBadge: "7befde45_iterationStepBadge", iterationStepPhase: "d6cd23a5_iterationStepPhase", iterationStepChip: "de293024_iterationStepChip", iterationVerdictSeat: "afea5850_iterationVerdictSeat", iterationVerdict: "ebe6bbcd_iterationVerdict", iterationBranchesTitle: "e6921da6_iterationBranchesTitle", iterationBranchList: "8a2cd65c_iterationBranchList", iterationBranchRow: "997b0230_iterationBranchRow", iterationBranchLabel: "6cafc032_iterationBranchLabel", iterationBranchValue: "cdcd06ed_iterationBranchValue", iterationTasks: "87f7efbe_iterationTasks", sidebarScroll: "a0b80516_sidebarScroll", meta: "81fe4f58_meta", metaLine: "0fc275e2_metaLine", section: "fcdd0ccc_section", sectionTitle: "aded23ea_sectionTitle", subTitle: "b7190159_subTitle", defList: "26763614_defList", defTerm: "670df156_defTerm", defValue: "3f1b3a05_defValue", planList: "a129f16e_planList", residualList: "113e0aa2_residualList", leaseList: "33dfcc85_leaseList", violationList: "999efdc0_violationList", planId: "744bf63f_planId", leasePlan: "560663a6_leasePlan", leaseHolder: "a68a6d03_leaseHolder", leaseWorktree: "db027b44_leaseWorktree", findingSeverity: "1797fd51_findingSeverity", findingTitle: "c80b7bb0_findingTitle", findingPlan: "616667ad_findingPlan", violationCode: "e42c0bfd_violationCode", knowledgeCategories: "e2098247_knowledgeCategories", planStatus: "a3021d7c_planStatus", truncated: "1849d129_truncated", knowledge: "3eb5feeb_knowledge", direction: "df6dc76a_direction", empty: "18a7beee_empty", freshness: "c75c59b0_freshness" };
+
+// src/client/panel/guards.ts
+function str(value) {
+  return typeof value === "string" && value.length > 0 ? value : null;
+}
+function bool(value) {
+  return typeof value === "boolean" ? value : null;
+}
+function count(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+
+// src/client/panel/plan-sort.ts
+var PLAN_CAP = 5;
+var FINDINGS_CAP = 10;
+var DONE_AT_RE = /^\d{4}-\d{2}-\d{2}$/;
+var ID_DATE_RE = /^\d{8}/;
+function doneAtKey(doneAt) {
+  if (typeof doneAt !== "string" || !DONE_AT_RE.test(doneAt))
+    return "";
+  return doneAt.replaceAll("-", "");
+}
+function idDateKey(id) {
+  return ID_DATE_RE.test(id) ? id.slice(0, 8) : "";
+}
+function comparePlans(a, b) {
+  const aDone = doneAtKey(a.doneAt);
+  const bDone = doneAtKey(b.doneAt);
+  if (aDone !== bDone)
+    return aDone < bDone ? 1 : -1;
+  const aDate = idDateKey(a.id);
+  const bDate = idDateKey(b.id);
+  if (aDate !== bDate)
+    return aDate < bDate ? 1 : -1;
+  return a.id < b.id ? 1 : a.id > b.id ? -1 : 0;
+}
+function sortPlans(plans) {
+  return Array.from(plans).sort(comparePlans);
+}
+function comparePlansByIterationRecency(a, b) {
+  const aDate = idDateKey(a.id);
+  const bDate = idDateKey(b.id);
+  if (aDate !== bDate)
+    return aDate < bDate ? 1 : -1;
+  const aDone = doneAtKey(a.doneAt);
+  const bDone = doneAtKey(b.doneAt);
+  if (aDone !== bDone)
+    return aDone < bDone ? 1 : -1;
+  return a.id < b.id ? 1 : a.id > b.id ? -1 : 0;
+}
+
+// src/client/panel/graph/schema.ts
+var PHASE_IDS = [
+  "iteration-start",
+  "autonomous-execute",
+  "iteration-close",
+  "pr-delivery",
+  "merge-ready"
+];
+var PLAN_STATE_IDS = ["Todo", "InProgress", "InReview", "Done", "blocked-unknown"];
+var PHASE_EDGES = [
+  { source: "iteration-start", target: "autonomous-execute", kind: "forward" },
+  { source: "autonomous-execute", target: "iteration-close", kind: "forward" },
+  { source: "iteration-close", target: "pr-delivery", kind: "forward" },
+  { source: "pr-delivery", target: "merge-ready", kind: "forward" },
+  { source: "merge-ready", target: "iteration-start", kind: "loop" }
+];
+var TRANSITION_TO_PHASE = {
+  "phase-2-execute": "autonomous-execute",
+  "phase-3-close": "iteration-close",
+  "phase-4-pr-delivery": "pr-delivery"
+};
+var EXPECTED_ROLE_FLOW = [
+  { phase: "iteration-start", stage: "review-edit-chain", roles: ["product-manager", "architect", "writing-specialist"] },
+  { phase: "autonomous-execute", stage: "sdd-implement", roles: ["fullstack-dev", "fullstack-dev-2", "frontend-dev", "code-reviewer"] },
+  { phase: "autonomous-execute", stage: "qc-tri", roles: ["qc-specialist", "qc-specialist-2", "qc-specialist-3"] },
+  { phase: "autonomous-execute", stage: "qa-gate", roles: ["qa-engineer"] }
+];
+var SDD_BUCKET_ROLES = {
+  implementor: ["fullstack-dev", "fullstack-dev-2", "frontend-dev", "ops-engineer", "prompt-engineer"],
+  reviewer: ["code-reviewer"]
+};
+var GENERAL_BUCKET = "general";
+var KNOWN_AGENTS = [
+  { id: "product-manager", stage: { phase: "iteration-start", stage: "review-edit-chain" } },
+  { id: "architect", stage: { phase: "iteration-start", stage: "review-edit-chain" } },
+  { id: "fullstack-dev", stage: { phase: "autonomous-execute", stage: "sdd-implement" } },
+  { id: "fullstack-dev-2", stage: { phase: "autonomous-execute", stage: "sdd-implement" } },
+  { id: "frontend-dev", stage: { phase: "autonomous-execute", stage: "sdd-implement" } },
+  { id: "code-reviewer", stage: { phase: "autonomous-execute", stage: "sdd-implement" } },
+  { id: "qa-engineer", stage: { phase: "autonomous-execute", stage: "qa-gate" } },
+  { id: "qc-specialist", stage: { phase: "autonomous-execute", stage: "qc-tri" } },
+  { id: "qc-specialist-2", stage: { phase: "autonomous-execute", stage: "qc-tri" } },
+  { id: "qc-specialist-3", stage: { phase: "autonomous-execute", stage: "qc-tri" } },
+  { id: "ops-engineer", stage: null, zone: "on-demand" },
+  { id: "writing-specialist", stage: { phase: "iteration-start", stage: "review-edit-chain" } },
+  { id: "prompt-engineer", stage: null, zone: "on-demand" },
+  { id: GENERAL_BUCKET, stage: null, zone: GENERAL_BUCKET }
+];
+
+// src/client/panel/graph/project-graph.ts
+function emphasisOf(stage, currentStep) {
+  if (currentStep === null)
+    return null;
+  if (stage === null)
+    return "off";
+  const currentPhase = PHASE_IDS[currentStep - 1];
+  if (currentPhase === undefined)
+    return null;
+  const rank = PHASE_IDS.indexOf(stage.phase);
+  const currentRank = PHASE_IDS.indexOf(currentPhase);
+  if (rank < currentRank)
+    return "off";
+  if (rank === currentRank)
+    return "current";
+  return "next";
+}
+function idleStep(id, step) {
+  return { id, step, state: "idle", verdict: "unknown" };
+}
+function iterationRefsOf(value) {
+  return Array.isArray(value) ? value.filter((v) => typeof v === "string" && v !== "") : [];
+}
+function planRow(raw) {
+  const row = raw;
+  return {
+    id: str(row?.id) ?? "",
+    status: str(row?.status) ?? "",
+    doneAt: str(row?.doneAt),
+    iterationRefs: iterationRefsOf(row?.iterationRefs)
+  };
+}
+function planBucket(status) {
+  switch (status) {
+    case "Todo":
+    case "InProgress":
+    case "InReview":
+    case "Done":
+      return status;
+    default:
+      return "blocked-unknown";
+  }
+}
+function violationRow(raw) {
+  const row = raw;
+  return {
+    severity: str(row?.severity) ?? "",
+    code: str(row?.code) ?? "",
+    message: str(row?.message) ?? ""
+  };
+}
+function stateRow(source) {
+  const state = source == null ? null : source.state;
+  if (state === null || typeof state !== "object")
+    return null;
+  return state;
+}
+function projectGraph(source) {
+  const degraded = { iteration: false, state: false, plans: false };
+  const steps = PHASE_IDS.map((id, i) => idleStep(id, i + 1));
+  let active = false;
+  let currentStep = null;
+  let iterationId = null;
+  let verdict = "unknown";
+  let violationCount = null;
+  let violations = [];
+  let branches = null;
+  const iteration = source == null ? null : source.iteration;
+  if (iteration !== null && iteration !== undefined) {
+    const row = iteration;
+    iterationId = str(row.iterationId);
+    const gate = row.gate;
+    const transition = gate === null || typeof gate !== "object" ? null : str(gate.transition);
+    const phaseId = transition === null || !Object.hasOwn(TRANSITION_TO_PHASE, transition) ? undefined : TRANSITION_TO_PHASE[transition];
+    if (phaseId !== undefined) {
+      active = true;
+      if (row.compassStatus === "active" && transition === "phase-2-execute") {
+        currentStep = 1;
+        const current = steps[0];
+        current.state = "current";
+        current.verdict = "unknown";
+        const forward = PHASE_EDGES.find((e) => e.source === "iteration-start" && e.kind === "forward");
+        if (forward !== undefined)
+          steps[PHASE_IDS.indexOf(forward.target)].state = "next";
+      } else {
+        const index = PHASE_IDS.indexOf(phaseId);
+        currentStep = index + 1;
+        const current = steps[index];
+        current.state = "current";
+        for (let i = 0;i < index; i++)
+          steps[i].state = "done";
+        const ok = gate === null || typeof gate !== "object" ? null : bool(gate.ok);
+        current.verdict = ok === null ? "unknown" : ok ? "pass" : "fail";
+        const rawViolations = gate !== null && typeof gate === "object" && Array.isArray(gate.violations) ? gate.violations : null;
+        violationCount = rawViolations === null ? null : rawViolations.length;
+        violations = rawViolations === null ? [] : rawViolations.map(violationRow);
+        verdict = current.verdict;
+        const forward = PHASE_EDGES.find((e) => e.source === phaseId && e.kind === "forward");
+        if (forward !== undefined)
+          steps[PHASE_IDS.indexOf(forward.target)].state = "next";
+      }
+      const state2 = stateRow(source);
+      branches = {
+        iterationBase: str(state2?.iterationBaseBranch),
+        target: str(state2?.targetBranch),
+        specIntegration: str(state2?.specIntegrationBranch)
+      };
+    }
+  }
+  degraded.iteration = !active;
+  const columns = PLAN_STATE_IDS.map((id) => ({ id, plans: [], count: 0, capped: null }));
+  const doneRows = [];
+  let total = 0;
+  let truncated = false;
+  const state = stateRow(source);
+  if (state === null) {
+    degraded.state = true;
+    degraded.plans = true;
+  } else {
+    const plans = state.plans;
+    if (!Array.isArray(plans)) {
+      degraded.plans = true;
+    } else {
+      for (const raw of plans) {
+        const row = planRow(raw);
+        total += 1;
+        const bucket = planBucket(row.status);
+        const column = columns.find((c) => c.id === bucket);
+        column.count += 1;
+        if (bucket === "Done") {
+          doneRows.push(row);
+        } else {
+          column.plans.push({ id: row.id, status: row.status });
+        }
+      }
+    }
+  }
+  const doneColumn = columns.find((c) => c.id === "Done");
+  doneColumn.plans = sortPlans(doneRows).map((r) => ({ id: r.id, status: r.status }));
+  for (const column of columns) {
+    if (column.count > PLAN_CAP) {
+      column.capped = PLAN_CAP;
+      truncated = true;
+    }
+  }
+  const agents = projectAgents(source, currentStep);
+  const flow = projectFlowEvents(source);
+  return {
+    iteration: {
+      active,
+      iterationId,
+      steps,
+      currentStep,
+      branches,
+      verdict,
+      violationCount
+    },
+    tasks: { columns, total, truncated },
+    agents,
+    verdict,
+    violations,
+    events: flow.events,
+    unexpected: flow.unexpected,
+    degraded
+  };
+}
+function bucketOf(role) {
+  if (SDD_BUCKET_ROLES.implementor.includes(role))
+    return "implementor";
+  if (SDD_BUCKET_ROLES.reviewer.includes(role))
+    return "reviewer";
+  return null;
+}
+function sddImplementColumnId(stages) {
+  const s = stages.find((x) => x.stage === "sdd-implement");
+  return s === undefined ? null : s.id;
+}
+function superviseEdges(stages, entries) {
+  const columnId = sddImplementColumnId(stages);
+  if (columnId === null)
+    return [];
+  const evidenced = entries.some((e) => e.view.kind === "dispatch" && bucketOf(e.view.role) !== null);
+  return [{
+    kind: "supervise",
+    source: `${columnId}:implementor`,
+    target: `${columnId}:reviewer`,
+    entityKey: null,
+    evidenced
+  }];
+}
+function entityKeyOf(role) {
+  if (role !== "" && KNOWN_AGENTS.some((a) => a.id === role))
+    return role;
+  return GENERAL_BUCKET;
+}
+function roleZone(role, stage) {
+  if (stage !== null)
+    return "flow";
+  const known = KNOWN_AGENTS.find((a) => a.id === role);
+  return known === undefined ? GENERAL_BUCKET : known.zone ?? GENERAL_BUCKET;
+}
+function entityStatus(acc, pairStatus) {
+  if (acc.verdict === "denied")
+    return "denied";
+  const paired = pairStatus.get(acc.latestIndex);
+  return paired === "error" ? "error" : paired === undefined ? "running" : "settled";
+}
+function aggregateEntities(entries, pairStatus, currentStep) {
+  const acc = new Map;
+  for (let i = 0;i < entries.length; i++) {
+    const v = entries[i].view;
+    if (v.kind !== "dispatch")
+      continue;
+    const key = entityKeyOf(v.role);
+    const role = key === GENERAL_BUCKET ? GENERAL_BUCKET : v.role;
+    const task = v.planId === null ? null : v.taskId === null ? v.planId : `${v.planId}#${v.taskId}`;
+    const cur = acc.get(key);
+    if (cur === undefined) {
+      acc.set(key, {
+        key,
+        agent: v.agent,
+        name: v.agent ?? role,
+        role,
+        task,
+        count: 1,
+        ts: v.ts,
+        stage: v.stage,
+        zone: roleZone(role, v.stage),
+        bucket: bucketOf(role),
+        latestIndex: i,
+        verdict: v.status
+      });
+    } else {
+      cur.count += 1;
+      if (v.ts > cur.ts || v.ts === cur.ts && i < cur.latestIndex) {
+        cur.ts = v.ts;
+        cur.latestIndex = i;
+        cur.verdict = v.status;
+        cur.agent = v.agent;
+        cur.name = v.agent ?? role;
+        cur.role = role;
+        cur.task = task;
+        cur.stage = v.stage;
+        cur.zone = roleZone(role, v.stage);
+        cur.bucket = bucketOf(role);
+      }
+    }
+  }
+  return Array.from(acc.values()).map((e) => ({
+    key: e.key,
+    agent: e.agent,
+    name: e.name,
+    role: e.role,
+    task: e.task,
+    count: e.count,
+    ts: e.ts,
+    stage: e.stage,
+    zone: e.zone,
+    bucket: e.bucket,
+    emphasis: emphasisOf(e.stage, currentStep),
+    status: entityStatus(e, pairStatus),
+    idle: false
+  }));
+}
+function actualEdges(entries) {
+  const byPlan = new Map;
+  entries.forEach((e, idx) => {
+    const v = e.view;
+    if (v.kind !== "dispatch")
+      return;
+    if (v.planId === null)
+      return;
+    const key = entityKeyOf(v.role);
+    const list = byPlan.get(v.planId);
+    if (list === undefined)
+      byPlan.set(v.planId, [{ key, ts: v.ts, idx }]);
+    else
+      list.push({ key, ts: v.ts, idx });
+  });
+  const pairEdges = new Map;
+  for (const planId of Array.from(byPlan.keys()).sort()) {
+    const rows = byPlan.get(planId).slice().sort((a, b) => a.ts - b.ts || (a.key < b.key ? -1 : a.key > b.key ? 1 : 0) || a.idx - b.idx);
+    for (let i = 0;i + 1 < rows.length; i++) {
+      if (rows[i].key === rows[i + 1].key)
+        continue;
+      const a = rows[i].key;
+      const b = rows[i + 1].key;
+      if (a === GENERAL_BUCKET || b === GENERAL_BUCKET)
+        continue;
+      const pairKey = a < b ? `${a}|${b}` : `${b}|${a}`;
+      pairEdges.set(pairKey, { kind: "actual", source: a, target: b, entityKey: null });
+    }
+  }
+  return Array.from(pairEdges.values());
+}
+function idleEntities(evidencedRoles, litKeys, currentStep) {
+  const out = [];
+  for (const known of KNOWN_AGENTS) {
+    if (evidencedRoles.has(known.id))
+      continue;
+    if (litKeys.has(known.id))
+      continue;
+    const stage = known.stage ?? null;
+    out.push({
+      key: known.id,
+      agent: null,
+      name: known.displayName ?? known.id,
+      role: known.id,
+      task: null,
+      status: "idle",
+      idle: true,
+      count: 0,
+      ts: 0,
+      stage,
+      zone: idleZone(known),
+      bucket: bucketOf(known.id),
+      emphasis: emphasisOf(stage, currentStep)
+    });
+  }
+  return out;
+}
+function idleZone(known) {
+  if (known.stage !== null)
+    return "flow";
+  return known.zone ?? GENERAL_BUCKET;
+}
+function currentIterationIds(iterationId, plans) {
+  if (iterationId !== null && iterationId !== "")
+    return new Set([iterationId]);
+  let latest;
+  for (const plan of plans) {
+    if (plan.iterationRefs.length === 0)
+      continue;
+    if (latest === undefined || comparePlansByIterationRecency(plan, latest) < 0)
+      latest = plan;
+  }
+  return new Set(latest === undefined ? [] : latest.iterationRefs);
+}
+function isCurrentIterationDispatch(planId, planRefs, currentIds) {
+  if (planId === null)
+    return true;
+  const refs = planRefs.get(planId);
+  if (refs === undefined || refs.length === 0)
+    return true;
+  return refs.some((it) => currentIds.has(it));
+}
+function projectAgents(source, currentStep) {
+  const stages = EXPECTED_ROLE_FLOW.map((s) => ({
+    id: `${s.phase}:${s.stage}`,
+    phase: s.phase,
+    stage: s.stage,
+    roles: s.roles,
+    evidenced: false
+  }));
+  const state = source == null ? null : source.state;
+  const agentFlow = state == null ? undefined : state.agentFlow;
+  const rawAgentFlow = agentFlow;
+  const rawEvents = rawAgentFlow === null || rawAgentFlow === undefined || typeof rawAgentFlow !== "object" ? null : rawAgentFlow.events;
+  const rawPlans = state == null ? undefined : state.plans;
+  const activePlans = Array.isArray(rawPlans) ? rawPlans.map((p) => ({ id: str(p?.id), status: str(p?.status) })).filter((p) => p.status === "InProgress" && p.id !== "").map((p) => p.id) : [];
+  const activePlanId = activePlans[0] ?? null;
+  const activePlanCount = activePlans.length;
+  if (rawEvents === null || !Array.isArray(rawEvents)) {
+    return {
+      stages,
+      degraded: true,
+      empty: false,
+      note: null,
+      entities: idleEntities(new Set, new Set, currentStep),
+      edges: superviseEdges(stages, []),
+      executing: 0,
+      pending: 0,
+      activePlanId,
+      activePlanCount
+    };
+  }
+  const entries = classifyFlowRows(rawEvents);
+  const empty = rawEvents.length === 0;
+  const note = empty ? "empty" : entries.some((e) => e.view.kind === "dispatch") ? null : "settle-only";
+  const iterationRow = source == null ? null : source.iteration;
+  const iterationId = iterationRow === null || iterationRow === undefined ? null : str(iterationRow.iterationId);
+  const planRows = Array.isArray(rawPlans) ? rawPlans.map(planRow) : [];
+  const planRefs = new Map;
+  for (const plan of planRows)
+    planRefs.set(plan.id, plan.iterationRefs);
+  const currentIds = currentIterationIds(iterationId, planRows);
+  const filtered = entries.filter((e) => e.view.kind === "settle" || isCurrentIterationDispatch(e.view.planId, planRefs, currentIds));
+  const evidenced = new Set;
+  const evidencedRoles = new Set;
+  for (const e of filtered) {
+    if (e.view.kind !== "dispatch")
+      continue;
+    if (e.view.stage !== null)
+      evidenced.add(`${e.view.stage.phase}:${e.view.stage.stage}`);
+    if (e.view.role !== "")
+      evidencedRoles.add(e.view.role);
+  }
+  for (const s of stages)
+    s.evidenced = evidenced.has(s.id);
+  const pairStatus = pairSettleStatus(filtered.map((e) => ({
+    kind: e.view.kind,
+    agent: e.view.agent,
+    role: e.view.role,
+    planId: e.view.planId,
+    taskId: e.view.taskId,
+    ...e.view.paired === true ? { paired: true } : {},
+    status: e.view.status
+  })));
+  const lit = aggregateEntities(filtered, pairStatus, currentStep);
+  const litKeys = new Set(lit.map((e) => e.key));
+  const entities = [...lit, ...idleEntities(evidencedRoles, litKeys, currentStep)];
+  const edges = [
+    ...actualEdges(filtered),
+    ...superviseEdges(stages, entries)
+  ];
+  const executing = entities.filter((e) => e.status === "running").length;
+  const pending = stages.reduce((sum, s) => sum + (evidenced.has(s.id) ? 0 : s.roles.length), 0);
+  return { stages, degraded: false, empty, note, entities, edges, executing, pending, activePlanId, activePlanCount };
+}
+var FLOW_EVENT_WINDOW = 50;
+function roleStageIndex() {
+  const index = new Map;
+  for (const stage of EXPECTED_ROLE_FLOW) {
+    for (const role of stage.roles) {
+      if (!index.has(role))
+        index.set(role, { phase: stage.phase, stage: stage.stage });
+    }
+  }
+  return index;
+}
+function dispatchStatus(verdict) {
+  return verdict === "denied" ? "denied" : verdict === "advisory" ? "advisory" : "dispatched";
+}
+function settleStatus(outcome) {
+  return outcome === "error" ? "error" : outcome === "denied" ? "denied" : "ok";
+}
+function flowEventOf(raw, index, stageIndex) {
+  const row = raw;
+  const kind = row?.kind;
+  if (kind !== "dispatch" && kind !== "settle")
+    return null;
+  const role = str(row?.role) ?? "";
+  const matched = stageIndex.get(role);
+  const ts = count(row?.ts) ?? 0;
+  return {
+    id: `${ts}-${kind}-${index}`,
+    ts,
+    kind,
+    role,
+    planId: str(row?.planId),
+    taskId: str(row?.taskId),
+    taskCategory: str(row?.taskCategory),
+    agent: str(row?.agent),
+    status: kind === "dispatch" ? dispatchStatus(row?.verdict) : settleStatus(row?.outcome),
+    expected: matched !== undefined,
+    stage: matched ?? null,
+    settled: false,
+    ...kind === "settle" && row?.paired === true ? { paired: true } : {},
+    durationMs: count(row?.durationMs)
+  };
+}
+function pairingKeyOf(row) {
+  return [row.agent ?? "", row.role ?? "", row.planId ?? "", row.taskId ?? ""].join("\x00");
+}
+function pairSettleStatus(rows) {
+  const record = new Map;
+  const lastDispatch = new Map;
+  for (let i = rows.length - 1;i >= 0; i--) {
+    const entry = rows[i];
+    if (entry.kind === "dispatch") {
+      if (entry.agent !== null)
+        lastDispatch.set(pairingKeyOf(entry), i);
+    } else if (entry.paired === true && entry.agent !== null) {
+      const paired = lastDispatch.get(pairingKeyOf(entry));
+      if (paired !== undefined)
+        record.set(paired, entry.status ?? "ok");
+    }
+  }
+  return record;
+}
+function pairSettleIndexes(rows) {
+  return new Set(pairSettleStatus(rows).keys());
+}
+function classifyFlowRows(rawEvents) {
+  const stageIndex = roleStageIndex();
+  const windowed = rawEvents.slice(0, FLOW_EVENT_WINDOW);
+  const entries = [];
+  windowed.forEach((raw, i) => {
+    const view = flowEventOf(raw, i, stageIndex);
+    if (view === null)
+      return;
+    entries.push({ view });
+  });
+  return entries;
+}
+function projectFlowEvents(source) {
+  const state = source == null ? null : source.state;
+  const agentFlow = state == null ? undefined : state.agentFlow;
+  const rawAgentFlow = agentFlow;
+  const rawEvents = rawAgentFlow === null || rawAgentFlow === undefined || typeof rawAgentFlow !== "object" ? null : rawAgentFlow.events;
+  if (rawEvents === null || !Array.isArray(rawEvents)) {
+    return { events: [], unexpected: [] };
+  }
+  const entries = classifyFlowRows(rawEvents);
+  for (const i of pairSettleIndexes(entries.map((e) => ({
+    kind: e.view.kind,
+    agent: e.view.agent,
+    role: e.view.role,
+    planId: e.view.planId,
+    taskId: e.view.taskId,
+    ...e.view.paired === true ? { paired: true } : {}
+  })))) {
+    entries[i].view.settled = true;
+  }
+  const events = entries.map((e) => e.view);
+  const unexpected = entries.filter((e) => e.view.kind === "dispatch" && !e.view.expected).map((e) => e.view);
+  return { events, unexpected };
+}
+
+// src/client/panel/panel-meta.tsx
+var jsx_runtime = require("react/jsx-runtime");
+function PanelMeta({ t, source }) {
+  return /* @__PURE__ */ jsx_runtime.jsxs("footer", {
+    className: panel_module_default.meta,
+    "data-mstar-meta": true,
+    "data-mstar-watermark": true,
+    children: [
+      /* @__PURE__ */ jsx_runtime.jsx("p", {
+        className: panel_module_default.metaLine,
+        "data-mstar-meta-version": true,
+        children: t("watermark.version", { version: str(source.version) ?? t("panel.unknown") })
+      }),
+      /* @__PURE__ */ jsx_runtime.jsx("p", {
+        className: panel_module_default.metaLine,
+        "data-mstar-meta-harness": true,
+        children: t("watermark.harness", { dir: source.harnessDir ?? t("watermark.none") })
+      })
+    ]
+  });
+}
+
+// src/client/panel/state-section.tsx
+var jsx_runtime2 = require("react/jsx-runtime");
+function enforcementLabel(t, enforcement) {
+  if (enforcement === null || enforcement === undefined || typeof enforcement !== "object") {
+    return t("panel.unknown");
+  }
+  const hard = bool(enforcement.hard);
+  const source = str(enforcement.source);
+  const flag = hard === null ? t("panel.unknown") : hard ? t("state.enforcement.hard") : t("state.enforcement.soft");
+  return source === null ? flag : `${flag} (${source})`;
+}
+function StateSection({ t, state, enforcement }) {
+  const plans = Array.isArray(state?.plans) ? state.plans : [];
+  const sortedPlans = sortPlans(plans);
+  const visiblePlans = sortedPlans.slice(0, PLAN_CAP);
+  const hiddenPlans = sortedPlans.length - visiblePlans.length;
+  const findings = Array.isArray(state?.residualFindings) ? state.residualFindings : null;
+  const visibleFindings = findings === null ? null : findings.slice(0, FINDINGS_CAP);
+  const hiddenFindings = findings === null ? 0 : Math.max(0, findings.length - FINDINGS_CAP);
+  const leases = Array.isArray(state?.leases) ? state.leases : [];
+  const knowledge = state?.knowledge ?? null;
+  return /* @__PURE__ */ jsx_runtime2.jsxs("section", {
+    className: panel_module_default.section,
+    "data-mstar-section": "state",
+    children: [
+      /* @__PURE__ */ jsx_runtime2.jsx("h2", {
+        className: panel_module_default.sectionTitle,
+        children: t("state.title")
+      }),
+      /* @__PURE__ */ jsx_runtime2.jsx("h3", {
+        className: panel_module_default.subTitle,
+        children: t("state.plans")
+      }),
+      visiblePlans.length === 0 ? /* @__PURE__ */ jsx_runtime2.jsx("p", {
+        className: panel_module_default.empty,
+        "data-mstar-empty": "no-plans",
+        children: t("state.none")
+      }) : /* @__PURE__ */ jsx_runtime2.jsx("ul", {
+        className: panel_module_default.planList,
+        children: visiblePlans.map((plan, i) => /* @__PURE__ */ jsx_runtime2.jsxs("li", {
+          "data-plan-id": str(plan.id) ?? "unknown",
+          "data-plan-status": str(plan.status) ?? "unknown",
+          children: [
+            /* @__PURE__ */ jsx_runtime2.jsx("span", {
+              className: panel_module_default.planStatus,
+              "data-status": str(plan.status) ?? "unknown",
+              children: str(plan.status) ?? t("panel.unknown")
+            }),
+            /* @__PURE__ */ jsx_runtime2.jsx("span", {
+              className: panel_module_default.planId,
+              children: str(plan.id) ?? t("panel.unknown")
+            })
+          ]
+        }, str(plan.id) ?? `plan-${i}`))
+      }),
+      hiddenPlans > 0 ? /* @__PURE__ */ jsx_runtime2.jsx("p", {
+        className: panel_module_default.truncated,
+        "data-plan-truncated": true,
+        children: t("state.plans.more", { count: String(hiddenPlans) })
+      }) : null,
+      /* @__PURE__ */ jsx_runtime2.jsx("h3", {
+        className: panel_module_default.subTitle,
+        children: t("state.residuals")
+      }),
+      visibleFindings === null || visibleFindings.length === 0 ? /* @__PURE__ */ jsx_runtime2.jsx("p", {
+        className: panel_module_default.empty,
+        "data-mstar-empty": "no-residuals",
+        children: t("state.none")
+      }) : /* @__PURE__ */ jsx_runtime2.jsx("ul", {
+        className: panel_module_default.residualList,
+        children: visibleFindings.map((finding, i) => /* @__PURE__ */ jsx_runtime2.jsxs("li", {
+          "data-residual-finding": true,
+          "data-residual-finding-id": str(finding.id) ?? "unknown",
+          "data-residual-finding-severity": str(finding.severity) ?? "unknown",
+          "data-residual-finding-plan": str(finding.planId) ?? "unknown",
+          children: [
+            /* @__PURE__ */ jsx_runtime2.jsx("span", {
+              className: panel_module_default.findingSeverity,
+              "data-severity": str(finding.severity) ?? "unknown",
+              children: str(finding.severity) ?? t("panel.unknown")
+            }),
+            /* @__PURE__ */ jsx_runtime2.jsx("span", {
+              className: panel_module_default.findingTitle,
+              children: str(finding.title) ?? t("panel.unknown")
+            }),
+            str(finding.planId) !== null ? /* @__PURE__ */ jsx_runtime2.jsx("span", {
+              className: panel_module_default.findingPlan,
+              children: finding.planId
+            }) : null
+          ]
+        }, str(finding.id) ?? `finding-${i}`))
+      }),
+      hiddenFindings > 0 ? /* @__PURE__ */ jsx_runtime2.jsx("p", {
+        className: panel_module_default.truncated,
+        "data-residual-truncated": true,
+        children: t("state.residual.more", { count: String(hiddenFindings) })
+      }) : null,
+      /* @__PURE__ */ jsx_runtime2.jsx("h3", {
+        className: panel_module_default.subTitle,
+        children: t("state.policy")
+      }),
+      /* @__PURE__ */ jsx_runtime2.jsxs("dl", {
+        className: panel_module_default.defList,
+        children: [
+          /* @__PURE__ */ jsx_runtime2.jsx("dt", {
+            className: panel_module_default.defTerm,
+            children: t("state.enforcement")
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsx("dd", {
+            className: panel_module_default.defValue,
+            "data-field": "enforcement",
+            children: enforcementLabel(t, enforcement)
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsx("dt", {
+            className: panel_module_default.defTerm,
+            children: t("state.policy.push")
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsx("dd", {
+            className: panel_module_default.defValue,
+            "data-field": "push-policy",
+            children: str(state?.pushPolicy) ?? t("state.none")
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsx("dt", {
+            className: panel_module_default.defTerm,
+            children: t("state.policy.worktree")
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsx("dd", {
+            className: panel_module_default.defValue,
+            "data-field": "worktree-mode",
+            children: str(state?.worktreeMode) ?? t("state.none")
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsx("dt", {
+            className: panel_module_default.defTerm,
+            children: t("state.policy.control-worktree")
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsx("dd", {
+            className: panel_module_default.defValue,
+            "data-field": "control-worktree-path",
+            children: str(state?.controlWorktreePath) ?? t("state.none")
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime2.jsx("h3", {
+        className: panel_module_default.subTitle,
+        children: t("state.leases")
+      }),
+      leases.length === 0 ? /* @__PURE__ */ jsx_runtime2.jsx("p", {
+        className: panel_module_default.empty,
+        "data-mstar-empty": "no-leases",
+        children: t("state.none")
+      }) : /* @__PURE__ */ jsx_runtime2.jsx("ul", {
+        className: panel_module_default.leaseList,
+        children: leases.map((lease, i) => /* @__PURE__ */ jsx_runtime2.jsxs("li", {
+          "data-lease-plan": str(lease.planId) ?? "unknown",
+          children: [
+            /* @__PURE__ */ jsx_runtime2.jsx("span", {
+              className: panel_module_default.leasePlan,
+              children: str(lease.planId) ?? t("panel.unknown")
+            }),
+            /* @__PURE__ */ jsx_runtime2.jsx("span", {
+              className: panel_module_default.leaseHolder,
+              children: str(lease.holder) ?? t("panel.unknown")
+            }),
+            str(lease.worktreePath) !== null ? /* @__PURE__ */ jsx_runtime2.jsx("span", {
+              className: panel_module_default.leaseWorktree,
+              children: lease.worktreePath
+            }) : null
+          ]
+        }, str(lease.planId) ?? `lease-${i}`))
+      }),
+      /* @__PURE__ */ jsx_runtime2.jsx("h3", {
+        className: panel_module_default.subTitle,
+        children: t("state.knowledge")
+      }),
+      knowledge === null ? /* @__PURE__ */ jsx_runtime2.jsx("p", {
+        className: panel_module_default.empty,
+        "data-mstar-empty": "no-knowledge",
+        children: t("state.none")
+      }) : /* @__PURE__ */ jsx_runtime2.jsxs("p", {
+        className: panel_module_default.knowledge,
+        "data-knowledge-docs": count(knowledge.docCount) === null ? "unknown" : String(knowledge.docCount),
+        children: [
+          /* @__PURE__ */ jsx_runtime2.jsx("span", {
+            children: t("state.knowledge.docs", { count: count(knowledge.docCount) === null ? t("panel.unknown") : String(knowledge.docCount) })
+          }),
+          Array.isArray(knowledge.categories) && knowledge.categories.length > 0 ? /* @__PURE__ */ jsx_runtime2.jsx("span", {
+            className: panel_module_default.knowledgeCategories,
+            children: knowledge.categories.filter((category) => typeof category === "string").join(" · ")
+          }) : null
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime2.jsx("h3", {
+        className: panel_module_default.subTitle,
+        children: t("state.direction")
+      }),
+      /* @__PURE__ */ jsx_runtime2.jsx("p", {
+        className: panel_module_default.direction,
+        "data-direction": true,
+        children: str(state?.direction) ?? t("state.none")
+      })
+    ]
+  });
+}
+
+// src/client/panel/sidebar.tsx
+var jsx_runtime3 = require("react/jsx-runtime");
+function Sidebar({ t, state, source }) {
+  return /* @__PURE__ */ jsx_runtime3.jsxs("aside", {
+    className: panel_module_default.sidebar,
+    "data-mstar-sidebar": true,
+    children: [
+      /* @__PURE__ */ jsx_runtime3.jsx("div", {
+        className: panel_module_default.sidebarScroll,
+        "data-mstar-sidebar-scroll": true,
+        children: state === null ? /* @__PURE__ */ jsx_runtime3.jsx("p", {
+          className: panel_module_default.empty,
+          "data-mstar-empty": "no-state",
+          children: t("state.none")
+        }) : /* @__PURE__ */ jsx_runtime3.jsx(StateSection, {
+          t,
+          state,
+          enforcement: source.enforcement
+        })
+      }),
+      /* @__PURE__ */ jsx_runtime3.jsx(PanelMeta, {
+        t,
+        source
+      })
+    ]
+  });
+}
+
+// src/client/panel/TabNav.tsx
+var jsx_runtime4 = require("react/jsx-runtime");
+var TABS = [
+  { id: "tasks", label: "tab.tasks" },
+  { id: "agents", label: "tab.agents" },
+  { id: "events", label: "tab.events" }
+];
+function TabNav({ active, onChange, t }) {
+  return /* @__PURE__ */ jsx_runtime4.jsx("nav", {
+    className: panel_module_default.tabNav,
+    "data-mstar-tab-nav": true,
+    role: "tablist",
+    children: TABS.map((tab) => /* @__PURE__ */ jsx_runtime4.jsx("button", {
+      type: "button",
+      role: "tab",
+      className: active === tab.id ? `${panel_module_default.tab} ${panel_module_default.tabActive}` : panel_module_default.tab,
+      "data-mstar-tab": tab.id,
+      "data-mstar-tab-active": active === tab.id ? "true" : "false",
+      "aria-selected": active === tab.id,
+      onClick: () => onChange(tab.id),
+      children: t(tab.label)
+    }, tab.id))
+  });
+}
+
+// src/client/panel/pages/AgentCanvasPage.tsx
+var import_react2 = require("react");
+
+// src/client/panel/zones/zones.module.css
+var css2 = `
+
+
+
+.\\30 390dc47_zone {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-2);
+  min-width: 0;
+  padding: var(--mstar-space-3);
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-1);
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+  transition: border-color 150ms ease;   
+}
+
+.\\30 390dc47_zone:hover {
+  border-color: var(--dsw-alias-border-l2);
+}
+
+.fa5472ae_zoneHeader {
+  margin: 0;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxs-12);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+.\\32 358ca74_zoneEmpty {
+  margin: 0;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.\\30 214fc64_legend {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+  min-width: 0;
+}
+
+.\\37 fdf3af2_legendTitle {
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxs-12);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+.\\35 751e1ec_legendList {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--mstar-space-1) var(--mstar-space-3);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.c648f79b_legendItem {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--mstar-space-1);
+}
+
+.\\38 4f03998_legendSwatch {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 2px;
+}
+
+
+
+
+.\\36 37ae7a1_swatchAgentRunning {
+  background: var(--dsw-alias-state-business-primary);
+  border-radius: 999px;
+  box-shadow: 0 0 0 1px var(--dsw-alias-bg-layer-1), 0 0 0 2px var(--dsw-alias-state-business-primary);
+}
+
+.e8a7988b_swatchAgentSettled {
+  background: var(--dsw-alias-state-success-primary);
+  border-radius: 999px;
+}
+
+.d34b3834_swatchAgentIdle {
+  border: 1px dashed var(--dsw-alias-label-caption);
+}
+
+
+
+.\\39 c376db8_tasksHeader {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: var(--mstar-space-2);
+  min-width: 0;
+}
+
+.b5ad0f15_tasksTotal {
+  flex: none;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  font-variant-numeric: tabular-nums;
+}
+
+
+.\\31 2dfaa6e_kanban {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--mstar-space-1);
+  min-width: 0;
+  overflow-x: auto;
+  overscroll-behavior: contain;
+}
+
+
+.\\31 f8473a4_kanbanColumn {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1 1 0;
+  flex-direction: column;
+  gap: var(--mstar-space-2);
+  min-width: 120px;
+  padding: var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-1);
+  transition: border-color 150ms ease;   
+}
+
+.\\31 f8473a4_kanbanColumn:hover {
+  border-color: var(--dsw-alias-border-l2);
+}
+
+
+[data-kanban-column='blocked-unknown'] {
+  border-style: dashed;
+  color: var(--dsw-alias-label-caption);
+  opacity: 0.7;
+}
+
+.\\33 b1cc701_kanbanColumnHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--mstar-space-1);
+  min-width: 0;
+}
+
+.\\35 03b6432_kanbanColumnTitle {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+.\\34 96af60d_kanbanCount {
+  flex: none;
+  min-width: 18px;
+  padding: 0 var(--mstar-space-1);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+}
+
+.\\31 61359fd_kanbanCards {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.\\37 3f0e028_planCard {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+  min-width: 0;
+  padding: var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-1);
+  transition: border-color 150ms ease;   
+}
+
+.\\37 3f0e028_planCard:hover {
+  border-color: var(--dsw-alias-border-l2);
+}
+
+.a37c7a75_planCardId {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--dsw-alias-label-primary);
+  font: var(--dsw-font-xxxs-11);
+  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+  font-variant-numeric: tabular-nums;
+}
+
+
+.\\31 1b4fd6a_planCardStatus {
+  align-self: flex-start;
+  padding: 0 var(--mstar-space-1);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+  transition: color 150ms ease, border-color 150ms ease;   
+}
+
+.\\31 1b4fd6a_planCardStatus[data-status='Done'] {
+  border-color: var(--dsw-alias-state-success-primary);
+  color: var(--dsw-alias-state-success-primary);
+}
+
+.\\31 1b4fd6a_planCardStatus[data-status='InProgress'] {
+  border-color: var(--dsw-alias-state-business-primary);
+  color: var(--dsw-alias-state-business-primary);
+}
+
+
+.\\36 3518033_kanbanArrow {
+  flex: none;
+  align-self: center;
+  width: 18px;
+  height: 18px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+}
+
+
+.\\30 c600f2f_kanbanMore {
+  margin: 0;
+  padding: 0;
+}
+
+.d0f95d1f_kanbanMoreButton {
+  appearance: none;
+  display: block;
+  width: 100%;
+  border: 1px dashed var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  background: none;
+  padding: var(--mstar-space-1) var(--mstar-space-2);
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  font-variant-numeric: tabular-nums;
+  cursor: pointer;
+  transition: color 150ms ease, border-color 150ms ease;   
+}
+
+.d0f95d1f_kanbanMoreButton:hover {
+  border-color: var(--dsw-alias-border-l1);
+  color: var(--dsw-alias-label-secondary);
+}
+
+`;
+var tagId2 = "@mstar-harness/dsh/zones.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId2) + "]") === null) {
+  const tag = document.createElement("style");
+  tag.dataset.plugin = "@mstar-harness/dsh";
+  tag.dataset.pluginCss = tagId2;
+  tag.textContent = css2;
+  document.head.appendChild(tag);
+}
+var zones_module_default = { zone: "0390dc47_zone", zoneHeader: "fa5472ae_zoneHeader", zoneEmpty: "2358ca74_zoneEmpty", legend: "0214fc64_legend", legendTitle: "7fdf3af2_legendTitle", legendList: "5751e1ec_legendList", legendItem: "c648f79b_legendItem", legendSwatch: "84f03998_legendSwatch", swatchAgentRunning: "637ae7a1_swatchAgentRunning", swatchAgentSettled: "e8a7988b_swatchAgentSettled", swatchAgentIdle: "d34b3834_swatchAgentIdle", tasksHeader: "9c376db8_tasksHeader", tasksTotal: "b5ad0f15_tasksTotal", kanban: "12dfaa6e_kanban", kanbanColumn: "1f8473a4_kanbanColumn", kanbanColumnHeader: "3b1cc701_kanbanColumnHeader", kanbanColumnTitle: "503b6432_kanbanColumnTitle", kanbanCount: "496af60d_kanbanCount", kanbanCards: "161359fd_kanbanCards", planCard: "73f0e028_planCard", planCardId: "a37c7a75_planCardId", planCardStatus: "11b4fd6a_planCardStatus", kanbanArrow: "63518033_kanbanArrow", kanbanMore: "0c600f2f_kanbanMore", kanbanMoreButton: "d0f95d1f_kanbanMoreButton" };
+
+// src/client/panel/zones/Legend.tsx
+var jsx_runtime5 = require("react/jsx-runtime");
+function Legend({ t }) {
+  const items = [
+    { key: "agent-running", swatch: zones_module_default.swatchAgentRunning, label: t("zone.legend.agent-running") },
+    { key: "agent-settled", swatch: zones_module_default.swatchAgentSettled, label: t("zone.legend.agent-settled") },
+    { key: "agent-idle", swatch: zones_module_default.swatchAgentIdle, label: t("zone.legend.agent-idle") }
+  ];
+  return /* @__PURE__ */ jsx_runtime5.jsxs("div", {
+    className: zones_module_default.legend,
+    "data-mstar-legend": true,
+    children: [
+      /* @__PURE__ */ jsx_runtime5.jsx("span", {
+        className: zones_module_default.legendTitle,
+        children: t("zone.legend.title")
+      }),
+      /* @__PURE__ */ jsx_runtime5.jsx("ul", {
+        className: zones_module_default.legendList,
+        children: items.map((item) => /* @__PURE__ */ jsx_runtime5.jsxs("li", {
+          className: zones_module_default.legendItem,
+          "data-mstar-legend-item": item.key,
+          children: [
+            /* @__PURE__ */ jsx_runtime5.jsx("span", {
+              className: `${zones_module_default.legendSwatch} ${item.swatch}`
+            }),
+            item.label
+          ]
+        }, item.key))
+      })
+    ]
+  });
+}
+
+// src/client/panel/pages/IterationInfoSection.tsx
+var import_react = require("react");
+var jsx_runtime6 = require("react/jsx-runtime");
+function nextExpandedOnActivation(prev, prevActive, nextActive) {
+  return !prevActive && nextActive ? true : prev;
+}
+var STATE_LABEL = {
+  current: "zone.iteration.step.current",
+  next: "zone.iteration.step.next",
+  done: "zone.iteration.step.done",
+  idle: "zone.iteration.step.idle"
+};
+function iterationSplitActive(active, branches) {
+  return active && branches !== null;
+}
+var BRANCH_ROWS = [
+  { kind: "iteration-base", label: "zone.branches.iteration-base", value: "iterationBase" },
+  { kind: "target", label: "zone.branches.target", value: "target" },
+  { kind: "spec-integration", label: "zone.branches.spec-integration", value: "specIntegration" }
+];
+function IterationInfoSection({ iteration, t }) {
+  const active = iteration.active;
+  const [expanded, setExpanded] = import_react.useState(active);
+  const activeRef = import_react.useRef(active);
+  import_react.useEffect(() => {
+    setExpanded((prev) => nextExpandedOnActivation(prev, activeRef.current, active));
+    activeRef.current = active;
+  }, [active]);
+  const verdictLabel = (verdict) => verdict === "pass" ? t("graph.pass") : verdict === "fail" ? t("graph.fail") : t("panel.unknown");
+  const idLabel = iteration.iterationId ?? t("panel.unknown");
+  const statusLabel = active && iteration.currentStep !== null ? t("zone.iteration.step-label", { n: String(iteration.currentStep), total: String(iteration.steps.length) }) : t("page.iteration.not-started");
+  const stepsRow = /* @__PURE__ */ jsx_runtime6.jsx("ol", {
+    className: panel_module_default.iterationStepsRow,
+    "data-iteration-head-steps": true,
+    children: iteration.steps.map((step) => /* @__PURE__ */ jsx_runtime6.jsxs("li", {
+      className: panel_module_default.iterationStepItem,
+      "data-step": step.step,
+      "data-step-state": step.state,
+      children: [
+        /* @__PURE__ */ jsx_runtime6.jsx("span", {
+          className: panel_module_default.iterationStepBadge,
+          "data-step-badge": true,
+          children: t("zone.iteration.step-badge", { n: String(step.step) })
+        }),
+        /* @__PURE__ */ jsx_runtime6.jsx("span", {
+          className: panel_module_default.iterationStepPhase,
+          "data-step-phase": true,
+          children: t(`zone.phase.${step.id}`)
+        }),
+        /* @__PURE__ */ jsx_runtime6.jsx("span", {
+          className: panel_module_default.iterationStepChip,
+          "data-step-chip": true,
+          children: t(STATE_LABEL[step.state])
+        }),
+        /* @__PURE__ */ jsx_runtime6.jsx("span", {
+          className: panel_module_default.iterationVerdictSeat,
+          "data-step-verdict-seat": true,
+          children: step.state === "current" && step.verdict !== "unknown" && /* @__PURE__ */ jsx_runtime6.jsx("span", {
+            className: panel_module_default.iterationVerdict,
+            "data-iteration-verdict": step.verdict,
+            children: verdictLabel(step.verdict)
+          })
+        })
+      ]
+    }, step.step))
+  });
+  return /* @__PURE__ */ jsx_runtime6.jsxs("section", {
+    className: panel_module_default.iterationHead,
+    "data-iteration-head": true,
+    "data-iteration-head-active": active ? "true" : "false",
+    "data-iteration-head-expanded": expanded ? "true" : "false",
+    children: [
+      /* @__PURE__ */ jsx_runtime6.jsxs("button", {
+        type: "button",
+        className: panel_module_default.iterationSummary,
+        "data-iteration-head-toggle": true,
+        "data-iteration-head-summary": true,
+        "aria-expanded": expanded,
+        "aria-controls": "iteration-head-body",
+        onClick: () => setExpanded((v) => !v),
+        children: [
+          /* @__PURE__ */ jsx_runtime6.jsx("span", {
+            className: panel_module_default.iterationSummaryId,
+            "data-iteration-head-id": idLabel,
+            children: idLabel
+          }),
+          /* @__PURE__ */ jsx_runtime6.jsx("span", {
+            className: panel_module_default.iterationSummaryVerdict,
+            "data-iteration-head-verdict": iteration.verdict,
+            children: verdictLabel(iteration.verdict)
+          }),
+          /* @__PURE__ */ jsx_runtime6.jsx("span", {
+            className: active ? panel_module_default.iterationSummaryStatus : panel_module_default.iterationSummaryStatusMuted,
+            "data-iteration-head-status": statusLabel,
+            children: statusLabel
+          }),
+          /* @__PURE__ */ jsx_runtime6.jsx("span", {
+            className: panel_module_default.iterationSummaryHint,
+            "data-iteration-head-hint": true,
+            children: t(expanded ? "page.iteration.collapse" : "page.iteration.expand")
+          })
+        ]
+      }),
+      expanded && /* @__PURE__ */ jsx_runtime6.jsx("div", {
+        className: panel_module_default.iterationHeadBody,
+        id: "iteration-head-body",
+        "data-iteration-head-body": true,
+        children: iterationSplitActive(active, iteration.branches) ? /* @__PURE__ */ jsx_runtime6.jsxs("div", {
+          className: panel_module_default.iterationHeadSplit,
+          "data-iteration-head-split": true,
+          children: [
+            /* @__PURE__ */ jsx_runtime6.jsxs("div", {
+              className: panel_module_default.iterationBranches,
+              "data-iteration-head-branches": true,
+              children: [
+                /* @__PURE__ */ jsx_runtime6.jsx("h3", {
+                  className: panel_module_default.iterationBranchesTitle,
+                  "data-branches-title": true,
+                  children: t("zone.branches.title")
+                }),
+                /* @__PURE__ */ jsx_runtime6.jsx("ul", {
+                  className: panel_module_default.iterationBranchList,
+                  children: BRANCH_ROWS.map((row) => /* @__PURE__ */ jsx_runtime6.jsxs("li", {
+                    className: panel_module_default.iterationBranchRow,
+                    "data-branch": row.kind,
+                    children: [
+                      /* @__PURE__ */ jsx_runtime6.jsx("span", {
+                        className: panel_module_default.iterationBranchLabel,
+                        children: t(row.label)
+                      }),
+                      /* @__PURE__ */ jsx_runtime6.jsx("code", {
+                        className: panel_module_default.iterationBranchValue,
+                        "data-branch-value": true,
+                        children: iteration.branches?.[row.value] ?? "—"
+                      })
+                    ]
+                  }, row.kind))
+                })
+              ]
+            }),
+            stepsRow
+          ]
+        }) : stepsRow
+      })
+    ]
+  });
+}
+
+// src/client/panel/pages/agent-canvas.module.css
+var css3 = `
+
+
+
+.\\36 2d5f9b2_canvasPage {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-2);
+  padding: var(--mstar-space-3);
+  
+  --mstar-canvas-emphasis-current: 100%;
+  --mstar-canvas-emphasis-next: 75%;
+  --mstar-canvas-emphasis-off: 45%;
+}
+
+.\\37 608ed94_canvasHeader {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: var(--mstar-space-2);
+  flex: none;
+  min-width: 0;
+}
+
+.\\39 e2394fd_canvasTitle {
+  margin: 0;
+  color: var(--dsw-alias-label-primary);
+  font: var(--dsw-font-xs-13);
+  font-weight: 600;
+}
+
+
+.\\37 4514c6f_canvasSummary {
+  flex: none;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  font-variant-numeric: tabular-nums;
+}
+
+
+.\\38 5e71ac9_canvasNote {
+  flex: none;
+  margin: 0;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxs-12);
+}
+
+
+.\\34 374ac40_canvasLegend {
+  flex: none;
+}
+
+
+
+.\\30 ceb0467_canvasViewport {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;          
+  touch-action: none;        
+  background: var(--dsw-alias-bg-layer-1);
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 8px;
+  cursor: grab;
+  user-select: none;         
+}
+
+.\\30 ceb0467_canvasViewport:active {
+  cursor: grabbing;
+}
+
+
+
+.\\34 8d128d6_canvasContent {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: var(--dsw-alias-bg-layer-1);
+  background-image:
+    linear-gradient(var(--dsw-alias-border-l1) 1px, transparent 1px),
+    linear-gradient(90deg, var(--dsw-alias-border-l1) 1px, transparent 1px);
+  background-size: 24px 24px;
+  will-change: transform;
+}
+
+
+.\\37 f010373_canvasColumnLabel {
+  position: absolute;
+  padding: 0 var(--mstar-space-1);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+
+.fcf0fc76_canvasGroupLabel {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  gap: var(--mstar-space-2);
+  min-width: 0;
+  padding: 0 var(--mstar-space-1);
+  overflow: hidden;
+  color: var(--dsw-alias-label-primary);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+
+.f17a7dfb_canvasGroupPlan {
+  display: flex;
+  align-items: center;
+  gap: var(--mstar-space-1);
+  min-width: 0;
+  max-width: 220px;
+  padding: 0 var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  overflow: hidden;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 400;
+  letter-spacing: 0;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+}
+
+
+.\\32 387c06e_canvasGroupPlanMore {
+  flex: none;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  letter-spacing: 0;
+  text-transform: none;
+}
+
+
+.\\34 eb1cc60_canvasGroupNoPlan {
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 400;
+  letter-spacing: 0;
+  text-transform: none;
+}
+
+
+
+.d0988ac1_canvasEdges {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+}
+
+
+.ee3e51b3_canvasEdgeCurve {
+  fill: none;
+}
+
+.e6a1115e_canvasEdgeActual {
+  stroke: var(--dsw-alias-state-business-primary);
+  stroke-width: 1.5;
+}
+
+
+.d3a4fb6c_canvasArrowActual {
+  fill: var(--dsw-alias-state-business-primary);
+}
+
+
+
+.\\34 4301340_canvasCards {
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.a9030174_agentCard {
+  position: absolute;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+  min-width: 0;
+  padding: var(--mstar-space-2);
+  
+  --mstar-chrome-alpha: var(--mstar-canvas-emphasis-current);
+  border: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-1);
+  transition: border-color 150ms ease;   
+}
+
+
+.a9030174_agentCard[data-agent-emphasis='next'] {
+  --mstar-chrome-alpha: var(--mstar-canvas-emphasis-next);
+}
+
+.a9030174_agentCard[data-agent-emphasis='off'] {
+  --mstar-chrome-alpha: var(--mstar-canvas-emphasis-off);
+}
+
+.a9030174_agentCard:hover {
+  
+  border-color: color-mix(in srgb, var(--dsw-alias-border-l2) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+}
+
+
+.\\34 e2c7873_agentCardRunning {
+  border-color: var(--dsw-alias-state-business-primary);
+  box-shadow: 0 0 0 1px var(--dsw-alias-state-business-primary);
+  animation: canvas-card-pulse 1.6s ease-in-out infinite;
+}
+
+.\\34 e2c7873_agentCardRunning:hover {
+  border-color: var(--dsw-alias-state-business-primary);
+}
+
+@keyframes canvas-card-pulse {
+  0%, 100% {
+    box-shadow: 0 0 0 1px var(--dsw-alias-state-business-primary);
+  }
+  50% {
+    box-shadow: 0 0 0 1px var(--dsw-alias-state-business-primary), 0 0 6px 0 var(--dsw-alias-state-business-primary);
+  }
+}
+
+
+.\\31 a8bb13e_agentCardIdle {
+  border-style: dashed;
+  border-color: color-mix(in srgb, var(--dsw-alias-border-l2) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+}
+
+.\\31 a8bb13e_agentCardIdle:hover {
+  border-color: color-mix(in srgb, var(--dsw-alias-label-caption) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+}
+
+
+.d6bf2954_agentCardDone {
+  border-color: var(--dsw-alias-state-success-primary);
+  box-shadow: 0 0 0 1px var(--dsw-alias-state-success-primary);
+}
+
+.d6bf2954_agentCardDone:hover {
+  border-color: var(--dsw-alias-state-success-primary);
+}
+
+
+.\\34 fd21091_agentPort {
+  position: absolute;
+  width: 3px;
+  height: 3px;
+  border-radius: 999px;
+  background: var(--dsw-alias-label-caption);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 150ms ease;
+}
+
+.a9030174_agentCard:hover .\\34 fd21091_agentPort {
+  opacity: 1;
+}
+
+.\\34 e2c7873_agentCardRunning:hover .\\34 fd21091_agentPort {
+  background: var(--dsw-alias-state-business-primary);
+}
+
+.\\34 fd21091_agentPort[data-agent-port='north'] {
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.\\34 fd21091_agentPort[data-agent-port='south'] {
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, 50%);
+}
+
+.\\34 fd21091_agentPort[data-agent-port='west'] {
+  left: 0;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.\\34 fd21091_agentPort[data-agent-port='east'] {
+  right: 0;
+  top: 50%;
+  transform: translate(50%, -50%);
+}
+
+
+.c2c54212_onDemandBadge {
+  align-self: flex-start;
+  padding: 0 var(--mstar-space-1);
+  border: 1px dashed color-mix(in srgb, var(--dsw-alias-state-business-primary) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+  border-radius: 999px;
+  color: color-mix(in srgb, var(--dsw-alias-label-secondary) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+  font: var(--dsw-font-xxxs-11);
+}
+
+
+.\\37 78a2d3f_subBucketLabel {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  gap: var(--mstar-space-1);
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+
+.\\37 78a2d3f_subBucketLabel::after {
+  content: '';
+  flex: 1;
+  border-top: 1px dashed var(--dsw-alias-border-l2);
+}
+
+
+.\\39 94a2772_canvasEdgeSupervise {
+  stroke: var(--dsw-alias-label-caption);
+  stroke-width: 1.5;
+  stroke-dasharray: 5 4;
+}
+
+.b2bb1e47_canvasEdgeSuperviseLit {
+  
+  stroke: var(--dsw-alias-state-business-primary);
+  stroke-dasharray: none;
+}
+
+.ad3aae58_canvasArrowSupervise {
+  fill: var(--dsw-alias-label-caption);
+}
+
+.\\32 6e265a1_canvasArrowSuperviseLit {
+  fill: var(--dsw-alias-state-business-primary);
+}
+
+.e7716946_agentCardLine {
+  display: flex;
+  align-items: center;
+  gap: var(--mstar-space-1);
+  min-width: 0;
+}
+
+.a47ac04f_agentCardName {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: color-mix(in srgb, var(--dsw-alias-label-primary) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+}
+
+.\\31 a8bb13e_agentCardIdle .a47ac04f_agentCardName {
+  color: color-mix(in srgb, var(--dsw-alias-label-caption) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+}
+
+
+.e2aedf35_agentCount {
+  flex: none;
+  min-width: 18px;
+  padding: 0 var(--mstar-space-1);
+  border: 1px solid color-mix(in srgb, var(--dsw-alias-border-l2) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+  border-radius: 999px;
+  color: color-mix(in srgb, var(--dsw-alias-label-caption) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+  font: var(--dsw-font-xxxs-11);
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+}
+
+.e26900b4_agentRoleChip {
+  align-self: flex-start;
+  padding: 0 var(--mstar-space-1);
+  border: 1px solid color-mix(in srgb, var(--dsw-alias-border-l2) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+  border-radius: 999px;
+  color: color-mix(in srgb, var(--dsw-alias-label-secondary) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+  font: var(--dsw-font-xxxs-11);
+}
+
+
+.\\31 e3b3403_agentRecord {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: color-mix(in srgb, var(--dsw-alias-label-caption) var(--mstar-chrome-alpha), var(--dsw-alias-bg-layer-1));
+  font: var(--dsw-font-xxxs-11);
+  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+  font-variant-numeric: tabular-nums;
+}
+
+
+.\\30 30ace7f_agentStatusDot {
+  flex: none;
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  background: currentColor;
+}
+
+.\\32 3846eb7_agentStatusRunning {
+  color: var(--dsw-alias-state-business-primary);
+  box-shadow: 0 0 0 1px var(--dsw-alias-state-business-primary);
+}
+
+.\\39 1dcfc09_agentStatusSettled {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 12px;
+  background: none;
+  color: var(--dsw-alias-state-success-primary);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+}
+
+.eeb20a6e_agentStatusError {
+  color: var(--dsw-alias-state-error-primary);
+}
+
+.ec5fca43_agentStatusAdvisory {
+  color: var(--dsw-alias-state-warn-label);
+}
+
+.\\36 3e283ba_agentStatusIdle {
+  color: var(--dsw-alias-label-caption);
+}
+`;
+var tagId3 = "@mstar-harness/dsh/agent-canvas.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId3) + "]") === null) {
+  const tag = document.createElement("style");
+  tag.dataset.plugin = "@mstar-harness/dsh";
+  tag.dataset.pluginCss = tagId3;
+  tag.textContent = css3;
+  document.head.appendChild(tag);
+}
+var agent_canvas_module_default = { canvasPage: "62d5f9b2_canvasPage", canvasHeader: "7608ed94_canvasHeader", canvasTitle: "9e2394fd_canvasTitle", canvasSummary: "74514c6f_canvasSummary", canvasNote: "85e71ac9_canvasNote", canvasLegend: "4374ac40_canvasLegend", canvasViewport: "0ceb0467_canvasViewport", canvasContent: "48d128d6_canvasContent", canvasColumnLabel: "7f010373_canvasColumnLabel", canvasGroupLabel: "fcf0fc76_canvasGroupLabel", canvasGroupPlan: "f17a7dfb_canvasGroupPlan", canvasGroupPlanMore: "2387c06e_canvasGroupPlanMore", canvasGroupNoPlan: "4eb1cc60_canvasGroupNoPlan", canvasEdges: "d0988ac1_canvasEdges", canvasEdgeCurve: "ee3e51b3_canvasEdgeCurve", canvasEdgeActual: "e6a1115e_canvasEdgeActual", canvasArrowActual: "d3a4fb6c_canvasArrowActual", canvasCards: "44301340_canvasCards", agentCard: "a9030174_agentCard", agentCardRunning: "4e2c7873_agentCardRunning", agentCardIdle: "1a8bb13e_agentCardIdle", agentCardDone: "d6bf2954_agentCardDone", agentPort: "4fd21091_agentPort", onDemandBadge: "c2c54212_onDemandBadge", subBucketLabel: "778a2d3f_subBucketLabel", canvasEdgeSupervise: "994a2772_canvasEdgeSupervise", canvasEdgeSuperviseLit: "b2bb1e47_canvasEdgeSuperviseLit", canvasArrowSupervise: "ad3aae58_canvasArrowSupervise", canvasArrowSuperviseLit: "26e265a1_canvasArrowSuperviseLit", agentCardLine: "e7716946_agentCardLine", agentCardName: "a47ac04f_agentCardName", agentCount: "e2aedf35_agentCount", agentRoleChip: "e26900b4_agentRoleChip", agentRecord: "1e3b3403_agentRecord", agentStatusDot: "030ace7f_agentStatusDot", agentStatusRunning: "23846eb7_agentStatusRunning", agentStatusSettled: "91dcfc09_agentStatusSettled", agentStatusError: "eeb20a6e_agentStatusError", agentStatusAdvisory: "ec5fca43_agentStatusAdvisory", agentStatusIdle: "63e283ba_agentStatusIdle" };
+
+// src/client/panel/pages/AgentCanvasPage.tsx
+var jsx_runtime7 = require("react/jsx-runtime");
+var PAN_ORIGIN = { x: 0, y: 0 };
+function panDragStart(pan, x, y) {
+  return { originX: pan.x, originY: pan.y, startX: x, startY: y };
+}
+function panDragMove(drag, x, y) {
+  return { x: drag.originX + (x - drag.startX), y: drag.originY + (y - drag.startY) };
+}
+function panTransform(pan) {
+  return `translate(${pan.x}px, ${pan.y}px)`;
+}
+var COL_W = 200;
+var COL_GAP = 56;
+var CARD_W = 176;
+var CARD_H = 72;
+var ROW_GAP = 12;
+var PAD_X = 24;
+var PAD_Y = 24;
+var COL_PAD = 12;
+var LABEL_H = 18;
+var SUB_LABEL_H = 14;
+var SUB_GAP = 4;
+var GROUP_GAP = 24;
+var STANDOFF = 10;
+var SIDE_GAP = 18;
+var UNKNOWN_COLUMN = "unknown";
+var GENERAL_SINK_STAGE = "sdd-implement";
+function layoutAgents(view) {
+  const columnIds = view.stages.map((s) => s.id);
+  const unknownSinkId = columnIds[columnIds.length - 1] ?? UNKNOWN_COLUMN;
+  const sddStage = view.stages.find((s) => s.stage === GENERAL_SINK_STAGE);
+  const sddSinkId = sddStage === undefined ? unknownSinkId : sddStage.id;
+  const buckets = new Map;
+  for (const entity of view.entities) {
+    const colId = entity.zone === GENERAL_BUCKET ? unknownSinkId : entity.zone === "on-demand" ? sddSinkId : entity.zone === "flow" && entity.stage !== null ? `${entity.stage.phase}:${entity.stage.stage}` : sddSinkId;
+    const bucketId = columnIds.includes(colId) ? colId : sddSinkId;
+    const bucket = buckets.get(bucketId);
+    if (bucket === undefined)
+      buckets.set(bucketId, [entity]);
+    else
+      bucket.push(entity);
+  }
+  const rawGroups = [];
+  for (const stage of view.stages) {
+    const last = rawGroups[rawGroups.length - 1];
+    if (last === undefined || last.phase !== stage.phase) {
+      rawGroups.push({
+        phase: stage.phase,
+        index: rawGroups.length + 1,
+        columnIds: [stage.id],
+        planNote: stage.phase === "autonomous-execute"
+      });
+    } else {
+      last.columnIds.push(stage.id);
+    }
+  }
+  const groups = rawGroups.map((g) => ({ ...g, label: { x: 0, y: 0, w: 0, h: 0 } }));
+  const cards = new Map;
+  const columns = [];
+  const subBuckets = new Map;
+  let unknown = null;
+  const colY = PAD_Y + LABEL_H + COL_PAD;
+  let groupX = PAD_X;
+  let canvasBottom = colY;
+  for (const group of groups) {
+    const groupW = group.columnIds.length * (COL_W + COL_GAP) - COL_GAP;
+    group.label = { x: groupX, y: PAD_Y, w: groupW, h: LABEL_H };
+    let groupBottom = colY;
+    group.columnIds.forEach((id, ci) => {
+      const colX = groupX + ci * (COL_W + COL_GAP);
+      const column = { id, x: colX, y: colY, w: COL_W, h: 0 };
+      columns.push(column);
+      const list = buckets.get(id) ?? [];
+      if (id === sddSinkId && sddStage !== undefined) {
+        const implementor = list.filter((e) => e.bucket === "implementor");
+        const reviewer = list.filter((e) => e.bucket === "reviewer");
+        const rest = list.filter((e) => e.bucket !== "implementor" && e.bucket !== "reviewer");
+        const rosterIndex = new Map(KNOWN_AGENTS.map((a, i) => [a.id, i]));
+        const implementorKey = (e) => {
+          if (e.zone === "flow") {
+            const i = sddStage.roles.indexOf(e.role);
+            return i === -1 ? Number.MAX_SAFE_INTEGER : i;
+          }
+          if (e.zone === "on-demand") {
+            return sddStage.roles.length + (rosterIndex.get(e.role) ?? Number.MAX_SAFE_INTEGER);
+          }
+          return Number.MAX_SAFE_INTEGER;
+        };
+        implementor.sort((a, b) => implementorKey(a) - implementorKey(b));
+        const implLabelY = colY + LABEL_H + COL_PAD;
+        const implCards = [];
+        let cy = implLabelY + SUB_LABEL_H + SUB_GAP;
+        for (const entity of implementor) {
+          const box = { x: colX + (COL_W - CARD_W) / 2, y: cy, w: CARD_W, h: CARD_H };
+          cards.set(entity.key, box);
+          implCards.push(box);
+          cy += CARD_H + ROW_GAP;
+        }
+        const revLabelY = cy;
+        const revCards = [];
+        cy = revLabelY + SUB_LABEL_H + SUB_GAP;
+        for (const entity of reviewer) {
+          const box = { x: colX + (COL_W - CARD_W) / 2, y: cy, w: CARD_W, h: CARD_H };
+          cards.set(entity.key, box);
+          revCards.push(box);
+          cy += CARD_H + ROW_GAP;
+        }
+        for (const entity of rest) {
+          const box = { x: colX + (COL_W - CARD_W) / 2, y: cy, w: CARD_W, h: CARD_H };
+          cards.set(entity.key, box);
+          cy += CARD_H + ROW_GAP;
+        }
+        const colBottom = cy - ROW_GAP;
+        column.h = Math.max(colBottom - colY + COL_PAD, CARD_H + LABEL_H + COL_PAD * 2);
+        const band = (boxes) => boxes.length === 0 ? null : { x: colX, y: boxes[0].y, w: COL_W, h: boxes[boxes.length - 1].y + CARD_H - boxes[0].y };
+        const labelW = CARD_W;
+        subBuckets.set(id, {
+          implementor: { label: { x: colX + (COL_W - CARD_W) / 2, y: implLabelY, w: labelW }, band: band(implCards) },
+          reviewer: { label: { x: colX + (COL_W - CARD_W) / 2, y: revLabelY, w: labelW }, band: band(revCards) }
+        });
+      } else if (id === unknownSinkId) {
+        const flowList = list.filter((e) => e.zone !== GENERAL_BUCKET);
+        const generalList = list.filter((e) => e.zone === GENERAL_BUCKET);
+        let cy = colY + LABEL_H + COL_PAD;
+        for (const entity of flowList) {
+          cards.set(entity.key, { x: colX + (COL_W - CARD_W) / 2, y: cy, w: CARD_W, h: CARD_H });
+          cy += CARD_H + ROW_GAP;
+        }
+        const unknownLabelY = cy;
+        const unknownBoxes = [];
+        cy = unknownLabelY + SUB_LABEL_H + SUB_GAP;
+        for (const entity of generalList) {
+          const box = { x: colX + (COL_W - CARD_W) / 2, y: cy, w: CARD_W, h: CARD_H };
+          cards.set(entity.key, box);
+          unknownBoxes.push(box);
+          cy += CARD_H + ROW_GAP;
+        }
+        const colBottom = cy - ROW_GAP;
+        column.h = Math.max(colBottom - colY + COL_PAD, CARD_H + LABEL_H + COL_PAD * 2);
+        const labelW = CARD_W;
+        unknown = {
+          label: { x: colX + (COL_W - CARD_W) / 2, y: unknownLabelY, w: labelW },
+          band: unknownBoxes.length === 0 ? null : { x: colX, y: unknownBoxes[0].y, w: COL_W, h: unknownBoxes[unknownBoxes.length - 1].y + CARD_H - unknownBoxes[0].y }
+        };
+      } else {
+        list.forEach((entity, i) => {
+          cards.set(entity.key, {
+            x: colX + (COL_W - CARD_W) / 2,
+            y: colY + LABEL_H + COL_PAD + i * (CARD_H + ROW_GAP),
+            w: CARD_W,
+            h: CARD_H
+          });
+        });
+        const h = COL_PAD * 2 + LABEL_H + list.length * CARD_H + Math.max(0, list.length - 1) * ROW_GAP;
+        column.h = Math.max(h, CARD_H + LABEL_H + COL_PAD * 2);
+      }
+      groupBottom = Math.max(groupBottom, colY + column.h);
+    });
+    canvasBottom = Math.max(canvasBottom, groupBottom);
+    groupX += groupW + GROUP_GAP;
+  }
+  return {
+    width: groups.length === 0 ? 0 : groupX - GROUP_GAP + PAD_X,
+    height: canvasBottom + PAD_Y,
+    columns,
+    cards,
+    subBuckets,
+    unknown,
+    groups
+  };
+}
+function superviseAnchor(anchor, layout) {
+  const idx = anchor.lastIndexOf(":");
+  if (idx === -1)
+    return null;
+  const columnId = anchor.slice(0, idx);
+  const bucket = anchor.slice(idx + 1);
+  if (bucket !== "implementor" && bucket !== "reviewer")
+    return null;
+  const column = layout.columns.find((c) => c.id === columnId);
+  if (column === undefined)
+    return null;
+  const geometry = layout.subBuckets.get(columnId);
+  if (geometry === undefined)
+    return null;
+  const partition = bucket === "implementor" ? geometry.implementor : geometry.reviewer;
+  const band = partition.band;
+  if (band === null)
+    return null;
+  const cardLeft = column.x + (COL_W - CARD_W) / 2;
+  const x = cardLeft + CARD_W + SIDE_GAP;
+  const y = bucket === "implementor" ? band.y + band.h : band.y;
+  return { x, y };
+}
+function portPoint(box, port) {
+  switch (port) {
+    case "north":
+      return { x: box.x + box.w / 2, y: box.y };
+    case "south":
+      return { x: box.x + box.w / 2, y: box.y + box.h };
+    case "west":
+      return { x: box.x, y: box.y + box.h / 2 };
+    case "east":
+      return { x: box.x + box.w, y: box.y + box.h / 2 };
+  }
+}
+function columnIndexOfBox(layout, box) {
+  return layout.columns.findIndex((c) => box.x >= c.x && box.x < c.x + c.w && box.y >= c.y && box.y < c.y + c.h);
+}
+function captionRows(layout, columnId) {
+  const rows = [];
+  const geometry = layout.subBuckets.get(columnId);
+  if (geometry !== undefined) {
+    for (const p of [geometry.implementor, geometry.reviewer]) {
+      if (p.band !== null)
+        rows.push({ x: p.label.x, y: p.label.y, w: p.label.w, h: SUB_LABEL_H });
+    }
+  }
+  const lastId = layout.columns[layout.columns.length - 1]?.id;
+  if (columnId === lastId && layout.unknown !== null && layout.unknown.band !== null) {
+    rows.push({ x: layout.unknown.label.x, y: layout.unknown.label.y, w: layout.unknown.label.w, h: SUB_LABEL_H });
+  }
+  return rows;
+}
+function intermediateCardBoxes(layout, srcCol, tgtCol) {
+  const lo = Math.min(srcCol, tgtCol);
+  const hi = Math.max(srcCol, tgtCol);
+  const boxes = [];
+  for (const box of layout.cards.values()) {
+    const col = columnIndexOfBox(layout, box);
+    if (col > lo && col < hi)
+      boxes.push(box);
+  }
+  return boxes;
+}
+function crossesCardBody(g, layout, srcCol, tgtCol) {
+  return intermediateCardBoxes(layout, srcCol, tgtCol).some((card) => boxOverlaps(g, card));
+}
+function horizontalBBox(sx, sy, tx, ty) {
+  const dx = tx - sx;
+  const off = Math.max(Math.abs(dx) / 2, 24);
+  const dir = dx < 0 ? -1 : 1;
+  const xs = [sx, tx, sx + dir * off, tx - dir * off];
+  const minX = Math.min(...xs);
+  const maxX = Math.max(...xs);
+  const minY = Math.min(sy, ty);
+  const maxY = Math.max(sy, ty);
+  return { x: minX, y: minY, w: maxX - minX, h: maxY - minY };
+}
+function boxOverlaps(a, b) {
+  return a.x < b.x + b.w && a.x + a.w > b.x && a.y < b.y + b.h && a.y + a.h > b.y;
+}
+function sideGapDetour(sx, sy, endX, endY, sourceBox, targetBox, layout, srcCol, tgtCol) {
+  const forward = srcCol < tgtCol;
+  const band = intermediateCardBoxes(layout, srcCol, tgtCol);
+  const bandBottom = band.reduce((m, c) => Math.max(m, c.y + c.h), 0);
+  const detourY = bandBottom + SIDE_GAP;
+  const sourceGapX = forward ? sourceBox.x + sourceBox.w + SIDE_GAP : sourceBox.x - SIDE_GAP;
+  const targetGapX = forward ? targetBox.x - SIDE_GAP : targetBox.x + targetBox.w + SIDE_GAP;
+  const d = `M ${sx} ${sy} L ${sourceGapX} ${sy} L ${sourceGapX} ${detourY} L ${targetGapX} ${detourY} L ${targetGapX} ${endY} L ${endX} ${endY}`;
+  return { d, x1: sx, y1: sy, x2: endX, y2: endY };
+}
+function sameColumnStandoff(gap) {
+  return Math.min(STANDOFF, Math.max(2, gap - 8));
+}
+function crossesSameColumnCard(layout, cx, startY, endY, sourceBox, targetBox) {
+  const seg = { x: cx, y: Math.min(startY, endY), w: 0, h: Math.abs(endY - startY) };
+  for (const box of layout.cards.values()) {
+    if (box === sourceBox || box === targetBox)
+      continue;
+    if (boxOverlaps(seg, box))
+      return true;
+  }
+  return false;
+}
+function horizontalCurve(sx, sy, tx, ty) {
+  const dx = tx - sx;
+  const off = Math.max(Math.abs(dx) / 2, 24);
+  const dir = dx < 0 ? -1 : 1;
+  const d = `M ${sx} ${sy} C ${sx + dir * off} ${sy}, ${tx - dir * off} ${ty}, ${tx} ${ty}`;
+  return { d, x1: sx, y1: sy, x2: tx, y2: ty };
+}
+function verticalCurve(sx, sy, tx, ty) {
+  const span = ty - sy;
+  const d = `M ${sx} ${sy} C ${sx} ${sy + span / 3}, ${tx} ${ty - span / 3}, ${tx} ${ty}`;
+  return { d, x1: sx, y1: sy, x2: tx, y2: ty };
+}
+function edgePath(edge, layout) {
+  if (edge.kind === "supervise") {
+    const source = superviseAnchor(edge.source, layout);
+    const target = superviseAnchor(edge.target, layout);
+    if (source === null || target === null)
+      return null;
+    return verticalCurve(source.x, source.y, target.x, target.y);
+  }
+  const sourceBox = layout.cards.get(edge.source);
+  const targetBox = layout.cards.get(edge.target);
+  if (sourceBox === undefined || targetBox === undefined)
+    return null;
+  const srcCol = columnIndexOfBox(layout, sourceBox);
+  const tgtCol = columnIndexOfBox(layout, targetBox);
+  if (srcCol < tgtCol) {
+    const s = portPoint(sourceBox, "east");
+    const t = portPoint(targetBox, "west");
+    const endX = t.x - STANDOFF;
+    if (crossesCardBody(horizontalBBox(s.x, s.y, endX, t.y), layout, srcCol, tgtCol)) {
+      return sideGapDetour(s.x, s.y, endX, t.y, sourceBox, targetBox, layout, srcCol, tgtCol);
+    }
+    return horizontalCurve(s.x, s.y, endX, t.y);
+  }
+  if (srcCol > tgtCol) {
+    const s = portPoint(sourceBox, "west");
+    const t = portPoint(targetBox, "east");
+    const endX = t.x + STANDOFF;
+    if (crossesCardBody(horizontalBBox(s.x, s.y, endX, t.y), layout, srcCol, tgtCol)) {
+      return sideGapDetour(s.x, s.y, endX, t.y, sourceBox, targetBox, layout, srcCol, tgtCol);
+    }
+    return horizontalCurve(s.x, s.y, endX, t.y);
+  }
+  const forward = sourceBox.y + sourceBox.h <= targetBox.y;
+  const gap = forward ? targetBox.y - (sourceBox.y + sourceBox.h) : sourceBox.y - (targetBox.y + targetBox.h);
+  const standoff = sameColumnStandoff(gap);
+  const cx = sourceBox.x + sourceBox.w / 2;
+  const startY = forward ? sourceBox.y + sourceBox.h : sourceBox.y;
+  const endY = forward ? targetBox.y - standoff : targetBox.y + targetBox.h + standoff;
+  const colId = layout.columns[srcCol]?.id;
+  const crossesCaption = colId !== undefined && captionRows(layout, colId).some((row) => cx >= row.x && cx <= row.x + row.w && Math.min(startY, endY) < row.y + row.h && Math.max(startY, endY) > row.y);
+  if (crossesCaption || crossesSameColumnCard(layout, cx, startY, endY, sourceBox, targetBox)) {
+    const sideX = sourceBox.x - SIDE_GAP;
+    return verticalCurve(sideX, startY, sideX, endY);
+  }
+  return verticalCurve(cx, startY, cx, endY);
+}
+function StatusPoint({ status, done }) {
+  const className = agent_canvas_module_default.agentStatusDot + (status === "running" ? ` ${agent_canvas_module_default.agentStatusRunning}` : status === "settled" ? done ? ` ${agent_canvas_module_default.agentStatusSettled}` : ` ${agent_canvas_module_default.agentStatusIdle}` : status === "error" || status === "denied" ? ` ${agent_canvas_module_default.agentStatusError}` : status === "advisory" ? ` ${agent_canvas_module_default.agentStatusAdvisory}` : ` ${agent_canvas_module_default.agentStatusIdle}`);
+  if (status === "settled" && done) {
+    return /* @__PURE__ */ jsx_runtime7.jsx("span", {
+      className,
+      "data-agent-status": status,
+      "data-agent-done": "true",
+      "aria-label": "settled",
+      children: "✓"
+    });
+  }
+  return /* @__PURE__ */ jsx_runtime7.jsx("span", {
+    className,
+    "data-agent-status": status,
+    "aria-hidden": "true"
+  });
+}
+function EntityCard({ entity, t, box }) {
+  const running = entity.status === "running";
+  const done = entity.status === "settled" && entity.emphasis !== "off";
+  const title = entity.idle ? entity.name : entity.role !== "" ? entity.role : entity.name;
+  const record = [];
+  if (entity.agent !== null)
+    record.push(entity.agent);
+  if (entity.task !== null)
+    record.push(entity.task);
+  return /* @__PURE__ */ jsx_runtime7.jsxs("li", {
+    className: entity.idle ? `${agent_canvas_module_default.agentCard} ${agent_canvas_module_default.agentCardIdle}` : running ? `${agent_canvas_module_default.agentCard} ${agent_canvas_module_default.agentCardRunning}` : done ? `${agent_canvas_module_default.agentCard} ${agent_canvas_module_default.agentCardDone}` : agent_canvas_module_default.agentCard,
+    style: { left: box.x, top: box.y, width: box.w, height: box.h },
+    "data-agent-entity": entity.key,
+    "data-agent-status": entity.status,
+    "data-agent-idle": entity.idle ? "true" : undefined,
+    "data-agent-running": running ? "true" : undefined,
+    "data-agent-done": done ? "true" : "false",
+    "data-agent-stage": entity.stage === null ? entity.zone : `${entity.stage.phase}:${entity.stage.stage}`,
+    "data-agent-bucket": entity.bucket ?? undefined,
+    "data-agent-emphasis": entity.emphasis ?? undefined,
+    children: [
+      entity.zone === "on-demand" && /* @__PURE__ */ jsx_runtime7.jsx("span", {
+        className: agent_canvas_module_default.onDemandBadge,
+        "data-agent-on-demand": "true",
+        children: t("zone.agents.on-demand")
+      }),
+      /* @__PURE__ */ jsx_runtime7.jsx("span", {
+        className: agent_canvas_module_default.agentPort,
+        "data-agent-port": "north",
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ jsx_runtime7.jsx("span", {
+        className: agent_canvas_module_default.agentPort,
+        "data-agent-port": "south",
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ jsx_runtime7.jsx("span", {
+        className: agent_canvas_module_default.agentPort,
+        "data-agent-port": "west",
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ jsx_runtime7.jsx("span", {
+        className: agent_canvas_module_default.agentPort,
+        "data-agent-port": "east",
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ jsx_runtime7.jsxs("div", {
+        className: agent_canvas_module_default.agentCardLine,
+        children: [
+          /* @__PURE__ */ jsx_runtime7.jsx("span", {
+            className: agent_canvas_module_default.agentCardName,
+            title,
+            children: title
+          }),
+          /* @__PURE__ */ jsx_runtime7.jsx(StatusPoint, {
+            status: entity.status,
+            done
+          }),
+          entity.count > 1 && /* @__PURE__ */ jsx_runtime7.jsx("span", {
+            className: agent_canvas_module_default.agentCount,
+            "data-agent-count": entity.count,
+            children: `×${entity.count}`
+          })
+        ]
+      }),
+      entity.role !== "" && entity.role !== entity.key && /* @__PURE__ */ jsx_runtime7.jsx("span", {
+        className: agent_canvas_module_default.agentRoleChip,
+        "data-agent-role": entity.role,
+        children: entity.role
+      }),
+      record.length > 0 && /* @__PURE__ */ jsx_runtime7.jsx("span", {
+        className: agent_canvas_module_default.agentRecord,
+        "data-agent-record": true,
+        children: record.join(" · ")
+      })
+    ]
+  });
+}
+function AgentCanvasPage({ view, iteration, t, initialPan }) {
+  const { entities, edges, degraded, note, executing, pending } = view;
+  const [pan, setPan] = import_react2.useState(() => initialPan ?? PAN_ORIGIN);
+  const dragRef = import_react2.useRef(null);
+  const layout = import_react2.useMemo(() => layoutAgents(view), [view]);
+  const edgeGeoms = import_react2.useMemo(() => edges.map((edge) => ({ edge, curve: edgePath(edge, layout) })), [edges, layout]);
+  const handlePointerDown = (e) => {
+    if (e.button !== 0 || !e.isPrimary)
+      return;
+    e.preventDefault();
+    e.currentTarget.setPointerCapture(e.pointerId);
+    dragRef.current = panDragStart(pan, e.clientX, e.clientY);
+  };
+  const handlePointerMove = (e) => {
+    const drag = dragRef.current;
+    if (drag === null)
+      return;
+    setPan(panDragMove(drag, e.clientX, e.clientY));
+  };
+  const handlePointerEnd = (e) => {
+    dragRef.current = null;
+    if (e.currentTarget.hasPointerCapture(e.pointerId)) {
+      e.currentTarget.releasePointerCapture(e.pointerId);
+    }
+  };
+  const noteInfo = degraded ? { anchor: "degraded", text: t("flow.degraded") } : note === "empty" ? { anchor: "empty", text: t("flow.empty") } : note === "settle-only" ? { anchor: "settle-only", text: t("flow.settle-only") } : null;
+  return /* @__PURE__ */ jsx_runtime7.jsxs("div", {
+    className: agent_canvas_module_default.canvasPage,
+    "data-mstar-page": "agents",
+    children: [
+      /* @__PURE__ */ jsx_runtime7.jsx(IterationInfoSection, {
+        iteration,
+        t
+      }),
+      /* @__PURE__ */ jsx_runtime7.jsxs("header", {
+        className: agent_canvas_module_default.canvasHeader,
+        children: [
+          /* @__PURE__ */ jsx_runtime7.jsx("h2", {
+            className: agent_canvas_module_default.canvasTitle,
+            children: t("zone.agents.title")
+          }),
+          /* @__PURE__ */ jsx_runtime7.jsx("span", {
+            className: agent_canvas_module_default.canvasSummary,
+            "data-agent-summary": true,
+            "data-agent-summary-executing": executing,
+            "data-agent-summary-pending": pending,
+            children: t("zone.agents.summary", { executing: String(executing), pending: String(pending) })
+          })
+        ]
+      }),
+      noteInfo !== null && /* @__PURE__ */ jsx_runtime7.jsx("p", {
+        className: agent_canvas_module_default.canvasNote,
+        "data-canvas-note": noteInfo.anchor,
+        children: noteInfo.text
+      }),
+      /* @__PURE__ */ jsx_runtime7.jsx("div", {
+        className: agent_canvas_module_default.canvasViewport,
+        "data-canvas-viewport": true,
+        onPointerDown: handlePointerDown,
+        onPointerMove: handlePointerMove,
+        onPointerUp: handlePointerEnd,
+        onPointerCancel: handlePointerEnd,
+        onLostPointerCapture: handlePointerEnd,
+        children: /* @__PURE__ */ jsx_runtime7.jsxs("div", {
+          className: agent_canvas_module_default.canvasContent,
+          "data-canvas-pan": true,
+          style: { transform: panTransform(pan), width: layout.width, height: layout.height },
+          children: [
+            layout.groups.map((group) => /* @__PURE__ */ jsx_runtime7.jsxs("span", {
+              className: agent_canvas_module_default.canvasGroupLabel,
+              style: { left: group.label.x, top: group.label.y, width: group.label.w },
+              "data-canvas-group": group.phase,
+              "data-canvas-group-index": group.index,
+              children: [
+                group.phase === "iteration-start" ? t("zone.agents.group.phase-1") : group.phase === "autonomous-execute" ? t("zone.agents.group.phase-2") : t("zone.agents.group.phase-n", { n: String(group.index) }),
+                group.planNote && (view.activePlanId === null ? /* @__PURE__ */ jsx_runtime7.jsx("span", {
+                  className: agent_canvas_module_default.canvasGroupNoPlan,
+                  "data-canvas-group-no-plan": true,
+                  children: t("zone.agents.group.no-plan")
+                }) : /* @__PURE__ */ jsx_runtime7.jsxs("span", {
+                  className: agent_canvas_module_default.canvasGroupPlan,
+                  "data-canvas-group-plan": view.activePlanId,
+                  children: [
+                    t("zone.agents.group.plan", { plan: view.activePlanId }),
+                    view.activePlanCount > 1 && /* @__PURE__ */ jsx_runtime7.jsx("span", {
+                      className: agent_canvas_module_default.canvasGroupPlanMore,
+                      "data-canvas-group-plan-more": true,
+                      children: t("zone.agents.group.plan-more", { n: String(view.activePlanCount - 1) })
+                    })
+                  ]
+                }))
+              ]
+            }, group.phase)),
+            layout.columns.map((col) => /* @__PURE__ */ jsx_runtime7.jsx("span", {
+              className: agent_canvas_module_default.canvasColumnLabel,
+              style: { left: col.x, top: col.y },
+              "data-canvas-column": col.id,
+              children: col.id.slice(col.id.indexOf(":") + 1)
+            }, col.id)),
+            Array.from(layout.subBuckets.entries()).map(([colId, geometry]) => /* @__PURE__ */ jsx_runtime7.jsxs("span", {
+              children: [
+                geometry.implementor.band !== null && /* @__PURE__ */ jsx_runtime7.jsx("span", {
+                  className: agent_canvas_module_default.subBucketLabel,
+                  style: { left: geometry.implementor.label.x, top: geometry.implementor.label.y, width: geometry.implementor.label.w },
+                  "data-sub-bucket": "implementor",
+                  children: t("zone.agents.bucket.implementor")
+                }),
+                geometry.reviewer.band !== null && /* @__PURE__ */ jsx_runtime7.jsx("span", {
+                  className: agent_canvas_module_default.subBucketLabel,
+                  style: { left: geometry.reviewer.label.x, top: geometry.reviewer.label.y, width: geometry.reviewer.label.w },
+                  "data-sub-bucket": "reviewer",
+                  children: t("zone.agents.bucket.reviewer")
+                })
+              ]
+            }, colId)),
+            layout.unknown !== null && layout.unknown.band !== null && /* @__PURE__ */ jsx_runtime7.jsx("span", {
+              className: agent_canvas_module_default.subBucketLabel,
+              style: { left: layout.unknown.label.x, top: layout.unknown.label.y, width: layout.unknown.label.w },
+              "data-sub-bucket": UNKNOWN_COLUMN,
+              children: t("zone.agents.unknown-sub")
+            }),
+            /* @__PURE__ */ jsx_runtime7.jsxs("svg", {
+              className: agent_canvas_module_default.canvasEdges,
+              width: layout.width,
+              height: layout.height,
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsx_runtime7.jsxs("defs", {
+                  children: [
+                    /* @__PURE__ */ jsx_runtime7.jsx("marker", {
+                      id: "canvas-arrow-actual",
+                      markerUnits: "userSpaceOnUse",
+                      viewBox: "0 0 6 8",
+                      refX: "6",
+                      refY: "4",
+                      markerWidth: "6",
+                      markerHeight: "8",
+                      orient: "auto",
+                      children: /* @__PURE__ */ jsx_runtime7.jsx("path", {
+                        className: agent_canvas_module_default.canvasArrowActual,
+                        d: "M 0 1 L 6 4 L 0 7 z"
+                      })
+                    }),
+                    /* @__PURE__ */ jsx_runtime7.jsx("marker", {
+                      id: "canvas-arrow-supervise",
+                      markerUnits: "userSpaceOnUse",
+                      viewBox: "0 0 6 8",
+                      refX: "6",
+                      refY: "4",
+                      markerWidth: "6",
+                      markerHeight: "8",
+                      orient: "auto-start-reverse",
+                      children: /* @__PURE__ */ jsx_runtime7.jsx("path", {
+                        className: agent_canvas_module_default.canvasArrowSupervise,
+                        d: "M 0 1 L 6 4 L 0 7 z"
+                      })
+                    }),
+                    /* @__PURE__ */ jsx_runtime7.jsx("marker", {
+                      id: "canvas-arrow-supervise-lit",
+                      markerUnits: "userSpaceOnUse",
+                      viewBox: "0 0 6 8",
+                      refX: "6",
+                      refY: "4",
+                      markerWidth: "6",
+                      markerHeight: "8",
+                      orient: "auto-start-reverse",
+                      children: /* @__PURE__ */ jsx_runtime7.jsx("path", {
+                        className: agent_canvas_module_default.canvasArrowSuperviseLit,
+                        d: "M 0 1 L 6 4 L 0 7 z"
+                      })
+                    })
+                  ]
+                }),
+                edgeGeoms.map((geom, i) => {
+                  const curve = geom.curve;
+                  if (curve === null)
+                    return null;
+                  if (geom.edge.kind === "supervise") {
+                    const lit = geom.edge.evidenced === true;
+                    return /* @__PURE__ */ jsx_runtime7.jsx("path", {
+                      className: `${agent_canvas_module_default.canvasEdgeCurve} ${lit ? `${agent_canvas_module_default.canvasEdgeSupervise} ${agent_canvas_module_default.canvasEdgeSuperviseLit}` : agent_canvas_module_default.canvasEdgeSupervise}`,
+                      d: curve.d,
+                      markerStart: lit ? "url(#canvas-arrow-supervise-lit)" : "url(#canvas-arrow-supervise)",
+                      markerEnd: lit ? "url(#canvas-arrow-supervise-lit)" : "url(#canvas-arrow-supervise)",
+                      "data-agent-edge-supervise": `${geom.edge.source}->${geom.edge.target}`,
+                      "data-agent-edge-supervise-lit": lit ? "true" : undefined
+                    }, `supervise-${i}-${geom.edge.source}-${geom.edge.target}`);
+                  }
+                  return /* @__PURE__ */ jsx_runtime7.jsx("path", {
+                    className: `${agent_canvas_module_default.canvasEdgeCurve} ${agent_canvas_module_default.canvasEdgeActual}`,
+                    d: curve.d,
+                    markerEnd: "url(#canvas-arrow-actual)",
+                    "data-agent-edge-actual": `${geom.edge.source}->${geom.edge.target}`
+                  }, `actual-${i}-${geom.edge.source}-${geom.edge.target}`);
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsx_runtime7.jsx("ul", {
+              className: agent_canvas_module_default.canvasCards,
+              children: entities.map((entity) => {
+                const box = layout.cards.get(entity.key);
+                if (box === undefined)
+                  return null;
+                return /* @__PURE__ */ jsx_runtime7.jsx(EntityCard, {
+                  entity,
+                  t,
+                  box
+                }, entity.key);
+              })
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ jsx_runtime7.jsx("div", {
+        className: agent_canvas_module_default.canvasLegend,
+        children: /* @__PURE__ */ jsx_runtime7.jsx(Legend, {
+          t
+        })
+      })
+    ]
+  });
+}
+
+// src/client/panel/graph/event-log.ts
+function taskTag(event) {
+  if (event.planId !== null && event.taskId !== null)
+    return `${event.planId}#${event.taskId}`;
+  if (event.planId !== null)
+    return event.planId;
+  if (event.taskId !== null)
+    return `#${event.taskId}`;
+  return "";
+}
+function eventEntryOf(event) {
+  return {
+    kind: "event",
+    id: event.id,
+    eventKind: event.kind,
+    role: event.role,
+    agent: event.agent ?? "",
+    stage: event.stage === null ? "" : `${event.stage.phase}:${event.stage.stage}`,
+    task: taskTag(event),
+    ts: event.ts,
+    status: event.status,
+    settled: event.settled,
+    durationMs: event.durationMs,
+    expected: event.expected
+  };
+}
+function eventLogEntries(view) {
+  const entries = view.events.map(eventEntryOf);
+  view.violations.forEach((violation, i) => {
+    entries.push({
+      kind: "violation",
+      id: `violation-${i}`,
+      severity: violation.severity,
+      code: violation.code,
+      message: violation.message
+    });
+  });
+  return entries;
+}
+
+// src/client/panel/pages/event-log.module.css
+var css4 = `
+
+
+
+.\\38 e395e34_eventLogPage {
+  flex: 1;
+  min-height: 0;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-rows: minmax(0, 1fr);   
+  gap: var(--mstar-space-3);
+  padding: var(--mstar-space-3);
+  overflow: hidden;                     
+}
+
+
+
+.fcdd0ccc_section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-2);
+  min-width: 0;
+  min-height: 0;
+  padding: var(--mstar-space-3);
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-1);
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.aded23ea_sectionTitle {
+  margin: 0;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxs-12);
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+
+.\\31 8a7beee_empty {
+  margin: 0;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxs-12);
+}
+
+
+
+.\\34 0959323_rowList {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  flex: 1;            
+  min-height: 0;      
+  overflow-y: auto;   
+}
+
+
+.\\35 a6ad2b9_eventSummary,
+.c5acc9f0_violationSummary {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--mstar-space-2);
+  min-width: 0;
+  padding: var(--mstar-space-1) var(--mstar-space-2);
+  border-radius: 8px;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+  transition: color 150ms ease;   
+  list-style: none;               
+}
+
+
+.\\35 a6ad2b9_eventSummary::-webkit-details-marker,
+.c5acc9f0_violationSummary::-webkit-details-marker {
+  display: none;                  
+}
+
+.\\35 a6ad2b9_eventSummary::marker,
+.c5acc9f0_violationSummary::marker {
+  content: '';
+}
+
+.\\35 a6ad2b9_eventSummary::before,
+.c5acc9f0_violationSummary::before {
+  content: '▸';
+  flex: none;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+  line-height: 1;
+  transition: transform 150ms ease;   
+}
+
+.\\31 e6e6b57_eventDetails[open] > .\\35 a6ad2b9_eventSummary::before,
+.\\31 e6e6b57_eventDetails[open] > .c5acc9f0_violationSummary::before {
+  transform: rotate(90deg);
+}
+
+.\\35 a6ad2b9_eventSummary:hover,
+.c5acc9f0_violationSummary:hover {
+  color: var(--dsw-alias-label-primary);
+}
+
+.\\33 97ccf2b_eventRole {
+  font-weight: 600;
+  color: var(--dsw-alias-label-primary);
+}
+
+.\\31 8dd486b_eventStage,
+.\\39 0ce3f22_eventTarget {
+  overflow-wrap: anywhere;
+}
+
+.ae6064ce_eventTime,
+.ff483c84_eventAgent,
+.\\33 e37545b_eventDuration {
+  color: var(--dsw-alias-label-caption);
+  font-variant-numeric: tabular-nums;
+}
+
+
+.c32c2c65_statusChip {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--mstar-space-1);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.\\38 8d97a8a_statusDot {
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background: currentColor;
+}
+
+.d260dfec_statusDispatched {
+  color: var(--dsw-alias-state-business-primary);
+}
+
+.\\38 bbef368_statusAdvisory {
+  color: var(--dsw-alias-state-warn-label);
+}
+
+.d1f67934_statusDenied {
+  color: var(--dsw-alias-state-error-primary);
+}
+
+.ba35cad1_statusOk {
+  color: var(--dsw-alias-state-success-primary);
+}
+
+.\\38 19501bf_statusError {
+  color: var(--dsw-alias-state-error-primary);
+}
+
+
+.\\35 3c75757_statusUnknown {
+  color: var(--dsw-alias-label-caption);
+}
+
+
+.\\33 98c5713_settledMark {
+  color: var(--dsw-alias-state-success-primary);
+  font-weight: 600;
+}
+
+
+.\\38 3e240f0_settleGlyph {
+  color: var(--dsw-alias-label-secondary);
+  font-weight: 600;
+}
+
+
+.\\38 8450335_unexpectedBadge {
+  display: inline-block;
+  padding: 0 var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-state-warn-label);
+  border-radius: 999px;
+  color: var(--dsw-alias-state-warn-label);
+  font: var(--dsw-font-xxxs-11);
+}
+
+
+.\\38 f4e5388_severityChip {
+  display: inline-block;
+  padding: 0 var(--mstar-space-2);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
+  font-weight: 600;
+}
+
+.\\38 f4e5388_severityChip[data-event-log-severity='critical'],
+.\\38 f4e5388_severityChip[data-event-log-severity='high'] {
+  border-color: var(--dsw-alias-state-error-primary);
+  color: var(--dsw-alias-state-error-primary);
+}
+
+.\\38 f4e5388_severityChip[data-event-log-severity='medium'] {
+  border-color: var(--dsw-alias-state-warn-label);
+  color: var(--dsw-alias-state-warn-label);
+}
+
+.e42c0bfd_violationCode {
+  color: var(--dsw-alias-label-primary);
+  font: var(--dsw-font-xxs-12);
+}
+
+.\\33 5d5910f_violationMessage {
+  overflow-wrap: anywhere;
+}
+
+
+
+.\\35 58cab30_detailBody {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mstar-space-1);
+  margin-top: var(--mstar-space-1);
+  padding: var(--mstar-space-2) var(--mstar-space-3);
+  border-top: 1px solid var(--dsw-alias-border-l1);
+}
+
+.\\33 f8595e8_detailField {
+  display: flex;
+  align-items: baseline;
+  gap: var(--mstar-space-2);
+  min-width: 0;
+}
+
+.a6812cb2_detailLabel {
+  flex: none;
+  width: 9em;
+  color: var(--dsw-alias-label-caption);
+  font: var(--dsw-font-xxxs-11);
+}
+
+.\\30 79e736d_detailValue {
+  color: var(--dsw-alias-label-primary);
+  font: var(--dsw-font-xxs-12);
+  overflow-wrap: anywhere;
+}
+
+
+.bd3cb6ff_detailValueMissing {
+  color: var(--dsw-alias-label-caption);
+}
+
+
+
+@media (max-width: 1200px) {
+  .\\38 e395e34_eventLogPage {
+    grid-template-columns: 1fr;
+    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
+  }
+}
+`;
+var tagId4 = "@mstar-harness/dsh/event-log.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId4) + "]") === null) {
+  const tag = document.createElement("style");
+  tag.dataset.plugin = "@mstar-harness/dsh";
+  tag.dataset.pluginCss = tagId4;
+  tag.textContent = css4;
+  document.head.appendChild(tag);
+}
+var event_log_module_default = { eventLogPage: "8e395e34_eventLogPage", section: "fcdd0ccc_section", sectionTitle: "aded23ea_sectionTitle", empty: "18a7beee_empty", rowList: "40959323_rowList", eventSummary: "5a6ad2b9_eventSummary", violationSummary: "c5acc9f0_violationSummary", eventDetails: "1e6e6b57_eventDetails", eventRole: "397ccf2b_eventRole", eventStage: "18dd486b_eventStage", eventTarget: "90ce3f22_eventTarget", eventTime: "ae6064ce_eventTime", eventAgent: "ff483c84_eventAgent", eventDuration: "3e37545b_eventDuration", statusChip: "c32c2c65_statusChip", statusDot: "88d97a8a_statusDot", statusDispatched: "d260dfec_statusDispatched", statusAdvisory: "8bbef368_statusAdvisory", statusDenied: "d1f67934_statusDenied", statusOk: "ba35cad1_statusOk", statusError: "819501bf_statusError", statusUnknown: "53c75757_statusUnknown", settledMark: "398c5713_settledMark", settleGlyph: "83e240f0_settleGlyph", unexpectedBadge: "88450335_unexpectedBadge", severityChip: "8f4e5388_severityChip", violationCode: "e42c0bfd_violationCode", violationMessage: "35d5910f_violationMessage", detailBody: "558cab30_detailBody", detailField: "3f8595e8_detailField", detailLabel: "a6812cb2_detailLabel", detailValue: "079e736d_detailValue", detailValueMissing: "bd3cb6ff_detailValueMissing" };
+
+// src/client/panel/pages/EventLogPage.tsx
+var jsx_runtime8 = require("react/jsx-runtime");
+function flowStatusLabel(status, t) {
+  switch (status) {
+    case "dispatched":
+      return t("flow.in-flight");
+    case "advisory":
+      return t("flow.advisory");
+    case "denied":
+      return t("flow.denied");
+    case "ok":
+      return t("flow.settled-ok");
+    case "error":
+      return t("flow.error");
+    default:
+      return t("panel.unknown");
+  }
+}
+function flowStatusClass(status) {
+  switch (status) {
+    case "dispatched":
+      return event_log_module_default.statusDispatched;
+    case "advisory":
+      return event_log_module_default.statusAdvisory;
+    case "denied":
+      return event_log_module_default.statusDenied;
+    case "ok":
+      return event_log_module_default.statusOk;
+    case "error":
+      return event_log_module_default.statusError;
+    default:
+      return event_log_module_default.statusUnknown;
+  }
+}
+function isRenderableTime(ts) {
+  return Number.isFinite(ts) && ts > 0 && Math.abs(ts) <= 8640000000000000;
+}
+function formatEventTime(ts) {
+  if (!isRenderableTime(ts))
+    return "";
+  return new Date(ts).toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" });
+}
+function formatEventTimeFull(ts) {
+  if (!isRenderableTime(ts))
+    return "";
+  return new Date(ts).toLocaleTimeString("en-GB");
+}
+function orDash(value) {
+  return value === "" ? "—" : value;
+}
+function DetailField({ field, label, value }) {
+  const missing = value === "";
+  return /* @__PURE__ */ jsx_runtime8.jsxs("div", {
+    className: event_log_module_default.detailField,
+    "data-event-log-field": field,
+    "data-event-log-missing": missing ? "true" : "false",
+    children: [
+      /* @__PURE__ */ jsx_runtime8.jsx("span", {
+        className: event_log_module_default.detailLabel,
+        children: label
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx("span", {
+        className: missing ? `${event_log_module_default.detailValue} ${event_log_module_default.detailValueMissing}` : event_log_module_default.detailValue,
+        children: missing ? "—" : value
+      })
+    ]
+  });
+}
+function EventDetailsBody({
+  entry,
+  source,
+  t
+}) {
+  return /* @__PURE__ */ jsx_runtime8.jsxs("div", {
+    className: event_log_module_default.detailBody,
+    "data-event-log-detail-body": true,
+    children: [
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "role",
+        label: t("event-log.field.role"),
+        value: entry.role
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "agent",
+        label: t("event-log.field.agent"),
+        value: entry.agent
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "stage",
+        label: t("event-log.field.stage"),
+        value: entry.stage
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "plan",
+        label: t("event-log.field.plan"),
+        value: source?.planId ?? ""
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "task",
+        label: t("event-log.field.task"),
+        value: source?.taskId ?? ""
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "category",
+        label: t("event-log.field.category"),
+        value: source?.taskCategory ?? ""
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "time",
+        label: t("event-log.field.time"),
+        value: source === undefined ? "" : formatEventTimeFull(source.ts)
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "kind",
+        label: t("event-log.field.kind"),
+        value: entry.eventKind === "dispatch" ? t("event-log.kind.dispatch") : t("event-log.kind.settle")
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "status",
+        label: t("event-log.field.status"),
+        value: flowStatusLabel(entry.status, t)
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "expected",
+        label: t("event-log.field.expected"),
+        value: entry.eventKind === "settle" ? "" : entry.expected ? t("event-log.yes") : t("event-log.no")
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "settled",
+        label: t("event-log.field.settled"),
+        value: entry.eventKind === "settle" ? "" : entry.settled ? t("event-log.yes") : t("event-log.no")
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+        field: "duration",
+        label: t("event-log.field.duration"),
+        value: entry.durationMs === null ? "" : `${entry.durationMs}ms`
+      })
+    ]
+  });
+}
+function EventLogEventRow({
+  entry,
+  source,
+  t
+}) {
+  const time = formatEventTime(entry.ts);
+  return /* @__PURE__ */ jsx_runtime8.jsx("li", {
+    className: event_log_module_default.eventRow,
+    "data-event-log-row-kind": "event",
+    "data-event-log-row-id": entry.id,
+    "data-event-log-expected": entry.expected ? "true" : "false",
+    children: /* @__PURE__ */ jsx_runtime8.jsxs("details", {
+      className: event_log_module_default.eventDetails,
+      "data-event-log-details": true,
+      children: [
+        /* @__PURE__ */ jsx_runtime8.jsxs("summary", {
+          className: event_log_module_default.eventSummary,
+          "data-event-log-summary": true,
+          children: [
+            /* @__PURE__ */ jsx_runtime8.jsx("span", {
+              className: event_log_module_default.eventRole,
+              children: entry.eventKind === "settle" ? /* @__PURE__ */ jsx_runtime8.jsx("span", {
+                className: event_log_module_default.settleGlyph,
+                "aria-hidden": "true",
+                children: "✓"
+              }) : entry.role !== "" ? entry.role : t("panel.unknown")
+            }),
+            entry.stage !== "" && /* @__PURE__ */ jsx_runtime8.jsx("span", {
+              className: event_log_module_default.eventStage,
+              "data-event-log-stage": entry.stage,
+              children: entry.stage
+            }),
+            entry.task !== "" && /* @__PURE__ */ jsx_runtime8.jsx("span", {
+              className: event_log_module_default.eventTarget,
+              "data-event-log-target": entry.task,
+              children: entry.task
+            }),
+            time !== "" && /* @__PURE__ */ jsx_runtime8.jsx("span", {
+              className: event_log_module_default.eventTime,
+              "data-event-log-time": time,
+              children: time
+            }),
+            /* @__PURE__ */ jsx_runtime8.jsxs("span", {
+              className: `${event_log_module_default.statusChip} ${flowStatusClass(entry.status)}`,
+              "data-event-log-status": entry.status,
+              children: [
+                /* @__PURE__ */ jsx_runtime8.jsx("span", {
+                  className: event_log_module_default.statusDot,
+                  "aria-hidden": "true"
+                }),
+                flowStatusLabel(entry.status, t)
+              ]
+            }),
+            entry.eventKind === "dispatch" && entry.settled && /* @__PURE__ */ jsx_runtime8.jsx("span", {
+              className: event_log_module_default.settledMark,
+              "data-event-log-settled": "true",
+              "aria-hidden": "true",
+              children: "✓"
+            }),
+            entry.agent !== "" && /* @__PURE__ */ jsx_runtime8.jsx("span", {
+              className: event_log_module_default.eventAgent,
+              "data-event-log-agent": entry.agent,
+              children: entry.agent
+            }),
+            entry.durationMs !== null && /* @__PURE__ */ jsx_runtime8.jsxs("span", {
+              className: event_log_module_default.eventDuration,
+              "data-event-log-duration": entry.durationMs,
+              children: [
+                entry.durationMs,
+                "ms"
+              ]
+            }),
+            entry.eventKind === "dispatch" && !entry.expected && /* @__PURE__ */ jsx_runtime8.jsx("span", {
+              className: event_log_module_default.unexpectedBadge,
+              "data-event-log-unexpected": "true",
+              children: t("flow.unexpected")
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsx_runtime8.jsx(EventDetailsBody, {
+          entry,
+          source,
+          t
+        })
+      ]
+    })
+  });
+}
+function ViolationRow({ entry, t }) {
+  const severity = entry.severity !== "" ? entry.severity : "unknown";
+  return /* @__PURE__ */ jsx_runtime8.jsx("li", {
+    className: event_log_module_default.violationRow,
+    "data-event-log-row-kind": "violation",
+    "data-event-log-row-id": entry.id,
+    children: /* @__PURE__ */ jsx_runtime8.jsxs("details", {
+      className: event_log_module_default.eventDetails,
+      "data-event-log-details": true,
+      children: [
+        /* @__PURE__ */ jsx_runtime8.jsxs("summary", {
+          className: event_log_module_default.violationSummary,
+          "data-event-log-summary": true,
+          children: [
+            /* @__PURE__ */ jsx_runtime8.jsx("span", {
+              className: event_log_module_default.severityChip,
+              "data-event-log-severity": severity,
+              children: entry.severity !== "" ? entry.severity : t("panel.unknown")
+            }),
+            entry.code !== "" && /* @__PURE__ */ jsx_runtime8.jsx("code", {
+              className: event_log_module_default.violationCode,
+              "data-event-log-code": entry.code,
+              children: entry.code
+            }),
+            /* @__PURE__ */ jsx_runtime8.jsx("span", {
+              className: event_log_module_default.violationMessage,
+              "data-event-log-message": entry.message,
+              children: orDash(entry.message)
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsx_runtime8.jsxs("div", {
+          className: event_log_module_default.detailBody,
+          "data-event-log-detail-body": true,
+          children: [
+            /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+              field: "severity",
+              label: t("event-log.field.severity"),
+              value: entry.severity
+            }),
+            /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+              field: "code",
+              label: t("event-log.field.code"),
+              value: entry.code
+            }),
+            /* @__PURE__ */ jsx_runtime8.jsx(DetailField, {
+              field: "message",
+              label: t("event-log.field.message"),
+              value: entry.message
+            })
+          ]
+        })
+      ]
+    })
+  });
+}
+function EventLogPage({ view, t }) {
+  const entries = eventLogEntries(view);
+  const eventEntries = entries.filter((e) => e.kind === "event");
+  const violationEntries = entries.filter((e) => e.kind === "violation");
+  const eventById = new Map(view.events.map((event) => [event.id, event]));
+  if (eventEntries.length === 0 && violationEntries.length === 0) {
+    return /* @__PURE__ */ jsx_runtime8.jsx("div", {
+      className: event_log_module_default.eventLogPage,
+      "data-mstar-page": "events",
+      children: /* @__PURE__ */ jsx_runtime8.jsx("p", {
+        className: event_log_module_default.empty,
+        "data-event-log-empty": true,
+        children: t("event-log.empty")
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx_runtime8.jsxs("div", {
+    className: event_log_module_default.eventLogPage,
+    "data-mstar-page": "events",
+    children: [
+      /* @__PURE__ */ jsx_runtime8.jsxs("section", {
+        className: event_log_module_default.section,
+        "data-event-log-section": "events",
+        "data-event-log-section-count": eventEntries.length,
+        children: [
+          /* @__PURE__ */ jsx_runtime8.jsx("h2", {
+            className: event_log_module_default.sectionTitle,
+            "data-event-log-section-title": true,
+            children: t("event-log.section.events")
+          }),
+          eventEntries.length === 0 ? /* @__PURE__ */ jsx_runtime8.jsx("p", {
+            className: event_log_module_default.empty,
+            "data-event-log-empty-section": "events",
+            children: t("event-log.empty.events")
+          }) : /* @__PURE__ */ jsx_runtime8.jsx("ul", {
+            className: event_log_module_default.rowList,
+            "data-event-log-list": "events",
+            children: eventEntries.map((entry) => /* @__PURE__ */ jsx_runtime8.jsx(EventLogEventRow, {
+              entry,
+              source: eventById.get(entry.id),
+              t
+            }, entry.id))
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime8.jsxs("section", {
+        className: event_log_module_default.section,
+        "data-event-log-section": "violations",
+        "data-event-log-section-count": violationEntries.length,
+        children: [
+          /* @__PURE__ */ jsx_runtime8.jsx("h2", {
+            className: event_log_module_default.sectionTitle,
+            "data-event-log-section-title": true,
+            children: t("event-log.section.violations")
+          }),
+          violationEntries.length === 0 ? /* @__PURE__ */ jsx_runtime8.jsx("p", {
+            className: event_log_module_default.empty,
+            "data-event-log-empty-section": "violations",
+            children: t("event-log.empty.violations")
+          }) : /* @__PURE__ */ jsx_runtime8.jsx("ul", {
+            className: event_log_module_default.rowList,
+            "data-event-log-list": "violations",
+            children: violationEntries.map((entry) => /* @__PURE__ */ jsx_runtime8.jsx(ViolationRow, {
+              entry,
+              t
+            }, entry.id))
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/client/panel/zones/TaskBoard.tsx
+var React = __toESM(require("react"));
+var jsx_runtime9 = require("react/jsx-runtime");
+var COLUMN_TITLE = {
+  Todo: "zone.state.Todo",
+  InProgress: "zone.state.InProgress",
+  InReview: "zone.state.InReview",
+  Done: "zone.state.Done",
+  "blocked-unknown": "zone.state.blocked-unknown"
+};
+var COLUMN_ARROWS = [
+  { before: "InProgress", label: "Todo-InProgress", glyph: "→" },
+  { before: "InReview", label: "InProgress-InReview", glyph: "→" },
+  { before: "Done", label: "InReview-Done", glyph: "→" },
+  { before: "blocked-unknown", label: "InProgress-Blocked", glyph: "⇄" }
+];
+function leadingArrow(id) {
+  return COLUMN_ARROWS.find((a) => a.before === id) ?? null;
+}
+function toggleKanbanExpanded(expanded, id) {
+  const next = new Set(expanded);
+  if (next.has(id))
+    next.delete(id);
+  else
+    next.add(id);
+  return next;
+}
+function visibleKanbanPlans(column, expanded) {
+  return expanded ? column.plans : column.plans.slice(0, PLAN_CAP);
+}
+function TaskBoard({ view, t }) {
+  const columns = view.columns;
+  const empty = view.total === 0;
+  const [expanded, setExpanded] = React.useState(new Set);
+  const toggle = (id) => setExpanded((prev) => toggleKanbanExpanded(prev, id));
+  return /* @__PURE__ */ jsx_runtime9.jsxs("section", {
+    className: zones_module_default.zone,
+    "data-zone": "tasks",
+    children: [
+      /* @__PURE__ */ jsx_runtime9.jsxs("header", {
+        className: zones_module_default.tasksHeader,
+        "data-zone-header": true,
+        children: [
+          /* @__PURE__ */ jsx_runtime9.jsx("h2", {
+            className: zones_module_default.zoneHeader,
+            children: t("zone.tasks.title")
+          }),
+          /* @__PURE__ */ jsx_runtime9.jsx("span", {
+            className: zones_module_default.tasksTotal,
+            "data-tasks-total": view.total,
+            children: t("zone.tasks.total", { count: String(view.total) })
+          })
+        ]
+      }),
+      empty && /* @__PURE__ */ jsx_runtime9.jsx("p", {
+        className: zones_module_default.zoneEmpty,
+        "data-zone-empty": "no-plans",
+        children: t("zone.tasks.no-plans")
+      }),
+      /* @__PURE__ */ jsx_runtime9.jsx("div", {
+        className: zones_module_default.kanban,
+        "data-mstar-kanban": true,
+        children: columns.map((column, i) => {
+          const arrow = i > 0 ? leadingArrow(column.id) : null;
+          const isExpanded = expanded.has(column.id);
+          const shown = visibleKanbanPlans(column, isExpanded);
+          const overflow = column.capped === null ? 0 : column.count - column.capped;
+          return /* @__PURE__ */ jsx_runtime9.jsxs(React.Fragment, {
+            children: [
+              arrow !== null && /* @__PURE__ */ jsx_runtime9.jsx("span", {
+                className: zones_module_default.kanbanArrow,
+                "data-kanban-arrow": arrow.label,
+                "aria-hidden": "true",
+                children: arrow.glyph
+              }),
+              /* @__PURE__ */ jsx_runtime9.jsxs("div", {
+                className: zones_module_default.kanbanColumn,
+                "data-kanban-column": column.id,
+                children: [
+                  /* @__PURE__ */ jsx_runtime9.jsxs("header", {
+                    className: zones_module_default.kanbanColumnHeader,
+                    children: [
+                      /* @__PURE__ */ jsx_runtime9.jsx("span", {
+                        className: zones_module_default.kanbanColumnTitle,
+                        children: t(COLUMN_TITLE[column.id])
+                      }),
+                      /* @__PURE__ */ jsx_runtime9.jsx("span", {
+                        className: zones_module_default.kanbanCount,
+                        "data-kanban-count": column.count,
+                        children: column.count
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsx_runtime9.jsxs("ul", {
+                    className: zones_module_default.kanbanCards,
+                    id: `kanban-cards-${column.id}`,
+                    children: [
+                      shown.map((plan, j) => /* @__PURE__ */ jsx_runtime9.jsxs("li", {
+                        className: zones_module_default.planCard,
+                        "data-plan-id": plan.id,
+                        "data-plan-status": plan.status,
+                        children: [
+                          /* @__PURE__ */ jsx_runtime9.jsx("code", {
+                            className: zones_module_default.planCardId,
+                            children: plan.id
+                          }),
+                          /* @__PURE__ */ jsx_runtime9.jsx("span", {
+                            className: zones_module_default.planCardStatus,
+                            "data-status": plan.status,
+                            children: plan.status
+                          })
+                        ]
+                      }, plan.id === "" ? `card-${j}` : plan.id)),
+                      overflow > 0 && /* @__PURE__ */ jsx_runtime9.jsx("li", {
+                        className: zones_module_default.kanbanMore,
+                        children: /* @__PURE__ */ jsx_runtime9.jsx("button", {
+                          type: "button",
+                          className: zones_module_default.kanbanMoreButton,
+                          "data-kanban-more": isExpanded ? "collapse" : "expand",
+                          "aria-expanded": isExpanded,
+                          "aria-controls": `kanban-cards-${column.id}`,
+                          onClick: () => toggle(column.id),
+                          children: isExpanded ? t("zone.tasks.collapse") : t("zone.tasks.more", { count: String(overflow) })
+                        })
+                      })
+                    ]
+                  })
+                ]
+              })
+            ]
+          }, column.id);
+        })
+      })
+    ]
+  });
+}
+
+// src/client/panel/pages/IterationTaskPage.tsx
+var jsx_runtime10 = require("react/jsx-runtime");
+function IterationTaskPage({ view, t }) {
+  return /* @__PURE__ */ jsx_runtime10.jsxs("div", {
+    className: panel_module_default.iterationPage,
+    "data-mstar-page": "tasks",
+    children: [
+      /* @__PURE__ */ jsx_runtime10.jsx(IterationInfoSection, {
+        iteration: view.iteration,
+        t
+      }),
+      /* @__PURE__ */ jsx_runtime10.jsx("div", {
+        className: panel_module_default.iterationTasks,
+        "data-mstar-tasks-scroll": true,
+        children: /* @__PURE__ */ jsx_runtime10.jsx(TaskBoard, {
+          view: view.tasks,
+          t
+        })
+      })
+    ]
+  });
+}
+
+// src/client/panel/use-mstar-engine-status.ts
+var EMPTY = { source: null, lastUpdated: null };
+function latestEngineStatusRow(nodes) {
+  for (let i = nodes.length - 1;i >= 0; i--) {
+    const node = nodes[i];
+    if (node.kind !== "context" || node.form !== "catalog")
+      continue;
+    const source = node.source;
+    if (source?.kind === "mstar-engine-status")
+      return node;
+  }
+  return null;
+}
+function sameView(a, b) {
+  return a.source === b.source && a.lastUpdated === b.lastUpdated;
+}
+function selectEngineStatus(snapshot) {
+  try {
+    const row = latestEngineStatusRow(snapshot.nodes);
+    if (row === null)
+      return EMPTY;
+    return { source: row.source, lastUpdated: row.time };
+  } catch {
+    return EMPTY;
+  }
+}
+function useMstarEngineStatus(useSession) {
+  try {
+    const view = useSession(selectEngineStatus, sameView);
+    return view ?? EMPTY;
+  } catch {
+    return EMPTY;
+  }
+}
+
+// src/client/panel/PanelView.tsx
+var jsx_runtime11 = require("react/jsx-runtime");
+function formatTime(ms) {
+  return new Date(ms).toLocaleTimeString("en-GB");
+}
+function PanelContent({ tab, source, t }) {
+  if (tab === "agents") {
+    const view = projectGraph(source);
+    return /* @__PURE__ */ jsx_runtime11.jsx(AgentCanvasPage, {
+      view: view.agents,
+      iteration: view.iteration,
+      t
+    });
+  }
+  if (tab === "events")
+    return /* @__PURE__ */ jsx_runtime11.jsx(EventLogPage, {
+      view: projectGraph(source),
+      t
+    });
+  return /* @__PURE__ */ jsx_runtime11.jsx(IterationTaskPage, {
+    view: projectGraph(source),
+    t
+  });
+}
+function PanelView({ t, useSession }) {
+  const { source, lastUpdated } = useMstarEngineStatus(useSession);
+  const [tab, setTab] = import_react3.useState("tasks");
+  if (source === null || source === undefined) {
+    return /* @__PURE__ */ jsx_runtime11.jsx("div", {
+      className: panel_module_default.emptyRoot,
+      "data-mstar-panel": "waiting",
+      "data-conversation-composer-overlay": "",
+      children: /* @__PURE__ */ jsx_runtime11.jsx("p", {
+        className: panel_module_default.empty,
+        "data-mstar-empty": "waiting",
+        children: t("empty.waiting")
+      })
+    });
+  }
+  const noHarness = source.harnessDir === null && source.state === null && source.iteration == null;
+  const freshness = /* @__PURE__ */ jsx_runtime11.jsxs("footer", {
+    className: panel_module_default.freshness,
+    "data-mstar-freshness": true,
+    children: [
+      typeof lastUpdated === "number" ? /* @__PURE__ */ jsx_runtime11.jsx("span", {
+        children: t("freshness.last-updated", { time: formatTime(lastUpdated) })
+      }) : null,
+      /* @__PURE__ */ jsx_runtime11.jsx("span", {
+        children: t("freshness.refresh-note")
+      })
+    ]
+  });
+  if (noHarness) {
+    return /* @__PURE__ */ jsx_runtime11.jsx("div", {
+      className: panel_module_default.root,
+      "data-mstar-panel": "no-harness",
+      "data-conversation-composer-overlay": "",
+      children: /* @__PURE__ */ jsx_runtime11.jsxs("main", {
+        className: panel_module_default.main,
+        "data-mstar-graph": true,
+        children: [
+          /* @__PURE__ */ jsx_runtime11.jsxs("div", {
+            className: panel_module_default.noHarnessCard,
+            "data-mstar-empty-card": true,
+            children: [
+              /* @__PURE__ */ jsx_runtime11.jsxs("svg", {
+                className: panel_module_default.noHarnessIcon,
+                "data-mstar-empty-icon": true,
+                width: "32",
+                height: "32",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsx_runtime11.jsx("path", {
+                    d: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+                  }),
+                  /* @__PURE__ */ jsx_runtime11.jsx("path", {
+                    d: "M9.7 9.4a2.4 2.4 0 1 1 3.4 2.2c-.7.3-1 .8-1 1.5"
+                  }),
+                  /* @__PURE__ */ jsx_runtime11.jsx("circle", {
+                    cx: "12",
+                    cy: "16.4",
+                    r: "0.6"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx_runtime11.jsx("p", {
+                className: panel_module_default.noHarnessTitle,
+                "data-mstar-empty": "no-harness",
+                children: t("empty.no-harness")
+              }),
+              /* @__PURE__ */ jsx_runtime11.jsx("p", {
+                className: panel_module_default.noHarnessHint,
+                children: t("empty.no-harness-hint")
+              })
+            ]
+          }),
+          freshness
+        ]
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx_runtime11.jsxs("div", {
+    className: panel_module_default.root,
+    "data-mstar-panel": "panel",
+    "data-conversation-composer-overlay": "",
+    children: [
+      /* @__PURE__ */ jsx_runtime11.jsxs("main", {
+        className: panel_module_default.main,
+        children: [
+          /* @__PURE__ */ jsx_runtime11.jsx(TabNav, {
+            active: tab,
+            onChange: setTab,
+            t
+          }),
+          /* @__PURE__ */ jsx_runtime11.jsx("div", {
+            className: panel_module_default.content,
+            "data-mstar-graph": true,
+            children: /* @__PURE__ */ jsx_runtime11.jsx(PanelContent, {
+              tab,
+              source,
+              t
+            })
+          }),
+          freshness
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime11.jsx(Sidebar, {
+        t,
+        state: source.state,
+        source
+      })
+    ]
+  });
+}
+
+// src/client/index.ts
+var inject = ["slots", "sessions", "locale"];
+function apply(ctx) {
+  ctx.effect(() => ctx.locale.register(NS, { zh, en }), "ui-mstar-panel: dictionaries");
+  ctx.slots.inject("conversation.view", () => ctx.slots.register({
+    name: "conversation.view",
+    id: "mstar-workflow",
+    order: 20,
+    label: () => ctx.locale.bind(NS)("view.mstar-workflow"),
+    locale: NS
+  }, PanelView));
+}
+
+return module.exports; } });