@atlashub/smartstack-cli 1.4.0 → 1.5.0

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 (66) hide show
  1. package/.documentation/agents.html +8 -4
  2. package/.documentation/apex.html +8 -4
  3. package/.documentation/business-analyse.html +833 -406
  4. package/.documentation/commands.html +8 -4
  5. package/.documentation/css/styles.css +153 -15
  6. package/.documentation/efcore.html +8 -4
  7. package/.documentation/gitflow.html +795 -230
  8. package/.documentation/hooks.html +8 -4
  9. package/.documentation/index.html +13 -9
  10. package/.documentation/installation.html +23 -19
  11. package/.documentation/ralph-loop.html +530 -0
  12. package/.documentation/test-web.html +8 -4
  13. package/README.md +52 -10
  14. package/dist/index.js +813 -283
  15. package/dist/index.js.map +1 -1
  16. package/package.json +1 -1
  17. package/templates/agents/efcore/conflicts.md +44 -17
  18. package/templates/agents/efcore/db-status.md +27 -6
  19. package/templates/agents/efcore/scan.md +43 -13
  20. package/templates/commands/ai-prompt.md +315 -315
  21. package/templates/commands/application/create.md +362 -362
  22. package/templates/commands/controller/create.md +216 -216
  23. package/templates/commands/controller.md +59 -0
  24. package/templates/commands/create/agent.md +138 -0
  25. package/templates/commands/create/command.md +166 -0
  26. package/templates/commands/create/hook.md +234 -0
  27. package/templates/commands/create/plugin.md +329 -0
  28. package/templates/commands/create/project.md +507 -0
  29. package/templates/commands/create/skill.md +199 -0
  30. package/templates/commands/create.md +220 -0
  31. package/templates/commands/documentation/module.md +202 -202
  32. package/templates/commands/efcore/_env-check.md +153 -153
  33. package/templates/commands/efcore/conflicts.md +109 -192
  34. package/templates/commands/efcore/db-status.md +101 -89
  35. package/templates/commands/efcore/migration.md +23 -11
  36. package/templates/commands/efcore/scan.md +115 -119
  37. package/templates/commands/efcore.md +54 -6
  38. package/templates/commands/feature-full.md +267 -267
  39. package/templates/commands/gitflow/11-finish.md +145 -11
  40. package/templates/commands/gitflow/13-sync.md +216 -216
  41. package/templates/commands/gitflow/14-rebase.md +251 -251
  42. package/templates/commands/gitflow/2-status.md +120 -10
  43. package/templates/commands/gitflow/3-commit.md +150 -0
  44. package/templates/commands/gitflow/7-pull-request.md +134 -5
  45. package/templates/commands/gitflow/9-merge.md +142 -1
  46. package/templates/commands/implement.md +663 -663
  47. package/templates/commands/init.md +562 -0
  48. package/templates/commands/mcp-integration.md +330 -0
  49. package/templates/commands/notification.md +129 -129
  50. package/templates/commands/validate.md +233 -0
  51. package/templates/commands/workflow.md +193 -193
  52. package/templates/skills/ai-prompt/SKILL.md +778 -778
  53. package/templates/skills/application/SKILL.md +563 -563
  54. package/templates/skills/application/templates-backend.md +450 -450
  55. package/templates/skills/application/templates-frontend.md +531 -531
  56. package/templates/skills/application/templates-i18n.md +520 -520
  57. package/templates/skills/application/templates-seed.md +647 -647
  58. package/templates/skills/controller/SKILL.md +240 -240
  59. package/templates/skills/controller/postman-templates.md +614 -614
  60. package/templates/skills/controller/templates.md +1468 -1468
  61. package/templates/skills/documentation/SKILL.md +133 -133
  62. package/templates/skills/documentation/templates.md +476 -476
  63. package/templates/skills/feature-full/SKILL.md +838 -838
  64. package/templates/skills/notification/SKILL.md +555 -555
  65. package/templates/skills/ui-components/SKILL.md +870 -870
  66. package/templates/skills/workflow/SKILL.md +582 -582
@@ -3,16 +3,16 @@
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Business Analyse - Claude Tools</title>
6
+ <title>Business Analyse - SmartStack CLI</title>
7
7
  <link rel="stylesheet" href="css/styles.css">
8
8
  </head>
9
9
  <body>
10
10
  <div class="app-container">
11
11
  <!-- Global Header -->
12
12
  <header class="global-header">
13
- <div class="logo">CT</div>
14
- <span class="site-title">Claude Tools</span>
15
- <span class="version-badge">v1.9.0</span>
13
+ <div class="logo">SS</div>
14
+ <span class="site-title">SmartStack CLI</span>
15
+ <span class="version-badge">v1.4.0</span>
16
16
  <div class="header-divider"></div>
17
17
  <span class="page-title">Business Analyse</span>
18
18
  <nav class="breadcrumb">
@@ -79,6 +79,10 @@
79
79
  <span class="icon">&#127919;</span>
80
80
  <span class="nav-text">APEX</span>
81
81
  </a>
82
+ <a href="ralph-loop.html" class="nav-item">
83
+ <span class="icon">&#128260;</span>
84
+ <span class="nav-text">Ralph Loop</span>
85
+ </a>
82
86
  <div class="nav-item-with-toc">
83
87
  <a href="business-analyse.html" class="active">
84
88
  <span class="icon">&#128202;</span>
@@ -88,16 +92,26 @@
88
92
  <nav class="sidebar-toc">
89
93
  <a href="#introduction" class="sidebar-toc-link">Introduction</a>
90
94
  <a href="#workflow" class="sidebar-toc-link">Workflow</a>
95
+ <a href="#automatic-mode" class="sidebar-toc-link">
96
+ <span data-lang="fr">Mode Automatique</span>
97
+ <span data-lang="en">Automatic Mode</span>
98
+ </a>
91
99
  <a href="#phases" class="sidebar-toc-link">
92
- <span data-lang="fr">Les 6 Phases</span>
93
- <span data-lang="en">The 6 Phases</span>
100
+ <span data-lang="fr">Les 8 Phases</span>
101
+ <span data-lang="en">The 8 Phases</span>
94
102
  </a>
95
- <a href="#phase-1" class="sidebar-toc-link">1. Discover</a>
96
- <a href="#phase-2" class="sidebar-toc-link">2. Explore</a>
103
+ <a href="#phase-0" class="sidebar-toc-link">0. Orchestrate</a>
104
+ <a href="#phase-1" class="sidebar-toc-link">1. Init</a>
105
+ <a href="#phase-2" class="sidebar-toc-link">2. Discover</a>
97
106
  <a href="#phase-3" class="sidebar-toc-link">3. Analyse</a>
98
107
  <a href="#phase-4" class="sidebar-toc-link">4. Specify</a>
99
108
  <a href="#phase-5" class="sidebar-toc-link">5. Validate</a>
100
109
  <a href="#phase-6" class="sidebar-toc-link">6. Handoff</a>
110
+ <a href="#phase-7" class="sidebar-toc-link">7. Doc-HTML</a>
111
+ <a href="#utilities" class="sidebar-toc-link">
112
+ <span data-lang="fr">Utilitaires</span>
113
+ <span data-lang="en">Utilities</span>
114
+ </a>
101
115
  <a href="#agents" class="sidebar-toc-link">Agents</a>
102
116
  <a href="#files" class="sidebar-toc-link">
103
117
  <span data-lang="fr">Fichiers</span>
@@ -141,10 +155,10 @@
141
155
  <section id="introduction">
142
156
  <h2>Introduction</h2>
143
157
  <p data-lang="fr">
144
- Le workflow <strong>Business Analyse v2</strong> est un systeme complet en <strong>6 phases</strong> pour transformer une demande utilisateur vague en une implementation precise. Il separe clairement l'analyse du besoin (WHAT) de la specification technique (HOW).
158
+ Le workflow <strong>Business Analyse v2</strong> est un systeme complet en <strong>8 phases</strong> pour transformer une demande utilisateur vague en une implementation precise et documentee. Il separe clairement l'analyse du besoin (WHAT) de la specification technique (HOW).
145
159
  </p>
146
160
  <p data-lang="en">
147
- The <strong>Business Analyse v2</strong> workflow is a complete <strong>6-phase</strong> system to transform a vague user request into a precise implementation. It clearly separates need analysis (WHAT) from technical specification (HOW).
161
+ The <strong>Business Analyse v2</strong> workflow is a complete <strong>8-phase</strong> system to transform a vague user request into a precise documented implementation. It clearly separates need analysis (WHAT) from technical specification (HOW).
148
162
  </p>
149
163
 
150
164
  <div class="alert alert-warning">
@@ -166,219 +180,318 @@
166
180
  <div class="alert-content">
167
181
  <h5>ULTRATHINK</h5>
168
182
  <p data-lang="fr">
169
- Les phases critiques (1, 3, 4, 6) utilisent <strong>ULTRATHINK</strong> pour une reflexion approfondie. Les phases simples (2, 5) utilisent des modeles plus legers.
183
+ Les phases critiques (0, 2, 3, 4, 6) utilisent <strong>ULTRATHINK</strong> pour une reflexion approfondie. Les phases simples (1, 5, 7) utilisent des modeles plus legers. La phase 7 genere la documentation HTML.
170
184
  </p>
171
185
  <p data-lang="en">
172
- Critical phases (1, 3, 4, 6) use <strong>ULTRATHINK</strong> for deep reasoning. Simple phases (2, 5) use lighter models.
186
+ Critical phases (0, 2, 3, 4, 6) use <strong>ULTRATHINK</strong> for deep reasoning. Simple phases (1, 5, 7) use lighter models. Phase 7 generates HTML documentation.
173
187
  </p>
174
188
  </div>
175
189
  </div>
176
190
  </section>
177
191
 
