codexmate 0.0.32 → 0.0.34

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 (148) hide show
  1. package/README.md +147 -363
  2. package/README.zh.md +147 -371
  3. package/cli/agents-files.js +230 -224
  4. package/cli/archive-helpers.js +453 -446
  5. package/cli/auth-profiles.js +375 -375
  6. package/cli/builtin-proxy.js +1725 -1725
  7. package/cli/claude-proxy.js +1022 -1022
  8. package/cli/config-bootstrap.js +402 -402
  9. package/cli/config-health.js +454 -454
  10. package/cli/doctor-core.js +903 -903
  11. package/cli/import-skills-url.js +356 -356
  12. package/cli/local-bridge.js +556 -324
  13. package/cli/openai-bridge.js +1653 -1653
  14. package/cli/openclaw-config.js +629 -629
  15. package/cli/session-convert-args.js +69 -69
  16. package/cli/session-convert-io.js +82 -82
  17. package/cli/session-convert.js +150 -150
  18. package/cli/session-usage.concurrent.js +28 -28
  19. package/cli/session-usage.js +118 -118
  20. package/cli/session-usage.models.js +176 -176
  21. package/cli/skills.js +1141 -1141
  22. package/cli/update.js +171 -0
  23. package/cli/zip-commands.js +510 -510
  24. package/cli.js +16079 -15829
  25. package/lib/automation.js +404 -404
  26. package/lib/cli-file-utils.js +151 -151
  27. package/lib/cli-models-utils.js +440 -440
  28. package/lib/cli-network-utils.js +190 -190
  29. package/lib/cli-path-utils.js +85 -85
  30. package/lib/cli-session-utils.js +121 -121
  31. package/lib/cli-sessions.js +427 -426
  32. package/lib/cli-utils.js +155 -155
  33. package/lib/cli-webhook.js +154 -126
  34. package/lib/download-artifacts.js +92 -92
  35. package/lib/mcp-stdio.js +453 -453
  36. package/lib/task-orchestrator.js +869 -869
  37. package/lib/text-diff.js +303 -303
  38. package/lib/win-tray.js +119 -0
  39. package/lib/workflow-engine.js +340 -340
  40. package/package.json +76 -76
  41. package/plugins/README.md +20 -20
  42. package/plugins/README.zh-CN.md +20 -20
  43. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  44. package/plugins/prompt-templates/computed.mjs +253 -253
  45. package/plugins/prompt-templates/index.mjs +8 -8
  46. package/plugins/prompt-templates/manifest.mjs +15 -15
  47. package/plugins/prompt-templates/methods.mjs +553 -553
  48. package/plugins/prompt-templates/overview.mjs +91 -91
  49. package/plugins/prompt-templates/ownership.mjs +19 -19
  50. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  51. package/plugins/prompt-templates/storage.mjs +64 -64
  52. package/plugins/registry.mjs +16 -16
  53. package/web-ui/app.js +654 -647
  54. package/web-ui/index.html +37 -36
  55. package/web-ui/logic.agents-diff.mjs +386 -386
  56. package/web-ui/logic.claude.mjs +172 -168
  57. package/web-ui/logic.codex.mjs +69 -69
  58. package/web-ui/logic.mjs +5 -5
  59. package/web-ui/logic.runtime.mjs +128 -128
  60. package/web-ui/logic.session-convert.mjs +70 -70
  61. package/web-ui/logic.sessions.mjs +781 -781
  62. package/web-ui/modules/api.mjs +90 -90
  63. package/web-ui/modules/app.computed.dashboard.mjs +248 -248
  64. package/web-ui/modules/app.computed.index.mjs +17 -17
  65. package/web-ui/modules/app.computed.main-tabs.mjs +205 -205
  66. package/web-ui/modules/app.computed.session.mjs +735 -693
  67. package/web-ui/modules/app.constants.mjs +15 -15
  68. package/web-ui/modules/app.methods.agents.mjs +651 -651
  69. package/web-ui/modules/app.methods.claude-config.mjs +306 -200
  70. package/web-ui/modules/app.methods.codex-config.mjs +869 -861
  71. package/web-ui/modules/app.methods.index.mjs +94 -94
  72. package/web-ui/modules/app.methods.install.mjs +205 -205
  73. package/web-ui/modules/app.methods.navigation.mjs +788 -774
  74. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  75. package/web-ui/modules/app.methods.openclaw-editing.mjs +372 -372
  76. package/web-ui/modules/app.methods.openclaw-persist.mjs +369 -369
  77. package/web-ui/modules/app.methods.providers.mjs +575 -529
  78. package/web-ui/modules/app.methods.runtime.mjs +345 -345
  79. package/web-ui/modules/app.methods.session-actions.mjs +591 -591
  80. package/web-ui/modules/app.methods.session-browser.mjs +1011 -1012
  81. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  82. package/web-ui/modules/app.methods.session-trash.mjs +438 -438
  83. package/web-ui/modules/app.methods.startup-claude.mjs +547 -537
  84. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  85. package/web-ui/modules/app.methods.webhook.mjs +87 -79
  86. package/web-ui/modules/config-mode.computed.mjs +124 -124
  87. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  88. package/web-ui/modules/i18n.dict.mjs +3195 -3177
  89. package/web-ui/modules/i18n.mjs +62 -62
  90. package/web-ui/modules/plugins.computed.mjs +3 -3
  91. package/web-ui/modules/plugins.methods.mjs +3 -3
  92. package/web-ui/modules/plugins.storage.mjs +11 -11
  93. package/web-ui/modules/provider-url-display.mjs +17 -17
  94. package/web-ui/modules/sessions-filters-url.mjs +85 -85
  95. package/web-ui/modules/skills.computed.mjs +107 -107
  96. package/web-ui/modules/skills.methods.mjs +482 -482
  97. package/web-ui/partials/index/layout-footer.html +13 -13
  98. package/web-ui/partials/index/layout-header.html +499 -503
  99. package/web-ui/partials/index/modal-config-template-agents.html +185 -185
  100. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  101. package/web-ui/partials/index/modal-health-check.html +45 -45
  102. package/web-ui/partials/index/modal-openclaw-config.html +280 -280
  103. package/web-ui/partials/index/modal-skills.html +200 -200
  104. package/web-ui/partials/index/modal-webhook.html +42 -0
  105. package/web-ui/partials/index/modals-basic.html +223 -162
  106. package/web-ui/partials/index/panel-config-claude.html +155 -136
  107. package/web-ui/partials/index/panel-config-codex.html +176 -196
  108. package/web-ui/partials/index/panel-config-codex.html.bak +337 -0
  109. package/web-ui/partials/index/panel-config-openclaw.html +83 -83
  110. package/web-ui/partials/index/panel-dashboard.html +186 -219
  111. package/web-ui/partials/index/panel-docs.html +114 -114
  112. package/web-ui/partials/index/panel-market.html +177 -177
  113. package/web-ui/partials/index/panel-orchestration.html +391 -391
  114. package/web-ui/partials/index/panel-plugins.html +253 -253
  115. package/web-ui/partials/index/panel-sessions.html +319 -313
  116. package/web-ui/partials/index/panel-settings.html +158 -190
  117. package/web-ui/partials/index/panel-trash.html +82 -82
  118. package/web-ui/partials/index/panel-usage.html +137 -137
  119. package/web-ui/res/json5.min.js +1 -1
  120. package/web-ui/res/vue.global.prod.js +13 -13
  121. package/web-ui/session-helpers.mjs +591 -591
  122. package/web-ui/source-bundle.cjs +233 -233
  123. package/web-ui/styles/base-theme.css +281 -281
  124. package/web-ui/styles/bridge-pool.css +266 -197
  125. package/web-ui/styles/controls-forms.css +433 -433
  126. package/web-ui/styles/dashboard.css +406 -406
  127. package/web-ui/styles/docs-panel.css +245 -245
  128. package/web-ui/styles/feedback.css +108 -108
  129. package/web-ui/styles/health-check-dialog.css +144 -144
  130. package/web-ui/styles/layout-shell.css +628 -638
  131. package/web-ui/styles/modals-core.css +499 -466
  132. package/web-ui/styles/navigation-panels.css +391 -391
  133. package/web-ui/styles/openclaw-structured.css +266 -266
  134. package/web-ui/styles/plugins-panel.css +564 -564
  135. package/web-ui/styles/responsive.css +392 -392
  136. package/web-ui/styles/sessions-list.css +683 -647
  137. package/web-ui/styles/sessions-preview.css +407 -407
  138. package/web-ui/styles/sessions-toolbar-trash.css +518 -518
  139. package/web-ui/styles/sessions-usage.css +588 -588
  140. package/web-ui/styles/settings-panel.css +415 -349
  141. package/web-ui/styles/skills-list.css +305 -305
  142. package/web-ui/styles/skills-market.css +429 -429
  143. package/web-ui/styles/task-orchestration.css +822 -822
  144. package/web-ui/styles/titles-cards.css +472 -472
  145. package/web-ui/styles/trash-panel.css +90 -90
  146. package/web-ui/styles/webhook.css +115 -81
  147. package/web-ui/styles.css +24 -24
  148. 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>