                <div
                    v-if="taskOrchestrationTabEnabled"
                    v-show="mainTab === 'orchestration'"
                    class="mode-content"
                    id="panel-orchestration"
                    role="tabpanel"
                    aria-labelledby="tab-orchestration">
                    <section class="selector-section task-hero-card">
                        <div class="task-hero-main">
                            <div>
                                <div class="task-hero-kicker">{{ t('orchestration.hero.kicker') }}</div>
                                <div class="selector-title">{{ t('orchestration.hero.title') }}</div>
                                <div class="skills-panel-note task-hero-copy">{{ t('orchestration.hero.subtitle') }}</div>
                            </div>
                            <div class="task-hero-actions settings-tab-actions task-header-actions">
                                <button type="button" class="btn-tool btn-tool-compact" @click="loadTaskOrchestrationOverview({ forceRefresh: true, includeDetail: true })" :disabled="taskOrchestration.loading">
                                    {{ taskOrchestration.loading ? t('common.refreshing') : t('common.refresh') }}
                                </button>
                                <button type="button" class="btn-tool btn-tool-compact" @click="resetTaskOrchestrationDraft()" :disabled="taskOrchestration.running || taskOrchestration.queueAdding || taskOrchestration.planning">
                                    {{ t('orchestration.draft.reset') }}
                                </button>
                                <button type="button" class="btn-tool btn-tool-compact" @click="switchMainTab('dashboard')" :disabled="loading || !!initError">
                                    {{ t('dashboard.doctor.title') }}
                                </button>
                            </div>
                        </div>
                        <div v-if="taskOrchestrationQueueStats.running || taskOrchestrationQueueStats.queued || taskOrchestration.runs.length" class="task-hero-meta-strip" :aria-label="t('orchestration.summary.aria')">
                            <div class="task-hero-meta">{{ t('orchestration.summary.running') }} <strong>{{ taskOrchestrationQueueStats.running }}</strong></div>
                            <div class="task-hero-meta">{{ t('orchestration.summary.queued') }} <strong>{{ taskOrchestrationQueueStats.queued }}</strong></div>
                            <div class="task-hero-meta">{{ t('orchestration.summary.runs') }} <strong>{{ taskOrchestration.runs.length }}</strong></div>
                        </div>
                    </section>

                    <div class="task-layout-grid task-layout-grid-primary">
                        <section class="selector-section task-compose-flow-card">
                            <div class="task-flow-section task-flow-section-compact">
                                <div class="task-flow-head">
                                    <div class="task-flow-step">1</div>
                                    <div>
                                        <div class="task-flow-title">{{ t('orchestration.step1.title') }}</div>
                                        <div class="task-flow-copy">{{ t('orchestration.step1.subtitle') }}</div>
                                    </div>
                                </div>

                                <details v-if="!taskOrchestration.target.trim()" class="task-template-panel">
                                    <summary class="task-advanced-summary">{{ t('orchestration.templates.title') }}</summary>
                                    <div class="task-template-block">
                                        <div class="task-template-chip-group">
                                            <button type="button" class="task-template-chip" @click="taskOrchestration.target = t('orchestration.templates.reviewFix.target'); taskOrchestration.selectedEngine = 'codex'; taskOrchestration.workflowIdsText = ''; taskOrchestration.notes = t('orchestration.templates.reviewFix.notes'); taskOrchestration.followUpsText = t('orchestration.templates.reviewFix.followUps')">{{ t('orchestration.templates.reviewFix.label') }}</button>
                                            <button type="button" class="task-template-chip" @click="taskOrchestration.target = t('orchestration.templates.planOnly.target'); taskOrchestration.selectedEngine = 'codex'; taskOrchestration.workflowIdsText = ''; taskOrchestration.notes = t('orchestration.templates.planOnly.notes'); taskOrchestration.followUpsText = ''">{{ t('orchestration.templates.planOnly.label') }}</button>
                                            <button type="button" class="task-template-chip" @click="taskOrchestration.target = t('orchestration.templates.workflowBatch.target'); taskOrchestration.selectedEngine = 'workflow'; taskOrchestration.workflowIdsText = t('orchestration.templates.workflowBatch.workflowIds'); taskOrchestration.notes = t('orchestration.templates.workflowBatch.notes'); taskOrchestration.followUpsText = ''">{{ t('orchestration.templates.workflowBatch.label') }}</button>
                                        </div>
                                    </div>
                                </details>

                                <div class="selector-grid task-composer-grid task-composer-grid-primary">
                                    <label class="selector-field task-field task-field-wide task-goal-field">
                                        <span class="selector-label">{{ t('orchestration.fields.target') }}</span>
                                        <textarea v-model="taskOrchestration.target" class="task-textarea task-textarea-goal" rows="5" :placeholder="t('orchestration.fields.target.placeholder')"></textarea>
                                        <span class="task-field-hint">{{ t('orchestration.fields.target.hint') }}</span>
                                    </label>
                                </div>

                                <div class="task-draft-overview task-draft-inline">
                                    <div class="task-draft-inline-head">
                                        <span :class="['pill', taskOrchestrationDraftReadiness.tone]">{{ taskOrchestrationDraftReadiness.title }}</span>
                                        <div class="task-readiness-copy task-draft-inline-copy">{{ taskOrchestrationDraftReadiness.summary }}</div>
                                    </div>
                                    <div class="task-config-strip">
                                        <div class="task-config-pill">{{ taskOrchestration.selectedEngine === 'workflow' ? t('orchestration.engine.workflow') : t('orchestration.engine.codex') }}</div>
                                        <div class="task-config-pill">{{ taskOrchestration.runMode === 'dry-run' ? t('orchestration.runMode.dryRun') : (taskOrchestration.runMode === 'read' ? t('orchestration.runMode.readOnly') : t('orchestration.runMode.write')) }}</div>
                                        <div v-if="taskOrchestration.title.trim()" class="task-config-pill">{{ t('orchestration.pills.hasTitle') }}</div>
                                        <div v-if="taskOrchestration.selectedEngine === 'workflow' && taskOrchestrationDraftMetrics.workflowCount > 0" class="task-config-pill">{{ t('orchestration.pills.workflowCount', { count: taskOrchestrationDraftMetrics.workflowCount }) }}</div>
                                        <div v-if="taskOrchestration.plan" class="task-config-pill">{{ t('orchestration.pills.planNodes', { count: taskOrchestrationDraftMetrics.planNodeCount }) }}</div>
                                    </div>
                                </div>
                            </div>

                            <div class="task-flow-section task-flow-section-compact">
                                <div class="task-flow-head">
                                    <div class="task-flow-step">2</div>
                                    <div>
                                        <div class="task-flow-title">{{ t('orchestration.step2.title') }}</div>
                                        <div class="task-flow-copy">{{ t('orchestration.step2.subtitle') }}</div>
                                    </div>
                                </div>

                                <div class="selector-grid task-composer-grid task-composer-grid-compact task-composer-grid-inline">
                                    <label class="selector-field">
                                        <span class="selector-label">{{ t('orchestration.fields.engine') }}</span>
                                        <select v-model="taskOrchestration.selectedEngine" class="provider-fast-switch-select" disabled>
                                            <option value="codex">{{ t('orchestration.engine.codex') }}</option>
                                            <option value="workflow">{{ t('orchestration.engine.workflow') }}</option>
                                        </select>
                                    </label>
                                    <label class="selector-field">
                                        <span class="selector-label">{{ t('orchestration.fields.runMode') }}</span>
                                        <select v-model="taskOrchestration.runMode" class="provider-fast-switch-select" disabled>
                                            <option value="write">{{ t('orchestration.runMode.write') }}</option>
                                            <option value="read">{{ t('orchestration.runMode.readOnly') }}</option>
                                            <option value="dry-run">{{ t('orchestration.runMode.dryRun') }}</option>
                                        </select>
                                    </label>
                                </div>

                                <details class="task-advanced-panel">
                                    <summary class="task-advanced-summary">{{ t('orchestration.advanced.title') }}</summary>
                                    <div class="selector-grid task-composer-grid task-composer-grid-secondary">
                                        <label class="selector-field task-field-wide">
                                            <span class="selector-label">{{ t('orchestration.fields.title') }}</span>
                                            <input v-model="taskOrchestration.title" class="model-input" type="text" :placeholder="t('orchestration.fields.title.placeholder')">
                                        </label>
                                        <label class="selector-field task-field-wide">
                                            <span class="selector-label">{{ t('orchestration.fields.notes') }}</span>
                                            <textarea v-model="taskOrchestration.notes" class="task-textarea" rows="3" :placeholder="t('orchestration.fields.notes.placeholder')"></textarea>
                                            <span class="task-field-hint">{{ t('orchestration.fields.notes.hint') }}</span>
                                        </label>
                                        <label class="selector-field task-field-wide">
                                            <span class="selector-label">{{ t('orchestration.fields.followUps') }}</span>
                                            <textarea v-model="taskOrchestration.followUpsText" class="task-textarea" rows="3" :placeholder="t('orchestration.fields.followUps.placeholder')"></textarea>
                                        </label>
                                        <label class="selector-field">
                                            <span class="selector-label">{{ t('orchestration.fields.concurrency') }}</span>
                                            <input v-model="taskOrchestration.concurrency" class="model-input" type="number" min="1" max="8">
                                            <span class="task-field-hint">{{ t('orchestration.fields.concurrency.hint') }}</span>
                                        </label>
                                        <label class="selector-field">
                                            <span class="selector-label">{{ t('orchestration.fields.autoFixRounds') }}</span>
                                            <input v-model="taskOrchestration.autoFixRounds" class="model-input" type="number" min="0" max="5">
                                            <span class="task-field-hint">{{ t('orchestration.fields.autoFixRounds.hint') }}</span>
                                        </label>
                                        <label v-if="taskOrchestration.selectedEngine === 'workflow'" class="selector-field task-field-wide">
                                            <span class="selector-label">{{ t('orchestration.fields.workflowIds') }}</span>
                                            <textarea v-model="taskOrchestration.workflowIdsText" class="task-textarea" rows="3" :placeholder="t('orchestration.fields.workflowIds.placeholder')"></textarea>
                                            <span class="task-field-hint">{{ t('orchestration.fields.workflowIds.hint', { count: taskOrchestration.workflows.length }) }}</span>
                                            <div v-if="taskOrchestration.workflows.length" class="task-workflow-suggestions">
                                                <button
                                                    v-for="workflow in taskOrchestration.workflows"
                                                    :key="workflow.id || workflow.name"
                                                    type="button"
                                                    class="task-workflow-chip"
                                                    @click="appendTaskWorkflowId(workflow.id || workflow.name)">
                                                    <span>{{ workflow.name || workflow.id }}</span>
                                                    <small v-if="workflow.stepCount">{{ t('orchestration.workflow.stepCount', { count: workflow.stepCount }) }}</small>
                                                </button>
                                            </div>
                                        </label>
                                    </div>
                                </details>
                            </div>

                            <div class="task-flow-section task-flow-section-actions task-flow-section-compact">
                                <div class="task-flow-head">
                                    <div class="task-flow-step">3</div>
                                    <div>
                                        <div class="task-flow-title">{{ t('orchestration.step3.title') }}</div>
                                        <div class="task-flow-copy">{{ t('orchestration.step3.subtitle') }}</div>
                                    </div>
                                </div>
                                <div class="task-action-row task-action-row-prominent">
                                    <button type="button" class="btn-tool task-action-preview" @click="previewTaskPlan()" :disabled="taskOrchestration.planning || taskOrchestration.running || !taskOrchestration.target.trim()">
                                        {{ taskOrchestration.planning ? t('orchestration.actions.planning') : t('orchestration.actions.previewOnly') }}
                                    </button>
                                    <div class="task-action-row-right task-action-row-right-prominent">
                                        <button type="button" class="btn-tool btn-primary" @click="planAndRunTaskOrchestration()" :disabled="taskOrchestration.running || taskOrchestration.planning || !taskOrchestration.target.trim()">
                                            {{ (taskOrchestration.running || taskOrchestration.planning) ? t('orchestration.actions.preparing') : (taskOrchestration.runMode === 'dry-run' ? t('orchestration.actions.generatePlan') : t('orchestration.actions.planAndRun')) }}
                                        </button>
                                        <button type="button" class="btn-tool" @click="queueTaskOrchestrationAndStart()" :disabled="taskOrchestration.queueAdding || taskOrchestration.queueStarting || taskOrchestration.planning || !taskOrchestration.target.trim()">
                                            {{ (taskOrchestration.queueAdding || taskOrchestration.queueStarting) ? t('orchestration.actions.processing') : t('orchestration.actions.queueAndStart') }}
                                        </button>
                                    </div>
                                </div>
                                <div class="task-action-caption">{{ t('orchestration.actions.caption') }}</div>
                            </div>
                        </section>
                    </div>

                    <section
                        v-if="!(taskOrchestration.plan || taskOrchestration.planIssues.length || taskOrchestration.planWarnings.length || taskOrchestration.lastError || taskOrchestration.queue.length || taskOrchestration.runs.length || taskOrchestration.selectedRunId || taskOrchestration.selectedRunError)"
                        class="selector-section task-stage-card">
                        <div class="task-stage-empty">
                            <div>
                                <div class="selector-title">{{ t('orchestration.stage.title') }}</div>
                                <div class="skills-panel-note">{{ t('orchestration.stage.subtitle') }}</div>
                            </div>
                            <div class="task-stage-strip">
                                <div class="task-stage-pill">{{ t('orchestration.stage.pill.target') }}</div>
                                <div class="task-stage-pill">{{ t('orchestration.stage.pill.preview') }}</div>
                                <div class="task-stage-pill">{{ t('orchestration.stage.pill.run') }}</div>
                            </div>
                        </div>
                    </section>

                    <div
                        v-else
                        class="task-layout-grid task-layout-grid-secondary">
                        <section
                            v-if="taskOrchestration.plan || taskOrchestration.planIssues.length || taskOrchestration.planWarnings.length || taskOrchestration.lastError"
                            class="selector-section task-plan-card">
                            <div v-if="taskOrchestration.lastError" class="task-issue-item">{{ taskOrchestration.lastError }}</div>
                            <div class="selector-header task-section-header">
                                <div>
                                    <span class="selector-title">{{ t('orchestration.plan.title') }}</span>
                                    <div class="skills-panel-note">{{ t('orchestration.plan.subtitle') }}</div>
                                </div>
                            </div>
                            <div v-if="taskOrchestration.planIssues.length" class="task-issues-list">
                                <div v-for="issue in taskOrchestration.planIssues" :key="issue.code + issue.message" class="task-issue-item">
                                    {{ issue.message }}
                                </div>
                            </div>
                            <div v-if="taskOrchestration.planWarnings.length" class="task-warning-list">
                                <div v-for="warning in taskOrchestration.planWarnings" :key="warning" class="task-warning-item">
                                    {{ warning }}
                                </div>
                            </div>
                            <template v-if="taskOrchestration.plan">
                                <div class="task-plan-summary-strip">
                                    <div class="task-plan-summary-item">
                                        <span class="task-plan-summary-label">{{ t('orchestration.plan.summary.nodes') }}</span>
                                        <strong>{{ taskOrchestration.plan.nodes.length }}</strong>
                                    </div>
                                    <div class="task-plan-summary-item">
                                        <span class="task-plan-summary-label">{{ t('orchestration.plan.summary.waves') }}</span>
                                        <strong>{{ taskOrchestration.plan.waves.length }}</strong>
                                    </div>
                                    <div class="task-plan-summary-item">
                                        <span class="task-plan-summary-label">{{ t('orchestration.plan.summary.engine') }}</span>
                                        <strong>{{ taskOrchestration.plan.engine }}</strong>
                                    </div>
                                </div>
                                <div class="task-wave-list">
                                    <div v-for="wave in taskOrchestration.plan.waves" :key="wave.label" class="task-wave-card">
                                        <div class="task-wave-title">{{ wave.label }}</div>
                                        <div class="task-wave-nodes">{{ wave.nodeIds.join(', ') }}</div>
                                    </div>
                                </div>
                                <div class="task-node-list">
                                    <div v-for="node in taskOrchestration.plan.nodes" :key="node.id" class="task-node-card">
                                        <div class="task-node-head">
                                            <div>
                                                <div class="task-node-title">{{ node.title || node.id }}</div>
                                                <div class="task-node-meta">{{ node.id }} · {{ node.kind }}<span v-if="node.workflowId"> · {{ node.workflowId }}</span></div>
                                            </div>
                                            <span :class="['pill', node.write ? 'configured' : 'empty']">{{ node.write ? t('orchestration.plan.node.write') : t('orchestration.plan.node.readOnly') }}</span>
                                        </div>
                                        <div class="task-node-deps">{{ t('orchestration.labels.dependencies') }}{{ formatTaskNodeDependencies(node) }}</div>
                                    </div>
                                </div>
                            </template>
                        </section>

                        <section
                            v-if="taskOrchestration.queue.length || taskOrchestration.runs.length || taskOrchestration.selectedRunId || taskOrchestration.selectedRunError"
                            class="selector-section task-workbench-card">
                            <div class="selector-header task-section-header">
                                <div>
                                    <span class="selector-title">{{ t('orchestration.workbench.title') }}</span>
                                    <div class="skills-panel-note">{{ t('orchestration.workbench.subtitle') }}</div>
                                </div>
                                <div class="settings-tab-actions task-header-actions">
                                    <button type="button" class="btn-tool btn-tool-compact" @click="loadTaskOrchestrationOverview({ forceRefresh: true, includeDetail: true })" :disabled="taskOrchestration.loading">
                                        {{ taskOrchestration.loading ? t('common.refreshing') : t('common.refresh') }}
                                    </button>
                                    <button v-if="taskOrchestration.queue.length" type="button" class="btn-tool btn-tool-compact" @click="startTaskQueueRunner()" :disabled="taskOrchestration.queueStarting">
                                        {{ taskOrchestration.queueStarting ? t('orchestration.queue.starting') : t('orchestration.queue.start') }}
                                    </button>
                                </div>
                            </div>

                            <div
                                v-if="(taskOrchestration.queue.length ? 1 : 0) + (taskOrchestration.runs.length ? 1 : 0) + ((taskOrchestration.selectedRunId || taskOrchestration.selectedRunError) ? 1 : 0) > 1"
                                class="task-workbench-tabs"
                                role="group"
                                :aria-label="t('orchestration.workbench.tabs.aria')">
                                <button v-if="taskOrchestration.queue.length" type="button" class="task-workbench-tab" :class="{ active: taskOrchestration.workspaceTab === 'queue' }" @click="taskOrchestration.workspaceTab = 'queue'">{{ t('orchestration.workbench.tabs.queue', { count: taskOrchestration.queue.length }) }}</button>
                                <button v-if="taskOrchestration.runs.length" type="button" class="task-workbench-tab" :class="{ active: taskOrchestration.workspaceTab === 'runs' }" @click="taskOrchestration.workspaceTab = 'runs'">{{ t('orchestration.workbench.tabs.runs', { count: taskOrchestration.runs.length }) }}</button>
                                <button v-if="taskOrchestration.selectedRunId || taskOrchestration.selectedRunError" type="button" class="task-workbench-tab" :class="{ active: taskOrchestration.workspaceTab === 'detail' }" @click="taskOrchestration.workspaceTab = 'detail'">{{ t('orchestration.workbench.tabs.detail') }}</button>
                            </div>

                            <div v-if="taskOrchestration.workspaceTab === 'queue' || (!taskOrchestration.runs.length && !taskOrchestration.selectedRunId && !taskOrchestration.selectedRunError)" class="task-workbench-panel">
                                <div v-if="!taskOrchestration.queue.length" class="task-empty-state">
                                    <div class="task-empty-title">{{ t('orchestration.queue.empty.title') }}</div>
                                    <div class="task-empty-copy">{{ t('orchestration.queue.empty.subtitle') }}</div>
                                </div>
                                <div v-else class="task-runtime-list">
                                    <div
                                        v-for="item in taskOrchestration.queue"
                                        :key="item.taskId"
                                        :class="['task-runtime-item', { active: item.lastRunId && taskOrchestration.selectedRunId === item.lastRunId, clickable: !!item.lastRunId }]"
                                        :role="item.lastRunId ? 'button' : null"
                                        :tabindex="item.lastRunId ? 0 : -1"
                                        :aria-disabled="item.lastRunId ? null : 'true'"
                                        @click="item.lastRunId ? (taskOrchestration.workspaceTab = 'detail', selectTaskRun(item.lastRunId)) : null"
                                        @keydown.enter.self.prevent="item.lastRunId ? (taskOrchestration.workspaceTab = 'detail', selectTaskRun(item.lastRunId)) : null"
                                        @keydown.space.self.prevent="item.lastRunId ? (taskOrchestration.workspaceTab = 'detail', selectTaskRun(item.lastRunId)) : null">
                                        <div class="task-runtime-item-main">
                                            <div class="task-runtime-item-title">{{ item.title || item.target || item.taskId }}</div>
                                            <div class="task-runtime-item-meta">{{ item.taskId }} · {{ item.updatedAt || item.createdAt }}</div>
                                            <div v-if="item.lastSummary" class="task-runtime-item-summary">{{ item.lastSummary }}</div>
                                        </div>
                                        <div class="task-runtime-item-actions">
                                            <span :class="['pill', taskRunStatusTone(item.status)]">{{ item.status }}</span>
                                            <button type="button" class="btn-mini" @click.stop="cancelTaskRunFromUi(item.taskId)" :disabled="item.status !== 'queued' && item.status !== 'running'">{{ t('common.cancel') }}</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div v-else-if="taskOrchestration.workspaceTab === 'runs' || (!taskOrchestration.queue.length && taskOrchestration.runs.length && !taskOrchestration.selectedRunId && !taskOrchestration.selectedRunError)" class="task-workbench-panel">
                                <div v-if="!taskOrchestration.runs.length" class="task-empty-state">
                                    <div class="task-empty-title">{{ t('orchestration.runs.empty.title') }}</div>
                                    <div class="task-empty-copy">{{ t('orchestration.runs.empty.subtitle') }}</div>
                                </div>
                                <div v-else class="task-runtime-list">
                                    <button
                                        v-for="item in taskOrchestration.runs"
                                        :key="item.runId"
                                        type="button"
                                        :class="['task-runtime-item', { active: taskOrchestration.selectedRunId === item.runId }]"
                                        @click="taskOrchestration.workspaceTab = 'detail'; selectTaskRun(item.runId)">
                                        <div class="task-runtime-item-main">
                                            <div class="task-runtime-item-title">{{ item.title || item.taskId || item.runId }}</div>
                                            <div class="task-runtime-item-meta">{{ item.runId }} · {{ item.durationMs || 0 }}ms</div>
                                            <div v-if="item.summary" class="task-runtime-item-summary">{{ item.summary }}</div>
                                        </div>
                                        <div class="task-runtime-item-actions">
                                            <span :class="['pill', taskRunStatusTone(item.status)]">{{ item.status }}</span>
                                        </div>
                                    </button>
                                </div>
                            </div>

                            <div v-else class="task-workbench-panel">
                                <div class="task-detail-toolbar settings-tab-actions">
                                    <button type="button" class="btn-tool btn-tool-compact" @click="taskOrchestration.selectedRunId ? loadTaskRunDetail(taskOrchestration.selectedRunId) : null" :disabled="!taskOrchestration.selectedRunId || taskOrchestration.selectedRunLoading">
                                        {{ taskOrchestration.selectedRunLoading ? t('common.refreshing') : t('orchestration.detail.refresh') }}
                                    </button>
                                    <button type="button" class="btn-tool btn-tool-compact" @click="retryTaskRunFromUi(taskOrchestration.selectedRunId)" :disabled="!taskOrchestration.selectedRunId || taskOrchestration.retrying">
                                        {{ taskOrchestration.retrying ? t('orchestration.detail.retrying') : t('orchestration.detail.retry') }}
                                    </button>
                                    <button type="button" class="btn-tool btn-tool-compact" @click="cancelTaskRunFromUi(taskOrchestration.selectedRunId)" :disabled="!taskOrchestrationSelectedRun || !taskOrchestrationSelectedRun.run || !isTaskRunActive(taskOrchestrationSelectedRun.run.status)">
                                        {{ t('common.cancel') }}
                                    </button>
                                </div>

                                <div v-if="taskOrchestration.selectedRunError" class="task-issue-item">{{ taskOrchestration.selectedRunError }}</div>
                                <div v-if="!taskOrchestrationSelectedRun" class="task-empty-state">
                                    <div class="task-empty-title">{{ t('orchestration.detail.empty.title') }}</div>
                                    <div class="task-empty-copy">{{ t('orchestration.detail.empty.subtitle') }}</div>
                                </div>
                                <template v-else>
                                    <div class="task-detail-summary-strip">
                                        <div class="task-plan-summary-item">
                                            <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.status') }}</span>
                                            <strong>{{ taskOrchestrationSelectedRun.run.status }}</strong>
                                        </div>
                                        <div class="task-plan-summary-item">
                                            <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.duration') }}</span>
                                            <strong>{{ taskOrchestrationSelectedRun.run.durationMs || 0 }}ms</strong>
                                        </div>
                                        <div class="task-plan-summary-item">
                                            <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.nodes') }}</span>
                                            <strong>{{ taskOrchestrationSelectedRunNodes.length }}</strong>
                                        </div>
                                        <div class="task-plan-summary-item">
                                            <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.summary') }}</span>
                                            <strong>{{ taskOrchestrationSelectedRun.run.summary || t('common.none') }}</strong>
                                        </div>
                                    </div>
                                    <div v-if="taskOrchestrationSelectedRun.run.error" class="task-issue-item">{{ taskOrchestrationSelectedRun.run.error }}</div>
                                    <div class="task-node-list">
                                        <div v-for="node in taskOrchestrationSelectedRunNodes" :key="node.id" class="task-node-card task-node-card-detail">
                                            <div class="task-node-head">
                                                <div>
                                                    <div class="task-node-title">{{ node.title || node.id }}</div>
                                                    <div class="task-node-meta">{{ t('orchestration.detail.node.meta', { id: node.id, attempts: (node.attemptCount || 0), autoFix: (node.autoFixRounds || 0) }) }}</div>
                                                </div>
                                                <span :class="['pill', taskRunStatusTone(node.status)]">{{ node.status }}</span>
                                            </div>
                                            <div v-if="node.summary" class="task-runtime-item-summary">{{ node.summary }}</div>
                                            <div v-if="node.error && node.error !== node.summary" class="task-node-deps">{{ t('orchestration.labels.error') }}{{ node.error }}</div>
                                            <div class="task-node-deps">{{ t('orchestration.labels.dependencies') }}{{ formatTaskNodeDependencies(node) }}</div>
                                            <pre class="task-log-block">{{ formatTaskNodeLogs(node.logs) }}</pre>
                                        </div>
                                    </div>
                                </template>
                            </div>
                        </section>
                    </div>
                </div>