192
+ <!-- Automatic Mode -->
193
+ <section id="automatic-mode">
194
+ <h2>
195
+ <span data-lang="fr">Mode Automatique</span>
196
+ <span data-lang="en">Automatic Mode</span>
197
+ </h2>
198
+
199
+ <div class="command-card">
200
+ <div class="command-header">
201
+ <code class="command-name">/business-analyse</code>
202
+ <span class="badge badge-purple">ORCHESTRATE</span>
203
+ </div>
204
+ <div class="command-body">
205
+ <p data-lang="fr">
206
+ Lancez le <strong>workflow complet automatique</strong> de l'analyse metier a la documentation. La phase 0 orchestre l'execution de toutes les phases successives avec une granularite configurable.
207
+ </p>
208
+ <p data-lang="en">
209
+ Launch the <strong>complete automatic workflow</strong> from business analysis to documentation. Phase 0 orchestrates execution of all successive phases with configurable granularity.
210
+ </p>
211
+
212
+ <div class="code-block">
213
+ <button class="copy-btn">Copy</button>
214
+ <pre><code>/business-analyse [feature-name] [options]</code></pre>
215
+ </div>
216
+
217
+ <h4>
218
+ <span data-lang="fr">Niveaux de granularite</span>
219
+ <span data-lang="en">Granularity Levels</span>
220
+ </h4>
221
+ <table class="reference-table">
222
+ <thead>
223
+ <tr>
224
+ <th>
225
+ <span data-lang="fr">Niveau</span>
226
+ <span data-lang="en">Level</span>
227
+ </th>
228
+ <th>
229
+ <span data-lang="fr">Couverture</span>
230
+ <span data-lang="en">Coverage</span>
231
+ </th>
232
+ <th>Description</th>
233
+ </tr>
234
+ </thead>
235
+ <tbody>
236
+ <tr>
237
+ <td><strong>Muscles</strong></td>
238
+ <td>
239
+ <span data-lang="fr">Phases principales</span>
240
+ <span data-lang="en">Main phases</span>
241
+ </td>
242
+ <td>
243
+ <span data-lang="fr">Phases 0-6, haute vue d'ensemble</span>
244
+ <span data-lang="en">Phases 0-6, high overview</span>
245
+ </td>
246
+ </tr>
247
+ <tr>
248
+ <td><strong>Section</strong></td>
249
+ <td>
250
+ <span data-lang="fr">Toutes phases</span>
251
+ <span data-lang="en">All phases</span>
252
+ </td>
253
+ <td>
254
+ <span data-lang="fr">Phases 0-7 avec details complets</span>
255
+ <span data-lang="en">Phases 0-7 with full details</span>
256
+ </td>
257
+ </tr>
258
+ <tr>
259
+ <td><strong>Resources</strong></td>
260
+ <td>
261
+ <span data-lang="fr">Etendu</span>
262
+ <span data-lang="en">Extended</span>
263
+ </td>
264
+ <td>
265
+ <span data-lang="fr">Phases 0-7 + agents, hooks, ressources</span>
266
+ <span data-lang="en">Phases 0-7 + agents, hooks, resources</span>
267
+ </td>
268
+ </tr>
269
+ </tbody>
270
+ </table>
271
+
272
+ <h4>Workflow Complet</h4>
273
+ <div class="svg-diagram" style="max-width: 100%; overflow-x: auto;">
274
+ <svg viewBox="0 0 560 260" xmlns="http://www.w3.org/2000/svg" style="font-family: 'Inter', system-ui, sans-serif; min-width: 480px;">
275
+ <defs>
276
+ <marker id="arrowAuto" markerWidth="12" markerHeight="10" refX="10" refY="5" orient="auto" markerUnits="userSpaceOnUse">
277
+ <path d="M0,0 L12,5 L0,10 L3,5 Z" fill="#94a3b8"/>
278
+ </marker>
279
+ <filter id="shadowAuto" x="-10%" y="-10%" width="120%" height="130%">
280
+ <feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.3"/>
281
+ </filter>
282
+ </defs>
283
+
284
+ <!-- BA Box -->
285
+ <g transform="translate(20, 80)" filter="url(#shadowAuto)">
286
+ <rect x="0" y="0" width="100" height="60" rx="6" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
287
+ <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">Business</text>
288
+ <text x="50" y="38" text-anchor="middle" fill="#93c5fd" font-size="10">Analyse</text>
289
+ </g>
290
+ <path d="M120,110 L160,110" stroke="#94a3b8" stroke-width="3" marker-end="url(#arrowAuto)"/>
291
+
292
+ <!-- Ralph Loop Box -->
293
+ <g transform="translate(160, 80)" filter="url(#shadowAuto)">
294
+ <rect x="0" y="0" width="100" height="60" rx="6" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
295
+ <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">Ralph</text>
296
+ <text x="50" y="38" text-anchor="middle" fill="#5eead4" font-size="10">Loop</text>
297
+ </g>
298
+ <path d="M260,110 L300,110" stroke="#94a3b8" stroke-width="3" marker-end="url(#arrowAuto)"/>
299
+
300
+ <!-- Implementation Box -->
301
+ <g transform="translate(300, 80)" filter="url(#shadowAuto)">
302
+ <rect x="0" y="0" width="100" height="60" rx="6" fill="#7c2d12" stroke="#ea580c" stroke-width="2"/>
303
+ <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">Claude</text>
304
+ <text x="50" y="38" text-anchor="middle" fill="#fdba74" font-size="10">Code</text>
305
+ </g>
306
+ <path d="M400,110 L440,110" stroke="#94a3b8" stroke-width="3" marker-end="url(#arrowAuto)"/>
307
+
308
+ <!-- Documentation Box -->
309
+ <g transform="translate(440, 80)" filter="url(#shadowAuto)">
310
+ <rect x="0" y="0" width="100" height="60" rx="6" fill="#3b0764" stroke="#d946ef" stroke-width="2"/>
311
+ <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">HTML</text>
312
+ <text x="50" y="38" text-anchor="middle" fill="#e879f9" font-size="10">Docs</text>
313
+ </g>
314
+
315
+ <!-- Arrow labels -->
316
+ <text x="140" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Phases 1-6</text>
317
+ <text x="280" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Brief</text>
318
+ <text x="420" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Code</text>
319
+ <text x="540" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Phase 7</text>
320
+
321
+ <!-- Output legend -->
322
+ <text x="20" y="170" fill="#94a3b8" font-size="10" font-weight="700" data-lang="fr">Fichiers generes</text>
323
+ <text x="20" y="170" fill="#94a3b8" font-size="10" font-weight="700" data-lang="en">Generated files</text>
324
+
325
+ <text x="20" y="190" fill="#64748b" font-size="9">.claude/ba/[feature]/01-06-*.md (phases)</text>
326
+ <text x="20" y="205" fill="#64748b" font-size="9">.claude/ba/[feature]/07-documentation.html (docs)</text>
327
+ <text x="20" y="220" fill="#64748b" font-size="9">Implementation logs &amp; artifacts</text>
328
+ </svg>
329
+ </div>
330
+ </div>
331
+ </div>
332
+ </section>
333
+
178
334
  <!-- Workflow -->
179
335
  <section id="workflow">
180
336
  <h2>Workflow</h2>
181
337
 
182
- <div class="svg-diagram">
183
- <svg viewBox="0 0 700 740" xmlns="http://www.w3.org/2000/svg" style="font-family: 'Inter', system-ui, sans-serif;">
338
+ <div class="svg-diagram" style="max-width: 100%; overflow-x: auto;">
339
+ <svg viewBox="0 0 1050 320" xmlns="http://www.w3.org/2000/svg" style="font-family: 'Inter', system-ui, sans-serif; min-width: 800px;">
184
340
  <defs>
185
- <!-- UML Activity colors - 2 main families -->
186
- <linearGradient id="whatGrad" x1="0%" y1="0%" x2="0%" y2="100%">
187
- <stop offset="0%" style="stop-color:#3b82f6"/>
188
- <stop offset="100%" style="stop-color:#1e40af"/>
189
- </linearGradient>
190
- <linearGradient id="howGrad" x1="0%" y1="0%" x2="0%" y2="100%">
191
- <stop offset="0%" style="stop-color:#0d9488"/>
192
- <stop offset="100%" style="stop-color:#0f766e"/>
193
- </linearGradient>
194
- <!-- Arrow gradients -->
195
- <linearGradient id="arrowGrad" x1="0%" y1="0%" x2="100%" y2="0%">
196
- <stop offset="0%" style="stop-color:#475569"/>
197
- <stop offset="100%" style="stop-color:#94a3b8"/>
198
- </linearGradient>
199
- <!-- Arrows - larger, filled triangles -->
200
- <marker id="arrowUml" markerWidth="12" markerHeight="10" refX="10" refY="5" orient="auto" markerUnits="userSpaceOnUse">
201
- <path d="M0,0 L12,5 L0,10 L3,5 Z" fill="#94a3b8"/>
341
+ <!-- Arrow pointing RIGHT (gray) -->
342
+ <marker id="arrowH" markerWidth="10" markerHeight="8" refX="9" refY="4" orient="auto" markerUnits="userSpaceOnUse">
343
+ <path d="M0,0 L10,4 L0,8 L2,4 Z" fill="#94a3b8"/>
202
344
  </marker>
203
- <marker id="arrowLoop" markerWidth="12" markerHeight="10" refX="10" refY="5" orient="auto" markerUnits="userSpaceOnUse">
204
- <path d="M0,0 L12,5 L0,10 L3,5 Z" fill="#f87171"/>
345
+ <!-- Arrow pointing DOWN (gray) - fixed orientation -->
346
+ <marker id="arrowDown" markerWidth="8" markerHeight="10" refX="4" refY="9" orient="0" markerUnits="userSpaceOnUse">
347
+ <path d="M0,0 L4,10 L8,0 L4,2 Z" fill="#94a3b8"/>
205
348
  </marker>
206
- <!-- Shadow filter -->
207
- <filter id="shadow" x="-10%" y="-10%" width="120%" height="130%">
208
- <feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.3"/>
209
- </filter>
210
- <!-- Arrow glow filter -->
211
- <filter id="arrowGlow" x="-20%" y="-20%" width="140%" height="140%">
212
- <feGaussianBlur stdDeviation="1" result="blur"/>
213
- <feMerge>
214
- <feMergeNode in="blur"/>
215
- <feMergeNode in="SourceGraphic"/>
216
- </feMerge>
349
+ <!-- Arrow pointing LEFT (red) - fixed orientation -->
350
+ <marker id="arrowLeft" markerWidth="10" markerHeight="8" refX="1" refY="4" orient="0" markerUnits="userSpaceOnUse">
351
+ <path d="M10,0 L0,4 L10,8 L8,4 Z" fill="#f87171"/>
352
+ </marker>
353
+ <filter id="shadowH" x="-10%" y="-10%" width="120%" height="130%">
354
+ <feDropShadow dx="0" dy="2" stdDeviation="2" flood-opacity="0.25"/>
217
355
  </filter>
218
356
  </defs>
219
357
 
