agentdev 0.1.10 → 0.2.1

package/dist/{chunk-NORTAQIL.js → chunk-4WK7UENZ.js}

@@ -1,6 +1,6 @@
 import {
   getDefaultUDSPath
-} from "./chunk-BAP2GCYH.js";
+} from "./chunk-7GTVQ55R.js";
 import {
   __require
 } from "./chunk-BDS2QGZ5.js";
@@ -1454,6 +1454,20 @@ function generateViewerHtml(port) {
       box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
     }
 
+    .feature-badge.status-removed {
+      color: #fff1f2;
+      background: rgba(190, 18, 60, 0.72);
+      border-color: rgba(225, 29, 72, 0.75);
+      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+    }
+
+    .feature-badge.status-superseded {
+      color: #f5f5f4;
+      background: rgba(120, 113, 108, 0.72);
+      border-color: rgba(168, 162, 158, 0.75);
+      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+    }
+
     body[data-theme="light"] .feature-badge.status-enabled {
       color: #166534;
       background: rgba(220, 252, 231, 1);
@@ -1469,6 +1483,16 @@ function generateViewerHtml(port) {
       background: rgba(254, 226, 226, 1);
     }
 
+    body[data-theme="light"] .feature-badge.status-removed {
+      color: #881337;
+      background: rgba(255, 228, 230, 1);
+    }
+
+    body[data-theme="light"] .feature-badge.status-superseded {
+      color: #57534e;
+      background: rgba(231, 229, 228, 1);
+    }
+
     .feature-card-detail {
       display: flex;
       align-items: center;
@@ -2696,6 +2720,18 @@ function generateViewerHtml(port) {
       background: transparent !important;
     }
 
+    /* \u4FEE\u590D\u884C\u53F7\u4E0D\u968F\u5185\u5BB9\u6EDA\u52A8\u7684\u95EE\u9898\uFF1A\u5C06 absolute \u6539\u4E3A sticky */
+    .d2h-code-side-linenumber {
+      position: sticky !important;
+      left: 0 !important;
+      z-index: 1 !important;
+    }
+    .d2h-code-linenumber {
+      position: sticky !important;
+      left: 0 !important;
+      z-index: 1 !important;
+    }
+
     /* \u7528\u6237\u8F93\u5165\u5BB9\u5668\uFF08\u9ED8\u8BA4\u9690\u85CF\uFF09 */
     #user-input-container {
       display: none;
@@ -2713,6 +2749,30 @@ function generateViewerHtml(port) {
       display: flex;
     }
 
+    #user-input-container.choice-input-active {
+      top: 56px;
+      bottom: 0;
+      padding: 24px;
+      align-items: center;
+      background: rgba(5, 7, 12, 0.64);
+      backdrop-filter: blur(5px);
+      pointer-events: auto;
+    }
+
+    body[data-theme="light"] #user-input-container.choice-input-active {
+      background: rgba(18, 20, 26, 0.32);
+    }
+
+    #user-input-container.choice-input-active.choice-collapsed {
+      top: auto;
+      bottom: 22px;
+      padding: 0 24px;
+      align-items: flex-end;
+      background: transparent;
+      backdrop-filter: none;
+      pointer-events: none;
+    }
+
     .user-input-card {
       pointer-events: auto;
       background: var(--input-card-bg);
@@ -2801,6 +2861,232 @@ function generateViewerHtml(port) {
       border-color: var(--text-primary);
     }
 
+    .user-choice-card {
+      gap: 12px;
+      padding: 18px 20px;
+      border-radius: 20px;
+      width: min(100%, 520px);
+      max-height: min(100%, 720px);
+      overflow: auto;
+      box-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
+    }
+
+    .user-choice-card:focus {
+      outline: none;
+      border-color: var(--input-card-border);
+    }
+
+    .user-choice-topline {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 16px;
+    }
+
+    .user-choice-title {
+      flex: 1;
+      min-width: 0;
+      color: var(--text-primary);
+      font-size: 18px;
+      line-height: 1.45;
+      font-weight: 700;
+    }
+
+    .user-choice-progress {
+      margin-left: auto;
+      color: var(--text-muted);
+      font-size: 12px;
+      line-height: 1.4;
+      white-space: nowrap;
+      padding-top: 1px;
+    }
+
+    .user-choice-question {
+      color: var(--text-secondary);
+      font-size: 15px;
+      line-height: 1.55;
+    }
+
+    .user-choice-close {
+      width: 30px;
+      height: 30px;
+      border-radius: 999px;
+      border: 1px solid var(--border-color);
+      background: transparent;
+      color: var(--text-primary);
+      cursor: pointer;
+      flex-shrink: 0;
+      font-size: 18px;
+      line-height: 1;
+    }
+
+    .user-choice-close:hover {
+      background: var(--hover-bg);
+    }
+
+    .user-choice-options {
+      display: grid;
+      gap: 8px;
+    }
+
+    .user-choice-option {
+      width: 100%;
+      display: grid;
+      grid-template-columns: 22px minmax(0, 1fr);
+      gap: 10px;
+      align-items: flex-start;
+      border: 1px solid var(--border-color);
+      background: transparent;
+      color: var(--text-primary);
+      border-radius: 12px;
+      padding: 10px 12px;
+      cursor: pointer;
+      font-family: inherit;
+      text-align: left;
+      transition: border-color 0.16s ease, background 0.16s ease;
+    }
+
+    .user-choice-option:hover,
+    .user-choice-option.active {
+      border-color: var(--text-secondary);
+      background: var(--hover-bg);
+    }
+
+    .user-choice-key {
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      border: 1px solid var(--border-color);
+      color: var(--text-muted);
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 11px;
+      line-height: 1;
+      margin-top: 1px;
+    }
+
+    .user-choice-option.active .user-choice-key {
+      color: var(--text-primary);
+      border-color: var(--text-primary);
+    }
+
+    .user-choice-label {
+      font-size: 14px;
+      line-height: 1.35;
+      color: var(--text-primary);
+      overflow-wrap: anywhere;
+    }
+
+    .user-choice-description {
+      margin-top: 3px;
+      font-size: 12px;
+      line-height: 1.45;
+      color: var(--text-muted);
+      overflow-wrap: anywhere;
+    }
+
+    .user-choice-custom {
+      display: none;
+      margin-top: -2px;
+    }
+
+    .user-choice-custom.active {
+      display: block;
+    }
+
+    .user-choice-custom textarea,
+    .user-choice-supplement textarea {
+      width: 100%;
+      min-height: 42px;
+      max-height: 140px;
+      resize: none;
+      box-sizing: border-box;
+      border: 1px solid var(--border-color);
+      background: transparent;
+      color: var(--text-primary);
+      border-radius: 12px;
+      padding: 10px 12px;
+      font: inherit;
+      font-size: 14px;
+      line-height: 1.45;
+      outline: none;
+    }
+
+    .user-choice-custom textarea:focus,
+    .user-choice-supplement textarea:focus {
+      border-color: var(--text-secondary);
+    }
+
+    .user-choice-supplement {
+      display: none;
+      margin-top: -2px;
+    }
+
+    .user-choice-supplement.active {
+      display: block;
+    }
+
+    .user-choice-supplement-label {
+      font-size: 12px;
+      color: var(--text-muted);
+      margin-bottom: 4px;
+    }
+
+    .user-choice-footer {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 12px;
+      color: var(--text-muted);
+      font-size: 12px;
+      line-height: 1.4;
+    }
+
+    .user-choice-submit {
+      border: 1px solid var(--text-primary);
+      background: var(--text-primary);
+      color: var(--bg-primary);
+      border-radius: 999px;
+      padding: 7px 14px;
+      font-size: 12px;
+      cursor: pointer;
+      font-family: inherit;
+    }
+
+    .user-choice-mini {
+      pointer-events: auto;
+      width: min(100% - 24px, 420px);
+      border: 1px solid var(--input-card-border);
+      background: var(--input-card-bg);
+      color: var(--text-primary);
+      border-radius: 999px;
+      padding: 10px 14px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+      box-shadow: 0 10px 32px var(--shadow-strong);
+      cursor: pointer;
+      font-family: inherit;
+      text-align: left;
+    }
+
+    .user-choice-mini-title {
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-size: 13px;
+      line-height: 1.4;
+    }
+
+    .user-choice-mini-meta {
+      color: var(--text-muted);
+      font-size: 12px;
+      white-space: nowrap;
+    }
+
   </style>
 </head>
 <body>
@@ -2974,6 +3260,7 @@ function generateViewerHtml(port) {
     let allAgents = [];
     let currentMessages = [];
     let currentInputRequests = [];
+    let choiceInputState = {};
     let toolRenderConfigs = {};
     let TOOL_NAMES = {};
     let contextMenuAgentId = null;
@@ -3036,6 +3323,7 @@ function generateViewerHtml(port) {
         panel_enabled: '\u5DF2\u542F\u7528',
         panel_partial: '\u90E8\u5206\u542F\u7528',
         panel_disabled: '\u5DF2\u5173\u95ED',
+        panel_removed: '\u5DF2\u79FB\u9664',
         panel_total: '\u603B\u6570',
         panel_all_features: '\u5168\u90E8\u529F\u80FD\u7279\u6027',
         panel_registered: '\u5DF2\u6CE8\u518C',
@@ -3079,6 +3367,7 @@ function generateViewerHtml(port) {
         feature_enabled: 'enabled',
         feature_partial: 'partial',
         feature_disabled: 'disabled',
+        feature_removed: 'removed',
         feature_hooks: 'hooks',
         feature_tools: 'tools',
         feature_messages: '\u6761\u6D88\u606F',
@@ -3086,9 +3375,13 @@ function generateViewerHtml(port) {
         feature_active_tools: '\u542F\u7528\u5DE5\u5177',
         feature_tool_enabled: 'enabled',
         feature_tool_disabled: 'disabled',
+        feature_tool_removed: 'removed',
+        feature_tool_superseded: '\u5DF2\u66FF\u4EE3',
         feature_tool_render: 'render',
         feature_open_details: '\u67E5\u770B\u8BE6\u60C5',
         feature_status_label: '\u72B6\u6001',
+        standalone_tools_title: '\u76F4\u63A5\u6CE8\u518C\u7684\u5DE5\u5177',
+        standalone_tools_desc: '\u975E Feature \u6CE8\u518C\u7684\u5DE5\u5177',
         mcp_section_kicker: 'MCP \u670D\u52A1\u5668',
         mcp_hero_title: 'Debugger Hub MCP \u670D\u52A1',
         structure_kicker: 'ReAct \u5FAA\u73AF\u62D3\u6251',
@@ -3195,6 +3488,7 @@ function generateViewerHtml(port) {
         panel_enabled: 'enabled',
         panel_partial: 'partial',
         panel_disabled: 'disabled',
+        panel_removed: 'removed',
         panel_total: 'total',
         panel_all_features: 'All Features',
         panel_registered: 'registered',
@@ -3238,6 +3532,7 @@ function generateViewerHtml(port) {
         feature_enabled: 'enabled',
         feature_partial: 'partial',
         feature_disabled: 'disabled',
+        feature_removed: 'removed',
         feature_hooks: 'hooks',
         feature_tools: 'tools',
         feature_messages: 'messages',
@@ -3245,9 +3540,13 @@ function generateViewerHtml(port) {
         feature_active_tools: 'Active Tools',
         feature_tool_enabled: 'enabled',
         feature_tool_disabled: 'disabled',
+        feature_tool_removed: 'removed',
+        feature_tool_superseded: 'superseded',
         feature_tool_render: 'render',
         feature_open_details: 'Open details',
         feature_status_label: 'Status',
+        standalone_tools_title: 'Direct Registered Tools',
+        standalone_tools_desc: 'Tools registered outside of Features',
         mcp_section_kicker: 'Model Context Protocol',
         mcp_hero_title: 'Debugger MCP Server',
         structure_kicker: 'ReAct Loop Topology',
@@ -3334,6 +3633,7 @@ function generateViewerHtml(port) {
     }
 
     function getFeatureStatusLabel(status) {
+      if (status === 'removed') return t('feature_removed');
       if (status === 'disabled') return t('feature_disabled');
       if (status === 'partial') return t('feature_partial');
       return t('feature_enabled');
@@ -3555,6 +3855,7 @@ function generateViewerHtml(port) {
             entries: [],
           };
         }),
+        standaloneTools: raw.standaloneTools || undefined,
       };
     }
 
@@ -4208,7 +4509,7 @@ function generateViewerHtml(port) {
         const status = getFeatureStatus(feature);
         acc[status] = (acc[status] || 0) + 1;
         return acc;
-      }, { enabled: 0, partial: 0, disabled: 0 });
+      }, { enabled: 0, partial: 0, disabled: 0, removed: 0 });
       const selectedDoc = lifecycleDocs[selectedOverviewLifecycle] || lifecycleDocs.StepFinish;
       const flowChips = currentHookInspector.lifecycleOrder
         .map(name => '<button class="hooks-chip' + (name === selectedOverviewLifecycle ? ' active' : '') + '" type="button" onclick="window.selectOverviewLifecycle(&quot;' + escapeHtml(name) + '&quot;)"><strong>' + escapeHtml(name) + '</strong></button>')
@@ -4230,7 +4531,7 @@ function generateViewerHtml(port) {
         '<div class="hooks-section-header"><div class="hooks-section-title">' + escapeHtml(t('panel_inspector')) + '</div><div class="hooks-section-meta">' + escapeHtml(connected) + '</div></div>',
         '<div class="feature-grid">',
         '<div class="feature-card"><div class="feature-card-name">' + escapeHtml(t('panel_connection')) + '</div><div class="feature-card-detail"><span>' + escapeHtml(connected) + '</span><span>' + String(currentMessages.length) + ' ' + escapeHtml(t('feature_messages')) + '</span></div></div>',
-        '<div class="feature-card"><div class="feature-card-name">' + escapeHtml(t('panel_features_label')) + '</div><div class="feature-card-detail"><span>' + String(currentHookInspector.features.length) + ' ' + escapeHtml(t('panel_total')) + '</span><span>' + String(featureStatusCounts.enabled) + ' ' + escapeHtml(t('panel_enabled')) + '</span><span>' + String(featureStatusCounts.partial) + ' ' + escapeHtml(t('panel_partial')) + '</span><span>' + String(featureStatusCounts.disabled) + ' ' + escapeHtml(t('panel_disabled')) + '</span></div></div>',
+        '<div class="feature-card"><div class="feature-card-name">' + escapeHtml(t('panel_features_label')) + '</div><div class="feature-card-detail"><span>' + String(currentHookInspector.features.length) + ' ' + escapeHtml(t('panel_total')) + '</span><span>' + String(featureStatusCounts.enabled) + ' ' + escapeHtml(t('panel_enabled')) + '</span><span>' + String(featureStatusCounts.partial) + ' ' + escapeHtml(t('panel_partial')) + '</span><span>' + String(featureStatusCounts.disabled) + ' ' + escapeHtml(t('panel_disabled')) + '</span><span>' + String(featureStatusCounts.removed) + ' ' + escapeHtml(t('panel_removed')) + '</span></div></div>',
         '</div>',
         '</section>',
         '<section class="hooks-section">',
@@ -4351,7 +4652,7 @@ function generateViewerHtml(port) {
               '<div class="feature-tool-card">',
               '<div class="feature-tool-top">',
               '<div class="feature-tool-name">' + escapeHtml(tool.name) + '</div>',
-              '<div class="' + getStatusBadgeClass(tool.enabled ? 'enabled' : 'disabled') + '">' + escapeHtml(tool.enabled ? t('feature_tool_enabled') : t('feature_tool_disabled')) + '</div>',
+              '<div class="' + getStatusBadgeClass(tool.state || (tool.enabled ? 'enabled' : 'disabled')) + '">' + escapeHtml(tool.state === 'superseded' ? t('feature_tool_superseded') : tool.state === 'removed' ? t('feature_tool_removed') : tool.state === 'disabled' || tool.enabled === false ? t('feature_tool_disabled') : t('feature_tool_enabled')) + '</div>',
               '</div>',
               '<div class="feature-tool-desc">' + escapeHtml(tool.description || '') + '</div>',
               '<div class="feature-tool-meta">',
@@ -4366,12 +4667,31 @@ function generateViewerHtml(port) {
         '</div>',
       ].join('') : '';
 
+      const standaloneSection = (currentHookInspector.standaloneTools && currentHookInspector.standaloneTools.length > 0)
+        ? [
+          '<section class="hooks-section">',
+          '<div class="hooks-section-header"><div class="hooks-section-title">' + escapeHtml(t('standalone_tools_title')) + '</div><div class="hooks-section-meta">' + String(currentHookInspector.standaloneTools.length) + '</div></div>',
+          '<div class="feature-tool-list">' + currentHookInspector.standaloneTools.map(tool => [
+            '<div class="feature-tool-card">',
+            '<div class="feature-tool-top">',
+            '<div class="feature-tool-name">' + escapeHtml(tool.name) + '</div>',
+            '<div class="' + getStatusBadgeClass(tool.state || 'enabled') + '">' + escapeHtml(tool.state === 'superseded' ? t('feature_tool_superseded') : tool.state === 'removed' ? t('feature_tool_removed') : tool.state === 'disabled' ? t('feature_tool_disabled') : t('feature_tool_enabled')) + '</div>',
+            '</div>',
+            '<div class="feature-tool-desc">' + escapeHtml(tool.description || '') + '</div>',
+            tool.source ? '<div class="feature-tool-meta"><span class="feature-tool-pill">source: ' + escapeHtml(tool.source) + '</span></div>' : '',
+            '</div>',
+          ].join('')).join('') + '</div>',
+          '</section>',
+        ].join('')
+        : '';
+
       return [
         '<div class="hooks-panel feature-detail-shell">',
         '<section class="hooks-section">',
         '<div class="hooks-section-header"><div class="hooks-section-title">' + escapeHtml(t('panel_all_features')) + '</div><div class="hooks-section-meta">' + String(currentHookInspector.features.length) + ' ' + escapeHtml(t('panel_registered')) + '</div></div>',
         '<div class="feature-grid">' + featureCards + '</div>',
         '</section>',
+        standaloneSection,
         detailOverlay,
         '</div>',
       ].join('');
@@ -5357,11 +5677,26 @@ function generateViewerHtml(port) {
       const container = document.getElementById('user-input-container');
       if (!container) return;
       currentInputRequests = requests;
+      const hasChoiceRequest = Array.isArray(requests) && requests.some(isChoiceInputRequest);
 
       // \u6E05\u7A7A\u73B0\u6709\u5185\u5BB9
       container.innerHTML = '';
+      container.classList.toggle('choice-input-active', hasChoiceRequest);
+      container.classList.remove('choice-collapsed');
+      container.onclick = hasChoiceRequest
+        ? function(event) {
+            if (event.target === container) {
+              collapsePrimaryChoiceRequest();
+            }
+          }
+        : null;
 
       for (const req of requests) {
+        if (isChoiceInputRequest(req)) {
+          renderChoiceInputRequest(container, req);
+          continue;
+        }
+
         const card = document.createElement('div');
         card.className = 'user-input-card';
         const actionsHtml = Array.isArray(req.actions) && req.actions.length > 0
@@ -5398,6 +5733,339 @@ function generateViewerHtml(port) {
       }
     }
 
+    function isChoiceInputRequest(req) {
+      return !!req && req.mode === 'choices' && Array.isArray(req.questions) && req.questions.length > 0;
+    }
+
+    function getChoiceRequestById(requestId) {
+      return (currentInputRequests || []).find(req => req.requestId === requestId) || null;
+    }
+
+    function getChoiceState(requestId) {
+      if (!choiceInputState[requestId]) {
+        choiceInputState[requestId] = {
+          questionIndex: 0,
+          answers: [],
+          selectedIndex: 0,
+          selectedIndexByQuestion: {},
+          customTextByQuestion: {},
+          supplementTextByOption: {},
+          collapsed: false,
+        };
+      }
+      return choiceInputState[requestId];
+    }
+
+    function getChoiceOptionCount(question) {
+      const optionCount = Array.isArray(question?.options) ? Math.min(question.options.length, 4) : 0;
+      return optionCount + (question?.allowCustom ? 1 : 0);
+    }
+
+    function buildChoiceAnswer(req, state, questionIndex) {
+      const question = req?.questions?.[questionIndex] || {};
+      const options = Array.isArray(question.options) ? question.options.slice(0, 4) : [];
+      const selectedIndex = state.selectedIndexByQuestion?.[question.id] ?? (questionIndex === state.questionIndex ? state.selectedIndex : 0);
+      const isCustom = question.allowCustom && selectedIndex >= options.length;
+      if (isCustom) {
+        return {
+          questionId: question.id,
+          customText: (state.customTextByQuestion[question.id] || '').trim(),
+        };
+      }
+      const selectedOption = options[selectedIndex];
+      const supplementKey = question.id + ':' + (selectedOption?.id || '');
+      const supplementText = selectedOption?.allowSupplement
+        ? (state.supplementTextByOption?.[supplementKey] || '').trim()
+        : undefined;
+      return {
+        questionId: question.id,
+        optionId: selectedOption?.id,
+        supplementText: supplementText || undefined,
+      };
+    }
+
+    function rememberCurrentChoice(req, state) {
+      const question = req?.questions?.[state.questionIndex] || {};
+      if (!question.id) return;
+      state.selectedIndexByQuestion[question.id] = state.selectedIndex || 0;
+      state.answers[state.questionIndex] = buildChoiceAnswer(req, state, state.questionIndex);
+    }
+
+    function renderChoiceInputRequest(container, req) {
+      const state = getChoiceState(req.requestId);
+      const questions = Array.isArray(req.questions) ? req.questions : [];
+      if (state.collapsed) {
+        container.classList.add('choice-collapsed');
+        const mini = document.createElement('button');
+        mini.className = 'user-choice-mini';
+        mini.type = 'button';
+        mini.setAttribute('onclick', \`expandChoiceRequest('\${req.requestId}')\`);
+        mini.innerHTML = \`
+          <span class="user-choice-mini-title">\${escapeHtml(req.prompt || '\u7B49\u5F85\u4F60\u7684\u9009\u62E9')}</span>
+          <span class="user-choice-mini-meta">\${Math.min((state.questionIndex || 0) + 1, questions.length)} / \${questions.length}</span>
+        \`;
+        container.appendChild(mini);
+        return;
+      }
+
+      container.classList.remove('choice-collapsed');
+      const questionIndex = Math.max(0, Math.min(state.questionIndex || 0, questions.length - 1));
+      state.questionIndex = questionIndex;
+      const question = questions[questionIndex] || {};
+      const options = Array.isArray(question.options) ? question.options.slice(0, 4) : [];
+      const hasCustom = !!question.allowCustom;
+      const optionCount = options.length + (hasCustom ? 1 : 0);
+      state.selectedIndex = Math.max(0, Math.min(state.selectedIndexByQuestion?.[question.id] ?? state.selectedIndex ?? 0, Math.max(0, optionCount - 1)));
+
+      const card = document.createElement('div');
+      card.className = 'user-input-card user-choice-card';
+      card.tabIndex = 0;
+      card.setAttribute('onkeydown', \`handleChoiceKey(event, '\${req.requestId}')\`);
+
+      const optionHtml = options.map((option, index) => {
+        const isActive = index === state.selectedIndex;
+        const supplementKey = question.id + ':' + (option.id || '');
+        const supplementText = state.supplementTextByOption?.[supplementKey] || '';
+        const showSupplement = isActive && option.allowSupplement;
+        const supplementLabel = option.supplementLabel || '';
+        const supplementPlaceholder = option.supplementPlaceholder || '';
+        return \`
+          <div>
+            <button class="user-choice-option \${isActive ? 'active' : ''}" type="button" onclick="selectChoiceOption('\${req.requestId}', \${index})">
+              <span class="user-choice-key">\${index + 1}</span>
+              <span>
+                <span class="user-choice-label">\${escapeHtml(option.label || option.id || ('\u9009\u9879 ' + (index + 1)))}</span>
+                \${option.description ? \`<span class="user-choice-description">\${escapeHtml(option.description)}</span>\` : ''}
+              </span>
+            </button>
+            <div class="user-choice-supplement \${showSupplement ? 'active' : ''}">
+              \${supplementLabel ? \`<div class="user-choice-supplement-label">\${escapeHtml(supplementLabel)}</div>\` : ''}
+              <textarea id="choice-supplement-\${req.requestId}-\${index}" rows="2"
+                oninput="updateChoiceSupplementText('\${req.requestId}', '\${supplementKey}', this.value); autoResize(this)"
+                onkeydown="handleChoiceCustomKey(event, '\${req.requestId}')"
+                placeholder="\${escapeHtml(supplementPlaceholder || '\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09')}">\${escapeHtml(supplementText)}</textarea>
+            </div>
+          </div>
+        \`;
+      }).join('');
+
+      const customIndex = options.length;
+      const customActive = hasCustom && state.selectedIndex === customIndex;
+      const customText = state.customTextByQuestion[question.id] || '';
+      const customHtml = hasCustom ? \`
+        <button class="user-choice-option \${customActive ? 'active' : ''}" type="button" onclick="selectChoiceOption('\${req.requestId}', \${customIndex})">
+          <span class="user-choice-key">\${customIndex + 1}</span>
+          <span>
+            <span class="user-choice-label">\${escapeHtml(question.customLabel || '\u5176\u4ED6\uFF0C\u6211\u60F3\u8865\u5145')}</span>
+            <span class="user-choice-description">\u9009\u62E9\u540E\u53EF\u4EE5\u76F4\u63A5\u8F93\u5165\u60F3\u8BF4\u7684\u8BDD</span>
+          </span>
+        </button>
+        <div class="user-choice-custom \${customActive ? 'active' : ''}">
+          <textarea id="choice-custom-\${req.requestId}" rows="2"
+            oninput="updateChoiceCustomText('\${req.requestId}', this.value); autoResize(this)"
+            onkeydown="handleChoiceCustomKey(event, '\${req.requestId}')"
+            placeholder="\${escapeHtml(question.customPlaceholder || '\u8F93\u5165\u4F60\u7684\u8865\u5145\u5185\u5BB9')}">\${escapeHtml(customText)}</textarea>
+        </div>
+      \` : '';
+
+      card.innerHTML = \`
+        <div class="user-choice-topline">
+          <div class="user-choice-title">\${escapeHtml(req.prompt || '\u9700\u8981\u4F60\u505A\u4E2A\u9009\u62E9')}</div>
+          <div class="user-choice-progress">\${questionIndex + 1} / \${questions.length}</div>
+          <button class="user-choice-close" type="button" title="\u4E34\u65F6\u6536\u8D77" onclick="collapseChoiceRequest('\${req.requestId}')">\xD7</button>
+        </div>
+        <div class="user-choice-question">\${escapeHtml(question.question || '')}</div>
+        <div class="user-choice-options">
+          \${optionHtml}
+          \${customHtml}
+        </div>
+        <div class="user-choice-footer">
+          <span>\u2191\u2193 \u9009\u9879\uFF0C\u2190\u2192 \u9898\u76EE\uFF0CEnter \u786E\u8BA4</span>
+          <button class="user-choice-submit" type="button" onclick="confirmChoiceQuestion('\${req.requestId}')">\${questionIndex + 1 === questions.length ? '\u63D0\u4EA4' : '\u4E0B\u4E00\u9898'}</button>
+        </div>
+      \`;
+
+      container.appendChild(card);
+      setTimeout(() => {
+        const customInput = customActive ? document.getElementById(\`choice-custom-\${req.requestId}\`) : null;
+        const activeOption = options[state.selectedIndex];
+        const supplementInput = !customActive && activeOption?.allowSupplement
+          ? document.getElementById('choice-supplement-' + req.requestId + '-' + state.selectedIndex)
+          : null;
+        const target = customInput || supplementInput || card;
+        target.focus();
+        if (customInput || supplementInput) {
+          const el = customInput || supplementInput;
+          const end = el.value.length;
+          el.setSelectionRange(end, end);
+          autoResize(el);
+        }
+      }, 30);
+    }
+
+    function rerenderChoiceRequest(requestId) {
+      renderInputRequests(currentInputRequests || []);
+    }
+
+    window.selectChoiceOption = function(requestId, optionIndex) {
+      const req = getChoiceRequestById(requestId);
+      const state = getChoiceState(requestId);
+      state.selectedIndex = optionIndex;
+      const question = req?.questions?.[state.questionIndex];
+      if (question?.id) {
+        state.selectedIndexByQuestion[question.id] = optionIndex;
+      }
+      rerenderChoiceRequest(requestId);
+    };
+
+    window.collapseChoiceRequest = function(requestId) {
+      const state = getChoiceState(requestId);
+      const req = getChoiceRequestById(requestId);
+      rememberCurrentChoice(req, state);
+      state.collapsed = true;
+      rerenderChoiceRequest(requestId);
+    };
+
+    window.expandChoiceRequest = function(requestId) {
+      const state = getChoiceState(requestId);
+      state.collapsed = false;
+      rerenderChoiceRequest(requestId);
+    };
+
+    function collapsePrimaryChoiceRequest() {
+      const request = (currentInputRequests || []).find(isChoiceInputRequest);
+      if (request) {
+        window.collapseChoiceRequest(request.requestId);
+      }
+    }
+
+    window.updateChoiceCustomText = function(requestId, value) {
+      const req = getChoiceRequestById(requestId);
+      const state = getChoiceState(requestId);
+      const question = req?.questions?.[state.questionIndex];
+      if (question?.id) {
+        state.customTextByQuestion[question.id] = value;
+      }
+    };
+
+    window.updateChoiceSupplementText = function(requestId, supplementKey, value) {
+      const state = getChoiceState(requestId);
+      if (!state.supplementTextByOption) {
+        state.supplementTextByOption = {};
+      }
+      state.supplementTextByOption[supplementKey] = value;
+    };
+
+    window.handleChoiceKey = function(event, requestId) {
+      const req = getChoiceRequestById(requestId);
+      if (!req) return;
+      const state = getChoiceState(requestId);
+      const question = req.questions[state.questionIndex] || {};
+      const optionCount = getChoiceOptionCount(question);
+      if (event.key === 'ArrowDown') {
+        event.preventDefault();
+        state.selectedIndex = Math.min(optionCount - 1, (state.selectedIndex || 0) + 1);
+        if (question.id) state.selectedIndexByQuestion[question.id] = state.selectedIndex;
+        rerenderChoiceRequest(requestId);
+      } else if (event.key === 'ArrowUp') {
+        event.preventDefault();
+        state.selectedIndex = Math.max(0, (state.selectedIndex || 0) - 1);
+        if (question.id) state.selectedIndexByQuestion[question.id] = state.selectedIndex;
+        rerenderChoiceRequest(requestId);
+      } else if (event.key === 'ArrowRight') {
+        event.preventDefault();
+        rememberCurrentChoice(req, state);
+        state.questionIndex = Math.min(req.questions.length - 1, state.questionIndex + 1);
+        state.selectedIndex = state.selectedIndexByQuestion[req.questions[state.questionIndex]?.id] ?? 0;
+        rerenderChoiceRequest(requestId);
+      } else if (event.key === 'ArrowLeft') {
+        event.preventDefault();
+        rememberCurrentChoice(req, state);
+        state.questionIndex = Math.max(0, state.questionIndex - 1);
+        state.selectedIndex = state.selectedIndexByQuestion[req.questions[state.questionIndex]?.id] ?? 0;
+        rerenderChoiceRequest(requestId);
+      } else if (event.key === 'Enter') {
+        event.preventDefault();
+        confirmChoiceQuestion(requestId);
+      }
+    };
+
+    window.handleChoiceCustomKey = function(event, requestId) {
+      if (event.key === 'Enter' && !event.shiftKey && !event.ctrlKey) {
+        event.preventDefault();
+        confirmChoiceQuestion(requestId);
+      }
+    };
+
+    window.confirmChoiceQuestion = async function(requestId) {
+      const req = getChoiceRequestById(requestId);
+      if (!req) return;
+      const state = getChoiceState(requestId);
+      const questions = req.questions || [];
+      rememberCurrentChoice(req, state);
+
+      // Validate supplement-required for current question
+      const currentQuestion = questions[state.questionIndex];
+      if (currentQuestion) {
+        const currentAnswer = state.answers[state.questionIndex];
+        if (currentAnswer && currentAnswer.optionId) {
+          const selectedOption = (currentQuestion.options || []).find(o => o.id === currentAnswer.optionId);
+          if (selectedOption && selectedOption.allowSupplement && selectedOption.supplementRequired) {
+            const supplementKey = currentQuestion.id + ':' + currentAnswer.optionId;
+            const supplementValue = (state.supplementTextByOption?.[supplementKey] || '').trim();
+            if (!supplementValue) {
+              const supplementInput = document.getElementById('choice-supplement-' + requestId + '-' + (currentQuestion.options.indexOf(selectedOption)));
+              if (supplementInput) {
+                supplementInput.focus();
+                supplementInput.style.borderColor = '#dc3545';
+                setTimeout(() => { supplementInput.style.borderColor = ''; }, 1500);
+              }
+              return;
+            }
+          }
+        }
+      }
+
+      if (state.questionIndex < questions.length - 1) {
+        state.questionIndex += 1;
+        state.selectedIndex = state.selectedIndexByQuestion[questions[state.questionIndex]?.id] ?? 0;
+        rerenderChoiceRequest(requestId);
+        return;
+      }
+
+      const finalAnswers = questions.map((_, index) => state.answers[index] || buildChoiceAnswer(req, state, index));
+      const summary = finalAnswers.map((item, index) => {
+        const q = questions[index] || {};
+        if (item.customText) return \`\${q.question || item.questionId}: \${item.customText}\`;
+        const option = (q.options || []).find(candidate => candidate.id === item.optionId);
+        let line = \`\${q.question || item.questionId}: \${option?.label || item.optionId || ''}\`;
+        if (item.supplementText) line += \` (\${item.supplementText})\`;
+        return line;
+      }).join('\\n');
+
+      try {
+        const res = await fetch(\`/api/agents/\${currentAgentId}/input\`, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            requestId,
+            input: summary,
+            response: {
+              kind: 'choices',
+              choices: finalAnswers,
+              text: summary,
+            },
+          }),
+        });
+        if (res.ok) {
+          delete choiceInputState[requestId];
+          poll();
+        }
+      } catch (e) {
+        console.error('\u63D0\u4EA4\u9009\u62E9\u5931\u8D25:', e);
+      }
+    };
+
     function syncRollbackActionButtons() {
       const allowRollback = !!getPrimaryInputRequest();
       const rows = container.querySelectorAll('.message-row');
@@ -5623,7 +6291,7 @@ function generateViewerHtml(port) {
                 </div>
               </div>
           \`;
-        } else if (msg.content.startsWith('[Error:')) {
+        } else if (msg.content.startsWith('[Error:') || msg.content.startsWith('[API Error:')) {
           // \u9519\u8BEF\u6D88\u606F\u4F7F\u7528\u7EA2\u8272\u6837\u5F0F
           innerContent += \`<div class="tool-error">\${escapeHtml(msg.content)}</div>\`;
         } else {
@@ -6278,6 +6946,9 @@ var ViewerWorker = class {
       case "request-input":
         this.handleRequestInput(msg);
         break;
+      case "consume-queued-input":
+        this.handleConsumeQueuedInput(msg.agentId, msg.inputId);
+        break;
       case "stop":
         this.handleStop();
         break;
@@ -6405,6 +7076,31 @@ var ViewerWorker = class {
       this.handlePostInput(req, res, inputPostMatch[1]);
       return;
     }
+    const queueInputMatch = url.match(/^\/api\/agents\/([^/]+)\/queue-input$/);
+    if (queueInputMatch && req.method === "POST") {
+      this.handleQueueInput(req, res, queueInputMatch[1]);
+      return;
+    }
+    const queuedInputsMatch = url.match(/^\/api\/agents\/([^/]+)\/queued-inputs$/);
+    if (queuedInputsMatch && req.method === "GET") {
+      this.handleGetQueuedInputs(req, res, queuedInputsMatch[1]);
+      return;
+    }
+    const dequeueMatch = url.match(/^\/api\/agents\/([^/]+)\/dequeue-input$/);
+    if (dequeueMatch && req.method === "POST") {
+      this.handleDequeueInput(req, res, dequeueMatch[1]);
+      return;
+    }
+    const interruptMatch = url.match(/^\/api\/agents\/([^/]+)\/interrupt$/);
+    if (interruptMatch && req.method === "POST") {
+      this.handleInterrupt(req, res, interruptMatch[1]);
+      return;
+    }
+    const runningMatch = url.match(/^\/api\/agents\/([^/]+)\/running$/);
+    if (runningMatch && req.method === "GET") {
+      this.handleGetRunning(req, res, runningMatch[1]);
+      return;
+    }
     if (url === "/api/messages" && req.method === "GET") {
       if (this.currentAgentId) {
         this.handleGetAgentMessages(req, res, this.currentAgentId);
@@ -6684,7 +7380,7 @@ var ViewerWorker = class {
       return;
     }
     res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
-    res.end(JSON.stringify(session.overview || this.createEmptyOverview()));
+    res.end(JSON.stringify(this.getMergedOverview(session)));
   }
   /**
    * GET /api/agents/:id/notification - 获取指定 Agent 的通知状态
@@ -6701,6 +7397,9 @@ var ViewerWorker = class {
     res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
     res.end(JSON.stringify({
       state: session.currentState,
+      event: session.events.length > 0 ? session.events[session.events.length - 1] : null,
+      runtime: this.cloneRuntimeState(this.getSessionRuntimeState(session)),
+      callActive: session.callActive === true,
       hasNewEvents
     }));
   }
@@ -6819,6 +7518,8 @@ var ViewerWorker = class {
       placeholder: data.placeholder,
       initialValue: data.initialValue,
       actions: data.actions,
+      mode: data.mode,
+      questions: data.questions,
       timestamp: data.timestamp
     }));
     res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
@@ -6891,6 +7592,173 @@ var ViewerWorker = class {
       }
     });
   }
+  /**
+   * 排队用户输入（运行期间提交的消息）
+   */
+  handleQueueInput(req, res, agentId) {
+    let body = "";
+    req.on("data", (chunk) => {
+      body += chunk;
+    });
+    req.on("end", () => {
+      try {
+        const { text } = JSON.parse(body);
+        if (!text || typeof text !== "string") {
+          res.writeHead(400, { "Content-Type": "application/json; charset=utf-8" });
+          res.end(JSON.stringify({ error: "Missing or invalid text" }));
+          return;
+        }
+        const session = this.agentSessions.get(agentId);
+        if (!session) {
+          res.writeHead(404, { "Content-Type": "application/json; charset=utf-8" });
+          res.end(JSON.stringify({ error: "Agent not found" }));
+          return;
+        }
+        if (!session.queuedInputs) {
+          session.queuedInputs = [];
+        }
+        const queuedInput = {
+          id: `q-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+          text,
+          timestamp: Date.now()
+        };
+        session.queuedInputs.push(queuedInput);
+        console.log(`[Viewer Worker] \u7528\u6237\u8F93\u5165\u5DF2\u6392\u961F: ${agentId}, queueLength=${session.queuedInputs.length}`);
+        const targetClientId = session.clientId;
+        const targetSocket = targetClientId ? this.udsClients.get(targetClientId) : null;
+        session.useArbiterQueue = !!targetSocket;
+        if (targetSocket) {
+          try {
+            targetSocket.write(JSON.stringify({
+              type: "queue-input",
+              agentId,
+              input: queuedInput
+            }) + "\n");
+          } catch (writeError) {
+            console.error("[Viewer Worker] queue-input \u8F6C\u53D1\u5230\u8FD0\u884C\u65F6\u5931\u8D25:", writeError);
+          }
+        }
+        res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+        res.end(JSON.stringify({ success: true, id: queuedInput.id, queueLength: session.queuedInputs.length }));
+      } catch (e) {
+        res.writeHead(400, { "Content-Type": "application/json; charset=utf-8" });
+        res.end(JSON.stringify({ error: "Invalid request" }));
+      }
+    });
+  }
+  /**
+   * 获取排队中的用户输入
+   */
+  handleGetQueuedInputs(req, res, agentId) {
+    const session = this.agentSessions.get(agentId);
+    if (!session) {
+      res.writeHead(404, { "Content-Type": "application/json; charset=utf-8" });
+      res.end(JSON.stringify({ error: "Agent not found" }));
+      return;
+    }
+    const queued = session.queuedInputs || [];
+    res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+    res.end(JSON.stringify(queued));
+  }
+  /**
+   * 消费第一条排队消息
+   */
+  handleDequeueInput(req, res, agentId) {
+    const session = this.agentSessions.get(agentId);
+    if (!session) {
+      res.writeHead(404, { "Content-Type": "application/json; charset=utf-8" });
+      res.end(JSON.stringify({ error: "Agent not found" }));
+      return;
+    }
+    if (session.useArbiterQueue) {
+      res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+      res.end(JSON.stringify({ input: null, remaining: session.queuedInputs?.length || 0 }));
+      return;
+    }
+    const queued = session.queuedInputs || [];
+    if (queued.length === 0) {
+      res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+      res.end(JSON.stringify({ input: null }));
+      return;
+    }
+    const input = queued.shift();
+    console.log(`[Viewer Worker] \u6D88\u8D39\u6392\u961F\u8F93\u5165: ${agentId}, remaining=${queued.length}`);
+    res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+    res.end(JSON.stringify({ input, remaining: queued.length }));
+  }
+  handleConsumeQueuedInput(agentId, inputId) {
+    const session = this.agentSessions.get(agentId);
+    if (!session || !Array.isArray(session.queuedInputs) || !inputId) {
+      return;
+    }
+    const nextQueue = session.queuedInputs.filter((item) => item?.id !== inputId);
+    if (nextQueue.length !== session.queuedInputs.length) {
+      session.queuedInputs = nextQueue;
+      console.log(`[Viewer Worker] \u5DF2\u79FB\u9664\u6392\u961F\u8F93\u5165: ${agentId}, inputId=${inputId}, remaining=${session.queuedInputs.length}`);
+    }
+  }
+  /**
+   * 中断正在运行的 Agent
+   */
+  handleInterrupt(req, res, agentId) {
+    const session = this.agentSessions.get(agentId);
+    console.log(`[VW.handleInterrupt] agentId=${agentId}, sessionFound=${!!session}, sessionKeys=[${[...this.agentSessions.keys()].join(",")}]`);
+    if (!session) {
+      console.log(`[VW.handleInterrupt] 404 - agent not found in sessions`);
+      res.writeHead(404, { "Content-Type": "application/json; charset=utf-8" });
+      res.end(JSON.stringify({ error: "Agent not found" }));
+      return;
+    }
+    const targetClientId = session.clientId;
+    console.log(`[VW.handleInterrupt] session.clientId=${targetClientId}, udsClientKeys=[${[...this.udsClients.keys()].join(",")}]`);
+    if (targetClientId) {
+      const targetSocket = this.udsClients.get(targetClientId);
+      console.log(`[VW.handleInterrupt] socketFound=${!!targetSocket}, socketDestroyed=${targetSocket?.destroyed}`);
+      if (targetSocket) {
+        try {
+          if (Array.isArray(session.queuedInputs) && session.queuedInputs.length > 0) {
+            session.queuedInputs = [];
+          }
+          targetSocket.write(JSON.stringify({
+            type: "interrupt-agent",
+            agentId,
+            clearQueue: true
+          }) + "\n");
+          console.log(`[VW.handleInterrupt] UDS message sent to ${targetClientId}: ${agentId}`);
+        } catch (writeError) {
+          console.error("[VW.handleInterrupt] UDS write failed:", writeError);
+        }
+      } else {
+        console.warn(`[VW.handleInterrupt] no UDS socket for clientId=${targetClientId}`);
+      }
+    } else {
+      console.warn(`[VW.handleInterrupt] session has no clientId`);
+    }
+    res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+    res.end(JSON.stringify({ success: true }));
+  }
+  /**
+   * 查询 Agent 是否正在运行
+   */
+  handleGetRunning(req, res, agentId) {
+    const session = this.agentSessions.get(agentId);
+    if (!session) {
+      res.writeHead(404, { "Content-Type": "application/json; charset=utf-8" });
+      res.end(JSON.stringify({ error: "Agent not found" }));
+      return;
+    }
+    const targetClientId = session.clientId;
+    if (targetClientId) {
+      const targetSocket = this.udsClients.get(targetClientId);
+      if (targetSocket) {
+        res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+        res.end(JSON.stringify({ running: true }));
+        return;
+      }
+    }
+    res.writeHead(200, { "Content-Type": "application/json; charset=utf-8" });
+    res.end(JSON.stringify({ running: false }));
+  }
   // ========== 会话管理 ==========
   /**
    * 获取或创建会话
@@ -6907,10 +7775,13 @@ var ViewerWorker = class {
         lastActive: Date.now(),
         // 通知系统扩展
         currentState: null,
+        callActive: false,
+        runtimeState: this.createEmptyRuntimeState(),
         events: [],
         lastEventCount: 0,
         logs: [],
-        overview: this.createEmptyOverview()
+        overview: this.createEmptyOverview(),
+        queuedInputs: []
       };
       this.agentSessions.set(agentId, session);
     }
@@ -6998,7 +7869,10 @@ var ViewerWorker = class {
     const { agentId, overview } = msg;
     const session = this.agentSessions.get(agentId);
     if (!session) return;
-    session.overview = overview;
+    session.overview = {
+      ...overview,
+      runtime: this.cloneRuntimeState(session.runtimeState || overview.runtime || this.createEmptyRuntimeState())
+    };
     this.updateSessionActivity(agentId);
   }
   /**
@@ -7042,7 +7916,60 @@ var ViewerWorker = class {
         calls: [],
         totalRequests: 0,
         totalCacheHitRequests: 0
-      }
+      },
+      runtime: this.createEmptyRuntimeState()
+    };
+  }
+  createEmptyRuntimeState() {
+    return {
+      stage: "idle",
+      callActive: false,
+      charCount: 0,
+      thinkingChars: 0,
+      contentChars: 0,
+      toolCallCount: 0,
+      activeToolNames: [],
+      activeToolCount: 0,
+      callStartedAt: 0,
+      stageStartedAt: 0,
+      updatedAt: 0,
+      lastErrorType: null,
+      lastErrorMessage: null
+    };
+  }
+  cloneRuntimeState(snapshot) {
+    const source = snapshot || this.createEmptyRuntimeState();
+    return {
+      ...source,
+      activeToolNames: Array.isArray(source.activeToolNames) ? source.activeToolNames.slice() : []
+    };
+  }
+  getRuntimeStageFromLLMPhase(phase) {
+    if (phase === "thinking") return "llm_thinking";
+    if (phase === "content") return "llm_content";
+    if (phase === "tool_calling") return "llm_tool_call_building";
+    return "awaiting_runtime";
+  }
+  updateRuntimeStage(runtimeState, nextStage, timestamp) {
+    const nextTimestamp = timestamp || Date.now();
+    return {
+      ...runtimeState,
+      stage: nextStage,
+      stageStartedAt: runtimeState.stage === nextStage ? runtimeState.stageStartedAt || nextTimestamp : nextTimestamp,
+      updatedAt: nextTimestamp
+    };
+  }
+  getSessionRuntimeState(session) {
+    if (!session.runtimeState) {
+      session.runtimeState = this.createEmptyRuntimeState();
+    }
+    return session.runtimeState;
+  }
+  getMergedOverview(session) {
+    const base = session.overview || this.createEmptyOverview();
+    return {
+      ...base,
+      runtime: this.cloneRuntimeState(this.getSessionRuntimeState(session))
     };
   }
   /**
@@ -7142,7 +8069,9 @@ var ViewerWorker = class {
   handlePushNotification(msg) {
     const { agentId, notification } = msg;
     const session = this.agentSessions.get(agentId);
-    if (!session) return;
+    if (!session) {
+      return;
+    }
     this.updateSessionActivity(agentId);
     if (notification?.type === "log.entry" && notification?.data) {
       session.logs.push(this.normalizeLogEntry(notification.data, session));
@@ -7151,6 +8080,75 @@ var ViewerWorker = class {
       }
       return;
     }
+    const runtimeState = this.getSessionRuntimeState(session);
+    if (notification.type === "call.start") {
+      session.callActive = true;
+      const nextStage = runtimeState.activeToolCount > 0 ? "tool_executing" : "awaiting_runtime";
+      session.runtimeState = {
+        ...this.updateRuntimeStage(runtimeState, nextStage, notification.timestamp || Date.now()),
+        callActive: true,
+        callStartedAt: runtimeState.callActive === true ? runtimeState.callStartedAt || notification.timestamp || Date.now() : notification.timestamp || Date.now(),
+        lastErrorType: null,
+        lastErrorMessage: null
+      };
+    } else if (notification.type === "call.finish") {
+      const finishData = notification.data && typeof notification.data === "object" ? notification.data : {};
+      const completed = finishData.completed !== false;
+      session.callActive = false;
+      session.runtimeState = {
+        ...this.updateRuntimeStage(runtimeState, completed ? "completed" : "failed", notification.timestamp || Date.now()),
+        callActive: false,
+        activeToolNames: [],
+        activeToolCount: 0,
+        retryAttempt: void 0,
+        maxRetries: void 0,
+        nextRetryDelayMs: void 0
+      };
+    } else if (notification.type === "llm.char_count") {
+      const data = notification.data && typeof notification.data === "object" ? notification.data : {};
+      const charCount = typeof data.charCount === "number" ? data.charCount : runtimeState.charCount;
+      const phase = typeof data.phase === "string" ? data.phase : "";
+      const toolCallCount = typeof data.toolCallCount === "number" ? data.toolCallCount : runtimeState.toolCallCount;
+      const nextStage = this.getRuntimeStageFromLLMPhase(phase);
+      session.runtimeState = {
+        ...this.updateRuntimeStage(runtimeState, nextStage, notification.timestamp || Date.now()),
+        callActive: session.callActive === true,
+        charCount,
+        thinkingChars: typeof data.thinkingChars === "number" ? data.thinkingChars : phase === "thinking" ? charCount : runtimeState.thinkingChars,
+        contentChars: typeof data.contentChars === "number" ? data.contentChars : phase === "content" ? charCount : runtimeState.contentChars,
+        toolCallCount
+      };
+    } else if (notification.type === "llm.complete") {
+      const nextStage = session.callActive === true ? runtimeState.activeToolCount > 0 ? "tool_executing" : "awaiting_runtime" : "completed";
+      session.runtimeState = {
+        ...this.updateRuntimeStage(runtimeState, nextStage, notification.timestamp || Date.now()),
+        callActive: session.callActive === true
+      };
+    } else if (notification.type === "tool.start") {
+      const data = notification.data && typeof notification.data === "object" ? notification.data : {};
+      const toolName = typeof data.toolName === "string" ? data.toolName.trim() : "";
+      const activeToolNames = this.cloneRuntimeState(runtimeState).activeToolNames;
+      if (toolName && !activeToolNames.includes(toolName)) {
+        activeToolNames.push(toolName);
+      }
+      session.runtimeState = {
+        ...this.updateRuntimeStage(runtimeState, "tool_executing", notification.timestamp || Date.now()),
+        callActive: session.callActive === true,
+        activeToolNames,
+        activeToolCount: activeToolNames.length
+      };
+    } else if (notification.type === "tool.complete") {
+      const data = notification.data && typeof notification.data === "object" ? notification.data : {};
+      const toolName = typeof data.toolName === "string" ? data.toolName.trim() : "";
+      const activeToolNames = this.cloneRuntimeState(runtimeState).activeToolNames.filter((name) => name !== toolName);
+      const nextStage = session.callActive === true ? activeToolNames.length > 0 ? "tool_executing" : "awaiting_runtime" : "completed";
+      session.runtimeState = {
+        ...this.updateRuntimeStage(runtimeState, nextStage, notification.timestamp || Date.now()),
+        callActive: session.callActive === true,
+        activeToolNames,
+        activeToolCount: activeToolNames.length
+      };
+    }
     if (notification.category === "state") {
       session.currentState = notification;
     } else if (notification.category === "event") {
@@ -7336,6 +8334,8 @@ var ViewerWorker = class {
       placeholder: msg.placeholder,
       initialValue: msg.initialValue,
       actions: msg.actions,
+      mode: msg.mode,
+      questions: msg.questions,
       timestamp: Date.now()
     });
     console.log(`[Viewer Worker] Input request \u5DF2\u5B58\u50A8: ${requestId}, \u5F53\u524D\u961F\u5217\u5927\u5C0F: ${pendingRequests.size}`);
@@ -7668,4 +8668,4 @@ if (isMainModule(import.meta.url)) {
 export {
   ViewerWorker
 };
-//# sourceMappingURL=chunk-NORTAQIL.js.map
+//# sourceMappingURL=chunk-4WK7UENZ.js.map