codexmate 0.0.28 → 0.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/README.md +421 -421
  2. package/README.zh.md +354 -354
  3. package/cli/agents-files.js +224 -224
  4. package/cli/archive-helpers.js +446 -446
  5. package/cli/auth-profiles.js +375 -375
  6. package/cli/builtin-proxy.js +1725 -1620
  7. package/cli/claude-proxy.js +1022 -1022
  8. package/cli/config-bootstrap.js +384 -384
  9. package/cli/config-health.js +338 -338
  10. package/cli/doctor-core.js +903 -903
  11. package/cli/import-skills-url.js +356 -356
  12. package/cli/openai-bridge.js +1576 -1489
  13. package/cli/openclaw-config.js +629 -629
  14. package/cli/session-convert-args.js +65 -65
  15. package/cli/session-convert-io.js +82 -82
  16. package/cli/session-convert.js +43 -43
  17. package/cli/session-usage.concurrent.js +28 -28
  18. package/cli/session-usage.js +118 -118
  19. package/cli/session-usage.models.js +176 -176
  20. package/cli/skills.js +1141 -1141
  21. package/cli/zip-commands.js +510 -510
  22. package/cli.js +15340 -15264
  23. package/lib/automation.js +404 -404
  24. package/lib/cli-file-utils.js +151 -151
  25. package/lib/cli-models-utils.js +440 -440
  26. package/lib/cli-network-utils.js +190 -190
  27. package/lib/cli-path-utils.js +85 -85
  28. package/lib/cli-session-utils.js +121 -121
  29. package/lib/cli-sessions.js +417 -417
  30. package/lib/cli-utils.js +155 -155
  31. package/lib/cli-webhook.js +126 -0
  32. package/lib/download-artifacts.js +92 -92
  33. package/lib/mcp-stdio.js +453 -453
  34. package/lib/task-orchestrator.js +869 -869
  35. package/lib/text-diff.js +303 -303
  36. package/lib/workflow-engine.js +340 -340
  37. package/package.json +76 -76
  38. package/plugins/README.md +20 -20
  39. package/plugins/README.zh-CN.md +20 -20
  40. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  41. package/plugins/prompt-templates/computed.mjs +253 -253
  42. package/plugins/prompt-templates/index.mjs +8 -8
  43. package/plugins/prompt-templates/manifest.mjs +15 -15
  44. package/plugins/prompt-templates/methods.mjs +553 -553
  45. package/plugins/prompt-templates/overview.mjs +91 -91
  46. package/plugins/prompt-templates/ownership.mjs +19 -19
  47. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  48. package/plugins/prompt-templates/storage.mjs +64 -64
  49. package/plugins/registry.mjs +16 -16
  50. package/web-ui/app.js +639 -625
  51. package/web-ui/index.html +36 -35
  52. package/web-ui/logic.agents-diff.mjs +386 -386
  53. package/web-ui/logic.claude.mjs +168 -168
  54. package/web-ui/logic.codex.mjs +69 -56
  55. package/web-ui/logic.mjs +5 -5
  56. package/web-ui/logic.runtime.mjs +128 -128
  57. package/web-ui/logic.session-convert.mjs +70 -70
  58. package/web-ui/logic.sessions.mjs +765 -765
  59. package/web-ui/modules/api.mjs +90 -90
  60. package/web-ui/modules/app.computed.dashboard.mjs +225 -225
  61. package/web-ui/modules/app.computed.index.mjs +17 -17
  62. package/web-ui/modules/app.computed.main-tabs.mjs +205 -205
  63. package/web-ui/modules/app.computed.session.mjs +999 -994
  64. package/web-ui/modules/app.constants.mjs +15 -15
  65. package/web-ui/modules/app.methods.agents.mjs +632 -632
  66. package/web-ui/modules/app.methods.claude-config.mjs +200 -190
  67. package/web-ui/modules/app.methods.codex-config.mjs +892 -892
  68. package/web-ui/modules/app.methods.index.mjs +94 -92
  69. package/web-ui/modules/app.methods.install.mjs +205 -205
  70. package/web-ui/modules/app.methods.navigation.mjs +761 -743
  71. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  72. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  73. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  74. package/web-ui/modules/app.methods.providers.mjs +493 -412
  75. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  76. package/web-ui/modules/app.methods.session-actions.mjs +593 -593
  77. package/web-ui/modules/app.methods.session-browser.mjs +984 -984
  78. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  79. package/web-ui/modules/app.methods.session-trash.mjs +438 -439
  80. package/web-ui/modules/app.methods.startup-claude.mjs +533 -533
  81. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  82. package/web-ui/modules/app.methods.webhook.mjs +79 -0
  83. package/web-ui/modules/config-mode.computed.mjs +124 -124
  84. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  85. package/web-ui/modules/i18n.dict.mjs +3131 -2109
  86. package/web-ui/modules/i18n.mjs +62 -56
  87. package/web-ui/modules/plugins.computed.mjs +3 -3
  88. package/web-ui/modules/plugins.methods.mjs +3 -3
  89. package/web-ui/modules/plugins.storage.mjs +11 -11
  90. package/web-ui/modules/provider-url-display.mjs +17 -17
  91. package/web-ui/modules/sessions-filters-url.mjs +85 -85
  92. package/web-ui/modules/skills.computed.mjs +107 -107
  93. package/web-ui/modules/skills.methods.mjs +481 -481
  94. package/web-ui/partials/index/layout-footer.html +13 -13
  95. package/web-ui/partials/index/layout-header.html +500 -475
  96. package/web-ui/partials/index/modal-config-template-agents.html +174 -174
  97. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  98. package/web-ui/partials/index/modal-health-check.html +45 -45
  99. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  100. package/web-ui/partials/index/modal-skills.html +200 -200
  101. package/web-ui/partials/index/modals-basic.html +162 -165
  102. package/web-ui/partials/index/panel-config-claude.html +194 -188
  103. package/web-ui/partials/index/panel-config-codex.html +323 -312
  104. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  105. package/web-ui/partials/index/panel-dashboard.html +186 -186
  106. package/web-ui/partials/index/panel-docs.html +147 -147
  107. package/web-ui/partials/index/panel-market.html +177 -177
  108. package/web-ui/partials/index/panel-orchestration.html +391 -391
  109. package/web-ui/partials/index/panel-plugins.html +253 -253
  110. package/web-ui/partials/index/panel-sessions.html +316 -316
  111. package/web-ui/partials/index/panel-settings.html +190 -253
  112. package/web-ui/partials/index/panel-trash.html +88 -0
  113. package/web-ui/partials/index/panel-usage.html +371 -371
  114. package/web-ui/res/json5.min.js +1 -1
  115. package/web-ui/res/vue.global.prod.js +13 -13
  116. package/web-ui/session-helpers.mjs +576 -576
  117. package/web-ui/source-bundle.cjs +233 -233
  118. package/web-ui/styles/base-theme.css +281 -281
  119. package/web-ui/styles/controls-forms.css +422 -422
  120. package/web-ui/styles/dashboard.css +274 -274
  121. package/web-ui/styles/docs-panel.css +271 -247
  122. package/web-ui/styles/feedback.css +108 -108
  123. package/web-ui/styles/health-check-dialog.css +144 -144
  124. package/web-ui/styles/layout-shell.css +626 -606
  125. package/web-ui/styles/modals-core.css +466 -466
  126. package/web-ui/styles/navigation-panels.css +391 -391
  127. package/web-ui/styles/openclaw-structured.css +266 -266
  128. package/web-ui/styles/plugins-panel.css +523 -523
  129. package/web-ui/styles/responsive.css +454 -454
  130. package/web-ui/styles/sessions-list.css +419 -419
  131. package/web-ui/styles/sessions-preview.css +411 -411
  132. package/web-ui/styles/sessions-toolbar-trash.css +330 -330
  133. package/web-ui/styles/sessions-usage.css +1040 -1040
  134. package/web-ui/styles/settings-panel.css +349 -185
  135. package/web-ui/styles/skills-list.css +303 -303
  136. package/web-ui/styles/skills-market.css +406 -406
  137. package/web-ui/styles/task-orchestration.css +822 -822
  138. package/web-ui/styles/titles-cards.css +472 -472
  139. package/web-ui/styles/trash-panel.css +90 -0
  140. package/web-ui/styles/webhook.css +81 -0
  141. package/web-ui/styles.css +23 -21
  142. package/web-ui.html +17 -17
