npm - ops-tune-workbench-plugin - Versions diffs - 0.0.0-stage → 0.0.1-beta.2 - Mend

ops-tune-workbench-plugin 0.0.0-stage → 0.0.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (183) hide show

package/lib/client.js ADDED Viewed

@@ -0,0 +1,4253 @@
+window.__ModuleLoader__.load({
+	id: "ops-tune-workbench-plugin",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		const style = document.createElement("style");
+		style.textContent = "/* ops-tune-workbench panel styles — dsh container theme adaptation (V-01):\n   structural colors go through the dsh --dsw-alias-* variables so the panel\n   follows the container light/dark theme; DATA colors (PIPE eight-color set,\n   topology read/write arrows) keep the reference values verbatim. */\n\n.otwb-panel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n  box-sizing: border-box;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary, #13233c);\n  font-variant-numeric: tabular-nums;\n}\n.otwb-panel button { font: inherit; color: inherit; }\n.otwb-panel code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; }\n\n.otwb-sr-only {\n  position: absolute;\n  width: 1px; height: 1px;\n  margin: -1px; padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap; border: 0;\n}\n\n/* ── empty / toast ─────────────────────────────────────────────────── */\n.otwb-empty {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 32px 18px;\n  text-align: center;\n}\n.otwb-empty-title { font-size: 14px; font-weight: 700; color: var(--dsw-alias-label-primary, #13233c); }\n.otwb-empty-hint { font-size: 11px; color: var(--dsw-alias-label-tertiary, #64748b); line-height: 1.6; }\n\n.otwb-toast {\n  position: absolute;\n  left: 50%; bottom: 14px;\n  transform: translateX(-50%);\n  max-width: 80%;\n  padding: 6px 12px;\n  border-radius: 8px;\n  background: var(--dsw-alias-tooltip-bg, rgba(20,20,20,.92));\n  color: var(--dsw-alias-label-primary-inverted, #fff);\n  font-size: 11px;\n  z-index: 60;\n  cursor: pointer;\n}\n\n/* ── topbar / results list ─────────────────────────────────────────── */\n.otwb-topbar {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n}\n.otwb-topbar-title { font-weight: 700; font-size: 13px; }\n.otwb-topbar-nav { display: flex; gap: 2px; }\n.otwb-topbar-navbtn {\n  border: 0; background: none; padding: 4px 10px;\n  border-radius: 6px; cursor: pointer;\n  color: var(--dsw-alias-label-secondary, #64748b);\n}\n.otwb-topbar-navbtn--active {\n  background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12));\n  color: var(--dsw-alias-label-primary, #13233c);\n  font-weight: 600;\n}\n.otwb-topbar-skill {\n  margin-left: auto;\n  font-size: 10.5px;\n  color: var(--dsw-alias-label-tertiary, #64748b);\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n  max-width: 40%;\n}\n\n.otwb-results-head {\n  display: flex; align-items: center;\n  padding: 8px 12px 4px;\n}\n.otwb-results-title { font-size: 13px; font-weight: 700; margin: 0; }\n.otwb-results-commands { margin-left: auto; display: flex; gap: 6px; }\n.otwb-results-commands button {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  border-radius: 6px; padding: 3px 8px; cursor: pointer; font-size: 11px;\n}\n.otwb-baseline-line {\n  padding: 0 12px 6px; font-size: 11px;\n  color: var(--dsw-alias-label-tertiary, #64748b);\n}\n\n.otwb-results { list-style: none; margin: 0; padding: 0 6px 12px; overflow: auto; flex: 1; min-height: 0; }\n.otwb-result { border-bottom: 1px solid var(--dsw-alias-border-l1, #e6edf5); }\n.otwb-result-row { display: flex; align-items: center; gap: 6px; padding: 5px 6px; }\n.otwb-result-caret, .otwb-result-cmd {\n  border: 0; background: none; cursor: pointer;\n  color: var(--dsw-alias-label-tertiary, #94a3b8);\n  padding: 2px 4px; border-radius: 4px;\n}\n.otwb-result-cmd:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12)); }\n.otwb-result-flag { cursor: pointer; color: #ca8a04; user-select: none; }\n.otwb-result-title {\n  flex: 1; min-width: 0;\n  border: 0; background: none; text-align: left; cursor: pointer;\n  font-weight: 600; color: var(--dsw-alias-label-primary, #13233c);\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.otwb-result-title:hover { text-decoration: underline; }\n.otwb-result-src {\n  flex: none;\n  font-size: 10px; padding: 1px 7px; border-radius: 8px;\n  background: var(--dsw-alias-state-business-primary, #0c8ca6);\n  color: #fff;\n  max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.otwb-result--marked .otwb-result-title::after { content: ' ⚑'; color: #ca8a04; }\n.otwb-result-time { flex: none; font-size: 10.5px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-result-children { list-style: none; margin: 0; padding: 0 0 4px 30px; }\n.otwb-result-child { display: flex; align-items: center; gap: 6px; padding: 2px 2px; font-size: 11px; }\n.otwb-result-child--dir { flex-direction: column; align-items: stretch; gap: 2px; }\n.otwb-result-children--nested { padding-left: 16px; }\n.otwb-result-filetype {\n  font-size: 9px; padding: 0 5px; border-radius: 4px;\n  background: var(--dsw-alias-fill-l1, rgba(128,128,128,.15));\n  color: var(--dsw-alias-label-secondary, #64748b);\n  flex: none;\n}\n.otwb-result-filetype--csv { color: #1a743e; }\n.otwb-result-filetype--npu-rep, .otwb-result-filetype--rep, .otwb-result-filetype--ncrep { color: #885c00; }\n.otwb-result-child-title {\n  flex: 1; min-width: 0;\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.otwb-footer-note { padding: 4px 12px 10px; font-size: 10px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n\n/* ── report view shell ─────────────────────────────────────────────── */\n.otwb-report { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; }\n.otwb-report-topbar {\n  display: flex; align-items: center; gap: 8px;\n  padding: 6px 12px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n}\n.otwb-back {\n  border: 0; background: none; cursor: pointer;\n  color: var(--dsw-alias-label-secondary, #64748b); font-size: 11px;\n}\n.otwb-back:hover { color: var(--dsw-alias-label-primary, #13233c); }\n.otwb-report-src {\n  font-size: 10px; padding: 1px 7px; border-radius: 8px;\n  background: var(--dsw-alias-state-business-primary, #0c8ca6); color: #fff;\n}\n.otwb-report-refresh { margin-left: auto; font-size: 10px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n\n.otwb-tabs {\n  display: flex; align-items: center; gap: 2px;\n  padding: 0 8px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n}\n.otwb-tabs-title { font-weight: 700; padding: 6px 10px; }\n.otwb-tabs-tab {\n  border: 0; background: none; cursor: pointer;\n  padding: 6px 12px; font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #b3b3b3);\n  border-bottom: 2px solid transparent;\n}\n.otwb-tabs-tab--active {\n  color: var(--dsw-alias-label-primary, #13233c);\n  border-bottom-color: var(--dsw-alias-brand-primary, #3078f0);\n  font-weight: 600;\n}\n.otwb-tabs-tab:disabled { opacity: .45; cursor: default; }\n\n.otwb-opselect { position: relative; }\n.otwb-opselect-trigger {\n  display: inline-flex; align-items: center; gap: 4px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  border-radius: 6px; padding: 4px 10px; cursor: pointer;\n}\n.otwb-opselect-chevron { font-size: 9px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-opselect-native {\n  position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%;\n  cursor: pointer; border: 0;\n}\n\n/* ── toolbar ───────────────────────────────────────────────────────── */\n.otwb-toolbar {\n  display: flex; align-items: center; gap: 6px;\n  padding: 4px 8px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n  position: relative; z-index: 20;\n}\n.otwb-toolbar-search { position: relative; display: flex; align-items: center; }\n.otwb-toolbar-search input {\n  width: 130px; padding: 3px 20px 3px 8px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c);\n  font-size: 11px;\n}\n.otwb-toolbar-search button {\n  position: absolute; right: 2px;\n  border: 0; background: none; cursor: pointer;\n  color: var(--dsw-alias-label-tertiary, #94a3b8);\n}\n.otwb-toolbar-zoom { display: flex; align-items: center; gap: 3px; }\n.otwb-toolbar-zoom button, .otwb-iconbtn {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  border-radius: 5px; padding: 3px 7px; cursor: pointer; font-size: 11px;\n  color: var(--dsw-alias-label-secondary, #64748b);\n}\n.otwb-iconbtn--on {\n  background: var(--dsw-alias-interactive-bg-active, rgba(48,120,240,.15));\n  border-color: var(--dsw-alias-brand-primary, #3078f0);\n  color: var(--dsw-alias-label-primary, #13233c);\n}\n.otwb-toolbar-zoom input[type='range'] { width: 90px; }\n.otwb-toolbar-popwrap { position: relative; }\n\n.otwb-popover {\n  position: absolute; top: calc(100% + 4px); left: 0;\n  min-width: 230px; max-width: 330px;\n  border: 1px solid var(--dsw-alias-border-l3, #c5d2e4);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-3, #fff);\n  box-shadow: 0 6px 22px rgba(0,0,0,.18);\n  padding: 8px 10px;\n  z-index: 50;\n}\n.otwb-popover-head {\n  display: flex; align-items: center;\n  font-weight: 600; font-size: 11.5px;\n  padding-bottom: 6px; margin-bottom: 6px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n}\n.otwb-popover-head button {\n  margin-left: auto; border: 0; background: none; cursor: pointer;\n  color: var(--dsw-alias-label-tertiary, #94a3b8);\n}\n.otwb-popover-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 0; font-size: 11.5px; }\n.otwb-popover-row select {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 5px; padding: 2px 4px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c);\n}\n.otwb-popover-row--check { justify-content: space-between; }\n.otwb-popover-hint { font-size: 10px; color: var(--dsw-alias-label-tertiary, #94a3b8); margin: 2px 0 4px; }\n.otwb-stepper { display: inline-flex; align-items: center; gap: 2px; }\n.otwb-stepper input {\n  width: 44px; text-align: center;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 5px; padding: 2px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c);\n}\n.otwb-stepper button {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  border-radius: 4px; cursor: pointer; font-size: 9px; padding: 2px 4px;\n}\n.otwb-help {\n  display: inline-flex; width: 14px; height: 14px;\n  align-items: center; justify-content: center;\n  border: 1px solid var(--dsw-alias-border-l3, #c5d2e4);\n  border-radius: 50%; font-size: 9px; cursor: help;\n  color: var(--dsw-alias-label-tertiary, #94a3b8);\n}\n\n.otwb-shortcut-cols { display: flex; gap: 14px; }\n.otwb-shortcut-group { font-weight: 600; font-size: 11px; margin-bottom: 4px; }\n.otwb-shortcut-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; padding: 1px 0; }\n.otwb-kbd {\n  display: inline-block; min-width: 18px; text-align: center;\n  border: 1px solid var(--dsw-alias-border-l3, #c5d2e4);\n  border-bottom-width: 2px;\n  border-radius: 4px; padding: 1px 5px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  font-size: 10px;\n}\n.otwb-glyph { font-size: 13px; color: var(--dsw-alias-label-secondary, #64748b); }\n\n/* ── layout: main + aside ──────────────────────────────────────────── */\n.otwb-layout {\n  display: flex; flex: 1; min-height: 0;\n  --otwb-aside-width: 360px;\n}\n.otwb-layout--no-aside .otwb-aside { display: none; }\n.otwb-main { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: hidden; position: relative; }\n.otwb-tab-body { flex: 1; min-height: 0; overflow: auto; padding: 8px; }\n.otwb-aside {\n  position: relative;\n  width: var(--otwb-aside-width);\n  flex: none;\n  border-left: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n  display: flex; flex-direction: column; min-height: 0;\n}\n.otwb-aside-resize {\n  position: absolute; left: -3px; top: 0; bottom: 0; width: 6px;\n  cursor: ew-resize; border: 0; background: none; z-index: 5;\n}\n.otwb-aside-head {\n  display: flex; align-items: center; padding: 6px 10px;\n  border-bottom: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n}\n.otwb-aside-head h3 { margin: 0; font-size: 12px; }\n.otwb-aside-close { margin-left: auto; border: 0; background: none; cursor: pointer; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-aside-meta { margin: 0; padding: 4px 10px; font-size: 10.5px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-aside-scroll { flex: 1; min-height: 0; overflow: auto; padding: 8px 10px 16px; }\n\n/* ── cards ─────────────────────────────────────────────────────────── */\n.otwb-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }\n.otwb-card {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-2, #fff);\n  padding: 8px 10px;\n  display: flex; flex-direction: column; gap: 3px;\n  min-width: 0;\n}\n.otwb-card--actions { flex-direction: row; align-items: center; justify-content: space-around; }\n.otwb-card--na .otwb-card-value { color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-card-label { font-size: 10px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-card-value { font-size: 15px; font-weight: 700; color: var(--dsw-alias-label-primary, #13233c); }\n.otwb-card-num { font-size: 17px; }\n.otwb-card-unit { font-size: 10px; font-weight: 400; margin-left: 2px; }\n.otwb-card-sub { font-size: 9.5px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-bw-cols { display: flex; gap: 10px; }\n.otwb-bw-col { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }\n.otwb-bw-head { display: flex; align-items: baseline; gap: 6px; }\n.otwb-bw-side { font-size: 10px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-bar-track {\n  position: relative; height: 8px; border-radius: 3px; overflow: hidden;\n  background: var(--dsw-alias-fill-l1, rgba(128,128,128,.14));\n}\n.otwb-bar-fill {\n  position: absolute; inset: 0 auto 0 0;\n  background: #5ec8d8; /* reference --pr-color-card-bar-primary (data color, V-01) */\n}\n.otwb-bar-fill--secondary { background: #5ed8a8; }\n.otwb-linklike {\n  border: 0; background: none; cursor: pointer;\n  color: var(--dsw-alias-state-business-primary, #3078f0); font-size: 11px;\n}\n.otwb-cannbot {\n  display: inline-flex; align-items: center; gap: 4px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 6px; padding: 3px 8px; cursor: pointer;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  font-size: 10.5px;\n  color: var(--dsw-alias-label-primary, #13233c);\n}\n.otwb-cannbot:hover { border-color: var(--dsw-alias-brand-primary, #3078f0); }\n\n/* ── PIPE occupancy ────────────────────────────────────────────────── */\n.otwb-stack {\n  margin-top: 10px;\n  border: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n  border-radius: 8px;\n  padding: 8px 10px;\n  background: var(--dsw-alias-bg-layer-1, transparent);\n}\n.otwb-stack-head { display: flex; align-items: center; margin-bottom: 6px; }\n.otwb-stack-head h4 { margin: 0; font-size: 12px; }\n.otwb-stack-actions { margin-left: auto; display: flex; align-items: center; gap: 6px; }\n.otwb-pipe-toggle { display: inline-flex; border: 1px solid var(--dsw-alias-border-l2, #d8e2ee); border-radius: 6px; overflow: hidden; margin-bottom: 6px; }\n.otwb-pipe-btn { border: 0; background: none; padding: 3px 10px; cursor: pointer; font-size: 11px; }\n.otwb-pipe-btn--active { background: var(--dsw-alias-interactive-bg-active, rgba(48,120,240,.15)); font-weight: 600; }\n.otwb-pipe-scale { display: flex; gap: 6px; margin-bottom: 4px; }\n.otwb-pipe-scale-spacer { width: 86px; flex: none; }\n.otwb-pipe-scale-axis { flex: 1; display: flex; justify-content: space-between; font-size: 9px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-pipe-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }\n.otwb-pipe-row { display: flex; align-items: center; gap: 6px; }\n.otwb-pipe-label { width: 80px; flex: none; font-size: 10.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.otwb-pipe-track {\n  position: relative; flex: 1; height: 12px;\n  border: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n  border-radius: 3px; overflow: hidden;\n  background: var(--dsw-alias-fill-l1, rgba(128,128,128,.1));\n}\n.otwb-pipe-bar { position: absolute; inset: 0 auto 0 0; background: var(--otwb-pipe, #606060); }\n.otwb-pipe-hatch, .otwb-pipe-grid {\n  position: absolute; inset: 0;\n  background-image: repeating-linear-gradient(90deg, transparent 0 9px, rgba(128,128,128,.16) 9px 10px);\n}\n.otwb-pipe-abs { font-size: 9.5px; color: var(--dsw-alias-label-tertiary, #94a3b8); width: 44px; text-align: right; flex: none; }\n.otwb-pipe-pct { font-size: 10px; font-weight: 600; width: 34px; text-align: right; flex: none; }\n\n/* ── Roofline ──────────────────────────────────────────────────────── */\n.otwb-roofline { margin-top: 10px; }\n.otwb-roofline-title { margin: 0 0 6px; font-size: 12px; }\n.otwb-roofline-card {\n  border: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n  border-radius: 8px; padding: 8px;\n  background: var(--dsw-alias-bg-layer-1, transparent);\n}\n.otwb-roofline-head { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }\n.otwb-roofline-chart-title { font-size: 10.5px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-roofline-legend { display: flex; gap: 10px; font-size: 10.5px; }\n.otwb-roofline-legitem { display: inline-flex; align-items: center; gap: 4px; }\n.otwb-roofline-legdot { width: 7px; height: 7px; border-radius: 50%; background: #5ec8d8; }\n.otwb-roofline-legdot--hollow { background: transparent; border: 1.5px solid #5ec8d8; }\n.otwb-roofline-svg { width: 100%; height: auto; display: block; }\n.otwb-roofline-gridline { stroke: var(--dsw-alias-border-l1, #e6edf5); stroke-width: 1; }\n.otwb-roofline-roof { stroke: #5ec8d8; stroke-width: 1.6; fill: none; }\n.otwb-roofline-point { fill: #5ec8d8; }\n.otwb-roofline-point--hollow { fill: var(--dsw-alias-bg-layer-1, #fff); stroke: #5ec8d8; stroke-width: 1.5; }\n.otwb-roofline-ticks text { fill: var(--dsw-alias-label-tertiary, #94a3b8); font-size: 8.5px; }\n.otwb-roofline-axis-label { fill: var(--dsw-alias-label-secondary, #64748b); font-size: 9px; }\n.otwb-roofline-tip { fill: var(--dsw-alias-label-primary, #13233c); font-size: 9px; }\n.otwb-roofline-mix { margin-top: 6px; font-size: 10.5px; line-height: 1.7; }\n.otwb-roofline-mixname { font-weight: 600; }\n.otwb-roofline-mixpct { color: var(--dsw-alias-label-tertiary, #64748b); }\n\n/* ── memory topology (data colors kept verbatim, V-01) ─────────────── */\n.otwb-topo { width: 100%; max-width: 340px; height: auto; display: block; margin: 0 auto; }\n.otwb-topo-gm { fill: var(--dsw-alias-fill-l1, rgba(128,128,128,.2)); stroke: var(--dsw-alias-border-l3, #c5d2e4); }\n.otwb-topo-l2 { fill: var(--dsw-alias-fill-l2, rgba(128,128,128,.14)); stroke: var(--dsw-alias-border-l3, #c5d2e4); }\n.otwb-topo-muted { fill: rgba(128,128,128,.12); }\n.otwb-topo-cluster { fill: rgba(128,128,128,.06); stroke: var(--dsw-alias-border-l2, #d8e2ee); }\n.otwb-topo-compute { fill: rgba(48,120,240,.10); stroke: #4a8ec8; }\n.otwb-topo-cache { fill: rgba(94,200,216,.10); stroke: #5ec8d8; }\n.otwb-topo-pillar { fill: var(--dsw-alias-label-secondary, #64748b); font-size: 10px; }\n.otwb-topo-node { fill: var(--dsw-alias-label-primary, #13233c); font-size: 9.5px; }\n.otwb-topo-tiny { fill: var(--dsw-alias-label-secondary, #64748b); font-size: 7.5px; }\n.otwb-topo-cluster-title { fill: var(--dsw-alias-label-tertiary, #94a3b8); font-size: 8.5px; font-weight: 600; }\n.otwb-topo-edge { fill: var(--dsw-alias-label-secondary, #64748b); font-size: 7.5px; }\n.otwb-topo-pct { fill: var(--dsw-alias-label-secondary, #64748b); font-size: 8.5px; }\n.otwb-topo-arrow-read { stroke: #e8c040; stroke-width: 1.3; fill: none; }\n.otwb-topo-arrow-write { stroke: #4a8ec8; stroke-width: 1.3; fill: none; }\n.otwb-topo-wrap { display: flex; justify-content: center; }\n\n/* ── hardware details / summary categories ──────────────────────────── */\n.otwb-hw-section { margin-bottom: 8px; }\n.otwb-hw-section h5 { margin: 0 0 3px; font-size: 11px; }\n.otwb-hw-section ul { list-style: none; margin: 0; padding: 0; }\n.otwb-hw-row { display: flex; justify-content: space-between; gap: 8px; padding: 1px 0; font-size: 10.5px; }\n.otwb-hw-key { color: var(--dsw-alias-label-tertiary, #64748b); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.otwb-hw-val { text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n.otwb-summ-tabs { display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 6px; }\n.otwb-summ-tab {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  border-radius: 6px; padding: 2px 8px; cursor: pointer; font-size: 10.5px;\n}\n.otwb-summ-tab--active { border-color: var(--dsw-alias-brand-primary, #3078f0); font-weight: 600; }\n.otwb-summ-fields { list-style: none; margin: 0; padding: 0; }\n.otwb-summ-field { display: flex; justify-content: space-between; gap: 8px; padding: 1px 0; font-size: 10.5px; }\n.otwb-summ-key { color: var(--dsw-alias-label-tertiary, #64748b); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.otwb-summ-val { text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n/* ── timeline ──────────────────────────────────────────────────────── */\n.otwb-tl { display: flex; flex-direction: column; flex: 1; min-height: 0; position: relative; }\n.otwb-tl-pinned {\n  display: flex; flex: none;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n  overflow: hidden;\n}\n.otwb-tl-pinned-labels { display: flex; gap: 6px; align-items: center; padding: 0 6px; border-right: 1px solid var(--dsw-alias-border-l1, #e6edf5); }\n.otwb-tl-pinrow { display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; cursor: pointer; font-size: 10.5px; }\n.otwb-tl-pin-dot { width: 6px; height: 6px; border-radius: 2px; }\n.otwb-tl-pinned-canvas { flex: 1; }\n.otwb-tl-axis {\n  position: relative; height: 26px; flex: none;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n}\n.otwb-tl-axis-ruler { position: relative; height: 100%; }\n.otwb-tl-axis-minor {\n  position: absolute; top: 14px; bottom: 4px; width: 1px;\n  background: var(--dsw-alias-border-l1, #313131);\n  opacity: .5;\n}\n.otwb-tl-axis-major {\n  position: absolute; top: 6px; bottom: 4px; width: 1px;\n  background: var(--dsw-alias-label-tertiary, #606060);\n}\n.otwb-tl-axis-label {\n  position: absolute; top: -3px; left: 3px;\n  font-size: 9px; white-space: nowrap;\n  color: var(--dsw-alias-label-secondary, #94a3b8);\n}\n.otwb-tl-body { display: flex; flex: 1; min-height: 0; }\n.otwb-tl-gutter {\n  position: relative; flex: none;\n  border-right: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n  overflow: hidden;\n}\n.otwb-tl-lane {\n  position: absolute; left: 0; right: 0;\n  display: flex; align-items: center; gap: 5px;\n  border-bottom: 1px dotted var(--dsw-alias-border-l1, rgba(128,128,128,.2));\n}\n.otwb-tl-lane--group { background: rgba(128,128,128,.05); }\n.otwb-tl-chevron {\n  border: 0; background: none; cursor: pointer;\n  font-size: 9px; width: 12px; flex: none; padding: 0;\n  color: var(--dsw-alias-label-tertiary, #94a3b8);\n}\n.otwb-tl-lane-name {\n  flex: 1; min-width: 0;\n  font-size: 10.5px;\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n  color: var(--dsw-alias-label-primary, #13233c);\n}\n.otwb-tl-lane-util {\n  position: relative; width: 44px; height: 6px; flex: none;\n  border-radius: 2px; overflow: hidden;\n  background: var(--dsw-alias-fill-l1, rgba(128,128,128,.16));\n}\n.otwb-tl-util-fill { position: absolute; inset: 0 auto 0 0; }\n.otwb-tl-util-mid { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(128,128,128,.4); }\n.otwb-tl-pin {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: none; border-radius: 3px;\n  font-size: 7.5px; padding: 0 3px; cursor: pointer; flex: none;\n  color: var(--dsw-alias-label-tertiary, #94a3b8);\n}\n.otwb-tl-gutter-resize {\n  position: absolute; top: 0; bottom: 0; right: -3px; width: 6px;\n  cursor: ew-resize; z-index: 4;\n}\n.otwb-tl-scroll { flex: 1; min-width: 0; overflow: auto; position: relative; }\n.otwb-tl-canvaswrap { position: relative; min-width: 100%; }\n.otwb-tl-canvaswrap canvas { display: block; }\n.otwb-tl-deps { position: absolute; inset: 0; color: rgba(128,128,128,.55); pointer-events: none; }\n.otwb-tl-cursor {\n  position: absolute; top: 0; bottom: 0; width: 1px;\n  background: var(--dsw-alias-brand-primary, #3078f0);\n  pointer-events: none;\n}\n.otwb-tl-cursor--snapped { width: 2px; }\n.otwb-tl-cursor-label {\n  position: absolute; top: 1px; left: 3px;\n  font-size: 9px; white-space: nowrap;\n  color: var(--dsw-alias-label-secondary, #94a3b8);\n}\n.otwb-tl-tip {\n  position: absolute; z-index: 30;\n  background: var(--dsw-alias-tooltip-bg, rgba(20,20,20,.92));\n  color: var(--dsw-alias-label-primary-inverted, #fff);\n  border-radius: 6px; padding: 5px 8px;\n  font-size: 10px; pointer-events: none; line-height: 1.5;\n  max-width: 220px;\n}\n.otwb-tl-tip-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.otwb-tl-measure {\n  position: absolute; top: 4px; right: 12px; z-index: 25;\n  display: flex; align-items: center; gap: 6px;\n  background: var(--dsw-alias-bg-layer-3, #fff);\n  border: 1px solid var(--dsw-alias-brand-primary, #3078f0);\n  border-radius: 6px; padding: 2px 8px;\n  font-size: 10.5px;\n}\n.otwb-tl-measure-label { font-weight: 600; color: var(--dsw-alias-brand-primary, #3078f0); }\n.otwb-tl-measure-focus, .otwb-tl-measure-clear {\n  border: 0; background: none; cursor: pointer;\n  color: var(--dsw-alias-label-tertiary, #64748b); font-size: 10px;\n}\n\n/* ── detail dock ───────────────────────────────────────────────────── */\n.otwb-dock {\n  --otwb-dock-h: 247px;\n  position: relative;\n  flex: none;\n  height: var(--otwb-dock-h);\n  border-top: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-1, transparent);\n  display: flex; flex-direction: column;\n  transition: height .18s ease;\n}\n.otwb-dock--expanded { height: 407px; }\n.otwb-dock-expander {\n  position: absolute; top: -1px; left: 50%; transform: translateX(-50%);\n  width: 56px; height: 12px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-top: 0; border-radius: 0 0 6px 6px;\n  background: var(--dsw-alias-bg-layer-3, #fff);\n  cursor: pointer; z-index: 10;\n  display: flex; align-items: center; justify-content: center; gap: 2px;\n  color: var(--dsw-alias-label-tertiary, #94a3b8);\n  font-size: 8px; padding: 0;\n}\n.otwb-dock-expander-bar { width: 26px; height: 2px; border-radius: 1px; background: currentColor; }\n.otwb-dock-head {\n  display: flex; align-items: center; padding: 8px 10px 4px 24px;\n}\n.otwb-dock-tabs { display: flex; gap: 2px; }\n.otwb-dock-tab {\n  border: 0; background: none; cursor: pointer;\n  padding: 3px 10px; border-radius: 5px;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary, #64748b);\n}\n.otwb-dock-tab--active {\n  background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12));\n  color: var(--dsw-alias-label-primary, #13233c);\n  font-weight: 600;\n}\n.otwb-dock-close { margin-left: auto; border: 0; background: none; cursor: pointer; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-dock-body { flex: 1; min-height: 0; display: flex; overflow: hidden; }\n.otwb-dock-scroll { flex: 1; min-width: 0; overflow: auto; padding: 6px 10px 10px; }\n.otwb-dock-modehead { display: flex; align-items: center; margin-bottom: 6px; }\n.otwb-dock-modehead h4 { margin: 0; font-size: 12px; }\n.otwb-dock-event {\n  width: 46%; flex: none;\n  border-left: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n  padding: 6px 10px; overflow: auto;\n}\n\n.otwb-dsum-head { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }\n.otwb-dsum-name { font-weight: 700; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.otwb-dsum-kind { font-size: 10px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-dsum-metrics { display: flex; gap: 12px; margin: 0; }\n.otwb-dsum-metric dt { font-size: 13px; font-weight: 700; }\n.otwb-dsum-metric dd { margin: 0; font-size: 9.5px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-dparam { margin-top: 8px; }\n.otwb-dparam-title { margin: 0 0 3px; font-size: 11px; }\n.otwb-dparam-empty { margin: 0; font-size: 10.5px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-dparam-rows { margin: 0; }\n.otwb-dparam-row { display: flex; gap: 8px; padding: 1px 0; font-size: 10.5px; }\n.otwb-dparam-row dt { color: var(--dsw-alias-label-tertiary, #64748b); flex: none; max-width: 40%; overflow: hidden; text-overflow: ellipsis; }\n.otwb-dparam-row dd { margin: 0; min-width: 0; }\n.otwb-dparam-value { display: inline-block; margin-right: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 130px; }\n.otwb-drel { margin-top: 8px; }\n.otwb-drel-toolbar { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }\n.otwb-drel-title { margin: 0; font-size: 11px; }\n.otwb-drel-modes { margin-left: auto; display: flex; gap: 2px; }\n.otwb-drel-mode {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: none; border-radius: 4px; cursor: pointer;\n  font-size: 11px; padding: 1px 6px;\n  color: var(--dsw-alias-label-tertiary, #64748b);\n}\n.otwb-drel-mode--on { background: var(--dsw-alias-interactive-bg-active, rgba(48,120,240,.15)); color: var(--dsw-alias-label-primary, #13233c); }\n.otwb-drel-empty { margin: 0; font-size: 10.5px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-drel-graph { display: flex; gap: 8px; align-items: flex-start; }\n.otwb-drel-col { flex: 1; min-width: 0; }\n.otwb-drel-col--current { flex: 0.8; }\n.otwb-drel-colhead {\n  font-size: 9.5px; color: var(--dsw-alias-label-tertiary, #64748b);\n  border-bottom: 1px solid var(--dsw-alias-border-l1, #e6edf5); padding-bottom: 2px; margin-bottom: 3px;\n  display: flex; justify-content: space-between;\n}\n.otwb-drel-count { font-weight: 700; }\n.otwb-drel-col ul { list-style: none; margin: 0; padding: 0; }\n.otwb-drel-item {\n  font-size: 10px; padding: 1px 0;\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.otwb-drel-item--current { font-weight: 700; }\n\n/* ── CSV pages ─────────────────────────────────────────────────────── */\n.otwb-csv { display: flex; flex-direction: column; gap: 6px; min-height: 0; }\n.otwb-csv-tabs { display: flex; flex-wrap: wrap; gap: 3px; }\n.otwb-csv-tab {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  border-radius: 6px; padding: 2px 9px; cursor: pointer; font-size: 10.5px;\n  color: var(--dsw-alias-label-secondary, #64748b);\n}\n.otwb-csv-tab--active { border-color: var(--dsw-alias-brand-primary, #3078f0); color: var(--dsw-alias-label-primary, #13233c); font-weight: 600; }\n.otwb-csv-toolbar { display: flex; align-items: center; gap: 8px; }\n.otwb-csv-search { position: relative; flex: 1; min-width: 90px; }\n.otwb-csv-search input {\n  width: 100%; padding: 3px 20px 3px 8px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c);\n  font-size: 11px; box-sizing: border-box;\n}\n.otwb-csv-clear {\n  position: absolute; right: 2px; top: 50%; transform: translateY(-50%);\n  border: 0; background: none; cursor: pointer; color: var(--dsw-alias-label-tertiary, #94a3b8);\n}\n.otwb-csv-actions { display: flex; align-items: center; gap: 8px; }\n.otwb-csv-block { display: flex; align-items: center; gap: 4px; font-size: 10.5px; }\n.otwb-csv-block select {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 5px; padding: 2px 4px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c);\n}\n.otwb-csv-viewall {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  border-radius: 6px; padding: 3px 9px; cursor: pointer; font-size: 10.5px;\n}\n.otwb-csv-viewall:disabled { opacity: .45; cursor: default; }\n.otwb-csv-note { font-size: 10.5px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-csv-empty {\n  padding: 14px 10px; text-align: center;\n  font-size: 11px; color: var(--dsw-alias-label-tertiary, #94a3b8);\n  border: 1px dashed var(--dsw-alias-border-l2, #d8e2ee); border-radius: 8px;\n}\n.otwb-csv-empty--error { color: var(--dsw-alias-state-error-primary, #dc2626); }\n.otwb-csv-fields { list-style: none; margin: 0; padding: 0; overflow: auto; min-height: 0; }\n.otwb-csv-field { display: flex; gap: 8px; padding: 2px 0; border-bottom: 1px dotted var(--dsw-alias-border-l1, rgba(128,128,128,.18)); font-size: 10.5px; }\n.otwb-csv-field-name { flex: none; width: 46%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.otwb-csv-match { background: rgba(232,192,64,.45); border-radius: 2px; }\n.otwb-csv-field-value { flex: 1; min-width: 0; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n.otwb-fullcsv {\n  position: absolute; inset: 0; z-index: 55;\n  background: var(--dsw-alias-bg-base, #fff);\n  display: flex; flex-direction: column;\n}\n.otwb-fullcsv-head {\n  display: flex; align-items: center; gap: 8px;\n  padding: 6px 10px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n}\n.otwb-fullcsv-title { font-weight: 600; font-size: 12px; }\n.otwb-fullcsv-head input {\n  flex: 1; padding: 3px 8px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee); border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c);\n  font-size: 11px;\n}\n.otwb-fullcsv-head button { border: 0; background: none; cursor: pointer; font-size: 14px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-fullcsv-body { flex: 1; min-height: 0; overflow: auto; }\n.otwb-fullcsv-table { border-collapse: collapse; width: 100%; font-size: 10.5px; }\n.otwb-fullcsv-table th, .otwb-fullcsv-table td {\n  border: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n  padding: 2px 6px; white-space: nowrap; max-width: 220px; overflow: hidden; text-overflow: ellipsis;\n}\n.otwb-fullcsv-table th { background: var(--dsw-alias-fill-l1, rgba(128,128,128,.1)); position: sticky; top: 0; text-align: left; }\n.otwb-fullcsv-rownum { color: var(--dsw-alias-label-tertiary, #94a3b8); width: 34px; }\n.otwb-fullcsv-note { padding: 4px 10px; font-size: 10px; color: var(--dsw-alias-state-warn-label, #ca8a04); }\n\n/* ── verdict / comparison ──────────────────────────────────────────── */\n.otwb-verdict {\n  margin-top: 10px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 8px; padding: 8px 10px;\n  background: var(--dsw-alias-bg-layer-1, transparent);\n}\n.otwb-verdict--empty { border-style: dashed; }\n.otwb-verdict-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.otwb-verdict-stamp {\n  font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 5px;\n  background: rgba(128,128,128,.15); color: var(--dsw-alias-label-secondary, #64748b);\n}\n.otwb-verdict-stamp--needs_optimization { background: rgba(220,38,38,.14); color: #dc2626; }\n.otwb-verdict-stamp--near_limit { background: rgba(202,138,4,.16); color: #ca8a04; }\n.otwb-verdict-stamp--good { background: rgba(21,146,74,.14); color: #15924a; }\n.otwb-verdict-stamp--empty { background: rgba(128,128,128,.12); }\n.otwb-verdict-title { font-weight: 700; font-size: 12px; }\n.otwb-verdict-hint { margin: 4px 0 8px; font-size: 10.5px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-verdict-sub { margin: 8px 0 4px; font-size: 11px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-verdict-finding {\n  border: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n  border-radius: 6px; padding: 6px 8px; margin-bottom: 6px;\n}\n.otwb-verdict-finding-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.otwb-verdict-sev {\n  font-size: 9px; font-weight: 700; padding: 1px 6px; border-radius: 4px;\n  background: rgba(128,128,128,.15); color: var(--dsw-alias-label-secondary, #64748b);\n}\n.otwb-verdict-sev--critical { background: rgba(220,38,38,.15); color: #dc2626; }\n.otwb-verdict-sev--moderate { background: rgba(202,138,4,.16); color: #ca8a04; }\n.otwb-verdict-sev--light { background: rgba(48,120,240,.12); color: #3078f0; }\n.otwb-verdict-rule { font-size: 10.5px; }\n.otwb-verdict-name { font-size: 10.5px; color: var(--dsw-alias-label-secondary, #64748b); }\n.otwb-verdict-conf { font-size: 9px; color: var(--dsw-alias-label-tertiary, #94a3b8); margin-left: auto; }\n.otwb-verdict-rows { margin: 4px 0 0; }\n.otwb-verdict-row { display: flex; gap: 8px; padding: 1px 0; font-size: 10.5px; }\n.otwb-verdict-row dt { flex: none; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-verdict-row dd { margin: 0; min-width: 0; }\n.otwb-verdict-row--counter dd { color: #854d0e; }\n.otwb-verdict-mech { display: inline-block; margin: 0 4px 2px 0; font-size: 9.5px; }\n.otwb-verdict-skipped summary { cursor: pointer; font-size: 10.5px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-verdict-skipped ul { list-style: none; padding: 4px 0 0 0; margin: 0; }\n.otwb-verdict-skipped li { display: flex; gap: 6px; font-size: 10px; padding: 1px 0; }\n.otwb-verdict-skipstatus { color: var(--dsw-alias-label-tertiary, #94a3b8); flex: none; }\n.otwb-verdict-skipreason { color: var(--dsw-alias-label-tertiary, #94a3b8); overflow: hidden; text-overflow: ellipsis; }\n.otwb-verdict-next ol { margin: 2px 0 0; padding-left: 18px; font-size: 10.5px; }\n.otwb-verdict-footer {\n  margin-top: 8px; padding-top: 6px;\n  border-top: 1px dashed var(--dsw-alias-border-l2, #d8e2ee);\n  font-size: 9.5px; color: var(--dsw-alias-label-tertiary, #854d0e);\n}\n\n.otwb-compare {\n  margin-top: 10px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 8px; padding: 8px 10px;\n}\n.otwb-compare--rejected { border-color: rgba(220,38,38,.45); }\n.otwb-compare-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.otwb-compare-stamp {\n  font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 5px;\n}\n.otwb-compare-stamp--ok { background: rgba(21,146,74,.14); color: #15924a; }\n.otwb-compare-stamp--rejected { background: rgba(220,38,38,.14); color: #dc2626; }\n.otwb-compare-title { font-weight: 700; font-size: 12px; }\n.otwb-compare-speedup { margin-left: auto; font-size: 11px; font-weight: 700; }\n.otwb-compare-line { margin: 4px 0 0; font-size: 10.5px; }\n\n/* ── CANNBot modal ─────────────────────────────────────────────────── */\n.otwb-cbmodal-backdrop {\n  position: absolute; inset: 0; z-index: 70;\n  background: rgba(0,0,0,.35);\n  display: flex; align-items: center; justify-content: center;\n  padding: 14px;\n}\n.otwb-cbmodal {\n  width: 100%; max-width: 460px; max-height: 100%;\n  border: 1px solid var(--dsw-alias-border-l3, #c5d2e4);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-3, #fff);\n  display: flex; flex-direction: column; gap: 8px;\n  padding: 12px 14px;\n  box-shadow: 0 10px 34px rgba(0,0,0,.25);\n}\n.otwb-cbmodal-head { display: flex; align-items: center; }\n.otwb-cbmodal-title { font-weight: 700; font-size: 13px; }\n.otwb-cbmodal-close { margin-left: auto; border: 0; background: none; cursor: pointer; font-size: 15px; color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-cbmodal-rows { margin: 0; }\n.otwb-cbmodal-row { display: flex; gap: 8px; padding: 2px 0; font-size: 11px; }\n.otwb-cbmodal-row dt { flex: none; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-cbmodal-row dd { margin: 0; }\n.otwb-cbmodal-warn { color: var(--dsw-alias-state-warn-label, #ca8a04); }\n.otwb-chip {\n  font-size: 10px; padding: 1px 7px; border-radius: 8px;\n  background: var(--dsw-alias-fill-l1, rgba(128,128,128,.15));\n}\n.otwb-cbmodal-preview {\n  margin: 0;\n  border: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-secondary, #64748b);\n  font-size: 9px; line-height: 1.5;\n  padding: 6px 8px;\n  max-height: 130px; overflow: auto;\n  white-space: pre-wrap; word-break: break-all;\n}\n.otwb-cbmodal-note { margin: 0; font-size: 10px; color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-cbmodal-actions { display: flex; gap: 8px; justify-content: flex-end; }\n.otwb-btn {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  border-radius: 6px; padding: 4px 12px; cursor: pointer; font-size: 11.5px;\n  color: var(--dsw-alias-label-primary, #13233c);\n}\n.otwb-btn--primary {\n  background: var(--dsw-alias-button-primary-fill, #3078f0);\n  border-color: var(--dsw-alias-button-primary-fill, #3078f0);\n  color: #fff;\n}\n.otwb-btn--ghost { border-style: dashed; }\n.otwb-btn:disabled { opacity: .55; cursor: default; }\n\n/* ── collection config ─────────────────────────────────────────────── */\n.otwb-cfg { overflow: auto; padding: 10px 14px 24px; }\n.otwb-cfg-head { display: flex; align-items: center; gap: 10px; }\n.otwb-cfg-title { margin: 0; font-size: 14px; }\n.otwb-cfg-soc { margin-left: auto; display: flex; align-items: center; gap: 6px; font-size: 11px; }\n.otwb-cfg-soc select {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee); border-radius: 5px;\n  padding: 2px 4px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c);\n}\n.otwb-cfg-note {\n  margin: 6px 0 10px; padding: 6px 10px;\n  border-radius: 6px;\n  background: rgba(48,120,240,.08);\n  font-size: 10.5px; color: var(--dsw-alias-label-secondary, #475569);\n  line-height: 1.55;\n}\n.otwb-cfg-section {\n  margin-bottom: 14px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  border-radius: 8px; padding: 10px 12px;\n}\n.otwb-cfg-section-title { margin: 0 0 8px; font-size: 13px; }\n.otwb-cfg-alert {\n  border-radius: 6px; padding: 6px 10px; margin-bottom: 10px;\n  background: rgba(48,120,240,.07);\n  font-size: 10.5px; line-height: 1.6; color: var(--dsw-alias-label-secondary, #475569);\n}\n.otwb-cfg-group { margin: 8px 0 4px; font-size: 12px; }\n.otwb-cfg-block { margin: 6px 0; }\n.otwb-cfg-block-title { font-weight: 600; font-size: 11.5px; }\n.otwb-cfg-desc { font-size: 10.5px; color: var(--dsw-alias-label-tertiary, #64748b); margin: 2px 0; }\n.otwb-cfg-checks { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 4px 0; }\n.otwb-cfg-checks--nested { padding-left: 22px; flex-direction: column; gap: 3px; }\n.otwb-check { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; font-size: 11px; }\n.otwb-check input { position: absolute; opacity: 0; pointer-events: none; }\n.otwb-check-box {\n  width: 13px; height: 13px; flex: none;\n  border: 1px solid var(--dsw-alias-border-l3, #c5d2e4);\n  border-radius: 3px;\n  display: inline-flex; align-items: center; justify-content: center;\n  font-size: 9px; color: #fff;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n}\n.otwb-check--on .otwb-check-box { background: var(--dsw-alias-state-business-primary, #3078f0); border-color: var(--dsw-alias-state-business-primary, #3078f0); }\n.otwb-check-box--indeterminate { background: var(--dsw-alias-state-business-primary, #3078f0); border-color: var(--dsw-alias-state-business-primary, #3078f0); }\n.otwb-check-box--forced { opacity: .55; }\n.otwb-cfg-row { display: flex; align-items: center; gap: 10px; margin: 6px 0; }\n.otwb-cfg-row--stack { flex-direction: column; align-items: stretch; gap: 4px; }\n.otwb-cfg-label { flex: none; width: 160px; font-size: 11px; color: var(--dsw-alias-label-secondary, #475569); }\n.otwb-cfg-inputgroup { display: flex; gap: 6px; flex: 1; }\n.otwb-cfg-inputgroup input {\n  flex: 1; min-width: 0; padding: 4px 8px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee); border-radius: 5px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c); font-size: 11px;\n}\n.otwb-cfg-row textarea {\n  width: 100%; box-sizing: border-box; padding: 4px 8px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee); border-radius: 5px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 10.5px; resize: vertical;\n}\n.otwb-cfg-segmented { display: inline-flex; border: 1px solid var(--dsw-alias-border-l2, #d8e2ee); border-radius: 6px; overflow: hidden; }\n.otwb-seg { border: 0; background: none; padding: 3px 12px; cursor: pointer; font-size: 11px; color: var(--dsw-alias-label-secondary, #64748b); }\n.otwb-seg--on { background: var(--dsw-alias-state-business-primary, #3078f0); color: #fff; }\n.otwb-cfg-collapsible {\n  margin-top: 8px;\n  border: 1px solid var(--dsw-alias-border-l1, #e6edf5);\n  border-radius: 6px; padding: 8px 10px;\n}\n.otwb-cfg-collapsible-head { margin: 0 0 4px; font-size: 12px; }\n.otwb-cfg-metrics-toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }\n.otwb-cfg-metrics-toolbar input {\n  padding: 3px 8px;\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee); border-radius: 5px;\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  color: var(--dsw-alias-label-primary, #13233c); font-size: 11px;\n}\n.otwb-dcctable { border-collapse: collapse; width: 100%; font-size: 11px; }\n.otwb-dcctable th, .otwb-dcctable td { text-align: left; padding: 3px 8px; border-bottom: 1px solid var(--dsw-alias-border-l1, #e6edf5); }\n.otwb-dcctable th { color: var(--dsw-alias-label-tertiary, #64748b); font-weight: 600; }\n.otwb-dcctable tbody tr { cursor: pointer; }\n.otwb-dcctable tbody tr:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.08)); }\n.otwb-dcctable-row--active { background: rgba(48,120,240,.10); }\n.otwb-dcctable-radio { width: 26px; }\n.otwb-radio {\n  display: inline-block; width: 11px; height: 11px;\n  border: 1px solid var(--dsw-alias-border-l3, #c5d2e4);\n  border-radius: 50%;\n}\n.otwb-radio--on { border-color: var(--dsw-alias-state-business-primary, #3078f0); box-shadow: inset 0 0 0 2.5px var(--dsw-alias-bg-layer-3, #fff); background: var(--dsw-alias-state-business-primary, #3078f0); }\n.otwb-dcctable-muted { color: var(--dsw-alias-label-tertiary, #94a3b8); }\n.otwb-cfg-footer {\n  position: sticky; bottom: 0;\n  display: flex; gap: 8px; justify-content: flex-end;\n  padding: 8px 0;\n  background: var(--dsw-alias-bg-base, transparent);\n}\n\n/* ── op info tab ───────────────────────────────────────────────────── */\n.otwb-opinfo { padding: 6px 2px; }\n.otwb-opinfo-name { margin: 4px 0 8px; font-size: 15px; }\n.otwb-opinfo-rows { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; font-size: 11px; }\n.otwb-opinfo-rows dt { color: var(--dsw-alias-label-tertiary, #64748b); }\n.otwb-opinfo-rows dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }\n.otwb-opinfo-operators { margin-top: 12px; }\n.otwb-opinfo-operators h4 { margin: 0 0 4px; font-size: 12px; }\n.otwb-opinfo-operators ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }\n.otwb-opinfo-operators button {\n  border: 1px solid var(--dsw-alias-border-l2, #d8e2ee);\n  background: var(--dsw-alias-bg-layer-2, transparent);\n  border-radius: 6px; padding: 4px 10px; cursor: pointer; text-align: left;\n}\n.otwb-opinfo-op--active button { border-color: var(--dsw-alias-brand-primary, #3078f0); font-weight: 600; }\n\n/* skeleton-era classes kept for the transitional build */\n.otwb-panel--skeleton { align-items: stretch; gap: 10px; }\n.otwb-skeleton-title { font-size: 14px; font-weight: 700; }\n.otwb-skeleton-body { display: flex; flex-direction: column; gap: 8px; }\n.otwb-skeleton-badge { align-self: flex-start; }\n.otwb-skeleton-hint { font-size: 11px; color: var(--dsw-alias-label-tertiary, #64748b); line-height: 1.6; }\n";
+		document.head.appendChild(style);
+/* css side-effect import kept for the wrapper */
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+// src/client/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+var import_react11 = require("react");
+// ../../../../aitoy/cann-workbench/cann-workbench/plugins/ops-tune-workbench/node_modules/@deepseek-ai/dsh-util-crypto/lib/index.js
+function randomUUID() {
+  const bytes = globalThis.crypto.getRandomValues(new Uint8Array(16));
+  const hex = Array.from(bytes, (byte, index) => {
+    return (index === 6 ? byte & 15 | 64 : index === 8 ? byte & 63 | 128 : byte).toString(16).padStart(2, "0");
+  }).join("");
+  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+// src/client/panel.tsx
+var import_react10 = require("react");
+// src/client/report-view.tsx
+var import_react8 = require("react");
+// src/client/detail-dock.tsx
+var import_react4 = require("react");
+// src/client/aside-cards.tsx
+var import_react = require("react");
+// src/client/timeline/model.ts
+var PIPE_COLORS = {
+  cube: "#007084",
+  vector: "#007464",
+  mte1: "#885C00",
+  mte2: "#985000",
+  mte3: "#A44830",
+  fixp: "#586C0C",
+  scalar: "#1A743E",
+  default: "#606060"
+};
+function colorKeyForThreadName(name) {
+  const upper = name.toUpperCase();
+  if (upper.includes("MTE1")) return "mte1";
+  if (upper.includes("MTE2")) return "mte2";
+  if (upper.includes("MTE3")) return "mte3";
+  if (upper.includes("PIPE_S") || upper.includes("SCALAR")) return "scalar";
+  if (upper.includes("FIX")) return "fixp";
+  if (upper.includes("PIPE_V") || upper.includes("VEC")) return "vector";
+  if (upper.includes("CUBE")) return "cube";
+  return "default";
+}
+function unitFactor(unit) {
+  const u = unit.trim().toLowerCase().replace("\xB5", "u").replace("\u03BC", "u");
+  if (u === "ns") return 1;
+  if (u === "us") return 1e3;
+  if (u === "ms") return 1e6;
+  if (u === "s") return 1e9;
+  return 1e3;
+}
+function threadKey(pid, tid) {
+  return `${String(pid ?? 0)}:${String(tid ?? 0)}`;
+}
+function isNameable(v) {
+  return typeof v === "string" && v !== "" || typeof v === "number" && Number.isFinite(v);
+}
+function chromeTraceToSwimlane(raw, sourceTimeUnit) {
+  const events = raw.traceEvents ?? [];
+  const nestCardTree = raw.otherData?.nestCardTree === true || raw.nestCardTree === true;
+  const f = unitFactor(sourceTimeUnit);
+  const threadNames = /* @__PURE__ */ new Map();
+  const processNames = /* @__PURE__ */ new Map();
+  for (const ev of events) {
+    if (ev.ph !== "M") continue;
+    if (ev.name === "thread_name") {
+      threadNames.set(threadKey(ev.pid, ev.tid), String(ev.args?.name ?? `tid-${String(ev.tid)}`));
+    } else if (ev.name === "process_name") {
+      processNames.set(String(ev.pid ?? 0), String(ev.args?.name ?? `Process ${String(ev.pid)}`));
+    }
+  }
+  const starts = /* @__PURE__ */ new Map();
+  const ends = /* @__PURE__ */ new Map();
+  const threads = /* @__PURE__ */ new Map();
+  const eventsById = /* @__PURE__ */ new Map();
+  const argsDeps = [];
+  let nextSeq = 0;
+  let minTs = Number.POSITIVE_INFINITY;
+  let maxEnd = Number.NEGATIVE_INFINITY;
+  for (const ev of events) {
+    if (ev.ph === "s" || ev.ph === "f") {
+      if (ev.id === void 0 || ev.id === null || ev.ts === void 0) continue;
+      const key = threadKey(ev.pid, ev.id);
+      const bucket = (ev.ph === "s" ? starts : ends).get(key) ?? [];
+      bucket.push({ ts: ev.ts * f, pid: String(ev.pid ?? 0), tid: String(ev.tid ?? 0) });
+      (ev.ph === "s" ? starts : ends).set(key, bucket);
+      continue;
+    }
+    if (ev.ph !== "X" || ev.ts === void 0 || ev.dur === void 0 || !Number.isFinite(ev.ts) || !Number.isFinite(ev.dur) || ev.dur <= 0) continue;
+    const pid = String(ev.pid ?? 0);
+    const tid = String(ev.tid ?? 0);
+    let proc = threads.get(pid);
+    if (proc === void 0) {
+      proc = /* @__PURE__ */ new Map();
+      threads.set(pid, proc);
+    }
+    let lane = proc.get(tid);
+    if (lane === void 0) {
+      lane = {
+        id: `t-${pid}-${tid}`,
+        name: threadNames.get(threadKey(pid, tid)) ?? `tid-${tid}`,
+        events: [],
+        utilization: null
+      };
+      proc.set(tid, lane);
+    }
+    const startTime = ev.ts * f;
+    const duration = ev.dur * f;
+    minTs = Math.min(minTs, startTime);
+    maxEnd = Math.max(maxEnd, startTime + duration);
+    let id;
+    const explicit = ev.args?.event_id;
+    if (isNameable(explicit) && !eventsById.has(String(explicit))) {
+      id = String(explicit);
+    } else {
+      id = `e-${nextSeq}`;
+      nextSeq++;
+    }
+    while (eventsById.has(id)) {
+      id = `e-${nextSeq}`;
+      nextSeq++;
+    }
+    const args = { ...ev.args ?? {} };
+    if (ev.cat !== void 0 && args.cat === void 0) args.cat = ev.cat;
+    const laneEvent = {
+      id,
+      name: ev.name ?? "event",
+      startTime,
+      duration,
+      endTime: startTime + duration,
+      args,
+      colorKey: colorKeyForThreadName(lane.name)
+    };
+    eventsById.set(id, laneEvent);
+    const deps = ev.args?.dependencies;
+    if (Array.isArray(deps)) {
+      const targets = deps.filter(isNameable).map(String);
+      if (targets.length > 0) argsDeps.push({ event: laneEvent, targets });
+    }
+    lane.events.push(laneEvent);
+  }
+  if (!Number.isFinite(minTs) || eventsById.size === 0) {
+    throw new Error("no complete X events (ts+dur) in trace");
+  }
+  for (const lane of allLanes(threads)) {
+    for (const ev of lane.events) {
+      ev.startTime -= minTs;
+      ev.endTime -= minTs;
+    }
+    lane.events.sort((a, b) => a.startTime - b.startTime || b.duration - a.duration);
+    lane.utilization = laneUtilization(lane.events, maxEnd - minTs);
+  }
+  const laneOf = /* @__PURE__ */ new Map();
+  for (const lane of allLanes(threads)) laneOf.set(lane.id, lane);
+  const eventIndex = /* @__PURE__ */ new Map();
+  for (const lane of allLanes(threads)) {
+    lane.events.forEach((event, index) => eventIndex.set(event.id, { event, lane, index }));
+  }
+  const linkPair = (from, to) => {
+    if (from === to) return;
+    const a = eventIndex.get(from.id);
+    const b = eventIndex.get(to.id);
+    if (from.dependencies === void 0) from.dependencies = { predecessors: [], successors: [] };
+    if (to.dependencies === void 0) to.dependencies = { predecessors: [], successors: [] };
+    pushUnique(from.dependencies.successors, { tid: b.lane.id, index: b.index });
+    pushUnique(to.dependencies.predecessors, { tid: a.lane.id, index: a.index });
+  };
+  for (const [key, startList] of starts) {
+    const endList = ends.get(key);
+    if (endList === void 0) continue;
+    startList.sort((a, b) => a.ts - b.ts);
+    endList.sort((a, b) => a.ts - b.ts);
+    let ei = 0;
+    for (const start of startList) {
+      while (ei < endList.length && endList[ei].ts < start.ts) ei++;
+      const end = endList[ei];
+      if (end === void 0) break;
+      const from = eventAt(threads, start.pid, start.tid, start.ts);
+      const to = eventAt(threads, end.pid, end.tid, end.ts);
+      if (from !== null && to !== null) linkPair(from, to);
+      ei++;
+    }
+  }
+  for (const { event, targets } of argsDeps) {
+    for (const target of targets) {
+      const hit = eventIndex.get(target);
+      if (hit !== void 0) linkPair(event, hit.event);
+    }
+  }
+  const processes = [...threads.entries()].map(([pid, procs]) => ({
+    id: `p-${pid}`,
+    name: processNames.get(pid) ?? `Process ${pid}`,
+    threads: [...procs.values()]
+  }));
+  const model = {
+    processes,
+    minTime: 0,
+    maxTime: maxEnd - minTs,
+    metadata: { displayTimeUnit: raw.displayTimeUnit, nestCardTree, defaultCollapsedIds: [] }
+  };
+  return nestCardTree ? regroupNestCardTree(model) : model;
+}
+function laneUtilization(events, span) {
+  if (span <= 0 || events.length === 0) return null;
+  let busy = 0;
+  let end = Number.NEGATIVE_INFINITY;
+  for (const ev of events) {
+    if (ev.startTime > end) {
+      busy += ev.duration;
+      end = ev.endTime;
+    } else if (ev.endTime > end) {
+      busy += ev.endTime - end;
+      end = ev.endTime;
+    }
+  }
+  return busy / span;
+}
+function* allLanes(threads) {
+  for (const procs of threads.values()) for (const lane of procs.values()) yield lane;
+}
+function eventAt(threads, pid, tid, ts) {
+  const lane = threads.get(pid)?.get(tid);
+  if (lane === void 0) return null;
+  const evs = lane.events;
+  let lo = 0;
+  let hi = evs.length;
+  while (lo < hi) {
+    const mid = lo + hi >> 1;
+    if (evs[mid].startTime <= ts) lo = mid + 1;
+    else hi = mid;
+  }
+  for (let i = lo - 1; i >= 0; i--) {
+    const ev = evs[i];
+    if (ts <= ev.endTime) return ev;
+    if (ev.endTime < ts) break;
+  }
+  return null;
+}
+function pushUnique(list, ref) {
+  const key = `${ref.tid}:${ref.index}`;
+  if (!list.some((r) => `${r.tid}:${r.index}` === key)) list.push(ref);
+}
+var CARD_NAME = /^(.+\.[^/]+)\/([^/]+)$/;
+function regroupNestCardTree(model) {
+  let regrouped = false;
+  const processes = model.processes.map((proc) => {
+    const byCore = /* @__PURE__ */ new Map();
+    const rest = [];
+    for (const thread of proc.threads) {
+      const m = CARD_NAME.exec(thread.name);
+      if (m === null) {
+        rest.push(thread);
+        continue;
+      }
+      regrouped = true;
+      const core = m[1];
+      const stream = m[2];
+      const list = byCore.get(core) ?? [];
+      list.push({ ...thread, name: stream });
+      byCore.set(core, list);
+    }
+    if (byCore.size === 0) return proc;
+    const cards = [...byCore.entries()].sort(([a], [b]) => a.localeCompare(b)).map(([core, children]) => ({
+      id: `${proc.id}/${core}`,
+      name: core,
+      events: [],
+      utilization: meanUtilization(children),
+      children
+    }));
+    const compute = {
+      id: `${proc.id}/compute`,
+      name: "\u8BA1\u7B97",
+      categoryKey: "compute",
+      events: [],
+      utilization: meanUtilization(cards) ?? 1,
+      children: [...cards, ...rest]
+    };
+    const comm = { id: `${proc.id}/comm`, name: "\u901A\u4FE1", categoryKey: "comm", events: [], utilization: 1 };
+    const hbm = { id: `${proc.id}/hbm`, name: "\u50A8\u5B58HBM", categoryKey: "hbm", events: [], utilization: 0.46 };
+    return {
+      ...proc,
+      threads: [comm, compute, hbm]
+    };
+  });
+  if (!regrouped) return model;
+  const defaultCollapsedIds = [];
+  for (const proc of processes) {
+    const compute = proc.threads.find((t) => t.categoryKey === "compute" && t.children !== void 0);
+    if (compute?.children === void 0) continue;
+    for (const child of compute.children) {
+      if (child.name !== "Core0.Cube" && child.children !== void 0) defaultCollapsedIds.push(child.id);
+    }
+  }
+  return { ...model, processes, metadata: { ...model.metadata, nestCardTree: true, defaultCollapsedIds } };
+}
+function meanUtilization(lanes) {
+  const values = lanes.map((l) => l.utilization).filter((v) => v !== null);
+  if (values.length === 0) return null;
+  return values.reduce((a, b) => a + b, 0) / values.length;
+}
+function flattenLanes(model, collapsedIds) {
+  const out = [];
+  const walk = (lane, depth) => {
+    out.push({ lane, depth });
+    if (lane.children === void 0 || collapsedIds.has(lane.id)) return;
+    for (const child of lane.children) walk(child, depth + 1);
+  };
+  for (const proc of model.processes) {
+    const groupRow = { id: proc.id, name: proc.name, events: [], utilization: null, categoryKey: "hbm", children: [] };
+    out.push({ lane: groupRow, depth: 0 });
+    for (const thread of proc.threads) walk(thread, 0);
+  }
+  return out;
+}
+// src/client/aside-cards.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function blocksSecondary(report, locale) {
+  const s = report.summary;
+  if (s.block_dim !== null && s.core_count !== null && s.core_count > 0) {
+    return locale("blocksPerCores", { blockDim: s.block_dim, coreCount: s.core_count });
+  }
+  if (s.block_dim !== null) return locale("blocksOnly", { n: s.block_dim });
+  return null;
+}
+function durationValue(us) {
+  if (us === null || !Number.isFinite(us)) return null;
+  if (us >= 1e3) {
+    const ms = us / 1e3;
+    return { value: ms.toFixed(2), unit: "ms" };
+  }
+  return { value: us.toFixed(2), unit: "\xB5s" };
+}
+function fmtGbs(n) {
+  if (n >= 10) return n.toFixed(1);
+  if (n >= 0.01) return n.toFixed(2);
+  if (n >= 1e-3) return n.toFixed(3);
+  return n.toFixed(4);
+}
+function score(measured, peak) {
+  if (!(peak > 0)) return 0;
+  return Math.min(100, Math.max(0, Math.round(measured / peak * 100)));
+}
+function SummaryCards(props) {
+  const { report, locale, onMoreHardware, onCannbot } = props;
+  const s = report.summary;
+  const dur = durationValue(s.task_duration_us);
+  const secondary = blocksSecondary(report, locale);
+  const hasParallel = s.parallel_utilization !== null;
+  const freqText = s.current_freq !== null || s.rated_freq !== null ? `${s.current_freq !== null ? String(s.current_freq) : locale("notAvailable")} / ${s.rated_freq !== null ? String(s.rated_freq) : locale("notAvailable")} ${locale("freqUnit")}` : locale("notAvailable");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-cards", "data-testid": "stats-summary", children: [
+    dur !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card", "data-testid": "stats-duration-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-label", children: locale("duration") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card-value", "data-testid": "stats-duration-value", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-card-num", children: dur.value }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-card-unit", children: dur.unit })
+      ] }),
+      secondary !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-sub", "data-testid": "stats-duration-secondary", children: secondary })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `otwb-card${hasParallel ? "" : " otwb-card--na"}`, "data-testid": "stats-core-util-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-label", children: locale("aicoreParallel") }),
+      hasParallel ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card-value", "data-testid": "stats-core-util-value", children: [
+        ((s.parallel_utilization ?? 0) * 100).toFixed(2),
+        "%"
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-value", children: locale("notAvailable") }),
+      s.parallel_balance !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card-sub", children: [
+        locale("parallelBalance"),
+        " ",
+        (s.parallel_balance * 100).toFixed(2),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComputeCard, { report, locale }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BandwidthCard, { report, locale }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card", "data-testid": "stats-freq-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-label", children: locale("freq") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-value", children: freqText }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-sub", children: locale("ratedFreq") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card otwb-card--actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "otwb-linklike", onClick: onMoreHardware, "data-testid": "stats-aside-more", children: locale("more") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CannbotButton, { locale, onClick: onCannbot, testid: "cannbot-summary" })
+    ] })
+  ] });
+}
+function CannbotButton(props) {
+  const { locale, onClick, testid } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "otwb-cannbot", "data-testid": testid, onClick, title: locale("cannbotAsk"), "aria-label": locale("cannbotAsk"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 16 16", width: "13", height: "13", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "6", r: "3", fill: "none", stroke: "currentColor", strokeWidth: "1.3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 6 L4 13 M12 6 L12 13 M4 13 L6.5 10.5 M12 13 L9.5 10.5 M4 9 L12 9", fill: "none", stroke: "currentColor", strokeWidth: "1.1" })
+    ] }),
+    locale("cannbotAsk")
+  ] });
+}
+function ComputeCard(props) {
+  const { report, locale } = props;
+  const sides = report.compute_card.sides.filter((s) => s.measured_tflops !== null && s.peak_tflops !== null && (s.peak_tflops ?? 0) > 0);
+  if (sides.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card otwb-card--na", "data-testid": "stats-compute-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-label", children: locale("computePower") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-value", children: locale("notAvailable") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-sub", children: "ArithmeticUtilization.csv \u672A\u91C7\u96C6" })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card", "data-testid": "stats-compute-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-label", children: locale("computePower") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-bw-cols", children: sides.map((side) => {
+      const measured = side.measured_tflops ?? 0;
+      const peak = side.peak_tflops ?? 1;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-bw-col", "data-testid": `stats-compute-${side.side}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-bw-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-card-value", "data-testid": `stats-compute-${side.side}-score`, children: score(measured, peak) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-bw-side", children: side.side === "aic" ? "Cube" : "Vector" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-bar-track", "data-testid": `stats-compute-${side.side}-bar`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `otwb-bar-fill${side.side === "aiv" ? " otwb-bar-fill--secondary" : ""}`, style: { width: `${String(score(measured, peak))}%` } }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card-sub", title: `${measured.toFixed(3)} / ${peak.toFixed(3)} TFLOPS`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+            measured.toFixed(2),
+            " / ",
+            peak.toFixed(2)
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: " TFLOPS" })
+        ] })
+      ] }, side.side);
+    }) })
+  ] });
+}
+function BandwidthCard(props) {
+  const { report, locale } = props;
+  const dirOf = (id, labelKey, testid) => {
+    const card = report.bandwidth_cards.find((c) => c.id === id);
+    if (card === void 0 || card.sides.length === 0) return null;
+    const sides = card.sides.filter((s) => s.measured_gbs !== null);
+    if (sides.length === 0) return null;
+    const measured = sides.reduce((a, s) => a + (s.measured_gbs ?? 0), 0) / sides.length;
+    const peak = card.sides[0].peak_gbs ?? 1600;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-bw-col", "data-testid": testid, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-bw-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "otwb-card-value", "data-testid": `${testid}-score`, children: [
+          score(measured, peak),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-card-unit", children: "%" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-bw-side", children: locale(labelKey) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-bar-track", "data-testid": `${testid}-bar`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `otwb-bar-fill${id === "output" ? " otwb-bar-fill--secondary" : ""}`, style: { width: `${String(score(measured, peak))}%` } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card-sub", title: `${measured.toFixed(3)} / ${peak.toFixed(3)} GB/s`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          fmtGbs(measured),
+          " / ",
+          fmtGbs(peak)
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: " GB/s" })
+      ] })
+    ] }, id);
+  };
+  const read = dirOf("input", "bwRead", "stats-bandwidth-read");
+  const write = dirOf("output", "bwWrite", "stats-bandwidth-write");
+  if (read === null && write === null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card otwb-card--na", "data-testid": "stats-bandwidth-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-label", children: locale("bandwidthUtil") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-value", children: locale("notAvailable") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-sub", children: "Memory.csv \u672A\u91C7\u96C6" })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-card", "data-testid": "stats-bandwidth-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-card-label", children: locale("bandwidthUtil") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-bw-cols", children: [
+      read,
+      write
+    ] })
+  ] });
+}
+var PIPE_SCALE_TICKS = [0, 20, 40, 60, 80, 100];
+function PipeOccupancyChart(props) {
+  const { report, locale, side, showSideToggle, onSide, onDetails, onCannbot } = props;
+  const rows = report.pipe_occupancy.filter((row) => row.side === side && row.ratio !== null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "otwb-stack", "data-testid": "pipe-occupancy", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-stack-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: locale("computeAnalysis") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-stack-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CannbotButton, { locale, onClick: onCannbot, testid: "cannbot-compute" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "otwb-linklike", onClick: onDetails, "data-testid": "pipe-details", children: locale("details") })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-pipe", children: [
+      showSideToggle && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-pipe-toggle", "data-testid": "pipe-side-toggle", role: "group", "aria-label": locale("pipeSide"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: `otwb-pipe-btn${side === "cube" ? " otwb-pipe-btn--active" : ""}`, "data-testid": "pipe-side-cube", onClick: () => onSide("cube"), children: " Cube " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: `otwb-pipe-btn${side === "vector" ? " otwb-pipe-btn--active" : ""}`, "data-testid": "pipe-side-vector", onClick: () => onSide("vector"), children: " Vector " })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-pipe-chart", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-pipe-scale", "data-testid": "pipe-scale", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-pipe-scale-spacer" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-pipe-scale-axis", children: PIPE_SCALE_TICKS.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "otwb-pipe-scale-tick", children: [
+            String(t),
+            "%"
+          ] }, String(t))) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "otwb-pipe-list", children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "otwb-pipe-row", style: { ["--otwb-pipe"]: pipeColorOf(row.id) }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-pipe-label", children: row.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "otwb-pipe-track", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-pipe-hatch", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-pipe-bar", style: { width: `${Math.min(100, Math.max(0, (row.ratio ?? 0) * 100)).toFixed(2)}%` } })
+          ] }),
+          row.absolute_value !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-pipe-abs", "data-testid": "pipe-absolute", children: row.absolute_value.toFixed(2) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "otwb-pipe-pct", children: [
+            Math.round((row.ratio ?? 0) * 100),
+            "%"
+          ] })
+        ] }, `${row.id}-${row.side}`)) })
+      ] })
+    ] })
+  ] });
+}
+function pipeColorOf(id) {
+  const key = id === "icache" ? "default" : id;
+  return PIPE_COLORS[key] ?? PIPE_COLORS.default;
+}
+var ROOF_X_MIN = 1e-4;
+var ROOF_X_MAX = 100;
+var ROOF_Y_MIN = 1e-4;
+var ROOF_Y_MAX = 10;
+var ROOF_W = 440;
+var ROOF_H = 220;
+var ROOF_M = { l: 34, r: 48, t: 20, b: 36 };
+var ROOF_X_TICKS = [1e-4, 1e-3, 0.01, 0.1, 1, 10, 100];
+var ROOF_Y_TICKS = [1e-4, 1e-3, 0.01, 0.1, 1, 10];
+function logPos(v, min, max, lo, hi) {
+  const clamped = Math.min(max, Math.max(min, v));
+  return lo + (Math.log10(clamped) - Math.log10(min)) / (Math.log10(max) - Math.log10(min)) * (hi - lo);
+}
+function fmtTick(v) {
+  if (v >= 1) return String(v);
+  const digits = Math.max(0, -Math.floor(Math.log10(v)));
+  return v.toFixed(digits);
+}
+function fmtSci(v) {
+  return v >= 1 ? v.toFixed(3) : v.toPrecision(3);
+}
+function RooflinePanel(props) {
+  const { model, locale } = props;
+  const [hover, setHover] = (0, import_react.useState)(null);
+  const hasPoints = model.points.some((p) => p.intensity !== null && p.performance !== null);
+  const innerW = ROOF_W - ROOF_M.l - ROOF_M.r;
+  const innerH = ROOF_H - ROOF_M.t - ROOF_M.b;
+  const xOf = (v) => logPos(v, ROOF_X_MIN, ROOF_X_MAX, ROOF_M.l, ROOF_M.l + innerW);
+  const yOf = (v) => logPos(v, ROOF_Y_MIN, ROOF_Y_MAX, ROOF_M.t + innerH, ROOF_M.t);
+  const roof = (intensity) => Math.min(model.peak_compute_tops, (model.peak_bandwidth_gbs ?? 1600) * intensity / 1e3);
+  const knee = model.peak_compute_tops * 1e3 / Math.max(model.peak_bandwidth_gbs ?? 1600, 1e-12);
+  const roofXs = [.../* @__PURE__ */ new Set([ROOF_X_MIN, Math.min(ROOF_X_MAX, Math.max(ROOF_X_MIN, knee)), ROOF_X_MAX])];
+  const roofD = `M ${roofXs.map((x) => `${xOf(x).toFixed(1)},${yOf(roof(x)).toFixed(1)}`).join(" L ")}`;
+  const areaD = `${roofD} L ${String(xOf(ROOF_X_MAX).toFixed(1))},${String(ROOF_M.t + innerH)} L ${String(xOf(ROOF_X_MIN).toFixed(1))},${String(ROOF_M.t + innerH)} Z`;
+  if (!hasPoints && model.mix_labels.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "otwb-roofline", "data-testid": "roofline-panel", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "otwb-roofline-title", children: locale("roofline") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-roofline-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-roofline-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-roofline-chart-title", children: "GM/L2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-roofline-legend", children: model.points.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "otwb-roofline-legitem", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `otwb-roofline-legdot${p.style === "hollow" ? " otwb-roofline-legdot--hollow" : ""}` }),
+          p.label
+        ] }, p.id)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "otwb-roofline-svg", viewBox: `0 0 ${String(ROOF_W)} ${String(ROOF_H)}`, role: "img", "aria-label": locale("roofline"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "otwb-roof-grad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "rgba(94,200,216,0.20)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "rgba(94,200,216,0.02)" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { className: "otwb-roofline-grid", children: [
+          ROOF_X_TICKS.map((x) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: xOf(x), x2: xOf(x), y1: ROOF_M.t, y2: ROOF_M.t + innerH, className: "otwb-roofline-gridline" }, `gx-${String(x)}`)),
+          ROOF_Y_TICKS.map((y) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: ROOF_M.l, x2: ROOF_M.l + innerW, y1: yOf(y), y2: yOf(y), className: "otwb-roofline-gridline" }, `gy-${String(y)}`))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { className: "otwb-roofline-area", d: areaD, fill: "url(#otwb-roof-grad)", "data-testid": "roofline-area" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { className: "otwb-roofline-roof", d: roofD, "data-testid": "roofline-roof" }),
+        model.points.map((p) => {
+          if (p.intensity === null || p.performance === null) return null;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "circle",
+            {
+              className: `otwb-roofline-point${p.style === "hollow" ? " otwb-roofline-point--hollow" : ""}`,
+              cx: xOf(Math.min(ROOF_X_MAX, Math.max(ROOF_X_MIN, p.intensity))),
+              cy: yOf(Math.min(ROOF_Y_MAX, Math.max(ROOF_Y_MIN, p.performance))),
+              r: "4",
+              "data-testid": "roofline-point",
+              onMouseEnter: () => setHover({ id: p.id, label: p.label, intensity: p.intensity, performance: p.performance }),
+              onMouseLeave: () => setHover(null)
+            },
+            p.id
+          );
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { className: "otwb-roofline-ticks", children: [
+          ROOF_X_TICKS.map((x) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: xOf(x), y: ROOF_M.t + innerH + 14, textAnchor: "middle", children: fmtTick(x) }, `tx-${String(x)}`)),
+          ROOF_Y_TICKS.map((y) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: ROOF_M.l - 6, y: yOf(y) + 3, textAnchor: "end", children: fmtTick(y) }, `ty-${String(y)}`)),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: ROOF_M.l + innerW / 2, y: ROOF_H - 4, textAnchor: "middle", className: "otwb-roofline-axis-label", children: "Ops/Byte" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: 10, y: ROOF_M.t + innerH / 2, textAnchor: "middle", transform: `rotate(-90 10 ${String(ROOF_M.t + innerH / 2)})`, className: "otwb-roofline-axis-label", children: "TOps/s" })
+        ] }),
+        hover !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { className: "otwb-roofline-tip", x: ROOF_M.l + 6, y: ROOF_M.t + 12, "data-testid": "roofline-tooltip", children: `${hover.label}: ${fmtSci(hover.intensity)} Ops/Byte, ${fmtSci(hover.performance)} TOps/s` })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-roofline-mix", "data-testid": "roofline-mix", children: model.mix_labels.map((m) => m.percent !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "otwb-roofline-mixitem", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-roofline-mixname", children: m.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "otwb-roofline-mixpct", children: [
+          " (",
+          m.percent.toFixed(6),
+          "%)"
+        ] })
+      ] }, m.id)) })
+    ] })
+  ] });
+}
+var TOPO_READ = "#e8c040";
+var TOPO_WRITE = "#4a8ec8";
+function MemoryTopologyPanel(props) {
+  const { edges, locale } = props;
+  const labelOf = (id) => edges.find((e) => e.id === id)?.label ?? null;
+  const hasAny = edges.some((e) => e.label !== null && e.label !== "");
+  if (!hasAny) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+  const gm = { x: 10, y: 28, w: 22, h: 464 };
+  const l2 = { x: 50, y: 28, w: 30, h: 464 };
+  const cluster = { x: 128, w: 324, h: 148 };
+  const rows = { aiv0: 28, aic: 186, aiv1: 344 };
+  const mid = (gm.x + gm.w + l2.x) / 2;
+  const rightEdge = l2.x + l2.w + 16;
+  const cx = (n) => cluster.x + n;
+  const ry = (row, n) => rows[row] + n;
+  const rot = (x, y) => `rotate(-90 ${String(x)} ${String(y)})`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "otwb-topo", viewBox: "0 0 460 520", role: "img", "aria-label": locale("memoryTopology"), "data-testid": "memory-topology-panel", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("marker", { id: "otwb-topo-write", markerWidth: "6", markerHeight: "6", refX: "5", refY: "3", orient: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0,0 L6,3 L0,6 Z", fill: TOPO_WRITE }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("marker", { id: "otwb-topo-read", markerWidth: "6", markerHeight: "6", refX: "5", refY: "3", orient: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0,0 L6,3 L0,6 Z", fill: TOPO_READ }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: gm.x, y: gm.y, width: gm.w, height: gm.h, rx: "3", className: "otwb-topo-gm" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: gm.x + gm.w / 2, y: "260", textAnchor: "middle", transform: rot(gm.x + gm.w / 2, 260), className: "otwb-topo-pillar", children: "GM" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: l2.x, y: l2.y, width: l2.w, height: l2.h, rx: "3", className: "otwb-topo-l2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: l2.x + l2.w / 2, y: "248", textAnchor: "middle", transform: rot(l2.x + l2.w / 2, 248), className: "otwb-topo-pillar", children: "L2 Cache" }),
+    labelOf("l2-hit") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: l2.x + l2.w / 2, y: "486", textAnchor: "middle", className: "otwb-topo-pct", "data-testid": "edge-l2-hit", children: labelOf("l2-hit") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: l2.x + 2, y: "40", width: "26", height: "32", rx: "2", className: "otwb-topo-muted" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: l2.x + l2.w / 2, y: "59", textAnchor: "middle", className: "otwb-topo-tiny", children: "XN_IMM" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: l2.x + 2, y: "78", width: "26", height: "24", rx: "2", className: "otwb-topo-muted" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: l2.x + l2.w / 2, y: "93", textAnchor: "middle", className: "otwb-topo-tiny", children: "Data Cache" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${String(gm.x + gm.w)} 176 L ${String(l2.x)} 176`, className: "otwb-topo-arrow-read", markerEnd: "url(#otwb-topo-read)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${String(l2.x)} 252 L ${String(gm.x + gm.w)} 252`, className: "otwb-topo-arrow-write", markerEnd: "url(#otwb-topo-write)" }),
+    labelOf("gm-l2-read") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: mid, y: "176", textAnchor: "middle", dominantBaseline: "middle", transform: rot(mid, 176), className: "otwb-topo-edge", "data-testid": "edge-gm-l2-read", children: labelOf("gm-l2-read") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: mid, y: "252", textAnchor: "middle", dominantBaseline: "middle", transform: rot(mid, 252), className: "otwb-topo-edge", "data-testid": "edge-gm-l2-write", children: labelOf("gm-l2-write") ?? "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Cluster, { row: "aiv0", cx, ry, label: "AIV0" }),
+    labelOf("l2-ub") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: rightEdge, y: ry("aiv0", 72), textAnchor: "middle", dominantBaseline: "middle", transform: rot(rightEdge, ry("aiv0", 72)), className: "otwb-topo-edge", "data-testid": "edge-l2-ub", children: labelOf("l2-ub") }),
+    labelOf("ub-l2") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cluster.x - 16, y: ry("aiv0", 100), textAnchor: "middle", dominantBaseline: "middle", transform: rot(cluster.x - 16, ry("aiv0", 100)), className: "otwb-topo-edge", "data-testid": "edge-ub-l2", children: labelOf("ub-l2") }),
+    labelOf("vec-ub") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(248), y: ry("aiv0", 142), textAnchor: "end", className: "otwb-topo-edge", "data-testid": "edge-vec-ub", children: labelOf("vec-ub") }),
+    labelOf("ub-vec") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(108), y: ry("aiv0", 142), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-ub-vec", children: labelOf("ub-vec") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Cluster, { row: "aic", cx, ry, label: "AIC" }),
+    labelOf("l2-l1-read") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: rightEdge, y: ry("aic", 72), textAnchor: "middle", dominantBaseline: "middle", transform: rot(rightEdge, ry("aic", 72)), className: "otwb-topo-edge", "data-testid": "edge-l2-l1-read", children: labelOf("l2-l1-read") }),
+    labelOf("l2-l1-write") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cluster.x - 16, y: ry("aic", 100), textAnchor: "middle", dominantBaseline: "middle", transform: rot(cluster.x - 16, ry("aic", 100)), className: "otwb-topo-edge", "data-testid": "edge-l2-l1-write", children: labelOf("l2-l1-write") }),
+    labelOf("l1-l0a") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(70), y: ry("aic", 138), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-l1-l0a", children: labelOf("l1-l0a") }),
+    labelOf("l1-l0b") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(140), y: ry("aic", 138), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-l1-l0b", children: labelOf("l1-l0b") }),
+    labelOf("l0a-cube") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(210), y: ry("aic", 138), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-l0a-cube", children: labelOf("l0a-cube") }),
+    labelOf("l0b-cube") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(280), y: ry("aic", 138), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-l0b-cube", children: labelOf("l0b-cube") }),
+    labelOf("l0c-cube") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(70), y: ry("aic", 152), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-l0c-cube", children: labelOf("l0c-cube") }),
+    labelOf("cube-l0c") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(140), y: ry("aic", 152), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-cube-l0c", children: labelOf("cube-l0c") }),
+    labelOf("l0c-l1") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(210), y: ry("aic", 152), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-l0c-l1", children: labelOf("l0c-l1") }),
+    labelOf("l0c-l2") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(280), y: ry("aic", 152), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-l0c-l2", children: labelOf("l0c-l2") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Cluster, { row: "aiv1", cx, ry, label: "AIV1" }),
+    labelOf("l2-ub") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: rightEdge, y: ry("aiv1", 72), textAnchor: "middle", dominantBaseline: "middle", transform: rot(rightEdge, ry("aiv1", 72)), className: "otwb-topo-edge", "data-testid": "edge-l2-ub-aiv1", children: labelOf("l2-ub") }),
+    labelOf("ub-l2") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cluster.x - 16, y: ry("aiv1", 100), textAnchor: "middle", dominantBaseline: "middle", transform: rot(cluster.x - 16, ry("aiv1", 100)), className: "otwb-topo-edge", "data-testid": "edge-ub-l2-aiv1", children: labelOf("ub-l2") }),
+    labelOf("vec-ub") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(248), y: ry("aiv1", 142), textAnchor: "end", className: "otwb-topo-edge", "data-testid": "edge-vec-ub-aiv1", children: labelOf("vec-ub") }),
+    labelOf("ub-vec") !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(108), y: ry("aiv1", 142), textAnchor: "middle", className: "otwb-topo-edge", "data-testid": "edge-ub-vec-aiv1", children: labelOf("ub-vec") })
+  ] });
+}
+function Cluster(props) {
+  const { row, cx, ry, label } = props;
+  const l2Right = 80;
+  const clusterX = 128;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: clusterX, y: ry(row, 0), width: "324", height: "148", rx: "4", className: "otwb-topo-cluster" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(8), y: ry(row, 14), className: "otwb-topo-cluster-title", children: label }),
+    row === "aic" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(16), y: ry(row, 28), width: "40", height: "100", rx: "2", className: "otwb-topo-cache" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(36), y: ry(row, 80), textAnchor: "middle", className: "otwb-topo-node", children: "L1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(68), y: ry(row, 28), width: "28", height: "22", rx: "2", className: "otwb-topo-cache" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(82), y: ry(row, 43), textAnchor: "middle", className: "otwb-topo-tiny", children: "L0A" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(68), y: ry(row, 54), width: "28", height: "22", rx: "2", className: "otwb-topo-cache" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(82), y: ry(row, 69), textAnchor: "middle", className: "otwb-topo-tiny", children: "L0B" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(68), y: ry(row, 80), width: "28", height: "22", rx: "2", className: "otwb-topo-cache" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(82), y: ry(row, 95), textAnchor: "middle", className: "otwb-topo-tiny", children: "L0C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(108), y: ry(row, 44), width: "56", height: "56", rx: "2", className: "otwb-topo-compute" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(136), y: ry(row, 76), textAnchor: "middle", className: "otwb-topo-node", children: "Cube" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(176), y: ry(row, 44), width: "44", height: "28", rx: "2", className: "otwb-topo-compute" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(198), y: ry(row, 62), textAnchor: "middle", className: "otwb-topo-node", children: "FixP" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(176), y: ry(row, 78), width: "44", height: "28", rx: "2", className: "otwb-topo-compute" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(198), y: ry(row, 96), textAnchor: "middle", className: "otwb-topo-node", children: "Scalar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${String(l2Right)} ${String(ry(row, 72))} L ${String(clusterX)} ${String(ry(row, 72))}`, className: "otwb-topo-arrow-write", markerEnd: "url(#otwb-topo-write)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${String(clusterX)} ${String(ry(row, 100))} L ${String(l2Right)} ${String(ry(row, 100))}`, className: "otwb-topo-arrow-read", markerEnd: "url(#otwb-topo-read)" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(16), y: ry(row, 24), width: "44", height: "28", rx: "2", className: "otwb-topo-compute" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(38), y: ry(row, 42), textAnchor: "middle", className: "otwb-topo-node", children: "Scalar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(68), y: ry(row, 24), width: "124", height: "108", rx: "2", className: "otwb-topo-cache" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(130), y: ry(row, 80), textAnchor: "middle", className: "otwb-topo-node", children: "SIMT Data Cache / UB" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(200), y: ry(row, 30), width: "40", height: "24", rx: "2", className: "otwb-topo-cache" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(220), y: ry(row, 46), textAnchor: "middle", className: "otwb-topo-node", children: "SIMT" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(200), y: ry(row, 60), width: "40", height: "24", rx: "2", className: "otwb-topo-cache" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(220), y: ry(row, 76), textAnchor: "middle", className: "otwb-topo-node", children: "SIMD" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: cx(258), y: ry(row, 24), width: "36", height: "108", rx: "2", className: "otwb-topo-compute" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", { x: cx(276), y: ry(row, 82), textAnchor: "middle", transform: `rotate(-90 ${String(cx(276))} ${String(ry(row, 82))})`, className: "otwb-topo-node", children: "VEC" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${String(l2Right)} ${String(ry(row, 72))} L ${String(clusterX)} ${String(ry(row, 72))}`, className: "otwb-topo-arrow-write", markerEnd: "url(#otwb-topo-write)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: `M ${String(clusterX)} ${String(ry(row, 100))} L ${String(l2Right)} ${String(ry(row, 100))}`, className: "otwb-topo-arrow-read", markerEnd: "url(#otwb-topo-read)" })
+    ] })
+  ] });
+}
+function HardwareDetailsPanel(props) {
+  const { sections, locale } = props;
+  if (sections.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "otwb-empty-hint", children: locale("hardwareInfoMissing") });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-hw", "data-testid": "hardware-details", children: sections.map((sec) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "otwb-hw-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", { children: sec.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: sec.fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-hw-key", children: f.key }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-hw-val", title: f.value, children: f.value })
+    ] }, f.key)) })
+  ] }, sec.id)) });
+}
+function SummaryCategoryList(props) {
+  const { categories, locale } = props;
+  const [activeId, setActiveId] = (0, import_react.useState)(categories[0]?.id ?? "");
+  const active = categories.find((c) => c.id === activeId) ?? categories[0] ?? null;
+  const displayName = (id, title) => {
+    const map = {
+      PipeUtilization: "PipeUtilization",
+      ArithmeticUtilization: "ArithmeticUtilization",
+      ResourceConflictRatio: "ResourceConflictRatio",
+      MemoryL0: "MemoryL0",
+      L2Cache: "L2Cache",
+      Memory: "MemoryL1",
+      MemoryUB: "MemoryUB"
+    };
+    return map[id] ?? title;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "otwb-summ", "data-testid": "summary-category-list", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "otwb-summ-tabs", role: "tablist", children: categories.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        className: `otwb-summ-tab${active?.id === c.id ? " otwb-summ-tab--active" : ""}`,
+        "aria-selected": active?.id === c.id,
+        "data-testid": `summary-category-tab-${c.id}`,
+        onClick: () => setActiveId(c.id),
+        children: displayName(c.id, c.title)
+      },
+      c.id
+    )) }),
+    active !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "otwb-summ-fields", children: active.fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "otwb-summ-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-summ-key", children: f.key }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "otwb-summ-val", children: f.value })
+    ] }, f.key)) })
+  ] });
+}
+function categoriesFor(report, group) {
+  const ids = group === "compute" ? ["PipeUtilization", "ArithmeticUtilization", "ResourceConflictRatio"] : ["MemoryL0", "L2Cache", "Memory", "MemoryUB"];
+  return report.summary_categories.filter((c) => ids.includes(c.id));
+}
+// src/client/csv-pages.tsx
+var import_react2 = require("react");
+// src/client/state.ts
+var PAGE_LINES = 4e3;
+var MAX_PAGES = 400;
+function workspaceFilesOf(ctx) {
+  const remote = ctx.get?.("remote");
+  if (remote === void 0 || remote.workspaceFiles === void 0) return void 0;
+  return remote.workspaceFiles;
+}
+async function readTextPaged(remote, sessionId, relPath, signal) {
+  const pages = [];
+  let totalLines = 0;
+  let version;
+  let offset = 1;
+  for (let page = 0; page < MAX_PAGES; page++) {
+    const result = await remote.read(sessionId, relPath, { offset, limit: PAGE_LINES }, signal);
+    if (!result.ok) {
+      const code = result.error.code ?? "";
+      const message = result.error.message ?? "read failed";
+      if (code.includes("not-found") || code.includes("ENOENT")) return { status: "missing" };
+      if (code.includes("too-large")) {
+        return {
+          status: "too-large",
+          message: `${relPath}: ${message}\uFF08\u5355\u9875\u8D85\u9650\u2014\u2014\u884C\u6570\u636E\u5E94\u5916\u7F6E artifact_dir\uFF0C\u4EC5\u7D22\u5F15\u8FDB state\uFF0C\u89C1 DESIGN \xA74.2/\xA74.7\uFF09`
+        };
+      }
+      if (code === "gateway/cancelled" || signal.aborted) return { status: "failed", message: "aborted" };
+      return { status: "failed", message: `${relPath}: ${message}` };
+    }
+    version = result.value.version;
+    pages.push(result.value.text);
+    totalLines += result.value.lines;
+    if (result.value.eof) break;
+    if (result.value.lines === 0) break;
+    offset += result.value.lines;
+  }
+  return { status: "ok", text: pages.join("\n"), lines: totalLines, version };
+}
+async function statVersion(remote, sessionId, relPath, signal) {
+  const result = await remote.stat(sessionId, relPath, signal);
+  if (!result.ok) {
+    const code = result.error.code ?? "";
+    if (code.includes("not-found") || code.includes("ENOENT")) return { status: "missing" };
+    return { status: "failed", message: result.error.message ?? "stat failed" };
+  }
+  return { status: "ok", version: result.value.version };
+}
+async function readWorkbenchState(ctx, sessionId, stateRel, signal) {
+  const remote = workspaceFilesOf(ctx);
+  if (remote === void 0) return { status: "failed", message: "Remote carrier unavailable (remote.workspaceFiles)" };
+  const paged = await readTextPaged(remote, sessionId, stateRel, signal);
+  if (paged.status === "missing") return { status: "missing" };
+  if (paged.status === "failed") return { status: "failed", message: paged.message };
+  if (paged.status === "too-large") return { status: "failed", message: paged.message };
+  try {
+    const state = JSON.parse(paged.text);
+    if (state.schema !== "ops-tune-workbench.state/2") {
+      return { status: "failed", message: `state.json schema \u4E0D\u8BC6\u522B\uFF1A${String(state.schema)}` };
+    }
+    return { status: "ok", state };
+  } catch (error) {
+    return { status: "failed", message: `state.json parse failed: ${String(error)}` };
+  }
+}
+async function readCsvRows(ctx, sessionId, relPath, maxRows, signal) {
+  const remote = workspaceFilesOf(ctx);
+  if (remote === void 0) return { status: "failed", message: "Remote carrier unavailable (remote.workspaceFiles)" };
+  const paged = await readTextPaged(remote, sessionId, relPath, signal);
+  if (paged.status === "missing") return { status: "missing" };
+  if (paged.status === "failed") return { status: "failed", message: paged.message };
+  if (paged.status === "too-large") return { status: "failed", message: paged.message };
+  const rawLines = paged.text.split("\n").map((l) => l.replace(/\r$/, "")).filter((l) => l.trim() !== "");
+  const headers = rawLines.length > 0 ? parseCsvLine(rawLines[0]) : [];
+  const body = rawLines.slice(1);
+  const truncated = body.length > maxRows;
+  return {
+    status: "ok",
+    rows: {
+      status: "ok",
+      headers,
+      rows: body.slice(0, maxRows).map((line) => {
+        const cells = parseCsvLine(line);
+        while (cells.length < headers.length) cells.push("");
+        return cells;
+      }),
+      totalLines: body.length,
+      truncated
+    }
+  };
+}
+async function readTraceText(ctx, sessionId, relPath, signal) {
+  const remote = workspaceFilesOf(ctx);
+  if (remote === void 0) return { status: "failed", message: "Remote carrier unavailable (remote.workspaceFiles)" };
+  const paged = await readTextPaged(remote, sessionId, relPath, signal);
+  if (paged.status === "missing") return { status: "missing" };
+  if (paged.status === "failed") return { status: "failed", message: paged.message };
+  if (paged.status === "too-large") {
+    return { status: "failed", message: paged.message };
+  }
+  return { status: "ok", text: paged.text };
+}
+function parseCsvLine(line) {
+  const cells = [];
+  let cur = "";
+  let inQuotes = false;
+  for (let i = 0; i < line.length; i++) {
+    const ch = line[i];
+    if (inQuotes) {
+      if (ch === '"') {
+        if (line[i + 1] === '"') {
+          cur += '"';
+          i++;
+        } else inQuotes = false;
+      } else cur += ch;
+    } else if (ch === '"') {
+      inQuotes = true;
+    } else if (ch === ",") {
+      cells.push(cur);
+      cur = "";
+    } else {
+      cur += ch;
+    }
+  }
+  cells.push(cur);
+  return cells;
+}
+// src/client/csv-pages.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var FULL_CSV_MAX_ROWS = 2e3;
+function CsvFieldListPanel(props) {
+  const { ctx, sessionId, tables, locale, group, selectedBlockId, onSelectBlock, showViewAll = true, showBlockSwitcher = true } = props;
+  const [activeFile, setActiveFile] = (0, import_react2.useState)(tables[0]?.file_name ?? "");
+  const [search, setSearch] = (0, import_react2.useState)("");
+  const [load, setLoad] = (0, import_react2.useState)({ status: "idle" });
+  const [fullCsv, setFullCsv] = (0, import_react2.useState)(null);
+  const [fullCsvOpen, setFullCsvOpen] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    if (tables.length > 0 && !tables.some((t) => t.file_name === activeFile)) {
+      setActiveFile(tables[0].file_name);
+    }
+  }, [tables, activeFile]);
+  const active = tables.find((t) => t.file_name === activeFile) ?? null;
+  (0, import_react2.useEffect)(() => {
+    if (active === null || active.rel_path === null || active.row_count === 0) {
+      setLoad(active === null ? { status: "idle" } : { status: "missing", reason: active.missing_reason ?? `${active.file_name} \u672A\u91C7\u96C6` });
+      return;
+    }
+    let stopped = false;
+    setLoad({ status: "loading" });
+    void (async () => {
+      const remote = workspaceFilesOf(ctx);
+      if (remote === void 0) {
+        if (!stopped) setLoad({ status: "failed", message: "Remote carrier unavailable" });
+        return;
+      }
+      const result = await readCsvRows(ctx, sessionId, active.rel_path, FULL_CSV_MAX_ROWS, new AbortController().signal);
+      if (stopped) return;
+      if (result.status === "missing") {
+        setLoad({ status: "missing", reason: `${active.file_name} \u5F52\u6863\u7F3A\u5931` });
+        return;
+      }
+      if (result.status === "failed") {
+        setLoad({ status: "failed", message: result.message });
+        return;
+      }
+      const headers = result.rows.headers.length > 0 ? result.rows.headers : active.headers ?? [];
+      const records = result.rows.rows.map((cells) => {
+        const rec = {};
+        headers.forEach((h, i) => {
+          rec[h] = cells[i] ?? "";
+        });
+        return rec;
+      });
+      setLoad({
+        status: "ok",
+        headers,
+        rows: records,
+        blockIds: active.block_ids.length > 0 ? active.block_ids : uniqueBlockIds(records)
+      });
+    })();
+    return () => {
+      stopped = true;
+    };
+  }, [active?.file_name, active?.rel_path, active?.row_count, sessionId]);
+  const displayName = (file) => file.replace(/\.csv$/i, "").replace(/^Memory$/, "MemoryL1");
+  const currentRow = (0, import_react2.useMemo)(() => {
+    if (load.status !== "ok") return null;
+    if (load.blockIds.length === 0) return load.rows[0] ?? null;
+    const block = selectedBlockId !== null && load.blockIds.includes(selectedBlockId) ? selectedBlockId : load.blockIds[0];
+    return load.rows.find((r) => (r.block_id ?? "").trim() === block) ?? load.rows[0] ?? null;
+  }, [load, selectedBlockId]);
+  const fieldRows = (0, import_react2.useMemo)(() => {
+    if (load.status !== "ok" || currentRow === null) return [];
+    const q = search.trim().toLowerCase();
+    const headers = q !== "" ? load.headers.filter((h) => h.toLowerCase().includes(q)) : load.headers;
+    return headers.map((header) => ({
+      header,
+      value: currentRow[header] ?? "",
+      parts: splitHighlight(header, q)
+    }));
+  }, [load, currentRow, search]);
+  const openFullCsv = () => {
+    if (active === null || active.rel_path === null) return;
+    let stopped = false;
+    setFullCsvOpen(true);
+    setFullCsv(null);
+    void (async () => {
+      const result = await readCsvRows(ctx, sessionId, active.rel_path, FULL_CSV_MAX_ROWS, new AbortController().signal);
+      if (stopped) return;
+      if (result.status !== "ok") {
+        setFullCsvOpen(false);
+        return;
+      }
+      setFullCsv({ headers: result.rows.headers, rows: result.rows.rows, totalLines: result.rows.totalLines, truncated: result.rows.truncated });
+    })();
+  };
+  const hasBlockSwitcher = showBlockSwitcher && load.status === "ok" && load.blockIds.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "otwb-csv", "data-testid": "csv-field-list", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "otwb-csv-tabs", role: "tablist", "data-testid": "csv-tabs", children: tables.map((t) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        className: `otwb-csv-tab${t.file_name === activeFile ? " otwb-csv-tab--active" : ""}`,
+        "data-testid": `csv-tab-${t.file_name}`,
+        "aria-selected": t.file_name === activeFile,
+        onClick: () => {
+          setActiveFile(t.file_name);
+          setSearch("");
+        },
+        children: displayName(t.file_name)
+      },
+      t.file_name
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "otwb-csv-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "otwb-csv-search", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "otwb-sr-only", children: locale("searchLabel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            "data-testid": "csv-search",
+            type: "search",
+            placeholder: locale("searchPlaceholder"),
+            value: search,
+            onChange: (e) => setSearch(e.target.value)
+          }
+        ),
+        search.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", "data-testid": "csv-search-clear", className: "otwb-csv-clear", "aria-label": locale("searchClear"), onClick: () => setSearch(""), children: "\xD7" })
+      ] }),
+      (hasBlockSwitcher || showViewAll) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "otwb-csv-actions", children: [
+        hasBlockSwitcher && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "otwb-csv-block", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: locale("block") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "select",
+            {
+              "data-testid": "csv-block",
+              value: currentRowBlock(load, selectedBlockId),
+              onChange: (e) => onSelectBlock(e.target.value),
+              children: load.status === "ok" && load.blockIds.map((b) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: b, children: b }, b))
+            }
+          )
+        ] }),
+        showViewAll && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "otwb-csv-viewall",
+            "data-testid": "csv-view-all",
+            disabled: active === null || active.rel_path === null,
+            onClick: openFullCsv,
+            children: locale("viewAll")
+          }
+        )
+      ] })
+    ] }),
+    load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "otwb-csv-note", children: "\u2026" }),
+    load.status === "missing" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "otwb-csv-empty", "data-testid": "csv-missing", children: [
+      locale("notAvailable"),
+      " \xB7 ",
+      load.reason
+    ] }),
+    load.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "otwb-csv-empty otwb-csv-empty--error", children: load.message }),
+    load.status === "ok" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "otwb-csv-fields", "data-testid": "csv-fields", children: fieldRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "otwb-csv-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "otwb-csv-field-name", children: row.parts.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: p.match ? "otwb-csv-match" : void 0, "data-testid": p.match ? "csv-field-match" : void 0, children: p.text }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "otwb-csv-field-value", title: row.value, children: row.value === "" ? locale("notAvailable") : row.value })
+    ] }, row.header)) }),
+    fullCsvOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      FullCsvView,
+      {
+        title: `${displayName(active?.file_name ?? "")} \xB7 ${locale("viewFullCsv")}`,
+        data: fullCsv,
+        locale,
+        onClose: () => setFullCsvOpen(false)
+      }
+    )
+  ] });
+}
+function currentRowBlock(load, selectedBlockId) {
+  if (load.status !== "ok" || load.blockIds.length === 0) return "";
+  if (selectedBlockId !== null && load.blockIds.includes(selectedBlockId)) return selectedBlockId;
+  return load.blockIds[0];
+}
+function uniqueBlockIds(rows) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const row of rows) {
+    const b = (row.block_id ?? "").trim();
+    if (b === "" || seen.has(b)) continue;
+    seen.add(b);
+    out.push(b);
+  }
+  return out;
+}
+function splitHighlight(text, query) {
+  if (query === "") return [{ text, match: false }];
+  const lower = text.toLowerCase();
+  const parts = [];
+  let i = 0;
+  while (i < text.length) {
+    const hit = lower.indexOf(query, i);
+    if (hit === -1) {
+      parts.push({ text: text.slice(i), match: false });
+      break;
+    }
+    if (hit > i) parts.push({ text: text.slice(i, hit), match: false });
+    parts.push({ text: text.slice(hit, hit + query.length), match: true });
+    i = hit + query.length;
+  }
+  return parts;
+}
+function FullCsvView(props) {
+  const { title, data, locale, onClose } = props;
+  const [search, setSearch] = (0, import_react2.useState)("");
+  const filtered = (0, import_react2.useMemo)(() => {
+    if (data === null || search.trim() === "") return data;
+    const q = search.trim().toLowerCase();
+    const keep = /* @__PURE__ */ new Set();
+    data.headers.forEach((h, i) => {
+      if (h.toLowerCase().includes(q)) keep.add(i);
+    });
+    return {
+      headers: data.headers,
+      totalLines: data.totalLines,
+      truncated: data.truncated,
+      rows: data.rows.filter((row) => row.some((cell, i) => keep.has(i) || cell.toLowerCase().includes(q)))
+    };
+  }, [data, search]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "otwb-fullcsv", "data-testid": "full-csv-view", role: "dialog", "aria-label": locale("viewFullCsv"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "otwb-fullcsv-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "otwb-fullcsv-title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "search", placeholder: locale("searchPlaceholder"), value: search, onChange: (e) => setSearch(e.target.value), "data-testid": "full-csv-search" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", onClick: onClose, "aria-label": locale("closePanel"), "data-testid": "full-csv-close", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "otwb-fullcsv-body", children: [
+      data === null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "otwb-csv-note", children: "\u2026" }),
+      data !== null && filtered !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { className: "otwb-fullcsv-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: "otwb-fullcsv-rownum", children: "#" }),
+          data.headers.map((h, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { title: h, children: h }, `${h}-${String(i)}`))
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: filtered.rows.map((row, ri) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: "otwb-fullcsv-rownum", children: String(ri + 1) }),
+          row.map((cell, ci) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: cell }, String(ci)))
+        ] }, String(ri))) })
+      ] })
+    ] }),
+    data !== null && data.truncated && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "otwb-fullcsv-note", "data-testid": "full-csv-truncated", children: locale("fullCsvTruncated", { n: FULL_CSV_MAX_ROWS }) })
+  ] });
+}
+// src/client/timeline/view.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var LANE_ROW_H = 22;
+var LANE_HEAD_H = 18;
+var AXIS_H = 26;
+var PINNED_STRIP_H = 30;
+var MIN_VIEW_NS = 1;
+var TICK_STEPS = (() => {
+  const ms = 1e6, s = 1e9;
+  return [
+    1,
+    2,
+    5,
+    10,
+    20,
+    50,
+    100,
+    200,
+    500,
+    1e3,
+    2e3,
+    5e3,
+    1e4,
+    2e4,
+    5e4,
+    1e5,
+    2e5,
+    5e5,
+    1 * ms,
+    2 * ms,
+    5 * ms,
+    10 * ms,
+    20 * ms,
+    50 * ms,
+    100 * ms,
+    200 * ms,
+    500 * ms,
+    1 * s,
+    2 * s,
+    5 * s,
+    10 * s,
+    20 * s,
+    30 * s,
+    60 * s,
+    120 * s,
+    300 * s,
+    600 * s,
+    1800 * s,
+    3600 * s
+  ];
+})();
+function niceStep(span, width) {
+  const target = Math.max(1, span) / Math.max(1, width > 0 ? width : 800);
+  for (const step of TICK_STEPS) if (step >= target) return step;
+  let scale = TICK_STEPS[TICK_STEPS.length - 1];
+  while (scale < target) scale *= 10;
+  return scale;
+}
+function autoTimeUnit(ns) {
+  if (!Number.isFinite(ns) || ns <= 0) return "ns";
+  if (ns >= 1e9) return "s";
+  if (ns >= 1e6) return "ms";
+  if (ns >= 1e3) return "us";
+  return "ns";
+}
+var UNIT_FACTOR = { ns: 1, us: 1e3, ms: 1e6, s: 1e9 };
+function formatNs(ns, digits = 3) {
+  if (!Number.isFinite(ns)) return "\u2014";
+  const unit = autoTimeUnit(Math.abs(ns));
+  const value = ns / UNIT_FACTOR[unit];
+  return `${value >= 100 ? value.toFixed(1) : value.toFixed(digits)} ${unit}`;
+}
+function nsToCycles(ns, mhz) {
+  if (!Number.isFinite(ns) || !Number.isFinite(mhz) || mhz <= 0) return "\u2014";
+  const cycles = Math.round(ns * mhz / 1e3);
+  return `${cycles.toLocaleString("en-US")} cycles`;
+}
+function fmtDuration(ns, mode, mhz) {
+  if (mode === "cycles" && mhz !== null && mhz > 0) return nsToCycles(ns, mhz);
+  return formatNs(ns);
+}
+function zoomToPercent(viewSpan, fullSpan) {
+  const n = Math.max(MIN_VIEW_NS, fullSpan);
+  const r = Math.max(MIN_VIEW_NS, viewSpan);
+  if (r >= n) return 0;
+  const ratio = n / r;
+  if (ratio <= 1) return 0;
+  return Math.min(100, Math.round(Math.log2(ratio) / Math.log2(n) * 100));
+}
+function percentToZoom(pct, fullSpan) {
+  const n = Math.max(MIN_VIEW_NS, fullSpan);
+  if (pct <= 0 || n <= MIN_VIEW_NS) return n;
+  if (pct >= 100) return MIN_VIEW_NS;
+  return Math.max(MIN_VIEW_NS, 2 ** (pct / 100 * Math.log2(n)));
+}
+function TimelineView(props) {
+  const { model, state, setState, clockFreqMHz, locale, onSelect, height } = props;
+  const [gutterWidth, setGutterWidth] = (0, import_react3.useState)(196);
+  const [pinnedLaneIds, setPinnedLaneIds] = (0, import_react3.useState)([]);
+  const [collapsedIds, setCollapsedIds] = (0, import_react3.useState)(() => new Set(model.metadata.defaultCollapsedIds));
+  const [cursorX, setCursorX] = (0, import_react3.useState)(null);
+  const [cursorSnapped, setCursorSnapped] = (0, import_react3.useState)(false);
+  const [boxSel, setBoxSel] = (0, import_react3.useState)(null);
+  const [dragPan, setDragPan] = (0, import_react3.useState)(null);
+  const [measureDrag, setMeasureDrag] = (0, import_react3.useState)(null);
+  const [viewSize, setViewSize] = (0, import_react3.useState)({ width: 800, height });
+  const canvasRef = (0, import_react3.useRef)(null);
+  const scrollRef = (0, import_react3.useRef)(null);
+  const gutterDragRef = (0, import_react3.useRef)(null);
+  const fullSpan = Math.max(1, model.maxTime);
+  const lanes = (0, import_react3.useMemo)(() => flattenLanes(model, collapsedIds), [model, collapsedIds]);
+  const pinnedLanes = (0, import_react3.useMemo)(
+    () => lanes.filter((l) => pinnedLaneIds.includes(l.lane.id)),
+    [lanes, pinnedLaneIds]
+  );
+  const bodyLanes = (0, import_react3.useMemo)(
+    () => lanes.filter((l) => !pinnedLaneIds.includes(l.lane.id) && l.lane.events !== null && l.lane.name !== model.processes[0]?.name || l.depth > 0 || l.lane.events.length > 0 || l.lane.children !== void 0 || l.lane.categoryKey !== "hbm" || true),
+    [lanes, pinnedLaneIds, model]
+  );
+  const rowsHeight = Math.max(bodyLanes.length * LANE_ROW_H + LANE_HEAD_H, 40);
+  (0, import_react3.useEffect)(() => {
+    if (state.endTime > fullSpan) {
+      setState({ startTime: 0, endTime: fullSpan });
+    }
+  }, [fullSpan, state.endTime, setState]);
+  const timeToPct = (0, import_react3.useCallback)((t) => {
+    const span = Math.max(1, state.endTime - state.startTime);
+    return (t - state.startTime) / span * 100;
+  }, [state.startTime, state.endTime]);
+  const pctToTime = (0, import_react3.useCallback)((pct) => {
+    const span = Math.max(1, state.endTime - state.startTime);
+    return state.startTime + pct / 100 * span;
+  }, [state.startTime, state.endTime]);
+  const zoomAround = (0, import_react3.useCallback)((factor, anchorTime) => {
+    const span = Math.max(MIN_VIEW_NS, state.endTime - state.startTime);
+    const next = Math.min(fullSpan, Math.max(MIN_VIEW_NS, span * factor));
+    const ratio = (anchorTime - state.startTime) / span;
+    let start = anchorTime - next * ratio;
+    let end = start + next;
+    if (start < 0) {
+      start = 0;
+      end = next;
+    }
+    if (end > fullSpan) {
+      end = fullSpan;
+      start = Math.max(0, end - next);
+    }
+    setState({ startTime: Math.round(start), endTime: Math.round(end), zoomPercent: zoomToPercent(end - start, fullSpan) });
+  }, [state.startTime, state.endTime, fullSpan, setState]);
+  const panBy = (0, import_react3.useCallback)((deltaNs) => {
+    const span = Math.max(MIN_VIEW_NS, state.endTime - state.startTime);
+    let start = state.startTime + deltaNs;
+    let end = start + span;
+    if (start < 0) {
+      start = 0;
+      end = span;
+    }
+    if (end > fullSpan) {
+      end = fullSpan;
+      start = Math.max(0, end - span);
+    }
+    setState({ startTime: Math.round(start), endTime: Math.round(end) });
+  }, [state.startTime, state.endTime, fullSpan, setState]);
+  const zoomFit = (0, import_react3.useCallback)(() => {
+    setState({ startTime: 0, endTime: fullSpan, zoomPercent: 0 });
+  }, [fullSpan, setState]);
+  (0, import_react3.useEffect)(() => {
+    const onKey = (ev) => {
+      if (ev.key === "Escape" && (state.measureMode || state.measureRange !== null)) {
+        setState({ measureRange: null, measureMode: false });
+        return;
+      }
+      if (ev.ctrlKey || ev.metaKey || ev.altKey || ev.shiftKey) return;
+      const target = ev.target;
+      if (target !== null && (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable)) return;
+      const key = ev.key.toLowerCase();
+      if (key === "w" || key === "s") {
+        ev.preventDefault();
+        const anchor = cursorX !== null ? pctToTime(cursorX) : (state.startTime + state.endTime) / 2;
+        zoomAround(key === "w" ? 1 / 1.25 : 1.25, anchor);
+      } else if (key === "a" || key === "d") {
+        ev.preventDefault();
+        const span = state.endTime - state.startTime;
+        const step = 30 / Math.max(1, viewSize.width) * Math.max(1, span);
+        panBy(key === "d" ? step : -step);
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => {
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [state.measureMode, state.measureRange, state.startTime, state.endTime, cursorX, viewSize.width, zoomAround, panBy, pctToTime, setState]);
+  (0, import_react3.useEffect)(() => {
+    const el = scrollRef.current;
+    if (el === null) return;
+    const ro = new ResizeObserver(() => {
+      setViewSize({ width: el.clientWidth, height: el.clientHeight });
+    });
+    ro.observe(el);
+    setViewSize({ width: el.clientWidth, height: el.clientHeight });
+    return () => {
+      ro.disconnect();
+    };
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    const canvas = canvasRef.current;
+    if (canvas === null) return;
+    const parent = canvas.parentElement;
+    if (parent === null) return;
+    const width = Math.max(50, viewSize.width - gutterWidth);
+    const dpr = window.devicePixelRatio ?? 1;
+    canvas.width = Math.floor(width * dpr);
+    canvas.height = Math.floor(rowsHeight * dpr);
+    canvas.style.width = `${String(width)}px`;
+    canvas.style.height = `${String(rowsHeight)}px`;
+    const ctx = canvas.getContext("2d");
+    if (ctx === null) return;
+    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+    ctx.clearRect(0, 0, width, rowsHeight);
+    const span = Math.max(1, state.endTime - state.startTime);
+    const xOf = (t) => (t - state.startTime) / span * width;
+    const searchLower = state.searchQuery.trim().toLowerCase();
+    bodyLanes.forEach(({ lane, depth }, i) => {
+      const y = LANE_HEAD_H + i * LANE_ROW_H;
+      if (i % 2 === 1) {
+        ctx.fillStyle = "rgba(128,128,128,0.06)";
+        ctx.fillRect(0, y, width, LANE_ROW_H);
+      }
+      if (lane.children !== void 0 || lane.categoryKey !== void 0) {
+        ctx.fillStyle = "rgba(128,128,128,0.18)";
+        ctx.fillRect(0, y + LANE_ROW_H - 1, width, 1);
+      }
+      const indent = 14 * depth;
+      void indent;
+      for (const ev of lane.events) {
+        const x0 = xOf(ev.startTime);
+        const x1 = xOf(ev.endTime);
+        if (x1 < 0 || x0 > width) continue;
+        const cx0 = Math.max(x0, 0);
+        const cx1 = Math.min(x1, width);
+        const w = Math.max(1, cx1 - cx0);
+        const selected = ev.id === state.selectedEventId;
+        const hovered2 = ev.id === state.hoveredEventId;
+        const isMatch = searchLower !== "" && ev.name.toLowerCase().includes(searchLower);
+        ctx.fillStyle = PIPE_COLORS[ev.colorKey];
+        if (selected || hovered2) {
+          ctx.globalAlpha = 1;
+          ctx.fillRect(cx0, y + 3, w, LANE_ROW_H - 6);
+          ctx.strokeStyle = isMatch ? "#ffffff" : "rgba(255,255,255,0.9)";
+          ctx.lineWidth = 1;
+          ctx.strokeRect(cx0 + 0.5, y + 3.5, Math.max(1, w - 1), LANE_ROW_H - 7);
+        } else if (searchLower !== "") {
+          ctx.globalAlpha = isMatch ? 0.95 : 0.25;
+          ctx.fillRect(cx0, y + 4, w, LANE_ROW_H - 8);
+        } else {
+          ctx.globalAlpha = 0.85;
+          ctx.fillRect(cx0, y + 4, w, LANE_ROW_H - 8);
+        }
+        ctx.globalAlpha = 1;
+      }
+    });
+    if (state.measureRange !== null) {
+      const a = xOf(Math.min(state.measureRange.startTime, state.measureRange.endTime));
+      const b = xOf(Math.max(state.measureRange.startTime, state.measureRange.endTime));
+      ctx.fillStyle = "rgba(48,120,240,0.12)";
+      ctx.fillRect(a, 0, Math.max(1, b - a), rowsHeight);
+      ctx.strokeStyle = "#3078f0";
+      ctx.setLineDash([4, 3]);
+      ctx.beginPath();
+      ctx.moveTo(a, 0);
+      ctx.lineTo(a, rowsHeight);
+      ctx.moveTo(b, 0);
+      ctx.lineTo(b, rowsHeight);
+      ctx.stroke();
+      ctx.setLineDash([]);
+    }
+    if (measureDrag !== null) {
+      const a = xOf(Math.min(measureDrag.start, measureDrag.current));
+      const b = xOf(Math.max(measureDrag.start, measureDrag.current));
+      ctx.fillStyle = "rgba(48,120,240,0.10)";
+      ctx.fillRect(a, 0, Math.max(1, b - a), rowsHeight);
+    }
+    if (boxSel !== null) {
+      ctx.strokeStyle = "#3078f0";
+      ctx.setLineDash([3, 3]);
+      ctx.strokeRect(Math.min(boxSel.x0, boxSel.x1), Math.min(boxSel.y0, boxSel.y1), Math.abs(boxSel.x1 - boxSel.x0), Math.abs(boxSel.y1 - boxSel.y0));
+      ctx.setLineDash([]);
+    }
+  }, [bodyLanes, rowsHeight, state.startTime, state.endTime, state.selectedEventId, state.hoveredEventId, state.searchQuery, state.measureRange, measureDrag, boxSel, gutterWidth, viewSize.width]);
+  const hitTest = (0, import_react3.useCallback)((offsetX, offsetY) => {
+    const width = Math.max(50, viewSize.width - gutterWidth);
+    const span = Math.max(1, state.endTime - state.startTime);
+    const row = Math.floor((offsetY - LANE_HEAD_H) / LANE_ROW_H);
+    if (row < 0 || row >= bodyLanes.length) return null;
+    const lane = bodyLanes[row].lane;
+    const t = state.startTime + offsetX / width * span;
+    let best = null;
+    for (const ev of lane.events) {
+      if (t >= ev.startTime && t <= ev.endTime) {
+        if (best === null || ev.duration < best.duration) best = ev;
+      }
+    }
+    return best;
+  }, [bodyLanes, state.startTime, state.endTime, viewSize.width, gutterWidth]);
+  const findEventById = (0, import_react3.useCallback)((id) => {
+    if (id === null) return null;
+    for (const lane of allLaneObjects(model)) {
+      for (const ev of lane.events) if (ev.id === id) return ev;
+    }
+    return null;
+  }, [model]);
+  const onCanvasPointerDown = (ev) => {
+    if (ev.button !== 0) return;
+    const rect = ev.currentTarget.getBoundingClientRect();
+    const offsetX = ev.clientX - rect.left;
+    const offsetY = ev.clientY - rect.top;
+    if (state.measureMode) {
+      const span = Math.max(1, state.endTime - state.startTime);
+      const width = Math.max(50, viewSize.width - gutterWidth);
+      const t = state.startTime + offsetX / width * span;
+      setMeasureDrag({ start: t, current: t });
+      ev.currentTarget.setPointerCapture(ev.pointerId);
+      return;
+    }
+    if (ev.ctrlKey || ev.metaKey) {
+      setDragPan({ x: offsetX, start: state.startTime, end: state.endTime });
+      ev.currentTarget.setPointerCapture(ev.pointerId);
+      return;
+    }
+    setBoxSel({ x0: offsetX, y0: offsetY, x1: offsetX, y1: offsetY });
+    ev.currentTarget.setPointerCapture(ev.pointerId);
+  };
+  const onCanvasPointerMove = (ev) => {
+    const rect = ev.currentTarget.getBoundingClientRect();
+    const offsetX = ev.clientX - rect.left;
+    const offsetY = ev.clientY - rect.top;
+    const width = Math.max(50, viewSize.width - gutterWidth);
+    const span = Math.max(1, state.endTime - state.startTime);
+    const pct = Math.min(100, Math.max(0, offsetX / width * 100));
+    setCursorX(pct);
+    if (measureDrag !== null) {
+      setMeasureDrag({ ...measureDrag, current: state.startTime + offsetX / width * span });
+      return;
+    }
+    if (dragPan !== null) {
+      const dPx = dragPan.x - offsetX;
+      const dNs = dPx / width * span;
+      let start = Math.max(0, Math.min(fullSpan - (dragPan.end - dragPan.start), dragPan.start + dNs));
+      setState({ startTime: Math.round(start), endTime: Math.round(start + (dragPan.end - dragPan.start)) });
+      return;
+    }
+    if (boxSel !== null) {
+      setBoxSel({ ...boxSel, x1: offsetX, y1: offsetY });
+      return;
+    }
+    const hit = hitTest(offsetX, offsetY);
+    setCursorSnapped(hit !== null);
+    const id = hit?.id ?? null;
+    if (id !== state.hoveredEventId) setState({ hoveredEventId: id });
+  };
+  const onCanvasPointerUp = (ev) => {
+    const rect = ev.currentTarget.getBoundingClientRect();
+    const offsetX = ev.clientX - rect.left;
+    const offsetY = ev.clientY - rect.top;
+    if (measureDrag !== null) {
+      const range = { startTime: Math.round(Math.min(measureDrag.start, measureDrag.current)), endTime: Math.round(Math.max(measureDrag.start, measureDrag.current)) };
+      setMeasureDrag(null);
+      if (range.endTime > range.startTime) setState({ measureRange: range });
+      return;
+    }
+    if (dragPan !== null) {
+      setDragPan(null);
+      return;
+    }
+    if (boxSel !== null) {
+      const tiny = Math.abs(boxSel.x1 - boxSel.x0) < 4 && Math.abs(boxSel.y1 - boxSel.y0) < 4;
+      if (tiny) {
+        const hit = hitTest(offsetX, offsetY);
+        setState({ selectedEventId: hit?.id ?? null });
+        onSelect(hit);
+      } else {
+        const width = Math.max(50, viewSize.width - gutterWidth);
+        const t0 = state.startTime + Math.min(boxSel.x0, boxSel.x1) / width * (state.endTime - state.startTime);
+        const t1 = state.startTime + Math.max(boxSel.x0, boxSel.x1) / width * (state.endTime - state.startTime);
+        if (t1 - t0 >= MIN_VIEW_NS) {
+          setState({ startTime: Math.round(t0), endTime: Math.round(t1), zoomPercent: zoomToPercent(t1 - t0, fullSpan) });
+        }
+      }
+      setBoxSel(null);
+    }
+  };
+  const onCanvasWheel = (ev) => {
+    if (!(ev.ctrlKey || ev.metaKey)) return;
+    ev.preventDefault();
+    const rect = ev.currentTarget.getBoundingClientRect();
+    const offsetX = ev.clientX - rect.left;
+    const width = Math.max(50, viewSize.width - gutterWidth);
+    const anchor = state.startTime + offsetX / width * (state.endTime - state.startTime);
+    zoomAround(ev.deltaY < 0 ? 1 / 1.2 : 1.2, anchor);
+  };
+  const onGutterPointerDown = (ev) => {
+    if (ev.button !== 0) return;
+    gutterDragRef.current = { x: ev.clientX, w: gutterWidth };
+    ev.currentTarget.setPointerCapture(ev.pointerId);
+  };
+  const onGutterPointerMove = (ev) => {
+    const drag = gutterDragRef.current;
+    if (drag === null) return;
+    setGutterWidth(Math.min(420, Math.max(120, drag.w + (ev.clientX - drag.x))));
+  };
+  const onGutterPointerUp = () => {
+    gutterDragRef.current = null;
+  };
+  const toggleCollapse = (id) => {
+    setCollapsedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  const togglePin = (id) => {
+    setPinnedLaneIds((prev) => prev.includes(id) ? prev.filter((p) => p !== id) : [...prev, id]);
+  };
+  const axis = (0, import_react3.useMemo)(() => {
+    const width = Math.max(50, viewSize.width - gutterWidth);
+    const step = niceStep(state.endTime - state.startTime, width);
+    const majors = [];
+    const minors = [];
+    const first = Math.ceil(state.startTime / step) * step;
+    for (let t = first; t <= state.endTime + 1e-9; t += step) {
+      const pct = (t - state.startTime) / Math.max(1, state.endTime - state.startTime) * 100;
+      majors.push({ t, pct, label: fmtDuration(t, state.timeDisplayMode, clockFreqMHz) });
+    }
+    const minorStep = step / 10;
+    for (let t = state.startTime; t <= state.endTime; t += minorStep) {
+      const pct = (t - state.startTime) / Math.max(1, state.endTime - state.startTime) * 100;
+      if (pct < 0 || pct > 100) continue;
+      minors.push(pct);
+    }
+    return { majors, minors };
+  }, [state.startTime, state.endTime, state.timeDisplayMode, clockFreqMHz, viewSize.width, gutterWidth]);
+  const hovered = findEventById(state.hoveredEventId);
+  const measureLabel = state.measureRange !== null && state.measureRange.endTime > state.measureRange.startTime ? fmtDuration(state.measureRange.endTime - state.measureRange.startTime, state.timeDisplayMode, clockFreqMHz) : null;
+  const visibleDeps = (0, import_react3.useMemo)(() => {
+    if (!state.showDependencies) return [];
+    const deps = [];
+    const index = /* @__PURE__ */ new Map();
+    for (const lane of allLaneObjects(model)) for (const ev of lane.events) index.set(ev.id, { lane, event: ev });
+    for (const { lane } of bodyLanes) {
+      for (const ev of lane.events) {
+        if (ev.dependencies === void 0) continue;
+        for (const succ of ev.dependencies.successors) {
+          const target = index.get(succ.tid);
+          void target;
+          const targetLane = laneById(model, succ.tid);
+          const targetEvent = targetLane?.events[succ.index];
+          if (targetEvent !== void 0) deps.push({ from: ev, to: targetEvent });
+        }
+      }
+    }
+    return deps;
+  }, [state.showDependencies, model, bodyLanes]);
+  const laneRowY = (lane) => {
+    const idx = bodyLanes.findIndex((l) => l.lane.id === lane.id);
+    return idx < 0 ? null : LANE_HEAD_H + idx * LANE_ROW_H + LANE_ROW_H / 2;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "otwb-tl", "data-testid": "timeline-view", children: [
+    pinnedLanes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "otwb-tl-pinned", style: { height: `${String(PINNED_STRIP_H)}px` }, "data-testid": "pinned-strip", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "otwb-tl-pinned-labels", style: { width: `${String(gutterWidth)}px` }, children: pinnedLanes.map(({ lane }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", className: "otwb-tl-pinrow", onClick: () => togglePin(lane.id), title: locale("unpin"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-pin-dot", style: { background: laneUtilColor(lane) } }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-lane-name", children: lane.name })
+      ] }, lane.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "otwb-tl-pinned-canvas" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "otwb-tl-axis", "data-testid": "time-axis", style: { paddingLeft: `${String(gutterWidth)}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "otwb-tl-axis-ruler", "data-testid": "axis-ruler", children: [
+      axis.minors.map((pct, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-axis-minor", "data-testid": "axis-ruler-minor", style: { left: `${pct.toFixed(3)}%` } }, `min-${String(i)}`)),
+      axis.majors.map((m) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "otwb-tl-axis-major", "data-testid": "axis-ruler-major", style: { left: `${m.pct.toFixed(3)}%` }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-axis-label", children: m.label }) }, `maj-${String(m.t)}`))
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "otwb-tl-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "otwb-tl-gutter", style: { width: `${String(gutterWidth)}px` }, "data-testid": "lane-gutter", children: [
+        bodyLanes.map(({ lane, depth }, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            className: `otwb-tl-lane${lane.children !== void 0 ? " otwb-tl-lane--group" : ""}`,
+            style: { top: `${String(LANE_HEAD_H + i * LANE_ROW_H)}px`, paddingLeft: `${String(4 + depth * 14)}px`, height: `${String(LANE_ROW_H)}px` },
+            children: [
+              lane.children !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "otwb-tl-chevron", onClick: () => toggleCollapse(lane.id), "aria-label": collapsedIds.has(lane.id) ? "+" : "\u2212", "data-testid": `lane-chevron-${lane.id}`, children: collapsedIds.has(lane.id) ? "\u25B8" : "\u25BE" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-lane-name", title: lane.name, children: lane.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-lane-util", "data-testid": "lane-util", children: lane.utilization !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-util-fill", style: { width: `${Math.min(100, Math.max(0, lane.utilization * 100)).toFixed(1)}%`, background: laneUtilColor(lane) } }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-util-mid" })
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "otwb-tl-pin", title: locale("pin"), "aria-label": locale("pin"), onClick: () => togglePin(lane.id), "data-testid": `lane-pin-${lane.id}`, children: "pin" })
+            ]
+          },
+          lane.id
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            className: "otwb-tl-gutter-resize",
+            role: "separator",
+            "aria-label": locale("resizeLaneGutter"),
+            "data-testid": "gutter-resize-handle",
+            onPointerDown: onGutterPointerDown,
+            onPointerMove: onGutterPointerMove,
+            onPointerUp: onGutterPointerUp,
+            onPointerCancel: onGutterPointerUp
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "otwb-tl-scroll", ref: scrollRef, style: { height: `${String(Math.max(height - AXIS_H - (pinnedLanes.length > 0 ? PINNED_STRIP_H : 0), 60))}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "otwb-tl-canvaswrap", style: { height: `${String(rowsHeight)}px` }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "canvas",
+          {
+            ref: canvasRef,
+            "data-testid": "swimlane-canvas",
+            onPointerDown: onCanvasPointerDown,
+            onPointerMove: onCanvasPointerMove,
+            onPointerUp: onCanvasPointerUp,
+            onPointerCancel: onCanvasPointerUp,
+            onWheel: onCanvasWheel,
+            onDoubleClick: () => zoomFit()
+          }
+        ),
+        visibleDeps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { className: "otwb-tl-deps", "data-testid": "dependency-overlay", width: "100%", height: rowsHeight, viewBox: `0 0 100 ${String(rowsHeight)}`, preserveAspectRatio: "none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("marker", { id: "otwb-dep-arrow", markerWidth: "6", markerHeight: "6", refX: "5", refY: "3", orient: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M0,0 L6,3 L0,6 Z", fill: "currentColor" }) }) }),
+          visibleDeps.map(({ from, to }, i) => {
+            const yFrom = laneRowY(laneOfEvent(model, from) ?? { id: "", name: "", events: [], utilization: null });
+            const yTo = laneRowY(laneOfEvent(model, to) ?? { id: "", name: "", events: [], utilization: null });
+            if (yFrom === null || yTo === null) return null;
+            const span = Math.max(1, state.endTime - state.startTime);
+            const x0 = (from.endTime - state.startTime) / span * 100;
+            const x1 = (to.startTime - state.startTime) / span * 100;
+            if (x1 < 0 || x0 > 100) return null;
+            const mx = (x0 + x1) / 2;
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "path",
+              {
+                d: `M ${x0.toFixed(2)} ${String(yFrom)} C ${mx.toFixed(2)} ${String(yFrom)}, ${mx.toFixed(2)} ${String(yTo)}, ${x1.toFixed(2)} ${String(yTo)}`,
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "0.35",
+                vectorEffect: "non-scaling-stroke",
+                markerEnd: "url(#otwb-dep-arrow)"
+              },
+              `dep-${String(i)}`
+            );
+          })
+        ] }),
+        cursorX !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `otwb-tl-cursor${cursorSnapped ? " otwb-tl-cursor--snapped" : ""}`, "data-testid": "swim-cursor", style: { left: `${cursorX.toFixed(3)}%` }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-cursor-label", "data-testid": "cursor-label", children: fmtDuration(pctToTime(cursorX), state.timeDisplayMode, clockFreqMHz) }) }),
+        hovered !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "otwb-tl-tip", "data-testid": "event-tooltip", style: tooltipPos(hovered, state, bodyLanes, gutterWidth, viewSize.width), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "otwb-tl-tip-name", children: hovered.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            locale("start"),
+            ": ",
+            fmtDuration(hovered.startTime, state.timeDisplayMode, clockFreqMHz)
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            locale("dur"),
+            ": ",
+            fmtDuration(hovered.duration, state.timeDisplayMode, clockFreqMHz)
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            locale("end"),
+            ": ",
+            fmtDuration(hovered.endTime, state.timeDisplayMode, clockFreqMHz)
+          ] })
+        ] }),
+        measureLabel !== null && state.measureRange !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "otwb-tl-measure", "data-testid": "measure-arrow", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "otwb-tl-measure-label", "data-testid": "measure-label", children: measureLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "otwb-tl-measure-focus", onClick: () => {
+            setState({ startTime: state.measureRange.startTime, endTime: state.measureRange.endTime });
+          }, children: locale("focusMeasureRange") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "otwb-tl-measure-clear", onClick: () => setState({ measureRange: null }), "aria-label": locale("closePanel"), children: "\xD7" })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function laneUtilColor(lane) {
+  const key = lane.events.length > 0 ? lane.events[0].colorKey : "default";
+  return PIPE_COLORS[key];
+}
+function* allLaneObjects(model) {
+  const walk = function* (lanes) {
+    for (const lane of lanes) {
+      yield lane;
+      if (lane.children !== void 0) yield* walk(lane.children);
+    }
+  };
+  for (const proc of model.processes) yield* walk(proc.threads);
+}
+function laneById(model, id) {
+  for (const lane of allLaneObjects(model)) if (lane.id === id) return lane;
+  return null;
+}
+function laneOfEvent(model, event) {
+  for (const lane of allLaneObjects(model)) {
+    if (lane.events.includes(event)) return lane;
+  }
+  return null;
+}
+function tooltipPos(event, state, lanes, gutterWidth, viewWidth) {
+  const span = Math.max(1, state.endTime - state.startTime);
+  const width = Math.max(50, viewWidth - gutterWidth);
+  const x = (event.startTime - state.startTime) / span * width;
+  const idx = lanes.findIndex((l) => l.lane.events.includes(event));
+  const y = idx < 0 ? 0 : LANE_HEAD_H + idx * LANE_ROW_H;
+  return { left: `${String(Math.max(0, Math.min(width - 150, x + 8)))}px`, top: `${String(y + 4)}px` };
+}
+// src/client/detail-dock.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function DetailDock(props) {
+  const { locale, mode, onMode, expanded, onExpanded, selected, neighbors, dependencyMode, onDependencyMode } = props;
+  if (mode === null && selected === null) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
+  const tabs = [
+    { id: "summary", label: locale("modeSummary") },
+    { id: "pipe", label: locale("modePipe") },
+    { id: "compute", label: locale("modeCompute") },
+    { id: "memory", label: locale("modeMemory") }
+  ];
+  const active = mode ?? "summary";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("footer", { className: `otwb-dock${expanded ? " otwb-dock--expanded" : ""}`, "data-testid": "detail-panel", style: { ["--otwb-dock-h"]: expanded ? "407px" : "247px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: `otwb-dock-expander${expanded ? " otwb-dock-expander--expanded" : ""}`,
+        "data-testid": "detail-panel-expander",
+        "aria-label": expanded ? locale("collapseDock") : locale("expandDock"),
+        "aria-expanded": expanded,
+        title: expanded ? locale("collapseDock") : locale("expandDock"),
+        onClick: () => onExpanded(!expanded),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "otwb-dock-expander-bar" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "otwb-dock-expander-arrow", children: expanded ? "\u25BE" : "\u25B4" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "otwb-dock-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "otwb-dock-tabs", role: "tablist", "aria-label": locale("details"), children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          className: `otwb-dock-tab${active === tab.id ? " otwb-dock-tab--active" : ""}`,
+          "aria-selected": active === tab.id,
+          "data-testid": `dock-mode-${tab.id}`,
+          onClick: () => onMode(tab.id),
+          children: tab.label
+        },
+        tab.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "otwb-dock-close", "data-testid": "detail-panel-close", "aria-label": locale("closePanel"), title: locale("closePanel"), onClick: () => onMode(null), children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dock-body", children: [
+      active === "summary" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DockSummary, { ...props }),
+      active === "pipe" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DockPipe, { ...props }),
+      active === "compute" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DockCompute, { ...props }),
+      active === "memory" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DockMemory, { ...props }),
+      selected !== null && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dock-event", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DetailSummary, { event: selected, locale, timeDisplayMode: props.timeDisplayMode, clockFreqMHz: props.clockFreqMHz }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DetailParameter, { event: selected, locale }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          DetailRelevant,
+          {
+            selected,
+            neighbors,
+            dependencyMode,
+            onDependencyMode,
+            locale,
+            eventNames: neighbors?.eventNames ?? /* @__PURE__ */ new Map()
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DockSummary(props) {
+  const { report, locale, onCannbot, onOpenHardware } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dock-scroll", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SummaryCards, { report, locale, onMoreHardware: onOpenHardware, onCannbot: () => onCannbot("summary") }),
+    report.roofline.points.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RooflinePanel, { model: report.roofline, locale }),
+    props.report.hardware_details.sections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "otwb-stack", "data-testid": "hardware-details-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "otwb-stack-head", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { children: locale("hardwareDetails") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HardwareDetailsPanel, { sections: props.report.hardware_details.sections, locale })
+    ] })
+  ] });
+}
+function DockPipe(props) {
+  const { report, locale, pipeSide, onPipeSide, showPipeSideToggle } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "otwb-dock-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    PipeOccupancyChart,
+    {
+      report,
+      locale,
+      side: pipeSide,
+      showSideToggle: showPipeSideToggle,
+      onSide: onPipeSide,
+      onDetails: () => props.onMode("compute"),
+      onCannbot: () => props.onCannbot("compute")
+    }
+  ) });
+}
+function DockCompute(props) {
+  const { report, ctx, sessionId, locale } = props;
+  const categories = categoriesFor(report, "compute");
+  const tables = report.table_index.filter((t) => t.group === "compute");
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dock-scroll", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dock-modehead", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { children: locale("computeAnalysis") }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CannbotButton, { locale, onClick: () => props.onCannbot("compute"), testid: "cannbot-compute" })
+    ] }),
+    categories.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SummaryCategoryList, { categories, locale }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CsvFieldListPanel, { ctx, sessionId, tables, locale, group: "compute", selectedBlockId: null, onSelectBlock: () => {
+    }, showViewAll: false, showBlockSwitcher: false })
+  ] });
+}
+function DockMemory(props) {
+  const { report, ctx, sessionId, locale, selectedBlockId, onSelectBlock } = props;
+  const categories = categoriesFor(report, "memory");
+  const tables = report.table_index.filter((t) => t.group === "memory");
+  const hasTopology = report.memory_topology.edges.some((e) => e.label !== null && e.label !== "");
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dock-scroll", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dock-modehead", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { children: locale("memoryAnalysis") }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CannbotButton, { locale, onClick: () => props.onCannbot("memory"), testid: "cannbot-memory" })
+    ] }),
+    hasTopology && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "otwb-topo-wrap", "data-testid": "stats-topology", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MemoryTopologyPanel, { edges: report.memory_topology.edges, locale }) }),
+    categories.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SummaryCategoryList, { categories, locale }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      CsvFieldListPanel,
+      {
+        ctx,
+        sessionId,
+        tables,
+        locale,
+        group: "memory",
+        selectedBlockId,
+        onSelectBlock
+      }
+    )
+  ] });
+}
+function fmtNs(ns, mode, mhz) {
+  if (mode === "cycles" && mhz !== null && mhz > 0) return nsToCycles(ns, mhz);
+  return formatNs(ns);
+}
+function DetailSummary(props) {
+  const { event, locale, timeDisplayMode, clockFreqMHz } = props;
+  const kind = (0, import_react4.useMemo)(() => {
+    const args = event.args ?? {};
+    for (const key of ["op_type", "kernel_type", "kernel_name", "type", "cat"]) {
+      const v = args[key];
+      if (typeof v === "string" && v !== "") return v;
+    }
+    return null;
+  }, [event]);
+  const metrics = [
+    { key: "start", value: fmtNs(event.startTime, timeDisplayMode, clockFreqMHz), label: locale("start"), title: formatNs(event.startTime) },
+    { key: "dur", value: fmtNs(event.duration, timeDisplayMode, clockFreqMHz), label: locale("dur"), title: formatNs(event.duration) },
+    { key: "end", value: fmtNs(event.endTime, timeDisplayMode, clockFreqMHz), label: locale("end"), title: formatNs(event.endTime) }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "otwb-dsum", "data-testid": "detail-summary", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dsum-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "otwb-dsum-name", title: event.name, children: event.name }),
+      kind !== null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "otwb-dsum-kind", "data-testid": "detail-summary-kind", title: kind, children: kind })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dl", { className: "otwb-dsum-metrics", children: metrics.map((m) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dsum-metric", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { title: m.title, children: m.value }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: m.label })
+    ] }, m.key)) })
+  ] });
+}
+function DetailParameter(props) {
+  const { event, locale } = props;
+  const rows = (0, import_react4.useMemo)(() => {
+    const skip = /* @__PURE__ */ new Set(["event_id", "dependencies", "cat"]);
+    const out = [];
+    for (const [key, raw] of Object.entries(event.args ?? {})) {
+      if (skip.has(key)) continue;
+      const values = (Array.isArray(raw) ? raw.map((v) => String(v)) : raw === null || raw === void 0 ? [] : typeof raw === "object" ? [JSON.stringify(raw)] : [String(raw)]).filter((v) => v !== "");
+      if (values.length > 0) out.push({ key, values });
+    }
+    return out;
+  }, [event]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "otwb-dparam", "data-testid": "detail-parameter", "aria-label": locale("parameter"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "otwb-dparam-title", children: locale("parameter") }),
+    rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "otwb-dparam-empty", "data-testid": "detail-parameter-empty", children: locale("noParameters") }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dl", { className: "otwb-dparam-rows", children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-dparam-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { children: row.key }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: row.values.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "otwb-dparam-value", title: v, children: v }, i)) })
+    ] }, row.key)) })
+  ] });
+}
+function DetailRelevant(props) {
+  const { neighbors, dependencyMode, onDependencyMode, locale } = props;
+  if (neighbors === null) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
+  const modeButtons = [
+    { id: "predecessors", label: locale("depsUpstream"), testid: "detail-relevant-direction-up" },
+    { id: "all", label: locale("depsBoth"), testid: "detail-relevant-direction-both" },
+    { id: "successors", label: locale("depsDownstream"), testid: "detail-relevant-direction-down" }
+  ];
+  const showIncoming = dependencyMode !== "successors";
+  const showOutgoing = dependencyMode !== "predecessors";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "otwb-drel", "data-testid": "detail-relevant", "aria-label": locale("relevant"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-drel-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "otwb-drel-title", children: locale("relevant") }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "otwb-drel-modes", role: "group", children: modeButtons.map((b) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          type: "button",
+          "data-testid": b.testid,
+          className: `otwb-drel-mode${dependencyMode === b.id ? " otwb-drel-mode--on" : ""}`,
+          "aria-pressed": dependencyMode === b.id,
+          title: b.label,
+          onClick: () => onDependencyMode(b.id),
+          children: b.id === "predecessors" ? "\u2190" : b.id === "successors" ? "\u2192" : "\u2194"
+        },
+        b.id
+      )) })
+    ] }),
+    neighbors.incoming.length === 0 && neighbors.outgoing.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "otwb-drel-empty", "data-testid": "detail-relevant-empty", children: locale("noDependencies") }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-drel-graph", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-drel-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-drel-colhead", children: [
+          locale("incoming"),
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "otwb-drel-count", "data-testid": "detail-relevant-incoming-count", children: showIncoming ? String(neighbors.incoming.length) : "0" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: showIncoming && neighbors.incoming.map((n, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { className: "otwb-drel-item", title: n.name, children: n.name }, i)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-drel-col otwb-drel-col--current", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "otwb-drel-colhead", children: locale("current") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { className: "otwb-drel-item otwb-drel-item--current", children: props.selected.name }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-drel-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "otwb-drel-colhead", children: [
+          locale("outgoing"),
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "otwb-drel-count", "data-testid": "detail-relevant-outgoing-count", children: showOutgoing ? String(neighbors.outgoing.length) : "0" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: showOutgoing && neighbors.outgoing.map((n, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { className: "otwb-drel-item", title: n.name, children: n.name }, i)) })
+      ] })
+    ] })
+  ] });
+}
+function clockFreqOf(report) {
+  const c = report.summary.current_freq;
+  if (c !== null && Number.isFinite(c) && c > 0) return c;
+  const r = report.summary.rated_freq;
+  if (r !== null && Number.isFinite(r) && r > 0) return r;
+  return null;
+}
+// src/client/timeline/loader.ts
+var import_react5 = require("react");
+function useSwimlaneModel(ctx, sessionId, relPath, timeUnit, signal) {
+  const [state, setState] = (0, import_react5.useState)({ status: "idle" });
+  (0, import_react5.useEffect)(() => {
+    if (relPath === null) {
+      setState({ status: "idle" });
+      return;
+    }
+    let stopped = false;
+    setState({ status: "loading" });
+    void (async () => {
+      const result = await readTraceText(ctx, sessionId, relPath, signal);
+      if (stopped) return;
+      if (result.status !== "ok") {
+        setState(result.status === "missing" ? { status: "failed", message: "PipeTrace.json \u7F3A\u5931" } : { status: "failed", message: result.message });
+        return;
+      }
+      try {
+        const raw = JSON.parse(result.text);
+        const model = chromeTraceToSwimlane(raw, timeUnit);
+        if (!stopped) setState({ status: "ok", model });
+      } catch (error) {
+        if (!stopped) setState({ status: "failed", message: `PipeTrace \u89E3\u6790\u5931\u8D25\uFF1A${String(error)}` });
+      }
+    })();
+    return () => {
+      stopped = true;
+    };
+  }, [relPath, timeUnit]);
+  return state;
+}
+// src/client/cannbot-entry.tsx
+var import_react6 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PAYLOAD_BYTE_CAP = 8 * 1024;
+function sessionRemoteOf(ctx) {
+  const remote = ctx.get?.("remote");
+  if (remote === void 0 || remote.session === void 0) return void 0;
+  return remote.session;
+}
+function jsonSize(text) {
+  return new TextEncoder().encode(text).length;
+}
+function buildCannbotPayload(report, scope) {
+  const base = {
+    version: "1.0",
+    scope,
+    report_name: report.label ?? report.summary.op_name ?? report.report_id,
+    report_id: report.report_id,
+    report_path: report.artifact_dir,
+    op_name: report.summary.op_name ?? "",
+    collected_at: report.collected_at
+  };
+  if (scope === "summary") {
+    return {
+      ...base,
+      data: {
+        summary: report.summary,
+        bandwidth_cards: report.bandwidth_cards,
+        compute_card: report.compute_card,
+        roofline: report.roofline,
+        pipe_occupancy: report.pipe_occupancy,
+        memory_topology: report.memory_topology,
+        hardware_details: report.hardware_details
+      }
+    };
+  }
+  if (scope === "compute") {
+    return {
+      ...base,
+      data: {
+        pipe_occupancy: report.pipe_occupancy,
+        compute_tables: report.table_index.filter((t) => t.group === "compute"),
+        verdict_available: report.verdict !== null
+      }
+    };
+  }
+  return {
+    ...base,
+    data: {
+      memory_tables: report.table_index.filter((t) => t.group === "memory"),
+      memory_topology: report.memory_topology,
+      bandwidth_cards: report.bandwidth_cards
+    }
+  };
+}
+var BOUNDARY_PROMPT = [
+  "\u3010\u4F60\u80FD\u770B\u5230\u7684\u6570\u636E\u8FB9\u754C\uFF08\u5FC5\u987B\u4E25\u683C\u9075\u5B88\uFF09\u3011",
+  "\u9664\u672C\u6D88\u606F\u5185\u5D4C\u7684 payload JSON \u5916\uFF0C\u4F60\u770B\u4E0D\u5230\u4EFB\u4F55\u62A5\u544A\u6570\u636E\u3001CSV \u539F\u59CB\u6587\u4EF6\u3001",
+  "\u7B97\u5B50\u6E90\u7801\u5168\u6587\u3001\u5176\u4ED6\u62A5\u544A\u6216\u5386\u53F2\u57FA\u7EBF\u3002",
+  "\u8FD9\u662F\u53EA\u8BFB\u5FEB\u7167\uFF0C\u4E0D\u662F\u5B9E\u65F6\u67E5\u8BE2\u63A5\u53E3\uFF0C\u65E0\u6CD5\u5728\u672C\u8F6E\u5BF9\u8BDD\u4E2D\u88AB\u8865\u5145\u6216\u5237\u65B0\u3002",
+  "\u3010\u6CA1\u6709\u5199\u6743\u9650\uFF0C\u4E5F\u6CA1\u6709\u8DE8\u62A5\u544A\u6570\u636E\u8BBF\u95EE\u80FD\u529B\u3011",
+  "\u6D89\u53CA\u300C\u548C\u4E0A\u6B21/\u5386\u53F2/\u57FA\u7EBF\u6BD4\u300D\u8FD9\u7C7B\u8DE8\u62A5\u544A\u5BF9\u6BD4\u3001\u6216 payload \u672A\u8986\u76D6\u7684\u7EC6\u7C92\u5EA6\u6570\u636E\u65F6\uFF0C",
+  "\u660E\u786E\u8BF4\u660E\u8D85\u51FA\u672C\u5FEB\u7167\u8303\u56F4\uFF0C\u9700\u8981\u7ECF\u5DE5\u5177\u901A\u9053\uFF08ops_collect / ops_import / verdict_judge\uFF09\u83B7\u53D6\u3002",
+  "\u4E0D\u8981\u731C\u6D4B\uFF0C\u4E0D\u8981\u7528\u8FD1\u4F3C\u503C\u4EE3\u66FF\uFF0C\u4E0D\u8981\u6697\u793A\u81EA\u5DF1\u80FD\u67E5\u5230\u672A\u63D0\u4F9B\u7684\u6570\u636E\u3002"
+].join("\n");
+var ANALYSIS_INSTRUCTION = [
+  "\u3010\u5206\u6790\u6307\u4EE4\u3011",
+  "1) \u8BF7\u57FA\u4E8E payload \u4E2D\u7684\u8BC1\u636E\u6570\u503C\u505A\u89E3\u91CA\u6027\u5206\u6790\uFF08\u5404 pipe \u5360\u6BD4\u3001\u5E26\u5BBD\u3001\u7B97\u529B\u3001\u8017\u65F6\u7B49\u539F\u59CB\u6307\u6807\u7684\u8BED\u4E49\u89E3\u8BFB\uFF09\u3002",
+  "2) \u4EFB\u4F55 Bound\uFF08\u74F6\u9888\uFF09\u5224\u5B9A\u7ED3\u8BBA\u5FC5\u987B\u4E14\u53EA\u80FD\u6765\u81EA ops-verdict \u89C4\u5219\u5F15\u64CE\uFF1A\u82E5\u9700\u8981\u5224\u5B9A\uFF0C\u8BF7\u8C03\u7528 verdict_judge \u5DE5\u5177",
+  "\uFF08\u5BF9\u8BE5\u62A5\u544A\u8FD0\u884C\u89C4\u5219\u5F15\u64CE\uFF09\u5E76\u4EE5\u5224\u5B9A\u4E66\uFF08verdict \u5B57\u6BB5\uFF09\u4E3A\u51C6\u8FDB\u884C\u89E3\u8BFB\uFF1B\u4F60\u6CA1\u6709\u5728\u672C\u6D88\u606F\u4E2D\u5F97\u5230\u4EFB\u4F55\u5224\u5B9A\u7ED3\u8BBA\uFF0C",
+  "\u4E5F\u4E0D\u8981\u81EA\u884C\u7ED9\u51FA\u3002",
+  "3) \u5360\u6BD4\u6392\u5E8F\u7C7B\u805A\u5408\uFF08\u5982\u300C\u4E3B\u5BFC pipe\u300D\uFF09\u5C5E\u4E8E\u5224\u5B9A\u4EA7\u7269\uFF1A\u9664\u975E\u5224\u5B9A\u4E66\u660E\u786E\u7ED9\u51FA\uFF0C\u5426\u5219\u4E0D\u8981\u4EE5\u6392\u5E8F/\u6BD4\u8F83\u8868\u8FF0\u7ED9\u51FA\u74F6\u9888\u7ED3\u8BBA\u3002",
+  "4) \u5982\u9700\u4F18\u5316\u673A\u5236\u8DEF\u7531\uFF0C\u8BF7\u4F9D\u636E\u5224\u5B9A\u4E66 findings[].mechanism_refs \u8D70 tool-ops-tune \u7684 ops-mechanism \u5B50\u57DF\u3002"
+].join("\n");
+function buildCannbotText(report, scope) {
+  const payloadJson = JSON.stringify(buildCannbotPayload(report, scope), null, 1);
+  const fullText = `${BOUNDARY_PROMPT}
+\u3010\u62A5\u544A\u6570\u636E payload\u3011
+${payloadJson}
+${ANALYSIS_INSTRUCTION}`;
+  const size = jsonSize(fullText);
+  if (size <= PAYLOAD_BYTE_CAP) return { text: fullText, bytes: size, truncated: false };
+  const encoder = new TextEncoder();
+  const decoder = new TextDecoder();
+  const bytes = encoder.encode(fullText).subarray(0, PAYLOAD_BYTE_CAP);
+  const cut = decoder.decode(bytes, { stream: true });
+  return { text: `${cut}
+\u2026\uFF08\u8F7D\u8377\u8D85\u8FC7 8KB \u5DF2\u622A\u65AD\uFF09`, bytes: size, truncated: true };
+}
+function CannbotConfirm(props) {
+  const { report, scope, locale, sessionId, clientContext, onCancel, onSent, onError } = props;
+  const [sending, setSending] = (0, import_react6.useState)(false);
+  const built = buildCannbotText(report, scope);
+  const confirm = () => {
+    const remote = sessionRemoteOf(clientContext);
+    if (remote === void 0) {
+      onError("remote.session unavailable (inject requires remote + remote.session)");
+      return;
+    }
+    setSending(true);
+    const requestId = randomUUID();
+    void remote.prompt({
+      requestId,
+      sessionId,
+      mode: "queue",
+      content: [{ type: "text", text: built.text }]
+    }).then((result) => {
+      setSending(false);
+      if (!result.ok) {
+        onError(`${locale("cannbotFailed")}: ${result.error.code} \u2014 ${result.error.message}`);
+        return;
+      }
+      onSent(locale("cannbotSent"));
+    }, (error) => {
+      setSending(false);
+      onError(`${locale("cannbotFailed")}: ${String(error)}`);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "otwb-cbmodal-backdrop", role: "presentation", onClick: (e) => {
+    if (e.target === e.currentTarget) onCancel();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "otwb-cbmodal", role: "dialog", "aria-modal": "true", "aria-label": locale("cannbotConfirmTitle"), "data-testid": "cannbot-confirm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "otwb-cbmodal-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "otwb-cbmodal-title", children: locale("cannbotConfirmTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "otwb-cbmodal-close", "aria-label": locale("cannbotCancel"), onClick: onCancel, children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("dl", { className: "otwb-cbmodal-rows", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "otwb-cbmodal-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: locale("cannbotScope") }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "otwb-chip", children: scope }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "otwb-cbmodal-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: locale("cannbotPayload") }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("dd", { children: [
+          locale("cannbotBytes", { n: built.bytes }),
+          built.truncated && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "otwb-cbmodal-warn", "data-testid": "cannbot-truncated", children: [
+            " \xB7 ",
+            locale("cannbotTruncated")
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("pre", { className: "otwb-cbmodal-preview", "data-testid": "cannbot-payload-preview", children: [
+      built.text.slice(0, 2e3),
+      built.text.length > 2e3 ? "\n\u2026" : ""
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "otwb-cbmodal-note", children: locale("cannbotQueueNote") }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "otwb-cbmodal-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "otwb-btn", onClick: onCancel, children: locale("cannbotCancel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "otwb-btn otwb-btn--primary", disabled: sending, onClick: confirm, "data-testid": "cannbot-confirm-send", children: sending ? "\u2026" : locale("cannbotConfirm") })
+    ] })
+  ] }) });
+}
+// src/client/verdict-cards.tsx
+var import_react7 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function evidenceToString(evidence) {
+  if (evidence === null || evidence === void 0) return "";
+  if (typeof evidence === "string") return evidence;
+  if (typeof evidence === "number") return String(evidence);
+  try {
+    return JSON.stringify(evidence);
+  } catch {
+    return String(evidence);
+  }
+}
+function speedupToString(speedup) {
+  if (speedup === null || speedup === void 0 || speedup === "") return "";
+  if (Array.isArray(speedup)) {
+    if (speedup.length === 2) return `${String(speedup[0])}\xD7 \u2013 ${String(speedup[1])}\xD7`;
+    return speedup.map((s) => String(s)).join(" \u2013 ");
+  }
+  if (typeof speedup === "number") return `${String(speedup)}\xD7`;
+  return String(speedup);
+}
+function useFullVerdict(ctx, sessionId, relPath) {
+  const [state, setState] = (0, import_react7.useState)({ status: "idle" });
+  (0, import_react7.useEffect)(() => {
+    if (relPath === void 0 || relPath === "") {
+      setState({ status: "idle" });
+      return;
+    }
+    let stopped = false;
+    setState({ status: "loading" });
+    void (async () => {
+      const remote = workspaceFilesOf(ctx);
+      if (remote === void 0) {
+        if (!stopped) setState({ status: "failed", message: "Remote carrier unavailable" });
+        return;
+      }
+      const paged = await readTextPaged(remote, sessionId, relPath, new AbortController().signal);
+      if (stopped) return;
+      if (paged.status !== "ok") {
+        setState({ status: "failed", message: paged.status === "missing" ? `${relPath} \u7F3A\u5931` : paged.message });
+        return;
+      }
+      try {
+        const doc = JSON.parse(paged.text);
+        if (!stopped) setState({ status: "ok", doc });
+      } catch (error) {
+        if (!stopped) setState({ status: "failed", message: `verdict.json \u89E3\u6790\u5931\u8D25\uFF1A${String(error)}` });
+      }
+    })();
+    return () => {
+      stopped = true;
+    };
+  }, [relPath]);
+  return state;
+}
+function VerdictCard(props) {
+  const { ctx, sessionId, verdict, locale, onRequestVerdict } = props;
+  const full = useFullVerdict(ctx, sessionId, verdict?.rel_path);
+  if (verdict === null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "otwb-verdict otwb-verdict--empty", "data-testid": "verdict-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "otwb-verdict-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "otwb-verdict-stamp otwb-verdict-stamp--empty", children: locale("verdictEmpty") }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "otwb-verdict-title", children: locale("verdictTitle") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "otwb-verdict-hint", children: locale("verdictEmptyHint") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "otwb-btn otwb-btn--ghost", onClick: onRequestVerdict, "data-testid": "verdict-cta", children: locale("verdictCta") })
+    ] });
+  }
+  const detailFindings = full.status === "ok" ? full.doc.findings : void 0;
+  const summaryFindings = verdict.findings ?? [];
+  const skipped = (full.status === "ok" ? full.doc.skipped : void 0) ?? [];
+  const skippedCount = verdict.skipped_count ?? skipped.length;
+  const recommended = (full.status === "ok" ? full.doc.recommended_next : void 0) ?? verdict.recommended_next ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "otwb-verdict", "data-testid": "verdict-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "otwb-verdict-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `otwb-verdict-stamp otwb-verdict-stamp--${String(verdict.verdict ?? "").toLowerCase()}`, "data-testid": "verdict-stamp", children: String(verdict.verdict ?? "") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "otwb-verdict-title", "data-testid": "verdict-headline", children: String(verdict.headline ?? "") })
+    ] }),
+    summaryFindings.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "otwb-verdict-findings", "data-testid": "verdict-findings", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { className: "otwb-verdict-sub", children: locale("verdictFindings") }),
+      summaryFindings.map((finding, i) => {
+        const detail = detailFindings?.[i];
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("article", { className: "otwb-verdict-finding", "data-testid": "verdict-finding", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { className: "otwb-verdict-finding-head", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `otwb-verdict-sev otwb-verdict-sev--${String(finding.severity ?? "").toLowerCase()}`, children: String(finding.severity ?? "") }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { className: "otwb-verdict-rule", children: String(finding.rule_id) }),
+            finding.name !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "otwb-verdict-name", children: String(finding.name) }),
+            finding.confidence !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "otwb-verdict-conf", children: String(finding.confidence) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("dl", { className: "otwb-verdict-rows", children: [
+            detail?.evidence !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "otwb-verdict-row", "data-testid": "verdict-evidence", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dt", { children: locale("verdictEvidence") }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dd", { children: evidenceToString(detail.evidence) })
+            ] }),
+            (detail?.counter_evidence ?? []).map((ce) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "otwb-verdict-row otwb-verdict-row--counter", "data-testid": "verdict-counter", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dt", { children: locale("verdictCounter") }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("dd", { children: [
+                ce.note,
+                ce.unevaluated === true ? "\uFF08\u53CD\u8BC1\u6307\u6807\u7F3A\u5931\uFF0C\u672A\u8BC4\u4F30\uFF09" : ""
+              ] })
+            ] }, ce.id)),
+            detail !== void 0 && speedupToString(detail.speedup_range) !== "" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "otwb-verdict-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dt", { children: locale("verdictSpeedup") }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dd", { children: speedupToString(detail.speedup_range) })
+            ] }),
+            (detail?.mechanism_refs ?? []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "otwb-verdict-row", "data-testid": "verdict-mechanisms", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dt", { children: locale("verdictMechanism") }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dd", { children: (detail?.mechanism_refs ?? []).map((m) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { className: "otwb-verdict-mech", children: m }, m)) })
+            ] })
+          ] })
+        ] }, `${finding.rule_id}-${String(i)}`);
+      })
+    ] }),
+    full.status === "failed" && verdict.rel_path !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "otwb-verdict-hint", "data-testid": "verdict-full-failed", children: [
+      "\u5224\u5B9A\u4E66\u5168\u6587\u62C9\u53D6\u5931\u8D25\uFF1A",
+      full.message
+    ] }),
+    skippedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("details", { className: "otwb-verdict-skipped", "data-testid": "verdict-skipped", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { children: [
+        locale("verdictSkipped"),
+        " \xB7 ",
+        String(skippedCount)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { children: skipped.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: String(s.rule_id) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "otwb-verdict-skipstatus", children: String(s.status ?? "") }),
+        s.reason !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "otwb-verdict-skipreason", children: s.reason })
+      ] }, `${s.rule_id}-${String(i)}`)) })
+    ] }),
+    recommended.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "otwb-verdict-next", "data-testid": "verdict-recommended", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { className: "otwb-verdict-sub", children: locale("verdictNext") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ol", { children: recommended.map((n, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: String(n) }, i)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("footer", { className: "otwb-verdict-footer", "data-testid": "verdict-footer", children: locale("verdictFooter") })
+  ] });
+}
+function ComparisonCard(props) {
+  const { comparison, locale } = props;
+  if (comparison === null) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {});
+  const ok = comparison.exit_code === 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: `otwb-compare${ok ? "" : " otwb-compare--rejected"}`, "data-testid": "comparison-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "otwb-compare-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `otwb-compare-stamp${ok ? " otwb-compare-stamp--ok" : " otwb-compare-stamp--rejected"}`, "data-testid": "comparison-exit", children: ok ? locale("comparisonExitOk") : locale("comparisonExitRejected") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "otwb-compare-title", children: locale("comparisonTitle") }),
+      comparison.speedup !== null && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "otwb-compare-speedup", "data-testid": "comparison-speedup", children: [
+        locale("comparisonSpeedup"),
+        " ",
+        comparison.speedup.toFixed(3),
+        "\xD7"
+      ] })
+    ] }),
+    comparison.conclusion_text !== "" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "otwb-compare-line", "data-testid": "comparison-conclusion", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("b", { children: [
+        locale("comparisonConclusion"),
+        ":"
+      ] }),
+      " ",
+      comparison.conclusion_text
+    ] }),
+    comparison.action_text !== "" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "otwb-compare-line", "data-testid": "comparison-action", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("b", { children: [
+        locale("comparisonAction"),
+        ":"
+      ] }),
+      " ",
+      comparison.action_text
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("footer", { className: "otwb-verdict-footer", children: [
+      "\u7ED3\u8BBA\u51FA\u81EA snapshot / delta_compare \u811A\u672C \xB7 \u9000\u51FA\u7801 ",
+      String(comparison.exit_code)
+    ] })
+  ] });
+}
+// src/client/report-view.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ReportView(props) {
+  const { ctx, sessionId, report, result, locale, onBack, promptSession: promptSession2 } = props;
+  const [tab, setTab] = (0, import_react8.useState)("timeline");
+  const [operatorId, setOperatorId] = (0, import_react8.useState)(report.selected_operator_id);
+  const [asideVisible, setAsideVisible] = (0, import_react8.useState)(true);
+  const [asideWidth, setAsideWidth] = (0, import_react8.useState)(360);
+  const [dockMode, setDockMode] = (0, import_react8.useState)(null);
+  const [dockExpanded, setDockExpanded] = (0, import_react8.useState)(false);
+  const [selectedEvent, setSelectedEvent] = (0, import_react8.useState)(null);
+  const [dependencyMode, setDependencyMode] = (0, import_react8.useState)("all");
+  const [selectedBlockId, setSelectedBlockId] = (0, import_react8.useState)(report.memory_topology.block_id);
+  const [pipeSide, setPipeSide] = (0, import_react8.useState)(defaultPipeSide(report));
+  const [cannbotScope, setCannbotScope] = (0, import_react8.useState)(null);
+  const [toast, setToast] = (0, import_react8.useState)(null);
+  const [shortcutsOpen, setShortcutsOpen] = (0, import_react8.useState)(false);
+  const [displayOpen, setDisplayOpen] = (0, import_react8.useState)(false);
+  const asideDrag = (0, import_react8.useRef)(null);
+  const opType = (report.summary.op_type ?? "").trim();
+  const isMix = opType.toUpperCase() === "MIX";
+  const showPipeSideToggle = isMix;
+  const clockMHz = clockFreqOf(report);
+  const capabilities = new Set(report.capabilities);
+  const hasTimeline = report.pipe_trace.event_count > 0 && report.pipe_trace.rel_path !== null;
+  const [tl, setTl] = (0, import_react8.useState)({
+    startTime: 0,
+    endTime: 1,
+    zoomPercent: 0,
+    selectedEventId: null,
+    hoveredEventId: null,
+    searchQuery: "",
+    measureMode: false,
+    measureRange: null,
+    showDependencies: true,
+    timeDisplayMode: "time",
+    dependencyDepth: -1,
+    expanded: false
+  });
+  const patchTl = (0, import_react8.useCallback)((patch) => {
+    setTl((prev) => ({ ...prev, ...patch }));
+  }, []);
+  const trace = useSwimlaneModel(
+    ctx,
+    sessionId,
+    hasTimeline ? report.pipe_trace.rel_path : null,
+    report.pipe_trace.time_unit,
+    new AbortController().signal
+  );
+  const model = trace.status === "ok" ? trace.model : null;
+  (0, import_react8.useEffect)(() => {
+    if (model !== null) patchTl({ startTime: 0, endTime: model.maxTime, zoomPercent: 0 });
+  }, [model, patchTl]);
+  const onSelectEvent = (0, import_react8.useCallback)((event) => {
+    setSelectedEvent(event);
+    patchTl({ selectedEventId: event?.id ?? null });
+  }, [patchTl]);
+  const neighbors = (0, import_react8.useMemo)(() => {
+    if (model === null || selectedEvent === null) return null;
+    const index = /* @__PURE__ */ new Map();
+    for (const lane of allLanesOf(model)) for (const ev of lane.events) index.set(ev.id, ev);
+    const collect = (refs) => refs.slice(0, 200).flatMap((ref) => {
+      const lane = laneByIdInModel(model, ref.tid);
+      const ev = lane?.events[ref.index];
+      if (ev === void 0) return [];
+      return [{ name: ev.name, ref }];
+    });
+    const deps = selectedEvent.dependencies;
+    if (deps === void 0) return { incoming: [], outgoing: [], eventNames: /* @__PURE__ */ new Map() };
+    return {
+      incoming: collect(deps.predecessors),
+      outgoing: collect(deps.successors),
+      eventNames: /* @__PURE__ */ new Map()
+    };
+  }, [model, selectedEvent]);
+  const metaLine = (0, import_react8.useMemo)(() => {
+    const s = report.summary;
+    const parts = [];
+    if (s.pid !== null) parts.push(`${locale("process")}: ${s.pid}`);
+    if (s.op_type !== null) parts.push(`${locale("opTypeLabel")}: ${s.op_type}`);
+    if (s.block_dim !== null) parts.push(`${locale("blocks")}: ${String(s.block_dim)}`);
+    return parts;
+  }, [report, locale]);
+  const fullSpan = model !== null ? Math.max(1, model.maxTime) : 1;
+  const startCannbot = (scope) => setCannbotScope(scope);
+  const sendGuidancePrompt = (text) => {
+    void promptSession2(text).then((err) => {
+      if (err !== null) setToast(`\u6CE8\u5165\u5931\u8D25\uFF1A${err}`);
+      else setToast("\u5DF2\u6CE8\u5165\u4F1A\u8BDD\uFF08queue \u6A21\u5F0F\uFF09");
+    });
+  };
+  const onAsidePointerDown = (ev) => {
+    if (ev.button !== 0) return;
+    asideDrag.current = { x: ev.clientX, w: asideWidth };
+    ev.currentTarget.setPointerCapture(ev.pointerId);
+  };
+  const onAsidePointerMove = (ev) => {
+    const drag = asideDrag.current;
+    if (drag === null) return;
+    setAsideWidth(Math.min(720, Math.max(280, drag.w + (drag.x - ev.clientX))));
+  };
+  const onAsidePointerUp = () => {
+    asideDrag.current = null;
+  };
+  const operators = report.operators;
+  const opSelected = operatorId ?? report.selected_operator_id ?? operators[0]?.id ?? null;
+  const tabs = [
+    { id: "op", label: locale("tabOp"), testid: "tab-op" },
+    { id: "timeline", label: locale("tabTimeline"), testid: "tab-timeline" },
+    { id: "source", label: locale("tabSource"), testid: "tab-source" },
+    { id: "detail", label: locale("tabDetail"), testid: "tab-detail" },
+    { id: "cache", label: locale("tabCache"), testid: "tab-cache" }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-report", "data-testid": "profiling-report", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-report-topbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "otwb-back", onClick: onBack, "data-testid": "back-to-list", children: [
+        "\u2190 ",
+        locale("navResults")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-report-src", "data-testid": "report-source-badge", children: sourceBadge(report) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-report-refresh", children: locale("refreshNote") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("nav", { className: "otwb-tabs", "data-testid": "report-tabs", "aria-label": locale("reportViews"), children: [
+      operators.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-opselect", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "otwb-opselect-trigger", "data-testid": "op-selector", "aria-haspopup": "listbox", "aria-expanded": false, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: operators.find((o) => o.id === opSelected)?.label ?? locale("tabOp") }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-opselect-chevron", children: "\u25BE" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "select",
+          {
+            className: "otwb-opselect-native",
+            value: opSelected ?? "",
+            onChange: (e) => setOperatorId(e.target.value),
+            "aria-label": locale("tabOp"),
+            children: operators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: op.id, children: op.label }, op.id))
+          }
+        )
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-tabs-title", children: report.summary.op_name ?? locale("tabOp") }),
+      tabs.filter((t) => t.id !== "op").map((t) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          type: "button",
+          className: `otwb-tabs-tab${tab === t.id ? " otwb-tabs-tab--active" : ""}`,
+          "data-testid": t.testid,
+          "aria-selected": tab === t.id,
+          title: t.id === "source" || t.id === "detail" || t.id === "cache" ? locale("phase2") : void 0,
+          onClick: () => {
+            if (t.id === "detail") {
+              setDockMode(dockMode === null ? "summary" : dockMode);
+              setTab("timeline");
+              return;
+            }
+            setTab(t.id);
+          },
+          children: t.label
+        },
+        t.id
+      ))
+    ] }),
+    tab === "timeline" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-toolbar", "data-testid": "report-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "otwb-toolbar-search", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-sr-only", children: locale("searchLabel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "input",
+          {
+            type: "search",
+            "data-testid": "search-input",
+            placeholder: locale("searchPlaceholder"),
+            value: tl.searchQuery,
+            onChange: (e) => patchTl({ searchQuery: e.target.value })
+          }
+        ),
+        tl.searchQuery !== "" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-testid": "search-clear", "aria-label": locale("searchClear"), onClick: () => patchTl({ searchQuery: "" }), children: "\xD7" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-toolbar-zoom", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-testid": "zoom-out", title: locale("zoomOut"), onClick: () => patchTl({ startTime: 0, endTime: Math.max(1, (tl.endTime - tl.startTime) * 1.6 + tl.startTime > fullSpan ? fullSpan : (tl.endTime - tl.startTime) * 1.6 + tl.startTime), zoomPercent: zoomToPercent(Math.min(fullSpan, (tl.endTime - tl.startTime) * 1.6), fullSpan) }), children: "\u2212" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "input",
+          {
+            type: "range",
+            min: 0,
+            max: 100,
+            "data-testid": "zoom-slider",
+            value: tl.zoomPercent,
+            onChange: (e) => {
+              const span = percentToZoom(Number(e.target.value), fullSpan);
+              const anchor = (tl.startTime + tl.endTime) / 2;
+              let start = anchor - span / 2;
+              let end = anchor + span / 2;
+              if (start < 0) {
+                start = 0;
+                end = span;
+              }
+              if (end > fullSpan) {
+                end = fullSpan;
+                start = Math.max(0, end - span);
+              }
+              patchTl({ startTime: Math.round(start), endTime: Math.round(end), zoomPercent: Number(e.target.value) });
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-testid": "zoom-in", title: locale("zoomIn"), onClick: () => {
+          const span = Math.max(1, (tl.endTime - tl.startTime) / 1.6);
+          const anchor = (tl.startTime + tl.endTime) / 2;
+          let start = anchor - span / 2;
+          let end = anchor + span / 2;
+          if (start < 0) {
+            start = 0;
+            end = span;
+          }
+          if (end > fullSpan) {
+            end = fullSpan;
+            start = Math.max(0, end - span);
+          }
+          patchTl({ startTime: Math.round(start), endTime: Math.round(end), zoomPercent: zoomToPercent(span, fullSpan) });
+        }, children: "+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-testid": "zoom-to-fit", title: locale("zoomFit"), onClick: () => patchTl({ startTime: 0, endTime: fullSpan, zoomPercent: 0 }), children: locale("zoomFit") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          type: "button",
+          className: `otwb-iconbtn${tl.measureMode ? " otwb-iconbtn--on" : ""}`,
+          "data-testid": "toggle-measure",
+          "aria-pressed": tl.measureMode,
+          title: locale("timeMeasurement"),
+          onClick: () => patchTl({ measureMode: !tl.measureMode, measureRange: null }),
+          children: "\u21D4"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-toolbar-popwrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `otwb-iconbtn${displayOpen ? " otwb-iconbtn--on" : ""}`,
+            "data-testid": "toggle-display-control",
+            "aria-expanded": displayOpen,
+            title: locale("displayControl"),
+            onClick: () => setDisplayOpen((o) => !o),
+            children: "\u2699"
+          }
+        ),
+        displayOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-popover", "data-testid": "display-control", role: "dialog", "aria-label": locale("displayControl"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-popover-head", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("displayControl") }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-testid": "display-control-close", "aria-label": locale("closePanel"), onClick: () => setDisplayOpen(false), children: "\xD7" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "otwb-popover-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("taskDisplayUnit") }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+              "select",
+              {
+                "data-testid": "time-display-mode",
+                value: tl.timeDisplayMode,
+                onChange: (e) => patchTl({ timeDisplayMode: e.target.value }),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "time", children: locale("displayModeTime") }),
+                  clockMHz !== null && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "cycles", children: locale("displayModeCycles") })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "otwb-popover-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              locale("connectionLevel"),
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-help", tabIndex: 0, title: locale("connectionLevelHelp"), "data-testid": "connection-level-help", children: "?" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "otwb-stepper", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "input",
+                {
+                  type: "number",
+                  step: 1,
+                  min: -1,
+                  max: 100,
+                  "data-testid": "dependency-depth",
+                  value: tl.dependencyDepth,
+                  onChange: (e) => {
+                    const raw = Math.trunc(Number(e.target.value));
+                    patchTl({ dependencyDepth: Number.isFinite(raw) ? Math.min(100, Math.max(-1, raw)) : -1 });
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-testid": "dependency-depth-up", title: locale("stepUp"), onClick: () => patchTl({ dependencyDepth: Math.min(100, tl.dependencyDepth + 1) }), children: "\u25B4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-testid": "dependency-depth-down", title: locale("stepDown"), onClick: () => patchTl({ dependencyDepth: Math.max(-1, tl.dependencyDepth - 1) }), children: "\u25BE" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "otwb-popover-hint", children: locale("dependencyDepthHint") }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "otwb-popover-row otwb-popover-row--check", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("showDeps") }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "checkbox", checked: tl.showDependencies, onChange: (e) => patchTl({ showDependencies: e.target.checked }), "data-testid": "show-dependencies" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-toolbar-popwrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `otwb-iconbtn${shortcutsOpen ? " otwb-iconbtn--on" : ""}`,
+            "data-testid": "toggle-shortcuts",
+            "aria-expanded": shortcutsOpen,
+            title: locale("shortcuts"),
+            onClick: () => setShortcutsOpen((o) => !o),
+            children: "\u2328"
+          }
+        ),
+        shortcutsOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-popover otdb-shortcut-help", "data-testid": "shortcut-help", role: "dialog", "aria-label": locale("shortcuts"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-popover-head", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("shortcuts") }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-testid": "shortcut-help-close", "aria-label": locale("closePanel"), onClick: () => setShortcutsOpen(false), children: "\xD7" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-cols", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-shortcut-group", children: locale("mouseControl") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("verticalMovement") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Key, { glyph: "wheel" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("singleBoxSelection") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Key, { glyph: "click" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-shortcut-group", children: locale("keyboardControl") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("zoomIn") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Key, { glyph: "W" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("zoomOut") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Key, { glyph: "S" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("panLeft") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Key, { glyph: "A" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("panRight") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Key, { glyph: "D" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-shortcut-group", children: locale("combinedControl") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("scaling") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "otwb-kbd", children: [
+                  locale("ctrl"),
+                  " + ",
+                  locale("wheelGlyph")
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("dragPan") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "otwb-kbd", children: [
+                  locale("ctrl"),
+                  " + ",
+                  locale("mouseGlyph")
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("boxSelect") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-kbd", children: locale("mouseGlyph") })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-shortcut-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: locale("timeMeasurement") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "otwb-kbd", children: [
+                  locale("alt"),
+                  " + ",
+                  locale("mouseGlyph")
+                ] })
+              ] })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          type: "button",
+          className: `otwb-iconbtn${asideVisible ? " otwb-iconbtn--on" : ""}`,
+          "data-testid": "toggle-aside",
+          "aria-pressed": asideVisible,
+          title: locale("stats"),
+          onClick: () => setAsideVisible((v) => !v),
+          children: "\u25A4"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `otwb-layout${asideVisible ? "" : " otdb-layout--no-aside"}`, style: { ["--otwb-aside-width"]: `${String(asideWidth)}px` }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "otwb-main", children: [
+        tab === "timeline" && (hasTimeline ? trace.status === "ok" && model !== null ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          TimelineView,
+          {
+            model,
+            state: tl,
+            setState: patchTl,
+            clockFreqMHz: clockMHz,
+            locale,
+            onSelect: onSelectEvent,
+            height: 340
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-empty", "data-testid": "timeline-loading", children: trace.status === "loading" ? "\u2026" : trace.status === "failed" ? trace.message : locale("noTimeline") }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-empty", "data-testid": "timeline-empty", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-empty-title", children: locale("noTimeline") }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-empty-hint", children: report.pipe_trace.missing_reason ?? "" })
+        ] })),
+        tab === "source" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-empty", "data-testid": "tab-source-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-empty-title", children: locale("tabSource") }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-empty-hint", children: locale("sourceEmpty") })
+        ] }),
+        tab === "cache" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-tab-body", "data-testid": "tab-cache-body", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          CsvFieldListPanel,
+          {
+            ctx,
+            sessionId,
+            tables: report.table_index.filter((t) => t.group === "memory"),
+            locale,
+            group: "memory",
+            selectedBlockId,
+            onSelectBlock: setSelectedBlockId
+          }
+        ) }),
+        tab === "op" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-tab-body", "data-testid": "tab-op-body", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-opinfo", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-empty-hint", children: locale("reportTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "otwb-opinfo-name", children: report.summary.op_name ?? locale("notAvailable") }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("dl", { className: "otwb-opinfo-rows", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: locale("type") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: report.summary.op_type ?? locale("notAvailable") })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: locale("kernel") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: report.kernel_name ?? locale("notAvailable") })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "report_id" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", { children: report.report_id }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: locale("sourceLabel") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-chip", children: String(report.source) }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "SoC" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: report.soc ?? locale("notAvailable") })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "collected_at" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: report.collected_at })
+            ] }),
+            result !== null && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: locale("copyPath") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", { title: result.dir_path, children: result.dir_path }) })
+            ] })
+          ] }),
+          operators.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-opinfo-operators", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { children: locale("opSelectorLabel") }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { children: operators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { className: op.id === opSelected ? "otwb-opinfo-op--active" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", onClick: () => setOperatorId(op.id), "data-testid": "op-item", children: op.label }) }, op.id)) })
+          ] })
+        ] }) })
+      ] }),
+      asideVisible && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-aside", "data-testid": "stats-aside", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "otwb-aside-resize",
+            "data-testid": "aside-resize-handle",
+            "aria-label": locale("resizeSidebar"),
+            onPointerDown: onAsidePointerDown,
+            onPointerMove: onAsidePointerMove,
+            onPointerUp: onAsidePointerUp,
+            onPointerCancel: onAsidePointerUp
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "otwb-aside-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { children: locale("summary") }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "otwb-aside-close", "aria-label": locale("closePanel"), onClick: () => setAsideVisible(false), children: "\xD7" })
+        ] }),
+        metaLine.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "otwb-aside-meta", "data-testid": "stats-aside-meta", children: metaLine.join(" \xB7 ") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-aside-scroll", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SummaryCards, { report, locale, onMoreHardware: () => setDockMode("summary"), onCannbot: () => startCannbot("summary") }),
+          capabilities.has("roofline") && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RooflinePanel, { model: report.roofline, locale }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            PipeOccupancyChart,
+            {
+              report,
+              locale,
+              side: pipeSide,
+              showSideToggle: showPipeSideToggle,
+              onSide: setPipeSide,
+              onDetails: () => setDockMode("pipe"),
+              onCannbot: () => startCannbot("compute")
+            }
+          ),
+          report.memory_topology.edges.some((e) => e.label !== null && e.label !== "") && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "otwb-stack", "data-testid": "stats-topology", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-stack-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { children: locale("memoryAnalysis") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "otwb-stack-actions", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CannbotButton, { locale, onClick: () => startCannbot("memory"), testid: "cannbot-memory" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "otwb-linklike", "data-testid": "topology-details", onClick: () => setDockMode("memory"), children: locale("details") })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MemoryTopologyPanel, { edges: report.memory_topology.edges, locale })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(VerdictCard, { ctx, sessionId, verdict: report.verdict, locale, onRequestVerdict: () => {
+            sendGuidancePrompt(verdictRequestPrompt());
+          } }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ComparisonCard, { comparison: report.comparison, locale })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      DetailDock,
+      {
+        ctx,
+        sessionId,
+        report,
+        locale,
+        mode: dockMode,
+        onMode: setDockMode,
+        expanded: dockExpanded,
+        onExpanded: setDockExpanded,
+        selected: selectedEvent,
+        neighbors,
+        dependencyMode,
+        onDependencyMode: setDependencyMode,
+        timeDisplayMode: tl.timeDisplayMode,
+        clockFreqMHz: clockMHz,
+        selectedBlockId,
+        onSelectBlock: setSelectedBlockId,
+        pipeSide,
+        onPipeSide: setPipeSide,
+        showPipeSideToggle,
+        onCannbot: startCannbot,
+        onOpenHardware: () => setDockMode("summary")
+      }
+    ),
+    cannbotScope !== null && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      CannbotConfirm,
+      {
+        report,
+        scope: cannbotScope,
+        locale,
+        sessionId,
+        clientContext: ctx,
+        onCancel: () => setCannbotScope(null),
+        onSent: (msg) => {
+          setCannbotScope(null);
+          setToast(msg);
+        },
+        onError: (msg) => {
+          setToast(msg);
+        }
+      }
+    ),
+    toast !== null && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "otwb-toast", "data-testid": "otwb-toast", role: "status", onClick: () => setToast(null), children: toast })
+  ] });
+}
+function Key(props) {
+  const { glyph } = props;
+  const isKey = /^[WASD]$/.test(glyph);
+  return isKey ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-kbd", children: glyph }) : glyph === "wheel" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-glyph", children: "\u27F3" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "otwb-glyph", children: "\u25C9" });
+}
+function defaultPipeSide(report) {
+  const t = (report.summary.op_type ?? "").toLowerCase();
+  if (t === "") return "cube";
+  if (t.includes("mix")) return "cube";
+  if (t.includes("vector") || t.includes("aiv") || t.includes("vec")) return "vector";
+  return "cube";
+}
+function sourceBadge(report) {
+  return String(report.source);
+}
+function* allLanesOf(model) {
+  const walk = function* (lanes) {
+    for (const lane of lanes) {
+      yield lane;
+      if (lane.children !== void 0) yield* walk(lane.children);
+    }
+  };
+  for (const proc of model.processes) yield* walk(proc.threads);
+}
+function laneByIdInModel(model, id) {
+  for (const lane of allLanesOf(model)) if (lane.id === id) return lane;
+  return null;
+}
+function verdictRequestPrompt() {
+  return "\u8BF7\u5BF9\u7B97\u5B50\u8C03\u4F18\u5DE5\u4F5C\u53F0\u5F53\u524D\u62A5\u544A\u8C03\u7528 verdict_judge \u5DE5\u5177\u8FD0\u884C ops-verdict \u89C4\u5219\u5F15\u64CE\uFF0C\u5E76\u4EE5\u5224\u5B9A\u4E66\u5185\u5BB9\u4E3A\u51C6\u89E3\u8BFB\u74F6\u9888\uFF08\u5224\u5B9A\u53EA\u51FA\u81EA\u811A\u672C\uFF1B\u4F60\u53EA\u89E3\u91CA\u8BC1\u636E\uFF09\u3002";
+}
+// src/client/collect-config.tsx
+var import_react9 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var OPERATOR_METRIC_KEYS = [
+  "cubeAndVectorInstructionTimeAndRatio",
+  "l2CacheHitRate",
+  "memoryReadWriteBandwidth",
+  "l0ReadWriteBandwidth",
+  "ubReadWriteBandwidth",
+  "computeAndMoveUnitTimeAndRatio",
+  "resourceConflictRatio"
+];
+var DCC_SECTIONS = ["PipeUtilization", "Pipeline", "L2Cache", "Memory", "MemoryL0", "MemoryUB", "ArithmeticUtilization", "ResourceConflictRatio"];
+var DCC_FORCED = /* @__PURE__ */ new Set(["Pipeline", "ArithmeticUtilization", "ResourceConflictRatio"]);
+var DCC_SET_DISABLED = /* @__PURE__ */ new Set(["detailed", "hccl", "roofline"]);
+var DCC_SET_TABLE = {
+  Custom: { desc: "\u9ED8\u8BA4\u53C2\u6570", disabled: false },
+  basic: { desc: "PipeUtilization;L2Cache;Memory", disabled: false },
+  detailed: { desc: "\u6682\u4E0D\u652F\u6301", disabled: true },
+  full: { desc: "PipeUtilization;L2Cache;Memory;MemoryL0;MemoryUB", disabled: false },
+  hccl: { desc: "\u6682\u4E0D\u652F\u6301", disabled: true },
+  roofline: { desc: "\u6682\u4E0D\u652F\u6301", disabled: true }
+};
+function defaultConfig(soc) {
+  const isA5 = soc === "a5";
+  return {
+    collection_type: "onboard",
+    onboard: {
+      interCoreLoad: true,
+      roofline: true,
+      operatorCodeHotspot: true,
+      // A5 fork (PARITY-MAP §9.1): PC sampling replaces Cache heatmap on Ascend950
+      cacheHeatmap: !isA5,
+      pcSampling: isA5,
+      operatorMetrics: true,
+      cubeAndVectorInstructionTimeAndRatio: true,
+      l2CacheHitRate: true,
+      memoryReadWriteBandwidth: true,
+      l0ReadWriteBandwidth: true,
+      ubReadWriteBandwidth: true,
+      computeAndMoveUnitTimeAndRatio: true,
+      resourceConflictRatio: true
+    },
+    simulator: { memoryThroughputWaveform: false, resourceConflictRatio: true },
+    new_tool: {
+      common: { output_file: "", force_overwrite: false, command_line: "" },
+      metrics: { kind: "set", set: "basic", sections: ["PipeUtilization", "L2Cache", "Memory"] }
+    },
+    soc
+  };
+}
+function CollectConfigPage(props) {
+  const { locale, onSave, onCopyPrompt } = props;
+  const [cfg, setCfg] = (0, import_react9.useState)(props.config ?? defaultConfig("auto"));
+  const [saved, setSaved] = (0, import_react9.useState)(false);
+  const isA5 = cfg.soc === "a5";
+  const opMetrics = OPERATOR_METRIC_KEYS.every((k) => cfg.onboard[k] === true);
+  const opMetricsSome = OPERATOR_METRIC_KEYS.some((k) => cfg.onboard[k] === true);
+  const setOnboard = (patch) => {
+    setCfg((c) => ({ ...c, onboard: { ...c.onboard, ...patch } }));
+    setSaved(false);
+  };
+  const setSim = (patch) => {
+    setCfg((c) => ({ ...c, simulator: { ...c.simulator, ...patch } }));
+    setSaved(false);
+  };
+  const setNewTool = (patch) => {
+    setCfg((c) => ({ ...c, new_tool: { ...c.new_tool, ...patch } }));
+    setSaved(false);
+  };
+  const commandLine = (0, import_react9.useMemo)(() => {
+    if (cfg.new_tool.metrics.kind === "set" && cfg.new_tool.metrics.set !== "Custom") {
+      const table = {
+        basic: ["PipeUtilization", "L2Cache", "Memory"],
+        full: ["PipeUtilization", "L2Cache", "Memory", "MemoryL0", "MemoryUB"]
+      };
+      const sections = table[cfg.new_tool.metrics.set] ?? [];
+      const parts2 = sections.filter((s) => !DCC_FORCED.has(s)).map((s) => `--section ${s}`);
+      if (cfg.new_tool.common.force_overwrite) parts2.push("--force");
+      return parts2.join(" ");
+    }
+    const parts = cfg.new_tool.metrics.sections.filter((s) => !DCC_FORCED.has(s)).map((s) => `--section ${s}`);
+    if (cfg.collection_type === "onboard" && cfg.new_tool.common.force_overwrite) parts.push("--force");
+    return parts.join(" ");
+  }, [cfg.new_tool, cfg.collection_type]);
+  const commandLineEdited = cfg.new_tool.common.command_line !== "";
+  const agentPrompt = (0, import_react9.useMemo)(() => buildAgentPrompt(cfg), [cfg]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg", "data-testid": "collection-config", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("header", { className: "otwb-cfg-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "otwb-cfg-title", children: locale("configTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "otwb-cfg-soc", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: locale("socLabel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { value: cfg.soc, onChange: (e) => {
+          setCfg((c) => ({ ...c, soc: e.target.value }));
+          setSaved(false);
+        }, "data-testid": "soc-select", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "auto", children: locale("socAuto") }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "a2", children: "a2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "a3", children: "a3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "a5", children: "a5 (Ascend950)" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "otwb-cfg-note", "data-testid": "collection-exec-note", children: locale("configExecNote") }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "otwb-cfg-section", "data-testid": "options-on-board", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "otwb-cfg-section-title", children: locale("onboardTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-alert", role: "note", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: locale("onboardAlert1") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: isA5 ? locale("onboardAlert2A5") : locale("onboardAlert2") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "otwb-cfg-group", children: locale("collectContent") }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-block-title", children: locale("memoryHeatmap") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-desc", children: locale("memoryHeatmapDesc") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-desc", children: locale("defaultOptions") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-checks", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("interCoreLoad"), checked: cfg.onboard.interCoreLoad, onChange: (v) => setOnboard({ interCoreLoad: v }), testid: "interCoreLoad" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("rooflineOpt"), checked: cfg.onboard.roofline, onChange: (v) => setOnboard({ roofline: v }), tooltip: locale("rooflineTooltip"), testid: "roofline" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-block", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("codeHotspot"), checked: cfg.onboard.operatorCodeHotspot, onChange: (v) => setOnboard({ operatorCodeHotspot: v }), testid: "operatorCodeHotspot" }) }),
+      isA5 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-block", "data-testid": "a5-pc-sampling", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("pcSampling"), checked: cfg.onboard.pcSampling, onChange: (v) => setOnboard({ pcSampling: v, cacheHeatmap: false }), tooltip: locale("pcSamplingTooltip"), testid: "pcSampling" }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-block", "data-testid": "non-a5-cache-heatmap", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("cacheHeatmap"), checked: cfg.onboard.cacheHeatmap, onChange: (v) => setOnboard({ cacheHeatmap: v, pcSampling: false }), tooltip: locale("cacheHeatmapTooltip"), testid: "cacheHeatmap" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Check,
+          {
+            label: locale("operatorMetrics"),
+            checked: opMetrics,
+            indeterminate: opMetricsSome && !opMetrics,
+            onChange: (v) => setOnboard(Object.fromEntries(OPERATOR_METRIC_KEYS.map((k) => [k, v]))),
+            testid: "operatorMetrics"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-checks otwb-cfg-checks--nested", "data-testid": "nested-operator-metrics", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("cubeVector"), checked: cfg.onboard.cubeAndVectorInstructionTimeAndRatio, onChange: (v) => setOnboard({ cubeAndVectorInstructionTimeAndRatio: v }), testid: "cubeAndVector" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("l2HitRate"), checked: cfg.onboard.l2CacheHitRate, onChange: (v) => setOnboard({ l2CacheHitRate: v }), testid: "l2CacheHitRate" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("memoryBandwidth"), checked: cfg.onboard.memoryReadWriteBandwidth, onChange: (v) => setOnboard({ memoryReadWriteBandwidth: v }), testid: "memoryReadWriteBandwidth" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("l0Bandwidth"), checked: cfg.onboard.l0ReadWriteBandwidth, onChange: (v) => setOnboard({ l0ReadWriteBandwidth: v }), testid: "l0ReadWriteBandwidth" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("ubBandwidth"), checked: cfg.onboard.ubReadWriteBandwidth, onChange: (v) => setOnboard({ ubReadWriteBandwidth: v }), testid: "ubReadWriteBandwidth" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("computeMoveRatio"), checked: cfg.onboard.computeAndMoveUnitTimeAndRatio, onChange: (v) => setOnboard({ computeAndMoveUnitTimeAndRatio: v }), testid: "computeAndMoveUnitTimeAndRatio" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("resourceConflict"), checked: cfg.onboard.resourceConflictRatio, onChange: (v) => setOnboard({ resourceConflictRatio: v }), testid: "resourceConflictRatio" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "otwb-cfg-section", "data-testid": "options-simulator", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "otwb-cfg-section-title", children: locale("simulatorTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-alert", role: "note", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: locale("simAlert") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "otwb-cfg-group", children: locale("collectContent") }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-block-title", children: locale("instructionPipeline") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-desc", children: locale("instructionPipelineDesc") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-desc", children: locale("extraOptions") }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-checks", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("memoryThroughput"), checked: cfg.simulator.memoryThroughputWaveform, onChange: (v) => setSim({ memoryThroughputWaveform: v }), testid: "memoryThroughputWaveform" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-block-title", children: locale("simCodeHotspot") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-desc", children: cfg.simulator.resourceConflictRatio ? locale("simCodeHotspotDesc") : locale("simCodeHotspotDescBase") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "otwb-cfg-checks", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Check, { label: locale("simResourceConflict"), checked: cfg.simulator.resourceConflictRatio, onChange: (v) => setSim({ resourceConflictRatio: v }), testid: "simResourceConflictRatio" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "otwb-cfg-section", "data-testid": "data-collection-config", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "otwb-cfg-section-title", children: locale("newToolTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "otwb-cfg-label", children: locale("collectionType") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-segmented", role: "radiogroup", "data-testid": "collection-type", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: `otwb-seg${cfg.collection_type === "onboard" ? " otwb-seg--on" : ""}`, onClick: () => {
+            setCfg((c) => ({ ...c, collection_type: "onboard" }));
+            setSaved(false);
+          }, children: locale("dcOnboard") }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: `otwb-seg${cfg.collection_type === "simulate" ? " otwb-seg--on" : ""}`, onClick: () => {
+            setCfg((c) => ({ ...c, collection_type: "simulate" }));
+            setSaved(false);
+          }, children: locale("dcSimulate") })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-collapsible", "data-testid": "dcc-common", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "otwb-cfg-collapsible-head", children: locale("dcCommon") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "otwb-cfg-label", children: locale("outputFile") }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-inputgroup", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "input",
+              {
+                type: "text",
+                placeholder: locale("outputFilePlaceholder"),
+                value: cfg.new_tool.common.output_file,
+                onChange: (e) => setNewTool({ common: { ...cfg.new_tool.common, output_file: e.target.value } }),
+                "data-testid": "dcc-output-file"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "otwb-btn", onClick: () => {
+            }, children: locale("browse") })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "otwb-cfg-label", children: locale("forceOverwrite") }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-segmented", role: "radiogroup", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: `otwb-seg${cfg.new_tool.common.force_overwrite ? " otwb-seg--on" : ""}`, onClick: () => setNewTool({ common: { ...cfg.new_tool.common, force_overwrite: true } }), children: "Yes" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: `otwb-seg${!cfg.new_tool.common.force_overwrite ? " otwb-seg--on" : ""}`, onClick: () => setNewTool({ common: { ...cfg.new_tool.common, force_overwrite: false } }), children: "No" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-row otwb-cfg-row--stack", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "otwb-cfg-label", children: locale("commandLine") }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "textarea",
+            {
+              rows: 3,
+              placeholder: locale("commandLinePlaceholder"),
+              value: commandLineEdited ? cfg.new_tool.common.command_line : commandLine,
+              onChange: (e) => setNewTool({ common: { ...cfg.new_tool.common, command_line: e.target.value } }),
+              "data-testid": "dcc-command-line"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-collapsible", "data-testid": "dcc-metrics", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "otwb-cfg-collapsible-head", children: locale("dcMetrics") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DccMetrics, { cfg, setNewTool, locale })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("footer", { className: "otwb-cfg-footer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: "otwb-btn",
+          "data-testid": "save-config",
+          onClick: () => {
+            onSave(cfg);
+            setSaved(true);
+          },
+          children: [
+            saved ? "\u2713" : "",
+            " \u4FDD\u5B58\u914D\u7F6E"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "otwb-btn otwb-btn--primary",
+          "data-testid": "copy-agent-prompt",
+          onClick: () => onCopyPrompt(agentPrompt),
+          children: locale("copyAgentPrompt")
+        }
+      )
+    ] })
+  ] });
+}
+function Check(props) {
+  const { label, checked, indeterminate = false, onChange, tooltip, testid } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: `otwb-check${checked ? " otwb-check--on" : ""}`, title: tooltip, "data-testid": testid, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `otwb-check-box${indeterminate ? " otwb-check-box--indeterminate" : ""}`, "aria-hidden": "true", children: indeterminate ? "\u2212" : checked ? "\u2713" : "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked, onChange: (e) => onChange(e.target.checked) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "otwb-check-label", children: label })
+  ] });
+}
+function DccMetrics(props) {
+  const { cfg, setNewTool, locale } = props;
+  const [kind, setKind] = (0, import_react9.useState)(cfg.new_tool.metrics.kind);
+  const [filter, setFilter] = (0, import_react9.useState)("");
+  const setName = cfg.new_tool.metrics.set;
+  const sections = cfg.new_tool.metrics.sections;
+  const setMode = (k) => {
+    setKind(k);
+    setNewTool({ metrics: { ...cfg.new_tool.metrics, kind: k } });
+  };
+  const pickSet = (name) => {
+    const table = {
+      Custom: [],
+      basic: ["PipeUtilization", "L2Cache", "Memory"],
+      detailed: [],
+      full: ["PipeUtilization", "L2Cache", "Memory", "MemoryL0", "MemoryUB"],
+      hccl: [],
+      roofline: []
+    };
+    setNewTool({ metrics: { kind: "set", set: name, sections: table[name] ?? [] } });
+  };
+  const toggleSection = (name) => {
+    const forced = DCC_FORCED.has(name);
+    if (forced) return;
+    const next = sections.includes(name) ? sections.filter((s) => s !== name) : [...sections, name];
+    const sorted = [...next].sort().join("|");
+    let detected = "Custom";
+    for (const candidate of ["basic", "full"]) {
+      const list = candidate === "basic" ? ["PipeUtilization", "L2Cache", "Memory"] : ["PipeUtilization", "L2Cache", "Memory", "MemoryL0", "MemoryUB"];
+      if (list.slice().sort().join("|") === sorted) {
+        detected = candidate;
+        break;
+      }
+    }
+    setNewTool({ metrics: { kind: "section", set: detected, sections: next } });
+  };
+  const f = filter.trim().toLowerCase();
+  const sectionRows = DCC_SECTIONS.filter((s) => f === "" || s.toLowerCase().includes(f));
+  const setRows = Object.keys(DCC_SET_TABLE).filter((s) => f === "" || s.toLowerCase().includes(f));
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-metrics-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "otwb-cfg-segmented", role: "radiogroup", "data-testid": "dcc-metrics-kind", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: `otwb-seg${kind === "set" ? " otwb-seg--on" : ""}`, onClick: () => setMode("set"), children: "set" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: `otwb-seg${kind === "section" ? " otwb-seg--on" : ""}`, onClick: () => setMode("section"), children: "section" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "search", placeholder: locale("filterPlaceholder"), value: filter, onChange: (e) => setFilter(e.target.value), "data-testid": "dcc-filter" })
+    ] }),
+    kind === "set" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", { className: "otwb-dcctable", "data-testid": "dcc-set-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { className: "otwb-dcctable-radio" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { children: locale("dcName") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { children: locale("dcDescription") })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tbody", { children: setRows.map((name) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tr", { className: setName === name ? "otwb-dcctable-row--active" : void 0, onClick: () => {
+        if (!DCC_SET_DISABLED.has(name)) pickSet(name);
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { className: "otwb-dcctable-radio", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `otwb-radio${setName === name ? " otwb-radio--on" : ""}` }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { children: DCC_SET_TABLE[name].desc })
+      ] }, name)) })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", { className: "otwb-dcctable", "data-testid": "dcc-section-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { className: "otwb-dcctable-radio" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { children: locale("dcName") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { children: locale("dcDescription") })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tbody", { children: sectionRows.map((name) => {
+        const forced = DCC_FORCED.has(name);
+        const checked = forced || sections.includes(name);
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tr", { onClick: () => toggleSection(name), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { className: "otwb-dcctable-radio", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `otwb-check-box${checked ? " otwb-check-box--on" : ""}${forced ? " otwb-check-box--forced" : ""}`, children: checked ? "\u2713" : "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { className: "otwb-dcctable-muted", children: forced ? "\u5F3A\u5236\u52FE\u9009" : "Detail analysis of the compute resource..." })
+        ] }, name);
+      }) })
+    ] })
+  ] });
+}
+function buildAgentPrompt(cfg) {
+  return [
+    "\u8BF7\u6309\u7B97\u5B50\u8C03\u4F18\u5DE5\u4F5C\u53F0\u300C\u91C7\u96C6\u914D\u7F6E\u300D\u9875\u7684\u5F53\u524D\u914D\u7F6E\u53D1\u8D77\u4E00\u6B21\u91C7\u96C6\uFF1A",
+    "\u8C03\u7528 ops_collect \u5DE5\u5177\uFF0Coptions \u53C2\u6570\u53D6\u4E0B\u9762\u7684 JSON\uFF08\u6765\u6E90\uFF1A\u5DE5\u4F5C\u53F0\u91C7\u96C6\u914D\u7F6E\u9875\uFF0C\u7528\u6237\u5DF2\u786E\u8BA4\uFF09\uFF1A",
+    JSON.stringify({
+      collection_type: cfg.collection_type,
+      soc: cfg.soc,
+      onboard: cfg.onboard,
+      simulator: cfg.simulator,
+      new_tool: cfg.new_tool
+    }, null, 2),
+    "\u8BF4\u660E\uFF1ABound \u5224\u5B9A\u4E0D\u5728\u672C\u6B21\u8BF7\u6C42\u5185\uFF1B\u91C7\u96C6\u5B8C\u6210\u540E\u5982\u9700\u5224\u5B9A\u8BF7\u5355\u72EC\u8C03\u7528 verdict_judge\u3002"
+  ].join("\n");
+}
+// src/client/panel.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function WorkbenchPanel(props) {
+  const { state, locale } = props;
+  const [view, setView] = (0, import_react10.useState)(() => props.initialReportId === void 0 ? "results" : "report");
+  const [reportId, setReportId] = (0, import_react10.useState)(() => props.initialReportId ?? null);
+  const [sortDesc, setSortDesc] = (0, import_react10.useState)(true);
+  const [markedOnly, setMarkedOnly] = (0, import_react10.useState)(false);
+  const [markedLocal, setMarkedLocal] = (0, import_react10.useState)(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = (0, import_react10.useState)(/* @__PURE__ */ new Set());
+  const [toast, setToast] = (0, import_react10.useState)(null);
+  const results = (0, import_react10.useMemo)(() => {
+    const list = [...state.results];
+    list.sort((a, b) => (sortDesc ? -1 : 1) * (a.timestamp < b.timestamp ? -1 : a.timestamp > b.timestamp ? 1 : 0));
+    return markedOnly ? list.filter((r) => r.marked || markedLocal.has(r.report_id)) : list;
+  }, [state.results, sortDesc, markedOnly, markedLocal]);
+  const report = reportId !== null ? state.reports[reportId] : void 0;
+  const resultOf = (id) => state.results.find((r) => r.report_id === id) ?? null;
+  const saveConfig = (config) => {
+    void props.promptSession(collectionSavePrompt(config)).then((err) => {
+      setToast(err !== null ? err : "\u5DF2\u8BF7\u6C42\u4F1A\u8BDD Agent \u5199\u5165\u91C7\u96C6\u914D\u7F6E\uFF08state.collection_config\uFF09");
+    });
+  };
+  const copyPath = (path) => {
+    void navigator.clipboard?.writeText(path).then(
+      () => setToast(locale("pathCopied")),
+      () => setToast(path)
+    );
+  };
+  const openReport = (id) => {
+    setReportId(id);
+    setView("report");
+  };
+  const copyPrompt = (text) => {
+    void navigator.clipboard?.writeText(text).then(
+      () => setToast(locale("promptCopied")),
+      () => setToast(text)
+    );
+  };
+  if (view === "config") {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        PanelTopbar,
+        {
+          locale,
+          view: "config",
+          onResults: () => setView("results"),
+          onConfig: () => setView("config"),
+          skill: state.config_echo.tuningSkill
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        CollectConfigPage,
+        {
+          config: state.collection_config,
+          locale,
+          onSave: saveConfig,
+          onCopyPrompt: copyPrompt
+        }
+      ),
+      toast !== null && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastToast, { message: toast, onDismiss: () => setToast(null) })
+    ] });
+  }
+  if (view === "report" && report !== void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        ReportView,
+        {
+          ctx: props.ctx,
+          sessionId: props.sessionId,
+          report,
+          result: resultOf(report.report_id),
+          locale,
+          onBack: () => {
+            setView("results");
+            setReportId(null);
+          },
+          promptSession: props.promptSession
+        }
+      ),
+      toast !== null && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastToast, { message: toast, onDismiss: () => setToast(null) })
+    ] });
+  }
+  if (view === "report" && report === void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PanelTopbar, { locale, view: "results", onResults: () => setView("results"), onConfig: () => setView("config"), skill: state.config_echo.tuningSkill }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-empty", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "otwb-empty-title", children: locale("reportTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "otwb-empty-hint", children: locale("resultsReportMissing") })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-panel", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      PanelTopbar,
+      {
+        locale,
+        view: "results",
+        onResults: () => setView("results"),
+        onConfig: () => setView("config"),
+        skill: state.config_echo.tuningSkill
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-results-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "otwb-results-title", children: locale("navResults") }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-results-commands", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", "data-testid": "sort-time", title: locale("sortTime"), onClick: () => setSortDesc((d) => !d), children: [
+          sortDesc ? "\u2193" : "\u2191",
+          " ",
+          locale("sortTime")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", "data-testid": "filter-marked", onClick: () => setMarkedOnly((m) => !m), children: markedOnly ? locale("showAll") : locale("markedOnly") })
+      ] })
+    ] }),
+    state.baseline_id !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-baseline-line", "data-testid": "baseline-line", children: [
+      locale("baselineLabel"),
+      ": ",
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { children: state.baseline_id })
+    ] }),
+    results.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-empty", "data-testid": "results-empty", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "otwb-empty-title", children: locale("noData") }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "otwb-empty-hint", children: locale("resultsHint") })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "otwb-results", "data-testid": "results-list", children: results.map((entry) => {
+      const isMarked = entry.marked || markedLocal.has(entry.report_id);
+      const isOpen = expanded.has(entry.report_id);
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { className: `otwb-result${isMarked ? " otwb-result--marked" : ""}`, "data-testid": "result-entry", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "otwb-result-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "otwb-result-caret",
+              "aria-label": isOpen ? "\u2212" : "+",
+              onClick: () => setExpanded((prev) => {
+                const next = new Set(prev);
+                if (next.has(entry.report_id)) next.delete(entry.report_id);
+                else next.add(entry.report_id);
+                return next;
+              }),
+              children: isOpen ? "\u25BE" : "\u25B8"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "otwb-result-flag", role: "img", "aria-label": isMarked ? locale("mark") : "", onClick: () => setMarkedLocal((prev) => {
+            const next = new Set(prev);
+            if (next.has(entry.report_id)) next.delete(entry.report_id);
+            else next.add(entry.report_id);
+            return next;
+          }), title: isMarked ? locale("unmark") : locale("mark"), "data-testid": "result-mark", children: isMarked ? "\u2691" : "\u2690" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "otwb-result-title", onClick: () => openReport(entry.report_id), "data-testid": "result-open", children: entry.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "otwb-result-src", "data-testid": "result-source-badge", title: `${locale("sourceLabel")}: ${entry.source}`, children: entry.source }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "otwb-result-time", title: entry.timestamp, children: entry.timestamp.slice(0, 19).replace("T", " ") }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "otwb-result-cmd", title: locale("openReport"), onClick: () => openReport(entry.report_id), children: "\u2197" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "otwb-result-cmd", title: locale("copyPath"), onClick: () => copyPath(entry.dir_path), "data-testid": "result-copy-path", children: "\u29C9" })
+        ] }),
+        isOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("ul", { className: "otwb-result-children", children: [
+          entry.children.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ResultChild, { child, onCopy: copyPath, locale }, `${child.title}-${String(i)}`)),
+          entry.children.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "otwb-result-child otwb-result-child--empty", children: "\u2014" })
+        ] })
+      ] }, entry.report_id);
+    }) }),
+    toast !== null && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastToast, { message: toast, onDismiss: () => setToast(null) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "otwb-footer-note", children: locale("markLocalNote") })
+  ] });
+}
+function collectionSavePrompt(config) {
+  return [
+    "\u8BF7\u628A\u7B97\u5B50\u8C03\u4F18\u5DE5\u4F5C\u53F0\u300C\u91C7\u96C6\u914D\u7F6E\u300D\u9875\u7684\u6700\u65B0\u914D\u7F6E\u843D\u76D8\uFF08state.collection_config\uFF09\uFF1A",
+    "\u8C03\u7528 ops_collect \u5DE5\u5177\u5E76\u643A\u5E26\u4E0B\u9762\u7684 JSON \u4F5C\u4E3A options \u53C2\u6570\u2014\u2014\u5DE5\u5177\u4F1A\u628A\u5E26 options \u7684\u8C03\u7528\u6301\u4E45\u5316\u4E3A\u65B0\u7684\u91C7\u96C6\u914D\u7F6E",
+    "\uFF08\u65E0\u9700\u771F\u5B9E\u91C7\u96C6\u6267\u884C\uFF1B\u82E5\u5F53\u524D\u73AF\u5883\u65E0 NPU\uFF0C\u5DE5\u5177\u4F1A\u7167\u5E38\u56DE\u9000\u6A21\u62DF\u5668\u5E76\u628A\u8BE5\u914D\u7F6E\u5199\u5165 state.collection_config\uFF09\uFF1A",
+    JSON.stringify(config, null, 2),
+    "\u8BF4\u660E\uFF1A\u540E\u7EED\u4E0D\u5E26 options \u7684 ops_collect \u8C03\u7528\u5C06\u81EA\u52A8\u6D88\u8D39\u8FD9\u4EFD\u5DF2\u4FDD\u5B58\u7684\u914D\u7F6E\u3002"
+  ].join("\n");
+}
+function ResultChild(props) {
+  const { child, onCopy, locale } = props;
+  if (child.children !== void 0 && child.children.length > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { className: "otwb-result-child otwb-result-child--dir", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "otwb-result-child-title", children: [
+        child.title,
+        "/"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "otwb-result-children otwb-result-children--nested", children: child.children.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ResultChild, { child: c, onCopy, locale }, `${c.title}-${String(i)}`)) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { className: "otwb-result-child", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: `otwb-result-filetype otwb-result-filetype--${child.file_type}`, children: child.file_type }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "otwb-result-child-title", title: child.file_path, children: child.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "otwb-result-cmd", title: locale("copyPath"), onClick: () => onCopy(child.file_path), children: "\u29C9" })
+  ] });
+}
+function PanelTopbar(props) {
+  const { locale, view, onResults, onConfig, skill } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "otwb-topbar", "data-testid": "otwb-topbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "otwb-topbar-title", children: locale("workbenchTitle") }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("nav", { className: "otwb-topbar-nav", role: "tablist", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", role: "tab", className: `otwb-topbar-navbtn${view === "results" || view === "report" ? " otwb-topbar-navbtn--active" : ""}`, "aria-selected": view === "results" || view === "report", onClick: onResults, "data-testid": "nav-results", children: locale("navResults") }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", role: "tab", className: `otwb-topbar-navbtn${view === "config" ? " otwb-topbar-navbtn--active" : ""}`, "aria-selected": view === "config", onClick: onConfig, "data-testid": "nav-config", children: locale("navConfig") })
+    ] }),
+    skill !== "" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "otwb-topbar-skill", title: `${locale("skillEcho")}: ${skill}`, children: [
+      "\u2699 ",
+      skill
+    ] })
+  ] });
+}
+function ToastToast(props) {
+  const { message, onDismiss } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "otwb-toast", role: "status", "data-testid": "otwb-toast", onClick: onDismiss, children: message });
+}
+// src/client/i18n/zh.ts
+var zh = {
+  // ── workbench shell / navigation ────────────────────────────────────
+  workbenchTitle: "\u7B97\u5B50\u8C03\u4F18\u5DE5\u4F5C\u53F0",
+  navResults: "\u6027\u80FD\u8C03\u4F18\u7ED3\u679C",
+  navConfig: "\u91C7\u96C6\u914D\u7F6E",
+  backToList: "\u8FD4\u56DE\u7ED3\u679C\u5217\u8868",
+  refreshNote: "state.json \xB7 4s \u8F6E\u8BE2",
+  noData: "\u6682\u65E0\u6570\u636E",
+  resultsHint: "\u4F1A\u8BDD\u5185\u8FD0\u884C ops_collect / ops_import \u540E\uFF0C\u6700\u65B0\u91C7\u96C6\u4F1A\u51FA\u73B0\u5728\u6B64\u5217\u8868\u3002",
+  resultsReportMissing: "\u62A5\u544A\u4E0D\u5B58\u5728\u4E8E state.reports\uFF08\u53EF\u80FD\u5DF2\u88AB\u6E05\u7406\uFF09\uFF0C\u8BF7\u8FD4\u56DE\u5217\u8868\u5237\u65B0\u3002",
+  sortTime: "\u6309\u65F6\u95F4\u6392\u5E8F",
+  markedOnly: "\u53EA\u770B\u6807\u8BB0",
+  showAll: "\u663E\u793A\u5168\u90E8",
+  openReport: "\u6253\u5F00\u62A5\u544A",
+  copyPath: "\u590D\u5236\u8DEF\u5F84",
+  pathCopied: "\u8DEF\u5F84\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
+  mark: "\u6807\u8BB0",
+  unmark: "\u53D6\u6D88\u6807\u8BB0",
+  markLocalNote: "\u9762\u677F\u5185\u6807\u8BB0\uFF08\u5199\u5165 state \u9700\u7ECF Host \u901A\u9053\uFF0CPhase 2\uFF09",
+  sourceLabel: "\u6765\u6E90",
+  reportTitle: "\u6027\u80FD\u5206\u6790\u62A5\u544A",
+  baselineLabel: "\u57FA\u7EBF",
+  skillEcho: "\u8C03\u4F18\u6280\u80FD",
+  // ── report tabs (PARITY-MAP §2) ─────────────────────────────────────
+  reportViews: "\u62A5\u544A\u89C6\u56FE",
+  tabOp: "OP\u7B97\u5B50",
+  tabTimeline: "\u65F6\u95F4\u7EBF",
+  tabSource: "\u6E90\u7801",
+  tabDetail: "\u8BE6\u60C5",
+  tabCache: "\u7F13\u5B58",
+  phase2: "Phase 2",
+  opSelectorLabel: "\u9009\u62E9\u7B97\u5B50",
+  sourceEmpty: "\u6E90\u7801\u672A\u968F\u62A5\u544A\u5F52\u6863\uFF1A\u62A5\u544A\u6A21\u578B\u4E0D\u542B case \u6E90\u6587\u4EF6\u901A\u9053\uFF08\u5DEE\u5F02\u58F0\u660E D-11\uFF09\u3002Phase 2 \u6269\u5C55\u3002",
+  cacheEmpty: "\u7F13\u5B58\u7C7B\u8868\u683C\uFF08L2Cache / MemoryL0 / MemoryUB\uFF09\u672A\u91C7\u96C6\u3002",
+  cacheTitle: "\u7F13\u5B58",
+  // ── toolbar (PARITY-MAP §3) ─────────────────────────────────────────
+  searchPlaceholder: "\u641C\u7D22",
+  searchLabel: "\u641C\u7D22",
+  searchClear: "\u6E05\u9664\u641C\u7D22",
+  zoomIn: "\u653E\u5927",
+  zoomOut: "\u7F29\u5C0F",
+  zoomFit: "\u9002\u5E94\u7A97\u53E3",
+  scaling: "\u7F29\u653E",
+  measure: "\u5EA6\u91CF",
+  timeMeasurement: "\u65F6\u95F4\u6D4B\u8DDD",
+  focusMeasureRange: "\u805A\u7126\u5EA6\u91CF\u8303\u56F4",
+  stats: "\u62A5\u544A",
+  displayControl: "\u663E\u793A\u63A7\u5236",
+  taskDisplayUnit: "\u4EFB\u52A1\u663E\u793A\u5355\u4F4D",
+  displayModeTime: "\u65F6\u95F4\uFF08\u81EA\u52A8\uFF09",
+  displayModeCycles: "CPU \u65F6\u949F\u5468\u671F",
+  dependencyDisplay: "\u4F9D\u8D56\u663E\u793A",
+  depModeAll: "\u5168\u90E8\u4F9D\u8D56",
+  depModePredecessors: "\u4EC5\u524D\u9A71",
+  depModeSuccessors: "\u4EC5\u540E\u7EE7",
+  dependencyDepth: "\u4F9D\u8D56\u6DF1\u5EA6",
+  dependencyDepthHint: "\u22121 \u8868\u793A\u4E0D\u9650\u5236\u8DF3\u6570\uFF08\u6BCF\u4FA7\u6700\u591A 10 000 \u6761\uFF09",
+  connectionLevel: "\u4EFB\u52A1\u8FDE\u63A5\u5C42\u7EA7",
+  connectionLevelHelp: "\u8FDE\u63A5\u5C42\u7EA7\uFF1A-1 \u8868\u793A\u4E0D\u9650\u5C42\u6570",
+  helpConnectionLevel: "\u8FDE\u63A5\u5C42\u7EA7\u8BF4\u660E",
+  stepUp: "\u589E\u52A0\u5C42\u7EA7",
+  stepDown: "\u51CF\u5C11\u5C42\u7EA7",
+  shortcuts: "\u5FEB\u6377\u952E\u8BF4\u660E",
+  mouseControl: "\u9F20\u6807\u64CD\u4F5C",
+  keyboardControl: "\u952E\u76D8\u64CD\u4F5C",
+  combinedControl: "\u7EC4\u5408\u64CD\u4F5C",
+  verticalMovement: "\u7EB5\u5411\u79FB\u52A8",
+  singleBoxSelection: "\u5355\u51FB / \u6846\u9009",
+  panLeft: "\u5DE6\u79FB",
+  panRight: "\u53F3\u79FB",
+  dragPan: "\u5E73\u79FB",
+  boxSelect: "\u6846\u9009",
+  alt: "Alt",
+  ctrl: "Ctrl",
+  wheelGlyph: "\u6EDA\u8F6E",
+  mouseGlyph: "\u9F20\u6807",
+  // ── timeline (PARITY-MAP §4) ────────────────────────────────────────
+  noTimeline: "\u65E0\u65F6\u95F4\u7EBF\u4E8B\u4EF6",
+  laneComm: "\u901A\u4FE1",
+  laneCompute: "\u8BA1\u7B97",
+  laneHbm: "\u50A8\u5B58HBM",
+  pin: "\u7F6E\u9876",
+  unpin: "\u53D6\u6D88\u7F6E\u9876",
+  resizeLaneGutter: "\u8C03\u6574\u6CF3\u9053\u6807\u7B7E\u5BBD\u5EA6",
+  resizeSidebar: "\u8C03\u6574\u4FA7\u680F\u5BBD\u5EA6",
+  visibleRangeStart: "\u53EF\u89C1\u8303\u56F4\u8D77\u70B9",
+  visibleRangeEnd: "\u53EF\u89C1\u8303\u56F4\u7EC8\u70B9",
+  showDeps: "\u4EFB\u52A1\u4F9D\u8D56\u8FDE\u7EBF",
+  start: "Start",
+  dur: "Duration",
+  end: "End",
+  name: "Name",
+  kernel: "Kernel",
+  cyclesUnit: "cycles",
+  timelineLoadFailed: "\u65F6\u95F4\u7EBF\u52A0\u8F7D\u5931\u8D25",
+  // ── detail dock (PARITY-MAP §5) ──────────────────────────────────────
+  details: "\u8BE6\u60C5",
+  closePanel: "\u5173\u95ED",
+  expandDock: "\u5C55\u5F00\u8BE6\u60C5",
+  collapseDock: "\u6536\u8D77\u8BE6\u60C5",
+  modeSummary: "\u6458\u8981",
+  modePipe: "PIPE",
+  modeCompute: "\u8BA1\u7B97\u8D1F\u8F7D",
+  modeMemory: "\u5185\u5B58\u8D1F\u8F7D",
+  parameter: "Parameter",
+  relevant: "Relevant",
+  incoming: "Incoming",
+  current: "Current",
+  outgoing: "Outgoing",
+  depsUpstream: "\u4EC5\u5C55\u793A\u524D\u5411\u4F9D\u8D56",
+  depsBoth: "\u5C55\u793A\u524D\u540E\u5411\u4F9D\u8D56",
+  depsDownstream: "\u4EC5\u5C55\u793A\u540E\u5411\u4F9D\u8D56",
+  noDependencies: "\u65E0\u4F9D\u8D56\u6570\u636E",
+  noParameters: "\u65E0\u53C2\u6570",
+  eventNone: "\u5355\u51FB\u65F6\u95F4\u7EBF\u4E8B\u4EF6\u67E5\u770B\u8BE6\u60C5",
+  // ── summary cards / aside (PARITY-MAP §6) ────────────────────────────
+  summary: "\u62A5\u544A\u7EDF\u8BA1",
+  process: "\u8FDB\u7A0B",
+  opTypeLabel: "\u7B97\u5B50\u7C7B\u578B",
+  blocks: "Blocks",
+  more: "\u66F4\u591A",
+  back: "\u8FD4\u56DE",
+  duration: "\u6574\u4F53\u8017\u65F6",
+  blocksPerCores: "{blockDim} Blocks / {coreCount} \u6838",
+  blocksOnly: "{n} Blocks",
+  computePower: "\u7B97\u529B\u60C5\u51B5",
+  aicoreParallel: "AICore \u5E76\u884C\u4F7F\u7528\u7387",
+  parallelBalance: "\u8D1F\u8F7D\u5747\u8861\u5EA6",
+  bandwidthUtil: "\u5E26\u5BBD\u5229\u7528\u7387",
+  bwRead: "\u8BFB",
+  bwWrite: "\u5199",
+  notAvailable: "N/A",
+  freq: "\u9891\u7387",
+  ratedFreq: "\u989D\u5B9A\u9891\u7387",
+  freqUnit: "MHz",
+  computeAnalysis: "\u8BA1\u7B97\u8D1F\u8F7D\u5206\u6790",
+  memoryAnalysis: "\u5185\u5B58\u8D1F\u8F7D\u5206\u6790",
+  pipeOccupancy: "PIPE \u5360\u7528\u7387",
+  pipeDetails: "PIPE \u5360\u7528\u7387",
+  pipeSide: "PIPE \u4FA7",
+  roofline: "Roofline \u74F6\u9888\u5206\u6790",
+  memoryTopology: "\u5185\u5B58\u62D3\u6251",
+  memoryDetails: "\u5185\u5B58\u8D1F\u8F7D",
+  hardwareDetails: "\u786C\u4EF6\u4FE1\u606F\u8BE6\u60C5",
+  hardwareInfoMissing: "\u7F3A\u5C11 hardware info",
+  op: "\u7B97\u5B50",
+  type: "\u7C7B\u578B",
+  iterationsPerCore: "{n} \u6B21\u8FED\u4EE3 / \u6838",
+  iterationsPerCoreRatio: "{blockDim} / {coreCount} \u6B21\u8FED\u4EE3 / \u6838",
+  block: "block",
+  viewAll: "\u67E5\u770B\u5168\u90E8",
+  viewFullCsv: "\u67E5\u770B\u5168\u90E8",
+  fullCsvTitle: "\u5168\u91CF CSV \u89C6\u56FE",
+  fullCsvTruncated: "\u5DF2\u52A0\u8F7D\u524D {n} \u884C\uFF08\u5927\u6587\u4EF6\u6309\u884C\u6570\u622A\u65AD\u5C55\u793A\uFF0C\u5B8C\u6574\u6570\u636E\u89C1\u5F52\u6863 CSV\uFF09\u3002",
+  csvMissingSuffix: "\u672A\u91C7\u96C6",
+  // ── verdict / comparison (判定纪律：只渲染 verdict 字段 + 固定脚注) ──
+  verdictTitle: "\u5224\u5B9A\u4E66",
+  verdictEmpty: "\u672A\u5224\u5B9A",
+  verdictEmptyHint: "\u8BE5\u62A5\u544A\u5C1A\u65E0\u5224\u5B9A\u4E66\u3002Bound \u5224\u5B9A\u53EA\u51FA\u81EA ops-verdict \u89C4\u5219\u5F15\u64CE\u3002",
+  verdictCta: "\u53D1\u8D77\u5224\u5B9A",
+  verdictFooter: "\u5224\u5B9A\u51FA\u81EA ops-verdict \u89C4\u5219\u5F15\u64CE \xB7 Agent \u53EA\u89E3\u91CA\u4E0D\u81EA\u9020",
+  verdictFindings: "\u547D\u4E2D\u89C4\u5219",
+  verdictEvidence: "\u8BC1\u636E",
+  verdictCounter: "\u53CD\u8BC1",
+  verdictSpeedup: "\u9884\u4F30\u52A0\u901F\u6BD4",
+  verdictMechanism: "\u673A\u5236\u8DEF\u7531",
+  verdictSkipped: "\u8DF3\u8FC7\u9879",
+  verdictNext: "\u5EFA\u8BAE\u4E0B\u4E00\u6B65",
+  comparisonTitle: "\u8C03\u4F18\u524D\u540E\u5BF9\u6BD4",
+  comparisonExitOk: "\u53E3\u5F84\u4E00\u81F4\uFF08\u53EF\u6BD4\uFF09",
+  comparisonExitRejected: "\u53E3\u5F84\u4E0D\u4E00\u81F4\u6216\u7CBE\u5EA6\u672A\u8FC7",
+  comparisonSpeedup: "\u52A0\u901F\u6BD4",
+  comparisonConclusion: "\u7ED3\u8BBA",
+  comparisonAction: "\u5904\u7F6E",
+  // ── CANNBot 对等入口 (PARITY-MAP §8 / D-06) ──────────────────────────
+  cannbotAsk: "CANNBot \u5206\u6790",
+  cannbotConfirmTitle: "\u6CE8\u5165\u4F1A\u8BDD\u53D1\u8D77\u5206\u6790",
+  cannbotScope: "\u5206\u6790\u8303\u56F4",
+  cannbotPayload: "\u8F7D\u8377",
+  cannbotBytes: "{n} \u5B57\u8282",
+  cannbotTruncated: "\u8F7D\u8377\u8D85\u8FC7 8KB\uFF0C\u5DF2\u622A\u65AD\uFF1B\u5168\u91CF\u6570\u636E\u8BF7\u7ECF\u5DE5\u5177\u901A\u9053\uFF08ops_collect / ops_import\uFF09\u83B7\u53D6\u3002",
+  cannbotConfirm: "\u786E\u8BA4\u6CE8\u5165",
+  cannbotCancel: "\u53D6\u6D88",
+  cannbotSent: "\u5DF2\u6CE8\u5165\u4F1A\u8BDD\uFF08queue \u6A21\u5F0F\uFF09\uFF0CAgent \u5C06\u5F00\u59CB\u5206\u6790\u3002",
+  cannbotFailed: "\u6CE8\u5165\u5931\u8D25",
+  cannbotQueueNote: "\u7ECF remote.session.prompt\uFF08queue \u6A21\u5F0F\uFF09\u5165\u5217\u5F53\u524D\u4F1A\u8BDD\uFF1B\u786E\u8BA4\u540E\u53D1\u9001\u3002",
+  // ── collection config (PARITY-MAP §9) ────────────────────────────────
+  configTitle: "\u91C7\u96C6\u914D\u7F6E",
+  onboardTitle: "\u4E0A\u677F\u5206\u6790\u5FEB\u901F\u9009\u9879",
+  onboardAlert1: "\u6267\u884C\u4E0A\u677F\u5206\u6790\uFF0C\u9700\u5728\u4EE3\u7801\u4E2D\u4FEE\u6539\u4F7F\u7528 NPU \u7684\u914D\u7F6E\uFF08\u5177\u4F53\u53C2\u8003\u5DE5\u7A0B README\uFF09\u3002",
+  onboardAlert2: "\u82E5\u52FE\u9009\u300CRoofline\u74F6\u9888\u5206\u6790\u300D\u6216\u300CCache\u70ED\u529B\u56FE\u300D\uFF0C\u5C06\u9ED8\u8BA4\u91C7\u96C6\u6240\u6709\u7B97\u5B50\u6027\u80FD\u6307\u6807\u3002",
+  onboardAlert2A5: "\u82E5\u52FE\u9009\u300CRoofline\u74F6\u9888\u5206\u6790\u300D\u6216\u300CPC \u91C7\u6837\u300D\uFF0C\u5C06\u9ED8\u8BA4\u91C7\u96C6\u6240\u6709\u7B97\u5B50\u6027\u80FD\u6307\u6807\u3002",
+  collectContent: "\u91C7\u96C6\u5185\u5BB9",
+  memoryHeatmap: "\u8BA1\u7B97\u5185\u5B58\u70ED\u529B\u56FE\uFF08\u9ED8\u8BA4\u91C7\u96C6\uFF09",
+  memoryHeatmapDesc: "\u9ED8\u8BA4\u91C7\u96C6\uFF1A\u57FA\u7840\u4FE1\u606F\u3001\u8BA1\u7B97\u5DE5\u4F5C\u8D1F\u8F7D\u5206\u6790\u3001\u5185\u5B58\u8D1F\u8F7D\u5206\u6790",
+  defaultOptions: "\u9ED8\u8BA4\u9009\u9879\uFF1A",
+  interCoreLoad: "\u6838\u95F4\u8D1F\u8F7D\u5206\u6790\u56FE",
+  rooflineOpt: "Roofline\u74F6\u9888\u5206\u6790",
+  rooflineTooltip: "\u82E5\u52FE\u9009\u8BE5\u9009\u9879\uFF0C\u5C06\u9ED8\u8BA4\u91C7\u96C6\u6240\u6709\u7B97\u5B50\u6027\u80FD\u6307\u6807",
+  codeHotspot: "\u7B97\u5B50\u4EE3\u7801\u70ED\u70B9\u56FE",
+  cacheHeatmap: "Cache\u70ED\u529B\u56FE",
+  cacheHeatmapTooltip: "\u82E5\u52FE\u9009\u8BE5\u9009\u9879\uFF0C\u5C06\u9ED8\u8BA4\u91C7\u96C6\u6240\u6709\u7B97\u5B50\u6027\u80FD\u6307\u6807",
+  pcSampling: "PC \u91C7\u6837",
+  pcSamplingTooltip: "Ascend 950 / A5\uFF1A\u52FE\u9009\u540E\u9ED8\u8BA4\u91C7\u96C6\u6240\u6709\u7B97\u5B50\u6027\u80FD\u6307\u6807\uFF08\u66FF\u4EE3\u8BE5\u76EE\u6807\u4E0B\u7684 Cache \u70ED\u529B\u56FE\uFF09",
+  operatorMetrics: "\u7B97\u5B50\u6027\u80FD\u6307\u6807",
+  cubeVector: "Cube\u53CAVector\u7C7B\u578B\u6307\u4EE4\u8017\u65F6\u548C\u5360\u6BD4",
+  l2HitRate: "L2 Cache\u547D\u4E2D\u7387",
+  memoryBandwidth: "\u5185\u5B58\u8BFB\u5199\u5E26\u5BBD\u901F\u7387",
+  l0Bandwidth: "L0\u8BFB\u5199\u5E26\u5BBD\u901F\u7387",
+  ubBandwidth: "UB\u8BFB\u5199\u5E26\u5BBD\u901F\u7387",
+  computeMoveRatio: "\u8BA1\u7B97\u5355\u5143\u548C\u642C\u8FD0\u5355\u5143\u8017\u65F6\u5360\u6BD4",
+  resourceConflict: "\u8D44\u6E90\u51B2\u7A81\u5360\u6BD4",
+  simulatorTitle: "\u4EFF\u771F\u5206\u6790\u5FEB\u901F\u9009\u9879",
+  simAlert: "\u6267\u884C\u4EFF\u771F\u8C03\u4F18\uFF0C\u9700\u5728\u7B97\u5B50\u4EE3\u7801\u4E2D\u4FEE\u6539\u4F7F\u7528 Model \u7684\u914D\u7F6E\u3002",
+  instructionPipeline: "\u6307\u4EE4\u6D41\u6C34\u56FE",
+  instructionPipelineDesc: "\u9ED8\u8BA4\u91C7\u96C6\uFF1A\u8BA1\u7B97\u5355\u5143\u548C\u642C\u8FD0\u5355\u5143\u6307\u4EE4\u8017\u65F6\u5360\u6BD4\u6307\u6807",
+  extraOptions: "\u9644\u52A0\u9009\u9879\uFF1A",
+  memoryThroughput: "\u5185\u5B58\u901A\u8DEF\u541E\u5410\u7387\u6CE2\u5F62\u5B50\u56FE",
+  simCodeHotspot: "\u7B97\u5B50\u4EE3\u7801\u70ED\u70B9\u56FE",
+  simCodeHotspotDesc: "\u9ED8\u8BA4\u91C7\u96C6\uFF1A\u8D44\u6E90\u51B2\u7A81\u5360\u6BD4\u6307\u6807\uFF08\u66FF\u4EE3\u6307\u4EE4\u6D41\u6C34\u57FA\u7840\u6307\u6807\uFF09\u3002",
+  simCodeHotspotDescBase: "\u9ED8\u8BA4\u91C7\u96C6\uFF1A\u6307\u4EE4\u6D41\u6C34\u57FA\u7840\u6307\u6807\uFF08\u8BA1\u7B97\u5355\u5143\u548C\u642C\u8FD0\u5355\u5143\u6307\u4EE4\u8017\u65F6\u5360\u6BD4\uFF09\u3002",
+  simResourceConflict: "\u8D44\u6E90\u51B2\u7A81\u5360\u6BD4\u6307\u6807",
+  newToolTitle: "\u6570\u636E\u91C7\u96C6\u914D\u7F6E\uFF08A5 \u65B0\u5DE5\u5177\uFF09",
+  collectionType: "\u91C7\u96C6\u7C7B\u578B",
+  dcOnboard: "\u4E0A\u677F",
+  dcSimulate: "\u4EFF\u771F",
+  dcCommon: "Common",
+  dcMetrics: "Metrics",
+  outputFile: "Output File",
+  forceOverwrite: "Force Overwrite",
+  targetProcesses: "Target Processes",
+  replayMode: "Replay Mode",
+  appReplayBuffer: "Application Replay Buffer",
+  appReplayMode: "Application Replay Mode",
+  commandLine: "Command Line",
+  outputFilePlaceholder: "\u62A5\u544A\u8F93\u51FA\u8DEF\u5F84\uFF08\u9ED8\u8BA4\u843D\u5728 opprof \u76EE\u5F55\uFF09",
+  browse: "\u9009\u62E9",
+  commandLinePlaceholder: "\u5DE5\u5177\u53C2\u6570\uFF08\u6839\u636E\u4E0A\u65B9\u9009\u62E9\u81EA\u52A8\u540C\u6B65\uFF0C\u53EF\u624B\u52A8\u7F16\u8F91\uFF09",
+  dcCancel: "\u53D6\u6D88",
+  dcConfirm: "\u786E\u8BA4",
+  dcName: "Name",
+  dcDescription: "Description",
+  dcNotSupported: "\u6682\u4E0D\u652F\u6301",
+  dcCustomDesc: "\u9ED8\u8BA4\u53C2\u6570",
+  filterPlaceholder: "Enter Filter...",
+  socLabel: "\u76EE\u6807 SoC",
+  socAuto: "\u81EA\u52A8",
+  startCollect: "\u751F\u6210\u91C7\u96C6\u6307\u4EE4",
+  copyAgentPrompt: "\u590D\u5236 Agent \u63D0\u793A\u8BCD",
+  configExecNote: "\u91C7\u96C6\u7531\u4F1A\u8BDD Agent \u7ECF ops_collect \u5DE5\u5177\u6267\u884C\uFF08\u5DE5\u5177\u5BA1\u6279\u94FE\u751F\u6548\uFF09\uFF1B\u672C\u9875\u9009\u9879\u5C06\u968F ops_collect \u7684 options \u53C2\u6570\u4F20\u5165\u5E76\u5199\u5165 state.collection_config\u3002",
+  promptCopied: "\u63D0\u793A\u8BCD\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F"
+};
+// src/client/i18n/en.ts
+var en = {
+  // ── workbench shell / navigation ────────────────────────────────────
+  workbenchTitle: "Operator Tuning Workbench",
+  navResults: "Performance Results",
+  navConfig: "Collection Config",
+  backToList: "Back to results",
+  refreshNote: "state.json \xB7 4s polling",
+  noData: "No data",
+  resultsHint: "Run ops_collect / ops_import in the session; the latest collection appears here.",
+  resultsReportMissing: "Report missing from state.reports; return to the list and refresh.",
+  sortTime: "Sort by time",
+  markedOnly: "Marked only",
+  showAll: "Show all",
+  openReport: "Open report",
+  copyPath: "Copy path",
+  pathCopied: "Path copied to clipboard",
+  mark: "Mark",
+  unmark: "Unmark",
+  markLocalNote: "Panel-local mark (state write needs the Host channel, Phase 2)",
+  sourceLabel: "Source",
+  reportTitle: "Profiling Report",
+  baselineLabel: "Baseline",
+  skillEcho: "Tuning skill",
+  // ── report tabs (PARITY-MAP §2) ─────────────────────────────────────
+  reportViews: "Report views",
+  tabOp: "OP",
+  tabTimeline: "Timeline",
+  tabSource: "Source",
+  tabDetail: "Details",
+  tabCache: "Cache",
+  phase2: "Phase 2",
+  opSelectorLabel: "Select operator",
+  sourceEmpty: "Kernel sources are not archived with the report (D-11). Phase 2 extension.",
+  cacheEmpty: "Cache tables (L2Cache / MemoryL0 / MemoryUB) not collected.",
+  cacheTitle: "Cache",
+  // ── toolbar (PARITY-MAP §3) ─────────────────────────────────────────
+  searchPlaceholder: "Search",
+  searchLabel: "Search",
+  searchClear: "Clear search",
+  zoomIn: "Zoom in",
+  zoomOut: "Zoom out",
+  zoomFit: "Fit",
+  scaling: "Scaling",
+  measure: "Measure",
+  timeMeasurement: "Time measure",
+  focusMeasureRange: "Focus measure range",
+  stats: "Report",
+  displayControl: "Display control",
+  taskDisplayUnit: "Task display unit",
+  displayModeTime: "Time (auto)",
+  displayModeCycles: "CPU clocks",
+  dependencyDisplay: "Dependency display",
+  depModeAll: "All dependencies",
+  depModePredecessors: "Predecessors only",
+  depModeSuccessors: "Successors only",
+  dependencyDepth: "Dependency depth",
+  dependencyDepthHint: "\u22121 means unlimited hops (capped at 10 000 links per side)",
+  connectionLevel: "Task connection level",
+  connectionLevelHelp: "Connection level: -1 walks the whole chain",
+  helpConnectionLevel: "Connection level help",
+  stepUp: "Increase level",
+  stepDown: "Decrease level",
+  shortcuts: "Shortcuts",
+  mouseControl: "Mouse control",
+  keyboardControl: "Keyboard control",
+  combinedControl: "Combined control",
+  verticalMovement: "Vertical movement",
+  singleBoxSelection: "Single / box select",
+  panLeft: "Move left",
+  panRight: "Move right",
+  dragPan: "Pan",
+  boxSelect: "Box select",
+  alt: "Alt",
+  ctrl: "Ctrl",
+  wheelGlyph: "wheel",
+  mouseGlyph: "mouse",
+  // ── timeline (PARITY-MAP §4) ────────────────────────────────────────
+  noTimeline: "No timeline events",
+  laneComm: "Comm",
+  laneCompute: "Compute",
+  laneHbm: "HBM storage",
+  pin: "Pin to top",
+  unpin: "Unpin",
+  resizeLaneGutter: "Resize lane gutter",
+  resizeSidebar: "Resize sidebar",
+  visibleRangeStart: "Visible range start",
+  visibleRangeEnd: "Visible range end",
+  showDeps: "Task dependencies",
+  start: "Start",
+  dur: "Duration",
+  end: "End",
+  name: "Name",
+  kernel: "Kernel",
+  cyclesUnit: "cycles",
+  timelineLoadFailed: "Timeline load failed",
+  // ── detail dock (PARITY-MAP §5) ──────────────────────────────────────
+  details: "Details",
+  closePanel: "Close",
+  expandDock: "Expand detail panel",
+  collapseDock: "Collapse detail panel",
+  modeSummary: "Summary",
+  modePipe: "PIPE",
+  modeCompute: "Compute load",
+  modeMemory: "Memory load",
+  parameter: "Parameter",
+  relevant: "Relevant",
+  incoming: "Incoming",
+  current: "Current",
+  outgoing: "Outgoing",
+  depsUpstream: "Upstream dependencies only",
+  depsBoth: "Both directions",
+  depsDownstream: "Downstream dependencies only",
+  noDependencies: "No dependency data",
+  noParameters: "No parameters",
+  eventNone: "Click a timeline event to inspect",
+  // ── summary cards / aside (PARITY-MAP §6) ────────────────────────────
+  summary: "Report statistics",
+  process: "Process",
+  opTypeLabel: "Op type",
+  blocks: "Blocks",
+  more: "More",
+  back: "Back",
+  duration: "Total time",
+  blocksPerCores: "{blockDim} Blocks / {coreCount} cores",
+  blocksOnly: "{n} Blocks",
+  computePower: "Computing power",
+  aicoreParallel: "AICore parallel utilization",
+  parallelBalance: "Load balance",
+  bandwidthUtil: "Bandwidth utilization",
+  bwRead: "Read",
+  bwWrite: "Write",
+  notAvailable: "N/A",
+  freq: "Freq",
+  ratedFreq: "Rated freq",
+  freqUnit: "MHz",
+  computeAnalysis: "Compute load analysis",
+  memoryAnalysis: "Memory load analysis",
+  pipeOccupancy: "PIPE occupancy",
+  pipeDetails: "PIPE occupancy",
+  pipeSide: "PIPE side",
+  roofline: "Roofline bottleneck analysis",
+  memoryTopology: "Memory topology",
+  memoryDetails: "Memory load",
+  hardwareDetails: "Hardware information details",
+  hardwareInfoMissing: "Missing hardware info",
+  op: "Op",
+  type: "Type",
+  iterationsPerCore: "{n} iterations / core",
+  iterationsPerCoreRatio: "{blockDim} / {coreCount} iterations / core",
+  block: "block",
+  viewAll: "View all",
+  viewFullCsv: "View full CSV",
+  fullCsvTitle: "Full CSV view",
+  fullCsvTruncated: "First {n} rows loaded (large files are row-capped for display; see the archived CSV for the full data).",
+  csvMissingSuffix: "not collected",
+  // ── verdict / comparison ────────────────────────────────────────────
+  verdictTitle: "Verdict",
+  verdictEmpty: "No verdict yet",
+  verdictEmptyHint: "This report has no verdict document. Bound verdicts come only from the ops-verdict rule engine.",
+  verdictCta: "Request verdict",
+  verdictFooter: "Verdict issued by the ops-verdict rule engine \xB7 the Agent only explains, never fabricates",
+  verdictFindings: "Hit rules",
+  verdictEvidence: "Evidence",
+  verdictCounter: "Counter-evidence",
+  verdictSpeedup: "Estimated speedup",
+  verdictMechanism: "Mechanism routing",
+  verdictSkipped: "Skipped",
+  verdictNext: "Recommended next",
+  comparisonTitle: "Before/after comparison",
+  comparisonExitOk: "Caliber consistent (comparable)",
+  comparisonExitRejected: "Caliber mismatch or precision gate failed",
+  comparisonSpeedup: "Speedup",
+  comparisonConclusion: "Conclusion",
+  comparisonAction: "Action",
+  // ── CANNBot entry (PARITY-MAP §8 / D-06) ────────────────────────────
+  cannbotAsk: "CANNBot Analysis",
+  cannbotConfirmTitle: "Inject into the session to start the analysis",
+  cannbotScope: "Scope",
+  cannbotPayload: "Payload",
+  cannbotBytes: "{n} bytes",
+  cannbotTruncated: "Payload exceeds 8KB and was truncated; fetch full data via the tool channel (ops_collect / ops_import).",
+  cannbotConfirm: "Confirm injection",
+  cannbotCancel: "Cancel",
+  cannbotSent: "Injected into the session (queue mode); the Agent will start the analysis.",
+  cannbotFailed: "Injection failed",
+  cannbotQueueNote: "Queued into the current session via remote.session.prompt; sent after confirmation.",
+  // ── collection config (PARITY-MAP §9) ────────────────────────────────
+  configTitle: "Collection Config",
+  onboardTitle: "On-board Analysis Quick Options",
+  onboardAlert1: "For on-board analysis, update the NPU config in code (see the project README).",
+  onboardAlert2: 'If "Roofline" or "Cache heatmap" is checked, all operator metrics are collected by default.',
+  onboardAlert2A5: 'If "Roofline" or "PC sampling" is checked, all operator metrics are collected by default.',
+  collectContent: "Collect content",
+  memoryHeatmap: "Memory heatmap (default)",
+  memoryHeatmapDesc: "Default: basic info, compute workload, memory workload",
+  defaultOptions: "Default options:",
+  interCoreLoad: "Inter-core load",
+  rooflineOpt: "Roofline",
+  rooflineTooltip: "Checking this collects all operator performance metrics by default",
+  codeHotspot: "Operator code hotspot",
+  cacheHeatmap: "Cache heatmap",
+  cacheHeatmapTooltip: "Checking this collects all operator performance metrics by default",
+  pcSampling: "PC sampling",
+  pcSamplingTooltip: "Ascend 950 / A5: checking this collects all operator performance metrics by default",
+  operatorMetrics: "Operator metrics",
+  cubeVector: "Cube & Vector instruction time and ratio",
+  l2HitRate: "L2 Cache hit rate",
+  memoryBandwidth: "Memory read/write bandwidth",
+  l0Bandwidth: "L0 read/write bandwidth",
+  ubBandwidth: "UB read/write bandwidth",
+  computeMoveRatio: "Compute & move unit time ratio",
+  resourceConflict: "Resource conflict ratio",
+  simulatorTitle: "Simulation Analysis Quick Options",
+  simAlert: "For simulation tuning, update the Model config in your operator code.",
+  instructionPipeline: "Instruction pipeline",
+  instructionPipelineDesc: "Default: compute & move unit instruction time ratio",
+  extraOptions: "Extra options:",
+  memoryThroughput: "Memory throughput waveform",
+  simCodeHotspot: "Operator code hotspot",
+  simCodeHotspotDesc: "Default: resource conflict ratio (replaces the instruction pipeline).",
+  simCodeHotspotDescBase: "Default: instruction pipeline only (compute & move unit instruction time ratio).",
+  simResourceConflict: "Resource conflict ratio",
+  newToolTitle: "Data Collection Config (A5 new tool)",
+  collectionType: "Collection type",
+  dcOnboard: "On-board",
+  dcSimulate: "Simulate",
+  dcCommon: "Common",
+  dcMetrics: "Metrics",
+  outputFile: "Output File",
+  forceOverwrite: "Force Overwrite",
+  targetProcesses: "Target Processes",
+  replayMode: "Replay Mode",
+  appReplayBuffer: "Application Replay Buffer",
+  appReplayMode: "Application Replay Mode",
+  commandLine: "Command Line",
+  outputFilePlaceholder: "Report output path (default under opprof)",
+  browse: "Browse",
+  commandLinePlaceholder: "Tool arguments (auto-synced from the selections above, editable)",
+  dcCancel: "Cancel",
+  dcConfirm: "Confirm",
+  dcName: "Name",
+  dcDescription: "Description",
+  dcNotSupported: "Not supported yet",
+  dcCustomDesc: "Default parameters",
+  filterPlaceholder: "Enter Filter...",
+  socLabel: "Target SoC",
+  socAuto: "Auto",
+  startCollect: "Generate collect instruction",
+  copyAgentPrompt: "Copy Agent prompt",
+  configExecNote: "Collection runs through the session Agent via the ops_collect tool (tool approval chain applies); these options are passed in ops_collect.options and written to state.collection_config.",
+  promptCopied: "Prompt copied to clipboard"
+};
+// src/client/i18n/index.ts
+var WB_LOCALE_NS = "ops-tune-workbench";
+var dictionaries = { "zh-CN": zh, en };
+function chainFor(active) {
+  if (active === void 0) return [zh];
+  if (active === "zh-CN" || active.startsWith("zh")) return [zh];
+  if (active === "en") return [en, zh];
+  return [en, zh];
+}
+function bindTranslate(active) {
+  const chain = chainFor(active);
+  return (key, params) => {
+    let template;
+    for (const dict of chain) {
+      const hit = dict[key];
+      if (hit !== void 0) {
+        template = hit;
+        break;
+      }
+    }
+    if (template === void 0) return key;
+    if (params === void 0) return template;
+    return template.replace(/\{(\w+)\}/g, (match, name) => name in params ? String(params[name]) : match);
+  };
+}
+// src/client/index.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var WB_ID = "ops-tune-workbench-plugin";
+var WB_KIND = "ops-tune-workbench";
+var STATE_REL = ".ops-tune-workbench/state.json";
+var REFRESH_MS = 4e3;
+var inject = ["slots", "sidebarRight", "sidebarRightTabs", "remote", "remote.workspaceFiles", "remote.session", "locale"];
+function apply(ctx) {
+  ctx.effect(() => {
+    const locale = ctx.get("locale");
+    if (locale !== void 0 && typeof locale.register === "function") {
+      try {
+        locale.register(WB_LOCALE_NS, dictionaries);
+      } catch {
+      }
+    }
+    return () => {
+    };
+  }, "ops-tune-workbench: locale dictionaries");
+  ctx.effect(() => {
+    const dispose = ctx.sidebarRightTabs.register({
+      id: WB_ID,
+      kind: WB_KIND,
+      priority: "builtin",
+      title: () => "\u7B97\u5B50\u8C03\u4F18\u5DE5\u4F5C\u53F0",
+      guide: [{
+        id: "open",
+        order: 60,
+        title: () => "\u7B97\u5B50\u8C03\u4F18\u5DE5\u4F5C\u53F0",
+        description: () => "\u6027\u80FD\u8C03\u4F18\u53EF\u89C6\u5316\u9762\u677F\uFF1A\u7ED3\u679C\u5217\u8868 / \u62A5\u544A\u89C6\u56FE\uFF08\u4E94\u9875\u7B7E + \u8BE6\u60C5 Dock + Roofline + \u5185\u5B58\u62D3\u6251 + \u65F6\u95F4\u7EBF\uFF09/ \u91C7\u96C6\u914D\u7F6E"
+      }]
+    });
+    return () => {
+      dispose();
+    };
+  }, "ops-tune-workbench: tab type");
+  ctx.effect(() => {
+    const dispose = ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register(
+      {
+        name: "sidebar.right.pane.tab",
+        key: WB_ID,
+        inject: (sessionId) => ({
+          load: (signal) => readWorkbenchState(ctx, sessionId, STATE_REL, signal),
+          probe: (signal) => probeStateVersion(ctx, sessionId, signal),
+          /** Bound channel context for the report view's on-demand artifact reads. */
+          clientContext: ctx,
+          sessionId,
+          /** Raw Remote session prompt (queue mode) — the CANNBot entry channel. */
+          promptSession: (text, signal) => promptSession(ctx, sessionId, text, signal)
+        })
+      },
+      WorkbenchTab
+    ));
+    return () => {
+      dispose();
+    };
+  }, "ops-tune-workbench: tab body");
+}
+async function probeStateVersion(ctx, sessionId, signal) {
+  const remote = workspaceFilesOf(ctx);
+  if (remote === void 0) return { version: null, missing: true };
+  const result = await statVersion(remote, sessionId, STATE_REL, signal);
+  if (result.status === "ok") return { version: result.version, missing: false };
+  return { version: null, missing: true };
+}
+async function promptSession(ctx, sessionId, text, signal) {
+  const remote = ctx.get?.("remote");
+  if (remote === void 0 || remote.session === void 0) return "remote.session \u4E0D\u53EF\u7528\uFF08inject \u9700\u58F0\u660E remote + remote.session\uFF09";
+  const requestId = randomUUID();
+  const result = await remote.session.prompt({
+    requestId,
+    sessionId,
+    mode: "queue",
+    content: [{ type: "text", text }]
+  }, signal);
+  if (!result.ok) return `${result.error.code}: ${result.error.message}`;
+  return null;
+}
+function WorkbenchTab(props) {
+  const { useTabInfo, load, probe } = props;
+  const { tab } = useTabInfo();
+  const initialReportId = readReportId(tab.navigation.params);
+  const [result, setResult] = (0, import_react11.useState)({ status: "missing" });
+  const visible = tab.visible;
+  const locale = useWorkbenchLocale(props.clientContext);
+  (0, import_react11.useEffect)(() => {
+    if (!visible) return;
+    let stopped = false;
+    const controller = new AbortController();
+    const abort = () => {
+      stopped = true;
+      controller.abort();
+    };
+    tab.signal.addEventListener("abort", abort, { once: true });
+    let lastVersion = null;
+    const refresh = async () => {
+      const probeResult = await probe(controller.signal);
+      if (stopped) return;
+      if (!probeResult.missing && probeResult.version !== null && probeResult.version === lastVersion) return;
+      lastVersion = probeResult.version;
+      if (probeResult.missing) {
+        setResult({ status: "missing" });
+        return;
+      }
+      const next = await load(controller.signal);
+      if (!stopped) setResult(next);
+    };
+    void refresh();
+    const timer = window.setInterval(() => {
+      void refresh();
+    }, REFRESH_MS);
+    return () => {
+      tab.signal.removeEventListener("abort", abort);
+      window.clearInterval(timer);
+      abort();
+    };
+  }, [visible, load, probe, tab.signal]);
+  if (result.status === "failed") {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "otwb-empty", "data-testid": "ops-tune-workbench", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "otwb-empty-title", children: locale("workbenchTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "otwb-empty-hint", children: [
+        "\u72B6\u6001\u8BFB\u53D6\u5931\u8D25\uFF1A",
+        result.message
+      ] })
+    ] });
+  }
+  if (result.status === "missing" || result.state.results.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "otwb-empty", "data-testid": "ops-tune-workbench", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "otwb-empty-title", children: locale("workbenchTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "otwb-empty-hint", children: [
+        locale("resultsHint"),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
+        "\u4F1A\u8BDD\u5185\u8FD0\u884C ops_collect / ops_import / verdict_judge / baseline_set \u540E\uFF0C \u6700\u65B0\u91C7\u96C6\u3001\u5224\u5B9A\u4E66\u4E0E\u5BF9\u6BD4\u7ED3\u679C\u4F1A\u5728\u6B64\u9762\u677F\u6E32\u67D3\u3002"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    WorkbenchPanel,
+    {
+      ctx: props.clientContext,
+      sessionId: props.sessionId,
+      state: result.state,
+      locale,
+      promptSession: props.promptSession,
+      initialReportId
+    }
+  );
+}
+function readReportId(params) {
+  if (typeof params !== "object" || params === null) return void 0;
+  const reportId = params.reportId;
+  return typeof reportId === "string" && reportId.length > 0 ? reportId : void 0;
+}
+function useWorkbenchLocale(ctx) {
+  const [active, setActive] = (0, import_react11.useState)(() => readActiveLocale(ctx));
+  (0, import_react11.useEffect)(() => {
+    const update = () => setActive(readActiveLocale(ctx));
+    const off = ctx.on?.("locale/change", update);
+    return () => {
+      if (off !== void 0) off();
+    };
+  }, [ctx]);
+  return bindTranslate(active);
+}
+function readActiveLocale(ctx) {
+  const locale = ctx.get?.("locale");
+  if (locale !== void 0 && typeof locale.getSnapshot === "function") {
+    try {
+      return locale.getSnapshot().active;
+    } catch {
+    }
+  }
+  return typeof navigator !== "undefined" ? navigator.language : void 0;
+}
+		return module.exports;
+	}
+});