220
- <!-- Background swimlanes -->
221
- <!-- WHAT swimlane -->
222
- <rect x="20" y="60" width="230" height="320" rx="8" fill="rgba(59, 130, 246, 0.08)" stroke="rgba(59, 130, 246, 0.3)" stroke-width="1"/>
223
- <rect x="20" y="60" width="230" height="32" rx="8" fill="rgba(59, 130, 246, 0.15)"/>
224
- <text x="135" y="82" text-anchor="middle" fill="#3b82f6" font-size="12" font-weight="700" data-lang="fr">QUOI</text>
225
- <text x="135" y="82" text-anchor="middle" fill="#3b82f6" font-size="12" font-weight="700" data-lang="en">WHAT</text>
226
-
227
- <!-- HOW swimlane -->
228
- <rect x="20" y="400" width="230" height="270" rx="8" fill="rgba(13, 148, 136, 0.08)" stroke="rgba(13, 148, 136, 0.3)" stroke-width="1"/>
229
- <rect x="20" y="400" width="230" height="32" rx="8" fill="rgba(13, 148, 136, 0.15)"/>
230
- <text x="135" y="422" text-anchor="middle" fill="#0d9488" font-size="12" font-weight="700" data-lang="fr">COMMENT</text>
231
- <text x="135" y="422" text-anchor="middle" fill="#0d9488" font-size="12" font-weight="700" data-lang="en">HOW</text>
232
-
233
- <!-- UML Initial node (filled circle with ring) -->
234
- <circle cx="350" cy="30" r="14" fill="#1e293b" stroke="#64748b" stroke-width="2"/>
235
- <circle cx="350" cy="30" r="6" fill="#94a3b8"/>
236
- <path d="M350,44 L350,68" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
237
-
238
- <!-- USER REQUEST (rounded rect - UML action) -->
239
- <g transform="translate(270, 72)" filter="url(#shadow)">
240
- <rect x="0" y="0" width="160" height="40" rx="20" fill="#334155" stroke="#475569" stroke-width="1"/>
241
- <text x="80" y="25" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="500" data-lang="fr">Demande utilisateur</text>
242
- <text x="80" y="25" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="500" data-lang="en">User Request</text>
358
+ <!-- WHAT Swimlane (top) -->
359
+ <rect x="10" y="40" width="520" height="90" rx="8" fill="rgba(59, 130, 246, 0.06)" stroke="rgba(59, 130, 246, 0.25)" stroke-width="1"/>
360
+ <rect x="10" y="40" width="50" height="90" rx="8" fill="rgba(59, 130, 246, 0.12)"/>
361
+ <text x="35" y="90" text-anchor="middle" fill="#3b82f6" font-size="11" font-weight="700" transform="rotate(-90, 35, 90)" data-lang="fr">QUOI</text>
362
+ <text x="35" y="90" text-anchor="middle" fill="#3b82f6" font-size="11" font-weight="700" transform="rotate(-90, 35, 90)" data-lang="en">WHAT</text>
363
+
364
+ <!-- HOW Swimlane (bottom) - extended width -->
365
+ <rect x="10" y="140" width="1020" height="90" rx="8" fill="rgba(13, 148, 136, 0.06)" stroke="rgba(13, 148, 136, 0.25)" stroke-width="1"/>
366
+ <rect x="10" y="140" width="50" height="90" rx="8" fill="rgba(13, 148, 136, 0.12)"/>
367
+ <text x="35" y="190" text-anchor="middle" fill="#0d9488" font-size="11" font-weight="700" transform="rotate(-90, 35, 190)" data-lang="fr">COMMENT</text>
368
+ <text x="35" y="190" text-anchor="middle" fill="#0d9488" font-size="11" font-weight="700" transform="rotate(-90, 35, 190)" data-lang="en">HOW</text>
369
+
370
+ <!-- Start node - centered above Demande -->
371
+ <circle cx="115" cy="20" r="10" fill="#1e293b" stroke="#64748b" stroke-width="2"/>
372
+ <circle cx="115" cy="20" r="4" fill="#94a3b8"/>
373
+ <path d="M115,30 L115,48" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowDown)"/>
374
+
375
+ <!-- User Request - Demande -->
376
+ <g transform="translate(70, 55)" filter="url(#shadowH)">
377
+ <rect x="0" y="0" width="90" height="30" rx="15" fill="#334155" stroke="#475569" stroke-width="1"/>
378
+ <text x="45" y="19" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="500" data-lang="fr">Demande</text>
379
+ <text x="45" y="19" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="500" data-lang="en">Request</text>
243
380
  </g>
244
- <path d="M350,112 L350,128" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
245
-
246
- <!-- PHASE 1: DISCOVER -->
247
- <g transform="translate(40, 132)" filter="url(#shadow)">
248
- <rect x="0" y="0" width="190" height="52" rx="6" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
249
- <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">1. DISCOVER</text>
250
- <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="fr">Elicitation + Similarite</text>
251
- <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="en">Elicitation + Similarity</text>
381
+ <path d="M160,70 L195,70" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
382
+
383
+ <!-- Phase 2: DISCOVER -->
384
+ <g transform="translate(200, 50)" filter="url(#shadowH)">
385
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
386
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">2. DISCOVER</text>
387
+ <text x="65" y="30" text-anchor="middle" fill="#93c5fd" font-size="8">Elicitation</text>
252
388
  </g>
253
- <!-- Connector line from center to phase 1 (L-shaped with rounded corner) -->
254
- <path d="M350,132 L350,158 Q350,163 345,163 L235,163" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" fill="none" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
255
- <!-- Output from phase 1 -->
256
- <path d="M135,184 L135,204" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
257
-
258
- <!-- PHASE 2: EXPLORE -->
259
- <g transform="translate(40, 208)" filter="url(#shadow)">
260
- <rect x="0" y="0" width="190" height="52" rx="6" fill="#1e3a5f" stroke="#60a5fa" stroke-width="2" stroke-dasharray="4,2"/>
261
- <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">2. EXPLORE</text>
262
- <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="fr">Contexte technique</text>
263
- <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="en">Technical Context</text>
264
- <rect x="145" y="5" width="40" height="14" rx="3" fill="rgba(96, 165, 250, 0.3)"/>
265
- <text x="165" y="15" text-anchor="middle" fill="#93c5fd" font-size="8" font-weight="600">HAIKU</text>
389
+ <path d="M330,70 L360,70" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
390
+
391
+ <!-- Phase 3: ANALYSE -->
392
+ <g transform="translate(365, 50)" filter="url(#shadowH)">
393
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
394
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">3. ANALYSE</text>
395
+ <text x="65" y="30" text-anchor="middle" fill="#93c5fd" font-size="8">BRD</text>
266
396
  </g>
267
- <path d="M135,260 L135,280" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
268
-
269
- <!-- PHASE 3: ANALYSE -->
270
- <g transform="translate(40, 284)" filter="url(#shadow)">
271
- <rect x="0" y="0" width="190" height="52" rx="6" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
272
- <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">3. ANALYSE</text>
273
- <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="fr">Exigences enrichies</text>
274
- <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="en">Enriched Requirements</text>
397
+
398
+ <!-- Transition arrow WHAT -> HOW (simple L-shape to SPECIFY top) -->
399
+ <path d="M430,90 L430,130 L265,130 L265,160" stroke="#94a3b8" stroke-width="2" fill="none" marker-end="url(#arrowDown)"/>
400
+
401
+ <!-- Phase 4: SPECIFY - repositioned under DISCOVER -->
402
+ <g transform="translate(200, 165)" filter="url(#shadowH)">
403
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
404
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">4. SPECIFY</text>
405
+ <text x="65" y="30" text-anchor="middle" fill="#5eead4" font-size="8">FRD</text>
275
406
  </g>
407
+ <path d="M330,185 L360,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
276
408
 
277
- <!-- Transition from WHAT to HOW -->
278
- <!-- Horizontal separator -->
279
- <line x1="20" y1="390" x2="250" y2="390" stroke="#475569" stroke-width="1" stroke-dasharray="8,4"/>
280
- <path d="M135,336 L135,438" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
281
-
282
- <!-- PHASE 4: SPECIFY -->
283
- <g transform="translate(40, 442)" filter="url(#shadow)">
284
- <rect x="0" y="0" width="190" height="52" rx="6" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
285
- <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">4. SPECIFY</text>
286
- <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="fr">Specification (FRD)</text>
287
- <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="en">Functional Spec (FRD)</text>
409
+ <!-- Phase 5: VALIDATE - repositioned under ANALYSE -->
410
+ <g transform="translate(365, 165)" filter="url(#shadowH)">
411
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#134e4a" stroke="#14b8a6" stroke-width="2" stroke-dasharray="4,2"/>
412
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">5. VALIDATE</text>
413
+ <text x="65" y="30" text-anchor="middle" fill="#5eead4" font-size="8">User Gate</text>
288
414
  </g>
289
- <path d="M135,494 L135,514" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
290
-
291
- <!-- PHASE 5: VALIDATE - UML Decision diamond -->
292
- <g transform="translate(40, 518)" filter="url(#shadow)">
293
- <rect x="0" y="0" width="190" height="52" rx="6" fill="#134e4a" stroke="#14b8a6" stroke-width="2" stroke-dasharray="4,2"/>
294
- <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">5. VALIDATE</text>
295
- <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="fr">Validation utilisateur</text>
296
- <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="en">User Approval</text>
297
- <rect x="140" y="5" width="45" height="14" rx="3" fill="rgba(20, 184, 166, 0.3)"/>
298
- <text x="162" y="15" text-anchor="middle" fill="#5eead4" font-size="8" font-weight="600">SONNET</text>
415
+ <path d="M495,185 L520,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
416
+
417
+ <!-- Decision diamond -->
418
+ <polygon points="550,170 575,185 550,200 525,185" fill="#1e293b" stroke="#94a3b8" stroke-width="2"/>
419
+ <text x="550" y="189" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="600">OK?</text>
420
+
421
+ <!-- Feedback loop (enters ANALYSE from RIGHT side) -->
422
+ <path d="M550,170 L550,70 L500,70" stroke="#f87171" stroke-width="2" stroke-dasharray="6,3" fill="none" marker-end="url(#arrowLeft)"/>
423
+ <rect x="515" y="45" width="55" height="16" rx="3" fill="rgba(248, 113, 113, 0.15)" stroke="#f87171" stroke-width="1"/>
424
+ <text x="543" y="57" text-anchor="middle" fill="#f87171" font-size="8" font-weight="600" data-lang="fr">MODIFS</text>
425
+ <text x="543" y="57" text-anchor="middle" fill="#f87171" font-size="8" font-weight="600" data-lang="en">CHANGES</text>
426
+
427
+ <!-- Continue to HANDOFF -->
428
+ <path d="M575,185 L605,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
429
+
430
+ <!-- Phase 6: HANDOFF -->
431
+ <g transform="translate(610, 165)" filter="url(#shadowH)">
432
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
433
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">6. HANDOFF</text>
434
+ <text x="65" y="30" text-anchor="middle" fill="#5eead4" font-size="8">Brief EN</text>
299
435
  </g>
436
+ <path d="M740,185 L770,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
300
437
 
301
- <!-- Decision diamond after VALIDATE -->
302
- <polygon points="350,544 385,570 350,596 315,570" fill="#1e293b" stroke="#94a3b8" stroke-width="2"/>
303
- <text x="350" y="574" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="600">OK?</text>
438
+ <!-- Phase 7: DOC-HTML -->
439
+ <g transform="translate(775, 165)" filter="url(#shadowH)">
440
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#3b0764" stroke="#d946ef" stroke-width="2"/>
441
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">7. DOC-HTML</text>
442
+ <text x="65" y="30" text-anchor="middle" fill="#e879f9" font-size="8">Documentation</text>
443
+ </g>
444
+ <path d="M905,185 L935,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
304
445
 
305
- <!-- Connector from VALIDATE to decision (L-shaped) -->
306
- <path d="M230,544 L310,544 Q315,544 315,549 L315,565" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" fill="none" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
446
+ <!-- /implement -->
447
+ <g transform="translate(940, 171)" filter="url(#shadowH)">
448
+ <rect x="0" y="0" width="80" height="28" rx="14" fill="#475569" stroke="#94a3b8" stroke-width="1"/>
449
+ <text x="40" y="18" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="600">/implement</text>
450
+ </g>
307
451
 
