codexmate 0.0.27 → 0.0.28

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 (137) 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 +1620 -1299
  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 +1489 -1091
  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 +15264 -15251
  23. package/lib/automation.js +404 -404
  24. package/lib/cli-file-utils.js +151 -151
  25. package/lib/cli-models-utils.js +440 -379
  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/download-artifacts.js +92 -92
  32. package/lib/mcp-stdio.js +453 -453
  33. package/lib/task-orchestrator.js +869 -869
  34. package/lib/text-diff.js +303 -303
  35. package/lib/workflow-engine.js +340 -340
  36. package/package.json +3 -1
  37. package/plugins/README.md +20 -20
  38. package/plugins/README.zh-CN.md +20 -20
  39. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  40. package/plugins/prompt-templates/computed.mjs +253 -253
  41. package/plugins/prompt-templates/index.mjs +8 -8
  42. package/plugins/prompt-templates/manifest.mjs +15 -15
  43. package/plugins/prompt-templates/methods.mjs +553 -619
  44. package/plugins/prompt-templates/overview.mjs +91 -90
  45. package/plugins/prompt-templates/ownership.mjs +19 -19
  46. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  47. package/plugins/prompt-templates/storage.mjs +64 -64
  48. package/plugins/registry.mjs +16 -16
  49. package/web-ui/app.js +625 -634
  50. package/web-ui/index.html +35 -35
  51. package/web-ui/logic.agents-diff.mjs +386 -386
  52. package/web-ui/logic.claude.mjs +168 -168
  53. package/web-ui/logic.codex.mjs +56 -0
  54. package/web-ui/logic.mjs +5 -5
  55. package/web-ui/logic.runtime.mjs +128 -128
  56. package/web-ui/logic.session-convert.mjs +70 -70
  57. package/web-ui/logic.sessions.mjs +765 -765
  58. package/web-ui/modules/api.mjs +90 -90
  59. package/web-ui/modules/app.computed.dashboard.mjs +225 -171
  60. package/web-ui/modules/app.computed.index.mjs +17 -17
  61. package/web-ui/modules/app.computed.main-tabs.mjs +205 -205
  62. package/web-ui/modules/app.computed.session.mjs +994 -994
  63. package/web-ui/modules/app.constants.mjs +15 -15
  64. package/web-ui/modules/app.methods.agents.mjs +632 -632
  65. package/web-ui/modules/app.methods.claude-config.mjs +190 -184
  66. package/web-ui/modules/app.methods.codex-config.mjs +892 -860
  67. package/web-ui/modules/app.methods.index.mjs +92 -92
  68. package/web-ui/modules/app.methods.install.mjs +205 -205
  69. package/web-ui/modules/app.methods.navigation.mjs +743 -743
  70. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  71. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  72. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  73. package/web-ui/modules/app.methods.providers.mjs +412 -404
  74. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  75. package/web-ui/modules/app.methods.session-actions.mjs +593 -596
  76. package/web-ui/modules/app.methods.session-browser.mjs +984 -989
  77. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  78. package/web-ui/modules/app.methods.session-trash.mjs +439 -439
  79. package/web-ui/modules/app.methods.startup-claude.mjs +533 -526
  80. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  81. package/web-ui/modules/config-mode.computed.mjs +124 -124
  82. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  83. package/web-ui/modules/i18n.dict.mjs +2109 -2131
  84. package/web-ui/modules/i18n.mjs +56 -56
  85. package/web-ui/modules/plugins.computed.mjs +3 -3
  86. package/web-ui/modules/plugins.methods.mjs +3 -3
  87. package/web-ui/modules/plugins.storage.mjs +11 -11
  88. package/web-ui/modules/provider-url-display.mjs +17 -0
  89. package/web-ui/modules/sessions-filters-url.mjs +85 -85
  90. package/web-ui/modules/skills.computed.mjs +107 -107
  91. package/web-ui/modules/skills.methods.mjs +481 -481
  92. package/web-ui/partials/index/layout-footer.html +13 -13
  93. package/web-ui/partials/index/layout-header.html +475 -475
  94. package/web-ui/partials/index/modal-config-template-agents.html +174 -174
  95. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  96. package/web-ui/partials/index/modal-health-check.html +45 -45
  97. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  98. package/web-ui/partials/index/modal-skills.html +200 -200
  99. package/web-ui/partials/index/modals-basic.html +165 -165
  100. package/web-ui/partials/index/panel-config-claude.html +188 -187
  101. package/web-ui/partials/index/panel-config-codex.html +312 -283
  102. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  103. package/web-ui/partials/index/panel-dashboard.html +186 -186
  104. package/web-ui/partials/index/panel-docs.html +147 -147
  105. package/web-ui/partials/index/panel-market.html +177 -177
  106. package/web-ui/partials/index/panel-orchestration.html +391 -391
  107. package/web-ui/partials/index/panel-plugins.html +253 -279
  108. package/web-ui/partials/index/panel-sessions.html +316 -326
  109. package/web-ui/partials/index/panel-settings.html +253 -274
  110. package/web-ui/partials/index/panel-usage.html +371 -371
  111. package/web-ui/res/json5.min.js +1 -1
  112. package/web-ui/res/vue.global.prod.js +13 -13
  113. package/web-ui/session-helpers.mjs +576 -576
  114. package/web-ui/source-bundle.cjs +233 -233
  115. package/web-ui/styles/base-theme.css +281 -268
  116. package/web-ui/styles/controls-forms.css +422 -423
  117. package/web-ui/styles/dashboard.css +274 -274
  118. package/web-ui/styles/docs-panel.css +247 -247
  119. package/web-ui/styles/feedback.css +108 -108
  120. package/web-ui/styles/health-check-dialog.css +144 -144
  121. package/web-ui/styles/layout-shell.css +606 -603
  122. package/web-ui/styles/modals-core.css +466 -464
  123. package/web-ui/styles/navigation-panels.css +391 -390
  124. package/web-ui/styles/openclaw-structured.css +266 -266
  125. package/web-ui/styles/plugins-panel.css +523 -523
  126. package/web-ui/styles/responsive.css +454 -454
  127. package/web-ui/styles/sessions-list.css +419 -415
  128. package/web-ui/styles/sessions-preview.css +411 -411
  129. package/web-ui/styles/sessions-toolbar-trash.css +330 -330
  130. package/web-ui/styles/sessions-usage.css +1040 -1040
  131. package/web-ui/styles/settings-panel.css +185 -185
  132. package/web-ui/styles/skills-list.css +303 -303
  133. package/web-ui/styles/skills-market.css +406 -406
  134. package/web-ui/styles/task-orchestration.css +822 -822
  135. package/web-ui/styles/titles-cards.css +472 -408
  136. package/web-ui/styles.css +21 -21
  137. 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>