@ckanner/flywheel 0.32.1 → 0.33.0

package/dist/client.js

@@ -0,0 +1,4078 @@
+window.__ModuleLoader__.load({id:"@ckanner/flywheel",factory:(require)=>{
+const module={exports:{}};const exports=module.exports;
+// The build wraps this file in DSH's lazy browser ModuleLoader factory.
+// React is the only runtime module dependency. External plain-JS plugins must
+// not import Harness Client packages (DSH practices, b830ec950faba0a46dda564be3e2d854afed94f1).
+const React = require('react');
+const h = React.createElement;
+const NS = 'flywheel-ui';
+// build.mjs supplies scoped CSS; React owns its style element inside this view.
+const css = {"actions":"flywheel_actions_K2PPkW","advanced":"flywheel_advanced_K2PPkW","advancedBody":"flywheel_advancedBody_K2PPkW","badge":"flywheel_badge_K2PPkW","binding":"flywheel_binding_K2PPkW","bindingHeader":"flywheel_bindingHeader_K2PPkW","bindingTitle":"flywheel_bindingTitle_K2PPkW","bindings":"flywheel_bindings_K2PPkW","budget":"flywheel_budget_K2PPkW","button":"flywheel_button_K2PPkW","buttonOutline":"flywheel_buttonOutline_K2PPkW","buttonPrimary":"flywheel_buttonPrimary_K2PPkW","buttonSmall":"flywheel_buttonSmall_K2PPkW","canvasBreadcrumb":"flywheel_canvasBreadcrumb_K2PPkW","canvasEdges":"flywheel_canvasEdges_K2PPkW","canvasFooter":"flywheel_canvasFooter_K2PPkW","canvasHeader":"flywheel_canvasHeader_K2PPkW","canvasLegend":"flywheel_canvasLegend_K2PPkW","canvasList":"flywheel_canvasList_K2PPkW","canvasListNode":"flywheel_canvasListNode_K2PPkW","canvasMain":"flywheel_canvasMain_K2PPkW","canvasNode":"flywheel_canvasNode_K2PPkW","canvasPagination":"flywheel_canvasPagination_K2PPkW","canvasScaleBounds":"flywheel_canvasScaleBounds_K2PPkW","canvasViewport":"flywheel_canvasViewport_K2PPkW","canvasWorkbench":"flywheel_canvasWorkbench_K2PPkW","canvasWorld":"flywheel_canvasWorld_K2PPkW","check":"flywheel_check_K2PPkW","checkBody":"flywheel_checkBody_K2PPkW","checkState":"flywheel_checkState_K2PPkW","checks":"flywheel_checks_K2PPkW","configCallout":"flywheel_configCallout_K2PPkW","configContent":"flywheel_configContent_K2PPkW","configField":"flywheel_configField_K2PPkW","configFieldControl":"flywheel_configFieldControl_K2PPkW","configFieldLabel":"flywheel_configFieldLabel_K2PPkW","configFields":"flywheel_configFields_K2PPkW","configHeader":"flywheel_configHeader_K2PPkW","configHintLine":"flywheel_configHintLine_K2PPkW","configLoading":"flywheel_configLoading_K2PPkW","configMain":"flywheel_configMain_K2PPkW","configMore":"flywheel_configMore_K2PPkW","configNav":"flywheel_configNav_K2PPkW","configSaveBar":"flywheel_configSaveBar_K2PPkW","configSource":"flywheel_configSource_K2PPkW","configSwitch":"flywheel_configSwitch_K2PPkW","configSwitchState":"flywheel_configSwitchState_K2PPkW","configSwitchTrack":"flywheel_configSwitchTrack_K2PPkW","configTiming":"flywheel_configTiming_K2PPkW","configTitle":"flywheel_configTitle_K2PPkW","confirmation":"flywheel_confirmation_K2PPkW","consoleCanvas":"flywheel_consoleCanvas_K2PPkW","consoleProperties":"flywheel_consoleProperties_K2PPkW","consoleTabs":"flywheel_consoleTabs_K2PPkW","consoleToolbar":"flywheel_consoleToolbar_K2PPkW","details":"flywheel_details_K2PPkW","dialogActions":"flywheel_dialogActions_K2PPkW","dialogBody":"flywheel_dialogBody_K2PPkW","dialogHeader":"flywheel_dialogHeader_K2PPkW","dialogTitle":"flywheel_dialogTitle_K2PPkW","editor":"flywheel_editor_K2PPkW","editorBinding":"flywheel_editorBinding_K2PPkW","editorBindings":"flywheel_editorBindings_K2PPkW","editorField":"flywheel_editorField_K2PPkW","editorGrid":"flywheel_editorGrid_K2PPkW","editorInput":"flywheel_editorInput_K2PPkW","editorJSON":"flywheel_editorJSON_K2PPkW","empty":"flywheel_empty_K2PPkW","error":"flywheel_error_K2PPkW","errorText":"flywheel_errorText_K2PPkW","feedback":"flywheel_feedback_K2PPkW","flywheel-dash":"flywheel_flywheel-dash_K2PPkW","flywheel-spin":"flywheel_flywheel-spin_K2PPkW","focusCanvas":"flywheel_focusCanvas_K2PPkW","focusIdentity":"flywheel_focusIdentity_K2PPkW","header":"flywheel_header_K2PPkW","heading":"flywheel_heading_K2PPkW","historyPage":"flywheel_historyPage_K2PPkW","idleFeedback":"flywheel_idleFeedback_K2PPkW","inputUnit":"flywheel_inputUnit_K2PPkW","inspectorActions":"flywheel_inspectorActions_K2PPkW","inspectorBody":"flywheel_inspectorBody_K2PPkW","inspectorFooter":"flywheel_inspectorFooter_K2PPkW","inspectorHeader":"flywheel_inspectorHeader_K2PPkW","inspectorSection":"flywheel_inspectorSection_K2PPkW","inspectorTabs":"flywheel_inspectorTabs_K2PPkW","launchOptions":"flywheel_launchOptions_K2PPkW","launchOptionsBody":"flywheel_launchOptionsBody_K2PPkW","legacySummary":"flywheel_legacySummary_K2PPkW","loading":"flywheel_loading_K2PPkW","loadingCompact":"flywheel_loadingCompact_K2PPkW","meta":"flywheel_meta_K2PPkW","metricRow":"flywheel_metricRow_K2PPkW","metricScope":"flywheel_metricScope_K2PPkW","modeSelect":"flywheel_modeSelect_K2PPkW","modelRow":"flywheel_modelRow_K2PPkW","modelRows":"flywheel_modelRows_K2PPkW","nodeInspector":"flywheel_nodeInspector_K2PPkW","nodeIssue":"flywheel_nodeIssue_K2PPkW","nodeOutcome":"flywheel_nodeOutcome_K2PPkW","nodeProvider":"flywheel_nodeProvider_K2PPkW","nodeStages":"flywheel_nodeStages_K2PPkW","nodeState":"flywheel_nodeState_K2PPkW","notice":"flywheel_notice_K2PPkW","packets":"flywheel_packets_K2PPkW","page":"flywheel_page_K2PPkW","path":"flywheel_path_K2PPkW","properties":"flywheel_properties_K2PPkW","raw":"flywheel_raw_K2PPkW","reasonInput":"flywheel_reasonInput_K2PPkW","repositoryLinks":"flywheel_repositoryLinks_K2PPkW","runDetail":"flywheel_runDetail_K2PPkW","runExplorer":"flywheel_runExplorer_K2PPkW","runList":"flywheel_runList_K2PPkW","runMetrics":"flywheel_runMetrics_K2PPkW","runMetricsHint":"flywheel_runMetricsHint_K2PPkW","runRow":"flywheel_runRow_K2PPkW","runSplit":"flywheel_runSplit_K2PPkW","runTitle":"flywheel_runTitle_K2PPkW","runToolbar":"flywheel_runToolbar_K2PPkW","section":"flywheel_section_K2PPkW","sectionHeader":"flywheel_sectionHeader_K2PPkW","segmented":"flywheel_segmented_K2PPkW","selection":"flywheel_selection_K2PPkW","sessionRecord":"flywheel_sessionRecord_K2PPkW","sessionSummary":"flywheel_sessionSummary_K2PPkW","settingsHelp":"flywheel_settingsHelp_K2PPkW","settingsPage":"flywheel_settingsPage_K2PPkW","settingsSubheading":"flywheel_settingsSubheading_K2PPkW","spinner":"flywheel_spinner_K2PPkW","spinnerArc":"flywheel_spinnerArc_K2PPkW","spinnerMotion":"flywheel_spinnerMotion_K2PPkW","spinnerTrack":"flywheel_spinnerTrack_K2PPkW","stageScope":"flywheel_stageScope_K2PPkW","stageTable":"flywheel_stageTable_K2PPkW","stageTableScroll":"flywheel_stageTableScroll_K2PPkW","stageTimeline":"flywheel_stageTimeline_K2PPkW","taskChooser":"flywheel_taskChooser_K2PPkW","taskContext":"flywheel_taskContext_K2PPkW","taskLocations":"flywheel_taskLocations_K2PPkW","taskSelect":"flywheel_taskSelect_K2PPkW","title":"flywheel_title_K2PPkW","warningText":"flywheel_warningText_K2PPkW","workbenchDialog":"flywheel_workbenchDialog_K2PPkW","workbenchEmpty":"flywheel_workbenchEmpty_K2PPkW","workbenchHeader":"flywheel_workbenchHeader_K2PPkW","workbenchNav":"flywheel_workbenchNav_K2PPkW","workbenchStatus":"flywheel_workbenchStatus_K2PPkW","workflow":"flywheel_workflow_K2PPkW","workflowPage":"flywheel_workflowPage_K2PPkW"};
+const stylesheet = ".flywheel_page_K2PPkW {\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  max-width: none;\n  height: clamp(540px, 100dvh - 160px, 900px);\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n  flex-direction: column;\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  display: flex;\n  overflow: hidden;\n}\n\n.flywheel_page_K2PPkW p, .flywheel_page_K2PPkW h2, .flywheel_page_K2PPkW h3, .flywheel_page_K2PPkW h4 {\n  margin: 0;\n}\n\n.flywheel_page_K2PPkW code, .flywheel_raw_K2PPkW {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: inherit;\n}\n\n.flywheel_header_K2PPkW {\n  gap: 4px;\n  margin-bottom: 24px;\n  display: grid;\n}\n\n.flywheel_title_K2PPkW {\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 28px;\n}\n\n.flywheel_heading_K2PPkW {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.flywheel_meta_K2PPkW {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.flywheel_selection_K2PPkW {\n  gap: 10px;\n  display: grid;\n}\n\n.flywheel_button_K2PPkW {\n  box-sizing: border-box;\n  min-height: 34px;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 8px;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  font-weight: 500;\n  line-height: 20px;\n  display: inline-flex;\n}\n\n.flywheel_button_K2PPkW:disabled {\n  opacity: .4;\n  cursor: not-allowed;\n}\n\n.flywheel_button_K2PPkW:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 2px;\n}\n\n.flywheel_buttonSmall_K2PPkW {\n  border-radius: 8px;\n  min-height: 32px;\n  padding: 5px 10px;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.flywheel_buttonPrimary_K2PPkW {\n  background: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.flywheel_buttonOutline_K2PPkW {\n  border: .5px solid var(--dsw-alias-border-l3);\n}\n\n@media (hover: hover) {\n  .flywheel_buttonPrimary_K2PPkW:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--dsw-alias-state-business-primary), var(--dsw-alias-bg-layer-1) 12%);\n  }\n\n  .flywheel_buttonOutline_K2PPkW:hover:not(:disabled) {\n    background: var(--dsw-alias-interactive-bg-hover);\n  }\n}\n\n.flywheel_actions_K2PPkW {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.flywheel_actions_K2PPkW > button {\n  overflow-wrap: anywhere;\n  max-width: 100%;\n  height: auto;\n}\n\n.flywheel_page_K2PPkW {\n  container-type: inline-size;\n}\n\n.flywheel_page_K2PPkW *, .flywheel_page_K2PPkW :before, .flywheel_page_K2PPkW :after {\n  box-sizing: border-box;\n}\n\n.flywheel_page_K2PPkW [hidden] {\n  display: none !important;\n}\n\n.flywheel_workbenchHeader_K2PPkW {\n  border-bottom: .5px solid var(--dsw-alias-border-l3);\n  flex: none;\n  align-items: center;\n  gap: 20px;\n  min-height: 76px;\n  padding: 16px 24px;\n  display: flex;\n}\n\n.flywheel_repositoryLinks_K2PPkW {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  margin-left: auto;\n  font-size: 12px;\n  display: flex;\n}\n\n.flywheel_repositoryLinks_K2PPkW a {\n  color: var(--dsw-alias-link);\n  overflow-wrap: anywhere;\n  font-weight: 500;\n  text-decoration: none;\n}\n\n.flywheel_repositoryLinks_K2PPkW a:hover {\n  text-underline-offset: 3px;\n  text-decoration: underline dotted;\n}\n\n.flywheel_consoleToolbar_K2PPkW {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n  display: flex;\n}\n\n.flywheel_consoleTabs_K2PPkW {\n  border: 0;\n  flex: none;\n  align-self: stretch;\n  gap: 22px;\n  padding: 0;\n  display: flex;\n}\n\n.flywheel_consoleTabs_K2PPkW .flywheel_button_K2PPkW {\n  height: 48px;\n  color: var(--dsw-alias-label-secondary);\n  border: 0;\n  border-bottom: 2px solid #0000;\n  border-radius: 0;\n  align-self: flex-start;\n  padding: 0;\n  font-size: 13px;\n}\n\n.flywheel_consoleTabs_K2PPkW .flywheel_button_K2PPkW[aria-pressed=\"true\"] {\n  color: var(--dsw-alias-label-primary);\n  border-bottom-color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.flywheel_workbenchStatus_K2PPkW {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n  padding: 6px 0;\n  font-size: 12px;\n  display: flex;\n}\n\n.flywheel_workbenchStatus_K2PPkW > span {\n  margin-right: 8px;\n}\n\n.flywheel_workbenchEmpty_K2PPkW {\n  text-align: center;\n  flex: 1;\n  align-content: center;\n  justify-items: center;\n  gap: 12px;\n  min-height: 200px;\n  padding: 32px 20px;\n  display: grid;\n}\n\n.flywheel_workbenchEmpty_K2PPkW p {\n  max-width: 480px;\n}\n\n.flywheel_taskChooser_K2PPkW {\n  gap: 5px;\n  min-width: 0;\n  display: grid;\n}\n\n.flywheel_taskChooser_K2PPkW h3 {\n  font-size: 17px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.flywheel_taskChooser_K2PPkW .flywheel_consoleToolbar_K2PPkW {\n  gap: 12px;\n}\n\n.flywheel_taskSelect_K2PPkW {\n  border: .5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-1);\n  width: 100%;\n  min-width: 0;\n  min-height: 36px;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  border-radius: 12px;\n  padding: 6px 10px;\n}\n\n.flywheel_taskSelect_K2PPkW:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 2px;\n}\n\n.flywheel_taskLocations_K2PPkW {\n  border-top: .5px solid var(--dsw-alias-border-l3);\n  color: var(--dsw-alias-label-secondary);\n  flex-wrap: wrap;\n  flex: none;\n  gap: 6px 20px;\n  padding: 8px 24px;\n  font-size: 11px;\n  line-height: 16px;\n  display: flex;\n}\n\n.flywheel_taskLocations_K2PPkW dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.flywheel_taskLocations_K2PPkW dd {\n  overflow-wrap: anywhere;\n  margin: 0;\n}\n\n.flywheel_feedback_K2PPkW[data-state=\"idle\"]:empty {\n  display: none;\n}\n\n.flywheel_launchOptions_K2PPkW, .flywheel_legacySummary_K2PPkW {\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.flywheel_launchOptionsBody_K2PPkW {\n  flex-wrap: wrap;\n  align-items: flex-end;\n  gap: 10px;\n  padding: 16px 24px;\n  display: flex;\n}\n\n.flywheel_legacySummary_K2PPkW {\n  margin-top: 16px;\n}\n\n.flywheel_consoleCanvas_K2PPkW {\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n}\n\n.flywheel_stageScope_K2PPkW {\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 0;\n  display: flex;\n}\n\n.flywheel_stageScope_K2PPkW strong {\n  font-weight: 500;\n}\n\n.flywheel_stageScope_K2PPkW p {\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_canvasWorkbench_K2PPkW {\n  background: var(--dsw-alias-bg-module-platform);\n  border: 0;\n  border-radius: 0;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.flywheel_canvasMain_K2PPkW {\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n}\n\n.flywheel_focusCanvas_K2PPkW {\n  width: calc(100vw - 32px);\n  max-width: none;\n  max-height: calc(100dvh - var(--dsh-frame-top-clearance, 0px) - 32px);\n  box-shadow: var(--dsw-elevation-prominent);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  border: 0;\n  border-radius: 28px;\n  margin-block: 16px;\n  padding: 0;\n  inset-block-start: var(--dsh-frame-top-clearance, 0px);\n}\n\n.flywheel_focusCanvas_K2PPkW::backdrop {\n  background: #00000059;\n}\n\n.flywheel_focusCanvas_K2PPkW .flywheel_canvasViewport_K2PPkW {\n  cursor: grab;\n  background-image: radial-gradient(var(--dsw-alias-border-l3) .65px,transparent .65px);\n  background-size: 22px 22px;\n  flex: 1;\n  min-height: 240px;\n  padding: 20px;\n  display: flex;\n  overflow: auto;\n}\n\n.flywheel_focusCanvas_K2PPkW .flywheel_canvasList_K2PPkW {\n  flex: 1;\n  align-content: start;\n  gap: 8px;\n  min-height: 0;\n  padding: 16px;\n  display: grid;\n  overflow: auto;\n}\n\n.flywheel_canvasHeader_K2PPkW {\n  flex: none;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 20px;\n  display: flex;\n}\n\n.flywheel_canvasBreadcrumb_K2PPkW {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  font-size: 12px;\n  display: flex;\n}\n\n.flywheel_focusIdentity_K2PPkW {\n  font-weight: 500;\n}\n\n.flywheel_segmented_K2PPkW {\n  background: var(--dsw-alias-bg-layer-2);\n  border-radius: 12px;\n  flex-wrap: wrap;\n  gap: 4px;\n  width: fit-content;\n  padding: 3px;\n  display: flex;\n}\n\n.flywheel_segmented_K2PPkW .flywheel_button_K2PPkW {\n  background: none;\n  border: 0;\n  border-radius: 8px;\n}\n\n.flywheel_segmented_K2PPkW .flywheel_button_K2PPkW[aria-pressed=\"true\"] {\n  background: var(--dsw-alias-bg-layer-1);\n  font-weight: 500;\n}\n\n.flywheel_canvasViewport_K2PPkW {\n  cursor: grab;\n  background-image: radial-gradient(var(--dsw-alias-border-l3) .65px, transparent .65px);\n  background-size: 20px 20px;\n  height: clamp(468px, 62vh, 720px);\n  padding: 4px;\n  display: flex;\n  overflow: auto;\n}\n\n.flywheel_canvasScaleBounds_K2PPkW {\n  width: var(--scaled-width);\n  height: var(--scaled-height);\n  flex: none;\n  margin: auto;\n  position: relative;\n}\n\n.flywheel_canvasWorld_K2PPkW {\n  width: var(--canvas-width);\n  height: var(--canvas-height);\n  transform: scale(var(--canvas-scale));\n  transform-origin: 0 0;\n  position: relative;\n}\n\n.flywheel_canvasEdges_K2PPkW {\n  pointer-events: none;\n  position: absolute;\n  inset: 0;\n}\n\n.flywheel_canvasEdges_K2PPkW path {\n  fill: none;\n  stroke: var(--dsw-alias-border-l2);\n  stroke-width: 1.5px;\n}\n\n.flywheel_canvasNode_K2PPkW {\n  left: var(--node-x);\n  top: var(--node-y);\n  text-align: left;\n  border: .5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-1);\n  width: 164px;\n  min-height: 116px;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  cursor: pointer;\n  border-radius: 11px;\n  flex-direction: column;\n  gap: 6px;\n  padding: 13px;\n  display: flex;\n  position: absolute;\n}\n\n.flywheel_canvasNode_K2PPkW strong {\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.flywheel_canvasNode_K2PPkW:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.flywheel_canvasNode_K2PPkW[aria-pressed=\"true\"] {\n  outline: 1.5px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 1px;\n}\n\n.flywheel_canvasNode_K2PPkW:focus-visible, .flywheel_canvasListNode_K2PPkW:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 3px;\n}\n\n.flywheel_canvasNode_K2PPkW[data-tone=\"error\"] {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 6%, var(--dsw-alias-bg-layer-1));\n}\n\n.flywheel_canvasNode_K2PPkW[data-tone=\"active\"] {\n  background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 6%, var(--dsw-alias-bg-layer-1));\n}\n\n.flywheel_nodeState_K2PPkW, .flywheel_nodeProvider_K2PPkW {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_nodeProvider_K2PPkW {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.flywheel_nodeState_K2PPkW {\n  align-items: center;\n  gap: 6px;\n  display: inline-flex;\n}\n\n.flywheel_nodeState_K2PPkW:before, .flywheel_canvasLegend_K2PPkW span:before {\n  content: \"\";\n  corner-shape: round;\n  background: var(--dsw-alias-label-tertiary);\n  border-radius: 50%;\n  flex-shrink: 0;\n  width: 6px;\n  height: 6px;\n}\n\n[data-tone=\"success\"] .flywheel_nodeState_K2PPkW:before, .flywheel_canvasLegend_K2PPkW [data-tone=\"success\"]:before {\n  background: var(--dsw-alias-state-success-primary);\n}\n\n[data-tone=\"active\"] .flywheel_nodeState_K2PPkW:before, .flywheel_canvasLegend_K2PPkW [data-tone=\"active\"]:before {\n  background: var(--dsw-alias-state-business-primary);\n}\n\n[data-tone=\"warning\"] .flywheel_nodeState_K2PPkW:before, .flywheel_canvasLegend_K2PPkW [data-tone=\"warning\"]:before {\n  background: var(--dsw-alias-state-warn-primary);\n}\n\n[data-tone=\"error\"] .flywheel_nodeState_K2PPkW:before, .flywheel_canvasLegend_K2PPkW [data-tone=\"error\"]:before {\n  background: var(--dsw-alias-state-error-primary);\n}\n\n.flywheel_nodeStages_K2PPkW {\n  gap: 4px;\n  display: flex;\n}\n\n.flywheel_nodeStages_K2PPkW span {\n  border-top: 3px solid var(--dsw-alias-border-l3);\n  white-space: nowrap;\n  width: 25%;\n  color: var(--dsw-alias-label-secondary);\n  padding-top: 2px;\n  font-size: 11px;\n  line-height: 16px;\n  overflow: hidden;\n}\n\n.flywheel_nodeStages_K2PPkW [data-tone=\"success\"] {\n  border-color: var(--dsw-alias-state-success-primary);\n}\n\n.flywheel_nodeStages_K2PPkW [data-tone=\"error\"] {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.flywheel_nodeStages_K2PPkW [data-tone=\"active\"] {\n  border-color: var(--dsw-alias-state-business-primary);\n}\n\n.flywheel_canvasFooter_K2PPkW {\n  background: var(--dsw-alias-bg-layer-1);\n  border-top: .5px solid var(--dsw-alias-border-l3);\n  flex-wrap: wrap;\n  flex: none;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 16px;\n  display: flex;\n}\n\n.flywheel_canvasFooter_K2PPkW .flywheel_button_K2PPkW {\n  border-color: #0000;\n}\n\n.flywheel_canvasLegend_K2PPkW {\n  color: var(--dsw-alias-label-secondary);\n  flex-wrap: wrap;\n  gap: 12px;\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n}\n\n.flywheel_canvasLegend_K2PPkW span {\n  align-items: center;\n  gap: 5px;\n  display: inline-flex;\n}\n\n.flywheel_canvasPagination_K2PPkW {\n  align-items: center;\n  gap: 12px;\n  padding: 8px 12px;\n  display: flex;\n}\n\n.flywheel_canvasList_K2PPkW {\n  align-content: start;\n  gap: 8px;\n  min-height: 420px;\n  padding: 12px;\n  display: grid;\n}\n\n.flywheel_canvasListNode_K2PPkW {\n  text-align: left;\n  border: .5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  cursor: pointer;\n  border-radius: 12px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  display: flex;\n}\n\n.flywheel_canvasListNode_K2PPkW strong {\n  font-weight: 500;\n}\n\n.flywheel_nodeInspector_K2PPkW {\n  background: var(--dsw-alias-bg-layer-1);\n  border-left: .5px solid var(--dsw-alias-border-l3);\n  overflow-wrap: anywhere;\n  flex-direction: column;\n  flex: none;\n  width: 326px;\n  min-height: 0;\n  display: flex;\n  position: static;\n}\n\n.flywheel_inspectorHeader_K2PPkW {\n  flex: none;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  padding: 18px 20px;\n  display: flex;\n}\n\n.flywheel_inspectorHeader_K2PPkW > div {\n  min-width: 0;\n}\n\n.flywheel_inspectorHeader_K2PPkW .flywheel_button_K2PPkW {\n  border: 0;\n}\n\n.flywheel_inspectorTabs_K2PPkW {\n  border-bottom: .5px solid var(--dsw-alias-border-l3);\n  gap: 16px;\n  padding: 0 16px;\n  display: flex;\n}\n\n.flywheel_inspectorTabs_K2PPkW .flywheel_button_K2PPkW {\n  border: 0;\n  border-bottom: 2px solid #0000;\n  border-radius: 0;\n  padding: 6px 0;\n}\n\n.flywheel_inspectorTabs_K2PPkW .flywheel_button_K2PPkW[aria-pressed=\"true\"] {\n  border-bottom-color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.flywheel_inspectorBody_K2PPkW {\n  flex-direction: column;\n  flex: 1;\n  gap: 12px;\n  min-height: 0;\n  padding: 0 20px 20px;\n  display: flex;\n  overflow: auto;\n}\n\n.flywheel_inspectorFooter_K2PPkW {\n  border-top: .5px solid var(--dsw-alias-border-l3);\n  gap: 8px;\n  padding: 12px 16px;\n  display: grid;\n}\n\n.flywheel_inspectorFooter_K2PPkW .flywheel_meta_K2PPkW {\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_nodeOutcome_K2PPkW {\n  font-weight: 500;\n}\n\n.flywheel_nodeOutcome_K2PPkW[data-tone=\"error\"] {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.flywheel_nodeOutcome_K2PPkW[data-tone=\"active\"] {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n.flywheel_stageTimeline_K2PPkW {\n  gap: 8px;\n  margin: 0;\n  padding: 8px 0;\n  font-size: 12px;\n  list-style: none;\n  display: grid;\n}\n\n.flywheel_stageTimeline_K2PPkW li {\n  border-left: 2px solid var(--dsw-alias-border-l3);\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 10px;\n  padding-left: 10px;\n  display: grid;\n}\n\n.flywheel_stageTimeline_K2PPkW li[data-tone=\"success\"] {\n  border-color: var(--dsw-alias-state-success-primary);\n}\n\n.flywheel_stageTimeline_K2PPkW li[data-tone=\"error\"] {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.flywheel_stageTimeline_K2PPkW li[data-tone=\"active\"] {\n  border-color: var(--dsw-alias-state-business-primary);\n}\n\n.flywheel_consoleProperties_K2PPkW {\n  grid-template-columns: 88px minmax(0, 1fr);\n  gap: 8px 12px;\n  margin: 0;\n  display: grid;\n}\n\n.flywheel_consoleProperties_K2PPkW dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.flywheel_consoleProperties_K2PPkW dd {\n  overflow-wrap: anywhere;\n  margin: 0;\n}\n\n.flywheel_sessionRecord_K2PPkW {\n  border-top: .5px solid var(--dsw-alias-border-l3);\n  gap: 10px;\n  padding: 12px 0;\n  display: grid;\n}\n\n.flywheel_sessionRecord_K2PPkW strong {\n  font-weight: 500;\n}\n\n.flywheel_editorField_K2PPkW {\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary);\n  gap: 6px;\n  display: grid;\n}\n\n.flywheel_editorInput_K2PPkW, .flywheel_editorJSON_K2PPkW, .flywheel_reasonInput_K2PPkW {\n  box-sizing: border-box;\n  border: .5px solid var(--dsw-alias-border-l3);\n  width: 100%;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-1);\n  font: inherit;\n  border-radius: 12px;\n  padding: 6px 10px;\n}\n\n.flywheel_editorInput_K2PPkW {\n  min-height: 36px;\n}\n\n.flywheel_editorJSON_K2PPkW {\n  resize: vertical;\n  min-height: 220px;\n  font-family: ui-monospace, monospace;\n}\n\n.flywheel_reasonInput_K2PPkW {\n  resize: vertical;\n  min-height: 90px;\n}\n\n.flywheel_editorInput_K2PPkW:focus-visible, .flywheel_editorJSON_K2PPkW:focus-visible, .flywheel_reasonInput_K2PPkW:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 2px;\n}\n\n.flywheel_editorGrid_K2PPkW, .flywheel_editorBindings_K2PPkW {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n  display: grid;\n}\n\n.flywheel_editorBinding_K2PPkW {\n  border: .5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-1);\n  overflow-wrap: anywhere;\n  border-radius: 20px;\n  min-width: 0;\n  padding: 16px;\n}\n\n.flywheel_editorField_K2PPkW select {\n  width: 100%;\n}\n\n.flywheel_confirmation_K2PPkW {\n  align-items: flex-start;\n  gap: 8px;\n  display: flex;\n}\n\n.flywheel_confirmation_K2PPkW input {\n  width: 16px;\n  height: 16px;\n  accent-color: var(--dsw-alias-state-business-primary);\n  margin-top: 3px;\n}\n\n.flywheel_workbenchDialog_K2PPkW {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-elevation-prominent);\n  width: min(560px, 100% - 32px);\n  max-height: calc(100dvh - var(--dsh-frame-top-clearance, 48px) - 48px);\n  font: inherit;\n  border: 0;\n  border-radius: 28px;\n  padding: 24px;\n  overflow: auto;\n}\n\n.flywheel_workbenchDialog_K2PPkW::backdrop {\n  background: #00000059;\n}\n\n.flywheel_workbenchDialog_K2PPkW[open] {\n  flex-direction: column;\n  display: flex;\n  overflow: hidden;\n}\n\n.flywheel_dialogHeader_K2PPkW {\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 12px;\n  display: flex;\n}\n\n.flywheel_dialogHeader_K2PPkW, .flywheel_dialogActions_K2PPkW {\n  flex: none;\n}\n\n.flywheel_dialogHeader_K2PPkW .flywheel_button_K2PPkW {\n  border: 0;\n}\n\n.flywheel_dialogTitle_K2PPkW {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.flywheel_dialogBody_K2PPkW {\n  flex: auto;\n  gap: 14px;\n  min-height: 0;\n  padding: 16px 0;\n  display: grid;\n  overflow: auto;\n}\n\n.flywheel_dialogActions_K2PPkW {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 8px;\n  display: flex;\n}\n\n.flywheel_editor_K2PPkW {\n  flex: 1;\n  grid-template-rows: 60px minmax(0, 1fr) 58px;\n  grid-template-columns: 180px minmax(0, 1fr);\n  height: 100%;\n  min-height: 0;\n  display: grid;\n}\n\n.flywheel_configNav_K2PPkW {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-module-platform);\n  border-right: .5px solid var(--dsw-alias-border-l3);\n  flex-direction: column;\n  grid-area: 2 / 1;\n  align-content: flex-start;\n  align-items: stretch;\n  gap: 4px;\n  min-height: 0;\n  padding: 20px 12px;\n  display: flex;\n  overflow: auto;\n}\n\n.flywheel_configNav_K2PPkW .flywheel_button_K2PPkW {\n  white-space: nowrap;\n  border: 0;\n  border-radius: 7px;\n  flex: 0 0 36px;\n  justify-content: flex-start;\n  height: 36px;\n  min-height: 36px;\n  max-height: 36px;\n  padding: 0 12px;\n  font-size: 13px;\n}\n\n.flywheel_configNav_K2PPkW .flywheel_button_K2PPkW[aria-pressed=\"true\"] {\n  background: var(--dsw-alias-bg-layer-1);\n  font-weight: 500;\n}\n\n.flywheel_configMain_K2PPkW {\n  grid-area: 2 / 2;\n  min-width: 0;\n  min-height: 0;\n  overflow: auto;\n}\n\n.flywheel_configHeader_K2PPkW {\n  border-bottom: .5px solid var(--dsw-alias-border-l3);\n  grid-area: 1 / 1 / auto / -1;\n  align-items: center;\n  gap: 16px;\n  min-height: 0;\n  padding: 0 24px;\n  display: flex;\n}\n\n.flywheel_configMore_K2PPkW > summary {\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font-size: 12px;\n}\n\n.flywheel_configMore_K2PPkW > .flywheel_actions_K2PPkW {\n  padding-top: 8px;\n}\n\n.flywheel_configContent_K2PPkW {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 28px 32px;\n}\n\n.flywheel_configFields_K2PPkW {\n  border: 0;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n}\n\n.flywheel_configTitle_K2PPkW {\n  margin: 0 0 18px;\n  font-size: 17px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.flywheel_configField_K2PPkW {\n  border-bottom: .5px solid var(--dsw-alias-border-l3);\n  grid-template-columns: minmax(140px, 1fr) minmax(160px, 260px);\n  align-items: center;\n  gap: 20px;\n  min-width: 0;\n  min-height: 66px;\n  padding: 14px 0;\n  display: grid;\n}\n\n.flywheel_configFieldLabel_K2PPkW {\n  gap: 4px;\n  display: grid;\n}\n\n.flywheel_configFieldLabel_K2PPkW label {\n  font-weight: 500;\n}\n\n.flywheel_configFieldLabel_K2PPkW .flywheel_meta_K2PPkW {\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.flywheel_configFieldControl_K2PPkW {\n  min-width: 0;\n}\n\n.flywheel_configFieldControl_K2PPkW select {\n  border-radius: 7px;\n  width: 100%;\n  height: 34px;\n  font-size: 12px;\n}\n\n.flywheel_configSwitch_K2PPkW {\n  cursor: pointer;\n  align-items: center;\n  gap: 8px;\n  min-width: 44px;\n  min-height: 44px;\n  display: inline-flex;\n  position: relative;\n}\n\n.flywheel_configSwitch_K2PPkW input {\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  cursor: inherit;\n  margin: 0;\n  position: absolute;\n  inset: 0;\n}\n\n.flywheel_configSwitchTrack_K2PPkW {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-2);\n  pointer-events: none;\n  border-radius: 12px;\n  flex: none;\n  width: 36px;\n  height: 20px;\n  position: relative;\n}\n\n.flywheel_configSwitchTrack_K2PPkW:after {\n  content: \"\";\n  background: var(--dsw-alias-label-secondary);\n  border-radius: 12px;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  top: 2px;\n  left: 2px;\n}\n\n.flywheel_configSwitch_K2PPkW input:checked + .flywheel_configSwitchTrack_K2PPkW {\n  border-color: var(--dsw-alias-state-business-primary);\n  background: var(--dsw-alias-state-business-primary);\n}\n\n.flywheel_configSwitch_K2PPkW input:checked + .flywheel_configSwitchTrack_K2PPkW:after {\n  background: var(--dsw-alias-label-primary-foreground);\n  transform: translateX(16px);\n}\n\n.flywheel_configSwitch_K2PPkW input:focus-visible + .flywheel_configSwitchTrack_K2PPkW {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 3px;\n}\n\n.flywheel_configSwitch_K2PPkW input:disabled {\n  cursor: not-allowed;\n}\n\n.flywheel_configSwitch_K2PPkW input:disabled ~ span {\n  opacity: .4;\n}\n\n.flywheel_configSwitchState_K2PPkW {\n  color: var(--dsw-alias-label-primary);\n  pointer-events: none;\n}\n\n.flywheel_configHintLine_K2PPkW {\n  margin-top: 6px;\n  display: block;\n}\n\n.flywheel_configContent_K2PPkW .flywheel_configTiming_K2PPkW {\n  color: var(--dsw-alias-label-secondary);\n  margin-bottom: 12px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_inputUnit_K2PPkW {\n  border: .5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-1);\n  border-radius: 12px;\n  align-items: center;\n  gap: 4px;\n  display: flex;\n}\n\n.flywheel_inputUnit_K2PPkW input {\n  width: 100%;\n  min-width: 0;\n  min-height: 36px;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  border-radius: inherit;\n  background: none;\n  border: 0;\n  padding: 7px 10px;\n}\n\n.flywheel_inputUnit_K2PPkW input:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n}\n\n.flywheel_inputUnit_K2PPkW span {\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n  padding-right: 10px;\n  font-size: 12px;\n}\n\n.flywheel_configSaveBar_K2PPkW {\n  border-top: .5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-1);\n  grid-area: 3 / 1 / auto / -1;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  padding: 0 24px;\n  display: flex;\n}\n\n.flywheel_configSaveBar_K2PPkW .flywheel_meta_K2PPkW {\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_configSource_K2PPkW {\n  margin-top: 20px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_configSource_K2PPkW p, .flywheel_configSource_K2PPkW code {\n  margin-top: 8px;\n  display: block;\n}\n\n.flywheel_configLoading_K2PPkW {\n  place-items: center;\n  min-height: 260px;\n  display: grid;\n}\n\n.flywheel_configCallout_K2PPkW {\n  background: var(--dsw-alias-bg-layer-2);\n  border-radius: 12px;\n  margin: 12px 0;\n  padding: 12px;\n}\n\n.flywheel_modelRows_K2PPkW {\n  gap: 0;\n  display: grid;\n}\n\n.flywheel_modelRow_K2PPkW {\n  border-bottom: .5px solid var(--dsw-alias-border-l3);\n  grid-template-columns: 110px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 0;\n  display: grid;\n}\n\n.flywheel_modelRow_K2PPkW > div {\n  overflow-wrap: anywhere;\n  min-width: 0;\n}\n\n.flywheel_modelRow_K2PPkW .flywheel_meta_K2PPkW {\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_runExplorer_K2PPkW {\n  min-width: 0;\n  padding: 16px 0;\n}\n\n.flywheel_runToolbar_K2PPkW {\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 16px;\n  display: flex;\n}\n\n.flywheel_runToolbar_K2PPkW p {\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_runSplit_K2PPkW {\n  grid-template-columns: 240px minmax(0, 1fr);\n  min-height: 460px;\n  display: grid;\n}\n\n.flywheel_runList_K2PPkW {\n  flex-direction: column;\n  gap: 4px;\n  max-height: 620px;\n  padding: 0 12px 0 0;\n  display: flex;\n  overflow: auto;\n}\n\n.flywheel_runRow_K2PPkW {\n  text-align: left;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 12px;\n  gap: 5px;\n  padding: 12px;\n  display: grid;\n}\n\n.flywheel_runRow_K2PPkW strong {\n  overflow-wrap: anywhere;\n  font-weight: 500;\n}\n\n.flywheel_runRow_K2PPkW span {\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_runRow_K2PPkW[aria-pressed=\"true\"] {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.flywheel_runRow_K2PPkW:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: -2px;\n}\n\n.flywheel_runDetail_K2PPkW {\n  border-left: .5px solid var(--dsw-alias-border-l3);\n  flex-direction: column;\n  gap: 18px;\n  min-width: 0;\n  padding: 0 24px;\n  display: flex;\n}\n\n.flywheel_runTitle_K2PPkW {\n  gap: 4px;\n  display: grid;\n}\n\n.flywheel_metricScope_K2PPkW {\n  color: var(--dsw-alias-label-secondary);\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  display: flex;\n}\n\n.flywheel_metricScope_K2PPkW select {\n  max-width: 100%;\n}\n\n.flywheel_runTitle_K2PPkW .flywheel_configTitle_K2PPkW {\n  margin: 0;\n}\n\n.flywheel_runMetrics_K2PPkW {\n  border-top: .5px solid var(--dsw-alias-border-l3);\n  gap: 12px;\n  margin-top: 20px;\n  padding-top: 16px;\n  display: grid;\n}\n\n.flywheel_metricRow_K2PPkW {\n  gap: 8px;\n  padding: 12px 0;\n  display: grid;\n}\n\n.flywheel_runMetricsHint_K2PPkW {\n  color: var(--dsw-alias-label-secondary);\n  padding: 16px 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n@container (width <= 800px) {\n  .flywheel_editor_K2PPkW {\n    grid-template-rows: 60px 54px minmax(0, 1fr) 64px;\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .flywheel_configNav_K2PPkW {\n    border-right: 0;\n    border-bottom: .5px solid var(--dsw-alias-border-l3);\n    flex-flow: row;\n    grid-area: 2 / 1;\n    align-items: center;\n    height: 54px;\n    padding: 9px 12px;\n  }\n\n  .flywheel_configNav_K2PPkW .flywheel_button_K2PPkW {\n    flex: none;\n    height: 36px;\n    min-height: 36px;\n    max-height: 36px;\n  }\n\n  .flywheel_configNav_K2PPkW .flywheel_button_K2PPkW:last-child {\n    margin: 0;\n  }\n\n  .flywheel_configMain_K2PPkW {\n    grid-area: 3 / 1;\n  }\n\n  .flywheel_configSaveBar_K2PPkW {\n    grid-row: 4;\n    padding: 0 12px;\n  }\n\n  .flywheel_configHeader_K2PPkW {\n    gap: 8px;\n    padding: 0 12px;\n  }\n\n  .flywheel_configContent_K2PPkW {\n    padding: 24px 20px;\n  }\n\n  .flywheel_workbenchHeader_K2PPkW {\n    padding: 12px 16px;\n  }\n\n  .flywheel_repositoryLinks_K2PPkW a:first-child:not(:last-of-type) {\n    display: none;\n  }\n\n  .flywheel_workbenchNav_K2PPkW {\n    flex-wrap: wrap;\n    gap: 12px;\n    padding: 0 16px;\n  }\n\n  .flywheel_workbenchStatus_K2PPkW {\n    gap: 6px;\n  }\n\n  .flywheel_taskLocations_K2PPkW {\n    padding: 8px 16px;\n  }\n\n  .flywheel_runSplit_K2PPkW {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .flywheel_runList_K2PPkW {\n    flex-direction: row;\n    padding: 0 0 12px;\n  }\n\n  .flywheel_runRow_K2PPkW {\n    min-width: 180px;\n  }\n\n  .flywheel_runDetail_K2PPkW {\n    border-left: 0;\n    padding: 0;\n  }\n}\n\n@container (width <= 720px) {\n  .flywheel_canvasWorkbench_K2PPkW[data-inspecting=\"true\"] .flywheel_canvasMain_K2PPkW {\n    display: none;\n  }\n\n  .flywheel_nodeInspector_K2PPkW {\n    border-left: 0;\n    width: 100%;\n  }\n\n  .flywheel_canvasFooter_K2PPkW {\n    gap: 6px;\n  }\n\n  .flywheel_canvasLegend_K2PPkW {\n    display: none;\n  }\n\n  .flywheel_workbenchHeader_K2PPkW {\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n}\n\n@container (width <= 440px) {\n  .flywheel_configField_K2PPkW {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 8px;\n  }\n\n  .flywheel_configNav_K2PPkW .flywheel_button_K2PPkW {\n    padding: 0 10px;\n    font-size: 12px;\n  }\n\n  .flywheel_configSaveBar_K2PPkW > .flywheel_meta_K2PPkW {\n    max-width: 80px;\n    font-size: 11px;\n  }\n\n  .flywheel_configSaveBar_K2PPkW .flywheel_actions_K2PPkW {\n    gap: 4px;\n  }\n\n  .flywheel_configSaveBar_K2PPkW .flywheel_button_K2PPkW {\n    padding: 4px 6px;\n    font-size: 11px;\n  }\n\n  .flywheel_consoleTabs_K2PPkW {\n    gap: 18px;\n  }\n\n  .flywheel_repositoryLinks_K2PPkW {\n    flex-wrap: nowrap;\n  }\n\n  .flywheel_taskLocations_K2PPkW {\n    gap: 4px;\n  }\n}\n\n@media (width <= 560px) {\n  .flywheel_workbenchDialog_K2PPkW .flywheel_configField_K2PPkW {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 8px;\n  }\n}\n\n@media (pointer: coarse) {\n  .flywheel_page_K2PPkW .flywheel_button_K2PPkW, .flywheel_taskSelect_K2PPkW, .flywheel_configFieldControl_K2PPkW select {\n    min-height: 44px;\n  }\n\n  .flywheel_configNav_K2PPkW .flywheel_button_K2PPkW {\n    flex-basis: 44px;\n    height: 44px;\n    min-height: 44px;\n    max-height: 44px;\n  }\n\n  @container (width <= 800px) {\n    .flywheel_configNav_K2PPkW {\n      padding-top: 5px;\n      padding-bottom: 5px;\n    }\n\n    .flywheel_configNav_K2PPkW .flywheel_button_K2PPkW {\n      flex-basis: auto;\n    }\n  }\n\n  .flywheel_page_K2PPkW input, .flywheel_page_K2PPkW textarea, .flywheel_page_K2PPkW select {\n    font-size: 16px;\n  }\n\n  .flywheel_page_K2PPkW summary {\n    min-height: 36px;\n  }\n}\n\n@media (forced-colors: active) {\n  .flywheel_configSwitch_K2PPkW input {\n    opacity: 1;\n    width: 20px;\n    height: 20px;\n    position: static;\n  }\n\n  .flywheel_configSwitchTrack_K2PPkW {\n    display: none;\n  }\n}\n\n.flywheel_modeSelect_K2PPkW {\n  border: .5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-1);\n  min-height: 30px;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  border-radius: 8px;\n  padding: 4px 8px;\n}\n\n.flywheel_modeSelect_K2PPkW:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 2px;\n}\n\n.flywheel_workflow_K2PPkW {\n  border: .5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  gap: 8px;\n  padding: 12px;\n  display: grid;\n}\n\n.flywheel_workflow_K2PPkW ul {\n  margin: 4px 0 0;\n  padding-left: 20px;\n}\n\n.flywheel_feedback_K2PPkW {\n  box-sizing: border-box;\n  border: 1px solid #0000;\n  border-radius: 8px;\n  min-width: 0;\n  height: auto;\n  max-height: 224px;\n  margin-top: 12px;\n  padding: 12px;\n  scroll-padding: 12px;\n  overflow: auto;\n}\n\n.flywheel_feedback_K2PPkW[data-state=\"uncertain\"] {\n  border-color: var(--dsw-alias-state-warn-primary);\n  background: var(--dsw-alias-state-warn-tertiary);\n}\n\n.flywheel_feedback_K2PPkW[data-state=\"error\"] {\n  border-color: var(--dsw-alias-state-error-primary);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.flywheel_feedback_K2PPkW:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 2px;\n}\n\n.flywheel_idleFeedback_K2PPkW {\n  height: 100%;\n  color: var(--dsw-alias-label-secondary);\n  align-content: center;\n  gap: 8px;\n  display: grid;\n}\n\n.flywheel_loading_K2PPkW {\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  min-height: 100%;\n  display: flex;\n}\n\n.flywheel_loadingCompact_K2PPkW {\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 8px;\n  display: flex;\n}\n\n.flywheel_spinner_K2PPkW {\n  color: var(--dsw-alias-label-tertiary);\n  flex: none;\n}\n\n.flywheel_spinnerMotion_K2PPkW {\n  transform-origin: center;\n  animation: 1.5s linear infinite flywheel_flywheel-spin_K2PPkW;\n}\n\n.flywheel_spinnerTrack_K2PPkW, .flywheel_spinnerArc_K2PPkW {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2px;\n  stroke-linecap: round;\n}\n\n.flywheel_spinnerTrack_K2PPkW {\n  opacity: .25;\n}\n\n.flywheel_spinnerArc_K2PPkW {\n  stroke-dasharray: 12 150;\n  animation: 1.5s ease-in-out infinite flywheel_flywheel-dash_K2PPkW;\n}\n\n@keyframes flywheel_flywheel-spin_K2PPkW {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes flywheel_flywheel-dash_K2PPkW {\n  0%, 100% {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 24 150;\n    stroke-dashoffset: -6px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .flywheel_spinnerMotion_K2PPkW, .flywheel_spinnerArc_K2PPkW {\n    animation: none;\n  }\n\n  .flywheel_spinnerArc_K2PPkW {\n    stroke-dasharray: 18 150;\n    stroke-dashoffset: -3px;\n  }\n}\n\n.flywheel_notice_K2PPkW, .flywheel_error_K2PPkW {\n  justify-items: start;\n  gap: 8px;\n  min-width: 0;\n  display: grid;\n}\n\n.flywheel_notice_K2PPkW + .flywheel_error_K2PPkW {\n  margin-top: 16px;\n}\n\n.flywheel_error_K2PPkW > h3, .flywheel_errorText_K2PPkW {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.flywheel_warningText_K2PPkW {\n  border-left: 1px solid var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-label-secondary);\n  padding-left: 8px;\n}\n\n.flywheel_path_K2PPkW {\n  white-space: pre-wrap;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.flywheel_section_K2PPkW, .flywheel_empty_K2PPkW {\n  gap: 8px;\n  min-width: 0;\n  margin-top: 24px;\n  display: grid;\n}\n\n.flywheel_empty_K2PPkW {\n  padding: 20px 0;\n}\n\n.flywheel_sectionHeader_K2PPkW, .flywheel_bindingHeader_K2PPkW {\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 6px 16px;\n  min-width: 0;\n  display: flex;\n}\n\n.flywheel_sectionHeader_K2PPkW > *, .flywheel_bindingHeader_K2PPkW > * {\n  min-width: 0;\n}\n\n.flywheel_badge_K2PPkW {\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  border-radius: 8px;\n  padding: 2px 8px;\n}\n\n.flywheel_packets_K2PPkW {\n  table-layout: fixed;\n  border-collapse: collapse;\n  text-align: left;\n  width: 100%;\n  margin-top: 8px;\n}\n\n.flywheel_packets_K2PPkW caption {\n  text-align: left;\n  color: var(--dsw-alias-label-secondary);\n  padding-bottom: 8px;\n}\n\n.flywheel_packets_K2PPkW th {\n  color: var(--dsw-alias-label-secondary);\n  font-weight: 500;\n}\n\n.flywheel_packets_K2PPkW th, .flywheel_packets_K2PPkW td {\n  border-bottom: .5px solid var(--dsw-alias-border-l4);\n  vertical-align: top;\n  padding: 10px 12px 10px 0;\n}\n\n.flywheel_packets_K2PPkW th:first-child {\n  width: 42%;\n}\n\n.flywheel_packets_K2PPkW th:last-child, .flywheel_packets_K2PPkW td:last-child {\n  padding-right: 0;\n}\n\n.flywheel_budget_K2PPkW {\n  gap: 4px;\n  margin-top: 8px;\n  display: grid;\n}\n\n.flywheel_advanced_K2PPkW {\n  border-top: .5px solid var(--dsw-alias-border-l3);\n  margin: 24px 0 0;\n  padding-top: 20px;\n}\n\n.flywheel_advancedBody_K2PPkW {\n  gap: 12px;\n  min-width: 0;\n  padding-top: 12px;\n  display: grid;\n}\n\n.flywheel_bindings_K2PPkW {\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));\n  gap: 12px;\n  margin-top: 8px;\n  display: grid;\n}\n\n.flywheel_binding_K2PPkW {\n  border: .5px solid var(--dsw-alias-settings-card-stroke);\n  background: var(--dsw-alias-settings-card-fill);\n  border-radius: 12px;\n  min-width: 0;\n  padding: 14px;\n}\n\n.flywheel_bindingTitle_K2PPkW {\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.flywheel_properties_K2PPkW {\n  grid-template-columns: minmax(76px, .7fr) minmax(0, 1.3fr);\n  gap: 6px 12px;\n  margin: 12px 0 0;\n  display: grid;\n}\n\n.flywheel_properties_K2PPkW dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.flywheel_properties_K2PPkW dd {\n  min-width: 0;\n  margin: 0;\n}\n\n.flywheel_checks_K2PPkW {\n  gap: 12px;\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  display: grid;\n}\n\n.flywheel_check_K2PPkW {\n  grid-template-columns: 4em minmax(0, 1fr);\n  align-items: start;\n  gap: 12px;\n  display: grid;\n}\n\n.flywheel_checkBody_K2PPkW {\n  gap: 3px;\n  min-width: 0;\n  display: grid;\n}\n\n.flywheel_checkState_K2PPkW {\n  border-left: .5px solid var(--dsw-alias-border-l3);\n  color: var(--dsw-alias-label-secondary);\n  padding-left: 6px;\n}\n\n.flywheel_checkState_K2PPkW[data-state=\"pass\"] {\n  border-left-width: 1px;\n  border-color: var(--dsw-alias-state-success-primary);\n}\n\n.flywheel_checkState_K2PPkW[data-state=\"fail\"] {\n  border-left-width: 1px;\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.flywheel_checkState_K2PPkW[data-state=\"warn\"] {\n  border-left-width: 1px;\n  border-color: var(--dsw-alias-state-warn-primary);\n}\n\n.flywheel_details_K2PPkW {\n  width: 100%;\n  min-width: 0;\n}\n\n.flywheel_details_K2PPkW > h4 {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.flywheel_raw_K2PPkW {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-layer-2);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  border-radius: 8px;\n  max-width: 100%;\n  max-height: 320px;\n  margin: 8px 0 0;\n  padding: 12px;\n  overflow: auto;\n}\n\n.flywheel_taskContext_K2PPkW {\n  color: var(--dsw-alias-label-secondary);\n  flex-wrap: wrap;\n  gap: 8px;\n  font-size: 11px;\n  line-height: 16px;\n  display: flex;\n}\n\n.flywheel_taskLocations_K2PPkW > span {\n  overflow-wrap: anywhere;\n  min-width: 0;\n}\n\n.flywheel_workbenchNav_K2PPkW {\n  border-bottom: .5px solid var(--dsw-alias-border-l3);\n  flex: none;\n  align-items: center;\n  gap: 16px;\n  min-height: 48px;\n  padding: 0 24px;\n  display: flex;\n}\n\n.flywheel_workflowPage_K2PPkW {\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  overflow: auto;\n}\n\n.flywheel_settingsPage_K2PPkW {\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n}\n\n.flywheel_historyPage_K2PPkW {\n  flex: 1;\n  min-height: 0;\n  padding: 16px 24px;\n  overflow: auto;\n}\n\n.flywheel_inspectorActions_K2PPkW {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.flywheel_nodeIssue_K2PPkW {\n  font-size: 14px;\n  line-height: 23px;\n}\n\n.flywheel_inspectorSection_K2PPkW {\n  border-top: .5px solid var(--dsw-alias-border-l3);\n  margin-top: 4px;\n  padding-top: 16px;\n}\n\n.flywheel_inspectorSection_K2PPkW h4 {\n  margin: 0 0 10px;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.flywheel_sessionSummary_K2PPkW {\n  margin-top: 12px;\n}\n\n.flywheel_configHeader_K2PPkW .flywheel_segmented_K2PPkW {\n  margin-left: auto;\n}\n\n.flywheel_configNav_K2PPkW .flywheel_button_K2PPkW:last-child {\n  margin-top: auto;\n}\n\n.flywheel_configContent_K2PPkW[data-section=\"models\"] {\n  max-width: 1100px;\n}\n\n.flywheel_configHeader_K2PPkW .flywheel_configTitle_K2PPkW {\n  margin: 0;\n}\n\n.flywheel_configSaveBar_K2PPkW[data-dirty=\"true\"] {\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.flywheel_stageTableScroll_K2PPkW {\n  margin: 18px 0;\n  overflow-x: auto;\n}\n\n.flywheel_stageTable_K2PPkW {\n  table-layout: fixed;\n  border-collapse: collapse;\n  text-align: left;\n  width: 100%;\n  min-width: 680px;\n  font-size: 12px;\n}\n\n.flywheel_stageTable_K2PPkW th, .flywheel_stageTable_K2PPkW td {\n  border-bottom: .5px solid var(--dsw-alias-border-l3);\n  vertical-align: middle;\n  padding: 12px 8px;\n  font-weight: 400;\n}\n\n.flywheel_stageTable_K2PPkW thead th {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n}\n\n.flywheel_stageTable_K2PPkW th:first-child {\n  width: 110px;\n  padding-left: 0;\n}\n\n.flywheel_stageTable_K2PPkW th:nth-child(2) {\n  width: 140px;\n}\n\n.flywheel_stageTable_K2PPkW th:nth-child(4) {\n  width: 90px;\n}\n\n.flywheel_stageTable_K2PPkW th:nth-child(5) {\n  width: 150px;\n}\n\n.flywheel_stageTable_K2PPkW select, .flywheel_stageTable_K2PPkW input {\n  border-radius: 7px;\n  width: 100%;\n  min-width: 0;\n  height: 34px;\n  font-size: 12px;\n}\n\n.flywheel_stageTable_K2PPkW .flywheel_button_K2PPkW {\n  white-space: normal;\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.flywheel_settingsHelp_K2PPkW {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.flywheel_settingsSubheading_K2PPkW {\n  margin: 28px 0 4px;\n  font-size: 14px;\n  font-weight: 500;\n}\n";
+// Host controlTimeoutMs is bounded at 120 s, with up to 20 s diagnostic cleanup.
+// A browser timeout reports uncertainty; it cannot cancel a detached Go task.
+const CONTROL_WAIT_MS = 150000;
+
+// Own the button control we use. Markup and native-prop/ref forwarding follow
+// DSH b830ec950faba0a46dda564be3e2d854afed94f1:
+// packages/client/ui-primitives/src/Button.tsx. Scoped styles below copy
+// their compact geometry; only public alias colors are shared with the host.
+// The copied portions retain their MIT notice in THIRD_PARTY_NOTICES.md.
+const Button = React.forwardRef(function FlywheelButton({
+  variant = 'outline', size = 'sm', className, children, ...rest
+}, ref) {
+  return h('button', { type: 'button', ...rest, ref,
+    className: [css.button, variant === 'primary' ? css.buttonPrimary : css.buttonOutline,
+      size === 'sm' ? css.buttonSmall : '', className].filter(Boolean).join(' '),
+  }, children);
+});
+
+// The ongoing glyph and reduced-motion behavior are copied from the same
+// pinned host's ui-primitives StateDot; this plugin owns the SVG and CSS.
+function Spinner() {
+  const synchronize = element => {
+    if (!element) return;
+    for (const animation of element.getAnimations?.({ subtree: true }) ?? []) animation.startTime = 0;
+  };
+  return h('svg', { className: css.spinner, width: 20, height: 20,
+    viewBox: '0 0 24 24', 'aria-hidden': true, ref: synchronize,
+    onAnimationStart: event => synchronize(event.currentTarget) },
+  h('g', { className: css.spinnerMotion },
+    h('circle', { className: css.spinnerTrack, cx: 12, cy: 12, r: 9.5 }),
+    h('circle', { className: css.spinnerArc, cx: 12, cy: 12, r: 9.5 })));
+}
+
+// A small immutable snapshot source for this plugin's flat write sets. This is
+// not a generic deep-draft engine: all updates replace root fields, and nested
+// engine reports are retained as read-only values. Only the host subscribes.
+function createSnapshot(initial) {
+  let snapshot = Object.freeze({ ...initial });
+  const listeners = new Set();
+  return {
+    getSnapshot: () => snapshot,
+    subscribe: listener => {
+      listeners.add(listener);
+      return () => { listeners.delete(listener); };
+    },
+    update: mutate => {
+      const next = { ...snapshot };
+      mutate(next);
+      if (Object.keys(next).every(key => Object.is(next[key], snapshot[key]))) return;
+      snapshot = Object.freeze(next);
+      for (const listener of [...listeners]) listener();
+    },
+  };
+}
+
+// Public structural StoreHandle / StoreInstance contract, verified at pinned
+// packages/client/store/src/contract.ts. The renderer creates and caches each
+// instance by session binding, then provides useStore/actions to the component.
+// We do not import its engine, subscribe from React, or persist live state.
+function createViewStore() {
+  const spec = {
+    init: () => ({ taskDir: '', cwd: '', mode: 'auto' }),
+    actions: {
+      setSelection: (draft, next) => { draft.taskDir = next.taskDir; draft.cwd = next.cwd; },
+      setMode: (draft, mode) => { draft.mode = mode; },
+    },
+  };
+  return {
+    spec,
+    create: () => {
+      const source = createSnapshot(spec.init());
+      const actions = Object.fromEntries(Object.entries(spec.actions).map(([name, action]) =>
+        [name, (...args) => source.update(draft => action(draft, ...args))]));
+      return { actions, getSnapshot: source.getSnapshot, subscribe: source.subscribe,
+        clearPersisted: () => {},
+      };
+    },
+  };
+}
+
+const zh = {
+  view: 'Flywheel',
+  title: 'Flywheel 任务',
+  description: '准备任务后，在这里查看进度、启动、继续或停止',
+  lifecycle: '任务在后台独立运行。切换视图或会话不会停止任务；需要停止时请使用这里的“停止”',
+  selection: '打开已有任务',
+  taskDir: '任务资料目录',
+  taskHint: '填写助手准备任务时给出的完整路径，里面保存任务说明和验收清单；只查看配置或做检查时可留空',
+  cwd: '项目目录（可选）',
+  cwdHint: '留空时使用当前 DSH 会话的工作目录。若它不是本任务的项目根目录，填写助手给出的项目完整路径',
+  pathInvalid: '请填写以 / 开头的完整路径',
+  pathControl: '路径不能包含换行或空字符',
+  taskRequired: '填写任务资料目录后，可刷新状态、启动或停止任务',
+  status: '刷新状态',
+  start: '启动',
+  launch: '启动准备好的任务',
+  launchMode: '新任务流程',
+  launchHelp: 'Auto 由引擎判断 Quick 或 Full；继续已有任务使用“启动”，沿用已保存的流程',
+  workflow: '执行流程',
+  requestedMode: '请求：{mode}',
+  effectiveMode: '生效：{mode}',
+  workflowReason: '选择原因：{reason}',
+  legacyFull: '这个任务未保存自适应流程信息，按原有 Full 流程运行',
+  applicable: '适用',
+  notApplicable: '不适用',
+  upgrades: '流程升级记录',
+  upgrade: '{from} → {to}：{reason}',
+  finalReview: 'Quick 仍须通过验收、最终检查与独立的任务级 Review；Plan / Judge 不适用不代表通过',
+  associationUnconfirmed: '会话记录中存在任务请求；引擎结果尚未确认',
+  stop: '停止',
+  config: '查看模型配置',
+  doctor: '检查安装与配置',
+  probe: '检查 DSH 接入',
+  doctorHelp: '检查安装与配置：核对本机工具、模型配置和所选任务文件，不会启动任务',
+  probeHelp: '检查 DSH 接入：临时启动独立的 DSH 运行环境，检查配置、项目目录和权限后退出；可能联网读取模型目录',
+  busy: '正在等待“{action}”确认…',
+  busyOther: '正在等待上一个目录的“{action}”结束；其结果不会覆盖当前选择',
+  mutationLock: '操作结果确认前，保持当前任务关联并暂停后续操作',
+  unknownOutcome: '“{action}”结果未确认',
+  unknownHelp: '请求可能已经送达引擎。先刷新这个任务的状态，再决定下一步操作',
+  reconcile: '刷新待确认任务',
+  errorTitle: '“{action}”未完成',
+  errorHelp: '检查连接和目录后，重新执行这项只读检查',
+  notDispatchedTitle: '“{action}”未发送到引擎',
+  notDispatchedHelp: '检查错误详情，修正目录或引擎配置后重试',
+  errorDetails: '错误详情',
+  feedback: '操作反馈',
+  statusHeading: '任务状态',
+  emptyHeading: '还没有任务状态',
+  emptyBody: '在“对话”输入 /flywheel-task 和需求。助手准备并启动任务后，会自动关联到本会话，无需复制路径。/flywheel-new 仍可只准备任务；也可填写已有任务目录后操作',
+  emptySelected: '点击“刷新状态”查看这个任务；打开本页不会自动启动任务',
+  lastChecked: '上次确认：{time}',
+  stale: '本次状态未确认，下方保留上次结果',
+  stateUnconfirmed: '状态待确认',
+  previousState: '上次确认状态：{status}',
+  task: '任务',
+  running: '运行中',
+  uninitialized: '尚未初始化',
+  engineMissing: '引擎未运行，状态待核对',
+  unknownState: '未知状态（{status}）',
+  unknown: '未知',
+  unreported: '未报告',
+  pending: '待开始',
+  paused: '已暂停',
+  stopped: '已停止',
+  completed: '已完成',
+  escalated: '需要人工处理',
+  budgetStopped: '预算已停止',
+  milestone: '当前里程碑：{name}',
+  packets: '工作单元',
+  packetsCount: '工作单元（共 {count} 个）',
+  packet: '工作单元',
+  state: '状态',
+  route: '路由',
+  packetPending: '待执行',
+  awaitingCredentials: '等待凭证',
+  executing: '执行中',
+  executed: '待验收',
+  l1Passed: '验收已通过',
+  l1Failed: '验收未通过',
+  reviewFailed: '评审退回',
+  interrupted: '已中断',
+  inbox: '等待处理',
+  inboxCount: '待人工处理记录：{count} 条',
+  budget: '用量与成本',
+  cost: '已报告成本合计：$' + '{amount}',
+  costUnknown: '成本：未知',
+  costPartial: '已知成本合计：$' + '{amount}；另有 {count} 次调用成本未知，合计不完整',
+  costMissing: '成本：未知（{count} 次调用未报告结算成本）',
+  tokens: '已报告 Token：{tokens}',
+  tokensMissing: '；{count} 次调用用量未知，合计不完整',
+  tokenLimit: '每日 Token 限额：{limit} · 预算策略：{policy}',
+  budgetWarning: '预算提示：{message}',
+  advanced: '配置与排查（按需）',
+  advancedHelp: '首次安装、升级或运行失败时可用，平时不必每次点击；两项检查都不向模型发送消息，也不能验证账号、额度或实际回答能力',
+  configuration: '实际模型配置',
+  configurationHelp: '这里显示 Flywheel 从下方来源读取的实际生效配置；DSH 对话输入框当前选择的模型不会替代它',
+  source: '配置来源：{source}',
+  embedded: '内嵌模板',
+  scope: '配置层级：{scope}',
+  outOfScope: '未用于本次检查',
+  model: '模型',
+  profile: 'Profile',
+  harness: 'Harness',
+  provider: 'Provider',
+  channel: '渠道',
+  thinking: '推理',
+  permission: '阶段权限要求',
+  permissionFull: '完全权限（无需逐步确认）',
+  permissionWorkspace: '项目内写入',
+  permissionReadOnly: '只读',
+  session: '会话策略',
+  step: '运行此阶段', 'config-edit': '读取配置', 'config-save': '保存配置',
+  enabled: '启用',
+  disabled: '关闭',
+  notConfigured: '未配置',
+  nativeProvider: '由原生运行时管理',
+  default: '默认',
+  undeclared: '未声明',
+  planRole: '规划',
+  executeRole: '执行',
+  reviewRole: '评审',
+  judgeRole: '终验',
+  intakeRole: '需求收集',
+  gardenRole: '知识维护',
+  panelRole: '第二意见',
+  diagnostic: '环境检查结果',
+  doctorPassed: '检查结束：未发现阻断项',
+  doctorFailed: '检查结束：存在阻断项',
+  localOnly: '本次检查本机工具、配置和所选任务文件，未启动 DSH 接入检查',
+  probeRequested: '已请求 DSH 接入检查（不调用模型）',
+  inferenceBoundary: '没有向模型发送消息；账号授权、可用额度和实际回答能力仍未验证',
+  pass: '通过',
+  fail: '失败',
+  warn: '注意',
+  unverified: '未验证',
+  skipped: '跳过',
+  errorCode: '错误码：{code}',
+  remedy: '处理建议：{remedy}',
+  raw: '引擎原始结果（JSON）',
+};
+const en = {
+  view: 'Flywheel',
+  title: 'Flywheel tasks',
+  description: 'After preparing a task, inspect its progress, start, resume or stop it here',
+  lifecycle: 'Tasks run independently in the background. Switching views or sessions does not stop a task; use Stop here when needed.',
+  selection: 'Open an existing task',
+  taskDir: 'Task files directory',
+  taskHint: 'Use the full path supplied by the assistant when it prepared the task instructions and acceptance checks; leave blank to inspect configuration or run diagnostics',
+  cwd: 'Project directory (optional)',
+  cwdHint: 'Leave blank to use this DSH session’s current working directory. If that is not this task’s project root, enter the full project path supplied by the assistant.',
+  pathInvalid: 'Enter a full path beginning with /',
+  pathControl: 'Paths cannot contain line breaks or null characters',
+  taskRequired: 'Enter the task files directory to refresh status, start or stop the task',
+  status: 'Refresh status',
+  start: 'Start',
+  launch: 'Launch prepared task',
+  launchMode: 'New task workflow',
+  launchHelp: 'Auto lets the engine choose Quick or Full. Use Start to continue an existing task with its saved workflow.',
+  workflow: 'Workflow',
+  requestedMode: 'Requested: {mode}',
+  effectiveMode: 'Effective: {mode}',
+  workflowReason: 'Selection reason: {reason}',
+  legacyFull: 'This task has no saved adaptive workflow; the original Full workflow applies.',
+  applicable: 'Applicable',
+  notApplicable: 'Not applicable',
+  upgrades: 'Workflow upgrades',
+  upgrade: '{from} → {to}: {reason}',
+  finalReview: 'Quick still requires verification, final checks and an independent task-level Review. Not-applicable Plan / Judge stages do not mean passed.',
+  associationUnconfirmed: 'The conversation records a task request; its engine outcome is still unconfirmed.',
+  stop: 'Stop',
+  config: 'Inspect model configuration',
+  doctor: 'Check installation and configuration',
+  probe: 'Check DSH integration',
+  doctorHelp: 'Installation and configuration: check local tools, model settings and selected task files without starting the task.',
+  probeHelp: 'DSH integration: briefly start a separate DSH runtime, verify its configuration, project directory and permissions, then close it. It may fetch a model catalog online.',
+  busy: 'Waiting for “{action}” confirmation…',
+  busyOther: 'Waiting for “{action}” for the previous directory; its result will not replace the current selection',
+  mutationLock: 'Task and project directories are locked until start or stop is confirmed',
+  unknownOutcome: '“{action}” outcome is unconfirmed',
+  unknownHelp: 'The request may have reached the engine. Refresh this task before choosing the next action.',
+  reconcile: 'Refresh unconfirmed task',
+  errorTitle: '“{action}” did not complete',
+  errorHelp: 'Check the connection and directories, then retry this read-only check.',
+  notDispatchedTitle: '“{action}” was not dispatched to the engine',
+  notDispatchedHelp: 'Check the error details, check the session association or engine configuration, then retry.',
+  errorDetails: 'Error details',
+  feedback: 'Operation feedback',
+  statusHeading: 'Task status',
+  emptyHeading: 'No task status yet',
+  emptyBody: 'In Chat, enter /flywheel-task and your requirement. After the assistant prepares and launches the task, this conversation links to its exact directory automatically. /flywheel-new still prepares only. You can also enter an existing task directory here.',
+  emptySelected: 'Refresh status to inspect this task. Opening this view does not start it.',
+  lastChecked: 'Last confirmed: {time}',
+  stale: 'Current status is unconfirmed; the previous result is retained below',
+  stateUnconfirmed: 'Status unconfirmed',
+  previousState: 'Previously confirmed state: {status}',
+  task: 'Task',
+  running: 'Running',
+  uninitialized: 'Not initialized',
+  engineMissing: 'Engine is not running; state needs verification',
+  unknownState: 'Unknown state ({status})',
+  unknown: 'Unknown',
+  unreported: 'Not reported',
+  pending: 'Pending',
+  paused: 'Paused',
+  stopped: 'Stopped',
+  completed: 'Completed',
+  escalated: 'Needs human attention',
+  budgetStopped: 'Stopped by budget',
+  milestone: 'Current milestone: {name}',
+  packets: 'Work packets',
+  packetsCount: 'Work packets ({count})',
+  packet: 'Work packet',
+  state: 'State',
+  route: 'Route',
+  packetPending: 'Pending',
+  awaitingCredentials: 'Waiting for credentials',
+  executing: 'Executing',
+  executed: 'Awaiting verification',
+  l1Passed: 'Verification passed',
+  l1Failed: 'Verification failed',
+  reviewFailed: 'Changes requested',
+  interrupted: 'Interrupted',
+  inbox: 'Waiting for attention',
+  inboxCount: 'Human attention records: {count}',
+  budget: 'Usage and cost',
+  cost: 'Reported cost total: $' + '{amount}',
+  costUnknown: 'Cost: unknown',
+  costPartial: 'Known cost: $' + '{amount}; {count} other calls have unknown cost, so this total is incomplete',
+  costMissing: 'Cost: unknown ({count} calls did not report billed cost)',
+  tokens: 'Reported tokens: {tokens}',
+  tokensMissing: '; usage is unknown for {count} calls, so this total is incomplete',
+  tokenLimit: 'Daily token limit: {limit} · Budget policy: {policy}',
+  budgetWarning: 'Budget notice: {message}',
+  advanced: 'Configuration and troubleshooting (optional)',
+  advancedHelp: 'Useful after installation, upgrades or a failed run; neither check is required before every task. Neither sends messages to a model or verifies account access, quota or real model responses.',
+  configuration: 'Effective model configuration',
+  configurationHelp: 'These are the effective Flywheel settings loaded from the source below. The model selected in the DSH chat composer does not replace them.',
+  source: 'Configuration source: {source}',
+  embedded: 'Embedded template',
+  scope: 'Configuration level: {scope}',
+  outOfScope: 'Not used for this check',
+  model: 'Model',
+  profile: 'Profile',
+  harness: 'Harness',
+  provider: 'Provider',
+  channel: 'Channel',
+  thinking: 'Reasoning',
+  permission: 'Required permission',
+  permissionFull: 'Full access (no step-by-step approval)',
+  permissionWorkspace: 'Write within the project',
+  permissionReadOnly: 'Read only',
+  session: 'Session policy',
+  step: 'Run stage', 'config-edit': 'Read configuration', 'config-save': 'Save configuration',
+  enabled: 'Enabled',
+  disabled: 'Disabled',
+  notConfigured: 'Not configured',
+  nativeProvider: 'Managed by the native runtime',
+  default: 'Default',
+  undeclared: 'Not declared',
+  planRole: 'Plan',
+  executeRole: 'Execute',
+  reviewRole: 'Review',
+  judgeRole: 'Judge',
+  intakeRole: 'Intake',
+  gardenRole: 'Knowledge maintenance',
+  panelRole: 'Second opinion',
+  diagnostic: 'Environment check results',
+  doctorPassed: 'Check complete: no blockers found',
+  doctorFailed: 'Check complete: blockers found',
+  localOnly: 'Local tools, configuration and selected task files were checked; no DSH integration check ran.',
+  probeRequested: 'A DSH integration check was requested (no model call)',
+  inferenceBoundary: 'No message was sent to a model. Account access, available quota and real model responses remain unverified.',
+  pass: 'Passed',
+  fail: 'Failed',
+  warn: 'Notice',
+  unverified: 'Unverified',
+  skipped: 'Skipped',
+  errorCode: 'Error code: {code}',
+  remedy: 'Next step: {remedy}',
+  raw: 'Raw engine response (JSON)',
+};
+
+const taskLabels = {
+  pending: 'pending', paused: 'paused', stopped: 'stopped', completed: 'completed',
+  escalated: 'escalated', 'budget-stopped': 'budgetStopped',
+};
+const packetLabels = {
+  pending: 'packetPending', 'awaiting-credentials': 'awaitingCredentials',
+  executing: 'executing', executed: 'executed', 'l1-passed': 'l1Passed',
+  'l1-failed': 'l1Failed', 'review-failed': 'reviewFailed', completed: 'completed',
+  interrupted: 'interrupted', escalated: 'escalated', inbox: 'inbox',
+};
+const roleLabels = { plan: 'planRole', execute: 'executeRole', review: 'reviewRole', judge: 'judgeRole',
+  intake: 'intakeRole', garden: 'gardenRole', 'judge-panel': 'panelRole' };
+const checkLabels = { pass: 'pass', fail: 'fail', warn: 'warn', unknown: 'unverified', skipped: 'skipped' };
+const permissionLabels = {
+  'danger-full-access': 'permissionFull',
+  'workspace-write': 'permissionWorkspace',
+  'read-only': 'permissionReadOnly',
+};
+const record = value => value !== null && typeof value === 'object' && !Array.isArray(value);
+const textValue = (value, fallback = '—') => typeof value === 'string' || typeof value === 'number' ? String(value) : fallback;
+const selectionOf = value => ({ taskDir: value.taskDir.trim(), cwd: value.cwd.trim() });
+const selectionKey = value => JSON.stringify([value.taskDir, value.cwd]);
+const mutates = action => ['investigate', 'launch', 'start', 'stop', 'step', 'session', 'deliver', 'config-save'].includes(action);
+const actionKey = value => value.probe ? 'probe' : value.action;
+class NotDispatchedControlReply extends Error {}
+
+function pathProblem(value) {
+  if (/[\0\r\n]/.test(value)) return 'pathControl';
+  if (value.trim() && !value.trim().startsWith('/')) return 'pathInvalid';
+  return null;
+}
+
+function taskLabel(value, t) {
+  if (value.running) return t('running');
+  if (value.preparation) return t('investigationState_' + value.preparation.status);
+  if (!value.state) return t('uninitialized');
+  if (value.state.status === 'running') return t('engineMissing');
+  const key = taskLabels[value.state.status];
+  return key ? t(key) : t('unknownState', { status: textValue(value.state.status, t('unreported')) });
+}
+
+function readReply(reply, request) {
+  if (!reply?.ok) throw new Error(reply?.error?.message ?? 'DSH command transport failed');
+  const result = reply.value?.result;
+  if (result?.kind !== 'success') {
+    let failure;
+    // This is a versioned command envelope, not a heuristic over error prose.
+    // Older hosts and malformed/ambiguous replies keep the conservative outcome.
+    if (result?.kind === 'error' && typeof result.text === 'string') {
+      try { failure = JSON.parse(result.text); } catch { /* legacy unstructured error */ }
+    }
+    const typed = record(failure) && failure.protocol === 1 &&
+      failure.type === 'flywheel-control-error' && failure.action === request.action &&
+      ['not-dispatched', 'unknown'].includes(failure.dispatch) && typeof failure.message === 'string';
+    const message = typed ? failure.message : result?.text ?? 'Flywheel command unavailable';
+    if (typed && failure.dispatch === 'not-dispatched') throw new NotDispatchedControlReply(message);
+    throw new Error(message);
+  }
+  const value = JSON.parse(result.text);
+  // runControl has already matched the engine's task identity against the
+  // host's realpath-normalized request. A browser cannot compare that identity
+  // lexically with a user path (/var, symlinks, trailing slash or "..").
+  if (!record(value) || value.protocol !== 1 || typeof value.ok !== 'boolean' ||
+      typeof value.taskDir !== 'string' ||
+      (request.taskDir ? !value.taskDir.startsWith('/') : value.taskDir !== '')) {
+    throw new Error('Flywheel control protocol or task identity mismatch');
+  }
+  if (!value.ok && !(request.action === 'doctor' && value.diagnostic?.ok === false)) {
+    throw new Error(typeof value.error === 'string' ? value.error : 'Flywheel control failed');
+  }
+  const state = value.state;
+  const configurationValid = report => record(report) && Array.isArray(report.bindings) &&
+    report.bindings.every(record) && (report.jev === undefined || record(report.jev) &&
+      typeof report.jev.enabled === 'boolean' && typeof report.jev.model === 'string' &&
+      Number.isSafeInteger(report.jev['max-calls']) && report.jev['max-calls'] > 0);
+  if (['status', 'launch', 'start', 'stop', 'step', 'session', 'deliver', 'node', 'investigate'].includes(request.action) &&
+      (typeof value.running !== 'boolean' || (state !== null && !record(state)) ||
+       (state?.packets != null && (!record(state.packets) || !Object.values(state.packets).every(validExecutionPolicyHistory))) ||
+       (state?.inbox != null && !Array.isArray(state.inbox)) ||
+       !validRuntimeDecisions(state?.['runtime-decisions']) ||
+       (state?.budget != null && (!record(state.budget) ||
+        (state.budget.warnings != null && !Array.isArray(state.budget.warnings)))))) {
+    throw new Error('Flywheel control returned malformed task status');
+  }
+  const investigationStatusAfterHandoff = request.investigation?.action === 'status' && value.preparation === undefined &&
+    record(state) && Number.isSafeInteger(state.revision) && state.revision > 0 && typeof state.status === 'string' &&
+    state.status !== '' && record(state.packets);
+  if ((value.preparation !== undefined && !validPreparationSnapshot(value.preparation)) ||
+      (request.action === 'investigate' && !value.preparation && !investigationStatusAfterHandoff)) throw new Error('Flywheel control returned malformed investigation status');
+  if (['config-edit', 'config-save'].includes(request.action) && (!record(value.editor) || !record(value.editor.values) || !record(value.editor.defaults) || value.editor.scope !== request.editor.scope || typeof value.editor.revision !== 'string')) {
+    throw new Error('Flywheel configuration editor returned a malformed report');
+  }
+  if (['delivery','deliver'].includes(request.action) && (!record(value.delivery) || !Array.isArray(value.delivery.pulls))) throw new Error('Malformed delivery snapshot');
+  if (request.action === 'node' && (!record(value.node) || value.node.id !== request.packet || !validExecutionPolicyHistory(value.node.packet))) throw new Error('Malformed node detail');
+  if (request.action === 'history' && (!record(value.history) || value.history.key !== request.sessionKey)) throw new Error('Malformed session history');
+  if (request.action === 'runs' && (!Array.isArray(value.runs) || !value.runs.every(record))) throw new Error('Malformed run index');
+  if (request.action === 'metrics' && (!record(value.metrics) || !Array.isArray(value.metrics.groups))) throw new Error('Malformed run metrics');
+  if (request.action === 'config' && !configurationValid(value.configuration)) {
+    throw new Error('Flywheel control returned malformed model configuration');
+  }
+  if (request.action === 'doctor' && (!record(value.diagnostic) ||
+      value.diagnostic.ok !== value.ok || !Array.isArray(value.diagnostic.checks) ||
+      !value.diagnostic.checks.every(record) ||
+      (value.diagnostic.configuration !== undefined && !configurationValid(value.diagnostic.configuration)))) {
+    throw new Error('Flywheel control returned malformed environment report');
+  }
+  return value;
+}
+
+function initialControl() {
+  return { pending: null, status: null, checkedAt: null, stale: false, configuration: null,
+    node: null, delivery: null, deliveryStale: false, runs: null, runsLoading: false, runsError: null, runsCwd: null, metrics: null, history: null, diagnostic: null, editor: null, configUncertainty: false, raw: null, error: null, uncertainty: null };
+}
+
+// Transport state belongs to this apply-owned controller, not a component or
+// the draft store. Its observable reaches React only through slot injection.
+function createControl(execute, pendingOperations, isDisposed) {
+  const source = createSnapshot(initialControl());
+  let selected = null;
+  let epoch = 0;
+  let active = null;
+  let lastAssociation = null;
+  let associatedKey = null;
+  let deferredAssociation = null;
+  let discovering = false;
+  // Discovery is a separate read lane: it cannot select a task, clear a pending
+  // mutation, or invalidate an in-flight status/configuration response.
+  const discover = async () => {
+    if (isDisposed() || discovering) return;
+    discovering = true;
+    source.update(draft => { draft.runsLoading = true; draft.runsError = null; });
+    let timer, disposeWait;
+    try {
+      const deadline = new Promise((_, reject) => {
+        timer = setTimeout(() => reject(new Error('Task discovery timed out')), CONTROL_WAIT_MS);
+        disposeWait = () => reject(new Error('Task discovery closed'));
+        pendingOperations.add(disposeWait);
+      });
+      const value = await Promise.race([execute({ action: 'runs' }), deadline]);
+      if (!isDisposed()) source.update(draft => { draft.runs = value.runs; draft.runsCwd = value.cwd; });
+      return value;
+    } catch (error) {
+      if (!isDisposed()) source.update(draft => { draft.runsError = error instanceof Error ? error.message : String(error); });
+    } finally {
+      clearTimeout(timer);
+      pendingOperations.delete(disposeWait);
+      discovering = false;
+      if (!isDisposed()) source.update(draft => { draft.runsLoading = false; });
+    }
+  };
+  const select = selection => {
+    const normalized = selectionOf(selection);
+    const key = selectionKey(normalized);
+    if (selected === key) return;
+    selected = key;
+    epoch += 1;
+    source.update(draft => {
+      Object.assign(draft, initialControl(), { pending: draft.pending, uncertainty: draft.uncertainty, runs: draft.runs, runsLoading: draft.runsLoading, runsError: draft.runsError, runsCwd: draft.runsCwd });
+    });
+  };
+  const run = async (action, selection, probe = false, extra = {}) => {
+    if (isDisposed() || active || (mutates(action) && source.getSnapshot().uncertainty)) return;
+    if (!['status', 'launch', 'start', 'stop', 'step', 'config', 'doctor', 'config-edit', 'config-save', 'runs', 'metrics', 'session', 'history', 'delivery', 'deliver', 'node', 'investigate'].includes(action)) return;
+    if (action === 'config-save' && source.getSnapshot().configUncertainty) return;
+    if (pathProblem(selection.taskDir) || pathProblem(selection.cwd)) return;
+    const target = selectionOf(selection);
+    if (['status', 'launch', 'start', 'stop', 'step', 'session', 'history', 'metrics', 'delivery', 'deliver', 'node', 'investigate'].includes(action) && !target.taskDir) return;
+    select(selection);
+    if (['launch', 'start'].includes(action) && source.getSnapshot().stale) return;
+    const requestEpoch = epoch;
+    const requestKey = selected;
+    const request = { action, ...(target.taskDir ? { taskDir: target.taskDir } : {}),
+      ...(target.cwd ? { cwd: target.cwd } : {}), ...(probe ? { probe: true } : {}),
+      ...(action === 'launch' ? { mode: selection.mode ?? 'auto' } : {}),
+      ...(['config-edit', 'config-save'].includes(action) ? { editor: extra.editor } : {}),
+      ...(['delivery','deliver'].includes(action) ? { delivery: extra.delivery } : {}),
+      ...(action === 'node' ? { packet: extra.packet } : {}),
+      ...(action === 'metrics' && extra.runId ? { runId: extra.runId } : {}),
+      ...(action === 'history' ? { sessionKey: extra.sessionKey } : {}),
+      ...(action === 'session' ? { session: extra.session } : {}),
+      ...(action === 'investigate' ? { investigation: extra.investigation } : {}),
+      ...(action === 'step' ? { only: extra.only, packet: extra.packet, revision: extra.revision, ...(extra.retryReason ? { retryReason: extra.retryReason } : {}) } : {}) };
+    const operation = { action, probe, ...target, key: requestKey };
+    active = operation;
+    source.update(draft => { draft.pending = operation; draft.error = null; });
+    let timer;
+    let disposeWait;
+    try {
+      const deadline = new Promise((_, reject) => {
+        timer = setTimeout(() => reject(new Error('Flywheel control confirmation timed out')), CONTROL_WAIT_MS);
+        disposeWait = () => reject(new Error('Flywheel UI was unloaded before confirmation'));
+        pendingOperations.add(disposeWait);
+      });
+      const value = await Promise.race([execute(request), deadline]);
+      if (isDisposed() || requestEpoch !== epoch) return;
+      source.update(draft => {
+        if (['status', 'launch', 'start', 'stop', 'step', 'session', 'deliver', 'node', 'investigate'].includes(action)) {
+          // A remote snapshot is bound to the previously observed candidate.
+          // A new engine revision requires another explicit remote inspection.
+          if (draft.delivery && value.state?.revision !== draft.status?.state?.revision) draft.deliveryStale = true;
+          draft.status = value;
+          draft.checkedAt = Date.now();
+          draft.stale = false;
+          if (action !== 'node' && draft.uncertainty?.key === requestKey) draft.uncertainty = null;
+        }
+        if (['config', 'doctor'].includes(action)) {
+          draft.configuration = value.configuration ?? value.diagnostic?.configuration ?? null;
+          draft.diagnostic = value.diagnostic ?? null;
+        }
+        if (['config-edit', 'config-save'].includes(action)) { draft.editor = value.editor; draft.configUncertainty = false; }
+        if (['delivery','deliver'].includes(action)) { draft.delivery = value.delivery; draft.deliveryStale = false; }
+        if (action === 'node') draft.node = value.node;
+        if (action === 'history') draft.history = value.history;
+        if (action === 'runs') draft.runs = value.runs;
+        if (action === 'metrics') draft.metrics = value.metrics;
+        draft.raw = value;
+      });
+      return value;
+    } catch (error) {
+      if (isDisposed() || requestEpoch !== epoch) return;
+      source.update(draft => {
+        const detail = error instanceof Error ? error.message : String(error);
+        const dispatch = error instanceof NotDispatchedControlReply ? 'not-dispatched' : 'unknown';
+        draft.error = { action, probe, detail, dispatch };
+        if (['delivery','deliver'].includes(action)) draft.deliveryStale = true;
+        if (action === 'status' || (mutates(action) && dispatch === 'unknown')) draft.stale = true;
+        if (action === 'config-save' && dispatch === 'unknown') draft.configUncertainty = true;
+        else if (mutates(action) && dispatch === 'unknown') draft.uncertainty = { ...operation, detail };
+      });
+    } finally {
+      clearTimeout(timer);
+      pendingOperations.delete(disposeWait);
+      active = null;
+      if (!isDisposed()) source.update(draft => { draft.pending = null; });
+      if (deferredAssociation) {
+        const next = deferredAssociation;
+        deferredAssociation = null;
+        associate(...next);
+      }
+    }
+  };
+  const associate = (value, setSelection) => {
+    if (isDisposed() || !record(value) || !Number.isSafeInteger(value.sequence) ||
+        typeof value.operationId !== 'string' || !['pending', 'confirmed', 'unknown'].includes(value.outcome) ||
+        typeof value.taskDir !== 'string' || !value.taskDir.startsWith('/') || pathProblem(value.taskDir) ||
+        typeof value.cwd !== 'string' || !value.cwd.startsWith('/') || pathProblem(value.cwd)) return;
+    if (lastAssociation && (value.sequence < lastAssociation.sequence ||
+        (value.operationId === lastAssociation.operationId && value.outcome === lastAssociation.outcome &&
+         value.taskDir === lastAssociation.taskDir && value.cwd === lastAssociation.cwd))) return;
+    if (active) { deferredAssociation = [value, setSelection]; return; }
+    const next = { taskDir: value.taskDir, cwd: value.cwd };
+    const sameOperation = lastAssociation?.operationId === value.operationId;
+    const shouldSelect = !lastAssociation || (!sameOperation && (mutates(value.action) || value.action === 'status' && value.operationId.startsWith('tool:'))) ||
+      (sameOperation && selected === associatedKey);
+    lastAssociation = value;
+    if (shouldSelect) {
+      setSelection(next);
+      select(next);
+      associatedKey = selectionKey(next);
+    }
+    source.update(draft => {
+      if (value.outcome !== 'confirmed' && mutates(value.action)) {
+        draft.uncertainty = { ...next, action: value.action, operationId: value.operationId,
+          key: selectionKey(next), detail: value.message || '' };
+        draft.stale = true;
+      } else if (draft.uncertainty && (draft.uncertainty.operationId === value.operationId ||
+          draft.uncertainty.key === selectionKey(next))) {
+        draft.uncertainty = null;
+      }
+    });
+    // Logs recover identity, never a live running state. A confirmed association
+    // gets one fresh read; pending/unknown mutations require explicit reconcile.
+    if (shouldSelect && value.outcome === 'confirmed' &&
+        (mutates(value.action) || !source.getSnapshot().status)) void run('status', next);
+  };
+  return { source, select, run, discover, associate, isMutating: () => active !== null && mutates(active.action) };
+}
+
+function Configuration({ value, t }) {
+  if (!value) return null;
+  const field = (name, value, code = false) => h(React.Fragment, { key: name },
+    h('dt', null, t(name)), h('dd', null, code ? h('code', null, value) : value));
+  return h('section', { className: css.section, 'aria-label': t('configuration') },
+    h('h3', { className: css.heading }, t('configuration')),
+    h('p', { className: css.meta }, t('configurationHelp')),
+    h('p', { className: css.meta }, t('source', { source: textValue(value.source, '') || t('embedded') })),
+    h('p', { className: css.meta }, t('scope', { scope: textValue(value.scope) })),
+    record(value.jev) && h('article', { className: css.binding },
+      h('h4', { className: css.bindingTitle }, t('cfgJev')),
+      h('p', null, t(value.jev.enabled === true ? 'consoleJEVConfiguredOn' : 'consoleJEVConfiguredOff')),
+      value.jev.enabled === true && h('dl', { className: css.properties },
+        field('consoleJEVVersion', textValue(value.jev.model), true),
+        field('cfgJevMaxCalls', value.jev['max-calls'] ?? t('unknown')))),
+    h('div', { className: css.bindings }, ...(value.bindings ?? []).map((binding, index) =>
+      h('article', { className: css.binding, key: textValue(binding?.id, String(index)) },
+        h('div', { className: css.bindingHeader },
+          h('h4', { className: css.bindingTitle }, roleLabels[binding?.role] ? t(roleLabels[binding.role]) : textValue(binding?.role)),
+          h('code', { className: css.meta }, textValue(binding?.route || binding?.id))),
+        binding?.inScope === false && h('p', { className: css.meta }, t('outOfScope')),
+        h('dl', { className: css.properties },
+          field('model', textValue(binding?.model, '') || t('notConfigured'), true),
+          binding?.profile && field('profile', textValue(binding.profile)),
+          field('harness', textValue(binding?.harness), true),
+          field('provider', textValue(binding?.provider, '') || (binding?.harness === 'dsh' ? t('notConfigured') : t('nativeProvider'))),
+          field('channel', textValue(binding?.channel, '') || t('notConfigured')),
+          field('thinking', textValue(binding?.thinking, '') || t('default')),
+          field('permission', Object.hasOwn(permissionLabels, binding?.permissionMode) ?
+            t(permissionLabels[binding.permissionMode]) : textValue(binding?.permissionMode, '') || t('undeclared')),
+          field('session', sessionModeLabel(binding, t)))))));
+}
+
+function Diagnostic({ value, t }) {
+  if (!value) return null;
+  return h('section', { className: css.section, 'aria-label': t('diagnostic') },
+    h('h3', { className: css.heading }, t(value.ok ? 'doctorPassed' : 'doctorFailed')),
+    h('p', { className: css.meta }, t(value.probeRequested ? 'probeRequested' : 'localOnly')),
+    h('p', { className: css.meta }, t('inferenceBoundary')),
+    h('ul', { className: css.checks }, ...(value.checks ?? []).map((check, index) =>
+      h('li', { className: css.check, key: textValue(check?.id, '') + ':' + index },
+        h('span', { className: css.checkState, 'data-state': textValue(check?.status, 'unknown') },
+          t(checkLabels[check?.status] ?? 'unverified')),
+        h('div', { className: css.checkBody },
+          h('h4', { className: css.bindingTitle }, textValue(check?.id)),
+          h('p', null, textValue(check?.summary)),
+          check?.code && h('p', { className: css.meta }, t('errorCode', { code: textValue(check.code) })),
+          check?.remedy && h('p', null, t('remedy', { remedy: textValue(check.remedy) })))))));
+}
+
+function Budget({ value, t }) {
+  if (!value) return null;
+  const cost = value.totals?.['cost-usd'];
+  const unknownCost = value['unknown-cost-calls'] ?? 0;
+  const unknownUsage = value['unknown-usage-calls'] ?? 0;
+  let costText = Number.isFinite(cost) ? t('cost', { amount: cost.toFixed(4) }) : t('costUnknown');
+  if (unknownCost > 0) {
+    costText = Number.isFinite(cost) && cost > 0 ?
+      t('costPartial', { amount: cost.toFixed(4), count: unknownCost }) : t('costMissing', { count: unknownCost });
+  }
+  return h('section', { className: css.budget, 'aria-label': t('budget') },
+    h('p', null, costText),
+    h('p', null, t('tokens', { tokens: value.totals?.tokens ?? t('unknown') }) +
+      (unknownUsage > 0 ? t('tokensMissing', { count: unknownUsage }) : '')),
+    value['daily-token-limit'] != null && h('p', { className: css.meta },
+      t('tokenLimit', { limit: value['daily-token-limit'], policy: textValue(value.enforce) })),
+    ...(value.warnings ?? []).map((warning, index) => h('p', { key: index },
+      t('budgetWarning', { message: textValue(warning) }))));
+}
+
+function Workflow({ state, t }) {
+  if (!state) return null;
+  const workflow = state.workflow;
+  const modes = { auto: 'Auto', quick: 'Quick', full: 'Full' };
+  const mode = value => Object.hasOwn(modes, value) ? modes[value] : t('unknown');
+  const legacy = workflow == null;
+  return h('section', { className: css.workflow, 'aria-label': t('workflow') },
+    h('h4', { className: css.bindingTitle }, t('workflow')),
+    h('div', { className: css.actions },
+      h('span', { className: css.badge }, t('requestedMode', { mode: mode(legacy ? 'full' : workflow.requested) })),
+      h('span', { className: css.badge }, t('effectiveMode', { mode: mode(legacy ? 'full' : workflow.effective) }))),
+    h('p', null, legacy ? t('legacyFull') : t('workflowReason', { reason: textValue(workflow.reason, t('unreported')) })),
+    ...['plan', 'judge'].map(stage => {
+      const value = workflow?.stages?.[stage];
+      return h('p', { key: stage, className: css.meta }, t(roleLabels[stage]) + ' · ' +
+        (legacy || value?.applicable === true ? t('applicable') : value?.applicable === false ? t('notApplicable') : t('unreported')) +
+        (typeof value?.reason === 'string' && value.reason ? ' · ' + value.reason : ''));
+    }),
+    workflow?.effective === 'quick' && h('p', { className: css.meta }, t('finalReview')),
+    Array.isArray(workflow?.upgrades) && workflow.upgrades.length > 0 && h('div', null,
+      h('h4', { className: css.bindingTitle }, t('upgrades')),
+      h('ul', null, ...workflow.upgrades.map((upgrade, index) => h('li', { key: index },
+        t('upgrade', { from: mode(upgrade?.from), to: mode(upgrade?.to), reason: textValue(upgrade?.reason) }),
+        typeof upgrade?.at === 'string' && h('span', { className: css.meta }, ' · ' + upgrade.at))))));
+}
+
+function TaskStatus({ control, selection, t }) {
+  const { status, checkedAt, stale } = control;
+  if (!status) return h('section', { className: css.empty, 'aria-label': t('statusHeading') },
+    h('h3', { className: css.heading }, t('emptyHeading')),
+    h('p', { className: css.meta }, t(selection.taskDir.trim() ? 'emptySelected' : 'emptyBody')));
+  const packets = Object.entries(status.state?.packets ?? {});
+  return h('section', { className: css.section, 'aria-label': t('statusHeading') },
+    h('div', { className: css.sectionHeader },
+      h('h3', { className: css.heading }, textValue(status.state?.slug, t('task'))),
+      h('span', { className: css.badge }, stale ? t('stateUnconfirmed') : taskLabel(status, t))),
+    h('p', { className: css.meta },
+      t('lastChecked', { time: new Date(checkedAt).toLocaleString() }) +
+      (status.running && status.pid > 0 ? ' · PID ' + status.pid : '')),
+    stale && h('p', { className: css.warningText },
+      t('stale') + ' · ' + t('previousState', { status: taskLabel(status, t) })),
+    h(Workflow, { state: status.state, t }),
+    status.state?.['current-milestone'] && h('p', null,
+      t('milestone', { name: textValue(status.state['current-milestone']) })),
+    packets.length > 0 && h('section', { className: css.details }, h('h4', null, t('packetsCount', { count: packets.length })), h('table', { className: css.packets, 'aria-label': t('packets') },
+      h('caption', null, t('packetsCount', { count: packets.length })),
+      h('thead', null, h('tr', null, ...['packet', 'state', 'route'].map(key => h('th', { key, scope: 'col' }, t(key))))),
+      h('tbody', null, ...packets.map(([id, packet]) => h('tr', { key: id },
+        h('td', null, id),
+        h('td', null, packetLabels[packet?.status] ? t(packetLabels[packet.status]) : textValue(packet?.status, t('unknown'))),
+        h('td', null, textValue(packet?.route))))))),
+    h(Budget, { value: status.state?.budget, t }),
+    status.state?.inbox?.length > 0 && h('section', { className: css.details },
+      h('h4', null, t('inboxCount', { count: status.state.inbox.length })),
+      h('pre', { className: css.raw }, JSON.stringify(status.state.inbox, null, 2))));
+}
+
+function Feedback({ control, selection, reconcile, t }) {
+  const busy = control.pending !== null;
+  const error = control.error &&
+    (!mutates(control.error.action) || control.error.dispatch === 'not-dispatched') ? control.error : null;
+  const mode = control.uncertainty ? 'uncertain' : error ? 'error' : busy ? 'loading' : 'idle';
+  const otherSelection = busy && control.pending.key !== selectionKey(selectionOf(selection));
+  const locked = busy && mutates(control.pending.action);
+  const pendingLabel = busy ? t(otherSelection ? 'busyOther' : 'busy', {
+    action: t(actionKey(control.pending)),
+  }) : '';
+  return h('div', { className: css.feedback, 'data-state': mode,
+    role: 'region', 'aria-label': t('feedback'), tabIndex: mode === 'uncertain' || mode === 'error' ? 0 : undefined },
+    control.status?.workspaceWarnings?.map((warning, index) => h('p', { key: index, role: 'alert', className: css.notice }, warning)),
+    busy && h('div', { className: control.uncertainty ? css.loadingCompact : css.loading,
+      role: 'status', 'aria-label': pendingLabel },
+      h(Spinner),
+      !control.uncertainty && (locked || otherSelection) && h('p', null, pendingLabel),
+      locked && h('p', { className: css.meta }, t('mutationLock'))),
+      control.uncertainty && h('section', { className: css.notice, role: 'alert' },
+        h('h3', { className: css.heading }, t('unknownOutcome', { action: t(control.uncertainty.action) })),
+        h('p', null, t('unknownHelp')),
+        h('code', { className: css.path }, control.uncertainty.taskDir),
+        h(Button, { variant: 'outline', size: 'sm', disabled: busy, onClick: reconcile }, t('reconcile')),
+        h('section', { className: css.details },
+          h('h4', null, t('errorDetails')),
+          h('pre', { className: css.raw }, control.uncertainty.detail || t('associationUnconfirmed')))),
+      error && h('section', { className: css.error, role: 'alert' },
+        h('h3', { className: css.heading }, t(error.dispatch === 'not-dispatched' ? 'notDispatchedTitle' : 'errorTitle',
+          { action: t(actionKey(error)) })),
+        h('p', null, t(error.dispatch === 'not-dispatched' ? 'notDispatchedHelp' : 'errorHelp')),
+        h('section', { className: css.details },
+          h('h4', null, t('errorDetails')),
+          h('pre', { className: css.raw }, error.detail))),
+      mode === 'idle' && !control.status?.state && !control.status?.preparation && h('div', { className: css.idleFeedback },
+        h('p', null, t('lifecycle')),
+        !selection.taskDir.trim() && h('p', null, t('taskRequired'))));
+}
+
+exports.inject = ['slots', 'remote', 'remote.commands', 'locale'];
+exports.apply = function apply(ctx) {
+  ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'flywheel: locales');
+  const t = ctx.locale.bind(NS);
+  // Drafts are slot-owned view state. No busy/status value is persisted or
+  // restored as a live fact after a new Session binding or a plugin reload.
+  const viewStore = createViewStore();
+  const controls = new WeakMap();
+  const pendingOperations = new Set();
+  let disposed = false;
+  ctx.on('dispose', () => {
+    disposed = true;
+    for (const release of pendingOperations) release();
+    pendingOperations.clear();
+  });
+  const readsReady = ctx.remote.$mount({ package: '@ckanner/flywheel', descriptors: [{
+    id: '@ckanner/flywheel#flywheelConsole/read', service: 'flywheelConsole', namespace: 'flywheelConsole', method: 'read',
+    invocation: { kind: 'direct' }, parameters: [
+      { name: 'agent', wire: 'sessionId', source: 'lookup', lookup: 'agent', codec: { mode: 'src-json' } },
+      { name: 'input', wire: 'input', source: 'json', codec: { mode: 'src-json' } },
+    ], cancellation: { parameter: 'signal' }, result: { mode: 'src-json' },
+  }] });
+  // A missing read capability is a visible error, never a noisy command fallback.
+  readsReady.catch(() => {});
+  ctx.slots.inject('conversation.view', () => ctx.slots.register({
+    // External views follow the built-in Chat, Trajectory and Statistics views.
+    name: 'conversation.view', id: 'flywheel', order: 1000, label: () => t('view'),
+    locale: NS, store: viewStore,
+    inject: (sessionId, actions) => {
+      // Bound actions identify one retained Session binding. A recycled
+      // session id with a fresh binding must not adopt an old async result.
+      let control = controls.get(actions);
+      if (!control) {
+        control = createControl(async request => {
+          const value = readReply(await (mutates(request.action) || request.action === 'status' && control?.source.getSnapshot().uncertainty
+            ? ctx.remote.commands.execute(sessionId, '/flywheel ' + JSON.stringify(request), [])
+            : readsReady.then(() => ctx.remote.flywheelConsole.read(sessionId, request))), request);
+          if (Array.isArray(value.runs)) value.runs = value.runs.filter(item => item.hostSessionId === sessionId);
+          return value;
+        }, pendingOperations, () => disposed);
+        controls.set(actions, control);
+      }
+      return {
+        hostSessionID: sessionId,
+        hooks: { control: control.source },
+        changeSelection: next => {
+          if (disposed || control.isMutating()) return;
+          actions.setSelection(next);
+          control.select(next);
+        },
+        run: control.run,
+        discover: control.discover,
+        associate: value => control.associate(value, actions.setSelection),
+        reconcile: () => {
+          const outcome = control.source.getSnapshot().uncertainty;
+          if (!outcome || control.source.getSnapshot().pending) return;
+          const next = { taskDir: outcome.taskDir, cwd: outcome.cwd };
+          actions.setSelection(next);
+          return control.run('status', next);
+        },
+      };
+    },
+  }, TaskView));
+};
+
+Object.assign(zh, { projectHome: '项目工作区', executionHome: '实际执行目录', externalWorktree: '自行管理的 Worktree（保留目录）' });
+Object.assign(en, { projectHome: 'Project workspace', executionHome: 'Execution directory', externalWorktree: 'Caller-managed Worktree (retained)' });
+// Compiled into the same lazy factory as client.js. All writes use the Go control boundary.
+Object.assign(zh, {
+  consoleLastOperation: '最近节点操作', consoleOperation_running: '等待结束回执', consoleOperation_passed: '已完成', consoleOperation_failed: '未通过', consoleOperation_cancelled: '已取消', consoleSnapshotStale: '快照已过期', consoleLaunchOptions: '准备任务与启动选项', consoleTaskSummary: '任务总览与累计用量', consoleMockModel: '离线演练 · 不调用模型', consoleFullNode: '读取完整节点证据', consoleExcerpt: '画布使用有界摘要；完整节点证据按需读取', consoleAssociated: '本会话关联的任务', consoleResource: '资源 / Provider', consoleCustom: '自定义绑定',
+  consoleReopenHelp: '重新执行将使此节点及后续节点的验收与交付证据失效；Git 历史、累计用量和失败记录保留。填写原因后追加一次执行，再独立复验。', consoleManual: '人工继续一次', consoleManualReason: '继续原因', consoleManualHelp: '追加一次 Execute / L1 尝试（含有界传输重试），累计失败次数和预算继续计入',
+  consoleDelivery: 'Git 交付',
+  consoleInherit: '沿用默认策略', consoleBudget: '每日 Token 上限', consoleBudgetPolicy: '预算策略', consoleTimeout: '单次运行超时（毫秒）', consoleRetries: '传输重试上限', consoleRouteSession: '执行角色共用此历史策略，每个任务的 Session 仍独立', consolePermissionEffective: '阶段覆盖优先于全局策略；后端不支持的权限会明确拒绝',
+  consoleTask: '任务目录', consoleCwd: '执行目录', consoleBranch: '分支', consoleRevision: '状态版本', consoleAttempts: '尝试次数', consoleFailures: '失败次数', consoleAction: '本次动作', consoleReason: '原因', consoleOutcome: '执行结果', consoleCleanup: '清理确认',
+  consoleCanvas: '运行画布', consoleConfig: '全局 / 项目配置', consoleRuns: '运行与对比',
+  consoleTitle: 'Flywheel 流程控制台', consoleHelp: '查看流程与任务分支，选择节点运行阶段或核对证据',
+  consoleParallel: '并行执行 · 串行集成', consoleConcurrency: '最大并发任务', consolePlanSplit: 'Plan · 规划与拆分', consoleSchedule: '调度', consoleAggregate: '集成与聚合', consoleSerial: '串行调度', consoleScheduling: '调度策略', consoleRolePermissions: '按角色分配（执行可写／评审只读）', consoleScope: '配置作用域', consoleGlobal: '全局', consoleProject: '项目',
+  consoleRead: '读取配置草稿', consoleSave: '保存配置', consoleDefaults: '载入本版本默认值',
+  consoleNext: '保存后的配置用于下次启动；任务级配置优先于项目和全局配置',
+  consoleSession: '会话策略', consoleFresh: '每次新会话 · fresh', consoleScoped: '同任务同角色续接 · scoped',
+  consoleLegacy: 'Kimi Plan 历史续接 · 已启用', consoleUnknown: '未报告',
+  consoleDetails: '节点详情', consoleEvidence: '证据与失败原因',
+  consoleStageRun: '运行此阶段', consoleStageHelp: '阶段结束后等待继续；Execute 包含有界执行与 L1 验证',
+  consoleBlocked: '先停止运行并刷新状态；阶段需满足前置验收和引擎接纳条件',
+  consoleExternal: '外部交付状态未关联', consoleWhole: '继续整个流程', consoleSaved: '配置已保存，请重新查看生效配置',
+  consoleReload: '保存结果未确认，请重新读取配置后核对', consoleDraft: '修改草稿',
+  consoleValues: '配置字段（JSON）', consolePreview: '保存差异', consoleInvalid: '请输入合法的配置 JSON',
+  consolePolicies: '历史与权限', consoleFull: '完整流程 Full', consoleQuick: 'ultraWork / Quick',
+  consoleHistory: '调用与返修记录', consoleNoHistory: '暂无记录', consoleIdentity: '项目与运行位置',
+  consoleUnconfirmed: '结果未确认', consoleCurrent: '定位当前节点', consoleLeft: '向左移动', consoleRight: '向右移动',
+  consolePage: '任务 {from}–{to} / {total}', consolePrevious: '上一组', consoleMore: '下一组',
+  consoleAdapter: '执行环境 Harness', consoleModel: '模型', consoleThinking: '推理等级',
+  consoleProvider: 'Provider', consoleChannel: '账号渠道', consoleScopeReason: '阶段与任务隔离；Intake / Garden 使用独立调用',
+  consoleCompareHelp: '按任务、契约与配置摘要核对比较条件；用量、成本和时延是已知量，部分与缺失调用单列。费用可能按配置单价估算。调用失败率不等于代码质量。',
+  consoleConfigHelp: '先读取作用域。新文件以本版本默认配置创建，现有文件保留未编辑字段',
+  consoleResetHelp: '完整替换为本版本默认模板；保存前查看差异',
+});
+Object.assign(en, {
+  consoleLastOperation: 'Latest node operation', consoleOperation_running: 'Awaiting terminal receipt', consoleOperation_passed: 'Complete', consoleOperation_failed: 'Failed', consoleOperation_cancelled: 'Cancelled', consoleSnapshotStale: 'Stale snapshot', consoleLaunchOptions: 'Task preparation and launch options', consoleTaskSummary: 'Task summary and lifetime usage', consoleMockModel: 'Offline fixture · no inference', consoleFullNode: 'Read full node evidence', consoleExcerpt: 'The canvas uses bounded excerpts; read full evidence on demand', consoleAssociated: 'Tasks associated with this session', consoleResource: 'Resource / Provider', consoleCustom: 'Custom binding',
+  consoleReopenHelp: 'Reopen this and downstream units. Evidence is archived; Git history, billing and failures are retained. One execution attempt requires a reason and independent revalidation.', consoleManual: 'Continue once', consoleManualReason: 'Reason for continuing', consoleManualHelp: 'One Execute/L1 attempt including bounded transport retries; accumulated failures and budgets remain accounted',
+  consoleDelivery: 'Git delivery',
+  consoleInherit: 'Inherit default policy', consoleBudget: 'Daily token limit', consoleBudgetPolicy: 'Budget policy', consoleTimeout: 'Run timeout (ms)', consoleRetries: 'Transport retry limit', consoleRouteSession: 'Execution routes share this history policy; each packet still has its own session', consolePermissionEffective: 'Stage overrides take precedence; unsupported permissions are rejected',
+  consoleTask: 'Task directory', consoleCwd: 'Working directory', consoleBranch: 'Branch', consoleRevision: 'State revision', consoleAttempts: 'Attempts', consoleFailures: 'Failed attempts', consoleAction: 'Action', consoleReason: 'Reason', consoleOutcome: 'Outcome', consoleCleanup: 'Cleanup',
+  consoleCanvas: 'Workflow canvas', consoleConfig: 'Global / project configuration', consoleRuns: 'Runs and comparison',
+  consoleTitle: 'Flywheel workflow console', consoleHelp: 'Inspect task branches, run a stage and review its evidence',
+  consoleParallel: 'Parallel execution · serial integration', consoleConcurrency: 'Maximum parallel packets', consolePlanSplit: 'Plan and decomposition', consoleSchedule: 'Scheduling', consoleAggregate: 'Integration', consoleSerial: 'Serial scheduling', consoleScheduling: 'Scheduling policy', consoleRolePermissions: 'Role based: execution writes, review reads', consoleScope: 'Configuration scope', consoleGlobal: 'Global', consoleProject: 'Project',
+  consoleRead: 'Read configuration draft', consoleSave: 'Save configuration', consoleDefaults: 'Load version defaults',
+  consoleNext: 'Saved configuration applies on the next start; task configuration takes precedence',
+  consoleSession: 'Session policy', consoleFresh: 'Fresh history per call', consoleScoped: 'Reuse history within each role scope',
+  consoleLegacy: 'Kimi Plan history enabled', consoleUnknown: 'Not reported',
+  consoleDetails: 'Node details', consoleEvidence: 'Evidence and failures', consoleStageRun: 'Run stage',
+  consoleStageHelp: 'Wait after this stage; Execute includes its bounded execution and L1 loop',
+  consoleBlocked: 'Stop and refresh first; stage admission and prior verification are enforced by the engine',
+  consoleExternal: 'External delivery is not associated', consoleWhole: 'Continue workflow',
+  consoleSaved: 'Configuration saved; inspect effective configuration again', consoleReload: 'Save unconfirmed; reread and reconcile',
+  consoleDraft: 'Edit draft', consoleValues: 'Configuration fields (JSON)', consolePreview: 'Changes to save',
+  consoleInvalid: 'Enter valid configuration JSON', consolePolicies: 'History and permissions',
+  consoleFull: 'Full workflow', consoleQuick: 'ultraWork / Quick', consoleHistory: 'Calls and repairs',
+  consoleNoHistory: 'No records', consoleIdentity: 'Project and run location', consoleUnconfirmed: 'Unconfirmed result',
+  consoleCurrent: 'Locate selected node', consoleLeft: 'Pan left', consoleRight: 'Pan right',
+  consolePage: 'Tasks {from}–{to} / {total}', consolePrevious: 'Previous', consoleMore: 'Next',
+  consoleAdapter: 'Harness', consoleModel: 'Model', consoleThinking: 'Reasoning effort', consoleProvider: 'Provider',
+  consoleChannel: 'Account channel', consoleScopeReason: 'Histories are isolated by task and role; Intake / Garden run independently',
+  consoleCompareHelp: 'Cost totals include known values only; paired cross-run quality and latency data are not connected yet',
+  consoleConfigHelp: 'Read a scope first. New files start from version defaults; unedited fields in existing files are retained',
+  consoleResetHelp: 'Replace with the complete version template; inspect changes before saving',
+});
+
+function sessionModeLabel(binding, t) {
+  const mode = binding?.session?.mode;
+  if (mode === 'scoped') return t('consoleScoped');
+  if (mode === 'fresh') return t('consoleFresh');
+  if (mode === 'legacy-plan' || binding?.residentSession) return t('consoleLegacy');
+  return t('consoleUnknown');
+}
+
+function consoleTone(status) {
+  if (['completed', 'passed', 'pass', 'l1-passed', 'executed'].includes(status)) return 'success';
+  if (['executing', 'running', 'intent'].includes(status)) return 'active';
+  if (['return', 'review-failed', 'paused', 'stopped', 'unknown', 'cancelled'].includes(status)) return 'warning';
+  if (['blocked', 'interrupted', 'escalated', 'budget-stopped', 'l1-failed', 'failed'].includes(status)) return 'error';
+  return 'idle';
+}
+
+Object.assign(zh, { runsObserved: '本轮新增交付 {completed} · 执行尝试 {attempts} · 失败尝试 {failed} · 总耗时 {seconds} s', runsPartial: '部分数据 {count} 次', runsBounded: '每个已显示分组均汇总其全部调用；明细最多 200 条、分组最多 500 个。按 run 筛选可查看其完整汇总。', runsAll: '当前任务全部调用（含早期记录）', runsRefresh: '刷新最近运行', runsOpen: '在画布中打开', runsMetrics: '读取所选运行指标', runsCompare: '比较条件', runsEqual: '相同契约与配置', runsDifferent: '条件不同，仅并列展示', runsLegacy: '早期调用（未登记 run ID）', runsSamples: '调用 / 失败', runsLatency: '已知调用耗时累计', runsUsage: '已知 Token / 缺失调用', runsCost: '已知费用 / 缺失调用', runsQuality: '验收质量见各节点证据；模型质量需要独立 oracle', runsEmpty: '暂无已登记运行。CLI 启动或桌面启动后会自动登记。', runsReference: '对照运行', runsLive: '尚无退出回执，打开画布核对', runsReadOnly: '登记记录用于发现；当前运行状态以刷新后的引擎回执为准。' });
+Object.assign(en, { runsObserved: 'New deliveries {completed} · attempts {attempts} · failed attempts {failed} · elapsed {seconds} s', runsPartial: 'partial {count}', runsBounded: 'Each displayed group aggregates all its calls. Details are limited to 200 calls and 500 groups; filter by run for its full summary.', runsAll: 'All calls for this task, including legacy records', runsRefresh: 'Refresh recent runs', runsOpen: 'Open canvas', runsMetrics: 'Read selected run metrics', runsCompare: 'Comparison conditions', runsEqual: 'Same contracts and configuration', runsDifferent: 'Different conditions; descriptive comparison only', runsLegacy: 'Legacy call without run ID', runsSamples: 'Calls / failed', runsLatency: 'Sum of known call durations', runsUsage: 'Known tokens / missing calls', runsCost: 'Known cost / missing calls', runsQuality: 'Validation quality is recorded in node evidence; model quality needs an independent oracle', runsEmpty: 'No registered runs. CLI and desktop launches register automatically.', runsReference: 'Reference run', runsLive: 'No exit receipt; open canvas to reconcile', runsReadOnly: 'The index is for discovery; refresh engine status to establish liveness.' });
+
+Object.assign(zh, { sessionAction_create: '新建', sessionAction_resume: '续接', sessionAction_rebuild: '重建', sessionAction_wait: '等待核对', sessionAction_reconcile: '核对回执', sessionRelease: '退出接管 · 保持暂停', sessionReconcile: '核对原会话回执', sessionLatest: '查看最近回复', sessionLatestHelp: '这里读取经过摘要校验的最近一次回复；Provider 的完整会话历史仍保存在原后端。', sessionClaim: '暂停并接管会话', sessionReason: '接管原因', sessionSend: '发送到原 Session', sessionReturn: '验证并交回流程', sessionPrompt: '人工 Prompt', sessionHeld: '人工接管中 · 自动执行已锁定', sessionCommand: '终端交互命令', sessionNoClaim: '仅已确认收尾、可恢复的任务会话支持接管；里程碑会话可查看回复。', sessionKeep: '离开页面不会释放接管；测试和独立 Review 通过后才交回。' });
+Object.assign(en, { sessionAction_create: 'Create', sessionAction_resume: 'Resume', sessionAction_rebuild: 'Rebuild', sessionAction_wait: 'Await reconciliation', sessionAction_reconcile: 'Reconcile', sessionRelease: 'Release control and remain paused', sessionReconcile: 'Reconcile original invocation', sessionLatest: 'Read latest response', sessionLatestHelp: 'This is the latest digest-verified response, not the provider’s full history.', sessionClaim: 'Take over session', sessionReason: 'Takeover reason', sessionSend: 'Send to original session', sessionReturn: 'Validate and return', sessionPrompt: 'Human prompt', sessionHeld: 'Human control · automatic execution locked', sessionCommand: 'Terminal command', sessionNoClaim: 'Only settled, resumable packet sessions support interactive takeover. Milestone history remains readable.', sessionKeep: 'Leaving the page retains human control until validation and independent review pass.' });
+function sessionActionLabel(action, t) { return ['create', 'resume', 'rebuild', 'wait', 'reconcile'].includes(action) ? t('sessionAction_' + action) : t('consoleUnknown'); }
+const shellQuote = value => "'" + String(value).replaceAll("'", "'\\''") + "'";
+function SessionInspector({ sessionKey, value, control, selection, run, t }) {
+  const [reason, setReason] = React.useState('');
+  const [prompt, setPrompt] = React.useState('');
+  const state = control.status.state;
+  const held = state.handoff?.key === sessionKey;
+  const busy = control.pending !== null || control.status.running || control.stale || control.uncertainty !== null;
+  const canClaim = !state.handoff && value['resume-candidate'] && value.last?.status === 'consumed' && value.last?.['cleanup-confirmed'] && /^(final:)?M\d+-T\d+$/.test(value.scope);
+  const send = action => run('session', selection, false, { session: { action, key: sessionKey, revision: state.revision, ...(action === 'claim' ? { reason } : action === 'send' ? { prompt } : {}) } });
+  const history = control.history?.key === sessionKey ? control.history : null;
+  return h('article', { className: css.sessionRecord },
+    h('h4', { className: css.heading }, (roleLabels[value.role] ? t(roleLabels[value.role]) : value.role) + ' / ' + value.scope),
+    h('p', { className: css.path }, value['thread-id'] || t('consoleUnknown')),
+    value['workspace-cwd'] && h('p', { className: css.path }, t('projectHome') + ': ' + value['workspace-cwd']),
+    value.cwd && h('p', { className: css.path }, t('executionHome') + ': ' + value.cwd),
+    h('p', { className: css.meta }, [sessionActionLabel(value.action, t), value.reason, value.last?.outcome].filter(Boolean).join(' · ')),
+    h('div', { className: css.actions }, h(Button, { disabled: control.pending !== null, onClick: () => run('history', selection, false, { sessionKey }) }, t('sessionLatest'))),
+    history && h('section', { className: css.details, 'data-section': 'history' }, h('h4', null, t('sessionLatest')), h('p', { className: css.meta }, t('sessionLatestHelp')), h('pre', { className: css.raw }, history.text)),
+    held ? h('div', null, h('p', { role: 'status', className: css.notice }, t('sessionHeld')), h('p', { className: css.meta }, t('sessionKeep')),
+      h('label', { className: css.editorField }, t('sessionPrompt'), h('textarea', { className: css.editorJSON, value: prompt, disabled: busy, maxLength: 16000, onChange: event => setPrompt(event.target.value) })),
+      h('div', { className: css.actions }, h(Button, { disabled: busy || state.handoff?.pending || !prompt.trim(), onClick: () => send('send') }, t('sessionSend')), h(Button, { disabled: busy, onClick: () => send('reconcile') }, t('sessionReconcile')), h(Button, { disabled: busy || state.handoff?.pending, onClick: () => send('return') }, t('sessionReturn')), h(Button, { disabled: busy || state.handoff?.pending, onClick: () => send('release') }, t('sessionRelease')))) :
+      h('section', { className: css.details }, h('h4', null, t('sessionClaim')), h('p', { className: css.meta }, t('sessionNoClaim')),
+        h('label', { className: css.editorField }, t('sessionReason'), h('input', { className: css.editorInput, disabled: busy || !canClaim, value: reason, maxLength: 300, onChange: event => setReason(event.target.value) })),
+        h(Button, { disabled: busy || !canClaim || !reason.trim(), onClick: () => send('claim') }, t('sessionClaim'))),
+    /^(final:)?M\d+-T\d+$/.test(value.scope) && h('section', { className: css.details }, h('h4', null, t('sessionCommand')),
+      h('code', { className: css.path }, 'cd -- ' + shellQuote(value.cwd || control.status.cwd || selection.cwd) + ' && flywheel session ' + shellQuote(control.status.taskDir) + ' --key ' + shellQuote(sessionKey))));
+}
+
+Object.assign(zh, { deliveryRefresh: '查询项目与 PR', deliveryRepo: '目标仓库 / 分支 / HEAD', deliveryConfirm: '授权按当前 HEAD 推送并创建 PR，或合并选定 PR', deliveryCreate: '推送并创建 PR', deliveryMerge: '合并此 PR', deliveryHead: '远端任务分支', deliveryBase: '目标分支', deliveryTitle: 'PR 标题', deliveryBody: 'PR 说明', deliveryHelp: '远端写入要求本地任务完成、当前候选仍通过验收，并在执行前再次核对 revision 和 HEAD。未确认的结果先查询；不会强推或绕过 GitHub 合并规则。', deliveryStale: '远端快照已过期，请重新查询', deliveryPending: '合并请求已接收，等待远端最终结果', deliveryChecks: '远端检查', deliveryNoChecks: '未配置或未报告检查', deliveryUnknown: '尚未查询远端；本地完成与远端合并分别记录' });
+Object.assign(en, { deliveryRefresh: 'Inspect project and PRs', deliveryRepo: 'Repository / branch / HEAD', deliveryConfirm: 'Authorize push/create or merge at this exact HEAD', deliveryCreate: 'Push and create PR', deliveryMerge: 'Merge PR', deliveryHead: 'Remote task branch', deliveryBase: 'Base branch', deliveryTitle: 'PR title', deliveryBody: 'PR description', deliveryHelp: 'Remote writes require completed local acceptance and a matching revision and HEAD. Reconcile uncertain results first. No force push or GitHub rule bypass.', deliveryStale: 'Remote snapshot is stale; inspect again', deliveryPending: 'Merge requested; awaiting the final remote result', deliveryChecks: 'Remote checks', deliveryNoChecks: 'No configured or reported checks', deliveryUnknown: 'Remote state has not been queried; local completion and remote merge are separate' });
+function DeliveryPanel({ control, selection, run, t }) {
+  const [confirmed, setConfirmed] = React.useState(false);
+  const [base, setBase] = React.useState('');
+  const [headBranch, setHeadBranch] = React.useState('');
+  const [title, setTitle] = React.useState('');
+  const [body, setBody] = React.useState('');
+  const remote = control.delivery;
+  React.useEffect(() => { setBase(remote?.defaultBase ?? ''); setHeadBranch(remote ? remote.branch === remote.defaultBase ? 'flywheel/' + (control.status?.state?.slug || 'task') : remote.branch : ''); }, [remote?.repo, remote?.head]);
+  React.useEffect(() => { setConfirmed(false); }, [remote?.repo, remote?.head, base, headBranch]);
+  const blocked = control.pending !== null || control.status?.running || control.uncertainty !== null;
+  const writeBlocked = blocked || control.stale || control.deliveryStale || !confirmed || !remote || control.status?.state?.status !== 'completed';
+  const deliver = (action, number) => run('deliver', selection, false, { delivery: { action, confirmed: true, revision: control.status.state.revision, expectedHead: remote.head, expectedRepo: remote.repo, headBranch, ...(action === 'create' ? { base, title, body } : { number, base: remote.pulls.find(pull => pull.number === number)?.baseRefName }) } });
+  return h('section', { className: css.section, 'aria-label': 'PR / Merge' },
+    h('div', { className: css.actions }, h(Button, { disabled: blocked, onClick: () => run('delivery', selection, false, { delivery: { action: 'inspect', ...(headBranch ? { headBranch } : {}) } }) }, t('deliveryRefresh'))),
+    h('p', { className: css.meta }, t('deliveryHelp')),
+    control.status?.state?.delivery?.action === 'merge' && control.status.state.delivery.status === 'pending' && h('p', { role: 'status' }, t('deliveryPending')),
+    control.deliveryStale && h('p', { role: 'alert' }, t('deliveryStale')),
+    remote ? h(React.Fragment, null,
+      h('a', { href: remote.url, target: '_blank', rel: 'noopener noreferrer' }, remote.repo),
+      h('p', { className: css.path }, (remote.localBranch || remote.branch) + ' → ' + remote.branch + ' · ' + remote.head),
+      h('label', { className: css.confirmation }, h('input', { type: 'checkbox', checked: confirmed, disabled: blocked, onChange: event => setConfirmed(event.target.checked) }), t('deliveryConfirm')),
+      h('div', { className: css.editorGrid },
+        h('label', { className: css.editorField }, t('deliveryHead'), h('input', { className: css.editorInput, value: headBranch, disabled: blocked, onChange: event => setHeadBranch(event.target.value) })),
+        h('label', { className: css.editorField }, t('deliveryBase'), h('input', { className: css.editorInput, value: base, disabled: blocked, onChange: event => setBase(event.target.value) })),
+        h('label', { className: css.editorField }, t('deliveryTitle'), h('input', { className: css.editorInput, value: title, maxLength: 256, disabled: blocked, onChange: event => setTitle(event.target.value) }))),
+      h('label', { className: css.editorField }, t('deliveryBody'), h('textarea', { className: css.editorJSON, value: body, disabled: blocked, maxLength: 16000, onChange: event => setBody(event.target.value) })),
+      h(Button, { disabled: writeBlocked || !title.trim() || !base.trim() || !headBranch.trim() || headBranch === base, onClick: () => deliver('create') }, t('deliveryCreate')),
+      ...remote.pulls.map(pull => h('article', { className: css.sessionRecord, key: pull.number },
+        h('a', { href: pull.url, target: '_blank', rel: 'noopener noreferrer' }, '#' + pull.number + ' · ' + pull.state),
+        h('p', { className: css.meta }, [pull.baseRefName, pull.mergeStateStatus, pull.reviewDecision].filter(Boolean).join(' · ')),
+        h('section', { className: css.details }, h('h4', null, t('deliveryChecks')),
+          pull.statusCheckRollup?.length ? pull.statusCheckRollup.map((check,index) => h('p', { key: index, className: css.meta }, [check.name || check.context, check.conclusion || check.state || check.status].filter(Boolean).join(' · '))) : h('p', { className: css.meta }, t('deliveryNoChecks'))),
+        h(Button, { disabled: writeBlocked || pull.headRefOid !== remote.head || pull.state !== 'OPEN' || pull.isDraft || pull.mergeStateStatus !== 'CLEAN', onClick: () => deliver('merge', pull.number) }, t('deliveryMerge'))))) : h('p', { className: css.meta }, t('deliveryUnknown')));
+}
+
+Object.assign(zh, { consoleJEV: '启用 JEV', consoleJEVConfiguredOn: '配置已开启 · 在符合条件的决策点调用', consoleJEVConfiguredOff: '配置已关闭 · 沿用原路径', consoleJEVOff: '关闭 · 沿用原流程', consoleJEVOn: '开启 · 参与决策', consoleJEVVersion: '固定模型版本', consoleJEVEnv: '密钥环境变量名（不要填密钥）' });
+Object.assign(en, { consoleJEV: 'Enable JEV', consoleJEVConfiguredOn: 'Configured on · calls at eligible decision points', consoleJEVConfiguredOff: 'Configured off · original paths', consoleJEVOff: 'Off · existing workflow', consoleJEVOn: 'On · participate in decisions', consoleJEVVersion: 'Pinned model version', consoleJEVEnv: 'API key environment variable name (not the key)' });
+
+// Task discovery consumes Go's registered runs; no directory scanning or shell parsing.
+Object.assign(zh, {
+  taskSelected: '当前任务', taskNoSelection: '还没有关联任务',
+  taskEmptyHelp: '此视图只显示当前会话关联的 Flywheel 任务。使用 /flywheel-task 准备并运行后，画布会自动出现；加载 Skill 本身不会启动引擎',
+  taskDiscoveryError: '当前会话任务读取失败', taskRequired: '当前会话尚未关联任务', retry: '重试',
+  taskWorkspace: '工作区', taskLocation: '任务位置（自动取得）', taskFolderLocation: '任务记录',
+  emptyBody: '在当前会话中使用 /flywheel-task 准备并运行任务',
+  stageFocus: '本次运行', stageFull: '完整流程', stageOnly: '仅运行{stage}阶段',
+  stagePassed: '本次{stage}已通过', stageFailed: '本次{stage}未通过', stageCancelled: '本次{stage}已取消',
+  stageRunning: '本次{stage}进行中', stageUnknown: '本次{stage}结果待核对',
+  stageScopeHelp: '这里展示这次单阶段运行的回执。通过该阶段不代表完整任务已交付',
+  stageContinue: '需要继续完整流程时', stageFullState: '整体交付：{status}', stageUndelivered: '尚未完成', stageDelivered: '已完成', stageRecordedScore: '记录评分', stageRecordedVerdict: '记录结论', stageMetadata: '运行记录与文件位置',
+});
+Object.assign(en, {
+  taskSelected: 'Current task', taskNoSelection: 'No task associated yet',
+  taskEmptyHelp: 'This view follows the current conversation only. Use /flywheel-task to prepare and run a task; its canvas appears automatically. Loading a skill alone does not start the engine',
+  taskDiscoveryError: 'Could not read this conversation’s task', taskRequired: 'No task is associated with this conversation', retry: 'Retry',
+  taskWorkspace: 'Workspace', taskLocation: 'Task location (automatic)', taskFolderLocation: 'Task records',
+  emptyBody: 'Use /flywheel-task in this conversation to prepare and run a task',
+  stageFocus: 'This run', stageFull: 'Full workflow', stageOnly: '{stage} stage only',
+  stagePassed: 'This {stage} passed', stageFailed: 'This {stage} failed', stageCancelled: 'This {stage} was cancelled',
+  stageRunning: 'This {stage} is running', stageUnknown: 'This {stage} is unconfirmed',
+  stageScopeHelp: 'This view shows the recorded outcome of one stage. Passing it does not mean the entire task was delivered',
+  stageContinue: 'To continue the full workflow', stageFullState: 'Overall delivery: {status}', stageUndelivered: 'Not completed', stageDelivered: 'Completed', stageRecordedScore: 'Recorded score', stageRecordedVerdict: 'Recorded verdict', stageMetadata: 'Run details and file locations',
+});
+
+function singleRunKind(control) {
+  const state = control.status?.state;
+  const kind = state?.run?.kind;
+  return ['plan', 'execute', 'verify', 'review', 'integrate', 'final'].includes(kind) && state.control?.kind === kind ? kind : null;
+}
+function stageName(kind, t) {
+  return ({ plan: t('consolePlanSplit'), execute: t('executeRole'), verify: 'L1', review: t('reviewRole'), integrate: t('consoleAggregate'), final: 'L2 / L3 · Judge' })[kind];
+}
+function singleRunLabel(control, t) {
+  const kind = singleRunKind(control), op = control.status?.state?.control;
+  const key = control.stale || op?.status === 'running' && !control.status.running ? 'stageUnknown' :
+    ({ passed: 'stagePassed', failed: 'stageFailed', cancelled: 'stageCancelled', running: 'stageRunning' }[op?.status] ?? 'stageUnknown');
+  return t(key, { stage: stageName(kind, t) });
+}
+function taskCatalog(runs, association, sessionID) {
+  const tasks = new Map();
+  for (const run of (runs ?? []).slice(0,100)) {
+    if (run?.hostSessionId !== sessionID || !sessionID || !record(run) || typeof run.taskDir !== 'string' || !run.taskDir.startsWith('/') || pathProblem(run.taskDir) || typeof run.cwd !== 'string' || !run.cwd.startsWith('/') || pathProblem(run.cwd)) continue;
+    const key = selectionKey(run), old = tasks.get(key);
+    const belongs = run.hostSessionId === sessionID;
+    if (!old || String(run.startedAt ?? '') > String(old.startedAt ?? '')) tasks.set(key, { ...run, belongs: !!(belongs || old?.belongs) });
+    else if (belongs) old.belongs = true;
+  }
+  for (const task of Array.isArray(association?.tasks) ? association.tasks : []) {
+    if (task?.outcome !== 'confirmed' || typeof task.taskDir !== 'string' || !task.taskDir.startsWith('/') || pathProblem(task.taskDir) || typeof task.cwd !== 'string' || !task.cwd.startsWith('/') || pathProblem(task.cwd)) continue;
+    const key = selectionKey(task), old = tasks.get(key);
+    if (old) old.belongs = true;
+    else tasks.set(key, { taskDir: task.taskDir, cwd: task.cwd, belongs: true, startedAt: '', summary: { slug: task.taskDir.split('/').at(-1) } });
+  }
+  return [...tasks.values()].sort((a,b) => Number(b.belongs) - Number(a.belongs) || String(b.startedAt ?? '').localeCompare(String(a.startedAt ?? '')) || selectionKey(a).localeCompare(selectionKey(b)));
+}
+function TaskChooser({ control, selection, hostSessionID, association, changeSelection, run, discover, t }) {
+  const refreshedCatalog = React.useRef(null);
+  const catalogSelection = React.useRef(null);
+  const tasks = taskCatalog(control.runs, association, hostSessionID).filter(task => task.belongs);
+  const busy = control.pending !== null || control.uncertainty !== null || association && association.outcome !== 'confirmed';
+  React.useEffect(() => {
+    // An explicit session projection wins. CLI-only runs need an exact host ID;
+    // choose the latest deterministically, never a global or directory guess.
+    if (!association && !busy && tasks.length && (!selection.taskDir || catalogSelection.current === selectionKey(selection) && selectionKey(tasks[0]) !== catalogSelection.current)) {
+      refreshedCatalog.current = control.runs;
+      const next = { taskDir: tasks[0].taskDir, cwd: tasks[0].cwd };
+      catalogSelection.current = selectionKey(next);
+      changeSelection(next); void run('status', next);
+    }
+    const latest = tasks.find(task => task.taskDir === (control.status?.taskDir || selection.taskDir) && task.cwd === (control.status?.cwd || selection.cwd));
+    if (latest?.id && !busy && refreshedCatalog.current !== control.runs && control.status?.state?.run?.id && latest.id !== control.status.state.run.id) {
+      refreshedCatalog.current = control.runs;
+      void run('status', selection);
+    }
+  }, [control.runs, busy, selection.taskDir, selection.cwd, association]);
+  const current = control.status;
+  const selected = tasks.find(task => task.taskDir === (current?.taskDir || selection.taskDir) && task.cwd === (current?.cwd || selection.cwd));
+  const linked = association?.taskDir === selection.taskDir ? association : null;
+  const taskPath = current?.taskDir || selected?.taskDir || linked?.taskDir || '';
+  const project = current?.state?.project?.['workspace-cwd'] || selected?.workspaceCwd || current?.cwd || selected?.cwd || linked?.cwd || control.runsCwd || '';
+  return h('section', { className: css.taskChooser, 'aria-label': t('taskSelected') },
+    h('div', { className: css.taskContext },
+      h('span', null, project.split('/').filter(Boolean).at(-1) || t('taskThisSession')),
+      h('span', null, ' / ' + t('taskThisSession')),
+      (current?.state?.run?.branch || selected?.branch) && h('code', null, current?.state?.run?.branch || selected.branch)),
+    h('h3', { className: css.heading }, selection.taskDir ? current?.state?.slug || selected?.summary?.slug || selection.taskDir.split('/').filter(Boolean).at(-1) : 'Flywheel'),
+    control.runsError && h('div', { className: css.actions, role: 'alert' },
+      h('span', { className: css.errorText }, t('taskDiscoveryError')),
+      h(Button, { disabled: control.runsLoading, onClick: discover }, t('retry'))));
+}
+
+function TaskLocations({ control, selection, association, t }) {
+  const current = control.status;
+  const taskPath = current?.taskDir || association?.taskDir || selection.taskDir;
+  const project = current?.state?.project?.['workspace-cwd'] || current?.cwd || association?.cwd || control.runsCwd;
+  if (!project && !taskPath) return null;
+  return h('footer', { className: css.taskLocations, 'aria-label': t('taskLocation') },
+    project && h('span', null, t('taskWorkspace'), ' ', h('code', { 'data-workspace-path': project }, project)),
+    current?.cwd && current.cwd !== project && h('span', null, t('executionHome'), ' ', h('code', null, current.cwd)),
+    taskPath && h('span', null, t('taskFolderLocation'), ' ', h('code', { 'data-task-path': taskPath }, project && taskPath.startsWith(project + '/') ? taskPath.slice(project.length + 1) : taskPath)));
+}
+
+Object.assign(zh, {
+  investigate: '调查', investigationTitle: '有界调查', investigationHelp: '由 Go 运行已批准的取证动作与诊断实验。调查结论独立于代码验收和交付。',
+  investigationRun: '继续调查', investigationReconcile: '核对原动作回执', investigationReport: '调查报告', investigationEvidence: '已收集证据', investigationBudget: '动作 {used}/{limit} · 累计 {ms} ms', investigationPartial: '有界片段 · 内容未完整展示', investigationDecision: '决策建议与实际采用',
+  investigationState_ready: '等待调查', investigationState_running: '调查中', 'investigationState_awaiting-report': '等待证据报告', investigationState_blocked: '结果未知 · 需核对', investigationState_supported: '报告有证据支持', investigationState_inconclusive: '尚无定论', 'investigationState_access-blocked': '缺少访问', investigationState_cancelled: '调查已取消',
+  investigationRepair: '已授权原范围内修复；形成合法 Spec 后由 Auto 选择 Quick / Full。', investigationReportOnly: '本目标以调查报告结束；没有启动代码实现。',
+  investigationJEVObserved: '最近观察到的 JEV 状态', investigationJEV_enabled: 'JEV 已开启 · 在符合条件的决策点参与', investigationJEV_disabled: 'JEV 已关闭 · 后续动作沿用原路径', 'investigationJEV_config-unavailable': 'JEV 配置不可用 · 沿用原路径', 'investigationJEV_not-configured': '本次调查未配置 JEV · 沿用原路径', 'investigationJEV_policy-changed': 'JEV 配置已变更 · 本次调查沿用原路径',
+  investigationAdopted: 'JEV 已采用', investigationBaseline: '原路径', investigationEffect_defer: '依据证据跳过后续动作', investigationEffect_finish: '提前结束取证 · 等待报告', investigationSkipped: '跳过动作', investigationCitations: '依据观察',
+  investigationCommand: '隔离副本中的命令', investigationHTTP: '批准的 HTTP 查询', investigationExit: '退出码', investigationHTTPStatus: 'HTTP 状态', investigationSignal: '终止信号', investigationTimedOut: '动作超时', investigationCancelled: '动作已取消', investigationWorkspace: '实验副本', investigationCleanup_removed: '实验副本已清理', investigationCleanup_retained: '实验副本保留 · 需要核对收尾', 'investigationCleanup_not-created': '未创建实验副本',
+});
+Object.assign(en, {
+  investigate: 'Investigate', investigationTitle: 'Bounded investigation', investigationHelp: 'Go runs approved evidence actions and diagnostic experiments. An investigation conclusion is separate from code acceptance and delivery.',
+  investigationRun: 'Continue investigation', investigationReconcile: 'Reconcile original receipt', investigationReport: 'Investigation report', investigationEvidence: 'Collected evidence', investigationBudget: 'Actions {used}/{limit} · elapsed {ms} ms', investigationPartial: 'Bounded excerpt · incomplete content', investigationDecision: 'Advice and recorded adoption',
+  investigationState_ready: 'Ready to investigate', investigationState_running: 'Investigating', 'investigationState_awaiting-report': 'Awaiting evidence report', investigationState_blocked: 'Unknown result · reconcile', investigationState_supported: 'Report supported by cited evidence', investigationState_inconclusive: 'Inconclusive', 'investigationState_access-blocked': 'Access blocked', investigationState_cancelled: 'Investigation cancelled',
+  investigationRepair: 'Repair is authorized within the original scope. Prepare a valid Spec before Auto selects Quick or Full.', investigationReportOnly: 'The goal ends with an investigation report; implementation has not started.',
+  investigationJEVObserved: 'Last observed JEV state', investigationJEV_enabled: 'JEV enabled · participates at eligible decision points', investigationJEV_disabled: 'JEV disabled · subsequent actions use the original path', 'investigationJEV_config-unavailable': 'JEV configuration unavailable · original path', 'investigationJEV_not-configured': 'JEV not configured for this investigation · original path', 'investigationJEV_policy-changed': 'JEV policy changed · this investigation uses the original path',
+  investigationAdopted: 'JEV adopted', investigationBaseline: 'Original path', investigationEffect_defer: 'Evidence-backed actions skipped', investigationEffect_finish: 'Evidence collection ended early · awaiting report', investigationSkipped: 'Skipped actions', investigationCitations: 'Cited observations',
+  investigationCommand: 'Command in an isolated copy', investigationHTTP: 'Approved HTTP query', investigationExit: 'Exit code', investigationHTTPStatus: 'HTTP status', investigationSignal: 'Termination signal', investigationTimedOut: 'Action timed out', investigationCancelled: 'Action cancelled', investigationWorkspace: 'Experiment copy', investigationCleanup_removed: 'Experiment copy cleaned up', investigationCleanup_retained: 'Experiment copy retained · reconcile cleanup', 'investigationCleanup_not-created': 'No experiment copy created',
+});
+
+function validInvestigationExecution(value) {
+  return value == null || record(value) && ['run_command', 'http_read'].includes(value.kind) &&
+    ['timed-out', 'cancelled'].every(key => typeof value[key] === 'boolean') &&
+    ['removed', 'retained', 'not-created'].includes(value.cleanup) &&
+    (value['exit-code'] == null || Number.isSafeInteger(value['exit-code']) && value['exit-code'] >= 0 && value['exit-code'] <= 255) &&
+    (value['http-status'] == null || Number.isSafeInteger(value['http-status']) && value['http-status'] >= 100 && value['http-status'] <= 599) &&
+    ['signal', 'workspace', 'input-hash'].every(key => value[key] == null || typeof value[key] === 'string');
+}
+
+function validPreparationSnapshot(p) {
+  const strings = (object, keys) => record(object) && keys.every(key => typeof object[key] === 'string');
+  const stringArray = value => Array.isArray(value) && value.every(item => typeof item === 'string');
+  return record(p) && p.version === 1 && Number.isSafeInteger(p.revision) && p.revision > 0 &&
+    ['ready', 'running', 'awaiting-report', 'blocked', 'supported', 'inconclusive', 'access-blocked', 'cancelled'].includes(p.status) &&
+    typeof p.reason === 'string' &&
+    strings(p.contract, ['id', 'goal', 'intent']) && ['investigate', 'investigate-and-fix'].includes(p.contract.intent) &&
+    record(p.contract.limits) && Number.isSafeInteger(p.contract.limits['max-actions']) &&
+    Array.isArray(p.observations) && p.observations.every(observation => record(observation) && strings(observation.invocation, ['id', 'action-id']) &&
+      ['output', 'error'].every(key => observation[key] == null || typeof observation[key] === 'string') && validInvestigationExecution(observation.execution)) &&
+    (p.decisions == null || Array.isArray(p.decisions) && p.decisions.every(record)) &&
+    (p['jev-status'] == null || typeof p['jev-status'] === 'string') &&
+    (p['decision-effects'] == null || Array.isArray(p['decision-effects']) && p['decision-effects'].every(effect =>
+      strings(effect, ['decision-id', 'action-id', 'kind']) && ['defer', 'finish'].includes(effect.kind) && stringArray(effect.actions) && stringArray(effect.evidence))) &&
+    (p.report == null || strings(p.report, ['summary', 'counter-evidence', 'recommendation', 'regression', 'rollback']) && Array.isArray(p.report.findings) &&
+      p.report.findings.every(finding => strings(finding, ['hypothesis', 'status', 'reason'])) &&
+      (p.report.limitations == null || Array.isArray(p.report.limitations) && p.report.limitations.every(limit => typeof limit === 'string')));
+}
+
+function InvestigationExecution({ value, t }) {
+  if (!value) return null;
+  const property = (label, content) => h(React.Fragment, { key: label }, h('dt', null, label), h('dd', null, String(content)));
+  return h('div', { 'data-investigation-execution': value.kind },
+    h('p', { className: css.meta }, t(value.kind === 'run_command' ? 'investigationCommand' : 'investigationHTTP')),
+    h('dl', { className: css.consoleProperties },
+      value['exit-code'] != null && property(t('investigationExit'), value['exit-code']),
+      value['http-status'] != null && property(t('investigationHTTPStatus'), value['http-status']),
+      value.signal && property(t('investigationSignal'), value.signal)),
+    value['timed-out'] && h('p', { className: css.warningText }, t('investigationTimedOut')),
+    value.cancelled && h('p', { className: css.warningText }, t('investigationCancelled')),
+    h('p', { className: value.cleanup === 'retained' ? css.warningText : css.meta }, t('investigationCleanup_' + value.cleanup)),
+    value.workspace && h('section', { className: css.details }, h('h4', null, t('investigationWorkspace')), h('p', { className: css.meta }, value.workspace)));
+}
+
+function InvestigationPanel({ control, selection, run, t }) {
+  const preparation = control.status?.preparation;
+  if (!preparation) return null;
+  const busy = control.pending !== null || control.uncertainty !== null || control.stale;
+  const ended = !!preparation.report || preparation.status === 'cancelled';
+  const mutate = action => run('investigate', selection, false, { investigation: { action, revision: preparation.revision } });
+  return h('section', { className: css.section, 'aria-label': t('investigationTitle') },
+    h('h3', { className: css.heading }, t('investigationTitle') + ' · ' + preparation.contract.id),
+    h('p', { className: css.meta }, t('investigationHelp')),
+    h('p', null, preparation.contract.goal),
+    h('p', { role: 'status' }, t('investigationState_' + preparation.status)),
+    h('p', { className: css.meta }, t('investigationBudget', { used: preparation['actions-used'], limit: preparation.contract.limits['max-actions'], ms: preparation['elapsed-ms'] })),
+    h('p', { className: css.meta }, preparation.reason),
+    preparation['jev-status'] && h('p', { className: css.meta }, t('investigationJEVObserved') + ': ' + t('investigationJEV_' + preparation['jev-status'])),
+    h('div', { className: css.actions },
+      h(Button, { disabled: busy || control.status.running || ended || preparation.status === 'awaiting-report', onClick: () => mutate('run') }, t(preparation.pending || preparation['decision-pending'] ? 'investigationReconcile' : 'investigationRun')),
+      h(Button, { disabled: busy || ended || !control.status.running && !!preparation.pending, onClick: () => control.status.running ? run('stop', selection) : mutate('cancel') }, t('stop')),
+      h(Button, { disabled: control.pending !== null, onClick: () => run('status', selection) }, t('status'))),
+    h('p', { className: css.notice }, t(preparation.contract.intent === 'investigate-and-fix' ? 'investigationRepair' : 'investigationReportOnly')),
+    preparation.report && h('article', null, h('h4', null, t('investigationReport')), h('p', null, preparation.report.summary),
+      ...preparation.report.findings.map(finding => h('p', { key: finding.hypothesis }, finding.hypothesis + ' · ' + finding.status + ': ' + finding.reason)),
+      h('p', null, preparation.report['counter-evidence']),
+      ...(preparation.report.limitations ?? []).map((limit, i) => h('p', { key: i, className: css.warningText }, limit)),
+      h('p', null, preparation.report.recommendation), h('p', null, preparation.report.regression), h('p', null, preparation.report.rollback)),
+    h('section', { className: css.details }, h('h4', null, t('investigationEvidence')),
+      ...preparation.observations.map(observation => h('article', { key: 'observation:' + observation.invocation.id },
+        h('h4', null, observation.invocation['action-id'] + ' · ' + observation.status),
+        h('p', { className: css.meta }, observation.invocation.id + ' · ' + observation['duration-ms'] + ' ms'),
+        h(InvestigationExecution, { value: observation.execution, t }),
+        observation.truncated && h('p', { className: css.warningText }, t('investigationPartial')),
+        h('pre', { className: css.raw }, observation.output || observation.error)))),
+    (preparation.decisions?.length > 0 || preparation['decision-effects']?.length > 0) && h('section', { className: css.details }, h('h4', null, t('investigationDecision')),
+      ...(preparation.decisions ?? []).map(receipt => h('p', { key: 'receipt:' + receipt['decision-id'] }, receipt['decision-id'] + ' · ' + receipt.status + ' · ' + receipt.reason)),
+      ...preparation.observations.map(observation => h('p', { key: 'observation:' + observation.invocation.id }, observation.invocation['action-id'] + ' · ' + t(observation.invocation.adopted === true ? 'investigationAdopted' : 'investigationBaseline') + ' · ' + observation.invocation.reason)),
+      ...(preparation['decision-effects'] ?? []).map(effect => h('article', { key: 'effect:' + effect['decision-id'] },
+        h('h4', null, t('investigationEffect_' + effect.kind)),
+        h('p', { className: css.meta }, effect['decision-id']),
+        effect.actions.length > 0 && h('p', null, t('investigationSkipped') + ': ' + effect.actions.join(', ')),
+        h('p', { className: css.meta }, t('investigationCitations') + ': ' + effect.evidence.join(', '))))));
+}
+
+Object.assign(zh, {
+  runtimeDecisionTitle: 'JEV 执行决策', runtimeDecisionHelp: '展示引擎已记录的选择与执行结果；建议被接受不代表动作已经完成。', runtimeDecisionUsage: '任务请求 {used}/{limit} · 其中调查移交 {imported}', runtimeDecisionOmitted: '显示最近 {shown} 条，共 {total} 条；完整记录保留在任务账本',
+  runtimeDecisionPending: '决策请求待核对', runtimeDecisionApplied: '控制决策已应用 · 后续执行见节点状态', runtimeDecisionCompleted: '控制动作已收尾 · 任务结果见节点状态', runtimeDecisionUnknown: '结果未知 · 核对原回执', runtimeDecisionStale: '输入已变化 · 未采用', runtimeDecisionBaseline: '沿用基线', runtimeDecisionAdopted: '采用 JEV 选择', runtimeDecisionRepair: '继续局部修复', runtimeDecisionReplan: '请求重新规划', runtimeDecisionModel: '切换批准的模型配置', runtimeDecisionFeedback: '补充短反馈检查', runtimeDecisionRecheck: '复查失败的验收项', runtimeDecisionFeedbackRunning: '反馈检查未收尾 · 恢复前核对原执行', runtimeDecisionFeedbackCompleted: '反馈检查已收尾', runtimeDecisionFeedbackUnknown: '反馈结果未知 · 核对原执行，禁止重放', runtimeDecisionFeedbackStale: '反馈改变了候选或验证输入 · 已阻断', runtimeDecisionFeedbackHelp: '这是诊断反馈；最终仍执行完整验收。', runtimeDecisionCall: '决策请求', runtimeDecisionReason: '原因', runtimeDecisionAttempt: '执行尝试', runtimeDecisionStatus: '最近观察状态', runtimeDecisionResultsOmitted: '省略了 {count} 项较早的反馈结果', runtimeDecisionIncomplete: '反馈结果不完整',
+  runtimeDecisionReplanRunning: '重规划未收尾 · 恢复前核对原会话', runtimeDecisionUnapplied: 'JEV 选择未应用', runtimeModelHistory: '执行配置切换记录', runtimeModelHistoryHelp: '这里记录已应用的配置切换。实际启动的模型与会话以节点会话记录为准。', runtimeModelFrom: '切换前', runtimeModelTo: '切换后', runtimeModelJev: '采用 JEV 模型选择',
+});
+Object.assign(en, {
+  runtimeDecisionTitle: 'JEV execution decisions', runtimeDecisionHelp: 'Recorded choices and effects from the engine. Accepting advice does not mean its action has completed.', runtimeDecisionUsage: 'Task requests {used}/{limit} · {imported} imported from investigation', runtimeDecisionOmitted: 'Showing {shown} of {total} records; the complete history remains in the task ledger',
+  runtimeDecisionPending: 'Decision request needs reconciliation', runtimeDecisionApplied: 'Control decision applied · see node for subsequent execution', runtimeDecisionCompleted: 'Control action settled · see node for task outcome', runtimeDecisionUnknown: 'Unknown result · reconcile original receipt', runtimeDecisionStale: 'Inputs changed · not adopted', runtimeDecisionBaseline: 'Original baseline', runtimeDecisionAdopted: 'JEV choice accepted', runtimeDecisionRepair: 'Continue local repair', runtimeDecisionReplan: 'Request replanning', runtimeDecisionModel: 'Switch approved model configuration', runtimeDecisionFeedback: 'Collect a short feedback check', runtimeDecisionRecheck: 'Recheck failed acceptance', runtimeDecisionFeedbackRunning: 'Feedback action unsettled · reconcile before resuming', runtimeDecisionFeedbackCompleted: 'Feedback action settled', runtimeDecisionFeedbackUnknown: 'Unknown feedback result · reconcile original action, no replay', runtimeDecisionFeedbackStale: 'Feedback changed candidate or verification inputs · blocked', runtimeDecisionFeedbackHelp: 'This is diagnostic feedback. Final acceptance still runs in full.', runtimeDecisionCall: 'Decision request', runtimeDecisionReason: 'Reason', runtimeDecisionAttempt: 'Execution attempt', runtimeDecisionStatus: 'Last observed status', runtimeDecisionResultsOmitted: '{count} earlier feedback results omitted', runtimeDecisionIncomplete: 'Feedback observation is incomplete',
+  runtimeDecisionReplanRunning: 'Replanning unsettled · reconcile original session before resuming', runtimeDecisionUnapplied: 'JEV choice not applied', runtimeModelHistory: 'Execution configuration changes', runtimeModelHistoryHelp: 'These are applied configuration changes. Actual model dispatch and sessions remain in the node session records.', runtimeModelFrom: 'Before', runtimeModelTo: 'After', runtimeModelJev: 'JEV model selection applied',
+});
+
+function validRuntimeDecisions(value) {
+  const strings = (object, keys) => record(object) && keys.every(key => typeof object[key] === 'string');
+  const optionalStrings = (object, keys) => keys.every(key => object[key] == null || typeof object[key] === 'string');
+  const count = number => Number.isSafeInteger(number) && number >= 0;
+  const feedback = report => report == null || record(report) && typeof report.pass === 'boolean' && Array.isArray(report.results) && report.results.every(result =>
+    record(result) && count(result['omitted-items']) && Object.keys(result).length === 1 ||
+    strings(result, ['cmd']) && typeof result.pass === 'boolean' && Number.isSafeInteger(result.exitCode) &&
+    ['timedOut', 'cancelled', 'truncated', 'outputTruncated', 'observationComplete'].every(key => result[key] == null || typeof result[key] === 'boolean') &&
+    optionalStrings(result, ['output', 'signal', 'cleanupError', 'spawnError', 'checkId']));
+  return value == null || record(value) && value.version === 1 && count(value.used) && count(value['imported-calls']) && typeof value.status === 'string' &&
+    (value['max-calls'] == null || count(value['max-calls'])) && (value['omitted-records'] == null || count(value['omitted-records'])) &&
+    Array.isArray(value.records) && value.records.every(entry =>
+      strings(entry, ['id', 'packet', 'action', 'status', 'started-at']) && count(entry.attempt) &&
+      (entry['plan-revisions'] == null || count(entry['plan-revisions'])) && (entry.accounted == null || typeof entry.accounted === 'boolean') &&
+      (entry.selection == null || strings(entry.selection, ['action-id', 'reason']) && typeof entry.selection.adopted === 'boolean') &&
+      (entry.receipt == null || strings(entry.receipt, ['status', 'reason']) && optionalStrings(entry.receipt, ['model'])) && feedback(entry.feedback));
+}
+
+function runtimeDecisionAction(action, t) {
+  const kind = action.match(/^(model|feedback|recheck)-\d+$/)?.[1] ?? action;
+  const label = { repair: 'runtimeDecisionRepair', replan: 'runtimeDecisionReplan', model: 'runtimeDecisionModel', feedback: 'runtimeDecisionFeedback', recheck: 'runtimeDecisionRecheck' }[kind];
+  return label ? t(label) + (kind !== action ? ' · ' + action : '') : action;
+}
+
+function RuntimeDecisionPanel({ ledger, packetID, t }) {
+  if (!ledger) return null;
+  const entries = ledger.records.filter(entry => !packetID || entry.packet === packetID);
+  if (packetID && entries.length === 0) return null;
+  const statuses = { pending: 'runtimeDecisionPending', baseline: 'runtimeDecisionBaseline', applied: 'runtimeDecisionApplied', completed: 'runtimeDecisionCompleted', stale: 'runtimeDecisionStale', 'replan-running': 'runtimeDecisionReplanRunning', 'feedback-running': 'runtimeDecisionFeedbackRunning', 'feedback-completed': 'runtimeDecisionFeedbackCompleted', 'feedback-unknown': 'runtimeDecisionFeedbackUnknown', 'feedback-stale': 'runtimeDecisionFeedbackStale' };
+  const total = ledger.records.length + (ledger['omitted-records'] ?? 0);
+  return h('section', { className: css.details, 'data-runtime-decisions': packetID ?? 'task' },
+    h('h4', null, t('runtimeDecisionTitle')),
+    h('p', { className: css.meta }, t('runtimeDecisionHelp')),
+    h('p', { className: css.meta }, t('runtimeDecisionUsage', { used: ledger.used, limit: ledger['max-calls'] ?? '—', imported: ledger['imported-calls'] })),
+    h('p', { className: css.meta }, t('runtimeDecisionStatus') + ': ' + ledger.status),
+    !packetID && total > entries.length && h('p', { className: css.meta }, t('runtimeDecisionOmitted', { shown: entries.length, total })),
+    ...entries.map(entry => h('article', { key: entry.id, 'data-decision-id': entry.id },
+      h('h4', null, entry.packet + ' · ' + runtimeDecisionAction(entry.action, t)),
+      h('p', { className: css.meta }, entry.id + ' · ' + t('runtimeDecisionAttempt') + ' ' + entry.attempt + ' · ' + entry['started-at']),
+      h('p', { className: ['pending', 'replan-running', 'feedback-running', 'feedback-unknown', 'feedback-stale'].includes(entry.status) ? css.warningText : css.meta }, statuses[entry.status] ? t(statuses[entry.status]) : entry.status),
+      entry.selection && h('p', null, t(!entry.selection.adopted ? 'runtimeDecisionBaseline' : ['stale', 'baseline', 'pending'].includes(entry.status) ? 'runtimeDecisionUnapplied' : 'runtimeDecisionAdopted') + ' · ' + entry.selection.reason),
+      entry.receipt && h('p', { className: css.meta }, t('runtimeDecisionCall') + ': ' + entry.receipt.status + ' · ' + entry.receipt.reason),
+      entry.receipt?.status === 'unknown' && h('p', { className: css.warningText }, t('runtimeDecisionUnknown')),
+      entry.feedback && h('div', { 'data-decision-feedback': entry.id },
+        h('p', { className: css.meta }, t('runtimeDecisionFeedbackHelp')),
+        ...entry.feedback.results.map((result, index) => result['omitted-items'] != null
+          ? h('p', { key: index, className: css.meta }, t('runtimeDecisionResultsOmitted', { count: result['omitted-items'] }))
+          : h('article', { key: index },
+          h('p', null, result.cmd),
+          h('p', { className: css.meta }, t('investigationExit') + ': ' + result.exitCode + ' · ' + (result.pass ? t('pass') : t('fail'))),
+          result.timedOut && h('p', { className: css.warningText }, t('investigationTimedOut')),
+          result.cancelled && h('p', { className: css.warningText }, t('investigationCancelled')),
+          result.observationComplete === false && h('p', { className: css.warningText }, t('runtimeDecisionIncomplete')),
+          (result.truncated || result.outputTruncated) && h('p', { className: css.warningText }, t('investigationPartial')),
+          result.signal && h('p', { className: css.warningText }, t('investigationSignal') + ': ' + result.signal),
+          (result.cleanupError || result.spawnError) && h('p', { className: css.warningText }, result.cleanupError || result.spawnError),
+          result.output && h('pre', { className: css.raw }, result.output)))))));
+}
+
+function validExecutionPolicyHistory(packet) {
+  const policy = packet?.['execution-policy'];
+  const binding = value => record(value) && ['harness', 'provider', 'channel', 'model', 'thinking', 'permission', 'sessionMode']
+    .every(key => value[key] == null || typeof value[key] === 'string');
+  return record(packet) && (policy == null || record(policy) &&
+    (policy.history == null || Array.isArray(policy.history) && policy.history.every(change =>
+      record(change) && ['kind', 'from', 'to', 'reason', 'at'].every(key => typeof change[key] === 'string') &&
+      Number.isSafeInteger(change.attempt) && change.attempt >= 0 && binding(change.before) && binding(change.after))));
+}
+
+function ExecutionPolicyChanges({ packets, packetID, t }) {
+  const changes = Object.entries(packets ?? {}).flatMap(([id, packet]) => !packetID || id === packetID
+    ? (packet['execution-policy']?.history ?? []).map(change => ({ id, change })) : []);
+  if (!changes.length) return null;
+  const fields = ['harness', 'provider', 'channel', 'model', 'thinking', 'permission', 'sessionMode'];
+  const bindingDetails = (binding, label) => h('div', null,
+    h('p', null, t(label)),
+    h('dl', { className: css.consoleProperties }, ...fields.filter(field => binding[field]).map(field =>
+      h(React.Fragment, { key: field }, h('dt', null, field), h('dd', null, binding[field])))));
+  return h('section', { className: css.details, 'data-execution-switches': packetID ?? 'task' },
+    h('h4', null, t('runtimeModelHistory')),
+    h('p', { className: css.meta }, t('runtimeModelHistoryHelp')),
+    ...changes.map(({ id, change }, index) => h('article', { key: index },
+      h('h4', null, id + ' · ' + change.from + ' → ' + change.to),
+      h('p', { className: css.meta }, (change.kind === 'jev-model-selection' ? t('runtimeModelJev') : change.kind) + ' · ' + t('runtimeDecisionAttempt') + ' ' + change.attempt + ' · ' + change.at),
+      h('p', null, t('runtimeDecisionReason') + ': ' + change.reason),
+      bindingDetails(change.before, 'runtimeModelFrom'),
+      bindingDetails(change.after, 'runtimeModelTo'))));
+}
+
+Object.assign(zh, { sharedBatch: '共享目录批次 · 统一验收与提交', sharedBatchError: '上次批次错误' });
+Object.assign(en, { sharedBatch: 'Shared checkout · collective verification and delivery', sharedBatchError: 'Previous batch error' });
+// Native Conversation View content; no host DOM replacement or second global sidebar.
+Object.assign(zh, {
+  consoleCanvas: '流程',
+  consoleConfig: '配置',
+  consoleRuns: '运行记录',
+  consoleTitle: 'Flywheel 流程工作台',
+  consoleScoped: '同任务、同角色续接',
+  consoleFresh: '每次创建新会话',
+  wbOverview: '任务全貌',
+  wbProgress: '进展',
+  wbSession: '会话',
+  wbConfiguration: '本次配置',
+  wbClose: '关闭详情',
+  wbCloseDialog: '关闭对话框',
+  wbCanvas: '画布',
+  wbCanvasRegion: '运行画布',
+  wbList: '列表',
+  wbBack: '返回任务全貌',
+  wbExpand: '查看任务流程',
+  wbExpandGroup: '查看阶段流程',
+  wbFit: '适合宽度',
+  wbFocus: '专注画布',
+  wbExitFocus: '退出专注画布',
+  wbZoomIn: '放大画布',
+  wbZoomOut: '缩小画布',
+  wbLocate: '定位当前步骤',
+  wbBlocked: '处理卡点',
+  wbAggregate: '汇总与终验',
+  wbDelivery: 'PR 与 Merge',
+  wbNoRun: '尚未启动',
+  wbReadFirst: '读取任务状态后显示流程',
+  wbStartHelp: '在当前对话使用 /flywheel-task 描述目标；引擎启动后自动关联画布',
+  wbProposalHelp: '只准备方案可用 /flywheel-new；加载 Skill 本身不会启动引擎',
+  wbSwitchMode: '启动选项',
+  wbLoading: '正在读取',
+  wbPending: '等待操作回执',
+  wbUnknown: '先核对上次调用',
+  wbRunning: '运行中，需先停止并确认收尾',
+  wbStale: '状态尚未核对，请刷新',
+  wbHeld: '人工接管中，需验证并交回',
+  wbRevision: '缺少有效状态版本，请刷新',
+  wbCompleted: '已完成的任务需说明原因后重新执行',
+  wbL1Required: '需先通过本次确定性验证',
+  wbReviewRequired: '需先通过独立 Review',
+  wbPacketsRequired: '需先完成所有任务交付',
+  wbDependencies: '等待依赖任务交付；依赖编号见运行记录与文件位置',
+  wbRunTask: '运行此任务',
+  wbRetry: '重试一次',
+  wbReopen: '重新执行',
+  wbConfirmStep: '确认节点操作',
+  wbConfirm: '确认运行',
+  wbCancel: '取消',
+  wbRetryHelp: '追加一次 Execute / L1 尝试，保留累计失败与预算；不会自动重跑其他任务',
+  wbStateChanged: '状态已变化，请关闭后重新选择',
+  wbNoReason: '请说明继续的原因',
+  wbTakeover: '人工接管',
+  wbSnapshot: '本次运行的配置快照；修改默认配置只影响下次启动',
+  wbExecutorHistory: '执行与 Review 使用独立角色会话',
+  wbEvidence: '查看证据与失败原因',
+  wbNoEvidence: '当前没有已记录的失败说明',
+  wbFailureCode: '失败代码',
+  wbCurrentResult: '本次结果',
+  wbSerialReview: '执行按调度策略推进，Review 与集成串行',
+  wbOperation: '最近操作',
+  wbReadOnly: '运行位置由引擎取得，只读',
+  wbPaths: '位置与来源',
+  wbRepository: '仓库',
+  wbNoSessions: '此节点还没有已登记的 Provider 会话',
+  wbTechnical: '运行标识与详细证据',
+  wbPRClosed: 'PR 已关闭',
+  wbPRReady: 'PR 已创建',
+  wbUnobserved: '尚未查询远端',
+  wbScheduled: '已有执行记录',
+  wbNotApplicable: '本流程不适用',
+  wbGate: '确定性验证',
+});
+Object.assign(en, {
+  consoleCanvas: 'Workflow',
+  consoleConfig: 'Configuration',
+  consoleRuns: 'Run history',
+  consoleTitle: 'Flywheel workbench',
+  wbOverview: 'Task overview',
+  wbProgress: 'Progress',
+  wbSession: 'Sessions',
+  wbConfiguration: 'Run configuration',
+  wbClose: 'Close details',
+  wbCloseDialog: 'Close dialog',
+  wbCanvas: 'Canvas',
+  wbCanvasRegion: 'Workflow canvas',
+  wbList: 'List',
+  wbBack: 'Back to overview',
+  wbExpand: 'Open task workflow',
+  wbExpandGroup: 'Open stages',
+  wbFit: 'Fit width',
+  wbFocus: 'Focus canvas',
+  wbExitFocus: 'Exit focus canvas',
+  wbZoomIn: 'Zoom in',
+  wbZoomOut: 'Zoom out',
+  wbLocate: 'Locate current step',
+  wbBlocked: 'Inspect blocker',
+  wbAggregate: 'Integration and final checks',
+  wbDelivery: 'PR and Merge',
+  wbNoRun: 'Not started',
+  wbReadFirst: 'Read task status to display its workflow',
+  wbStartHelp:
+    'Describe your goal with /flywheel-task in this conversation; the canvas is associated after engine launch',
+  wbProposalHelp: 'Use /flywheel-new to prepare a proposal. Loading a skill does not launch the engine',
+  wbSwitchMode: 'Launch options',
+  wbLoading: 'Reading',
+  wbPending: 'Awaiting operation receipt',
+  wbUnknown: 'Reconcile the previous invocation first',
+  wbRunning: 'Running; stop and confirm cleanup first',
+  wbStale: 'Refresh to reconcile the snapshot',
+  wbHeld: 'Human control is held; validate and return first',
+  wbRevision: 'No valid state revision; refresh first',
+  wbCompleted: 'Reopening a completed task requires a reason',
+  wbL1Required: 'Current deterministic verification must pass first',
+  wbReviewRequired: 'Independent review must pass first',
+  wbPacketsRequired: 'All tasks must be delivered first',
+  wbDependencies: 'Waiting for dependency delivery; dependency IDs are listed in run details',
+  wbRunTask: 'Run this task',
+  wbRetry: 'Retry once',
+  wbReopen: 'Reopen task',
+  wbConfirmStep: 'Confirm node operation',
+  wbConfirm: 'Run',
+  wbCancel: 'Cancel',
+  wbRetryHelp:
+    'Add one Execute/L1 attempt while retaining failures and budget. Other tasks are not automatically rerun',
+  wbStateChanged: 'State changed. Close and select the operation again',
+  wbNoReason: 'Explain why another attempt is needed',
+  wbTakeover: 'Human takeover',
+  wbSnapshot: 'Configuration frozen for this run; default edits apply to the next start',
+  wbExecutorHistory: 'Execution and Review retain separate role histories',
+  wbEvidence: 'Inspect evidence and failures',
+  wbNoEvidence: 'No failure explanation has been recorded',
+  wbFailureCode: 'Failure code',
+  wbCurrentResult: 'Current result',
+  wbSerialReview: 'Execution follows the scheduling policy; Review and integration remain serial',
+  wbOperation: 'Latest operation',
+  wbReadOnly: 'Read-only locations supplied by the engine',
+  wbPaths: 'Locations and source',
+  wbRepository: 'Repository',
+  wbNoSessions: 'No Provider session has been registered for this node',
+  wbTechnical: 'Run identity and detailed evidence',
+  wbPRClosed: 'PR closed',
+  wbPRReady: 'PR created',
+  wbUnobserved: 'Remote not inspected',
+  wbScheduled: 'Execution recorded',
+  wbNotApplicable: 'Not applicable to this workflow',
+  wbGate: 'Deterministic checks',
+});
+
+function WorkbenchDialog({ title, children, onClose, actions, t }) {
+  const ref = React.useRef(null);
+  const titleID = React.useId();
+  React.useEffect(() => {
+    const dialog = ref.current,
+      previous = document.activeElement;
+    if (typeof dialog.showModal === 'function') dialog.showModal();
+    else dialog.setAttribute('open', ''); // jsdom / legacy browser fallback; owned subtree only.
+    return () => {
+      if (dialog.open && typeof dialog.close === 'function') dialog.close();
+      if (previous?.isConnected) previous.focus?.();
+    };
+  }, []);
+  return h(
+    'dialog',
+    {
+      ref,
+      className: css.workbenchDialog,
+      'aria-labelledby': titleID,
+      onCancel: (event) => {
+        event.preventDefault();
+        onClose();
+      },
+      onClick: (event) => {
+        if (event.target === ref.current) onClose();
+      },
+    },
+    h(
+      'div',
+      { className: css.dialogHeader },
+      h('h3', { className: css.dialogTitle, id: titleID }, title),
+      h(Button, { onClick: onClose, 'aria-label': t('wbCloseDialog') }, '×'),
+    ),
+    h('div', { className: css.dialogBody }, children),
+    actions && h('div', { className: css.dialogActions }, actions),
+  );
+}
+
+function canvasStatus(value, t) {
+  const known = {
+    pass: 'pass',
+    passed: 'pass',
+    failed: 'fail',
+    return: 'reviewFailed',
+    unknown: 'consoleUnconfirmed',
+    closed: 'wbPRClosed',
+    open: 'wbPRReady',
+    na: 'wbNotApplicable',
+    executed: 'executed',
+    running: 'running',
+    unobserved: 'wbUnobserved',
+    scheduled: 'wbScheduled',
+    cancelled: 'consoleOperation_cancelled',
+    idle: 'pending',
+  };
+  return t(taskLabels[value] || packetLabels[value] || known[value] || 'unknown');
+}
+
+// Projection only: these labels never grant admission or write state.
+function packetStages(packet, quick, t) {
+  const evidence = packet?.evidence ?? {};
+  const gate = evidence['final-gate'],
+    injection = evidence['defect-injection'];
+  const verification =
+    evidence.l1?.pass === false ||
+    (quick && (gate?.pass === false || (injection?.outcome && injection.outcome !== 'pass')))
+      ? 'failed'
+      : evidence.l1?.pass === true && (!quick || gate?.pass === true)
+        ? 'passed'
+        : 'pending';
+  return [
+    [
+      'execute',
+      t('executeRole'),
+      packet?.status === 'executing' ? 'running' : evidence.executor ? 'executed' : 'pending',
+    ],
+    ['verify', quick ? 'L1 / L2 / L3' : 'L1', verification],
+    ['review', t('reviewRole'), evidence.review?.verdict ?? 'pending'],
+    [
+      'integrate',
+      t('consoleDelivery'),
+      packet?.status === 'completed'
+        ? 'completed'
+        : packet?.commit?.error || packet?.commit?.['merge-error']
+          ? 'failed'
+          : 'pending',
+    ],
+  ];
+}
+
+function canvasModel(control, scope, page, whole, t) {
+  const state = control.status?.state;
+  if (!state) return null;
+  const entries = Object.entries(state.packets ?? {})
+    .filter(([, p]) => record(p))
+    .sort(([a], [b]) => a.localeCompare(b));
+  const pageIndex = Math.min(page, Math.max(0, Math.ceil(entries.length / 6) - 1));
+  const visible = entries.slice(pageIndex * 6, pageIndex * 6 + 6);
+  const quick = state.workflow?.effective === 'quick',
+    single = singleRunKind(control),
+    focused = !!single && !whole;
+  const nodes = [],
+    edges = [];
+  const add = (id, title, status, x, y, packet, stage, group) =>
+    nodes.push({ id, title, status, x, y, packet, stage, group });
+  const milestones = Object.values(state.milestones ?? {}).filter(record);
+  const plan =
+    state.milestones?.[state['current-milestone']]?.plan ??
+    milestones
+      .map((m) => m.plan)
+      .filter(Boolean)
+      .sort((a, b) => (b['started-at'] || '').localeCompare(a['started-at'] || ''))[0];
+  const delivered = entries.length > 0 && entries.every(([, p]) => p.status === 'completed');
+  const closed = milestones.length > 0 && milestones.every((m) => m.status === 'closed');
+  const failedGate = milestones.some(
+    (m) => m.gate?.pass === false || (m.gate?.judge?.verdict && m.gate.judge.verdict !== 'pass'),
+  );
+  const finalStatus = (quick ? delivered : closed) ? 'completed' : failedGate ? 'failed' : 'pending';
+  const remote = control.delivery;
+  const pull =
+    remote?.pulls?.find((p) => p.headRefOid === remote.head && p.state === 'OPEN') ??
+    remote?.pulls?.find((p) => p.headRefOid === remote.head);
+  const remoteStatus = control.deliveryStale
+    ? 'unknown'
+    : pull?.state === 'MERGED'
+      ? 'completed'
+      : pull?.state === 'OPEN'
+        ? 'open'
+        : pull?.state === 'CLOSED'
+          ? 'closed'
+          : state.delivery && ['pending', 'unknown'].includes(state.delivery.status)
+            ? 'unknown'
+            : 'unobserved';
+  const packetScope = scope?.packet && entries.find(([id]) => id === scope.packet);
+  let height = 420,
+    width = 984;
+  if (focused) {
+    const operationStatus =
+      control.stale || (state.control.status === 'running' && !control.status.running)
+        ? 'unknown'
+        : state.control.status;
+    if (['plan', 'final', 'integrate'].includes(single))
+      add(single, stageName(single, t), operationStatus, 24, 110, null, single);
+    else {
+      const units = state.control.packet ? entries.filter(([id]) => id === state.control.packet) : visible;
+      units.forEach(([id, packet], row) => {
+        const stages =
+          single === 'review'
+            ? ['verify', 'review']
+            : single === 'execute'
+              ? ['execute', 'verify']
+              : ['verify'];
+        stages.forEach((stage, col) => {
+          let status = packetStages(packet, quick, t).find((s) => s[0] === stage)[2];
+          if (stage === single && operationStatus !== 'passed') status = operationStatus;
+          add(
+            id + '/' + stage,
+            id + ' · ' + stageName(stage, t),
+            status,
+            24 + col * 224,
+            48 + row * 148,
+            packet,
+            stage,
+          );
+          if (col) edges.push([id + '/' + stages[col - 1], id + '/' + stage]);
+        });
+      });
+      height = Math.max(height, units.length * 148 + 72);
+      if (!nodes.length) add(single, stageName(single, t), 'unknown', 24, 110);
+    }
+    width = nodes.length > 1 ? 472 : 248;
+  } else if (packetScope || (quick && entries.length === 1 && !scope)) {
+    const [id, packet] = packetScope || entries[0];
+    packetStages(packet, quick, t).forEach(([stage, title, status], col) => {
+      add(id + '/' + stage, title, status, 24 + col * 224, 120, packet, stage);
+      if (col) edges.push([nodes[col - 1].id, id + '/' + stage]);
+    });
+    width = 900;
+  } else if (scope?.group === 'final') {
+    add('aggregate', t('consoleAggregate'), delivered ? 'completed' : 'pending', 24, 120);
+    add('judge', quick ? t('consoleDelivery') : 'L2 / L3 · Judge', finalStatus, 248, 120, null, 'final');
+    edges.push(['aggregate', 'judge']);
+    width = 472;
+  } else if (scope?.group === 'remote') {
+    add('delivery', 'PR', remoteStatus, 24, 120);
+    add(
+      'merge',
+      'Merge',
+      control.deliveryStale ? 'unknown' : pull?.state === 'MERGED' ? 'completed' : 'pending',
+      248,
+      120,
+    );
+    edges.push(['delivery', 'merge']);
+    width = 472;
+  } else {
+    const center = 24 + Math.max(0, visible.length - 1) * 68;
+    add(
+      'plan',
+      t('consolePlanSplit'),
+      quick ? 'na' : (plan?.status ?? 'pending'),
+      24,
+      center,
+      null,
+      quick ? null : 'plan',
+    );
+    add(
+      'schedule',
+      t('consoleSchedule'),
+      control.status.running
+        ? 'running'
+        : entries.some(([, packet]) => packet.attempts > 0 || packet.evidence?.executor)
+          ? 'scheduled'
+          : 'pending',
+      220,
+      center,
+    );
+    edges.push(['plan', 'schedule']);
+    visible.forEach(([id, packet], row) => {
+      add(id, id, packet.status, 416, 24 + row * 136, packet);
+      edges.push(['schedule', id]);
+      edges.push([id, 'aggregate']);
+    });
+    add('aggregate', t('wbAggregate'), finalStatus, 612, center, null, null, 'final');
+    add('delivery', 'PR', remoteStatus, 808, center);
+    add('merge', 'Merge', control.deliveryStale ? 'unknown' : pull?.state === 'MERGED' ? 'completed' : 'pending', 1004, center);
+    edges.push(['aggregate', 'delivery'], ['delivery', 'merge']);
+    width = 1192;
+    height = Math.max(height, visible.length * 136 + 48);
+  }
+  return {
+    state,
+    entries,
+    visible,
+    pageIndex,
+    nodes,
+    edges,
+    quick,
+    single,
+    focused,
+    scope: packetScope,
+    width,
+    height,
+  };
+}
+
+function nodeBinding(node, state, quick, t) {
+  const id = node.packet ? node.id.split('/')[0] : null;
+  const role =
+    node.stage === 'review'
+      ? 'review'
+      : node.stage === 'plan'
+        ? 'plan'
+        : node.stage === 'final' && !quick
+          ? 'judge'
+          : node.packet && (!node.stage || node.stage === 'execute')
+            ? 'execute'
+            : null;
+  if (!role) return null;
+  const scope = id || state['current-milestone'];
+  const actual = Object.values(state.sessions?.records ?? {})
+    .filter((s) => s.role === role && (!scope || s.scope === scope || s.scope === 'final:' + scope))
+    .sort((a, b) => (b.last?.['started-at'] || '').localeCompare(a.last?.['started-at'] || ''))[0];
+  if (state.run?.drivers?.[role] === 'mock')
+    return { harness: 'mock', model: t('consoleMockModel'), sessionMode: 'fresh' };
+  return actual
+    ? (actual.configuration ?? null)
+    : state.run?.bindings?.[role === 'execute' ? 'routes.' + node.packet.route : 'loops.' + role];
+}
+
+function bindingCaption(binding) {
+  const provider = binding.provider || binding.harness;
+  const label =
+    {
+      'deepseek-account': 'DeepSeek',
+      chatgpt: 'ChatGPT',
+      kimi: 'Kimi Code',
+      'codex-pro': 'Codex Pro',
+      'claude-code-pro': 'Claude Code Pro',
+    }[provider] || provider;
+  const model =
+    { 'deepseek-flash': 'Flash', 'kimi-code/k3.1-pro': 'K3.1 Pro' }[binding.model] || binding.model;
+  return [label, model].filter(Boolean).join(' · ');
+}
+
+function stageBlockReason(control, node, state) {
+  if (control.pending) return 'wbPending';
+  if (control.uncertainty) return 'wbUnknown';
+  if (control.stale) return 'wbStale';
+  if (control.status.running) return 'wbRunning';
+  if (state.handoff) return 'wbHeld';
+  if (!Number.isSafeInteger(state.revision) || state.revision < 1) return 'wbRevision';
+  if (
+    node?.packet &&
+    (!node.stage || node.stage === 'execute') &&
+    node.packet.schedule?.after?.some((id) => state.packets?.[id]?.status !== 'completed')
+  )
+    return 'wbDependencies';
+  if (node?.stage === 'review' && node.packet?.evidence?.l1?.pass !== true) return 'wbL1Required';
+  if (node?.stage === 'integrate' && node.packet && node.packet.evidence?.review?.verdict !== 'pass')
+    return 'wbReviewRequired';
+  if (node?.stage === 'final' && Object.values(state.packets ?? {}).some((p) => p.status !== 'completed'))
+    return 'wbPacketsRequired';
+  return null;
+}
+
+function ConsoleCanvas({ control, selection, run, t, focusRequest = 0, onInspect }) {
+  const [scope, setScope] = React.useState(null),
+    [selected, setSelected] = React.useState(null);
+  const [page, setPage] = React.useState(0),
+    [whole, setWhole] = React.useState(false),
+    [tab, setTab] = React.useState('progress');
+  const [view, setView] = React.useState('canvas'),
+    [zoom, setZoom] = React.useState(1);
+  const [request, setRequest] = React.useState(null),
+    [reason, setReason] = React.useState('');
+  const [focusMode, setFocusMode] = React.useState(false);
+  const canvasDialog = React.useRef(null);
+  const focusToggle = React.useRef(null),
+    wasFocused = React.useRef(false);
+  const viewport = React.useRef(null),
+    drag = React.useRef(null),
+    lastFocus = React.useRef(0);
+  const model = canvasModel(control, scope, page, whole, t);
+  React.useEffect(() => { onInspect?.(!!selected); return () => onInspect?.(false); }, [selected, onInspect]);
+  const manualView = React.useRef(false);
+  React.useEffect(() => {
+    const container = viewport.current?.parentElement;
+    if (!container) return;
+    const resize = () => {
+      const width = container.clientWidth;
+      if (width > 0 && !manualView.current) setView(width < 520 ? 'list' : 'canvas');
+      if (width > 520 && viewport.current) setZoom(Math.min(1, Math.max(.9, Math.min((viewport.current.clientWidth - 40) / model.width, (viewport.current.clientHeight - 40) / model.height))));
+    };
+    resize();
+    if (typeof ResizeObserver !== 'function') return;
+    const observer = new ResizeObserver(resize);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [!!model, focusMode, scope]);
+  React.useEffect(() => {
+    if (!focusMode || !model) {
+      if (wasFocused.current) focusToggle.current?.focus();
+      wasFocused.current = false;
+      return;
+    }
+    wasFocused.current = true;
+    const dialog = canvasDialog.current;
+    if (typeof dialog.showModal === 'function') dialog.showModal();
+    else dialog.setAttribute('open', '');
+    return () => {
+      if (dialog.open && typeof dialog.close === 'function') dialog.close();
+    };
+  }, [focusMode, !!model]);
+  React.useEffect(() => {
+    if (control.uncertainty) setFocusMode(false);
+  }, [control.uncertainty]);
+  const locate = () => {
+    if (!model) return;
+    const { nodes } = model;
+    if (!model.focused) {
+      const index = model.entries.findIndex(([, packet]) => packet.status === 'executing');
+      if (index >= 0 && !nodes.some((node) => node.packet === model.entries[index][1])) {
+        setScope(null);
+        setPage(Math.floor(index / 6));
+        setSelected(model.entries[index][0]);
+        setTab('progress');
+        if (viewport.current) {
+          viewport.current.scrollLeft = 392 * zoom;
+          viewport.current.scrollTop = (index % 6) * 148 * zoom;
+        }
+        return;
+      }
+    }
+    const target =
+      nodes.find((n) => ['running', 'executing'].includes(n.status)) ||
+      nodes.find(
+        (n) =>
+          ['failed', 'l1-failed', 'review-failed', 'escalated', 'blocked', 'unknown'].includes(n.status) &&
+          n.packet,
+      ) ||
+      nodes.find((n) => n.packet?.status !== 'completed' && n.packet) ||
+      nodes[0];
+    setSelected(target.id);
+    setTab('progress');
+    if (viewport.current) {
+      viewport.current.scrollLeft = Math.max(0, target.x * zoom - 24);
+      viewport.current.scrollTop = Math.max(0, target.y * zoom - 48);
+    }
+  };
+  React.useEffect(() => {
+    if (focusRequest && focusRequest !== lastFocus.current && model) {
+      lastFocus.current = focusRequest;
+      locate();
+    }
+  }, [focusRequest, !!model]);
+  if (!model) return h(InvestigationPanel, { control, selection, run, t });
+  const { nodes, edges, state, quick, single, focused, entries, pageIndex } = model;
+  const chosen = nodes.find((n) => n.id === selected);
+  const selectNode = (node) => {
+    setSelected(node.id);
+    setTab('progress');
+  };
+  const expand = (node) => {
+    setScope(node.packet ? { packet: node.id.split('/')[0] } : { group: node.group });
+    setSelected(null);
+    setZoom(1);
+  };
+  const back = () => {
+    setScope(null);
+    setSelected(null);
+    setZoom(1);
+  };
+  const planRequest = (node, retry = false) => {
+    if (stageBlockReason(control, node, state)) return;
+    const next = { only: node.stage || 'execute', packet: node.packet ? node.id.split('/')[0] : undefined, revision: state.revision, retry, reopen: node.packet?.status === 'completed' };
+    if (next.reopen) { setReason(''); setRequest(next); return; }
+    // The explicit click authorizes exactly one revision-bound step. The audit
+    // reason describes the action, not a fabricated explanation for the failure.
+    void run('step', selection, false, { only: next.only, packet: next.packet, revision: next.revision,
+      ...(retry ? { retryReason: 'Manual retry requested from the Flywheel console' } : {}) });
+  };
+  const finishRequest = () => {
+    const next = request;
+    setRequest(null);
+    void run('step', selection, false, {
+      only: next.only,
+      packet: next.packet,
+      revision: next.revision,
+      ...(next.retry ? { retryReason: reason.trim() } : {}),
+    });
+  };
+  const nodeButton = (node) => {
+    const binding = nodeBinding(node, state, quick, t);
+    return h(
+      'button',
+      {
+        key: node.id,
+        type: 'button',
+        className: css.canvasNode,
+        'data-node-id': node.id,
+        'data-tone': consoleTone(node.status),
+        'aria-pressed': selected === node.id,
+        style: { '--node-x': node.x + 'px', '--node-y': node.y + 'px' },
+        onClick: () => selectNode(node),
+        onFocus: (event) => {
+          if (event.currentTarget.matches?.(':focus-visible'))
+            event.currentTarget.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });
+        },
+      },
+      h('span', { className: css.nodeState }, canvasStatus(node.status, t)),
+      h('strong', null, node.title),
+      h(
+        'span',
+        { className: css.nodeProvider },
+        binding
+          ? bindingCaption(binding)
+          : node.packet?.route ||
+              (node.stage && ['execute', 'review', 'plan', 'final'].includes(node.stage)
+                ? t('consoleUnknown')
+                : 'Go / Git'),
+      ),
+      node.packet &&
+        !node.stage &&
+        h(
+          'span',
+          { className: css.nodeStages },
+          ...packetStages(node.packet, quick, t).map(([stage, title, status]) =>
+            h(
+              'span',
+              {
+                key: stage,
+                'data-tone': consoleTone(status),
+                title: title + ' · ' + canvasStatus(status, t),
+              },
+              title,
+            ),
+          ),
+        ),
+    );
+  };
+  return h(
+    'section',
+    { className: css.consoleCanvas, 'aria-label': t('wbCanvasRegion') },
+    single &&
+      h(
+        'div',
+        { className: css.stageScope },
+        h(
+          'div',
+          null,
+          h('strong', null, singleRunLabel(control, t)),
+          h(
+            'p',
+            { className: css.meta },
+            t('stageFullState', {
+              status: t(state.status === 'completed' ? 'stageDelivered' : 'stageUndelivered'),
+            }),
+          ),
+        ),
+        h(
+          'div',
+          { className: css.actions },
+          h(
+            Button,
+            {
+              'aria-pressed': !whole,
+              onClick: () => {
+                setWhole(false);
+                setSelected(null);
+              },
+            },
+            t('stageFocus'),
+          ),
+          h(
+            Button,
+            {
+              'aria-pressed': whole,
+              onClick: () => {
+                setWhole(true);
+                back();
+              },
+            },
+            t('stageFull'),
+          ),
+        ),
+      ),
+    h(
+      focusMode ? 'dialog' : 'div',
+      {
+        ref: canvasDialog,
+        className: [css.canvasWorkbench, focusMode ? css.focusCanvas : ''].join(' '),
+        'data-inspecting': !!chosen,
+        'aria-label': focusMode ? t('wbFocus') : undefined,
+        onCancel: (event) => {
+          event.preventDefault();
+          setFocusMode(false);
+        },
+      },
+      h(
+        'div',
+        { className: css.canvasMain },
+        h(
+          'div',
+          { className: css.canvasHeader },
+          h(
+            'div',
+            { className: css.canvasBreadcrumb },
+            focusMode &&
+              h(
+                'span',
+                { className: css.focusIdentity },
+                [state.slug, state.run?.branch].filter(Boolean).join(' · '),
+              ),
+            scope && !focused
+              ? h(Button, { onClick: back }, t('wbBack'))
+              : h('span', null, t(focused ? 'stageFocus' : 'wbOverview')),
+            h(
+              'span',
+              { className: css.meta },
+              scope?.packet ||
+                (focused
+                  ? stageName(single, t)
+                  : t(quick ? 'consoleQuick' : 'consoleFull') +
+                    ' · ' +
+                    t(state.scheduler?.mode === 'parallel' ? 'consoleParallel' : 'consoleSerial')),
+            ),
+          ),
+          h(
+            'div',
+            { className: css.segmented },
+            ...['canvas', 'list'].map((v) =>
+              h(
+                Button,
+                {
+                  key: v,
+                  'aria-pressed': view === v,
+                  onClick: () => {
+                    manualView.current = true;
+                    setView(v);
+                  },
+                },
+                t(v === 'canvas' ? 'wbCanvas' : 'wbList'),
+              ),
+            ),
+          ),
+        ),
+        h(
+          'div',
+          {
+            className: css.canvasViewport,
+            ref: viewport,
+            hidden: view !== 'canvas',
+            'aria-label': t('wbCanvas'),
+            onPointerDown: (event) => {
+              if (event.pointerType !== 'mouse' || event.button !== 0 || event.target.closest('button'))
+                return;
+              drag.current = {
+                x: event.clientX,
+                y: event.clientY,
+                left: viewport.current.scrollLeft,
+                top: viewport.current.scrollTop,
+              };
+              event.currentTarget.setPointerCapture?.(event.pointerId);
+            },
+            onPointerMove: (event) => {
+              if (drag.current) {
+                viewport.current.scrollLeft = drag.current.left - event.clientX + drag.current.x;
+                viewport.current.scrollTop = drag.current.top - event.clientY + drag.current.y;
+              }
+            },
+            onPointerUp: () => {
+              drag.current = null;
+            },
+            onPointerCancel: () => {
+              drag.current = null;
+            },
+            onLostPointerCapture: () => {
+              drag.current = null;
+            },
+          },
+          h(
+            'div',
+            {
+              className: css.canvasScaleBounds,
+              style: {
+                '--scaled-width': model.width * zoom + 'px',
+                '--scaled-height': model.height * zoom + 'px',
+              },
+            },
+            h(
+              'div',
+              {
+                className: css.canvasWorld,
+                style: {
+                  '--canvas-width': model.width + 'px',
+                  '--canvas-height': model.height + 'px',
+                  '--canvas-scale': zoom,
+                },
+              },
+              h(
+                'svg',
+                { className: css.canvasEdges, width: model.width, height: model.height, 'aria-hidden': true },
+                ...edges.map(([from, to]) => {
+                  const a = nodes.find((n) => n.id === from),
+                    b = nodes.find((n) => n.id === to),
+                    mid = (a.x + 164 + b.x) / 2;
+                  return h('path', {
+                    key: from + to,
+                    d: `M${a.x + 164} ${a.y + 58} C${mid} ${a.y + 58} ${mid} ${b.y + 58} ${b.x} ${b.y + 58}`,
+                  });
+                }),
+              ),
+              ...nodes.map(nodeButton),
+            ),
+          ),
+        ),
+        view === 'list' &&
+          h(
+            'div',
+            { className: css.canvasList },
+            ...nodes.map((node) =>
+              h(
+                'button',
+                {
+                  type: 'button',
+                  key: node.id,
+                  className: css.canvasListNode,
+                  'data-tone': consoleTone(node.status),
+                  onClick: () => selectNode(node),
+                },
+                h('strong', null, node.title),
+                h('span', null, canvasStatus(node.status, t)),
+              ),
+            ),
+          ),
+        h(
+          'div',
+          { className: css.canvasFooter },
+          h(
+            'div',
+            { className: css.canvasLegend },
+            ...['completed', 'running', 'failed', 'pending'].map((status) =>
+              h('span', { key: status, 'data-tone': consoleTone(status) }, canvasStatus(status, t)),
+            ),
+          ),
+          h(
+            'div',
+            { className: css.actions },
+            h(Button, { onClick: locate }, t('wbLocate')),
+            view === 'canvas' &&
+              h(
+                React.Fragment,
+                null,
+                h(
+                  Button,
+                  {
+                    'aria-label': t('wbZoomOut'),
+                    disabled: zoom <= 0.85,
+                    onClick: () => setZoom(Math.max(0.85, zoom - 0.1)),
+                  },
+                  '−',
+                ),
+                h('span', { className: css.meta }, Math.round(zoom * 100) + '%'),
+                h(
+                  Button,
+                  {
+                    'aria-label': t('wbZoomIn'),
+                    disabled: zoom >= 1.5,
+                    onClick: () => setZoom(Math.min(1.5, zoom + 0.1)),
+                  },
+                  '+',
+                ),
+                h(
+                  Button,
+                  {
+                    onClick: () =>
+                      setZoom(
+                        Math.max(
+                          0.85,
+                          Math.min(1, ((viewport.current?.clientWidth || model.width) - 24) / model.width),
+                        ),
+                      ),
+                  },
+                  t('wbFit'),
+                ),
+              ),
+            h(
+              Button,
+              { ref: focusToggle, onClick: () => setFocusMode((value) => !value) },
+              t(focusMode ? 'wbExitFocus' : 'wbFocus'),
+            ),
+          ),
+        ),
+        !scope &&
+          !focused &&
+          entries.length > 6 &&
+          h(
+            'div',
+            { className: css.canvasPagination },
+            h(
+              Button,
+              {
+                disabled: pageIndex === 0,
+                onClick: () => {
+                  setPage(pageIndex - 1);
+                  setSelected(null);
+                },
+              },
+              t('consolePrevious'),
+            ),
+            h(
+              'span',
+              { className: css.meta },
+              t('consolePage', {
+                from: pageIndex * 6 + 1,
+                to: Math.min((pageIndex + 1) * 6, entries.length),
+                total: entries.length,
+              }),
+            ),
+            h(
+              Button,
+              {
+                disabled: (pageIndex + 1) * 6 >= entries.length,
+                onClick: () => {
+                  setPage(pageIndex + 1);
+                  setSelected(null);
+                },
+              },
+              t('consoleMore'),
+            ),
+          ),
+      ),
+      chosen &&
+        h(WorkbenchNodeInspector, {
+          chosen,
+          model,
+          control,
+          selection,
+          run,
+          t,
+          tab,
+          setTab,
+          onClose: () => setSelected(null),
+          expand,
+          planRequest,
+        }),
+    ),
+    request &&
+      h(
+        WorkbenchDialog,
+        {
+          t,
+          title: t(request.retry ? 'wbRetry' : 'wbConfirmStep'),
+          onClose: () => setRequest(null),
+          actions: h(
+            React.Fragment,
+            null,
+            h(Button, { onClick: () => setRequest(null) }, t('wbCancel')),
+            h(
+              Button,
+              {
+                variant: 'primary',
+                disabled:
+                  !!stageBlockReason(control, null, state) ||
+                  state.revision !== request.revision ||
+                  (request.retry && !reason.trim()),
+                onClick: finishRequest,
+              },
+              t('wbConfirm'),
+            ),
+          ),
+        },
+        h('p', null, (request.packet ? request.packet + ' · ' : '') + stageName(request.only, t)),
+        h(
+          'p',
+          { className: css.meta },
+          t(request.reopen ? 'consoleReopenHelp' : request.retry ? 'wbRetryHelp' : 'consoleStageHelp'),
+        ),
+        request.retry &&
+          h(
+            'label',
+            { className: css.editorField },
+            t('consoleManualReason'),
+            h('textarea', {
+              className: css.reasonInput,
+              value: reason,
+              maxLength: 300,
+              onChange: (e) => setReason(e.target.value),
+            }),
+          ),
+        state.revision !== request.revision && h('p', { role: 'alert' }, t('wbStateChanged')),
+      ),
+  );
+}
+
+function WorkbenchNodeInspector({
+  chosen,
+  model,
+  control,
+  selection,
+  run,
+  t,
+  tab,
+  setTab,
+  onClose,
+  expand,
+  planRequest,
+}) {
+  const { state, quick } = model,
+    packetID = chosen.packet ? chosen.id.split('/')[0] : undefined;
+  const packet =
+    packetID && control.node?.id === packetID && control.node.revision === state.revision
+      ? control.node.packet
+      : chosen.packet;
+  const binding = nodeBinding(chosen, state, quick, t),
+    blocked = stageBlockReason(control, chosen, state);
+  const sessions = Object.entries(state.sessions?.records ?? {})
+    .filter(([, s]) => record(s))
+    .filter(([, s]) =>
+      packetID
+        ? s.scope === packetID || s.scope === 'final:' + packetID
+        : chosen.stage === 'plan'
+          ? s.role === 'plan'
+          : chosen.stage === 'final'
+            ? s.role === 'judge'
+            : false,
+    );
+  const primaryStage = chosen.stage || (chosen.packet ? 'execute' : null);
+  const retry =
+    primaryStage === 'execute' &&
+    (packet?.status === 'completed' ||
+      ['l1-failed', 'review-failed', 'escalated', 'blocked', 'failed'].includes(packet?.status));
+  const property = (label, value) =>
+    h(React.Fragment, { key: label }, h('dt', null, label), h('dd', null, textValue(value)));
+  const evidence = {
+    milestones: ['judge', 'plan', 'final'].includes(chosen.id) ? state.milestones : undefined,
+    evidence: packet?.evidence,
+    feedback: packet?.['last-feedback'],
+    retries: packet?.['retry-history'],
+    history: packet?.['evidence-history'],
+    commit: packet?.commit,
+  };
+  const action = primaryStage && h(Button, {
+    variant: 'primary', disabled: !!blocked || (packet?.status === 'completed' && !retry),
+    onClick: () => planRequest({ ...chosen, stage: primaryStage }, retry),
+  }, t(retry ? packet.status === 'completed' ? 'wbReopen' : 'wbRetry' : chosen.stage ? 'consoleStageRun' : 'wbRunTask'));
+  const feedback = typeof packet?.['last-feedback'] === 'string' ? packet['last-feedback'] : packet?.['last-feedback']?.reason || packet?.['last-feedback']?.['parallel-error'] || packet?.commit?.error;
+  return h('section', { className: css.nodeInspector, 'aria-label': t('consoleDetails') },
+    h('header', { className: css.inspectorHeader }, h('div', null, packetID && h('span', { className: css.meta }, packetID), h('h3', { className: css.heading }, chosen.title)), h(Button, { onClick: onClose, 'aria-label': t('wbClose') }, '×')),
+    h('div', { className: css.inspectorBody },
+      tab !== 'progress' && h(Button, { onClick: () => setTab('progress') }, t('wbBackToNode')),
+      tab === 'progress' && h(React.Fragment, null,
+        h('p', { className: css.nodeOutcome, 'data-tone': consoleTone(chosen.status) }, canvasStatus(chosen.status, t)),
+        feedback && h('p', { className: css.nodeIssue }, textValue(feedback).slice(0, 800)),
+        h('div', { className: css.inspectorActions }, action, sessions.length > 0 && h(Button, { onClick: () => setTab('session') }, t('wbTakeover'))),
+        blocked && h('p', { className: css.settingsHelp }, t(blocked)),
+        chosen.packet && !chosen.stage && h('ol', { className: css.stageTimeline }, ...packetStages(packet, quick, t).map(([stage, title, status]) => h('li', { key: stage, 'data-tone': consoleTone(status) }, h('span', null, title), h('span', { className: css.meta }, canvasStatus(status, t))))),
+        ((chosen.packet && !chosen.stage) || chosen.group) && h(Button, { onClick: () => expand(chosen) }, t(chosen.packet ? 'wbExpand' : 'wbExpandGroup')),
+        ['delivery', 'merge'].includes(chosen.id) && h(DeliveryPanel, { control, selection, run, t }),
+        binding && h('section', { className: css.inspectorSection }, h('h4', null, t('wbConfiguration')),
+          h('dl', { className: css.consoleProperties }, property(t('consoleProvider'), bindingCaption({ ...binding, model: '' })), property(t('consoleModel'), binding.model), property(t('consoleThinking'), ({off:'cfgEffortOff',minimal:'cfgEffortMinimal',low:'cfgEffortLow',medium:'cfgEffortMedium',high:'cfgEffortHigh',xhigh:'cfgEffortXhigh',max:'cfgEffortMax'})[binding.thinking] ? t(({off:'cfgEffortOff',minimal:'cfgEffortMinimal',low:'cfgEffortLow',medium:'cfgEffortMedium',high:'cfgEffortHigh',xhigh:'cfgEffortXhigh',max:'cfgEffortMax'})[binding.thinking]) : binding.thinking), property(t('permission'), permissionLabels[binding.permission] ? t(permissionLabels[binding.permission]) : binding.permission))),
+        h('section', { className: css.inspectorSection }, h('h4', null, t('wbSession')),
+          sessions.length ? sessions.map(([key, value]) => h('article', { key, className: css.sessionSummary },
+            h('h4', null, (roleLabels[value.role] ? t(roleLabels[value.role]) : value.role) + ' · ' + value.scope),
+            h('dl', { className: css.consoleProperties },
+              property(t('consoleAction'), ['pending', 'intent', 'blocked'].includes(value.last?.status) || ['unknown', 'blocked'].includes(value.last?.outcome) ? t('consoleUnconfirmed') : sessionActionLabel(value.action, t)),
+              property('Session', value['thread-id']), value.reason && property(t('consoleReason'), value.reason)))) : h('p', { className: css.meta }, t('wbNoSessions'))),
+        chosen.stage === 'review' && packet?.evidence?.review && h('dl', { className: css.consoleProperties }, property(t('stageRecordedVerdict'), packet.evidence.review.verdict), property(t('stageRecordedScore'), packet.evidence.review.score)),
+        packet && h('dl', { className: css.consoleProperties }, property(t('consoleAttempts'), packet.attempts), property(t('consoleFailures'), packet['failed-attempts'])),
+        h('section', { className: css.inspectorSection }, h('h4', null, t('stageMetadata')),
+          h('dl', { className: css.consoleProperties }, property('Run', state.run?.id), property(t('executionHome'), packet?.worktree?.path ?? control.status.cwd), property(t('consoleBranch'), packet?.worktree?.branch || state.run?.branch))),
+        packetID && h(RuntimeDecisionPanel, { ledger: state['runtime-decisions'], packetID, t }),
+        packetID && h(ExecutionPolicyChanges, { packets: { [packetID]: packet }, packetID, t }),
+        h(Button, { onClick: () => setTab('evidence') }, t('wbEvidence'))),
+      tab === 'session' && h(React.Fragment, null, ...sessions.map(([key, value]) => h(SessionInspector, { key, sessionKey: key, value, control, selection, run, t }))),
+      tab === 'evidence' && h(React.Fragment, null,
+        packetID && h(Button, { disabled: !!control.pending, onClick: () => run('node', selection, false, { packet: packetID }) }, t('consoleFullNode')),
+        h('h4', { className: css.heading }, t('wbEvidence')), h('pre', { className: css.raw }, JSON.stringify(evidence, null, 2)),
+        h('dl', { className: css.consoleProperties }, property('HEAD', state.run?.head), property(t('consoleTask'), control.status.taskDir), property(t('projectHome'), state.project?.['workspace-cwd']), property(t('consoleRevision'), state.revision), property('after', packet?.schedule?.after?.join(', ')), property('writes', packet?.schedule?.writes?.join(', '))))));
+}
+
+function TaskView({
+  hostSessionID,
+  useStore,
+  useProjection,
+  actions,
+  useControl,
+  changeSelection,
+  associate,
+  run,
+  discover,
+  reconcile,
+  t,
+}) {
+  const selection = useStore((value) => value),
+    control = useControl((value) => value),
+    association = useProjection('flywheelTask');
+  const [page, setPage] = React.useState('canvas'),
+    [focusRequest, setFocusRequest] = React.useState(0);
+  const [inspecting, setInspecting] = React.useState(false);
+  const configDrafts = React.useRef(new Map());
+  React.useEffect(() => {
+    associate(association);
+  }, [association, associate]);
+  React.useEffect(() => {
+    if (page !== 'canvas') return;
+    let live = true,
+      timer;
+    void discover();
+    const refresh = async () => {
+      if (!document.hidden) await discover();
+      if (live) timer = setTimeout(refresh, 5000);
+    };
+    timer = setTimeout(refresh, 5000);
+    return () => {
+      live = false;
+      clearTimeout(timer);
+    };
+  }, [page, discover]);
+  React.useEffect(() => {
+    if (page !== 'canvas' || !control.status?.running || !selection.taskDir) return;
+    let live = true,
+      timer;
+    const refresh = async () => {
+      let value;
+      if (!document.hidden) value = await run('status', selection);
+      if (live) timer = setTimeout(refresh, value ? 2000 : 10000);
+    };
+    timer = setTimeout(refresh, 2000);
+    return () => {
+      live = false;
+      clearTimeout(timer);
+    };
+  }, [page, control.status?.running, selection.taskDir, selection.cwd, run]);
+  const busy = control.pending !== null,
+    locked = busy && mutates(control.pending.action),
+    state = control.status?.state,
+    preparation = control.status?.preparation;
+  const invalid = !!pathProblem(selection.taskDir) || !!pathProblem(selection.cwd),
+    hasTask = !!selection.taskDir.trim();
+  const button = (action, label, needsTask, probe = false, variant = 'outline') =>
+    h(
+      Button,
+      {
+        variant,
+        disabled:
+          busy ||
+          invalid ||
+          (needsTask && !hasTask) ||
+          (mutates(action) && !!control.uncertainty) ||
+          (['launch', 'start'].includes(action) && control.stale) ||
+          (['launch', 'start'].includes(action) && !!state?.handoff),
+        onClick: () => run(action, selection, probe),
+      },
+      t(label),
+    );
+  const blocked = Object.values(state?.packets ?? {}).some((p) =>
+    ['l1-failed', 'review-failed', 'escalated', 'blocked'].includes(p.status),
+  );
+  const diagnostics = h('section', { className: css.advanced, 'aria-label': t('consoleDiagnostics') },
+    h('h3', { className: css.heading }, t('consoleDiagnostics')),
+    h('div', { className: css.actions }, button('config', 'config', false), button('doctor', 'doctor', false), button('doctor', 'probe', false, true)),
+    h('p', { className: css.settingsHelp }, t('inferenceBoundary')),
+    h(Diagnostic, { value: control.diagnostic, t }), h(Configuration, { value: control.configuration, t }),
+    control.raw && h('section', { className: css.details }, h('h4', null, t('raw')), h('pre', { className: css.raw }, JSON.stringify(control.raw, null, 2))));
+  return h('section', { className: css.page, 'aria-label': t('consoleTitle'), 'data-page': page },
+    h('style', { 'data-plugin': '@ckanner/flywheel', 'data-plugin-css': '@ckanner/flywheel/client.module.css' }, stylesheet),
+    h('header', { className: css.workbenchHeader },
+      h(TaskChooser, { control, selection, hostSessionID, association, changeSelection, run, discover, t }),
+      h('div', { className: css.repositoryLinks },
+        state?.project?.url && h('a', { href: state.project.url, target: '_blank', rel: 'noopener noreferrer' }, state.project.repo),
+        h('a', { href: 'https://github.com/ckanner/flywheel', target: '_blank', rel: 'noopener noreferrer' }, 'Flywheel · GitHub ↗'),
+        page !== 'config' && h(Button, { onClick: () => setPage('config') }, t('consoleConfig')))),
+    h('div', { className: css.workbenchNav, hidden: page === 'config' },
+      h('nav', { className: css.consoleTabs, 'aria-label': t('view') },
+        ...['canvas', 'runs'].map(key => h(Button, { key, 'aria-pressed': page === key, onClick: () => setPage(key) }, t(key === 'canvas' ? 'consoleCanvas' : 'consoleRuns')))),
+      page === 'canvas' && hasTask && !preparation && h('div', { className: css.workbenchStatus },
+        state && h('span', { 'data-tone': consoleTone(control.stale ? 'unknown' : control.status.running ? 'running' : state.status) }, singleRunKind(control) ? singleRunLabel(control, t) : taskLabel(control.status, t)),
+        button('status', 'status', true),
+        blocked && !inspecting && !control.status?.running && h(Button, { variant: 'primary', disabled: busy, onClick: () => setFocusRequest(v => v + 1) }, t('wbBlocked')),
+        !control.status?.running && state?.status !== 'completed' && (state || !control.status) && !(blocked && inspecting) && button('start', singleRunKind(control) ? 'consoleWhole' : 'start', true, false, blocked ? 'outline' : 'primary'),
+        (control.status?.running || state?.status === 'running' || locked || control.uncertainty) && button('stop', 'stop', true))),
+    (control.error || control.uncertainty || control.status?.workspaceWarnings?.length || control.pending && !(control.pending.action === 'status' && control.status)) &&
+      !(page === 'config' && (control.pending?.action === 'config-edit' || control.error?.action === 'config-edit') && !control.uncertainty) && h(Feedback, { control, selection, reconcile, t }),
+    h('div', { className: css.workflowPage, hidden: page !== 'canvas' },
+      state?.['shared-execution'] && h('section', { className: css.notice, role: 'status' }, h('strong', null, t('sharedBatch')), h('p', null, state['shared-execution'].packets.join(' · ')), state['shared-execution']['last-error'] && h('p', { role: 'alert' }, state['shared-execution']['last-error'])),
+      hasTask && control.status && !state && !preparation && !busy && !control.uncertainty && h('div', { className: css.launchOptionsBody },
+        h('label', { className: css.editorField }, t('launchMode'), h('select', { className: css.modeSelect, value: selection.mode, onChange: e => actions.setMode(e.target.value) }, ...['auto','quick','full'].map(mode => h('option', { key: mode, value: mode }, mode === 'auto' ? 'Auto' : mode === 'quick' ? 'ultraWork / Quick' : 'Full')))),
+        button('launch', 'launch', true, false, 'primary')),
+      preparation && h(InvestigationPanel, { control, selection, run, t }),
+      state && h(RuntimeDecisionPanel, { ledger: state['runtime-decisions'], t }),
+      state && h(ExecutionPolicyChanges, { packets: state.packets, t }),
+      !state && !preparation && h('div', { className: css.workbenchEmpty }, h('h2', { className: css.title }, t(hasTask ? 'wbReadFirst' : 'taskNoSelection')), h('p', null, t(hasTask ? 'wbStartHelp' : 'taskEmptyHelp')), !hasTask && h('code', null, '/flywheel-task <goal>')),
+      !preparation && h(ConsoleCanvas, { key: selectionKey(selectionOf(selection)), control, selection, run, t, focusRequest, onInspect: setInspecting })),
+    h('div', { className: css.settingsPage, hidden: page !== 'config' },
+      h(ConfigEditor, { key: selectionKey(selectionOf(selection)), contextKey: selectionKey(selectionOf(selection)), cache: configDrafts.current, control, selection, run, t, active: page === 'config', onClose: () => setPage('canvas'), diagnostics })),
+    h('div', { className: css.historyPage, hidden: page !== 'runs' },
+      h(RunExplorer, { control, selection, run, changeSelection, showCanvas: () => setPage('canvas'), t, active: page === 'runs' }),
+      hasTask && !preparation && h('section', { className: css.legacySummary }, h(TaskStatus, { control, selection, t }))),
+    page !== 'config' && h(TaskLocations, { control, selection, association, t }));
+}
+
+Object.assign(zh, { consoleDiagnostics: '环境检查' });
+Object.assign(en, { consoleDiagnostics: 'Environment checks' });
+Object.assign(zh, { wbBackToNode: '← 返回节点', wbTakeover: '进入会话', wbRetry: '修复并重试', wbBlocked: '处理失败任务', taskThisSession: '当前会话', consoleRuns: '记录', status: '刷新', start: '继续流程', wbEvidence: '查看证据', wbNoSessions: '尚无会话记录' });
+Object.assign(en, { wbBackToNode: '← Back to node', wbTakeover: 'Open session', wbRetry: 'Repair and retry', wbBlocked: 'Resolve failure', taskThisSession: 'Current conversation', consoleRuns: 'History', status: 'Refresh', start: 'Continue workflow', wbEvidence: 'Inspect evidence', wbNoSessions: 'No session recorded yet' });
+
+Object.assign(zh, { cfgWorktree: '自动管理任务 Worktree', cfgWorktreeHelp: '默认开启。关闭后不自动创建 Worktree；仍可并行，模型或用户可选择并登记执行目录。已有目录不会被删除' });
+Object.assign(en, { cfgWorktree: 'Automatically manage task Worktrees', cfgWorktreeHelp: 'On by default. Off keeps existing directories and still allows parallel tasks; callers may choose and register their own execution checkouts' });
+// The editor owns drafts only. File identity, validation, backup and publication stay in Go.
+Object.assign(zh, {
+  consoleResource: 'Provider',
+  cfgRouteDefault: '普通执行',
+  cfgRouteFrontend: '前端执行',
+  cfgRouteHard: '复杂执行',
+  cfgRouteMultimodal: '多模态执行',
+  cfgEffortDefault: '后端默认',
+  cfgEffortOff: '关闭',
+  cfgEffortMinimal: '最低',
+  cfgEffortLow: '低',
+  cfgEffortMedium: '中',
+  cfgEffortHigh: '高',
+  cfgEffortXhigh: '更高',
+  cfgEffortMax: '最高',
+  consoleInvalid: '请输入合法的完整配置 JSON，并保留已有顶层字段',
+  cfgStrategy: '工作方式',
+  cfgModels: '模型分配',
+  cfgLimits: '预算与重试',
+  cfgJev: 'JEV 决策',
+  cfgMore: '更多配置操作',
+  cfgSessionHelp: '同任务、同角色续接；执行与独立 Review 不共享历史',
+  cfgScheduleHelp: '仅对契约声明独立、依赖已满足的任务并发执行',
+  cfgDispatch: '并行任务派发方式',
+  cfgDispatchHelp: '批次处理等待本批 Execute／L1 收尾；就绪队列在执行与验证完成后补充空位。评审和集成仍串行',
+  cfgDispatchEligibility: '就绪队列仅适用于 Full 任务，且需要并行、并发数大于 1、自动管理独立 Worktree',
+  cfgDispatchBatchState: '当前配置为批次处理',
+  cfgDispatchReadyState: '配置条件已满足；运行时仍须核对 Full 任务的独立单元与依赖',
+  cfgDispatchUnavailable: '当前不使用就绪队列：{reasons}。保留已选策略',
+  cfgDispatchSerial: '调度策略为串行',
+  cfgDispatchSingle: '并发上限为 1',
+  cfgDispatchUnmanaged: '未开启自动 Worktree 管理',
+  cfgDispatchInvalid: '并发数量需要修正',
+  cfgReasonSeparator: '；',
+  cfgDispatchBatch: '整批处理 · 默认',
+  cfgDispatchReady: '就绪队列 · 空位立即补充',
+  cfgPrewarm: '提前启动评审运行环境',
+  cfgPrewarmHelp: '默认关闭。在串行任务验证期间初始化 DSH 评审 SDK；验证和调用准入通过后才创建或恢复会话、发送 Prompt。并行执行槽位和共享候选批次不预热，其他后端保持冷启动',
+  cfgParallelHelp: 'Review 与集成仍串行推进',
+  cfgPermissionHelp: '后端不支持的权限会明确拒绝',
+  cfgScopeHelp: '优先级：任务 → 项目 → 全局 → 安装默认；选择完整配置文件，不逐字段叠加',
+  cfgTemplateSource: '该范围尚无文件，将以安装版本默认配置创建',
+  cfgFileSource: '正在编辑此范围的配置文件',
+  cfgSaved: '配置已保存，下次启动生效',
+  cfgClean: '配置已读取；修改后可保存',
+  cfgDirty: '下次启动生效，当前运行保持原配置',
+  cfgDiscard: '放弃修改',
+  cfgSave: '保存修改',
+  cfgReload: '重新读取配置',
+  cfgReadError: '配置读取失败，可重新读取；不会创建或修改文件',
+  cfgUnsaved: '当前有未保存的修改',
+  cfgDiscardHelp: '继续将放弃此范围的草稿；本机文件不会被修改',
+  cfgDiscardContinue: '放弃草稿并继续',
+  cfgReset: '恢复安装版本默认配置',
+  cfgResetHelp: '将完整默认配置载入草稿，保存时先备份原文件。当前任务的配置快照保持不变',
+  cfgLoadDefaults: '载入待保存修改',
+  cfgResetPending: '待保存：完整替换为安装版本默认配置',
+  cfgJson: '高级配置 JSON',
+  cfgInvalid: '有无效字段，请修正后保存',
+  cfgNumber: '请输入有效的非负数；换算后须为整数',
+  cfgNumberRange: '请输入 {min} 到 {max} 之间的数值',
+  cfgToggleOn: '开启',
+  cfgToggleOff: '关闭',
+  cfgNextStart: '运行方式、模型、会话与预算修改在下次启动生效',
+  cfgAdvancedTiming: '常规设置在下次启动生效；JEV 总开关的关闭也会阻止已有任务的后续请求与采用',
+  cfgStructuredInvalid: '高级配置中有无效字段，请修正后保存',
+  cfgFixJSON: '修正高级配置',
+  cfgRequiredNumber: '此项需要填写数值',
+  cfgMinutes: '分钟',
+  cfgSeconds: '秒',
+  cfgTimes: '次',
+  cfgTasks: '个任务',
+  cfgBudgetPolicy: '达到预算时',
+  cfgBudgetOff: '不限制',
+  cfgBudgetSoft: '仅告警',
+  cfgBudgetHard: '阻止新的模型调用',
+  cfgBudgetHelp: '缺失用量不当作 0；硬预算会限制并发并核对用量',
+  cfgRetryHelp: '仅限传输故障；任务返修次数由任务契约控制',
+  cfgTimeout: '单次运行超时',
+  cfgTimeoutHelp: '达到时限后请求停止，等待子任务收尾',
+  cfgBindingsHelp: '按真实配置编辑 Provider、模型、推理与权限；模型标识在运行时由后端核对',
+  cfgEdit: '编辑',
+  cfgBinding: '编辑阶段模型',
+  cfgApplyBinding: '加入待保存修改',
+  cfgBindingAdvanced: '后端与账号渠道',
+  cfgModelHint: '使用此 Provider 支持的模型标识；预设不代表当前账号已授权',
+  cfgJevHelp: '一个开关控制调查与执行中的 JEV 决策，包括取证、失败后下一步及批准的模型选择。关闭后停止后续 JEV 请求与采用，沿用原路径，也不采集影子快照',
+  cfgJevSend: '保存开启配置后，符合条件的决策会发送允许范围内的任务与证据片段，并采用通过校验的选择。预算、验收与权限仍由 Go 执行；不需要逐任务再次开启',
+  cfgJevEndpoint: 'MeRouter System One API 地址',
+  cfgJevKeyHelp: '仅保存环境变量名，不填写 API Key。运行 Flywheel 的进程需要能读取该变量',
+  cfgJevTimeout: '请求超时',
+  cfgJevAdvanced: '模型版本与请求参数',
+  cfgJevMaxCalls: '每项任务最多 JEV 请求次数',
+  cfgJevApplicability: '最低适用概率',
+  cfgJevChoice: '最低选择概率',
+  cfgJevProbability: '请输入大于 0 且不超过 1 的概率',
+  cfgJevData: '允许发送的数据类别',
+  cfgJevDataHelp: '可在高级配置 JSON 中调整；类别不包含的数据不会获得发送许可',
+  cfgJevNoData: '未授权任何数据类别',
+  cfgJevModelInvalid: '请输入固定模型版本，例如 jev-1.14.0，最多 120 个字符',
+  cfgJevKeyInvalid: '变量名须以英文字母或下划线开头，只能包含字母、数字和下划线，最多 120 个字符',
+  cfgJevEndpointInvalid: '地址最多 2000 个字符',
+  cfgJevDraftDiscarded: '已放弃无效的 JEV 输入，保留上次有效值',
+  cfgJevChanges: '关闭也会禁止已有任务的后续 JEV 请求与采用；已记录的策略、回执和预算保留。调查创建时冻结策略，开启不会改写此前关闭时创建的调查',
+  cfgLocation: '配置文件与来源',
+  cfgRawDiff: '查看保存差异',
+  cfgModelRole: '阶段',
+  cfgProviderID: 'Provider ID',
+  cfgConflict: '文件已被外部修改；草稿已保留。重新读取并核对后才能保存',
+});
+Object.assign(en, {
+  consoleResource: 'Provider',
+  cfgRouteDefault: 'General execution',
+  cfgRouteFrontend: 'Frontend execution',
+  cfgRouteHard: 'Complex execution',
+  cfgRouteMultimodal: 'Multimodal execution',
+  cfgEffortDefault: 'Backend default',
+  cfgEffortOff: 'Off',
+  cfgEffortMinimal: 'Minimal',
+  cfgEffortLow: 'Low',
+  cfgEffortMedium: 'Medium',
+  cfgEffortHigh: 'High',
+  cfgEffortXhigh: 'Extra high',
+  cfgEffortMax: 'Maximum',
+  consoleInvalid: 'Enter a valid complete configuration JSON object and retain existing top-level fields',
+  cfgStrategy: 'Workflow policy',
+  cfgModels: 'Model assignments',
+  cfgLimits: 'Budget and retries',
+  cfgJev: 'JEV decisions',
+  cfgMore: 'More configuration actions',
+  cfgSessionHelp:
+    'Reuse within the same task and role; execution and independent Review do not share history',
+  cfgScheduleHelp: 'Parallel execution requires declared independence and satisfied dependencies',
+  cfgDispatch: 'Parallel dispatch',
+  cfgDispatchHelp: 'Batch waits for every Execute/L1 in the group. Ready queue refills slots after execution and verification. Review and integration stay serial',
+  cfgDispatchEligibility: 'Ready queue requires a Full task, parallel scheduling, a limit above 1 and automatically managed independent Worktrees',
+  cfgDispatchBatchState: 'Configured for batch processing',
+  cfgDispatchReadyState: 'Configuration conditions are met; the run must still have a Full task with eligible independent units and dependencies',
+  cfgDispatchUnavailable: 'Ready queue is inactive: {reasons}. The selected policy is retained',
+  cfgDispatchSerial: 'scheduling is serial',
+  cfgDispatchSingle: 'the concurrency limit is 1',
+  cfgDispatchUnmanaged: 'automatic Worktree management is off',
+  cfgDispatchInvalid: 'correct the concurrency limit',
+  cfgReasonSeparator: '; ',
+  cfgDispatchBatch: 'Batch · default',
+  cfgDispatchReady: 'Ready queue · refill available lanes',
+  cfgPrewarm: 'Prepare the review runtime early',
+  cfgPrewarmHelp: 'Off by default. Initialize the DSH review SDK during serial task checks. Create or resume a session and send the prompt only after validation and call admission. Parallel execution slots and shared-candidate batches do not prewarm; other backends start cold',
+  cfgParallelHelp: 'Review and integration remain serial',
+  cfgPermissionHelp: 'Unsupported backend permissions are rejected explicitly',
+  cfgScopeHelp:
+    'Priority: task → project → global → installed defaults. A complete file is selected, not a per-field overlay',
+  cfgTemplateSource: 'No file exists for this scope; a new file starts from installed defaults',
+  cfgFileSource: 'Editing the configuration file for this scope',
+  cfgSaved: 'Saved; applies to the next start',
+  cfgClean: 'Configuration loaded; edit to save changes',
+  cfgDirty: 'Applies to the next start; the current run keeps its snapshot',
+  cfgDiscard: 'Discard changes',
+  cfgSave: 'Save changes',
+  cfgReload: 'Reload configuration',
+  cfgReadError: 'Could not read configuration. Retry without creating or changing a file',
+  cfgUnsaved: 'There are unsaved changes',
+  cfgDiscardHelp: 'Continuing discards this scope’s draft without changing the file',
+  cfgDiscardContinue: 'Discard draft and continue',
+  cfgReset: 'Restore installed version defaults',
+  cfgResetHelp:
+    'Load the complete defaults into the draft. Saving backs up the old file; the current run retains its snapshot',
+  cfgLoadDefaults: 'Load pending changes',
+  cfgResetPending: 'Pending: replace with the complete installed defaults',
+  cfgJson: 'Advanced configuration JSON',
+  cfgInvalid: 'Correct invalid fields before saving',
+  cfgNumber: 'Enter a valid non-negative number that converts to an integer',
+  cfgNumberRange: 'Enter a value from {min} to {max}',
+  cfgToggleOn: 'On',
+  cfgToggleOff: 'Off',
+  cfgNextStart: 'Execution, model, session and budget changes apply to the next start',
+  cfgAdvancedTiming: 'Regular settings apply to the next start. Turning JEV off also blocks subsequent requests and adoption in existing tasks',
+  cfgStructuredInvalid: 'Advanced configuration contains invalid fields. Correct them before saving',
+  cfgFixJSON: 'Fix advanced configuration',
+  cfgRequiredNumber: 'A numeric value is required',
+  cfgMinutes: 'minutes',
+  cfgSeconds: 'seconds',
+  cfgTimes: 'attempts',
+  cfgTasks: 'tasks',
+  cfgBudgetPolicy: 'When the budget is reached',
+  cfgBudgetOff: 'No limit',
+  cfgBudgetSoft: 'Warn only',
+  cfgBudgetHard: 'Block new model calls',
+  cfgBudgetHelp: 'Missing usage is not zero; hard budgets constrain concurrency and reconcile usage',
+  cfgRetryHelp: 'Transport faults only. Repair limits belong to the task contract',
+  cfgTimeout: 'Run timeout',
+  cfgTimeoutHelp: 'Request cancellation at the limit and wait for child cleanup',
+  cfgBindingsHelp:
+    'Edit actual Provider, model, reasoning and permissions. The backend checks model identifiers at runtime',
+  cfgEdit: 'Edit',
+  cfgBinding: 'Edit stage model',
+  cfgApplyBinding: 'Add to pending changes',
+  cfgBindingAdvanced: 'Backend and account channel',
+  cfgModelHint: 'Use a supported Provider model identifier. A preset does not prove account authorization',
+  cfgJevHelp:
+    'One switch controls JEV decisions during investigation and execution, including evidence collection, next steps after failure and approved model selection. Turning it off stops subsequent requests and adoption, keeps the original paths and disables shadow capture',
+  cfgJevSend:
+    'Saving an enabled configuration allows eligible decisions to send permitted task and evidence excerpts and adopt validated choices. Go retains budget, acceptance and permission checks; no per-task enable step is needed',
+  cfgJevEndpoint: 'MeRouter System One API endpoint',
+  cfgJevKeyHelp: 'Store the variable name, not the API key. The Flywheel process must inherit this variable',
+  cfgJevTimeout: 'Request timeout',
+  cfgJevAdvanced: 'Model version and request options',
+  cfgJevMaxCalls: 'Maximum JEV requests per task',
+  cfgJevApplicability: 'Minimum applicability probability',
+  cfgJevChoice: 'Minimum choice probability',
+  cfgJevProbability: 'Enter a probability greater than 0 and at most 1',
+  cfgJevData: 'Permitted data categories',
+  cfgJevDataHelp: 'Edit in Advanced configuration JSON. Other categories do not gain permission to be sent',
+  cfgJevNoData: 'No data categories permitted',
+  cfgJevModelInvalid: 'Enter a pinned model version such as jev-1.14.0, up to 120 characters',
+  cfgJevKeyInvalid: 'Use up to 120 letters, digits or underscores, starting with a letter or underscore',
+  cfgJevEndpointInvalid: 'The endpoint must be at most 2000 characters',
+  cfgJevDraftDiscarded: 'Invalid JEV inputs were discarded; the last valid values remain',
+  cfgJevChanges: 'Turning it off also blocks further JEV requests and adoption in existing tasks; recorded policies, receipts and budgets remain. Investigations freeze their policy at creation; enabling does not rewrite preparations created while off',
+  cfgLocation: 'Configuration file and source',
+  cfgRawDiff: 'Review changes',
+  cfgModelRole: 'Stage',
+  cfgProviderID: 'Provider ID',
+  cfgConflict: 'The file changed externally. Your draft is retained; reload and review before saving',
+});
+
+const cloneConfig = (value) => JSON.parse(JSON.stringify(value));
+// These bounds protect the visible controls; Go remains the save authority.
+const configNumberRules = {
+  'scheduler.max-parallel': { min: 1, max: 8 },
+  'jev.timeout-ms': { min: 1, max: 30000 },
+  'jev.max-calls': { min: 1, max: 100 },
+  'jev.min-applicability': { min: 0, max: 1, probability: true },
+  'jev.min-choice': { min: 0, max: 1, probability: true },
+};
+function boundedConfigError(path, value) {
+  const rule = configNumberRules[path];
+  if (!rule) return null;
+  if (rule.probability)
+    return typeof value !== 'number' || !Number.isFinite(value) || value <= 0 || value > 1 ? 'cfgJevProbability' : null;
+  if (!Number.isSafeInteger(value)) return 'cfgNumber';
+  return value < rule.min || value > rule.max ? 'cfgNumberRange' : null;
+}
+function jevTextError(key, value) {
+  if (key === 'endpoint') return typeof value !== 'string' || [...value].length > 2000 ? 'cfgJevEndpointInvalid' : null;
+  if (key === 'model') return typeof value !== 'string' || value.length > 120 || !/^jev-\d+\.\d+\.\d+$/.test(value) ? 'cfgJevModelInvalid' : null;
+  return typeof value !== 'string' || !/^[A-Za-z_][A-Za-z0-9_]{0,119}$/.test(value) ? 'cfgJevKeyInvalid' : null;
+}
+function configFieldErrors(values) {
+  const errors = {};
+  for (const path of Object.keys(configNumberRules)) {
+    const [group, key] = path.split('.');
+    if (record(values?.[group]) && Object.hasOwn(values[group], key)) {
+      const error = boundedConfigError(path, values[group][key]);
+      if (error) errors[path] = error;
+    }
+  }
+  if (values?.scheduler !== undefined && !record(values.scheduler)) errors.scheduler = 'cfgInvalid';
+  if (values?.jev !== undefined) {
+    if (!record(values.jev)) errors.jev = 'cfgInvalid';
+    else {
+      for (const key of Object.keys(values.jev))
+        if (key !== '_note' && !key.startsWith('_note_') &&
+            !['enabled', 'endpoint', 'model', 'key-env', 'timeout-ms', 'max-calls', 'min-applicability', 'min-choice', 'allowed-data'].includes(key))
+          errors['jev.' + key] = 'cfgInvalid';
+      for (const key of ['endpoint', 'model', 'key-env']) {
+        if (!Object.hasOwn(values.jev, key)) continue;
+        const error = jevTextError(key, values.jev[key]);
+        if (error) errors['jev.' + key] = error;
+      }
+      if (Object.hasOwn(values.jev, 'enabled') && typeof values.jev.enabled !== 'boolean') errors['jev.enabled'] = 'cfgInvalid';
+      const data = values.jev['allowed-data'];
+      if (data !== undefined && (!Array.isArray(data) || new Set(data).size !== data.length ||
+          data.some(value => !['task-summary', 'diagnostic-facts', 'logs', 'source', 'diff'].includes(value))))
+        errors['jev.allowed-data'] = 'cfgInvalid';
+    }
+  }
+  return errors;
+}
+function ConfigEditor({ control, selection, run, t, active = false, cache, contextKey, onClose, diagnostics }) {
+  // Drafts survive task navigation in this live Session binding only. Restoring
+  // one always rereads the file; cached data never grants a revision to save.
+  const cached = React.useRef(cache?.get(contextKey));
+  const [scope, setScope] = React.useState(cached.current?.scope ?? 'global'),
+    [section, setSection] = React.useState(cached.current?.section ?? 'strategy');
+  const [draft, setDraft] = React.useState(cached.current?.draft ?? null),
+    [base, setBase] = React.useState(cached.current?.base ?? null),
+    [raw, setRaw] = React.useState(cached.current?.raw ?? '');
+  const [invalid, setInvalid] = React.useState(cached.current?.invalid ?? false),
+    [numbers, setNumbers] = React.useState(cached.current?.numbers ?? {}),
+    [numberErrors, setNumberErrors] = React.useState(cached.current?.numberErrors ?? {});
+  const [texts, setTexts] = React.useState(cached.current?.texts ?? {}),
+    [textErrors, setTextErrors] = React.useState(cached.current?.textErrors ?? {}),
+    [discardedJevInputs, setDiscardedJevInputs] = React.useState(cached.current?.discardedJevInputs ?? false);
+  const [revision, setRevision] = React.useState(cached.current?.revision ?? ''),
+    [conflict, setConflict] = React.useState(false);
+  const [reset, setReset] = React.useState(cached.current?.reset ?? false),
+    [saved, setSaved] = React.useState(false),
+    [dialog, setDialog] = React.useState(null),
+    [bindingEdit, setBindingEdit] = React.useState(null);
+  const attempt = React.useRef(null),
+    adopted = React.useRef(null),
+    id = React.useId();
+  const doc = control.editor,
+    busy = control.pending !== null;
+  const load = () => {
+    cached.current = null;
+    adopted.current = null;
+    attempt.current = scope;
+    void run('config-edit', selection, false, { editor: { scope } });
+  };
+  React.useEffect(() => {
+    if (!active || busy || attempt.current === scope) return;
+    attempt.current = scope;
+    void run('config-edit', selection, false, { editor: { scope } });
+  }, [active, busy, scope, run, selection.taskDir, selection.cwd]);
+  React.useEffect(() => {
+    if (!doc || doc.scope !== scope || adopted.current === doc) return;
+    adopted.current = doc;
+    if (cached.current?.dirty) {
+      setConflict(cached.current.revision !== doc.revision);
+      cached.current = null;
+      return;
+    }
+    cached.current = null;
+    setRevision(doc.revision);
+    setConflict(false);
+    setDraft(cloneConfig(doc.values));
+    setBase(cloneConfig(doc.values));
+    setRaw(JSON.stringify(doc.values, null, 2));
+    setInvalid(false);
+    setNumbers({});
+    setNumberErrors({});
+    setTexts({});
+    setTextErrors({});
+    setDiscardedJevInputs(false);
+    setReset(false);
+    setSaved(doc.applied === true);
+  }, [doc, scope]);
+  const replace = (values) => {
+    setDraft(values);
+    setRaw(JSON.stringify(values, null, 2));
+    setInvalid(false);
+    setSaved(false);
+  };
+  const changed = draft
+    ? Object.keys({ ...base, ...draft }).filter(
+        (key) => JSON.stringify(draft[key]) !== JSON.stringify(base?.[key]),
+      )
+    : [];
+  const fieldErrors = configFieldErrors(draft);
+  const dirty = changed.length > 0 || reset || invalid || Object.values(numberErrors).some(Boolean) || Object.values(textErrors).some(Boolean);
+  React.useEffect(() => {
+    if (cache && draft)
+      cache.set(contextKey, {
+        scope,
+        section,
+        draft,
+        base,
+        raw,
+        invalid,
+        numbers,
+        numberErrors,
+        texts,
+        textErrors,
+        discardedJevInputs,
+        reset,
+        revision,
+        dirty,
+      });
+  }, [
+    scope,
+    section,
+    draft,
+    base,
+    raw,
+    invalid,
+    numbers,
+    numberErrors,
+    texts,
+    textErrors,
+    discardedJevInputs,
+    reset,
+    revision,
+    dirty,
+    cache,
+    contextKey,
+  ]);
+  const ready =
+    !!draft &&
+    doc?.scope === scope &&
+    doc.revision === revision &&
+    !conflict &&
+    !invalid &&
+    !Object.values(numberErrors).some(Boolean) &&
+    !Object.values(textErrors).some(Boolean) &&
+    Object.keys(fieldErrors).length === 0;
+  const update = (group, key, value) => replace({ ...draft, [group]: { ...draft[group], [key]: value } });
+  const discard = () => {
+    const latest = conflict ? doc.values : base;
+    replace(cloneConfig(latest));
+    if (conflict) {
+      setBase(cloneConfig(latest));
+      setRevision(doc.revision);
+      setConflict(false);
+    }
+    setNumbers({});
+    setNumberErrors({});
+    setTexts({});
+    setTextErrors({});
+    setDiscardedJevInputs(false);
+    setReset(false);
+  };
+  const deferDiscard = (next) => {
+    if (dirty) setDialog({ kind: 'discard', next });
+    else next();
+  };
+  const switchScope = (value) => {
+    if (scope === value) return;
+    deferDiscard(() => {
+      setScope(value);
+      setDraft(null);
+      setBase(null);
+      setRaw('');
+      setNumbers({});
+      setNumberErrors({});
+      setTexts({});
+      setTextErrors({});
+      setDiscardedJevInputs(false);
+      setInvalid(false);
+      setReset(false);
+      setSaved(false);
+      setConflict(false);
+      setRevision('');
+      cached.current = null;
+      attempt.current = null;
+      adopted.current = null;
+    });
+  };
+  const save = () =>
+    void run('config-save', selection, false, {
+      editor: {
+        scope,
+        revision,
+        values: reset ? draft : Object.fromEntries(changed.map((key) => [key, draft[key]])),
+        reset,
+      },
+    });
+  const clearNumberDrafts = (matches) => {
+    const keep = ([path]) => !matches(path);
+    setNumbers(old => Object.fromEntries(Object.entries(old).filter(keep)));
+    setNumberErrors(old => Object.fromEntries(Object.entries(old).filter(keep)));
+  };
+  const changeJev = (enabled) => {
+    const jevField = path => path.startsWith('jev.');
+    const discarded = !enabled && Object.entries({ ...numberErrors, ...textErrors })
+      .some(([path, error]) => jevField(path) && error);
+    if (!enabled) {
+      clearNumberDrafts(jevField);
+      setTexts(old => Object.fromEntries(Object.entries(old).filter(([path]) => !jevField(path))));
+      setTextErrors(old => Object.fromEntries(Object.entries(old).filter(([path]) => !jevField(path))));
+    }
+    setDiscardedJevInputs(discarded);
+    update('jev', 'enabled', enabled);
+  };
+  const inputID = (key) => id + '-' + key;
+  const field = (key, label, help, controlNode) =>
+    h(
+      'div',
+      { className: css.configField, key },
+      h(
+        'div',
+        { className: css.configFieldLabel },
+        h('label', { htmlFor: inputID(key) }, label),
+        h('p', { className: css.meta, id: inputID(key) + '-help', hidden: !help }, help || ''),
+      ),
+      h('div', { className: css.configFieldControl }, controlNode),
+    );
+  const select = (key, value, choices, onChange) =>
+    h(
+      'select',
+      {
+        id: inputID(key),
+        className: css.modeSelect,
+        value,
+        disabled: busy,
+        'aria-describedby': inputID(key) + '-help',
+        onChange: (e) => onChange(e.target.value),
+      },
+      ...choices.map(([value, label]) => h('option', { key: value, value }, label)),
+    );
+  const toggle = (key, checked, onChange, unavailable = false) =>
+    h('label', { className: css.configSwitch, htmlFor: inputID(key) },
+      h('input', {
+        id: inputID(key), type: 'checkbox', role: 'switch', checked, disabled: busy || unavailable,
+        'aria-describedby': inputID(key) + '-help',
+        onChange: event => onChange(event.target.checked),
+      }),
+      h('span', { className: css.configSwitchTrack, 'aria-hidden': true }),
+      h('span', { className: css.configSwitchState, 'aria-hidden': true }, t(checked ? 'cfgToggleOn' : 'cfgToggleOff')));
+  const input = (key, value, onChange, validate) => {
+    const error = textErrors[key] || fieldErrors[key];
+    return h(React.Fragment, null, h('input', {
+      id: inputID(key),
+      className: css.editorInput,
+      value: texts[key] ?? value ?? '',
+      disabled: busy,
+      'aria-invalid': !!error,
+      'aria-describedby': inputID(key) + '-help' + (error ? ' ' + inputID(key) + '-error' : ''),
+      onChange: (e) => {
+        const next = e.target.value;
+        if (!validate) { onChange(next); return; }
+        const invalidText = validate(next);
+        setTexts(old => ({ ...old, [key]: next }));
+        setTextErrors(old => ({ ...old, [key]: invalidText }));
+        setSaved(false);
+        setDiscardedJevInputs(false);
+        if (!invalidText) onChange(next);
+      },
+    }), error && h('p', { id: inputID(key) + '-error', role: 'alert', className: css.errorText }, t(error)));
+  };
+  const number = (group, key, factor, unit, nullable = false, probability = false) => {
+    const path = group + '.' + key,
+      current = draft[group]?.[key],
+      error = numberErrors[path] || fieldErrors[path],
+      bounds = configNumberRules[path];
+    return h(
+      React.Fragment,
+      null,
+      h(
+        'div',
+        { className: css.inputUnit },
+        h('input', {
+          id: inputID(path),
+          inputMode: 'decimal',
+          value: numbers[path] ?? (current == null ? '' : String(current / factor)),
+          disabled: busy,
+          'aria-invalid': !!error,
+          'aria-describedby': inputID(path) + '-help' + (error ? ' ' + inputID(path) + '-error' : ''),
+          onChange: (e) => {
+            const value = e.target.value;
+            setNumbers((old) => ({ ...old, [path]: value }));
+            if (nullable && !value.trim()) {
+              setNumberErrors((old) => ({ ...old, [path]: null }));
+              update(group, key, null);
+              return;
+            }
+            const scaled = Number(value) * factor,
+              rounded = probability ? scaled : Math.round(scaled);
+            const invalidNumber = !value.trim()
+              ? 'cfgRequiredNumber'
+              : probability
+                ? !/^\d+(?:\.\d+)?$/.test(value.trim()) || !Number.isFinite(scaled) || scaled <= 0 || scaled > 1
+                  ? 'cfgJevProbability'
+                  : null
+              : !/^\d+(?:\.\d+)?$/.test(value.trim()) ||
+                  !Number.isSafeInteger(rounded) ||
+                  scaled < 0 ||
+                  Math.abs(scaled - rounded) > 0.000001
+                ? 'cfgNumber'
+                : boundedConfigError(path, rounded);
+            setNumberErrors((old) => ({ ...old, [path]: invalidNumber }));
+            setSaved(false);
+            if (!invalidNumber) update(group, key, rounded);
+          },
+        }),
+        h('span', null, unit),
+      ),
+      error && h('p', { id: inputID(path) + '-error', role: 'alert', className: css.errorText },
+        t(error, bounds ? { min: bounds.min / factor, max: bounds.max / factor } : undefined)),
+    );
+  };
+  const bindingOrder = [
+    'loops.plan',
+    'routes.default',
+    'routes.frontend',
+    'routes.hard',
+    'routes.multimodal',
+    'loops.review',
+    'loops.judge',
+    'loops.intake',
+    'loops.garden',
+  ];
+  const rows = ['loops', 'routes']
+    .flatMap((group) =>
+      Object.entries(draft?.[group] ?? {})
+        .filter(([, value]) => record(value))
+        .map(([key, value]) => [group, key, value]),
+    )
+    .sort(
+      (a, b) =>
+        (bindingOrder.indexOf(a[0] + '.' + a[1]) + 1 || 999) -
+        (bindingOrder.indexOf(b[0] + '.' + b[1]) + 1 || 999),
+    );
+  if (record(draft?.['judge-panel'])) rows.push(['panel', 'judge-panel', draft['judge-panel']]);
+  const bindingID = (group, key) => group === 'panel' ? 'judge-panel' : group + '.' + key;
+  const resourceOf = (value) =>
+    value.harness === 'dsh'
+      ? ['chatgpt', 'deepseek-account'].includes(value.provider || value.channel)
+        ? value.provider || value.channel
+        : 'custom'
+      : ['kimi', 'codex-pro', 'claude-code-pro'].includes(value.harness)
+        ? value.harness
+        : 'custom';
+  const resourceNames = {
+    'deepseek-account': 'DeepSeek Account',
+    chatgpt: 'ChatGPT · DSH',
+    kimi: 'Kimi Code',
+    'codex-pro': 'ChatGPT · Codex Pro',
+    'claude-code-pro': 'Claude Code Pro',
+    custom: t('consoleCustom'),
+  };
+  const preset = (resource) =>
+    ({
+      'deepseek-account': doc.defaults.routes?.default,
+      chatgpt: doc.defaults.loops?.[bindingEdit?.key === 'judge' ? 'judge' : 'review'],
+      kimi: doc.defaults.loops?.plan,
+      'codex-pro': doc.defaults.routes?.hard,
+      'claude-code-pro': {
+        harness: 'claude-code-pro',
+        model: 'sonnet',
+        channel: 'claude-subscription',
+        thinking: 'high',
+      },
+    })[resource];
+  const roleName = (group, key) =>
+    group === 'routes'
+      ? {
+          default: t('cfgRouteDefault'),
+          frontend: t('cfgRouteFrontend'),
+          hard: t('cfgRouteHard'),
+          multimodal: t('cfgRouteMultimodal'),
+        }[key] || t('executeRole') + ' · ' + key
+      : t(roleLabels[key] || key);
+  const efforts = {
+    '': t('cfgEffortDefault'),
+    off: t('cfgEffortOff'),
+    minimal: t('cfgEffortMinimal'),
+    low: t('cfgEffortLow'),
+    medium: t('cfgEffortMedium'),
+    high: t('cfgEffortHigh'),
+    xhigh: t('cfgEffortXhigh'),
+    max: t('cfgEffortMax'),
+  };
+  const openBinding = (group, key, value) => {
+    const role = group === 'routes' ? 'execute' : key;
+    setBindingEdit({
+      group,
+      key,
+      role,
+      value: cloneConfig(value),
+      permission: draft.permissions?.bindings?.[bindingID(group, key)] ?? 'inherit',
+      session: draft.sessions?.roles?.[role] ?? 'inherit',
+    });
+  };
+  const applySessionRole = (next, role, session) => {
+    const roles = { ...next.sessions?.roles };
+    if (session === 'inherit') delete roles[role];
+    else roles[role] = session;
+    next.sessions = { ...next.sessions, roles };
+    // Kimi's legacy Plan switch also controls history when mode=fresh.
+    // Explicit role choices must not advertise a different actual behavior.
+    if (role === 'plan' && session !== 'inherit' && next.loops?.plan) {
+      const plan = next.loops.plan;
+      if (plan.harness === 'kimi') plan['resident-session'] = session === 'scoped';
+      else delete plan['resident-session'];
+    }
+  };
+  const roleSession = (role) => {
+    let mode = draft.sessions?.mode ?? 'fresh';
+    if (role === 'plan') {
+      const plan = draft.loops?.plan;
+      if (plan?.['resident-session'] === false) mode = 'fresh';
+      else if ((plan?.harness || draft.profiles?.[plan?.profile]?.harness) === 'kimi' && plan['resident-session'] === true) mode = 'scoped';
+    }
+    return t('cfgInheritMode', { mode: t(mode === 'scoped' ? 'cfgReuse' : 'cfgFresh') });
+  };
+  const inlineBinding = (group, key, field, value) => {
+    const next = cloneConfig(draft);
+    if (field === 'session') applySessionRole(next, group === 'routes' ? 'execute' : key, value);
+    else if (group === 'panel') next['judge-panel'][field] = value;
+    else next[group][key][field] = value;
+    replace(next);
+  };
+  const saveBinding = () => {
+    const { group, key, role, value, permission, session } = bindingEdit,
+      next = cloneConfig(draft);
+    if (group === 'panel') next['judge-panel'] = value;
+    else next[group][key] = value;
+    if (value.channel && !next.channels?.[value.channel])
+      next.channels = {
+        ...next.channels,
+        [value.channel]: doc.defaults.channels?.[value.channel] ?? { 'env-key': null },
+      };
+    if (permission !== (next.permissions?.bindings?.[bindingID(group, key)] ?? 'inherit')) {
+      const bindings = { ...next.permissions?.bindings };
+      if (permission === 'inherit') delete bindings[bindingID(group, key)];
+      else bindings[bindingID(group, key)] = permission;
+      next.permissions = { ...next.permissions, bindings };
+    }
+    if (session !== (next.sessions?.roles?.[role] ?? 'inherit')) applySessionRole(next, role, session);
+    replace(next);
+    setBindingEdit(null);
+  };
+  const patchBinding = (key, value) =>
+    setBindingEdit((old) => ({ ...old, value: { ...old.value, [key]: value } }));
+  const dispatchReasons = [];
+  if ((draft?.scheduler?.mode ?? 'serial') !== 'parallel') dispatchReasons.push(t('cfgDispatchSerial'));
+  if (numberErrors['scheduler.max-parallel'] || fieldErrors['scheduler.max-parallel']) dispatchReasons.push(t('cfgDispatchInvalid'));
+  else if ((draft?.scheduler?.['max-parallel'] ?? 2) <= 1) dispatchReasons.push(t('cfgDispatchSingle'));
+  if (draft?.worktree?.enabled === false) dispatchReasons.push(t('cfgDispatchUnmanaged'));
+  const readyQueue = draft?.scheduler?.dispatch === 'ready-queue';
+  const dispatchStatus = !readyQueue ? 'batch' : dispatchReasons.length ? 'unavailable' : 'conditional';
+  let fields = null;
+  if (draft && section === 'strategy')
+    fields = h(
+      React.Fragment,
+      null,
+      field(
+        'sessions.mode',
+        t('consoleSession'),
+        t('cfgSessionHelp'),
+        select(
+          'sessions.mode',
+          draft.sessions?.mode ?? 'fresh',
+          [
+            ['scoped', t('consoleScoped')],
+            ['fresh', t('consoleFresh')],
+          ],
+          (v) => replace({ ...draft, sessions: { ...draft.sessions, mode: v, 'policy-version': 1 } }),
+        ),
+      ),
+      field('worktree.enabled', t('cfgWorktree'), t('cfgWorktreeHelp'),
+        toggle('worktree.enabled', draft.worktree?.enabled !== false,
+          (enabled) => update('worktree', 'enabled', enabled))),
+      field(
+        'scheduler.mode',
+        t('consoleScheduling'),
+        t('cfgScheduleHelp'),
+        select(
+          'scheduler.mode',
+          draft.scheduler?.mode ?? 'serial',
+          [
+            ['serial', t('consoleSerial')],
+            ['parallel', t('consoleParallel')],
+          ],
+          (v) => {
+            if (v === 'serial') clearNumberDrafts(path => path === 'scheduler.max-parallel');
+            replace({ ...draft, scheduler: { 'max-parallel': 2, ...draft.scheduler, mode: v } });
+          },
+        ),
+      ),
+      draft.scheduler?.mode === 'parallel' &&
+        field(
+          'scheduler.max-parallel',
+          t('consoleConcurrency'),
+          t('cfgParallelHelp'),
+          number('scheduler', 'max-parallel', 1, t('cfgTasks')),
+        ),
+      field('scheduler.dispatch', t('cfgDispatch'),
+        h(React.Fragment, null, t('cfgDispatchHelp'),
+          h('span', { className: css.configHintLine }, t('cfgDispatchEligibility')),
+          h('span', { className: css.configHintLine, role: 'status', 'data-dispatch-status': dispatchStatus },
+            t(dispatchStatus === 'batch' ? 'cfgDispatchBatchState' : dispatchStatus === 'conditional' ? 'cfgDispatchReadyState' : 'cfgDispatchUnavailable',
+              { reasons: dispatchReasons.join(t('cfgReasonSeparator')) }))),
+        select('scheduler.dispatch', draft.scheduler?.dispatch ?? 'batch',
+          [['batch', t('cfgDispatchBatch')], ['ready-queue', t('cfgDispatchReady')]],
+          (v) => update('scheduler', 'dispatch', v))),
+      field('scheduler.prewarm', t('cfgPrewarm'), t('cfgPrewarmHelp'),
+        toggle('scheduler.prewarm', draft.scheduler?.prewarm === true,
+          (enabled) => update('scheduler', 'prewarm', enabled))),
+      field(
+        'permissions.mode',
+        t('permission'),
+        t('cfgPermissionHelp'),
+        select(
+          'permissions.mode',
+          draft.permissions?.mode ?? 'role-based',
+          [
+            ['role-based', t('consoleRolePermissions')],
+            ['full-access', t('permissionFull')],
+          ],
+          (v) => update('permissions', 'mode', v),
+        ),
+      ),
+    );
+  if (draft && section === 'limits')
+    fields = h(
+      React.Fragment,
+      null,
+      field('budget.enforce', t('cfgBudgetPolicy'),
+        t((draft.budget?.enforce ?? 'soft') === 'off' ? 'cfgBudgetOffHelp' : (draft.budget?.enforce ?? 'soft') === 'hard' ? 'cfgBudgetHardHelp' : 'cfgBudgetSoftHelp'),
+        select('budget.enforce', draft.budget?.enforce ?? 'soft',
+          [['off', t('cfgBudgetOff')], ['soft', t('cfgBudgetSoft')], ['hard', t('cfgBudgetHard')]],
+          value => {
+            if (value === 'off') {
+              clearNumberDrafts(path => path === 'budget.daily-token-limit');
+            }
+            update('budget', 'enforce', value);
+          })),
+      draft.budget?.enforce !== 'off' && field('budget.daily-token-limit', t('consoleBudget'),
+        t('cfgBudgetDay'), number('budget', 'daily-token-limit', 1, 'Token', true)),
+      h('h4', { className: css.settingsSubheading }, t('cfgRunProtection')),
+      field(
+        'watchdog.wall-timeout-ms',
+        t('cfgTimeout'),
+        t('cfgTimeoutHelp'),
+        number('watchdog', 'wall-timeout-ms', 60000, t('cfgMinutes')),
+      ),
+      field(
+        'retry.max-transport-retries',
+        t('consoleRetries'),
+        t('cfgRetryHelp'),
+        number('retry', 'max-transport-retries', 1, t('cfgTimes')),
+      ),
+    );
+  if (draft && section === 'models')
+    fields = h(React.Fragment, null,
+      h('p', { className: css.meta }, t('cfgSessionDefault', { mode: t(draft.sessions?.mode === 'scoped' ? 'cfgReuse' : 'cfgFresh') })),
+      h('div', { className: css.stageTableScroll }, h('table', { className: css.stageTable, 'aria-label': t('cfgModels') },
+        h('thead', null, h('tr', null, ...['cfgModelRole', 'consoleResource', 'consoleModel', 'consoleThinking', 'consoleSession'].map(key => h('th', { key, scope: 'col' }, t(key))))),
+        h('tbody', null, ...rows.map(([group, key, value]) => {
+          const role = group === 'routes' ? 'execute' : key;
+          const sessionChoices = [['inherit', roleSession(role)], ['scoped', t('cfgReuse')], ['fresh', t('cfgFresh')]];
+          const policy = draft.sessions?.roles?.[role];
+          const planConflict = role === 'plan' && policy && (policy === 'scoped' && value['resident-session'] === false || policy === 'fresh' && (value.harness || draft.profiles?.[value.profile]?.harness) === 'kimi' && value['resident-session'] === true);
+          return h('tr', { key: bindingID(group, key), 'data-binding-id': bindingID(group, key) },
+            h('th', { scope: 'row' }, roleName(group, key)),
+            h('td', null, h(Button, { disabled: busy, onClick: () => openBinding(group, key, value), 'aria-label': t('cfgEdit') + ' ' + roleName(group, key) }, resourceNames[resourceOf(value)])),
+            h('td', null, h('input', { className: css.editorInput, value: value.model ?? '', placeholder: value.profile || t('cfgEffortDefault'), disabled: busy, 'aria-label': roleName(group, key) + ' · ' + t('consoleModel'), onChange: e => inlineBinding(group, key, 'model', e.target.value) })),
+            h('td', null, h('select', { className: css.modeSelect, value: value.thinking ?? '', disabled: busy, 'aria-label': roleName(group, key) + ' · ' + t('consoleThinking'), onChange: e => inlineBinding(group, key, 'thinking', e.target.value) }, ...[...new Set([...Object.keys(efforts), value.thinking ?? ''])].map(effort => h('option', { key: effort, value: effort }, efforts[effort] ?? effort)))),
+            h('td', null, ['intake', 'garden'].includes(role) ? t('cfgIndependent') : h('select', { className: css.modeSelect, disabled: busy, value: draft.sessions?.roles?.[role] ?? 'inherit', 'aria-label': roleName(group, key) + ' · ' + t('consoleSession'), onChange: e => inlineBinding(group, key, 'session', e.target.value) }, ...sessionChoices.map(([v, label]) => h('option', { key: v, value: v }, label))), planConflict && h('div', { className: css.settingsHelp }, t('cfgPlanConflict'), h(Button, { disabled: busy, onClick: () => inlineBinding(group, key, 'session', policy) }, t('cfgApplyPolicy')))));
+        })))),
+      h('p', { className: css.settingsHelp }, t('consoleRouteSession')));
+  if (draft && section === 'jev')
+    fields = h(
+      React.Fragment,
+      null,
+      h('p', { className: css.meta }, t('cfgJevHelp')),
+      field(
+        'jev.enabled',
+        t('consoleJEV'),
+        t('cfgJevChanges'),
+        toggle('jev.enabled', draft.jev?.enabled === true, changeJev, draft.jev !== undefined && !record(draft.jev)),
+      ),
+      discardedJevInputs && h('p', { className: css.configCallout, role: 'status' }, t('cfgJevDraftDiscarded')),
+      draft.jev?.enabled &&
+        h(
+          React.Fragment,
+          null,
+          h('p', { className: css.configCallout }, t('cfgJevSend')),
+          field(
+            'jev.endpoint',
+            t('cfgJevEndpoint'),
+            null,
+            input('jev.endpoint', draft.jev.endpoint, (v) => update('jev', 'endpoint', v), v => jevTextError('endpoint', v)),
+          ),
+          field(
+            'jev.model',
+            t('consoleJEVVersion'),
+            null,
+            input('jev.model', draft.jev.model ?? 'jev-1.14.0', (v) => update('jev', 'model', v), v => jevTextError('model', v)),
+          ),
+          field(
+            'jev.key-env',
+            t('consoleJEVEnv'),
+            t('cfgJevKeyHelp'),
+            input('jev.key-env', draft.jev['key-env'] ?? 'MEROUTER_API_KEY', (v) =>
+              update('jev', 'key-env', v), v => jevTextError('key-env', v),
+            ),
+          ),
+          h(
+            'section',
+            { className: css.details },
+            h('h4', null, t('cfgJevAdvanced')),
+            field('jev.timeout-ms', t('cfgJevTimeout'), null, number('jev', 'timeout-ms', 1000, t('cfgSeconds'))),
+            field('jev.max-calls', t('cfgJevMaxCalls'), null, number('jev', 'max-calls', 1, t('cfgTimes'))),
+            field('jev.min-applicability', t('cfgJevApplicability'), null, number('jev', 'min-applicability', 1, '', false, true)),
+            field('jev.min-choice', t('cfgJevChoice'), null, number('jev', 'min-choice', 1, '', false, true)),
+            h('p', { className: css.meta }, t('cfgJevData') + ': ' + (Array.isArray(draft.jev['allowed-data']) ? draft.jev['allowed-data'].length ? draft.jev['allowed-data'].join(', ') : t('cfgJevNoData') : t('notConfigured'))),
+            h('p', { className: css.meta }, t('cfgJevDataHelp')),
+          ),
+        ),
+    );
+  return h(
+    'section',
+    { className: css.editor, 'aria-label': t('consoleConfig') },
+      h(
+        'div',
+        { className: css.configHeader },
+        onClose && h(Button, { onClick: () => deferDiscard(() => { discard(); onClose(); }), disabled: busy }, t('cfgBack')),
+        h('h2', { className: css.configTitle }, t('consoleConfig')),
+        h(
+          'div',
+          { className: css.segmented, 'aria-label': t('consoleScope') },
+          ...['global', 'project'].map((key) =>
+            h(
+              Button,
+              { key, disabled: busy, 'aria-pressed': scope === key, onClick: () => switchScope(key) },
+              t(key === 'global' ? 'consoleGlobal' : 'consoleProject'),
+            ),
+          ),
+        ),
+      ),
+    h(
+      'nav',
+      { className: css.configNav, 'aria-label': t('consoleConfig') },
+      ...['strategy', 'models', 'limits', 'jev', 'advanced'].map((key) =>
+        h(
+          Button,
+          { key, 'aria-pressed': section === key, onClick: () => setSection(key) },
+          t({ strategy: 'cfgStrategy', models: 'cfgModels', limits: 'cfgLimits', jev: 'cfgJev', advanced: 'cfgAdvanced' }[key]),
+        ),
+      ),
+    ),
+    h(
+      'div',
+      { className: css.configMain },
+      h(
+        'div',
+        { className: css.configContent, 'data-section': section },
+        h(
+          'h3',
+          { className: css.configTitle },
+          t({ strategy: 'cfgStrategy', models: 'cfgModels', limits: 'cfgLimits', jev: 'cfgJev', advanced: 'cfgAdvanced' }[section]),
+        ),
+        (!draft || doc?.scope !== scope) &&
+          busy &&
+          h(
+            'div',
+            { className: css.configLoading, role: 'status', 'aria-label': t('wbLoading') },
+            h(Spinner),
+          ),
+        !busy &&
+          (!draft || control.error?.action === 'config-edit') &&
+          attempt.current === scope &&
+          h(
+            'div',
+            { role: 'alert', className: css.configCallout },
+            h('p', null, t('cfgReadError')),
+            h(Button, { onClick: () => deferDiscard(load) }, t('cfgReload')),
+            control.error?.detail &&
+              h(
+                'section',
+                { className: css.details },
+                h('h4', null, t('errorDetails')),
+                h('pre', { className: css.raw }, control.error.detail),
+              ),
+          ),
+        draft &&
+          doc?.scope === scope &&
+          h(
+            React.Fragment,
+            null,
+            section !== 'jev' && h('p', { className: css.configTiming }, t(section === 'advanced' ? 'cfgAdvancedTiming' : 'cfgNextStart')),
+            section !== 'advanced' && h('fieldset', { className: css.configFields, disabled: invalid }, fields),
+            h(
+              'section',
+              { className: css.configSource, hidden: section !== 'advanced' },
+              h('h4', null, t('cfgLocation')),
+              h('p', { className: css.meta }, t('cfgScopeHelp')),
+              h('p', null, t(doc.source === doc.target ? 'cfgFileSource' : 'cfgTemplateSource')),
+              h('code', { className: css.path }, doc.target),
+            ),
+            h(
+              'section',
+              { className: css.configSource, hidden: section !== 'advanced' },
+              h('h4', null, t('cfgJson')),
+              h('textarea', {
+                className: css.editorJSON,
+                value: raw,
+                disabled: busy,
+                'aria-label': t('consoleValues'),
+                'aria-invalid': invalid || Object.keys(fieldErrors).length > 0,
+                onChange: (e) => {
+                  setRaw(e.target.value);
+                  try {
+                    const value = JSON.parse(e.target.value);
+                    if (!record(value) || Object.keys(base ?? {}).some((key) => !Object.hasOwn(value, key)))
+                      throw new Error();
+                    setDraft(value);
+                    setInvalid(false);
+                    setNumbers({});
+                    setNumberErrors({});
+                    setTexts({});
+                    setTextErrors({});
+                    setDiscardedJevInputs(false);
+                    setSaved(false);
+                  } catch {
+                    setInvalid(true);
+                  }
+                },
+              }),
+            ),
+            section === 'advanced' && (changed.length > 0 || reset) &&
+              h(
+                'section',
+                { className: css.configSource },
+                h('h4', null, t('cfgRawDiff')),
+                reset && h('p', { className: css.warningText }, t('cfgResetPending')),
+                ...changed.map((key) =>
+                  h(
+                    'div',
+                    { key },
+                    h('h4', { className: css.heading }, key),
+                    h(
+                      'pre',
+                      { className: css.raw },
+                      JSON.stringify({ before: base?.[key], after: draft[key] }, null, 2),
+                    ),
+                  ),
+                ),
+              ),
+          ),
+        section === 'advanced' && h('div', { className: css.actions }, h(Button, { disabled: busy, onClick: () => deferDiscard(load) }, t('cfgReload'))),
+        diagnostics && h('div', { hidden: section !== 'advanced' }, diagnostics),
+        (Object.values(numberErrors).some(Boolean) || Object.values(textErrors).some(Boolean)) &&
+          h('p', { role: 'alert', className: css.errorText }, t('cfgInvalid')),
+        (invalid || Object.keys(fieldErrors).length > 0) && h('div', { className: css.configCallout, role: 'alert' },
+          h('p', null, t(invalid ? 'consoleInvalid' : 'cfgStructuredInvalid')),
+          Object.keys(fieldErrors).length > 0 && h('p', { className: css.meta }, Object.keys(fieldErrors).join(', ')),
+          section !== 'advanced' && h(Button, { onClick: () => setSection('advanced') }, t('cfgFixJSON'))),
+        (control.configUncertainty || conflict) &&
+          h(
+            'div',
+            { className: css.configCallout, role: 'alert' },
+            h('p', null, t(conflict ? 'cfgConflict' : 'consoleReload')),
+            h(Button, { disabled: busy, onClick: () => deferDiscard(load) }, t('cfgReload')),
+          ),
+      ),
+    ),
+    h('footer', { className: css.configSaveBar, 'data-dirty': dirty },
+      h('span', { className: css.meta, role: 'status' }, t(saved ? 'cfgSaved' : dirty ? 'cfgDirty' : 'cfgClean')),
+      h('div', { className: css.actions },
+        h(Button, { disabled: busy || !doc || doc.scope !== scope, onClick: () => setDialog({ kind: 'reset' }) }, t('cfgReset')),
+        h(Button, { disabled: busy || !dirty || !base, onClick: discard }, t('cfgDiscard')),
+        h(Button, { variant: 'primary', disabled: !ready || !dirty || busy || control.configUncertainty || !!control.uncertainty, onClick: save }, t('cfgSave')))),
+    dialog &&
+      h(
+        WorkbenchDialog,
+        {
+          t,
+          title: t(
+            dialog.kind === 'reset' ? 'cfgReset' : 'cfgUnsaved',
+          ),
+          onClose: () => setDialog(null),
+          actions: h(
+            React.Fragment,
+            null,
+            h(Button, { onClick: () => setDialog(null) }, t('wbCancel')),
+            h(
+              Button,
+              {
+                variant: 'primary',
+                disabled: busy,
+                onClick: () => {
+                  const next = dialog;
+                  setDialog(null);
+                  if (next.kind === 'reset') {
+                    replace(cloneConfig(doc.defaults));
+                    setNumbers({});
+                    setNumberErrors({});
+                    setTexts({});
+                    setTextErrors({});
+                    setDiscardedJevInputs(false);
+                    setReset(true);
+                  } else next.next();
+                },
+              },
+              t(
+                dialog.kind === 'reset' ? 'cfgLoadDefaults' : 'cfgDiscardContinue',
+              ),
+            ),
+          ),
+        },
+        h(
+          'p',
+          null,
+          t(
+            dialog.kind === 'reset' ? 'cfgResetHelp' : 'cfgDiscardHelp',
+          ),
+        ),
+        dialog.kind === 'discard' && h('pre', { className: css.raw }, raw),
+      ),
+    bindingEdit &&
+      h(
+        WorkbenchDialog,
+        {
+          t,
+          title: t('cfgBinding') + ' · ' + roleName(bindingEdit.group, bindingEdit.key),
+          onClose: () => setBindingEdit(null),
+          actions: h(
+            React.Fragment,
+            null,
+            h(Button, { onClick: () => setBindingEdit(null) }, t('wbCancel')),
+            h(Button, { variant: 'primary', disabled: busy, onClick: saveBinding }, t('cfgApplyBinding')),
+          ),
+        },
+        field(
+          'binding.resource',
+          t('consoleResource'),
+          null,
+          select(
+            'binding.resource',
+            resourceOf(bindingEdit.value),
+            Object.entries(resourceNames),
+            (value) => {
+              const next = preset(value);
+              if (next)
+                setBindingEdit((old) => {
+                  const value = cloneConfig(next);
+                  if (old.group !== 'loops' || old.key !== 'plan') delete value['resident-session'];
+                  return { ...old, value };
+                });
+            },
+          ),
+        ),
+        field(
+          'binding.model',
+          t('consoleModel'),
+          t('cfgModelHint'),
+          input('binding.model', bindingEdit.value.model, (v) => patchBinding('model', v)),
+        ),
+        field(
+          'binding.thinking',
+          t('consoleThinking'),
+          null,
+          select(
+            'binding.thinking',
+            bindingEdit.value.thinking ?? '',
+            Object.entries(efforts).concat(
+              bindingEdit.value.thinking && !Object.hasOwn(efforts, bindingEdit.value.thinking)
+                ? [[bindingEdit.value.thinking, bindingEdit.value.thinking]]
+                : [],
+            ),
+            (v) => {
+              if (v) patchBinding('thinking', v);
+              else
+                setBindingEdit((old) => {
+                  const value = { ...old.value };
+                  delete value.thinking;
+                  return { ...old, value };
+                });
+            },
+          ),
+        ),
+        field(
+          'binding.permission',
+          t('permission'),
+          t('consolePermissionEffective'),
+          select(
+            'binding.permission',
+            bindingEdit.permission,
+            [
+              ['inherit', t('consoleInherit')],
+              ['read-only', t('permissionReadOnly')],
+              ['workspace-write', t('permissionWorkspace')],
+              ['danger-full-access', t('permissionFull')],
+            ],
+            (v) => setBindingEdit((old) => ({ ...old, permission: v })),
+          ),
+        ),
+        !['intake', 'garden'].includes(bindingEdit.key) &&
+          field(
+            'binding.session',
+            t('consoleSession'),
+            bindingEdit.group === 'routes' ? t('consoleRouteSession') : t('consoleScopeReason'),
+            select(
+              'binding.session',
+              bindingEdit.session,
+              [
+                ['inherit', t('consoleInherit')],
+                ['scoped', t('consoleScoped')],
+                ['fresh', t('consoleFresh')],
+              ],
+              (v) => setBindingEdit((old) => ({ ...old, session: v })),
+            ),
+          ),
+        h(
+          'section',
+          { className: css.details },
+          h('h4', null, t('cfgBindingAdvanced')),
+          field(
+            'binding.harness',
+            t('consoleAdapter'),
+            null,
+            input('binding.harness', bindingEdit.value.harness, (v) => patchBinding('harness', v)),
+          ),
+          field(
+            'binding.provider',
+            t('cfgProviderID'),
+            null,
+            input('binding.provider', bindingEdit.value.provider, (v) => patchBinding('provider', v)),
+          ),
+          field(
+            'binding.channel',
+            t('consoleChannel'),
+            null,
+            input('binding.channel', bindingEdit.value.channel, (v) => patchBinding('channel', v)),
+          ),
+        ),
+      ),
+  );
+}
+
+Object.assign(zh, {
+  consoleConfig: '设置', cfgStrategy: '运行方式', cfgModels: '模型与会话', cfgJev: 'JEV', cfgAdvanced: '高级与诊断', cfgBack: '← 返回流程',
+  cfgSessionHelp: '各角色独立，可按阶段覆盖', consoleSession: '会话策略', cfgReuse: '按角色复用', cfgFresh: '每次新建', cfgInheritMode: '继承 · {mode}', cfgSessionDefault: '默认：{mode}', cfgIndependent: '独立调用',
+  cfgScheduleHelp: '', cfgParallelHelp: '并发数为 1–8；Review 与集成仍串行', cfgPermissionHelp: '完全权限可访问工作区以外文件',
+  cfgBudgetPolicy: '用量预算', cfgBudgetOff: '关闭', cfgBudgetSoft: '仅提醒', cfgBudgetHard: '达到后停止',
+  cfgBudgetOffHelp: '不设 Token 门限，继续统计用量', cfgBudgetSoftHelp: '达到额度时提醒，任务继续运行', cfgBudgetHardHelp: '达到额度或用量无法确认时，暂停新调用', cfgBudgetDay: '按单个任务、UTC 日期统计；留空不设额度', consoleBudget: '单任务每日 Token 额度',
+  cfgRunProtection: '运行保护', cfgRetryHelp: '传输故障重试，不影响任务返修次数', cfgTimeoutHelp: '', cfgTimeout: '单次运行时限',
+  cfgClean: '没有待保存修改', cfgDirty: '有未保存修改', cfgSaved: '配置已保存', cfgReset: '恢复默认', cfgDiscard: '撤销',
+});
+Object.assign(en, {
+  consoleConfig: 'Settings', cfgStrategy: 'Execution', cfgModels: 'Models and sessions', cfgJev: 'JEV', cfgAdvanced: 'Advanced and diagnostics', cfgBack: '← Back to workflow',
+  cfgSessionHelp: 'Isolated roles; stages can override the default', cfgReuse: 'Reuse within role', cfgFresh: 'New each time', cfgInheritMode: 'Inherit · {mode}', cfgSessionDefault: 'Default: {mode}', cfgIndependent: 'Independent call',
+  cfgScheduleHelp: '', cfgParallelHelp: 'Limit: 1–8. Review and integration remain serial', cfgPermissionHelp: 'Full access includes files outside the workspace',
+  cfgBudgetPolicy: 'Usage budget', cfgBudgetOff: 'Off', cfgBudgetSoft: 'Warn only', cfgBudgetHard: 'Stop at limit', cfgBudgetOffHelp: 'No token limit; usage is still recorded', cfgBudgetSoftHelp: 'Warn at the limit and keep running', cfgBudgetHardHelp: 'Pause new calls at the limit or when usage is unknown', cfgBudgetDay: 'Per task and UTC day; blank means no limit', consoleBudget: 'Daily tokens per task',
+  cfgRunProtection: 'Run protection', cfgRetryHelp: 'Transport faults only; task repair limits stay unchanged', cfgTimeoutHelp: '', cfgTimeout: 'Run time limit',
+  cfgClean: 'No pending changes', cfgDirty: 'Unsaved changes', cfgSaved: 'Configuration saved', cfgReset: 'Restore defaults', cfgDiscard: 'Discard',
+});
+
+Object.assign(zh, { cfgPlanConflict: 'Plan 旧历史开关与此策略不同', cfgApplyPolicy: '同步此策略' });
+Object.assign(en, { cfgPlanConflict: 'The legacy Plan history switch differs', cfgApplyPolicy: 'Align policy' });
+
+Object.assign(zh, {
+  runsDetails: '运行详情',
+  runsNoReference: '不设置对照',
+  runsMetricScope: '指标范围',
+  runsSelected: '仅此运行',
+  runsStart: '开始',
+  runsFinish: '结束',
+  runsSnapshot: '配置与契约条件',
+  runsRead: '查看指标',
+  runsNoSelection: '选择一条运行记录',
+  runsFailure: '运行失败原因',
+  runsCurrent: '当前任务',
+  runsMissing: '未报告',
+  runsMissingCount: '缺失 {count} 次',
+  runsNoMetrics: '读取所选运行指标后显示用量与耗时；缺失费用不记作 0',
+  runsTimeline: '阶段时间记录',
+  runsTimelineWall: '已观测经过时间',
+  runsTimelineSum: '阶段耗时累计',
+  runsTimelineSpans: '已闭合 / 未知区间',
+  runsTimelineUnmatched: '未关联时间区间的调用',
+  runsTimelineHelp: '经过时间取已观测区间的并集；并行和嵌套阶段不能直接相加。未闭合区间保持未知，Provider 内部耗时尚不可见。',
+});
+Object.assign(en, {
+  runsDetails: 'Run details',
+  runsNoReference: 'No reference',
+  runsMetricScope: 'Metrics scope',
+  runsSelected: 'This run only',
+  runsStart: 'Started',
+  runsFinish: 'Finished',
+  runsSnapshot: 'Configuration and contract conditions',
+  runsRead: 'Inspect metrics',
+  runsNoSelection: 'Select a run',
+  runsFailure: 'Run failure',
+  runsCurrent: 'Current task',
+  runsMissing: 'Not reported',
+  runsMissingCount: 'Missing {count}',
+  runsNoMetrics: 'Read selected-run metrics to inspect usage and duration. Missing cost is not zero',
+  runsTimeline: 'Phase timing',
+  runsTimelineWall: 'Observed elapsed time',
+  runsTimelineSum: 'Sum of phase durations',
+  runsTimelineSpans: 'Closed / unknown intervals',
+  runsTimelineUnmatched: 'Calls without a matched interval',
+  runsTimelineHelp: 'Elapsed time is the union of observed intervals; parallel and nested phases cannot be added together. Open intervals remain unknown. Provider-internal timing is not observed.',
+});
+
+function RunExplorer({ control, selection, run, changeSelection, showCanvas, t, active = false }) {
+  const [selected, setSelected] = React.useState(''),
+    [reference, setReference] = React.useState('');
+  const [metricScope, setMetricScope] = React.useState('run');
+  const runs = (control.runs ?? []).filter(item => item.taskDir === selection.taskDir && item.cwd === (control.status?.cwd || selection.cwd)),
+    busy = control.pending !== null;
+  const item =
+    runs.find((r) => r.id === selected) ??
+    runs.find((r) => r.id === control.status?.state?.run?.id) ??
+    runs[0];
+  const baseline = runs.find((r) => r.id === reference);
+  const attempted = React.useRef(false);
+  React.useEffect(() => {
+    if (active && !busy && control.runs === null && !attempted.current) {
+      attempted.current = true;
+      void run('runs', selection);
+    }
+  }, [active, busy, control.runs, run]);
+  const open = async () => {
+    const next = { taskDir: item.taskDir, cwd: item.cwd };
+    changeSelection(next);
+    showCanvas();
+    await run('status', next);
+  };
+  const metrics = () => {
+    const source = item,
+      next = source ? { taskDir: source.taskDir, cwd: source.cwd } : selection;
+    if (source) changeSelection(next);
+    return run('metrics', next, false, { runId: metricScope === 'task' ? undefined : source?.id });
+  };
+  const property = (label, value) =>
+    h(
+      React.Fragment,
+      { key: label },
+      h('dt', null, label),
+      h('dd', null, textValue(value, t('runsMissing'))),
+    );
+  const timeline = control.metrics?.timeline;
+  const measuredTime = (value) => timeline?.completeSpans > 0 && Number.isFinite(value)
+    ? (value / 1000).toFixed(3) + ' s'
+    : t('runsMissing');
+  return h(
+    'section',
+    { className: css.runExplorer, 'aria-label': t('consoleRuns') },
+    h(
+      'div',
+      { className: css.runToolbar },
+      h(Button, { disabled: busy, onClick: () => run('runs', selection) }, t('runsRefresh')),
+      h('p', { className: css.meta }, t('runsReadOnly')),
+    ),
+    runs.length
+      ? h(
+          'div',
+          { className: css.runSplit },
+          h(
+            'nav',
+            { className: css.runList, 'aria-label': t('consoleRuns') },
+            ...runs.slice(0, 100).map((row) =>
+              h(
+                'button',
+                {
+                  key: row.id,
+                  type: 'button',
+                  className: css.runRow,
+                  'aria-pressed': item?.id === row.id,
+                  onClick: () => setSelected(row.id),
+                },
+                h('strong', null, row.summary?.slug ?? row.taskDir),
+                h('span', { className: css.meta }, row.startedAt),
+                h(
+                  'span',
+                  { className: css.meta },
+                  [
+                    row.kind,
+                    row.finishedAt
+                      ? row.error
+                        ? t('fail')
+                        : canvasStatus(row.summary?.status, t)
+                      : t('runsLive'),
+                  ]
+                    .filter(Boolean)
+                    .join(' · '),
+                ),
+              ),
+            ),
+          ),
+          item &&
+            h(
+              'article',
+              { className: css.runDetail, 'aria-label': t('runsDetails') },
+              h(
+                'header',
+                { className: css.runTitle },
+                h('h3', { className: css.configTitle }, item.summary?.slug ?? item.taskDir),
+                h(
+                  'span',
+                  { className: css.meta },
+                  [item.kind, item.branch, item.head?.slice(0, 12)].filter(Boolean).join(' · '),
+                ),
+              ),
+              h(
+                'div',
+                { className: css.actions },
+                h(Button, { disabled: busy || !!control.uncertainty, onClick: open }, t('runsOpen')),
+                h(Button, { disabled: busy, onClick: metrics }, t('runsMetrics')),
+                h(
+                  'label',
+                  { className: css.metricScope },
+                  t('runsMetricScope'),
+                  h(
+                    'select',
+                    {
+                      className: css.modeSelect,
+                      value: metricScope,
+                      disabled: busy,
+                      onChange: (e) => setMetricScope(e.target.value),
+                    },
+                    h('option', { value: 'run' }, t('runsSelected')),
+                    h('option', { value: 'task' }, t('runsAll')),
+                  ),
+                ),
+              ),
+              item.error &&
+                h(
+                  'div',
+                  { className: css.configCallout, role: 'note' },
+                  h('h4', { className: css.heading }, t('runsFailure')),
+                  h(
+                    'pre',
+                    { className: css.raw },
+                    typeof item.error === 'string' ? item.error : JSON.stringify(item.error, null, 2),
+                  ),
+                ),
+              h(
+                'dl',
+                { className: css.consoleProperties },
+                property(t('runsStart'), item.startedAt),
+                property(t('runsFinish'), item.finishedAt || t('runsLive')),
+                property(t('consoleBranch'), item.branch),
+                property(t('projectHome'), item.workspaceCwd),
+                property(t('executionHome'), item.cwd),
+              ),
+              item.quality &&
+                item.finishedAt &&
+                !item.error &&
+                h(
+                  'p',
+                  null,
+                  t('runsObserved', {
+                    completed: item.quality.newCompletions,
+                    attempts: item.quality.newAttempts,
+                    failed: item.quality.newFailedAttempts,
+                    seconds: item.elapsedMs == null ? t('runsMissing') : (item.elapsedMs / 1000).toFixed(1),
+                  }),
+                ),
+              h(
+                'label',
+                { className: css.editorField },
+                t('runsReference'),
+                h(
+                  'select',
+                  {
+                    className: css.modeSelect,
+                    value: baseline?.id ?? '',
+                    onChange: (e) => setReference(e.target.value),
+                  },
+                  h('option', { value: '' }, t('runsNoReference')),
+                  ...runs.map((row) =>
+                    h(
+                      'option',
+                      { key: row.id, value: row.id },
+                      (row.summary?.slug ?? row.id) + ' · ' + row.startedAt,
+                    ),
+                  ),
+                ),
+              ),
+              h(
+                'p',
+                { className: css.meta },
+                t('runsCompare') +
+                  ' · ' +
+                  (baseline
+                    ? !item.conditions || !baseline.conditions
+                      ? t('runsMissing')
+                      : t(item.conditions === baseline.conditions ? 'runsEqual' : 'runsDifferent')
+                    : textValue(item.conditions).slice(0, 12)),
+              ),
+              h(
+                'section',
+                { className: css.details },
+                h('h4', null, 'Run / ' + item.id),
+                h('pre', { className: css.raw }, JSON.stringify(item, null, 2)),
+              ),
+            ),
+        )
+      : h('div', { className: css.workbenchEmpty }, h('p', null, t('runsEmpty'))),
+    control.metrics
+      ? h(
+          'section',
+          { className: css.runMetrics },
+          h('p', { className: css.meta }, t('consoleCompareHelp')),
+          h('p', { className: css.meta }, t('runsQuality')),
+          timeline && h(
+            'article',
+            { className: css.metricRow },
+            h('h4', { className: css.heading }, t('runsTimeline')),
+            h('p', { className: css.meta }, t('runsTimelineHelp')),
+            h('dl', { className: css.consoleProperties },
+              property(t('runsTimelineWall'), measuredTime(timeline.observedWallMs)),
+              property(t('runsTimelineSum'), measuredTime(timeline.knownSpanMs)),
+              property(t('runsTimelineSpans'), timeline.completeSpans + ' / ' + timeline.unknownSpans),
+              property(t('runsTimelineUnmatched'), timeline.unmatchedCalls),
+            ),
+          ),
+          !!(control.metrics.omittedGroups || control.metrics.omittedCalls) &&
+            h('p', { className: css.meta }, t('runsBounded')),
+          ...(control.metrics.groups ?? []).map((group, index) =>
+            h(
+              'article',
+              { key: index, className: css.metricRow },
+              h(
+                'h4',
+                { className: css.heading },
+                [group.role, group.harness, group.model].filter(Boolean).join(' · '),
+              ),
+              h('p', { className: css.meta }, group.runId || t('runsLegacy')),
+              h(
+                'dl',
+                { className: css.consoleProperties },
+                property(t('runsSamples'), group.calls + ' / ' + group.failedCalls),
+                property(
+                  t('runsLatency'),
+                  (group.knownDurationMs / 1000).toFixed(1) +
+                    ' s · ' +
+                    t('runsMissingCount', { count: group.missingDuration }),
+                ),
+                property(
+                  t('runsUsage'),
+                  group.knownTokens +
+                    ' / ' +
+                    group.missingUsage +
+                    ' · ' +
+                    t('runsPartial', { count: group.partialUsage ?? 0 }),
+                ),
+                property(
+                  t('runsCost'),
+                  (group.missingCost === group.calls
+                    ? t('runsMissing')
+                    : '$' + group.knownCostUSD.toFixed(4)) +
+                    ' / ' +
+                    group.missingCost,
+                ),
+              ),
+            ),
+          ),
+        )
+      : h('p', { className: css.runMetricsHint }, t('runsNoMetrics')),
+  );
+}
+
+return module.exports;
+}});