308
- <!-- Loop back path (NO) - curved path going up -->
309
- <path d="M350,544 L350,310 Q350,305 345,305 L235,305" stroke="#f87171" stroke-width="3" stroke-linecap="round" stroke-dasharray="8,4" fill="none" marker-end="url(#arrowLoop)" filter="url(#arrowGlow)"/>
310
- <rect x="268" y="293" width="84" height="20" rx="4" fill="rgba(248, 113, 113, 0.15)" stroke="#f87171" stroke-width="1.5"/>
311
- <text x="310" y="307" text-anchor="middle" fill="#f87171" font-size="9" font-weight="600" data-lang="fr">MODIFS</text>
312
- <text x="310" y="307" text-anchor="middle" fill="#f87171" font-size="9" font-weight="600" data-lang="en">CHANGES</text>
452
+ <!-- Legend (bottom - horizontal layout) -->
453
+ <g transform="translate(10, 265)">
454
+ <text x="0" y="0" fill="#94a3b8" font-size="10" font-weight="700" data-lang="fr">Legende:</text>
455
+ <text x="0" y="0" fill="#94a3b8" font-size="10" font-weight="700" data-lang="en">Legend:</text>
313
456
 
314
- <!-- YES path to HANDOFF (L-shaped with rounded corner) -->
315
- <path d="M350,596 L350,620 Q350,625 345,625 L235,625" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" fill="none" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
457
+ <!-- WHAT -->
458
+ <rect x="70" y="-9" width="14" height="10" rx="2" fill="#1e3a5f" stroke="#3b82f6" stroke-width="1"/>
459
+ <text x="90" y="0" fill="#94a3b8" font-size="9" data-lang="fr">QUOI</text>
460
+ <text x="90" y="0" fill="#94a3b8" font-size="9" data-lang="en">WHAT</text>
316
461
 
317
- <!-- PHASE 6: HANDOFF -->
318
- <g transform="translate(40, 605)" filter="url(#shadow)">
319
- <rect x="0" y="0" width="190" height="52" rx="6" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
320
- <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">6. HANDOFF</text>
321
- <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="fr">Brief d'implementation</text>
322
- <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="en">Implementation Brief</text>
323
- </g>
324
- <path d="M135,657 L135,677" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
462
+ <!-- HOW -->
463
+ <rect x="150" y="-9" width="14" height="10" rx="2" fill="#134e4a" stroke="#0d9488" stroke-width="1"/>
464
+ <text x="170" y="0" fill="#94a3b8" font-size="9" data-lang="fr">COMMENT</text>
465
+ <text x="170" y="0" fill="#94a3b8" font-size="9" data-lang="en">HOW</text>
466
+
467
+ <!-- DOC -->
468
+ <rect x="250" y="-9" width="14" height="10" rx="2" fill="#3b0764" stroke="#d946ef" stroke-width="1"/>
469
+ <text x="270" y="0" fill="#94a3b8" font-size="9">DOC</text>
470
+
471
+ <!-- Flow -->
472
+ <path d="M320,-4 L335,-4" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
473
+ <text x="345" y="0" fill="#94a3b8" font-size="9">Flow</text>
325
474
 
326
- <!-- /implement - UML Final action -->
327
- <g transform="translate(270, 681)" filter="url(#shadow)">
328
- <rect x="0" y="0" width="160" height="36" rx="18" fill="#475569" stroke="#94a3b8" stroke-width="1.5"/>
329
- <text x="80" y="23" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="600">/implement</text>
330
- </g>
331
- <path d="M135,681 L135,699 Q135,704 140,704 L266,704" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" fill="none" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
332
-
333
- <!-- Legend -->
334
- <g transform="translate(520, 100)">
335
- <text x="0" y="0" fill="#94a3b8" font-size="11" font-weight="700" data-lang="fr">Legende</text>
336
- <text x="0" y="0" fill="#94a3b8" font-size="11" font-weight="700" data-lang="en">Legend</text>
337
- <!-- WHAT box -->
338
- <rect x="0" y="14" width="16" height="12" rx="2" fill="#1e3a5f" stroke="#3b82f6" stroke-width="1.5"/>
339
- <text x="24" y="24" fill="#94a3b8" font-size="9" data-lang="fr">Phase QUOI</text>
340
- <text x="24" y="24" fill="#94a3b8" font-size="9" data-lang="en">WHAT phase</text>
341
- <!-- HOW box -->
342
- <rect x="0" y="34" width="16" height="12" rx="2" fill="#134e4a" stroke="#0d9488" stroke-width="1.5"/>
343
- <text x="24" y="44" fill="#94a3b8" font-size="9" data-lang="fr">Phase COMMENT</text>
344
- <text x="24" y="44" fill="#94a3b8" font-size="9" data-lang="en">HOW phase</text>
345
- <!-- Dashed = agents -->
346
- <rect x="0" y="54" width="16" height="12" rx="2" fill="none" stroke="#60a5fa" stroke-width="1.5" stroke-dasharray="3,2"/>
347
- <text x="24" y="64" fill="#94a3b8" font-size="9">Haiku agents</text>
348
- <!-- Flow arrow -->
349
- <path d="M0,80 L12,80" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)"/>
350
- <text x="24" y="84" fill="#94a3b8" font-size="9" data-lang="fr">Flux normal</text>
351
- <text x="24" y="84" fill="#94a3b8" font-size="9" data-lang="en">Normal flow</text>
352
475
  <!-- Loop -->
353
- <path d="M0,100 L12,100" stroke="#f87171" stroke-width="3" stroke-linecap="round" stroke-dasharray="6,3" marker-end="url(#arrowLoop)"/>
354
- <text x="24" y="104" fill="#94a3b8" font-size="9" data-lang="fr">Boucle retour</text>
355
- <text x="24" y="104" fill="#94a3b8" font-size="9" data-lang="en">Feedback loop</text>
356
- <!-- Decision -->
357
- <polygon points="8,114 16,122 8,130 0,122" fill="#1e293b" stroke="#94a3b8" stroke-width="1.5"/>
358
- <text x="24" y="126" fill="#94a3b8" font-size="9" data-lang="fr">Decision</text>
359
- <text x="24" y="126" fill="#94a3b8" font-size="9" data-lang="en">Decision</text>
476
+ <path d="M390,-4 L405,-4" stroke="#f87171" stroke-width="2" stroke-dasharray="4,2"/>
477
+ <text x="415" y="0" fill="#94a3b8" font-size="9">Loop</text>
360
478
  </g>
361
479
 
362
- <!-- Annotations -->
363
- <g transform="translate(520, 260)">
364
- <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="fr">Fichiers de sortie</text>
365
- <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="en">Output Files</text>
366
- <text x="0" y="18" fill="#94a3b8" font-size="9">01-business-requirements.md</text>
367
- <text x="0" y="32" fill="#94a3b8" font-size="9">02-technical-context.md</text>
368
- <text x="0" y="46" fill="#94a3b8" font-size="9">03-enriched-requirements.md</text>
369
- <text x="0" y="60" fill="#94a3b8" font-size="9">04-functional-spec.md</text>
370
- <text x="0" y="74" fill="#94a3b8" font-size="9">05-feedback-v[N].md</text>
371
- <text x="0" y="88" fill="#94a3b8" font-size="9">06-implementation-brief.md</text>
480
+ <!-- Output files (bottom right) -->
481
+ <g transform="translate(500, 265)">
482
+ <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="fr">Fichiers generes:</text>
483
+ <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="en">Generated files:</text>
484
+ <text x="130" y="0" fill="#94a3b8" font-size="8">01-business-requirements.md → 05-implementation-brief.md → 06-documentation.html</text>
372
485
  </g>
373
486
  </svg>
374
487
  </div>
375
488
  </section>
376
489
 
377
- <!-- The 6 Phases -->
490
+ <!-- The 8 Phases -->
378
491
  <section id="phases">
379
492
  <h2>
380
- <span data-lang="fr">Les 6 Phases</span>
381
- <span data-lang="en">The 6 Phases</span>
493
+ <span data-lang="fr">Les 8 Phases</span>
494
+ <span data-lang="en">The 8 Phases</span>
382
495
  </h2>
383
496
 
384
497
  <div class="table-container">
@@ -387,209 +500,281 @@
387
500
  <tr>
388
501
  <th>#</th>
389
502
  <th>Phase</th>
390
- <th data-lang="fr">Commande</th>
391
- <th data-lang="en">Command</th>
392
- <th data-lang="fr">Modele</th>
393
- <th data-lang="en">Model</th>
394
- <th data-lang="fr">Mission</th>
395
- <th data-lang="en">Mission</th>
396
- <th data-lang="fr">Fichier de sortie</th>
397
- <th data-lang="en">Output File</th>
503
+ <th>
504
+ <span data-lang="fr">Commande</span>
505
+ <span data-lang="en">Command</span>
506
+ </th>
507
+ <th>
508
+ <span data-lang="fr">Modele</span>
509
+ <span data-lang="en">Model</span>
510
+ </th>
511
+ <th>Mission</th>
512
+ <th>
513
+ <span data-lang="fr">Fichier de sortie</span>
514
+ <span data-lang="en">Output File</span>
515
+ </th>
398
516
  </tr>
399
517
  </thead>
400
518
  <tbody>
401
519
  <tr style="background: rgba(139, 92, 246, 0.1);">
520
+ <td><strong>0</strong></td>
521
+ <td><strong>ORCHESTRATE</strong></td>
522
+ <td><code>:0-orchestrate</code></td>
523
+ <td>OPUS/ULTRATHINK</td>
524
+ <td>
525
+ <span data-lang="fr">Orchestration automatique complete</span>
526
+ <span data-lang="en">Complete automatic orchestration</span>
527
+ </td>
528
+ <td>—</td>
529
+ </tr>
530
+ <tr style="background: rgba(59, 130, 246, 0.1);">
402
531
  <td><strong>1</strong></td>
403
- <td><strong>DISCOVER</strong></td>
404
- <td><code>:1-discover</code></td>
405
- <td>ULTRATHINK</td>
406
- <td data-lang="fr">Elicitation + detection similarite</td>
407
- <td data-lang="en">Elicitation + similarity detection</td>
408
- <td><code>01-business-requirements.md</code></td>
532
+ <td><strong>INIT</strong></td>
533
+ <td><code>:1-init</code></td>
534
+ <td>Haiku</td>
535
+ <td>
536
+ <span data-lang="fr">Initialiser la structure BA</span>
537
+ <span data-lang="en">Initialize BA structure</span>
538
+ </td>
539
+ <td>—</td>
409
540
  </tr>
410
541
  <tr style="background: rgba(59, 130, 246, 0.1);">
411
542
  <td><strong>2</strong></td>
412
- <td><strong>EXPLORE</strong></td>
413
- <td><code>:2-explore</code></td>
414
- <td>Haiku</td>
415
- <td data-lang="fr">Contexte technique (agents)</td>
416
- <td data-lang="en">Technical context (agents)</td>
417
- <td><code>02-technical-context.md</code></td>
543
+ <td><strong>DISCOVER</strong></td>
544
+ <td><code>:2-discover</code></td>
545
+ <td>OPUS/ULTRATHINK</td>
546
+ <td>
547
+ <span data-lang="fr">Elicitation + detection similarite</span>
548
+ <span data-lang="en">Elicitation + similarity detection</span>
549
+ </td>
550
+ <td><code>01-business-requirements.md</code></td>
418
551
  </tr>
419
- <tr style="background: rgba(236, 72, 153, 0.1);">
552
+ <tr style="background: rgba(59, 130, 246, 0.1);">
420
553
  <td><strong>3</strong></td>
