codexmate 0.0.40 → 0.0.41

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 (155) hide show
  1. package/README.md +168 -156
  2. package/README.zh.md +168 -156
  3. package/cli/agents-files.js +230 -230
  4. package/cli/analytics-export-args.js +68 -68
  5. package/cli/archive-helpers.js +453 -453
  6. package/cli/auth-profiles.js +375 -375
  7. package/cli/builtin-proxy.js +2144 -2144
  8. package/cli/claude-proxy.js +1022 -1022
  9. package/cli/config-bootstrap.js +407 -407
  10. package/cli/config-health.js +454 -454
  11. package/cli/doctor-core.js +903 -903
  12. package/cli/import-skills-url.js +356 -356
  13. package/cli/local-bridge.js +556 -556
  14. package/cli/openai-bridge.js +1984 -1984
  15. package/cli/openclaw-config.js +629 -629
  16. package/cli/session-convert-args.js +69 -69
  17. package/cli/session-convert-io.js +82 -82
  18. package/cli/session-convert.js +150 -150
  19. package/cli/session-usage.concurrent.js +28 -28
  20. package/cli/session-usage.js +304 -304
  21. package/cli/session-usage.models.js +176 -176
  22. package/cli/skills.js +1141 -1141
  23. package/cli/update.js +171 -171
  24. package/cli/zip-commands.js +510 -510
  25. package/cli.js +16458 -16341
  26. package/lib/automation.js +404 -404
  27. package/lib/cli-file-utils.js +151 -151
  28. package/lib/cli-models-utils.js +440 -440
  29. package/lib/cli-network-utils.js +190 -190
  30. package/lib/cli-path-utils.js +85 -85
  31. package/lib/cli-session-utils.js +121 -121
  32. package/lib/cli-sessions.js +427 -427
  33. package/lib/cli-utils.js +155 -155
  34. package/lib/cli-webhook.js +154 -154
  35. package/lib/download-artifacts.js +92 -92
  36. package/lib/mcp-stdio.js +453 -453
  37. package/lib/task-orchestrator.js +869 -869
  38. package/lib/text-diff.js +303 -303
  39. package/lib/win-tray.js +119 -119
  40. package/lib/workflow-engine.js +340 -340
  41. package/package.json +77 -77
  42. package/plugins/README.md +20 -20
  43. package/plugins/README.zh-CN.md +20 -20
  44. package/plugins/prompt-templates/comment-polish/index.mjs +25 -25
  45. package/plugins/prompt-templates/computed.mjs +311 -311
  46. package/plugins/prompt-templates/index.mjs +8 -8
  47. package/plugins/prompt-templates/manifest.mjs +18 -18
  48. package/plugins/prompt-templates/methods.mjs +553 -553
  49. package/plugins/prompt-templates/overview.mjs +91 -91
  50. package/plugins/prompt-templates/ownership.mjs +19 -19
  51. package/plugins/prompt-templates/rule-ack/index.mjs +21 -21
  52. package/plugins/prompt-templates/storage.mjs +64 -64
  53. package/plugins/registry.mjs +16 -16
  54. package/web-ui/app.js +695 -695
  55. package/web-ui/index.html +37 -37
  56. package/web-ui/logic.agents-diff.mjs +386 -386
  57. package/web-ui/logic.claude.mjs +172 -172
  58. package/web-ui/logic.codex.mjs +69 -69
  59. package/web-ui/logic.mjs +5 -5
  60. package/web-ui/logic.runtime.mjs +128 -128
  61. package/web-ui/logic.session-convert.mjs +70 -70
  62. package/web-ui/logic.sessions.mjs +782 -782
  63. package/web-ui/modules/api.mjs +90 -90
  64. package/web-ui/modules/app.computed.dashboard.mjs +252 -252
  65. package/web-ui/modules/app.computed.index.mjs +17 -17
  66. package/web-ui/modules/app.computed.main-tabs.mjs +214 -214
  67. package/web-ui/modules/app.computed.session.mjs +876 -876
  68. package/web-ui/modules/app.constants.mjs +15 -15
  69. package/web-ui/modules/app.methods.agents.mjs +651 -651
  70. package/web-ui/modules/app.methods.claude-config.mjs +412 -412
  71. package/web-ui/modules/app.methods.codex-config.mjs +869 -869
  72. package/web-ui/modules/app.methods.index.mjs +96 -96
  73. package/web-ui/modules/app.methods.install.mjs +205 -205
  74. package/web-ui/modules/app.methods.navigation.mjs +804 -804
  75. package/web-ui/modules/app.methods.openclaw-core.mjs +814 -814
  76. package/web-ui/modules/app.methods.openclaw-editing.mjs +420 -420
  77. package/web-ui/modules/app.methods.openclaw-persist.mjs +375 -375
  78. package/web-ui/modules/app.methods.providers.mjs +601 -601
  79. package/web-ui/modules/app.methods.runtime.mjs +420 -420
  80. package/web-ui/modules/app.methods.session-actions.mjs +591 -591
  81. package/web-ui/modules/app.methods.session-browser.mjs +1018 -1018
  82. package/web-ui/modules/app.methods.session-timeline.mjs +479 -479
  83. package/web-ui/modules/app.methods.session-trash.mjs +468 -468
  84. package/web-ui/modules/app.methods.startup-claude.mjs +554 -554
  85. package/web-ui/modules/app.methods.task-orchestration.mjs +556 -556
  86. package/web-ui/modules/app.methods.tool-config-permissions.mjs +87 -87
  87. package/web-ui/modules/app.methods.webhook.mjs +87 -87
  88. package/web-ui/modules/config-mode.computed.mjs +124 -124
  89. package/web-ui/modules/config-template-confirm-pref.mjs +33 -33
  90. package/web-ui/modules/i18n/locales/en.mjs +1140 -1140
  91. package/web-ui/modules/i18n/locales/ja.mjs +1130 -1130
  92. package/web-ui/modules/i18n/locales/vi.mjs +239 -239
  93. package/web-ui/modules/i18n/locales/zh.mjs +1143 -1143
  94. package/web-ui/modules/i18n.dict.mjs +14 -14
  95. package/web-ui/modules/i18n.mjs +111 -111
  96. package/web-ui/modules/plugins.computed.mjs +3 -3
  97. package/web-ui/modules/plugins.methods.mjs +3 -3
  98. package/web-ui/modules/plugins.storage.mjs +11 -11
  99. package/web-ui/modules/provider-url-display.mjs +17 -17
  100. package/web-ui/modules/sessions-filters-url.mjs +138 -138
  101. package/web-ui/modules/skills.computed.mjs +107 -107
  102. package/web-ui/modules/skills.methods.mjs +513 -513
  103. package/web-ui/partials/index/layout-footer.html +13 -13
  104. package/web-ui/partials/index/layout-header.html +478 -478
  105. package/web-ui/partials/index/modal-config-template-agents.html +185 -185
  106. package/web-ui/partials/index/modal-confirm-toast.html +32 -32
  107. package/web-ui/partials/index/modal-health-check.html +45 -45
  108. package/web-ui/partials/index/modal-openclaw-config.html +344 -344
  109. package/web-ui/partials/index/modal-skills.html +200 -200
  110. package/web-ui/partials/index/modal-webhook.html +42 -42
  111. package/web-ui/partials/index/modals-basic.html +263 -263
  112. package/web-ui/partials/index/panel-config-claude.html +187 -187
  113. package/web-ui/partials/index/panel-config-codex.html +205 -205
  114. package/web-ui/partials/index/panel-config-openclaw.html +89 -89
  115. package/web-ui/partials/index/panel-dashboard.html +171 -171
  116. package/web-ui/partials/index/panel-docs.html +114 -114
  117. package/web-ui/partials/index/panel-market.html +104 -104
  118. package/web-ui/partials/index/panel-orchestration.html +391 -391
  119. package/web-ui/partials/index/panel-plugins.html +253 -253
  120. package/web-ui/partials/index/panel-sessions.html +319 -319
  121. package/web-ui/partials/index/panel-settings.html +181 -181
  122. package/web-ui/partials/index/panel-trash.html +82 -82
  123. package/web-ui/partials/index/panel-usage.html +181 -181
  124. package/web-ui/res/json5.min.js +1 -1
  125. package/web-ui/res/vue.global.prod.js +13 -13
  126. package/web-ui/res/vue.runtime.global.prod.js +7 -7
  127. package/web-ui/res/web-ui-render.precompiled.js +7666 -7666
  128. package/web-ui/session-helpers.mjs +602 -602
  129. package/web-ui/source-bundle.cjs +305 -305
  130. package/web-ui/styles/base-theme.css +291 -291
  131. package/web-ui/styles/bridge-pool.css +266 -266
  132. package/web-ui/styles/controls-forms.css +532 -532
  133. package/web-ui/styles/dashboard.css +438 -438
  134. package/web-ui/styles/docs-panel.css +245 -245
  135. package/web-ui/styles/feedback.css +108 -108
  136. package/web-ui/styles/health-check-dialog.css +144 -144
  137. package/web-ui/styles/layout-shell.css +711 -711
  138. package/web-ui/styles/modals-core.css +499 -499
  139. package/web-ui/styles/navigation-panels.css +399 -399
  140. package/web-ui/styles/openclaw-structured.css +616 -616
  141. package/web-ui/styles/plugins-panel.css +564 -564
  142. package/web-ui/styles/responsive.css +501 -501
  143. package/web-ui/styles/sessions-list.css +683 -683
  144. package/web-ui/styles/sessions-preview.css +407 -407
  145. package/web-ui/styles/sessions-toolbar-trash.css +518 -518
  146. package/web-ui/styles/sessions-usage.css +849 -849
  147. package/web-ui/styles/settings-panel.css +419 -419
  148. package/web-ui/styles/skills-list.css +305 -305
  149. package/web-ui/styles/skills-market.css +723 -723
  150. package/web-ui/styles/task-orchestration.css +822 -822
  151. package/web-ui/styles/titles-cards.css +486 -486
  152. package/web-ui/styles/trash-panel.css +90 -90
  153. package/web-ui/styles/webhook.css +115 -115
  154. package/web-ui/styles.css +24 -24
  155. 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>