package/web-ui/partials/index/panel-orchestration.html CHANGED
@@ -1,391 +1,391 @@
1
- <div
2
- v-if="taskOrchestrationTabEnabled"
3
- v-show="mainTab === 'orchestration'"
4
- class="mode-content"
5
- id="panel-orchestration"
6
- role="tabpanel"
7
- aria-labelledby="tab-orchestration">
8
- <section class="selector-section task-hero-card">
9
- <div class="task-hero-main">
10
- <div>
11
- <div class="task-hero-kicker">{{ t('orchestration.hero.kicker') }}</div>
12
- <div class="selector-title">{{ t('orchestration.hero.title') }}</div>
13
- <div class="skills-panel-note task-hero-copy">{{ t('orchestration.hero.subtitle') }}</div>
14
- </div>
15
- <div class="task-hero-actions settings-tab-actions task-header-actions">
16
- <button type="button" class="btn-tool btn-tool-compact" @click="loadTaskOrchestrationOverview({ forceRefresh: true, includeDetail: true })" :disabled="taskOrchestration.loading">
17
- {{ taskOrchestration.loading ? t('common.refreshing') : t('common.refresh') }}
18
- </button>
19
- <button type="button" class="btn-tool btn-tool-compact" @click="resetTaskOrchestrationDraft()" :disabled="taskOrchestration.running || taskOrchestration.queueAdding || taskOrchestration.planning">
20
- {{ t('orchestration.draft.reset') }}
21
- </button>
22
- <button type="button" class="btn-tool btn-tool-compact" @click="switchMainTab('dashboard')" :disabled="loading || !!initError">
23
- {{ t('dashboard.doctor.title') }}
24
- </button>
25
- </div>
26
- </div>
27
- <div v-if="taskOrchestrationQueueStats.running || taskOrchestrationQueueStats.queued || taskOrchestration.runs.length" class="task-hero-meta-strip" :aria-label="t('orchestration.summary.aria')">
28
- <div class="task-hero-meta">{{ t('orchestration.summary.running') }} <strong>{{ taskOrchestrationQueueStats.running }}</strong></div>
29
- <div class="task-hero-meta">{{ t('orchestration.summary.queued') }} <strong>{{ taskOrchestrationQueueStats.queued }}</strong></div>
30
- <div class="task-hero-meta">{{ t('orchestration.summary.runs') }} <strong>{{ taskOrchestration.runs.length }}</strong></div>
31
- </div>
32
- </section>
33
-
34
- <div class="task-layout-grid task-layout-grid-primary">
35
- <section class="selector-section task-compose-flow-card">
36
- <div class="task-flow-section task-flow-section-compact">
37
- <div class="task-flow-head">
38
- <div class="task-flow-step">1</div>
39
- <div>
40
- <div class="task-flow-title">{{ t('orchestration.step1.title') }}</div>
41
- <div class="task-flow-copy">{{ t('orchestration.step1.subtitle') }}</div>
42
- </div>
43
- </div>
44
-
45
- <details v-if="!taskOrchestration.target.trim()" class="task-template-panel">
46
- <summary class="task-advanced-summary">{{ t('orchestration.templates.title') }}</summary>
47
- <div class="task-template-block">
48
- <div class="task-template-chip-group">
49
- <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>
50
- <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>
51
- <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>
52
- </div>
53
- </div>
54
- </details>
55
-
56
- <div class="selector-grid task-composer-grid task-composer-grid-primary">
57
- <label class="selector-field task-field task-field-wide task-goal-field">
58
- <span class="selector-label">{{ t('orchestration.fields.target') }}</span>
59
- <textarea v-model="taskOrchestration.target" class="task-textarea task-textarea-goal" rows="5" :placeholder="t('orchestration.fields.target.placeholder')"></textarea>
60
- <span class="task-field-hint">{{ t('orchestration.fields.target.hint') }}</span>
61
- </label>
62
- </div>
63
-
64
- <div class="task-draft-overview task-draft-inline">
65
- <div class="task-draft-inline-head">
66
- <span :class="['pill', taskOrchestrationDraftReadiness.tone]">{{ taskOrchestrationDraftReadiness.title }}</span>
67
- <div class="task-readiness-copy task-draft-inline-copy">{{ taskOrchestrationDraftReadiness.summary }}</div>
68
- </div>
69
- <div class="task-config-strip">
70
- <div class="task-config-pill">{{ taskOrchestration.selectedEngine === 'workflow' ? t('orchestration.engine.workflow') : t('orchestration.engine.codex') }}</div>
71
- <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>
72
- <div v-if="taskOrchestration.title.trim()" class="task-config-pill">{{ t('orchestration.pills.hasTitle') }}</div>
73
- <div v-if="taskOrchestration.selectedEngine === 'workflow' && taskOrchestrationDraftMetrics.workflowCount > 0" class="task-config-pill">{{ t('orchestration.pills.workflowCount', { count: taskOrchestrationDraftMetrics.workflowCount }) }}</div>
74
- <div v-if="taskOrchestration.plan" class="task-config-pill">{{ t('orchestration.pills.planNodes', { count: taskOrchestrationDraftMetrics.planNodeCount }) }}</div>
75
- </div>
76
- </div>
77
- </div>
78
-
79
- <div class="task-flow-section task-flow-section-compact">
80
- <div class="task-flow-head">
81
- <div class="task-flow-step">2</div>
82
- <div>
83
- <div class="task-flow-title">{{ t('orchestration.step2.title') }}</div>
84
- <div class="task-flow-copy">{{ t('orchestration.step2.subtitle') }}</div>
85
- </div>
86
- </div>
87
-
88
- <div class="selector-grid task-composer-grid task-composer-grid-compact task-composer-grid-inline">
89
- <label class="selector-field">
90
- <span class="selector-label">{{ t('orchestration.fields.engine') }}</span>
91
- <select v-model="taskOrchestration.selectedEngine" class="provider-fast-switch-select" disabled>
92
- <option value="codex">{{ t('orchestration.engine.codex') }}</option>
93
- <option value="workflow">{{ t('orchestration.engine.workflow') }}</option>
94
- </select>
95
- </label>
96
- <label class="selector-field">
97
- <span class="selector-label">{{ t('orchestration.fields.runMode') }}</span>
98
- <select v-model="taskOrchestration.runMode" class="provider-fast-switch-select" disabled>
99
- <option value="write">{{ t('orchestration.runMode.write') }}</option>
100
- <option value="read">{{ t('orchestration.runMode.readOnly') }}</option>
101
- <option value="dry-run">{{ t('orchestration.runMode.dryRun') }}</option>
102
- </select>
103
- </label>
104
- </div>
105
-
106
- <details class="task-advanced-panel">
107
- <summary class="task-advanced-summary">{{ t('orchestration.advanced.title') }}</summary>
108
- <div class="selector-grid task-composer-grid task-composer-grid-secondary">
109
- <label class="selector-field task-field-wide">
110
- <span class="selector-label">{{ t('orchestration.fields.title') }}</span>
111
- <input v-model="taskOrchestration.title" class="model-input" type="text" :placeholder="t('orchestration.fields.title.placeholder')">
112
- </label>
113
- <label class="selector-field task-field-wide">
114
- <span class="selector-label">{{ t('orchestration.fields.notes') }}</span>
115
- <textarea v-model="taskOrchestration.notes" class="task-textarea" rows="3" :placeholder="t('orchestration.fields.notes.placeholder')"></textarea>
116
- <span class="task-field-hint">{{ t('orchestration.fields.notes.hint') }}</span>
117
- </label>
118
- <label class="selector-field task-field-wide">
119
- <span class="selector-label">{{ t('orchestration.fields.followUps') }}</span>
120
- <textarea v-model="taskOrchestration.followUpsText" class="task-textarea" rows="3" :placeholder="t('orchestration.fields.followUps.placeholder')"></textarea>
121
- </label>
122
- <label class="selector-field">
123
- <span class="selector-label">{{ t('orchestration.fields.concurrency') }}</span>
124
- <input v-model="taskOrchestration.concurrency" class="model-input" type="number" min="1" max="8">
125
- <span class="task-field-hint">{{ t('orchestration.fields.concurrency.hint') }}</span>
126
- </label>
127
- <label class="selector-field">
128
- <span class="selector-label">{{ t('orchestration.fields.autoFixRounds') }}</span>
129
- <input v-model="taskOrchestration.autoFixRounds" class="model-input" type="number" min="0" max="5">
130
- <span class="task-field-hint">{{ t('orchestration.fields.autoFixRounds.hint') }}</span>
131
- </label>
132
- <label v-if="taskOrchestration.selectedEngine === 'workflow'" class="selector-field task-field-wide">
133
- <span class="selector-label">{{ t('orchestration.fields.workflowIds') }}</span>
134
- <textarea v-model="taskOrchestration.workflowIdsText" class="task-textarea" rows="3" :placeholder="t('orchestration.fields.workflowIds.placeholder')"></textarea>
135
- <span class="task-field-hint">{{ t('orchestration.fields.workflowIds.hint', { count: taskOrchestration.workflows.length }) }}</span>
136
- <div v-if="taskOrchestration.workflows.length" class="task-workflow-suggestions">
137
- <button
138
- v-for="workflow in taskOrchestration.workflows"
139
- :key="workflow.id || workflow.name"
140
- type="button"
141
- class="task-workflow-chip"
142
- @click="appendTaskWorkflowId(workflow.id || workflow.name)">
143
- <span>{{ workflow.name || workflow.id }}</span>
144
- <small v-if="workflow.stepCount">{{ t('orchestration.workflow.stepCount', { count: workflow.stepCount }) }}</small>
145
- </button>
146
- </div>
147
- </label>
148
- </div>
149
- </details>
150
- </div>
151
-
152
- <div class="task-flow-section task-flow-section-actions task-flow-section-compact">
153
- <div class="task-flow-head">
154
- <div class="task-flow-step">3</div>
155
- <div>
156
- <div class="task-flow-title">{{ t('orchestration.step3.title') }}</div>
157
- <div class="task-flow-copy">{{ t('orchestration.step3.subtitle') }}</div>
158
- </div>
159
- </div>
160
- <div class="task-action-row task-action-row-prominent">
161
- <button type="button" class="btn-tool task-action-preview" @click="previewTaskPlan()" :disabled="taskOrchestration.planning || taskOrchestration.running || !taskOrchestration.target.trim()">
162
- {{ taskOrchestration.planning ? t('orchestration.actions.planning') : t('orchestration.actions.previewOnly') }}
163
- </button>
164
- <div class="task-action-row-right task-action-row-right-prominent">
165
- <button type="button" class="btn-tool btn-primary" @click="planAndRunTaskOrchestration()" :disabled="taskOrchestration.running || taskOrchestration.planning || !taskOrchestration.target.trim()">
166
- {{ (taskOrchestration.running || taskOrchestration.planning) ? t('orchestration.actions.preparing') : (taskOrchestration.runMode === 'dry-run' ? t('orchestration.actions.generatePlan') : t('orchestration.actions.planAndRun')) }}
167
- </button>
168
- <button type="button" class="btn-tool" @click="queueTaskOrchestrationAndStart()" :disabled="taskOrchestration.queueAdding || taskOrchestration.queueStarting || taskOrchestration.planning || !taskOrchestration.target.trim()">
169
- {{ (taskOrchestration.queueAdding || taskOrchestration.queueStarting) ? t('orchestration.actions.processing') : t('orchestration.actions.queueAndStart') }}
170
- </button>
171
- </div>
172
- </div>
173
- <div class="task-action-caption">{{ t('orchestration.actions.caption') }}</div>
174
- </div>
175
- </section>
176
- </div>
177
-
178
- <section
179
- v-if="!(taskOrchestration.plan || taskOrchestration.planIssues.length || taskOrchestration.planWarnings.length || taskOrchestration.lastError || taskOrchestration.queue.length || taskOrchestration.runs.length || taskOrchestration.selectedRunId || taskOrchestration.selectedRunError)"
180
- class="selector-section task-stage-card">
181
- <div class="task-stage-empty">
182
- <div>
183
- <div class="selector-title">{{ t('orchestration.stage.title') }}</div>
184
- <div class="skills-panel-note">{{ t('orchestration.stage.subtitle') }}</div>
185
- </div>
186
- <div class="task-stage-strip">
187
- <div class="task-stage-pill">{{ t('orchestration.stage.pill.target') }}</div>
188
- <div class="task-stage-pill">{{ t('orchestration.stage.pill.preview') }}</div>
189
- <div class="task-stage-pill">{{ t('orchestration.stage.pill.run') }}</div>
190
- </div>
191
- </div>
192
- </section>
193
-
194
- <div
195
- v-else
196
- class="task-layout-grid task-layout-grid-secondary">
197
- <section
198
- v-if="taskOrchestration.plan || taskOrchestration.planIssues.length || taskOrchestration.planWarnings.length || taskOrchestration.lastError"
199
- class="selector-section task-plan-card">
200
- <div v-if="taskOrchestration.lastError" class="task-issue-item">{{ taskOrchestration.lastError }}</div>
201
- <div class="selector-header task-section-header">
202
- <div>
203
- <span class="selector-title">{{ t('orchestration.plan.title') }}</span>
204
- <div class="skills-panel-note">{{ t('orchestration.plan.subtitle') }}</div>
205
- </div>
206
- </div>
207
- <div v-if="taskOrchestration.planIssues.length" class="task-issues-list">
208
- <div v-for="issue in taskOrchestration.planIssues" :key="issue.code + issue.message" class="task-issue-item">
209
- {{ issue.message }}
210
- </div>
211
- </div>
212
- <div v-if="taskOrchestration.planWarnings.length" class="task-warning-list">
213
- <div v-for="warning in taskOrchestration.planWarnings" :key="warning" class="task-warning-item">
214
- {{ warning }}
215
- </div>
216
- </div>
217
- <template v-if="taskOrchestration.plan">
218
- <div class="task-plan-summary-strip">
219
- <div class="task-plan-summary-item">
220
- <span class="task-plan-summary-label">{{ t('orchestration.plan.summary.nodes') }}</span>
221
- <strong>{{ taskOrchestration.plan.nodes.length }}</strong>
222
- </div>
223
- <div class="task-plan-summary-item">
224
- <span class="task-plan-summary-label">{{ t('orchestration.plan.summary.waves') }}</span>
225
- <strong>{{ taskOrchestration.plan.waves.length }}</strong>
226
- </div>
227
- <div class="task-plan-summary-item">
228
- <span class="task-plan-summary-label">{{ t('orchestration.plan.summary.engine') }}</span>
229
- <strong>{{ taskOrchestration.plan.engine }}</strong>
230
- </div>
231
- </div>
232
- <div class="task-wave-list">
233
- <div v-for="wave in taskOrchestration.plan.waves" :key="wave.label" class="task-wave-card">
234
- <div class="task-wave-title">{{ wave.label }}</div>
235
- <div class="task-wave-nodes">{{ wave.nodeIds.join(', ') }}</div>
236
- </div>
237
- </div>
238
- <div class="task-node-list">
239
- <div v-for="node in taskOrchestration.plan.nodes" :key="node.id" class="task-node-card">
240
- <div class="task-node-head">
241
- <div>
242
- <div class="task-node-title">{{ node.title || node.id }}</div>
243
- <div class="task-node-meta">{{ node.id }} · {{ node.kind }}<span v-if="node.workflowId"> · {{ node.workflowId }}</span></div>
244
- </div>
245
- <span :class="['pill', node.write ? 'configured' : 'empty']">{{ node.write ? t('orchestration.plan.node.write') : t('orchestration.plan.node.readOnly') }}</span>
246
- </div>
247
- <div class="task-node-deps">{{ t('orchestration.labels.dependencies') }}{{ formatTaskNodeDependencies(node) }}</div>
248
- </div>
249
- </div>
250
- </template>
251
- </section>
252
-
253
- <section
254
- v-if="taskOrchestration.queue.length || taskOrchestration.runs.length || taskOrchestration.selectedRunId || taskOrchestration.selectedRunError"
255
- class="selector-section task-workbench-card">
256
- <div class="selector-header task-section-header">
257
- <div>
258
- <span class="selector-title">{{ t('orchestration.workbench.title') }}</span>
259
- <div class="skills-panel-note">{{ t('orchestration.workbench.subtitle') }}</div>
260
- </div>
261
- <div class="settings-tab-actions task-header-actions">
262
- <button type="button" class="btn-tool btn-tool-compact" @click="loadTaskOrchestrationOverview({ forceRefresh: true, includeDetail: true })" :disabled="taskOrchestration.loading">
263
- {{ taskOrchestration.loading ? t('common.refreshing') : t('common.refresh') }}
264
- </button>
265
- <button v-if="taskOrchestration.queue.length" type="button" class="btn-tool btn-tool-compact" @click="startTaskQueueRunner()" :disabled="taskOrchestration.queueStarting">
266
- {{ taskOrchestration.queueStarting ? t('orchestration.queue.starting') : t('orchestration.queue.start') }}
267
- </button>
268
- </div>
269
- </div>
270
-
271
- <div
272
- v-if="(taskOrchestration.queue.length ? 1 : 0) + (taskOrchestration.runs.length ? 1 : 0) + ((taskOrchestration.selectedRunId || taskOrchestration.selectedRunError) ? 1 : 0) > 1"
273
- class="task-workbench-tabs"
274
- role="group"
275
- :aria-label="t('orchestration.workbench.tabs.aria')">
276
- <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>
277
- <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>
278
- <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>
279
- </div>
280
-
281
- <div v-if="taskOrchestration.workspaceTab === 'queue' || (!taskOrchestration.runs.length && !taskOrchestration.selectedRunId && !taskOrchestration.selectedRunError)" class="task-workbench-panel">
282
- <div v-if="!taskOrchestration.queue.length" class="task-empty-state">
283
- <div class="task-empty-title">{{ t('orchestration.queue.empty.title') }}</div>
284
- <div class="task-empty-copy">{{ t('orchestration.queue.empty.subtitle') }}</div>
285
- </div>
286
- <div v-else class="task-runtime-list">
287
- <div
288
- v-for="item in taskOrchestration.queue"
289
- :key="item.taskId"
290
- :class="['task-runtime-item', { active: item.lastRunId && taskOrchestration.selectedRunId === item.lastRunId, clickable: !!item.lastRunId }]"
291
- :role="item.lastRunId ? 'button' : null"
292
- :tabindex="item.lastRunId ? 0 : -1"
293
- :aria-disabled="item.lastRunId ? null : 'true'"
294
- @click="item.lastRunId ? (taskOrchestration.workspaceTab = 'detail', selectTaskRun(item.lastRunId)) : null"
295
- @keydown.enter.self.prevent="item.lastRunId ? (taskOrchestration.workspaceTab = 'detail', selectTaskRun(item.lastRunId)) : null"
296
- @keydown.space.self.prevent="item.lastRunId ? (taskOrchestration.workspaceTab = 'detail', selectTaskRun(item.lastRunId)) : null">
297
- <div class="task-runtime-item-main">
298
- <div class="task-runtime-item-title">{{ item.title || item.target || item.taskId }}</div>
299
- <div class="task-runtime-item-meta">{{ item.taskId }} · {{ item.updatedAt || item.createdAt }}</div>
300
- <div v-if="item.lastSummary" class="task-runtime-item-summary">{{ item.lastSummary }}</div>
301
- </div>
302
- <div class="task-runtime-item-actions">
303
- <span :class="['pill', taskRunStatusTone(item.status)]">{{ item.status }}</span>
304
- <button type="button" class="btn-mini" @click.stop="cancelTaskRunFromUi(item.taskId)" :disabled="item.status !== 'queued' && item.status !== 'running'">{{ t('common.cancel') }}</button>
305
- </div>
306
- </div>
307
- </div>
308
- </div>
309
-
310
- <div v-else-if="taskOrchestration.workspaceTab === 'runs' || (!taskOrchestration.queue.length && taskOrchestration.runs.length && !taskOrchestration.selectedRunId && !taskOrchestration.selectedRunError)" class="task-workbench-panel">
311
- <div v-if="!taskOrchestration.runs.length" class="task-empty-state">
312
- <div class="task-empty-title">{{ t('orchestration.runs.empty.title') }}</div>
313
- <div class="task-empty-copy">{{ t('orchestration.runs.empty.subtitle') }}</div>
314
- </div>
315
- <div v-else class="task-runtime-list">
316
- <button
317
- v-for="item in taskOrchestration.runs"
318
- :key="item.runId"
319
- type="button"
320
- :class="['task-runtime-item', { active: taskOrchestration.selectedRunId === item.runId }]"
321
- @click="taskOrchestration.workspaceTab = 'detail'; selectTaskRun(item.runId)">
322
- <div class="task-runtime-item-main">
323
- <div class="task-runtime-item-title">{{ item.title || item.taskId || item.runId }}</div>
324
- <div class="task-runtime-item-meta">{{ item.runId }} · {{ item.durationMs || 0 }}ms</div>
325
- <div v-if="item.summary" class="task-runtime-item-summary">{{ item.summary }}</div>
326
- </div>
327
- <div class="task-runtime-item-actions">
328
- <span :class="['pill', taskRunStatusTone(item.status)]">{{ item.status }}</span>
329
- </div>
330
- </button>
331
- </div>
332
- </div>
333
-
334
- <div v-else class="task-workbench-panel">
335
- <div class="task-detail-toolbar settings-tab-actions">
336
- <button type="button" class="btn-tool btn-tool-compact" @click="taskOrchestration.selectedRunId ? loadTaskRunDetail(taskOrchestration.selectedRunId) : null" :disabled="!taskOrchestration.selectedRunId || taskOrchestration.selectedRunLoading">
337
- {{ taskOrchestration.selectedRunLoading ? t('common.refreshing') : t('orchestration.detail.refresh') }}
338
- </button>
339
- <button type="button" class="btn-tool btn-tool-compact" @click="retryTaskRunFromUi(taskOrchestration.selectedRunId)" :disabled="!taskOrchestration.selectedRunId || taskOrchestration.retrying">
340
- {{ taskOrchestration.retrying ? t('orchestration.detail.retrying') : t('orchestration.detail.retry') }}
341
- </button>
342
- <button type="button" class="btn-tool btn-tool-compact" @click="cancelTaskRunFromUi(taskOrchestration.selectedRunId)" :disabled="!taskOrchestrationSelectedRun || !taskOrchestrationSelectedRun.run || !isTaskRunActive(taskOrchestrationSelectedRun.run.status)">
343
- {{ t('common.cancel') }}
344
- </button>
345
- </div>
346
-
347
- <div v-if="taskOrchestration.selectedRunError" class="task-issue-item">{{ taskOrchestration.selectedRunError }}</div>
348
- <div v-if="!taskOrchestrationSelectedRun" class="task-empty-state">
349
- <div class="task-empty-title">{{ t('orchestration.detail.empty.title') }}</div>
350
- <div class="task-empty-copy">{{ t('orchestration.detail.empty.subtitle') }}</div>
351
- </div>
352
- <template v-else>
353
- <div class="task-detail-summary-strip">
354
- <div class="task-plan-summary-item">
355
- <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.status') }}</span>
356
- <strong>{{ taskOrchestrationSelectedRun.run.status }}</strong>
357
- </div>
358
- <div class="task-plan-summary-item">
359
- <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.duration') }}</span>
360
- <strong>{{ taskOrchestrationSelectedRun.run.durationMs || 0 }}ms</strong>
361
- </div>
362
- <div class="task-plan-summary-item">
363
- <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.nodes') }}</span>
364
- <strong>{{ taskOrchestrationSelectedRunNodes.length }}</strong>
365
- </div>
366
- <div class="task-plan-summary-item">
367
- <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.summary') }}</span>
368
- <strong>{{ taskOrchestrationSelectedRun.run.summary || t('common.none') }}</strong>
369
- </div>
370
- </div>
371
- <div v-if="taskOrchestrationSelectedRun.run.error" class="task-issue-item">{{ taskOrchestrationSelectedRun.run.error }}</div>
372
- <div class="task-node-list">
373
- <div v-for="node in taskOrchestrationSelectedRunNodes" :key="node.id" class="task-node-card task-node-card-detail">
374
- <div class="task-node-head">
375
- <div>
376
- <div class="task-node-title">{{ node.title || node.id }}</div>
377
- <div class="task-node-meta">{{ t('orchestration.detail.node.meta', { id: node.id, attempts: (node.attemptCount || 0), autoFix: (node.autoFixRounds || 0) }) }}</div>
378
- </div>
379
- <span :class="['pill', taskRunStatusTone(node.status)]">{{ node.status }}</span>
380
- </div>
381
- <div v-if="node.summary" class="task-runtime-item-summary">{{ node.summary }}</div>
382
- <div v-if="node.error && node.error !== node.summary" class="task-node-deps">{{ t('orchestration.labels.error') }}{{ node.error }}</div>
383
- <div class="task-node-deps">{{ t('orchestration.labels.dependencies') }}{{ formatTaskNodeDependencies(node) }}</div>
384
- <pre class="task-log-block">{{ formatTaskNodeLogs(node.logs) }}</pre>
385
- </div>
386
- </div>
387
- </template>
388
- </div>
389
- </section>
390
- </div>
391
- </div>
1
+ <div
2
+ v-if="taskOrchestrationTabEnabled"
3
+ v-show="mainTab === 'orchestration'"
4
+ class="mode-content"
5
+ id="panel-orchestration"
6
+ role="tabpanel"
7
+ aria-labelledby="tab-orchestration">
8
+ <section class="selector-section task-hero-card">
9
+ <div class="task-hero-main">
10
+ <div>
11
+ <div class="task-hero-kicker">{{ t('orchestration.hero.kicker') }}</div>
12
+ <div class="selector-title">{{ t('orchestration.hero.title') }}</div>
13
+ <div class="skills-panel-note task-hero-copy">{{ t('orchestration.hero.subtitle') }}</div>
14
+ </div>
15
+ <div class="task-hero-actions settings-tab-actions task-header-actions">
16
+ <button type="button" class="btn-tool btn-tool-compact" @click="loadTaskOrchestrationOverview({ forceRefresh: true, includeDetail: true })" :disabled="taskOrchestration.loading">
17
+ {{ taskOrchestration.loading ? t('common.refreshing') : t('common.refresh') }}
18
+ </button>
19
+ <button type="button" class="btn-tool btn-tool-compact" @click="resetTaskOrchestrationDraft()" :disabled="taskOrchestration.running || taskOrchestration.queueAdding || taskOrchestration.planning">
20
+ {{ t('orchestration.draft.reset') }}
21
+ </button>
22
+ <button type="button" class="btn-tool btn-tool-compact" @click="switchMainTab('dashboard')" :disabled="loading || !!initError">
23
+ {{ t('dashboard.doctor.title') }}
24
+ </button>
25
+ </div>
26
+ </div>
27
+ <div v-if="taskOrchestrationQueueStats.running || taskOrchestrationQueueStats.queued || taskOrchestration.runs.length" class="task-hero-meta-strip" :aria-label="t('orchestration.summary.aria')">
28
+ <div class="task-hero-meta">{{ t('orchestration.summary.running') }} <strong>{{ taskOrchestrationQueueStats.running }}</strong></div>
29
+ <div class="task-hero-meta">{{ t('orchestration.summary.queued') }} <strong>{{ taskOrchestrationQueueStats.queued }}</strong></div>
30
+ <div class="task-hero-meta">{{ t('orchestration.summary.runs') }} <strong>{{ taskOrchestration.runs.length }}</strong></div>
31
+ </div>
32
+ </section>
33
+
34
+ <div class="task-layout-grid task-layout-grid-primary">
35
+ <section class="selector-section task-compose-flow-card">
36
+ <div class="task-flow-section task-flow-section-compact">
37
+ <div class="task-flow-head">
38
+ <div class="task-flow-step">1</div>
39
+ <div>
40
+ <div class="task-flow-title">{{ t('orchestration.step1.title') }}</div>
41
+ <div class="task-flow-copy">{{ t('orchestration.step1.subtitle') }}</div>
42
+ </div>
43
+ </div>
44
+
45
+ <details v-if="!taskOrchestration.target.trim()" class="task-template-panel">
46
+ <summary class="task-advanced-summary">{{ t('orchestration.templates.title') }}</summary>
47
+ <div class="task-template-block">
48
+ <div class="task-template-chip-group">
49
+ <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>
50
+ <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>
51
+ <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>
52
+ </div>
53
+ </div>
54
+ </details>
55
+
56
+ <div class="selector-grid task-composer-grid task-composer-grid-primary">
57
+ <label class="selector-field task-field task-field-wide task-goal-field">
58
+ <span class="selector-label">{{ t('orchestration.fields.target') }}</span>
59
+ <textarea v-model="taskOrchestration.target" class="task-textarea task-textarea-goal" rows="5" :placeholder="t('orchestration.fields.target.placeholder')"></textarea>
60
+ <span class="task-field-hint">{{ t('orchestration.fields.target.hint') }}</span>
61
+ </label>
62
+ </div>
63
+
64
+ <div class="task-draft-overview task-draft-inline">
65
+ <div class="task-draft-inline-head">
66
+ <span :class="['pill', taskOrchestrationDraftReadiness.tone]">{{ taskOrchestrationDraftReadiness.title }}</span>
67
+ <div class="task-readiness-copy task-draft-inline-copy">{{ taskOrchestrationDraftReadiness.summary }}</div>
68
+ </div>
69
+ <div class="task-config-strip">
70
+ <div class="task-config-pill">{{ taskOrchestration.selectedEngine === 'workflow' ? t('orchestration.engine.workflow') : t('orchestration.engine.codex') }}</div>
71
+ <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>
72
+ <div v-if="taskOrchestration.title.trim()" class="task-config-pill">{{ t('orchestration.pills.hasTitle') }}</div>
73
+ <div v-if="taskOrchestration.selectedEngine === 'workflow' && taskOrchestrationDraftMetrics.workflowCount > 0" class="task-config-pill">{{ t('orchestration.pills.workflowCount', { count: taskOrchestrationDraftMetrics.workflowCount }) }}</div>
74
+ <div v-if="taskOrchestration.plan" class="task-config-pill">{{ t('orchestration.pills.planNodes', { count: taskOrchestrationDraftMetrics.planNodeCount }) }}</div>
75
+ </div>
76
+ </div>
77
+ </div>
78
+
79
+ <div class="task-flow-section task-flow-section-compact">
80
+ <div class="task-flow-head">
81
+ <div class="task-flow-step">2</div>
82
+ <div>
83
+ <div class="task-flow-title">{{ t('orchestration.step2.title') }}</div>
84
+ <div class="task-flow-copy">{{ t('orchestration.step2.subtitle') }}</div>
85
+ </div>
86
+ </div>
87
+
88
+ <div class="selector-grid task-composer-grid task-composer-grid-compact task-composer-grid-inline">
89
+ <label class="selector-field">
90
+ <span class="selector-label">{{ t('orchestration.fields.engine') }}</span>
91
+ <select v-model="taskOrchestration.selectedEngine" class="provider-fast-switch-select" disabled>
92
+ <option value="codex">{{ t('orchestration.engine.codex') }}</option>
93
+ <option value="workflow">{{ t('orchestration.engine.workflow') }}</option>
94
+ </select>
95
+ </label>
96
+ <label class="selector-field">
97
+ <span class="selector-label">{{ t('orchestration.fields.runMode') }}</span>
98
+ <select v-model="taskOrchestration.runMode" class="provider-fast-switch-select" disabled>
99
+ <option value="write">{{ t('orchestration.runMode.write') }}</option>
100
+ <option value="read">{{ t('orchestration.runMode.readOnly') }}</option>
101
+ <option value="dry-run">{{ t('orchestration.runMode.dryRun') }}</option>
102
+ </select>
103
+ </label>
104
+ </div>
105
+
106
+ <details class="task-advanced-panel">
107
+ <summary class="task-advanced-summary">{{ t('orchestration.advanced.title') }}</summary>
108
+ <div class="selector-grid task-composer-grid task-composer-grid-secondary">
109
+ <label class="selector-field task-field-wide">
110
+ <span class="selector-label">{{ t('orchestration.fields.title') }}</span>
111
+ <input v-model="taskOrchestration.title" class="model-input" type="text" :placeholder="t('orchestration.fields.title.placeholder')">
112
+ </label>
113
+ <label class="selector-field task-field-wide">
114
+ <span class="selector-label">{{ t('orchestration.fields.notes') }}</span>
115
+ <textarea v-model="taskOrchestration.notes" class="task-textarea" rows="3" :placeholder="t('orchestration.fields.notes.placeholder')"></textarea>
116
+ <span class="task-field-hint">{{ t('orchestration.fields.notes.hint') }}</span>
117
+ </label>
118
+ <label class="selector-field task-field-wide">
119
+ <span class="selector-label">{{ t('orchestration.fields.followUps') }}</span>
120
+ <textarea v-model="taskOrchestration.followUpsText" class="task-textarea" rows="3" :placeholder="t('orchestration.fields.followUps.placeholder')"></textarea>
121
+ </label>
122
+ <label class="selector-field">
123
+ <span class="selector-label">{{ t('orchestration.fields.concurrency') }}</span>
124
+ <input v-model="taskOrchestration.concurrency" class="model-input" type="number" min="1" max="8">
125
+ <span class="task-field-hint">{{ t('orchestration.fields.concurrency.hint') }}</span>
126
+ </label>
127
+ <label class="selector-field">
128
+ <span class="selector-label">{{ t('orchestration.fields.autoFixRounds') }}</span>
129
+ <input v-model="taskOrchestration.autoFixRounds" class="model-input" type="number" min="0" max="5">
130
+ <span class="task-field-hint">{{ t('orchestration.fields.autoFixRounds.hint') }}</span>
131
+ </label>
132
+ <label v-if="taskOrchestration.selectedEngine === 'workflow'" class="selector-field task-field-wide">
133
+ <span class="selector-label">{{ t('orchestration.fields.workflowIds') }}</span>
134
+ <textarea v-model="taskOrchestration.workflowIdsText" class="task-textarea" rows="3" :placeholder="t('orchestration.fields.workflowIds.placeholder')"></textarea>
135
+ <span class="task-field-hint">{{ t('orchestration.fields.workflowIds.hint', { count: taskOrchestration.workflows.length }) }}</span>
136
+ <div v-if="taskOrchestration.workflows.length" class="task-workflow-suggestions">
137
+ <button
138
+ v-for="workflow in taskOrchestration.workflows"
139
+ :key="workflow.id || workflow.name"
140
+ type="button"
141
+ class="task-workflow-chip"
142
+ @click="appendTaskWorkflowId(workflow.id || workflow.name)">
143
+ <span>{{ workflow.name || workflow.id }}</span>
144
+ <small v-if="workflow.stepCount">{{ t('orchestration.workflow.stepCount', { count: workflow.stepCount }) }}</small>
145
+ </button>
146
+ </div>
147
+ </label>
148
+ </div>
149
+ </details>
150
+ </div>
151
+
152
+ <div class="task-flow-section task-flow-section-actions task-flow-section-compact">
153
+ <div class="task-flow-head">
154
+ <div class="task-flow-step">3</div>
155
+ <div>
156
+ <div class="task-flow-title">{{ t('orchestration.step3.title') }}</div>
157
+ <div class="task-flow-copy">{{ t('orchestration.step3.subtitle') }}</div>
158
+ </div>
159
+ </div>
160
+ <div class="task-action-row task-action-row-prominent">
161
+ <button type="button" class="btn-tool task-action-preview" @click="previewTaskPlan()" :disabled="taskOrchestration.planning || taskOrchestration.running || !taskOrchestration.target.trim()">
162
+ {{ taskOrchestration.planning ? t('orchestration.actions.planning') : t('orchestration.actions.previewOnly') }}
163
+ </button>
164
+ <div class="task-action-row-right task-action-row-right-prominent">
165
+ <button type="button" class="btn-tool btn-primary" @click="planAndRunTaskOrchestration()" :disabled="taskOrchestration.running || taskOrchestration.planning || !taskOrchestration.target.trim()">
166
+ {{ (taskOrchestration.running || taskOrchestration.planning) ? t('orchestration.actions.preparing') : (taskOrchestration.runMode === 'dry-run' ? t('orchestration.actions.generatePlan') : t('orchestration.actions.planAndRun')) }}
167
+ </button>
168
+ <button type="button" class="btn-tool" @click="queueTaskOrchestrationAndStart()" :disabled="taskOrchestration.queueAdding || taskOrchestration.queueStarting || taskOrchestration.planning || !taskOrchestration.target.trim()">
169
+ {{ (taskOrchestration.queueAdding || taskOrchestration.queueStarting) ? t('orchestration.actions.processing') : t('orchestration.actions.queueAndStart') }}
170
+ </button>
171
+ </div>
172
+ </div>
173
+ <div class="task-action-caption">{{ t('orchestration.actions.caption') }}</div>
174
+ </div>
175
+ </section>
176
+ </div>
177
+
178
+ <section
179
+ v-if="!(taskOrchestration.plan || taskOrchestration.planIssues.length || taskOrchestration.planWarnings.length || taskOrchestration.lastError || taskOrchestration.queue.length || taskOrchestration.runs.length || taskOrchestration.selectedRunId || taskOrchestration.selectedRunError)"
180
+ class="selector-section task-stage-card">
181
+ <div class="task-stage-empty">
182
+ <div>
183
+ <div class="selector-title">{{ t('orchestration.stage.title') }}</div>
184
+ <div class="skills-panel-note">{{ t('orchestration.stage.subtitle') }}</div>
185
+ </div>
186
+ <div class="task-stage-strip">
187
+ <div class="task-stage-pill">{{ t('orchestration.stage.pill.target') }}</div>
188
+ <div class="task-stage-pill">{{ t('orchestration.stage.pill.preview') }}</div>
189
+ <div class="task-stage-pill">{{ t('orchestration.stage.pill.run') }}</div>
190
+ </div>
191
+ </div>
192
+ </section>
193
+
194
+ <div
195
+ v-else
196
+ class="task-layout-grid task-layout-grid-secondary">
197
+ <section
198
+ v-if="taskOrchestration.plan || taskOrchestration.planIssues.length || taskOrchestration.planWarnings.length || taskOrchestration.lastError"
199
+ class="selector-section task-plan-card">
200
+ <div v-if="taskOrchestration.lastError" class="task-issue-item">{{ taskOrchestration.lastError }}</div>
201
+ <div class="selector-header task-section-header">
202
+ <div>
203
+ <span class="selector-title">{{ t('orchestration.plan.title') }}</span>
204
+ <div class="skills-panel-note">{{ t('orchestration.plan.subtitle') }}</div>
205
+ </div>
206
+ </div>
207
+ <div v-if="taskOrchestration.planIssues.length" class="task-issues-list">
208
+ <div v-for="issue in taskOrchestration.planIssues" :key="issue.code + issue.message" class="task-issue-item">
209
+ {{ issue.message }}
210
+ </div>
211
+ </div>
212
+ <div v-if="taskOrchestration.planWarnings.length" class="task-warning-list">
213
+ <div v-for="warning in taskOrchestration.planWarnings" :key="warning" class="task-warning-item">
214
+ {{ warning }}
215
+ </div>
216
+ </div>
217
+ <template v-if="taskOrchestration.plan">
218
+ <div class="task-plan-summary-strip">
219
+ <div class="task-plan-summary-item">
220
+ <span class="task-plan-summary-label">{{ t('orchestration.plan.summary.nodes') }}</span>
221
+ <strong>{{ taskOrchestration.plan.nodes.length }}</strong>
222
+ </div>
223
+ <div class="task-plan-summary-item">
224
+ <span class="task-plan-summary-label">{{ t('orchestration.plan.summary.waves') }}</span>
225
+ <strong>{{ taskOrchestration.plan.waves.length }}</strong>
226
+ </div>
227
+ <div class="task-plan-summary-item">
228
+ <span class="task-plan-summary-label">{{ t('orchestration.plan.summary.engine') }}</span>
229
+ <strong>{{ taskOrchestration.plan.engine }}</strong>
230
+ </div>
231
+ </div>
232
+ <div class="task-wave-list">
233
+ <div v-for="wave in taskOrchestration.plan.waves" :key="wave.label" class="task-wave-card">
234
+ <div class="task-wave-title">{{ wave.label }}</div>
235
+ <div class="task-wave-nodes">{{ wave.nodeIds.join(', ') }}</div>
236
+ </div>
237
+ </div>
238
+ <div class="task-node-list">
239
+ <div v-for="node in taskOrchestration.plan.nodes" :key="node.id" class="task-node-card">
240
+ <div class="task-node-head">
241
+ <div>
242
+ <div class="task-node-title">{{ node.title || node.id }}</div>
243
+ <div class="task-node-meta">{{ node.id }} · {{ node.kind }}<span v-if="node.workflowId"> · {{ node.workflowId }}</span></div>
244
+ </div>
245
+ <span :class="['pill', node.write ? 'configured' : 'empty']">{{ node.write ? t('orchestration.plan.node.write') : t('orchestration.plan.node.readOnly') }}</span>
246
+ </div>
247
+ <div class="task-node-deps">{{ t('orchestration.labels.dependencies') }}{{ formatTaskNodeDependencies(node) }}</div>
248
+ </div>
249
+ </div>
250
+ </template>
251
+ </section>
252
+
253
+ <section
254
+ v-if="taskOrchestration.queue.length || taskOrchestration.runs.length || taskOrchestration.selectedRunId || taskOrchestration.selectedRunError"
255
+ class="selector-section task-workbench-card">
256
+ <div class="selector-header task-section-header">
257
+ <div>
258
+ <span class="selector-title">{{ t('orchestration.workbench.title') }}</span>
259
+ <div class="skills-panel-note">{{ t('orchestration.workbench.subtitle') }}</div>
260
+ </div>
261
+ <div class="settings-tab-actions task-header-actions">
262
+ <button type="button" class="btn-tool btn-tool-compact" @click="loadTaskOrchestrationOverview({ forceRefresh: true, includeDetail: true })" :disabled="taskOrchestration.loading">
263
+ {{ taskOrchestration.loading ? t('common.refreshing') : t('common.refresh') }}
264
+ </button>
265
+ <button v-if="taskOrchestration.queue.length" type="button" class="btn-tool btn-tool-compact" @click="startTaskQueueRunner()" :disabled="taskOrchestration.queueStarting">
266
+ {{ taskOrchestration.queueStarting ? t('orchestration.queue.starting') : t('orchestration.queue.start') }}
267
+ </button>
268
+ </div>
269
+ </div>
270
+
271
+ <div
272
+ v-if="(taskOrchestration.queue.length ? 1 : 0) + (taskOrchestration.runs.length ? 1 : 0) + ((taskOrchestration.selectedRunId || taskOrchestration.selectedRunError) ? 1 : 0) > 1"
273
+ class="task-workbench-tabs"
274
+ role="group"
275
+ :aria-label="t('orchestration.workbench.tabs.aria')">
276
+ <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>
277
+ <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>
278
+ <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>
279
+ </div>
280
+
281
+ <div v-if="taskOrchestration.workspaceTab === 'queue' || (!taskOrchestration.runs.length && !taskOrchestration.selectedRunId && !taskOrchestration.selectedRunError)" class="task-workbench-panel">
282
+ <div v-if="!taskOrchestration.queue.length" class="task-empty-state">
283
+ <div class="task-empty-title">{{ t('orchestration.queue.empty.title') }}</div>
284
+ <div class="task-empty-copy">{{ t('orchestration.queue.empty.subtitle') }}</div>
285
+ </div>
286
+ <div v-else class="task-runtime-list">
287
+ <div
288
+ v-for="item in taskOrchestration.queue"
289
+ :key="item.taskId"
290
+ :class="['task-runtime-item', { active: item.lastRunId && taskOrchestration.selectedRunId === item.lastRunId, clickable: !!item.lastRunId }]"
291
+ :role="item.lastRunId ? 'button' : null"
292
+ :tabindex="item.lastRunId ? 0 : -1"
293
+ :aria-disabled="item.lastRunId ? null : 'true'"
294
+ @click="item.lastRunId ? (taskOrchestration.workspaceTab = 'detail', selectTaskRun(item.lastRunId)) : null"
295
+ @keydown.enter.self.prevent="item.lastRunId ? (taskOrchestration.workspaceTab = 'detail', selectTaskRun(item.lastRunId)) : null"
296
+ @keydown.space.self.prevent="item.lastRunId ? (taskOrchestration.workspaceTab = 'detail', selectTaskRun(item.lastRunId)) : null">
297
+ <div class="task-runtime-item-main">
298
+ <div class="task-runtime-item-title">{{ item.title || item.target || item.taskId }}</div>
299
+ <div class="task-runtime-item-meta">{{ item.taskId }} · {{ item.updatedAt || item.createdAt }}</div>
300
+ <div v-if="item.lastSummary" class="task-runtime-item-summary">{{ item.lastSummary }}</div>
301
+ </div>
302
+ <div class="task-runtime-item-actions">
303
+ <span :class="['pill', taskRunStatusTone(item.status)]">{{ item.status }}</span>
304
+ <button type="button" class="btn-mini" @click.stop="cancelTaskRunFromUi(item.taskId)" :disabled="item.status !== 'queued' && item.status !== 'running'">{{ t('common.cancel') }}</button>
305
+ </div>
306
+ </div>
307
+ </div>
308
+ </div>
309
+
310
+ <div v-else-if="taskOrchestration.workspaceTab === 'runs' || (!taskOrchestration.queue.length && taskOrchestration.runs.length && !taskOrchestration.selectedRunId && !taskOrchestration.selectedRunError)" class="task-workbench-panel">
311
+ <div v-if="!taskOrchestration.runs.length" class="task-empty-state">
312
+ <div class="task-empty-title">{{ t('orchestration.runs.empty.title') }}</div>
313
+ <div class="task-empty-copy">{{ t('orchestration.runs.empty.subtitle') }}</div>
314
+ </div>
315
+ <div v-else class="task-runtime-list">
316
+ <button
317
+ v-for="item in taskOrchestration.runs"
318
+ :key="item.runId"
319
+ type="button"
320
+ :class="['task-runtime-item', { active: taskOrchestration.selectedRunId === item.runId }]"
321
+ @click="taskOrchestration.workspaceTab = 'detail'; selectTaskRun(item.runId)">
322
+ <div class="task-runtime-item-main">
323
+ <div class="task-runtime-item-title">{{ item.title || item.taskId || item.runId }}</div>
324
+ <div class="task-runtime-item-meta">{{ item.runId }} · {{ item.durationMs || 0 }}ms</div>
325
+ <div v-if="item.summary" class="task-runtime-item-summary">{{ item.summary }}</div>
326
+ </div>
327
+ <div class="task-runtime-item-actions">
328
+ <span :class="['pill', taskRunStatusTone(item.status)]">{{ item.status }}</span>
329
+ </div>
330
+ </button>
331
+ </div>
332
+ </div>
333
+
334
+ <div v-else class="task-workbench-panel">
335
+ <div class="task-detail-toolbar settings-tab-actions">
336
+ <button type="button" class="btn-tool btn-tool-compact" @click="taskOrchestration.selectedRunId ? loadTaskRunDetail(taskOrchestration.selectedRunId) : null" :disabled="!taskOrchestration.selectedRunId || taskOrchestration.selectedRunLoading">
337
+ {{ taskOrchestration.selectedRunLoading ? t('common.refreshing') : t('orchestration.detail.refresh') }}
338
+ </button>
339
+ <button type="button" class="btn-tool btn-tool-compact" @click="retryTaskRunFromUi(taskOrchestration.selectedRunId)" :disabled="!taskOrchestration.selectedRunId || taskOrchestration.retrying">
340
+ {{ taskOrchestration.retrying ? t('orchestration.detail.retrying') : t('orchestration.detail.retry') }}
341
+ </button>
342
+ <button type="button" class="btn-tool btn-tool-compact" @click="cancelTaskRunFromUi(taskOrchestration.selectedRunId)" :disabled="!taskOrchestrationSelectedRun || !taskOrchestrationSelectedRun.run || !isTaskRunActive(taskOrchestrationSelectedRun.run.status)">
343
+ {{ t('common.cancel') }}
344
+ </button>
345
+ </div>
346
+
347
+ <div v-if="taskOrchestration.selectedRunError" class="task-issue-item">{{ taskOrchestration.selectedRunError }}</div>
348
+ <div v-if="!taskOrchestrationSelectedRun" class="task-empty-state">
349
+ <div class="task-empty-title">{{ t('orchestration.detail.empty.title') }}</div>
350
+ <div class="task-empty-copy">{{ t('orchestration.detail.empty.subtitle') }}</div>
351
+ </div>
352
+ <template v-else>
353
+ <div class="task-detail-summary-strip">
354
+ <div class="task-plan-summary-item">
355
+ <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.status') }}</span>
356
+ <strong>{{ taskOrchestrationSelectedRun.run.status }}</strong>
357
+ </div>
358
+ <div class="task-plan-summary-item">
359
+ <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.duration') }}</span>
360
+ <strong>{{ taskOrchestrationSelectedRun.run.durationMs || 0 }}ms</strong>
361
+ </div>
362
+ <div class="task-plan-summary-item">
363
+ <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.nodes') }}</span>
364
+ <strong>{{ taskOrchestrationSelectedRunNodes.length }}</strong>
365
+ </div>
366
+ <div class="task-plan-summary-item">
367
+ <span class="task-plan-summary-label">{{ t('orchestration.detail.summary.summary') }}</span>
368
+ <strong>{{ taskOrchestrationSelectedRun.run.summary || t('common.none') }}</strong>
369
+ </div>
370
+ </div>
371
+ <div v-if="taskOrchestrationSelectedRun.run.error" class="task-issue-item">{{ taskOrchestrationSelectedRun.run.error }}</div>
372
+ <div class="task-node-list">
373
+ <div v-for="node in taskOrchestrationSelectedRunNodes" :key="node.id" class="task-node-card task-node-card-detail">
374
+ <div class="task-node-head">
375
+ <div>
376
+ <div class="task-node-title">{{ node.title || node.id }}</div>
377
+ <div class="task-node-meta">{{ t('orchestration.detail.node.meta', { id: node.id, attempts: (node.attemptCount || 0), autoFix: (node.autoFixRounds || 0) }) }}</div>
378
+ </div>
379
+ <span :class="['pill', taskRunStatusTone(node.status)]">{{ node.status }}</span>
380
+ </div>
381
+ <div v-if="node.summary" class="task-runtime-item-summary">{{ node.summary }}</div>
382
+ <div v-if="node.error && node.error !== node.summary" class="task-node-deps">{{ t('orchestration.labels.error') }}{{ node.error }}</div>
383
+ <div class="task-node-deps">{{ t('orchestration.labels.dependencies') }}{{ formatTaskNodeDependencies(node) }}</div>
384
+ <pre class="task-log-block">{{ formatTaskNodeLogs(node.logs) }}</pre>
385
+ </div>
386
+ </div>
387
+ </template>
388
+ </div>
389
+ </section>
390
+ </div>
391
+ </div>