421
554
  <td><strong>ANALYSE</strong></td>
422
555
  <td><code>:3-analyse</code></td>
423
- <td>ULTRATHINK</td>
424
- <td data-lang="fr">Synthese besoin + technique</td>
425
- <td data-lang="en">Merge need + technical context</td>
426
- <td><code>03-enriched-requirements.md</code></td>
556
+ <td>Sonnet/ULTRATHINK</td>
557
+ <td>
558
+ <span data-lang="fr">Synthese besoin + technique</span>
559
+ <span data-lang="en">Merge need + technical context</span>
560
+ </td>
561
+ <td><code>02-enriched-requirements.md</code></td>
427
562
  </tr>
428
- <tr style="background: rgba(168, 85, 247, 0.1);">
563
+ <tr style="background: rgba(13, 148, 136, 0.1);">
429
564
  <td><strong>4</strong></td>
430
565
  <td><strong>SPECIFY</strong></td>
431
566
  <td><code>:4-specify</code></td>
432
- <td>ULTRATHINK</td>
433
- <td data-lang="fr">Specification fonctionnelle (FRD)</td>
434
- <td data-lang="en">Functional specification (FRD)</td>
435
- <td><code>04-functional-spec.md</code></td>
567
+ <td>Sonnet/ULTRATHINK</td>
568
+ <td>
569
+ <span data-lang="fr">Specification fonctionnelle (FRD)</span>
570
+ <span data-lang="en">Functional specification (FRD)</span>
571
+ </td>
572
+ <td><code>03-functional-spec.md</code></td>
436
573
  </tr>
437
- <tr style="background: rgba(34, 197, 94, 0.1);">
574
+ <tr style="background: rgba(13, 148, 136, 0.1);">
438
575
  <td><strong>5</strong></td>
439
576
  <td><strong>VALIDATE</strong></td>
440
577
  <td><code>:5-validate</code></td>
441
- <td>Sonnet</td>
442
- <td data-lang="fr">Validation utilisateur (loop → 3)</td>
443
- <td data-lang="en">User validation (loop → 3)</td>
444
- <td><code>05-feedback-v[N].md</code></td>
578
+ <td>Haiku</td>
579
+ <td>
580
+ <span data-lang="fr">Validation utilisateur (loop → 3)</span>
581
+ <span data-lang="en">User validation (loop → 3)</span>
582
+ </td>
583
+ <td><code>04-feedback-v[N].md</code></td>
445
584
  </tr>
446
- <tr style="background: rgba(249, 115, 22, 0.1);">
585
+ <tr style="background: rgba(13, 148, 136, 0.1);">
447
586
  <td><strong>6</strong></td>
448
587
  <td><strong>HANDOFF</strong></td>
449
588
  <td><code>:6-handoff</code></td>
450
- <td>ULTRATHINK</td>
451
- <td data-lang="fr">Brief d'implementation (anglais)</td>
452
- <td data-lang="en">Implementation brief (English)</td>
453
- <td><code>06-implementation-brief.md</code></td>
589
+ <td>OPUS/ULTRATHINK</td>
590
+ <td>
591
+ <span data-lang="fr">Brief d'implementation (anglais)</span>
592
+ <span data-lang="en">Implementation brief (English)</span>
593
+ </td>
594
+ <td><code>05-implementation-brief.md</code></td>
595
+ </tr>
596
+ <tr style="background: rgba(217, 70, 239, 0.1);">
597
+ <td><strong>7</strong></td>
598
+ <td><strong>DOC-HTML</strong></td>
599
+ <td><code>:7-doc-html</code></td>
600
+ <td>Sonnet</td>
601
+ <td>
602
+ <span data-lang="fr">Documentation HTML auto-generee</span>
603
+ <span data-lang="en">Auto-generated HTML documentation</span>
604
+ </td>
605
+ <td><code>06-documentation.html</code></td>
454
606
  </tr>
455
607
  </tbody>
456
608
  </table>
457
609
  </div>
458
610
  </section>
459
611
 
460
- <!-- Phase 1: Discover -->
461
- <section id="phase-1">
462
- <h2>Phase 1: DISCOVER</h2>
612
+ <!-- Phase 0: Orchestrate -->
613
+ <section id="phase-0">
614
+ <h2>Phase 0: ORCHESTRATE</h2>
463
615
  <div class="command-card">
464
616
  <div class="command-header">
465
- <code class="command-name">/business-analyse:1-discover</code>
466
- <span class="badge badge-purple">ULTRATHINK</span>
617
+ <code class="command-name">/business-analyse:0-orchestrate</code>
618
+ <span class="badge badge-purple">OPUS/ULTRATHINK</span>
467
619
  </div>
468
620
  <div class="command-body">
469
621
  <p data-lang="fr">
470
- <strong>Mission</strong> : Comprendre le vrai besoin utilisateur avant toute exploration technique.
622
+ <strong>Mission</strong> : Orchestrer automatiquement l'execution de toutes les phases successives du workflow Business Analyse, de la decouverte a la documentation.
471
623
  </p>
472
624
  <p data-lang="en">
473
- <strong>Mission</strong>: Understand the real user need before any technical exploration.
625
+ <strong>Mission</strong>: Automatically orchestrate execution of all successive phases from discovery to documentation.
474
626
  </p>
475
627
 
476
- <h4 data-lang="fr">Etapes</h4>
477
- <h4 data-lang="en">Steps</h4>
478
- <ol>
479
- <li data-lang="fr"><strong>Similarity Check</strong> : Lance l'agent <code>ba-similarity</code> pour detecter les doublons</li>
480
- <li data-lang="en"><strong>Similarity Check</strong>: Launches <code>ba-similarity</code> agent to detect duplicates</li>
481
- <li data-lang="fr"><strong>Elicitation</strong> : Pose des questions ciblees (max 5)</li>
482
- <li data-lang="en"><strong>Elicitation</strong>: Asks targeted questions (max 5)</li>
483
- <li data-lang="fr"><strong>Business Requirements</strong> : Formalise le besoin en langage utilisateur</li>
484
- <li data-lang="en"><strong>Business Requirements</strong>: Formalizes need in user language</li>
485
- </ol>
628
+ <div class="code-block">
629
+ <button class="copy-btn">Copy</button>
630
+ <pre><code># Full orchestration
631
+ /business-analyse:0-orchestrate [feature-name]
632
+
633
+ # With granularity level
634
+ /business-analyse:0-orchestrate [feature-name] --granularity=muscles
635
+ /business-analyse:0-orchestrate [feature-name] --granularity=section
636
+ /business-analyse:0-orchestrate [feature-name] --granularity=resources</code></pre>
637
+ </div>
638
+
639
+ <h4 data-lang="fr">Orchestration automatique</h4>
640
+ <h4 data-lang="en">Automatic Orchestration</h4>
641
+ <ul>
642
+ <li data-lang="fr">Lance Phase 1 (INIT) pour preparer la structure</li>
643
+ <li data-lang="en">Launches Phase 1 (INIT) to prepare structure</li>
644
+ <li data-lang="fr">Lance Phase 2 (DISCOVER) avec elicitation et similarite</li>
645
+ <li data-lang="en">Launches Phase 2 (DISCOVER) with elicitation and similarity</li>
646
+ <li data-lang="fr">Lance Phase 3 (ANALYSE) pour analyser le besoin</li>
647
+ <li data-lang="en">Launches Phase 3 (ANALYSE) to analyze need</li>
648
+ <li data-lang="fr">Lance Phase 4 (SPECIFY) pour generer le FRD</li>
649
+ <li data-lang="en">Launches Phase 4 (SPECIFY) to generate FRD</li>
650
+ <li data-lang="fr">Lance Phase 5 (VALIDATE) pour validation utilisateur</li>
651
+ <li data-lang="en">Launches Phase 5 (VALIDATE) for user validation</li>
652
+ <li data-lang="fr">Lance Phase 6 (HANDOFF) pour le brief d'implementation</li>
653
+ <li data-lang="en">Launches Phase 6 (HANDOFF) for implementation brief</li>
654
+ <li data-lang="fr">Lance Phase 7 (DOC-HTML) pour generer la documentation</li>
655
+ <li data-lang="en">Launches Phase 7 (DOC-HTML) to generate documentation</li>
656
+ </ul>
657
+
658
+ <div class="alert alert-info">
659
+ <span class="alert-icon">&#128161;</span>
660
+ <div class="alert-content">
661
+ <p data-lang="fr">
662
+ Phase 0 facilite l'orchestration complete du workflow. Pour un controle granulaire, utilisez les phases individuelles (1-7).
663
+ </p>
664
+ <p data-lang="en">
665
+ Phase 0 facilitates complete workflow orchestration. For granular control, use individual phases (1-7).
666
+ </p>
667
+ </div>
668
+ </div>
669
+ </div>
670
+ </div>
671
+ </section>
672
+
673
+ <!-- Phase 1: Init -->
674
+ <section id="phase-1">
675
+ <h2>Phase 1: INIT</h2>
676
+ <div class="command-card">
677
+ <div class="command-header">
678
+ <code class="command-name">/business-analyse:1-init</code>
679
+ <span class="badge badge-blue">Haiku</span>
680
+ </div>
681
+ <div class="command-body">
682
+ <p data-lang="fr">
683
+ <strong>Mission</strong> : Initialiser la structure du dossier Business Analyse avec les fichiers de base et la configuration.
684
+ </p>
685
+ <p data-lang="en">
686
+ <strong>Mission</strong>: Initialize Business Analyse folder structure with base files and configuration.
687
+ </p>
486
688
 
487
689
  <div class="code-block">
488
690
  <button class="copy-btn">Copy</button>
489
- <pre><code>/business-analyse:1-discover Je veux pouvoir exporter mes donnees clients</code></pre>
691
+ <pre><code>/business-analyse:1-init [feature-name]</code></pre>
490
692
  </div>
491
693
 
492
- <h4 data-lang="fr">Resultats de similarite</h4>
493
- <h4 data-lang="en">Similarity Results</h4>
494
- <table class="reference-table">
495
- <thead>
496
- <tr>
497
- <th data-lang="fr">Resultat</th>
498
- <th data-lang="en">Result</th>
499
- <th>Action</th>
500
- </tr>
501
- </thead>
502
- <tbody>
503
- <tr>
504
- <td><strong>DUPLICATE</strong></td>
505
- <td data-lang="fr">STOP - Reference spec existante</td>
506
- <td data-lang="en">STOP - Reference existing spec</td>
507
- </tr>
508
- <tr>
509
- <td><strong>EXTEND</strong></td>
510
- <td data-lang="fr">Note feature existante a etendre</td>
511
- <td data-lang="en">Note existing feature to extend</td>
512
- </tr>
513
- <tr>
514
- <td><strong>NEW</strong></td>
515
- <td data-lang="fr">Proceder normalement</td>
516
- <td data-lang="en">Proceed normally</td>
517
- </tr>
518
- </tbody>
519
- </table>
694
+ <h4 data-lang="fr">Structure creee</h4>
695
+ <h4 data-lang="en">Created Structure</h4>
696
+ <ul>
697
+ <li data-lang="fr">Dossier <code>.claude/ba/[feature-name]/</code></li>
698
+ <li data-lang="en">Folder <code>.claude/ba/[feature-name]/</code></li>
699
+ <li data-lang="fr">Fichiers de template pour chaque phase</li>
700
+ <li data-lang="en">Template files for each phase</li>
701
+ <li data-lang="fr">Configuration et metadata</li>
702
+ <li data-lang="en">Configuration and metadata</li>
703
+ </ul>
520
704
  </div>
521
705
  </div>
522
706
  </section>
523
707
 
524
- <!-- Phase 2: Explore -->
708
+ <!-- Phase 2: Discover -->
525
709
  <section id="phase-2">
526
- <h2>Phase 2: EXPLORE</h2>
710
+ <h2>Phase 2: DISCOVER</h2>
527
711
  <div class="command-card">
528
712
  <div class="command-header">
529
- <code class="command-name">/business-analyse:2-explore</code>
530
- <span class="badge badge-blue">Haiku Agents</span>
713
+ <code class="command-name">/business-analyse:2-discover</code>
714
+ <span class="badge badge-blue">OPUS/ULTRATHINK</span>
531
715
  </div>
532
716
  <div class="command-body">
533
717
  <p data-lang="fr">
534
- <strong>Mission</strong> : Collecter le contexte technique avec des agents paralleles.
718
+ <strong>Mission</strong> : Comprendre le vrai besoin utilisateur avant toute exploration technique.
535
719
  </p>
536
720
  <p data-lang="en">
537
- <strong>Mission</strong>: Collect technical context with parallel agents.
721
+ <strong>Mission</strong>: Understand the real user need before any technical exploration.
538
722
  </p>
539
723
 
724
+ <h4 data-lang="fr">Etapes</h4>
725
+ <h4 data-lang="en">Steps</h4>
726
+ <ol>
727
+ <li data-lang="fr"><strong>Similarity Check</strong> : Lance l'agent <code>ba-similarity</code> pour detecter les doublons</li>
728
+ <li data-lang="en"><strong>Similarity Check</strong>: Launches <code>ba-similarity</code> agent to detect duplicates</li>
729
+ <li data-lang="fr"><strong>Elicitation</strong> : Pose des questions ciblees (max 5)</li>
730
+ <li data-lang="en"><strong>Elicitation</strong>: Asks targeted questions (max 5)</li>
731
+ <li data-lang="fr"><strong>Business Requirements</strong> : Formalise le besoin en langage utilisateur</li>
732
+ <li data-lang="en"><strong>Business Requirements</strong>: Formalizes need in user language</li>
733
+ </ol>
734
+
540
735
  <div class="code-block">
541
736
  <button class="copy-btn">Copy</button>
542
- <pre><code>/business-analyse:2-explore [feature-name]</code></pre>
737
+ <pre><code>/business-analyse:2-discover Je veux pouvoir exporter mes donnees clients</code></pre>
543
738
  </div>
544
739
 
545
- <h4 data-lang="fr">Selection automatique des agents</h4>
546
- <h4 data-lang="en">Automatic agent selection</h4>
547
-
740
+ <h4>
741
+ <span data-lang="fr">Resultats de similarite</span>
742
+ <span data-lang="en">Similarity Results</span>
743
+ </h4>
548
744
  <table class="reference-table">
549
745
  <thead>
550
746
  <tr>
551
- <th data-lang="fr">Type de feature</th>
552
- <th data-lang="en">Feature type</th>
553
- <th>Agents</th>
554
- <th>Tokens</th>
747
+ <th>
748
+ <span data-lang="fr">Resultat</span>
749
+ <span data-lang="en">Result</span>
750
+ </th>
751
+ <th>Action</th>
555
752
  </tr>
556
753
  </thead>
557
754
  <tbody>
558
755
  <tr>
559
- <td>UI only</td>
560
- <td><code>explore-theme</code>, <code>explore-api</code></td>
561
- <td>~2,400</td>
562
- </tr>
563
- <tr>
564
- <td>Data feature</td>
565
- <td><code>explore-schema</code>, <code>explore-api</code></td>
566
- <td>~2,700</td>
567
- </tr>
568
- <tr>
569
- <td>New page</td>
570
- <td><code>explore-navigation</code>, <code>explore-theme</code>, <code>explore-api</code></td>
571
- <td>~3,600</td>
756
+ <td><strong>DUPLICATE</strong></td>
757
+ <td>
758
+ <span data-lang="fr">STOP - Reference spec existante</span>
759
+ <span data-lang="en">STOP - Reference existing spec</span>
760
+ </td>
572
761
  </tr>
573
762
  <tr>
574
- <td>Security</td>
575
- <td><code>explore-permissions</code>, <code>explore-api</code></td>
576
- <td>~2,200</td>
763
+ <td><strong>EXTEND</strong></td>
764
+ <td>
765
+ <span data-lang="fr">Note feature existante a etendre</span>
766
+ <span data-lang="en">Note existing feature to extend</span>
767
+ </td>
577
768
  </tr>
578
769
  <tr>
579
- <td>Full module</td>
580
- <td><code>explore-schema</code>, <code>explore-permissions</code>, <code>explore-api</code></td>
581
- <td>~3,700</td>
770
+ <td><strong>NEW</strong></td>
771
+ <td>
772
+ <span data-lang="fr">Proceder normalement</span>
773
+ <span data-lang="en">Proceed normally</span>
774
+ </td>
582
775
  </tr>
583
776
  </tbody>
584
777
  </table>
585
-
586
- <div class="alert alert-info">
587
- <span class="alert-icon">&#128161;</span>
588
- <div class="alert-content">
589
- <p data-lang="fr"><strong>Maximum 3 agents</strong> pour optimiser les tokens.</p>
590
- <p data-lang="en"><strong>Maximum 3 agents</strong> to optimize tokens.</p>
591
- </div>
592
- </div>
593
778
  </div>
594
779
  </div>
595
780
  </section>
@@ -600,7 +785,7 @@
600
785
  <div class="command-card">
601
786
  <div class="command-header">
602
787
  <code class="command-name">/business-analyse:3-analyse</code>
603
- <span class="badge badge-pink">ULTRATHINK</span>
788
+ <span class="badge badge-blue">Sonnet/ULTRATHINK</span>
604
789
  </div>
605
790
  <div class="command-body">
606
791
  <p data-lang="fr">
@@ -647,7 +832,7 @@
647
832
  <div class="command-card">
648
833
  <div class="command-header">
649
834
  <code class="command-name">/business-analyse:4-specify</code>
650
- <span class="badge badge-purple">ULTRATHINK</span>
835
+ <span class="badge badge-teal">Sonnet/ULTRATHINK</span>
651
836
  </div>
652
837
  <div class="command-body">
653
838
  <p data-lang="fr">
@@ -669,26 +854,84 @@
669
854
  /business-analyse:4-specify [feature-name] --plantuml</code></pre>
670
855
  </div>
671
856
 
672
- <h4 data-lang="fr">Sections dynamiques</h4>
673
- <h4 data-lang="en">Dynamic sections</h4>
857
+ <h4>
858
+ <span data-lang="fr">Sections dynamiques</span>
859
+ <span data-lang="en">Dynamic sections</span>
860
+ </h4>
674
861
  <table class="reference-table">
675
862
  <thead>
676
863
  <tr>
677
864
  <th>Section</th>
678
- <th data-lang="fr">Incluse quand</th>
679
- <th data-lang="en">Included when</th>
865
+ <th>
866
+ <span data-lang="fr">Incluse quand</span>
867
+ <span data-lang="en">Included when</span>
868
+ </th>
680
869
  </tr>
681
870
  </thead>
682
871
  <tbody>
683
- <tr><td>Context</td><td colspan="2">Always</td></tr>
684
- <tr><td>Functional Requirements</td><td colspan="2">Always</td></tr>
685
- <tr><td>Data Model</td><td data-lang="fr">Changements DB</td><td data-lang="en">DB changes</td></tr>
686
- <tr><td>UI Specification</td><td data-lang="fr">Changements UI</td><td data-lang="en">UI changes</td></tr>
687
- <tr><td>Navigation</td><td data-lang="fr">Nouvelle page</td><td data-lang="en">New page</td></tr>
688
- <tr><td>Permissions</td><td data-lang="fr">Nouvelles permissions</td><td data-lang="en">New permissions</td></tr>
689
- <tr><td>User Flow</td><td data-lang="fr">Workflow complexe</td><td data-lang="en">Complex workflow</td></tr>
690
- <tr><td>API Specification</td><td data-lang="fr">Changements backend</td><td data-lang="en">Backend changes</td></tr>
691
- <tr><td>Acceptance Criteria</td><td colspan="2">Always</td></tr>
872
+ <tr>
873
+ <td>Context</td>
874
+ <td>
875
+ <span data-lang="fr">Toujours</span>
876
+ <span data-lang="en">Always</span>
877
+ </td>
878
+ </tr>
879
+ <tr>
880
+ <td>Functional Requirements</td>
881
+ <td>
882
+ <span data-lang="fr">Toujours</span>
883
+ <span data-lang="en">Always</span>
884
+ </td>
885
+ </tr>
886
+ <tr>
887
+ <td>Data Model</td>
888
+ <td>
889
+ <span data-lang="fr">Changements DB</span>
890
+ <span data-lang="en">DB changes</span>
891
+ </td>
892
+ </tr>
893
+ <tr>
894
+ <td>UI Specification</td>
895
+ <td>
896
+ <span data-lang="fr">Changements UI</span>
897
+ <span data-lang="en">UI changes</span>
898
+ </td>
899
+ </tr>
900
+ <tr>
901
+ <td>Navigation</td>
902
+ <td>
903
+ <span data-lang="fr">Nouvelle page</span>
904
+ <span data-lang="en">New page</span>
905
+ </td>
906
+ </tr>
907
+ <tr>
908
+ <td>Permissions</td>
909
+ <td>
910
+ <span data-lang="fr">Nouvelles permissions</span>
911
+ <span data-lang="en">New permissions</span>
912
+ </td>
913
+ </tr>
914
+ <tr>
915
+ <td>User Flow</td>
916
+ <td>
917
+ <span data-lang="fr">Workflow complexe</span>
918
+ <span data-lang="en">Complex workflow</span>
919
+ </td>
920
+ </tr>
921
+ <tr>
922
+ <td>API Specification</td>
923
+ <td>
924
+ <span data-lang="fr">Changements backend</span>
925
+ <span data-lang="en">Backend changes</span>
926
+ </td>
927
+ </tr>
928
+ <tr>
929
+ <td>Acceptance Criteria</td>
930
+ <td>
931
+ <span data-lang="fr">Toujours</span>
932
+ <span data-lang="en">Always</span>
933
+ </td>
934
+ </tr>
692
935
  </tbody>
693
936
  </table>
694
937
 
@@ -697,22 +940,28 @@
697
940
  <thead>
698
941
  <tr>
699
942
  <th>Option</th>
700
- <th data-lang="fr">Effet</th>
701
- <th data-lang="en">Effect</th>
943
+ <th>
944
+ <span data-lang="fr">Effet</span>
945
+ <span data-lang="en">Effect</span>
946
+ </th>
702
947
  <th>Tokens</th>
703
948
  </tr>
704
949
  </thead>
705
950
  <tbody>
706
951
  <tr>
707
952
  <td><code>--mockup</code></td>
708
- <td data-lang="fr">Maquette HTML avec CSS projet</td>
709
- <td data-lang="en">HTML mockup with project CSS</td>
953
+ <td>
954
+ <span data-lang="fr">Maquette HTML avec CSS projet</span>
955
+ <span data-lang="en">HTML mockup with project CSS</span>
956
+ </td>
710
957
  <td>+2,000</td>
711
958
  </tr>
712
959
  <tr>
713
960
  <td><code>--plantuml</code></td>
714
- <td data-lang="fr">Diagrammes ER/sequence</td>
715
- <td data-lang="en">ER/sequence diagrams</td>
961
+ <td>
962
+ <span data-lang="fr">Diagrammes ER/sequence</span>
963
+ <span data-lang="en">ER/sequence diagrams</span>
964
+ </td>
716
965
  <td>+800</td>
717
966
  </tr>
718
967
  </tbody>
@@ -727,7 +976,7 @@
727
976
  <div class="command-card">
728
977
  <div class="command-header">
729
978
  <code class="command-name">/business-analyse:5-validate</code>
730
- <span class="badge badge-green">Sonnet</span>
979
+ <span class="badge badge-teal">Haiku</span>
731
980
  </div>
732
981
  <div class="command-body">
733
982
  <p data-lang="fr">
@@ -742,36 +991,45 @@
742
991
  <pre><code>/business-analyse:5-validate [feature-name]</code></pre>
743
992
  </div>
744
993
 
745
- <h4 data-lang="fr">Options de validation</h4>
746
- <h4 data-lang="en">Validation Options</h4>
994
+ <h4>
995
+ <span data-lang="fr">Options de validation</span>
996
+ <span data-lang="en">Validation Options</span>
997
+ </h4>
747
998
  <table class="reference-table">
748
999
  <thead>
749
1000
  <tr>
750
1001
  <th>Option</th>
751
- <th data-lang="fr">Action</th>
752
- <th data-lang="en">Action</th>
1002
+ <th>Action</th>
753
1003
  </tr>
754
1004
  </thead>
755
1005
  <tbody>
756
1006
  <tr style="background: rgba(34, 197, 94, 0.1);">
757
1007
  <td><strong>APPROVED</strong></td>
758
- <td data-lang="fr">Passer a Phase 6 (Handoff)</td>
759
- <td data-lang="en">Proceed to Phase 6 (Handoff)</td>
1008
+ <td>
1009
+ <span data-lang="fr">Passer a Phase 6 (Handoff)</span>
1010
+ <span data-lang="en">Proceed to Phase 6 (Handoff)</span>
1011
+ </td>
760
1012
  </tr>
761
1013
  <tr style="background: rgba(234, 179, 8, 0.1);">
762
1014
  <td><strong>MINOR CHANGES</strong></td>
763
- <td data-lang="fr">Modifications directes dans le FRD</td>
764
- <td data-lang="en">Direct modifications in FRD</td>
1015
+ <td>
1016
+ <span data-lang="fr">Modifications directes dans le FRD</span>
1017
+ <span data-lang="en">Direct modifications in FRD</span>
1018
+ </td>
765
1019
  </tr>
766
1020
  <tr style="background: rgba(239, 68, 68, 0.1);">
767
1021
  <td><strong>MAJOR CHANGES</strong></td>
768
- <td data-lang="fr">Retour a Phase 3 (Analyse)</td>
769
- <td data-lang="en">Return to Phase 3 (Analyse)</td>
1022
+ <td>
1023
+ <span data-lang="fr">Retour a Phase 3 (Analyse)</span>
1024
+ <span data-lang="en">Return to Phase 3 (Analyse)</span>
1025
+ </td>
770
1026
  </tr>
771
1027
  <tr style="background: rgba(107, 114, 128, 0.1);">
772
1028
  <td><strong>REJECTED</strong></td>
773
- <td data-lang="fr">Archiver et recommencer</td>
774
- <td data-lang="en">Archive and start over</td>
1029
+ <td>
1030
+ <span data-lang="fr">Archiver et recommencer</span>
1031
+ <span data-lang="en">Archive and start over</span>
1032
+ </td>
775
1033
  </tr>
776
1034
  </tbody>
777
1035
  </table>
@@ -799,7 +1057,7 @@
799
1057
  <div class="command-card">
800
1058
  <div class="command-header">
801
1059
  <code class="command-name">/business-analyse:6-handoff</code>
802
- <span class="badge badge-orange">ULTRATHINK</span>
1060
+ <span class="badge badge-teal">OPUS/ULTRATHINK</span>
803
1061
  </div>
804
1062
  <div class="command-body">
805
1063
  <p data-lang="fr">
@@ -875,57 +1133,196 @@ npm run lint
875
1133
  </div>
876
1134
  </section>
877
1135
 
1136
+ <!-- Phase 7: Doc-HTML -->
1137
+ <section id="phase-7">
1138
+ <h2>Phase 7: DOC-HTML</h2>
1139
+ <div class="command-card">
1140
+ <div class="command-header">
1141
+ <code class="command-name">/business-analyse:7-doc-html</code>
1142
+ <span class="badge badge-purple">Sonnet</span>
1143
+ </div>
1144
+ <div class="command-body">
1145
+ <p data-lang="fr">
1146
+ <strong>Mission</strong> : Generer une documentation HTML auto-generee et polishe a partir de tous les fichiers du workflow Business Analyse.
1147
+ </p>
1148
+ <p data-lang="en">
1149
+ <strong>Mission</strong>: Generate polished auto-generated HTML documentation from all Business Analyse workflow files.
1150
+ </p>
1151
+
1152
+ <div class="code-block">
1153
+ <button class="copy-btn">Copy</button>
1154
+ <pre><code># Generate documentation
1155
+ /business-analyse:7-doc-html [feature-name]
1156
+
1157
+ # With specific template
1158
+ /business-analyse:7-doc-html [feature-name] --template=standard
1159
+ /business-analyse:7-doc-html [feature-name] --template=detailed
1160
+ /business-analyse:7-doc-html [feature-name] --template=minimal</code></pre>
1161
+ </div>
1162
+
1163
+ <h4 data-lang="fr">Documentation generee</h4>
1164
+ <h4 data-lang="en">Generated Documentation</h4>
1165
+ <ul>
1166
+ <li data-lang="fr">Resume executif de la feature</li>
1167
+ <li data-lang="en">Feature executive summary</li>
1168
+ <li data-lang="fr">Specifications fonctionnelles validees</li>
1169
+ <li data-lang="en">Validated functional specifications</li>
1170
+ <li data-lang="fr">Architecture et design decisions</li>
1171
+ <li data-lang="en">Architecture and design decisions</li>
1172
+ <li data-lang="fr">Guide d'implementation</li>
1173
+ <li data-lang="en">Implementation guide</li>
1174
+ <li data-lang="fr">Historique complet du workflow</li>
1175
+ <li data-lang="en">Complete workflow history</li>
1176
+ </ul>
1177
+
1178
+ <div class="alert alert-success">
1179
+ <span class="alert-icon">&#128196;</span>
1180
+ <div class="alert-content">
1181
+ <h5 data-lang="fr">Documentation persistante</h5>
1182
+ <h5 data-lang="en">Persistent Documentation</h5>
1183
+ <p data-lang="fr">
1184
+ Le fichier HTML est stocke dans <code>.claude/ba/[feature]/06-documentation.html</code> pour reference et partage futur.
1185
+ </p>
1186
+ <p data-lang="en">
1187
+ The HTML file is stored in <code>.claude/ba/[feature]/06-documentation.html</code> for future reference and sharing.
1188
+ </p>
1189
+ </div>
1190
+ </div>
1191
+ </div>
1192
+ </div>
1193
+ </section>
1194
+
1195
+ <!-- Utilities -->
1196
+ <section id="utilities">
1197
+ <h2>
1198
+ <span data-lang="fr">Commandes Utilitaires</span>
1199
+ <span data-lang="en">Utility Commands</span>
1200
+ </h2>
1201
+
1202
+ <div class="command-card">
1203
+ <div class="command-header">
1204
+ <code class="command-name">/business-analyse:bug</code>
1205
+ <span class="badge badge-red">Bug Fix</span>
1206
+ </div>
1207
+ <div class="command-body">
1208
+ <p data-lang="fr">
1209
+ Documenter et specifier une correction de bug de maniere formelle.
1210
+ </p>
1211
+ <p data-lang="en">
1212
+ Document and formally specify a bug fix.
1213
+ </p>
1214
+ <div class="code-block">
1215
+ <button class="copy-btn">Copy</button>
1216
+ <pre><code>/business-analyse:bug [bug-description]</code></pre>
1217
+ </div>
1218
+ </div>
1219
+ </div>
1220
+
1221
+ <div class="command-card">
1222
+ <div class="command-header">
1223
+ <code class="command-name">/business-analyse:hotfix</code>
1224
+ <span class="badge badge-red">Hotfix</span>
1225
+ </div>
1226
+ <div class="command-body">
1227
+ <p data-lang="fr">
1228
+ Documenter une correction urgente de maniere legere et rapide.
1229
+ </p>
1230
+ <p data-lang="en">
1231
+ Document an urgent fix in a lightweight and fast way.
1232
+ </p>
1233
+ <div class="code-block">
1234
+ <button class="copy-btn">Copy</button>
1235
+ <pre><code>/business-analyse:hotfix [fix-description]</code></pre>
1236
+ </div>
1237
+ </div>
1238
+ </div>
1239
+
1240
+ <div class="command-card">
1241
+ <div class="command-header">
1242
+ <code class="command-name">/business-analyse:change-request</code>
1243
+ <span class="badge badge-blue">Change</span>
1244
+ </div>
1245
+ <div class="command-body">
1246
+ <p data-lang="fr">
1247
+ Documenter une demande de changement formal pendant le developpement.
1248
+ </p>
1249
+ <p data-lang="en">
1250
+ Document a formal change request during development.
1251
+ </p>
1252
+ <div class="code-block">
1253
+ <button class="copy-btn">Copy</button>
1254
+ <pre><code>/business-analyse:change-request [change-description]</code></pre>
1255
+ </div>
1256
+ </div>
1257
+ </div>
1258
+ </section>
1259
+
878
1260
  <!-- Agents -->
879
1261
  <section id="agents">
880
- <h2 data-lang="fr">Agents specialises</h2>
881
- <h2 data-lang="en">Specialized Agents</h2>
1262
+ <h2>
1263
+ <span data-lang="fr">Agents specialises</span>
1264
+ <span data-lang="en">Specialized Agents</span>
1265
+ </h2>
882
1266
 
883
1267
  <table class="reference-table">
884
1268
  <thead>
885
1269
  <tr>
886
1270
  <th>Agent</th>
887
- <th data-lang="fr">Mission</th>
888
- <th data-lang="en">Mission</th>
889
- <th data-lang="fr">Utilise en</th>
890
- <th data-lang="en">Used in</th>
1271
+ <th>Mission</th>
1272
+ <th>
1273
+ <span data-lang="fr">Utilise en</span>
1274
+ <span data-lang="en">Used in</span>
1275
+ </th>
891
1276
  </tr>
892
1277
  </thead>
893
1278
  <tbody>
894
1279
  <tr style="background: rgba(139, 92, 246, 0.1);">
895
1280
  <td><code>ba-similarity</code></td>
896
- <td data-lang="fr">Detecte les features similaires ou doublons</td>
897
- <td data-lang="en">Detects similar features or duplicates</td>
898
- <td>Phase 1</td>
1281
+ <td>
1282
+ <span data-lang="fr">Detecte les features similaires ou doublons</span>
1283
+ <span data-lang="en">Detects similar features or duplicates</span>
1284
+ </td>
1285
+ <td>Phase 2</td>
899
1286
  </tr>
900
1287
  <tr>
901
1288
  <td><code>explore-api</code></td>
902
- <td data-lang="fr">Endpoints, controllers, DTOs, patterns API</td>
903
- <td data-lang="en">Endpoints, controllers, DTOs, API patterns</td>
904
- <td>Phase 2</td>
1289
+ <td>
1290
+ <span data-lang="fr">Endpoints, controllers, DTOs, patterns API</span>
1291
+ <span data-lang="en">Endpoints, controllers, DTOs, API patterns</span>
1292
+ </td>
1293
+ <td>Phase 3</td>
905
1294
  </tr>
906
1295
  <tr>
907
1296
  <td><code>explore-schema</code></td>
908
- <td data-lang="fr">Schema DB, entites, configurations</td>
909
- <td data-lang="en">DB schema, entities, configurations</td>
910
- <td>Phase 2</td>
1297
+ <td>
1298
+ <span data-lang="fr">Schema DB, entites, configurations</span>
1299
+ <span data-lang="en">DB schema, entities, configurations</span>
1300
+ </td>
1301
+ <td>Phase 3</td>
911
1302
  </tr>
912
1303
  <tr>
913
1304
  <td><code>explore-permissions</code></td>
914
- <td data-lang="fr">RBAC, roles, autorisations</td>
915
- <td data-lang="en">RBAC, roles, authorizations</td>
916
- <td>Phase 2</td>
1305
+ <td>
1306
+ <span data-lang="fr">RBAC, roles, autorisations</span>
1307
+ <span data-lang="en">RBAC, roles, authorizations</span>
1308
+ </td>
1309
+ <td>Phase 3</td>
917
1310
  </tr>
918
1311
  <tr>
919
1312
  <td><code>explore-navigation</code></td>
920
- <td data-lang="fr">Menus, routes, pages</td>
921
- <td data-lang="en">Menus, routes, pages</td>
922
- <td>Phase 2</td>
1313
+ <td>
1314
+ <span data-lang="fr">Menus, routes, pages</span>
1315
+ <span data-lang="en">Menus, routes, pages</span>
1316
+ </td>
1317
+ <td>Phase 3</td>
923
1318
  </tr>
924
1319
  <tr>
925
1320
  <td><code>explore-theme</code></td>
926
- <td data-lang="fr">UI patterns, composants, design system</td>
927
- <td data-lang="en">UI patterns, components, design system</td>
928
- <td>Phase 2</td>
1321
+ <td>
1322
+ <span data-lang="fr">UI patterns, composants, design system</span>
1323
+ <span data-lang="en">UI patterns, components, design system</span>
1324
+ </td>
1325
+ <td>Phase 3</td>
929
1326
  </tr>
930
1327
  </tbody>
931
1328
  </table>
@@ -942,54 +1339,70 @@ npm run lint
942
1339
  <button class="copy-btn">Copy</button>
943
1340
  <pre><code>.claude/ba/
944
1341
  └── [feature-name]/
945
- ├── 01-business-requirements.md # Phase 1: DISCOVER
946
- ├── 02-technical-context.md # Phase 2: EXPLORE
947
- ├── 03-enriched-requirements.md # Phase 3: ANALYSE
948
- ├── 04-functional-spec.md # Phase 4: SPECIFY
949
- ├── 05-feedback-v1.md # Phase 5: VALIDATE (si changes)
950
- ├── 05-feedback-v2.md # (iterations)
951
- └── 06-implementation-brief.md # Phase 6: HANDOFF</code></pre>
1342
+ ├── 01-business-requirements.md # Phase 2: DISCOVER
1343
+ ├── 02-enriched-requirements.md # Phase 3: ANALYSE
1344
+ ├── 03-functional-spec.md # Phase 4: SPECIFY
1345
+ ├── 04-feedback-v1.md # Phase 5: VALIDATE (si changes)
1346
+ ├── 04-feedback-v2.md # (iterations)
1347
+ ├── 05-implementation-brief.md # Phase 6: HANDOFF
1348
+ └── 06-documentation.html # Phase 7: DOC-HTML</code></pre>
952
1349
  </div>
953
1350
 
954
1351
  <div class="table-container">
955
1352
  <table>
956
1353
  <thead>
957
1354
  <tr>
958
- <th data-lang="fr">Fichier</th>
959
- <th data-lang="en">File</th>
960
- <th data-lang="fr">Genere par</th>
961
- <th data-lang="en">Generated by</th>
962
- <th data-lang="fr">Lu par</th>
963
- <th data-lang="en">Read by</th>
1355
+ <th>
1356
+ <span data-lang="fr">Fichier</span>
1357
+ <span data-lang="en">File</span>
1358
+ </th>
1359
+ <th>
1360
+ <span data-lang="fr">Genere par</span>
1361
+ <span data-lang="en">Generated by</span>
1362
+ </th>
1363
+ <th>
1364
+ <span data-lang="fr">Lu par</span>
1365
+ <span data-lang="en">Read by</span>
1366
+ </th>
964
1367
  </tr>
965
1368
  </thead>
966
1369
  <tbody>
967
1370
  <tr>
968
1371
  <td><code>01-business-requirements.md</code></td>
969
- <td>Phase 1</td>
970
- <td>Phase 2, 3</td>
971
- </tr>
972
- <tr>
973
- <td><code>02-technical-context.md</code></td>
974
1372
  <td>Phase 2</td>
975
- <td>Phase 3</td>
1373
+ <td>Phase 3, 4</td>
976
1374
  </tr>
977
1375
  <tr>
978
- <td><code>03-enriched-requirements.md</code></td>
1376
+ <td><code>02-enriched-requirements.md</code></td>
979
1377
  <td>Phase 3</td>
980
1378
  <td>Phase 4</td>
981
1379
  </tr>
982
1380
  <tr>
983
- <td><code>04-functional-spec.md</code></td>
1381
+ <td><code>03-functional-spec.md</code></td>
984
1382
  <td>Phase 4</td>
985
- <td data-lang="fr">Humain (validation), Phase 6</td>
986
- <td data-lang="en">Human (validation), Phase 6</td>
1383
+ <td>
1384
+ <span data-lang="fr">Humain (validation), Phase 6</span>
1385
+ <span data-lang="en">Human (validation), Phase 6</span>
1386
+ </td>
987
1387
  </tr>
988
1388
  <tr>
989
- <td><code>06-implementation-brief.md</code></td>
1389
+ <td><code>04-feedback-v[N].md</code></td>
1390
+ <td>Phase 5</td>
1391
+ <td>Phase 4 (iterations)</td>
1392
+ </tr>
1393
+ <tr>
1394
+ <td><code>05-implementation-brief.md</code></td>
990
1395
  <td>Phase 6</td>
991
1396
  <td><code>/implement</code></td>
992
1397
  </tr>
1398
+ <tr>
1399
+ <td><code>06-documentation.html</code></td>
1400
+ <td>Phase 7</td>
1401
+ <td>
1402
+ <span data-lang="fr">Reference et partage</span>
1403
+ <span data-lang="en">Reference &amp; sharing</span>
1404
+ </td>
1405
+ </tr>
993
1406
  </tbody>
994
1407
  </table>
995
1408
  </div>
@@ -1004,31 +1417,39 @@ npm run lint
1004
1417
 
1005
1418
  <div class="code-block">
1006
1419
  <button class="copy-btn">Copy</button>
1007
- <pre><code># Phase 1: Comprendre le besoin
1008
- /business-analyse:1-discover Je veux gerer les utilisateurs avec des roles
1420
+ <pre><code># Option 1: Mode automatique complet
1421
+ /business-analyse Je veux gerer les utilisateurs avec des roles
1422
+
1423
+ # → Phase 0 orchestre tout automatiquement
1424
+ # → Phases 1-7 s'executent en sequence
1425
+ # → Cree tous les fichiers et la documentation
1426
+
1427
+ ---
1428
+
1429
+ # Option 2: Phases individuelles pour plus de controle
1430
+
1431
+ # Phase 1: Initialiser la structure
1432
+ /business-analyse:1-init user-management
1433
+
1434
+ # Phase 2: Decouvrir le besoin
1435
+ /business-analyse:2-discover Je veux gerer les utilisateurs avec des roles
1009
1436
 
1010
1437
  # → Questions d'elicitation posees
1011
1438
  # → Agent ba-similarity verifie les doublons
1012
1439
  # → Cree: .claude/ba/user-management/01-business-requirements.md
1013
1440
 
1014
- # Phase 2: Explorer le contexte technique
1015
- /business-analyse:2-explore user-management
1016
-
1017
- # → Lance agents: explore-schema, explore-permissions, explore-api
1018
- # → Cree: .claude/ba/user-management/02-technical-context.md
1019
-
1020
1441
  # Phase 3: Analyser et enrichir
1021
1442
  /business-analyse:3-analyse user-management
1022
1443
 
1023
- # → Fusionne besoin + technique
1444
+ # → Fusionne besoin + contexte technique
1024
1445
  # → Identifie gaps et conflits
1025
- # → Cree: .claude/ba/user-management/03-enriched-requirements.md
1446
+ # → Cree: .claude/ba/user-management/02-enriched-requirements.md
1026
1447
 
1027
1448
  # Phase 4: Specifier (FRD)
1028
1449
  /business-analyse:4-specify user-management --plantuml
1029
1450
 
1030
1451
  # → Genere le FRD complet avec diagrammes
1031
- # → Cree: .claude/ba/user-management/04-functional-spec.md
1452
+ # → Cree: .claude/ba/user-management/03-functional-spec.md
1032
1453
 
1033
1454
  # Phase 5: Valider avec l'utilisateur
1034
1455
  /business-analyse:5-validate user-management
@@ -1041,10 +1462,16 @@ npm run lint
1041
1462
  /business-analyse:6-handoff user-management
1042
1463
 
1043
1464
  # → Transforme FRD en brief diff-like (anglais)
1044
- # → Cree: .claude/ba/user-management/06-implementation-brief.md
1465
+ # → Cree: .claude/ba/user-management/04-implementation-brief.md
1466
+
1467
+ # Phase 7: Generer la documentation
1468
+ /business-analyse:7-doc-html user-management
1469
+
1470
+ # → Genere documentation HTML polishe
1471
+ # → Cree: .claude/ba/user-management/05-documentation.html
1045
1472
 
1046
1473
  # Implementation
1047
- /implement .claude/ba/user-management/06-implementation-brief.md
1474
+ /implement .claude/ba/user-management/04-implementation-brief.md
1048
1475
 
1049
1476
  # → Claude Code execute le brief en oneshot</code></pre>
1050
1477
  </div>