npm - @atlashub/smartstack-cli - Versions diffs - 3.39.0 → 3.40.0 - Mend

@atlashub/smartstack-cli 3.39.0 → 3.40.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 (471) hide show

package/.documentation/apex.html +644 -644
package/.documentation/css/styles.css +2320 -2320
package/.documentation/init.html +1377 -1377
package/.documentation/js/app.js +780 -780
package/.documentation/prd-json-v2.0.0.md +396 -396
package/.documentation/testing-ba-e2e.md +462 -462
package/config/default-config.json +95 -95
package/config/mcp-defaults.json +62 -62
package/config/settings.json +53 -53
package/config/settings.local.example.json +16 -16
package/dist/index.js.map +1 -1
package/dist/mcp-entry.mjs +6 -4
package/dist/mcp-entry.mjs.map +1 -1
package/package.json +115 -115
package/scripts/extract-api-endpoints.ts +325 -325
package/scripts/extract-business-rules.ts +440 -440
package/scripts/generate-doc-with-mock-ui.ts +804 -804
package/scripts/health-check.sh +168 -168
package/scripts/postinstall.js +18 -18
package/templates/agents/action.md +37 -37
package/templates/agents/ba-reader.md +378 -378
package/templates/agents/ba-writer.md +861 -861
package/templates/agents/code-reviewer.md +163 -163
package/templates/agents/db-reader.md +149 -149
package/templates/agents/docs-context-reader.md +143 -143
package/templates/agents/docs-sync-checker.md +122 -122
package/templates/agents/efcore/conflicts.md +84 -84
package/templates/agents/efcore/db-deploy.md +74 -74
package/templates/agents/efcore/db-reset.md +85 -85
package/templates/agents/efcore/db-seed.md +61 -61
package/templates/agents/efcore/db-status.md +86 -86
package/templates/agents/efcore/migration.md +186 -186
package/templates/agents/efcore/rebase-snapshot.md +108 -108
package/templates/agents/efcore/scan.md +92 -92
package/templates/agents/efcore/squash.md +161 -161
package/templates/agents/explore-codebase.md +66 -66
package/templates/agents/explore-docs.md +98 -98
package/templates/agents/fix-grammar.md +50 -50
package/templates/agents/gitflow/abort.md +45 -45
package/templates/agents/gitflow/cleanup.md +96 -96
package/templates/agents/gitflow/commit.md +236 -236
package/templates/agents/gitflow/exec.md +48 -48
package/templates/agents/gitflow/finish.md +146 -146
package/templates/agents/gitflow/init-clone.md +199 -199
package/templates/agents/gitflow/init-detect.md +137 -137
package/templates/agents/gitflow/init-validate.md +225 -225
package/templates/agents/gitflow/init.md +340 -340
package/templates/agents/gitflow/merge.md +145 -145
package/templates/agents/gitflow/plan.md +42 -42
package/templates/agents/gitflow/pr.md +191 -191
package/templates/agents/gitflow/review.md +49 -49
package/templates/agents/gitflow/start.md +147 -147
package/templates/agents/gitflow/status.md +95 -95
package/templates/agents/mcp-healthcheck.md +163 -163
package/templates/agents/snipper.md +37 -37
package/templates/agents/websearch.md +46 -46
package/templates/hooks/appsettings-guard.sh +76 -76
package/templates/hooks/docs-drift-check.md +96 -96
package/templates/hooks/ef-migration-check.md +139 -139
package/templates/hooks/hooks.json +58 -58
package/templates/hooks/mcp-check.md +64 -64
package/templates/hooks/ralph-mcp-logger.sh +46 -46
package/templates/hooks/ralph-session-end.sh +69 -69
package/templates/hooks/stop-hook.sh +177 -177
package/templates/hooks/wsl-dotnet-cleanup.sh +24 -24
package/templates/mcp-scaffolding/component.tsx.hbs +318 -318
package/templates/mcp-scaffolding/controller.cs.hbs +192 -192
package/templates/mcp-scaffolding/entity-extension.cs.hbs +239 -239
package/templates/mcp-scaffolding/frontend/api-client.ts.hbs +116 -116
package/templates/mcp-scaffolding/frontend/nav-routes.ts.hbs +133 -133
package/templates/mcp-scaffolding/frontend/routes.tsx.hbs +126 -126
package/templates/mcp-scaffolding/migrations/seed-roles.cs.hbs +261 -261
package/templates/mcp-scaffolding/service-extension.cs.hbs +53 -53
package/templates/mcp-scaffolding/tests/controller.test.cs.hbs +436 -436
package/templates/mcp-scaffolding/tests/entity.test.cs.hbs +239 -239
package/templates/mcp-scaffolding/tests/repository.test.cs.hbs +441 -441
package/templates/mcp-scaffolding/tests/security.test.cs.hbs +442 -442
package/templates/mcp-scaffolding/tests/service.test.cs.hbs +402 -402
package/templates/mcp-scaffolding/tests/validator.test.cs.hbs +428 -428
package/templates/project/DependencyInjection.Application.cs.template +25 -25
package/templates/project/DependencyInjection.Infrastructure.cs.template +61 -61
package/templates/project/DesignTimeExtensionsDbContextFactory.cs.template +70 -70
package/templates/project/ExampleEntity.cs.template +116 -116
package/templates/project/ExampleEntityConfiguration.cs.template +64 -64
package/templates/project/ExampleService.cs.template +146 -146
package/templates/project/ExtensionsDbContext.cs.template +41 -41
package/templates/project/IExtensionsDbContext.cs.template +22 -22
package/templates/project/Program.cs.template +47 -47
package/templates/project/README.md +79 -79
package/templates/project/api.ts.template +12 -12
package/templates/project/appsettings.json.template +170 -170
package/templates/project/claude-settings.json.template +5 -5
package/templates/project/test-frontend/msw/handlers.ts +58 -58
package/templates/project/test-frontend/msw/server.ts +25 -25
package/templates/project/test-frontend/setup.ts +16 -16
package/templates/project/test-frontend/test-utils.tsx +59 -59
package/templates/project/test-frontend/vitest.config.ts +31 -31
package/templates/ralph/README.md +93 -93
package/templates/ralph/ralph.config.yaml +113 -113
package/templates/scripts/setup-ralph-loop.sh +173 -173
package/templates/skills/_resources/config-safety.md +61 -61
package/templates/skills/_resources/context-digest-template.md +53 -53
package/templates/skills/_resources/doc-context-cache.md +60 -60
package/templates/skills/_resources/docs-manifest-schema.md +155 -155
package/templates/skills/_resources/formatting-guide.md +124 -124
package/templates/skills/_resources/mcp-validate-documentation-spec.md +181 -181
package/templates/skills/_shared.md +228 -228
package/templates/skills/admin/SKILL.md +48 -48
package/templates/skills/ai-prompt/SKILL.md +107 -107
package/templates/skills/ai-prompt/steps/step-00-init.md +47 -47
package/templates/skills/ai-prompt/steps/step-01-implementation.md +122 -122
package/templates/skills/apex/SKILL.md +168 -168
package/templates/skills/apex/_shared.md +141 -141
package/templates/skills/apex/references/agent-teams-protocol.md +164 -164
package/templates/skills/apex/references/analysis-methods.md +141 -141
package/templates/skills/apex/references/challenge-questions.md +145 -145
package/templates/skills/apex/references/code-generation.md +412 -412
package/templates/skills/apex/references/core-seed-data.md +1437 -1437
package/templates/skills/apex/references/error-classification.md +144 -144
package/templates/skills/apex/references/examine-build-validation.md +82 -82
package/templates/skills/apex/references/execution-frontend-gates.md +177 -177
package/templates/skills/apex/references/execution-frontend-patterns.md +105 -105
package/templates/skills/apex/references/execution-layer1-rules.md +96 -96
package/templates/skills/apex/references/initialization-challenge-flow.md +110 -110
package/templates/skills/apex/references/planning-layer-mapping.md +151 -151
package/templates/skills/apex/references/post-checks.md +1584 -1584
package/templates/skills/apex/references/smartstack-api.md +1053 -1053
package/templates/skills/apex/references/smartstack-frontend.md +1571 -1571
package/templates/skills/apex/references/smartstack-layers.md +402 -402
package/templates/skills/apex/steps/step-00-init.md +307 -307
package/templates/skills/apex/steps/step-01-analyze.md +165 -165
package/templates/skills/apex/steps/step-02-plan.md +144 -144
package/templates/skills/apex/steps/step-03-execute.md +328 -328
package/templates/skills/apex/steps/step-04-examine.md +263 -263
package/templates/skills/apex/steps/step-05-deep-review.md +129 -129
package/templates/skills/apex/steps/step-06-resolve.md +101 -101
package/templates/skills/apex/steps/step-07-tests.md +238 -238
package/templates/skills/apex/steps/step-08-run-tests.md +125 -125
package/templates/skills/application/SKILL.md +4 -4
package/templates/skills/application/references/application-roles-template.md +227 -227
package/templates/skills/application/references/backend-controller-hierarchy.md +58 -58
package/templates/skills/application/references/backend-entity-seeding.md +72 -72
package/templates/skills/application/references/backend-seeding-and-dto-output.md +83 -83
package/templates/skills/application/references/backend-table-prefix-mapping.md +79 -79
package/templates/skills/application/references/backend-verification.md +88 -88
package/templates/skills/application/references/frontend-i18n-and-output.md +67 -67
package/templates/skills/application/references/frontend-route-naming.md +117 -117
package/templates/skills/application/references/frontend-route-wiring-app-tsx.md +107 -107
package/templates/skills/application/references/frontend-verification.md +156 -156
package/templates/skills/application/references/migration-checklist-troubleshooting.md +1 -1
package/templates/skills/application/references/provider-template.md +177 -177
package/templates/skills/application/references/roles-client-project-handling.md +55 -55
package/templates/skills/application/references/roles-fallback-procedure.md +149 -149
package/templates/skills/application/references/test-coverage-requirements.md +213 -213
package/templates/skills/application/references/test-frontend.md +73 -73
package/templates/skills/application/references/test-prerequisites.md +72 -72
package/templates/skills/application/steps/step-05-frontend.md +176 -176
package/templates/skills/application/steps/step-06-migration.md +193 -193
package/templates/skills/application/steps/step-07-tests.md +356 -356
package/templates/skills/application/steps/step-08-documentation.md +137 -137
package/templates/skills/application/templates-backend.md +463 -463
package/templates/skills/application/templates-frontend.md +685 -685
package/templates/skills/application/templates-i18n.md +520 -520
package/templates/skills/application/templates-seed.md +1096 -1096
package/templates/skills/business-analyse/SKILL.md +327 -327
package/templates/skills/business-analyse/_architecture.md +123 -123
package/templates/skills/business-analyse/_elicitation.md +206 -206
package/templates/skills/business-analyse/_module-loop.md +115 -115
package/templates/skills/business-analyse/_shared.md +383 -383
package/templates/skills/business-analyse/_suggestions.md +34 -34
package/templates/skills/business-analyse/html/ba-interactive.html +4477 -4477
package/templates/skills/business-analyse/html/build-html.js +77 -77
package/templates/skills/business-analyse/html/src/scripts/01-data-init.js +150 -150
package/templates/skills/business-analyse/html/src/scripts/02-navigation.js +227 -227
package/templates/skills/business-analyse/html/src/scripts/03-render-cadrage.js +199 -199
package/templates/skills/business-analyse/html/src/scripts/04-render-modules.js +205 -205
package/templates/skills/business-analyse/html/src/scripts/05-render-specs.js +647 -647
package/templates/skills/business-analyse/html/src/scripts/06-render-consolidation.js +195 -195
package/templates/skills/business-analyse/html/src/scripts/07-render-handoff.js +92 -92
package/templates/skills/business-analyse/html/src/scripts/08-editing.js +135 -135
package/templates/skills/business-analyse/html/src/scripts/09-export.js +168 -168
package/templates/skills/business-analyse/html/src/scripts/10-comments.js +171 -171
package/templates/skills/business-analyse/html/src/scripts/11-review-panel.js +166 -166
package/templates/skills/business-analyse/html/src/styles/01-variables.css +38 -38
package/templates/skills/business-analyse/html/src/styles/02-layout.css +101 -101
package/templates/skills/business-analyse/html/src/styles/03-navigation.css +120 -120
package/templates/skills/business-analyse/html/src/styles/04-cards.css +196 -196
package/templates/skills/business-analyse/html/src/styles/05-modules.css +454 -454
package/templates/skills/business-analyse/html/src/styles/06-wireframes.css +272 -272
package/templates/skills/business-analyse/html/src/styles/07-comments.css +184 -184
package/templates/skills/business-analyse/html/src/styles/08-review-panel.css +241 -241
package/templates/skills/business-analyse/html/src/template.html +516 -516
package/templates/skills/business-analyse/patterns/suggestion-catalog.md +546 -546
package/templates/skills/business-analyse/questionnaire/00-application.md +160 -160
package/templates/skills/business-analyse/questionnaire/00b-project.md +85 -85
package/templates/skills/business-analyse/questionnaire/01-context.md +185 -185
package/templates/skills/business-analyse/questionnaire/02-stakeholders.md +189 -189
package/templates/skills/business-analyse/questionnaire/03-scope.md +164 -164
package/templates/skills/business-analyse/questionnaire/04-data.md +88 -88
package/templates/skills/business-analyse/questionnaire/05-integrations.md +58 -58
package/templates/skills/business-analyse/questionnaire/06-security.md +68 -68
package/templates/skills/business-analyse/questionnaire/07-ui.md +76 -76
package/templates/skills/business-analyse/questionnaire/08-performance.md +42 -42
package/templates/skills/business-analyse/questionnaire/09-constraints.md +45 -45
package/templates/skills/business-analyse/questionnaire/10-documentation.md +43 -43
package/templates/skills/business-analyse/questionnaire/11-data-lifecycle.md +59 -59
package/templates/skills/business-analyse/questionnaire/12-migration.md +58 -58
package/templates/skills/business-analyse/questionnaire/13-cross-module.md +69 -69
package/templates/skills/business-analyse/questionnaire/14-risk-assumptions.md +135 -135
package/templates/skills/business-analyse/questionnaire/15-success-metrics.md +136 -136
package/templates/skills/business-analyse/questionnaire.md +337 -337
package/templates/skills/business-analyse/react/application-viewer.md +242 -242
package/templates/skills/business-analyse/react/components.md +551 -551
package/templates/skills/business-analyse/react/i18n-template.md +306 -306
package/templates/skills/business-analyse/references/acceptance-criteria.md +169 -169
package/templates/skills/business-analyse/references/agent-module-prompt.md +362 -362
package/templates/skills/business-analyse/references/agent-pooling-best-practices.md +557 -557
package/templates/skills/business-analyse/references/analysis-semantic-checks.md +190 -190
package/templates/skills/business-analyse/references/cache-warming-strategy.md +566 -566
package/templates/skills/business-analyse/references/cadrage-challenge-patterns.md +41 -41
package/templates/skills/business-analyse/references/cadrage-coverage-matrix.md +74 -74
package/templates/skills/business-analyse/references/cadrage-pre-analysis.md +115 -115
package/templates/skills/business-analyse/references/cadrage-shared-modules.md +68 -69
package/templates/skills/business-analyse/references/cadrage-structure-cards.md +85 -85
package/templates/skills/business-analyse/references/compilation-structure-cards.md +297 -297
package/templates/skills/business-analyse/references/consolidation-structural-checks.md +107 -107
package/templates/skills/business-analyse/references/deploy-data-build.md +180 -180
package/templates/skills/business-analyse/references/deploy-modes.md +118 -118
package/templates/skills/business-analyse/references/detection-strategies.md +424 -424
package/templates/skills/business-analyse/references/entity-architecture-decision.md +218 -218
package/templates/skills/business-analyse/references/handoff-file-templates.md +120 -120
package/templates/skills/business-analyse/references/handoff-mappings.md +81 -81
package/templates/skills/business-analyse/references/handoff-seeddata-generation.md +312 -312
package/templates/skills/business-analyse/references/html-data-mapping.md +299 -299
package/templates/skills/business-analyse/references/init-schema-deployment.md +65 -65
package/templates/skills/business-analyse/references/naming-conventions.md +243 -243
package/templates/skills/business-analyse/references/prd-generation.md +258 -258
package/templates/skills/business-analyse/references/review-data-mapping.md +363 -363
package/templates/skills/business-analyse/references/robustness-checks.md +542 -542
package/templates/skills/business-analyse/references/spec-auto-inference.md +111 -111
package/templates/skills/business-analyse/references/team-orchestration.md +1022 -1022
package/templates/skills/business-analyse/references/ui-dashboard-spec.md +85 -85
package/templates/skills/business-analyse/references/ui-resource-cards.md +259 -259
package/templates/skills/business-analyse/references/validate-incremental-html.md +121 -121
package/templates/skills/business-analyse/references/validation-checklist.md +347 -347
package/templates/skills/business-analyse/references/wireframe-svg-style-guide.md +335 -335
package/templates/skills/business-analyse/schemas/application-schema.json +453 -453
package/templates/skills/business-analyse/schemas/feature-schema.json +53 -53
package/templates/skills/business-analyse/schemas/project-schema.json +485 -485
package/templates/skills/business-analyse/schemas/sections/analysis-schema.json +201 -201
package/templates/skills/business-analyse/schemas/sections/discovery-schema.json +82 -82
package/templates/skills/business-analyse/schemas/sections/handoff-schema.json +80 -80
package/templates/skills/business-analyse/schemas/sections/metadata-schema.json +70 -70
package/templates/skills/business-analyse/schemas/sections/specification-schema.json +547 -547
package/templates/skills/business-analyse/schemas/sections/validation-schema.json +93 -93
package/templates/skills/business-analyse/schemas/shared/common-defs.json +226 -226
package/templates/skills/business-analyse/steps/step-00-init.md +575 -576
package/templates/skills/business-analyse/steps/step-01-cadrage.md +767 -767
package/templates/skills/business-analyse/steps/step-01b-applications.md +419 -419
package/templates/skills/business-analyse/steps/step-02-decomposition.md +387 -387
package/templates/skills/business-analyse/steps/step-03a-data.md +16 -16
package/templates/skills/business-analyse/steps/step-03a1-setup.md +506 -506
package/templates/skills/business-analyse/steps/step-03a2-analysis.md +252 -252
package/templates/skills/business-analyse/steps/step-03b-ui.md +425 -425
package/templates/skills/business-analyse/steps/step-03c-compile.md +611 -611
package/templates/skills/business-analyse/steps/step-03d-validate.md +783 -783
package/templates/skills/business-analyse/steps/step-04-consolidation.md +17 -17
package/templates/skills/business-analyse/steps/step-04a-collect.md +415 -415
package/templates/skills/business-analyse/steps/step-04b-analyze.md +163 -163
package/templates/skills/business-analyse/steps/step-04c-decide.md +186 -186
package/templates/skills/business-analyse/steps/step-05a-handoff.md +840 -840
package/templates/skills/business-analyse/steps/step-05b-deploy.md +522 -522
package/templates/skills/business-analyse/steps/step-05c-ralph-readiness.md +703 -703
package/templates/skills/business-analyse/steps/step-06-review.md +278 -278
package/templates/skills/business-analyse/templates/tpl-frd.md +168 -168
package/templates/skills/business-analyse/templates/tpl-handoff.md +186 -186
package/templates/skills/business-analyse/templates/tpl-launch-displays.md +59 -59
package/templates/skills/business-analyse/templates/tpl-progress.md +172 -172
package/templates/skills/business-analyse/templates-frd.md +476 -476
package/templates/skills/business-analyse/templates-react.md +574 -574
package/templates/skills/cc-agent/SKILL.md +129 -129
package/templates/skills/cc-agent/references/agent-behavior-patterns.md +95 -95
package/templates/skills/cc-agent/references/agent-frontmatter.md +213 -213
package/templates/skills/cc-agent/references/permission-modes.md +102 -102
package/templates/skills/cc-agent/references/tools-reference.md +144 -144
package/templates/skills/cc-agent/steps/step-00-init.md +134 -134
package/templates/skills/cc-agent/steps/step-01-design.md +186 -186
package/templates/skills/cc-agent/steps/step-02-generate.md +131 -131
package/templates/skills/cc-agent/steps/step-03-validate.md +130 -130
package/templates/skills/cc-agent/templates/agent-categorized.md +67 -67
package/templates/skills/cc-agent/templates/agent-standalone.md +56 -56
package/templates/skills/cc-agent/templates/agent-with-skills.md +94 -94
package/templates/skills/cc-audit/SKILL.md +108 -108
package/templates/skills/cc-audit/references/agent-checklist.md +91 -91
package/templates/skills/cc-audit/references/hook-checklist.md +110 -110
package/templates/skills/cc-audit/references/skill-checklist.md +70 -70
package/templates/skills/cc-audit/steps/step-00-init.md +98 -98
package/templates/skills/cc-audit/steps/step-01-scan.md +142 -142
package/templates/skills/cc-audit/steps/step-02-analyze.md +158 -158
package/templates/skills/cc-audit/steps/step-03-report.md +142 -142
package/templates/skills/cc-skill/SKILL.md +134 -134
package/templates/skills/cc-skill/references/best-practices.md +167 -167
package/templates/skills/cc-skill/references/frontmatter-reference.md +182 -182
package/templates/skills/cc-skill/references/skill-patterns.md +199 -199
package/templates/skills/cc-skill/steps/step-00-init.md +119 -119
package/templates/skills/cc-skill/steps/step-01-design.md +199 -199
package/templates/skills/cc-skill/steps/step-02-generate.md +145 -145
package/templates/skills/cc-skill/steps/step-03-steps.md +151 -151
package/templates/skills/cc-skill/steps/step-04-validate.md +124 -124
package/templates/skills/cc-skill/templates/skill-forked.md +85 -85
package/templates/skills/cc-skill/templates/skill-progressive.md +102 -102
package/templates/skills/cc-skill/templates/skill-simple.md +75 -75
package/templates/skills/cc-skill/templates/step-template.md +82 -82
package/templates/skills/check-version/SKILL.md +196 -196
package/templates/skills/controller/SKILL.md +162 -162
package/templates/skills/controller/postman-templates.md +614 -614
package/templates/skills/controller/references/controller-code-templates.md +159 -159
package/templates/skills/controller/references/mcp-scaffold-workflow.md +209 -209
package/templates/skills/controller/references/permission-sync-templates.md +149 -149
package/templates/skills/controller/steps/step-00-init.md +193 -191
package/templates/skills/controller/steps/step-01-analyze.md +146 -146
package/templates/skills/controller/steps/step-02-plan.md +176 -176
package/templates/skills/controller/steps/step-03-generate.md +189 -189
package/templates/skills/controller/steps/step-04-perms.md +80 -80
package/templates/skills/controller/steps/step-05-validate.md +107 -107
package/templates/skills/controller/templates.md +1555 -1555
package/templates/skills/debug/SKILL.md +70 -70
package/templates/skills/debug/references/team-protocol.md +232 -232
package/templates/skills/debug/steps/step-00-init.md +57 -57
package/templates/skills/debug/steps/step-01-analyze.md +219 -219
package/templates/skills/debug/steps/step-02-resolve.md +85 -85
package/templates/skills/documentation/SKILL.md +132 -132
package/templates/skills/documentation/data-schema.md +227 -227
package/templates/skills/documentation/steps/step-00-init.md +70 -70
package/templates/skills/documentation/steps/step-01-scan.md +113 -113
package/templates/skills/documentation/steps/step-02-generate.md +231 -231
package/templates/skills/documentation/steps/step-03-validate.md +251 -238
package/templates/skills/documentation/templates.md +662 -663
package/templates/skills/efcore/SKILL.md +167 -167
package/templates/skills/efcore/references/both-contexts.md +32 -32
package/templates/skills/efcore/references/database-operations.md +67 -67
package/templates/skills/efcore/references/destructive-operations.md +38 -38
package/templates/skills/efcore/references/reset-operations.md +81 -81
package/templates/skills/efcore/references/seed-methods.md +86 -86
package/templates/skills/efcore/references/shared-init-functions.md +250 -250
package/templates/skills/efcore/references/sql-objects-injection.md +61 -61
package/templates/skills/efcore/references/troubleshooting.md +81 -81
package/templates/skills/efcore/references/zero-downtime-patterns.md +227 -227
package/templates/skills/efcore/steps/db/step-deploy.md +217 -217
package/templates/skills/efcore/steps/db/step-reset.md +186 -186
package/templates/skills/efcore/steps/db/step-seed.md +166 -166
package/templates/skills/efcore/steps/db/step-status.md +173 -173
package/templates/skills/efcore/steps/migration/step-00-init.md +102 -102
package/templates/skills/efcore/steps/migration/step-01-check.md +164 -164
package/templates/skills/efcore/steps/migration/step-02-create.md +160 -160
package/templates/skills/efcore/steps/migration/step-03-validate.md +168 -168
package/templates/skills/efcore/steps/rebase-snapshot/step-00-init.md +173 -173
package/templates/skills/efcore/steps/rebase-snapshot/step-01-backup.md +100 -100
package/templates/skills/efcore/steps/rebase-snapshot/step-02-fetch.md +115 -115
package/templates/skills/efcore/steps/rebase-snapshot/step-03-create.md +112 -112
package/templates/skills/efcore/steps/rebase-snapshot/step-04-validate.md +157 -157
package/templates/skills/efcore/steps/shared/step-00-init.md +131 -131
package/templates/skills/efcore/steps/squash/step-00-init.md +141 -141
package/templates/skills/efcore/steps/squash/step-01-backup.md +120 -120
package/templates/skills/efcore/steps/squash/step-02-fetch.md +168 -168
package/templates/skills/efcore/steps/squash/step-03-create.md +184 -184
package/templates/skills/efcore/steps/squash/step-04-validate.md +174 -174
package/templates/skills/explore/SKILL.md +98 -98
package/templates/skills/feature-full/SKILL.md +111 -111
package/templates/skills/feature-full/steps/step-00-init.md +57 -57
package/templates/skills/feature-full/steps/step-01-implementation.md +120 -120
package/templates/skills/gitflow/SKILL.md +377 -377
package/templates/skills/gitflow/_shared.md +620 -620
package/templates/skills/gitflow/phases/abort.md +189 -189
package/templates/skills/gitflow/phases/cleanup.md +234 -234
package/templates/skills/gitflow/phases/status.md +192 -192
package/templates/skills/gitflow/references/commit-message-generation.md +58 -58
package/templates/skills/gitflow/references/commit-migration-validation.md +49 -49
package/templates/skills/gitflow/references/finish-cleanup.md +55 -55
package/templates/skills/gitflow/references/finish-version-bumping.md +45 -45
package/templates/skills/gitflow/references/init-config-template.md +135 -135
package/templates/skills/gitflow/references/init-environment-detection.md +41 -41
package/templates/skills/gitflow/references/init-name-normalization.md +103 -103
package/templates/skills/gitflow/references/init-questions.md +185 -185
package/templates/skills/gitflow/references/init-structure-creation.md +75 -75
package/templates/skills/gitflow/references/init-version-detection.md +21 -21
package/templates/skills/gitflow/references/init-workspace-detection.md +43 -43
package/templates/skills/gitflow/references/merge-ci-status.md +36 -36
package/templates/skills/gitflow/references/merge-execution.md +62 -62
package/templates/skills/gitflow/references/merge-pr-context.md +76 -76
package/templates/skills/gitflow/references/plan-template.md +69 -69
package/templates/skills/gitflow/references/pr-build-checks.md +60 -60
package/templates/skills/gitflow/references/pr-generation.md +58 -58
package/templates/skills/gitflow/references/start-branch-normalization.md +28 -28
package/templates/skills/gitflow/references/start-efcore-preflight.md +70 -70
package/templates/skills/gitflow/references/start-local-config.md +113 -113
package/templates/skills/gitflow/references/start-worktree-creation.md +50 -50
package/templates/skills/gitflow/references/sync-push-verify.md +44 -44
package/templates/skills/gitflow/references/sync-rebase-conflicts.md +38 -38
package/templates/skills/gitflow/steps/step-commit.md +199 -199
package/templates/skills/gitflow/steps/step-finish.md +147 -147
package/templates/skills/gitflow/steps/step-init.md +190 -190
package/templates/skills/gitflow/steps/step-merge.md +85 -85
package/templates/skills/gitflow/steps/step-plan.md +151 -151
package/templates/skills/gitflow/steps/step-pr.md +199 -199
package/templates/skills/gitflow/steps/step-start.md +195 -195
package/templates/skills/gitflow/steps/step-sync.md +161 -161
package/templates/skills/gitflow/templates/config.json +72 -72
package/templates/skills/mcp/SKILL.md +62 -62
package/templates/skills/mcp/steps/step-01-healthcheck.md +108 -108
package/templates/skills/mcp/steps/step-02-tools.md +73 -73
package/templates/skills/notification/SKILL.md +173 -173
package/templates/skills/quick-search/SKILL.md +99 -99
package/templates/skills/ralph-loop/SKILL.md +234 -234
package/templates/skills/ralph-loop/references/category-completeness.md +185 -185
package/templates/skills/ralph-loop/references/category-rules.md +96 -96
package/templates/skills/ralph-loop/references/compact-loop.md +300 -300
package/templates/skills/ralph-loop/references/init-resume-recovery.md +127 -127
package/templates/skills/ralph-loop/references/module-transition.md +151 -151
package/templates/skills/ralph-loop/references/multi-module-queue.md +171 -171
package/templates/skills/ralph-loop/references/parallel-execution.md +246 -246
package/templates/skills/ralph-loop/references/section-splitting.md +439 -439
package/templates/skills/ralph-loop/references/task-transform-legacy.md +256 -256
package/templates/skills/ralph-loop/references/team-orchestration.md +547 -547
package/templates/skills/ralph-loop/steps/step-00-init.md +150 -150
package/templates/skills/ralph-loop/steps/step-01-task.md +174 -174
package/templates/skills/ralph-loop/steps/step-02-execute.md +177 -177
package/templates/skills/ralph-loop/steps/step-03-commit.md +92 -92
package/templates/skills/ralph-loop/steps/step-04-check.md +207 -207
package/templates/skills/ralph-loop/steps/step-05-report.md +175 -175
package/templates/skills/refactor/SKILL.md +56 -56
package/templates/skills/refactor/steps/step-01-discover.md +60 -60
package/templates/skills/refactor/steps/step-02-execute.md +67 -67
package/templates/skills/review-code/SKILL.md +94 -94
package/templates/skills/review-code/references/clean-code-principles.md +292 -292
package/templates/skills/review-code/references/code-quality-metrics.md +174 -174
package/templates/skills/review-code/references/feedback-patterns.md +149 -149
package/templates/skills/review-code/references/owasp-api-top10.md +243 -243
package/templates/skills/review-code/references/security-checklist.md +212 -212
package/templates/skills/review-code/steps/step-01-smartstack.md +96 -96
package/templates/skills/review-code/steps/step-02-detailed-review.md +80 -80
package/templates/skills/review-code/steps/step-03-react.md +44 -44
package/templates/skills/ui-components/SKILL.md +137 -137
package/templates/skills/ui-components/accessibility.md +170 -170
package/templates/skills/ui-components/patterns/dashboard-chart.md +327 -327
package/templates/skills/ui-components/patterns/data-table.md +39 -39
package/templates/skills/ui-components/patterns/entity-card.md +77 -77
package/templates/skills/ui-components/patterns/grid-layout.md +91 -91
package/templates/skills/ui-components/patterns/kanban.md +43 -43
package/templates/skills/ui-components/responsive-guidelines.md +278 -278
package/templates/skills/ui-components/style-guide.md +113 -113
package/templates/skills/utils/SKILL.md +44 -44
package/templates/skills/utils/subcommands/test-web-config.md +152 -152
package/templates/skills/utils/subcommands/test-web.md +123 -123
package/templates/skills/validate/SKILL.md +181 -181
package/templates/skills/validate-feature/SKILL.md +101 -101
package/templates/skills/validate-feature/references/api-smoke-tests.md +140 -140
package/templates/skills/validate-feature/references/db-validation-checks.md +180 -180
package/templates/skills/validate-feature/steps/step-00-dependencies.md +121 -121
package/templates/skills/validate-feature/steps/step-01-compile.md +39 -39
package/templates/skills/validate-feature/steps/step-02-unit-tests.md +45 -45
package/templates/skills/validate-feature/steps/step-03-integration-tests.md +53 -53
package/templates/skills/validate-feature/steps/step-04-api-smoke.md +94 -94
package/templates/skills/validate-feature/steps/step-05-db-validation.md +149 -149
package/templates/skills/workflow/SKILL.md +127 -127
package/templates/skills/workflow/steps/step-00-init.md +57 -57
package/templates/skills/workflow/steps/step-01-implementation.md +84 -84
package/templates/test-web/api-health.json +38 -38
package/templates/test-web/minimal.json +19 -19
package/templates/test-web/npm-package.json +46 -46
package/templates/test-web/seo-check.json +54 -54

package/templates/skills/business-analyse/html/src/template.html CHANGED Viewed

@@ -1,516 +1,516 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{APPLICATION_NAME}} - Analyse metier</title>
-    <style>
-<!-- CSS_PLACEHOLDER -->
-    </style>
-</head>
-<body>
-    <div class="app">
-        <!-- ============================================
-             HEADER
-             ============================================ -->
-        <header class="header">
-            <div class="header-logo">BA</div>
-            <span class="header-title">Analyse metier</span>
-            <div class="header-sep"></div>
-            <span class="header-app-name" id="appName">{{APPLICATION_NAME}}</span>
-            <div class="header-spacer"></div>
-            <div class="header-actions">
-                <button class="btn btn-sm" onclick="resetToEmbedded()" title="Reinitialiser depuis les donnees d'origine (supprime les modifications locales)">Reset</button>
-                <button class="btn btn-sm" onclick="saveToLocalStorage()" title="Sauvegarder les modifications dans le navigateur">Sauvegarder</button>
-                <button class="btn btn-sm btn-review" onclick="saveReviewJSON()" title="Sauvegarder les corrections pour creer une nouvelle version">Sauvegarder corrections</button>
-                <button class="btn btn-sm btn-primary" onclick="exportJSON()" title="Exporter les donnees au format JSON pour l'extraction">Exporter JSON</button>
-                <button class="btn btn-sm review-toggle-btn" id="reviewToggleBtn" onclick="toggleReviewPanel()" title="Ouvrir/fermer le panneau de review">
-                    Review
-                    <span class="review-badge hidden" id="reviewBadge">0</span>
-                </button>
-            </div>
-        </header>
-        <div class="body" id="appBody">
-            <!-- ============================================
-                 SIDEBAR - Navigation hierarchique
-                 ============================================ -->
-            <aside class="sidebar">
-                <!-- Application Name -->
-                <div class="sidebar-header">
-                    <span class="sidebar-app-name" id="sidebarAppName">{{APPLICATION_NAME}}</span>
-                </div>
-                <!-- Dynamic Tree Navigation -->
-                <div id="sidebarNav">
-                    <!-- Populated by buildNavTree() -->
-                </div>
-            </aside>
-            <!-- ============================================
-                 MAIN CONTENT
-                 ============================================ -->
-            <main class="main" id="mainContent">
-                <!-- SECTION: Contexte (merged: problem + current + vision) -->
-                <div class="section" id="cadrage-context">
-                    <h2 class="section-title">Contexte du projet</h2>
-                    <p class="section-subtitle">Vue synthetique du besoin : probleme, situation actuelle et objectif vise.</p>
-                    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;">
-                        <div class="card" style="border-left:3px solid #f87171;">
-                            <div class="card-label" style="color:#f87171;">Probleme identifie</div>
-                            <div class="editable" contenteditable="true" data-field="context.problem" data-placeholder="Quel probleme ce projet doit-il resoudre ?"></div>
-                            <div style="margin-top:0.75rem;font-size:0.8rem;color:var(--text-muted);">
-                                <strong>Declencheur :</strong>
-                                <div class="editable" contenteditable="true" data-field="context.trigger" data-placeholder="Evenement declencheur" style="display:inline;"></div>
-                            </div>
-                        </div>
-                        <div class="card" style="border-left:3px solid #facc15;">
-                            <div class="card-label" style="color:#facc15;">Aujourd'hui</div>
-                            <div class="editable" contenteditable="true" data-field="context.currentSituation" data-placeholder="Comment les choses fonctionnent actuellement ?"></div>
-                            <div style="margin-top:0.75rem;font-size:0.8rem;color:var(--text-muted);">
-                                <strong>Points douleur :</strong>
-                                <div class="editable" contenteditable="true" data-field="context.painPoints" data-placeholder="Problemes recurrents" style="display:inline;"></div>
-                            </div>
-                        </div>
-                        <div class="card" style="border-left:3px solid #4ade80;">
-                            <div class="card-label" style="color:#4ade80;">Objectif</div>
-                            <div class="editable" contenteditable="true" data-field="context.desiredSituation" data-placeholder="Que doit permettre le systeme cible ?"></div>
-                            <div style="margin-top:0.75rem;font-size:0.8rem;color:var(--text-muted);">
-                                <strong>Criteres :</strong>
-                                <div class="editable" contenteditable="true" data-field="context.acceptanceCriteria" data-placeholder="Criteres de succes" style="display:inline;"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- SECTION: Parties prenantes -->
-                <div class="section" id="cadrage-stakeholders" style="display:none;">
-                    <h2 class="section-title">Parties prenantes</h2>
-                    <p class="section-subtitle">Toutes les personnes concernees par ce projet et leurs besoins.</p>
-                    <div class="stakeholder-grid" id="stakeholderGrid">
-                        <!-- Populated dynamically -->
-                    </div>
-                    <button class="add-btn" onclick="toggleForm('addStakeholderForm')">+ Ajouter un profil utilisateur</button>
-                    <div class="inline-form" id="addStakeholderForm">
-                        <div class="inline-form-title">Nouveau profil utilisateur</div>
-                        <div class="form-group">
-                            <label class="form-label">Titre du profil (exemple : Responsable de production)</label>
-                            <input type="text" class="form-input" id="sh-role" placeholder="Titre ou description du profil">
-                        </div>
-                        <div class="form-group">
-                            <label class="form-label">Fonction dans l'entreprise</label>
-                            <input type="text" class="form-input" id="sh-function" placeholder="Ce qu'il fait dans l'organisation">
-                        </div>
-                        <div class="form-group">
-                            <label class="form-label">Taches principales (une par ligne)</label>
-                            <textarea class="form-textarea" id="sh-tasks" placeholder="Tache 1&#10;Tache 2&#10;Tache 3"></textarea>
-                        </div>
-                        <div class="form-row">
-                            <div class="form-group">
-                                <label class="form-label">Frequence d'utilisation</label>
-                                <select class="form-select" id="sh-frequency">
-                                    <option value="daily">Quotidienne</option>
-                                    <option value="weekly">Hebdomadaire</option>
-                                    <option value="monthly">Mensuelle</option>
-                                    <option value="occasional">Occasionnelle</option>
-                                </select>
-                            </div>
-                            <div class="form-group">
-                                <label class="form-label">Niveau d'acces</label>
-                                <select class="form-select" id="sh-access">
-                                    <option value="admin">Administration complete</option>
-                                    <option value="manager">Supervision et validation</option>
-                                    <option value="contributor">Saisie et modification</option>
-                                    <option value="viewer">Consultation seule</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label class="form-label">Frustrations actuelles</label>
-                            <textarea class="form-textarea" id="sh-frustrations" placeholder="Quelles sont les 2-3 plus grandes frustrations de ce profil avec la facon de travailler actuelle ?"></textarea>
-                        </div>
-                        <div class="form-actions">
-                            <button class="btn" onclick="toggleForm('addStakeholderForm')">Annuler</button>
-                            <button class="btn btn-primary" onclick="addStakeholder()">Ajouter ce profil</button>
-                        </div>
-                    </div>
-                </div>
-                <!-- SECTION: Perimetre fonctionnel -->
-                <div class="section" id="cadrage-scope" style="display:none;">
-                    <h2 class="section-title">Perimetre fonctionnel</h2>
-                    <p class="section-subtitle">Ce que le systeme doit faire et ne pas faire, par ordre de priorite.</p>
-                    <h3 style="color: var(--text-bright); font-size: 1rem; margin-bottom: 0.75rem;">
-                        <span style="color: #f87171;">&#9632;</span> Fonctionnalites indispensables
-                    </h3>
-                    <div id="scopeVital" class="uc-list"></div>
-                    <button class="add-btn" onclick="toggleForm('addScopeForm-vital')">+ Ajouter une fonctionnalite indispensable</button>
-                    <div class="inline-form" id="addScopeForm-vital">
-                        <div class="form-group"><label class="form-label">Nom de la fonctionnalite</label><input type="text" class="form-input" id="scope-name-vital" placeholder="Ex: Gestion des commandes"></div>
-                        <div class="form-group"><label class="form-label">Description (optionnel)</label><input type="text" class="form-input" id="scope-desc-vital" placeholder="Courte description"></div>
-                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-vital')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('vital')">Ajouter</button></div>
-                    </div>
-                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 1.5rem 0 0.75rem;">
-                        <span style="color: #facc15;">&#9632;</span> Fonctionnalites importantes
-                    </h3>
-                    <div id="scopeImportant" class="uc-list"></div>
-                    <button class="add-btn" onclick="toggleForm('addScopeForm-important')">+ Ajouter une fonctionnalite importante</button>
-                    <div class="inline-form" id="addScopeForm-important">
-                        <div class="form-group"><label class="form-label">Nom de la fonctionnalite</label><input type="text" class="form-input" id="scope-name-important" placeholder="Ex: Export PDF"></div>
-                        <div class="form-group"><label class="form-label">Description (optionnel)</label><input type="text" class="form-input" id="scope-desc-important" placeholder="Courte description"></div>
-                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-important')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('important')">Ajouter</button></div>
-                    </div>
-                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 1.5rem 0 0.75rem;">
-                        <span style="color: #4ade80;">&#9632;</span> Fonctionnalites optionnelles
-                    </h3>
-                    <div id="scopeOptional" class="uc-list"></div>
-                    <button class="add-btn" onclick="toggleForm('addScopeForm-optional')">+ Ajouter une fonctionnalite optionnelle</button>
-                    <div class="inline-form" id="addScopeForm-optional">
-                        <div class="form-group"><label class="form-label">Nom de la fonctionnalite</label><input type="text" class="form-input" id="scope-name-optional" placeholder="Ex: Calendrier partage"></div>
-                        <div class="form-group"><label class="form-label">Description (optionnel)</label><input type="text" class="form-input" id="scope-desc-optional" placeholder="Courte description"></div>
-                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-optional')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('optional')">Ajouter</button></div>
-                    </div>
-                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 1.5rem 0 0.75rem;">
-                        <span style="color: #94a3b8;">&#9632;</span> Hors perimetre
-                    </h3>
-                    <div id="scopeExcluded" class="uc-list"></div>
-                    <button class="add-btn" onclick="toggleForm('addScopeForm-excluded')">+ Ajouter une exclusion</button>
-                    <div class="inline-form" id="addScopeForm-excluded">
-                        <div class="form-group"><label class="form-label">Element hors perimetre</label><input type="text" class="form-input" id="scope-name-excluded" placeholder="Ex: Gestion de la paie"></div>
-                        <div class="form-group"><label class="form-label">Raison (optionnel)</label><input type="text" class="form-input" id="scope-desc-excluded" placeholder="Pourquoi hors perimetre"></div>
-                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-excluded')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('excluded')">Ajouter</button></div>
-                    </div>
-                </div>
-                <!-- SECTION: Risques et hypotheses -->
-                <div class="section" id="cadrage-risks" style="display:none;">
-                    <h2 class="section-title">Risques et hypotheses</h2>
-                    <p class="section-subtitle">Ce qui pourrait mal tourner et les certitudes non verifiees.</p>
-                    <h3 style="color: var(--text-bright); font-size: 1rem; margin-bottom: 0.75rem;">Risques identifies</h3>
-                    <div id="risksList"></div>
-                    <button class="add-btn" onclick="toggleForm('addRiskForm')">+ Ajouter un risque</button>
-                    <div class="inline-form" id="addRiskForm">
-                        <div class="inline-form-title">Nouveau risque</div>
-                        <div class="form-group">
-                            <label class="form-label">Description du risque</label>
-                            <input type="text" class="form-input" id="risk-desc" placeholder="Qu'est-ce qui pourrait mal tourner ?">
-                        </div>
-                        <div class="form-row">
-                            <div class="form-group">
-                                <label class="form-label">Probabilite</label>
-                                <select class="form-select" id="risk-probability">
-                                    <option value="high">Forte</option>
-                                    <option value="medium">Moyenne</option>
-                                    <option value="low">Faible</option>
-                                </select>
-                            </div>
-                            <div class="form-group">
-                                <label class="form-label">Impact</label>
-                                <select class="form-select" id="risk-impact">
-                                    <option value="high">Grave</option>
-                                    <option value="medium">Moyen</option>
-                                    <option value="low">Faible</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label class="form-label">Mesure de prevention ou de reduction</label>
-                            <textarea class="form-textarea" id="risk-mitigation" placeholder="Comment prevenir ou reduire ce risque ?"></textarea>
-                        </div>
-                        <div class="form-actions">
-                            <button class="btn" onclick="toggleForm('addRiskForm')">Annuler</button>
-                            <button class="btn btn-primary" onclick="addRisk()">Ajouter ce risque</button>
-                        </div>
-                    </div>
-                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 2rem 0 0.75rem;">Hypotheses a verifier</h3>
-                    <div class="card">
-                        <div class="editable" contenteditable="true" data-field="risks.assumptions" data-placeholder="Quelles hypotheses faites-vous sur ce projet sans les avoir verifiees ? (une par ligne)"></div>
-                    </div>
-                </div>
-                <!-- SECTION: Criteres de reussite -->
-                <div class="section" id="cadrage-success" style="display:none;">
-                    <h2 class="section-title">Criteres de reussite</h2>
-                    <p class="section-subtitle">Comment mesurer objectivement que le projet est un succes.</p>
-                    <div class="card">
-                        <div class="card-label">Definition du succes</div>
-                        <div class="editable" contenteditable="true" data-field="success.definition" data-placeholder="Comment saurez-vous que le projet est un succes ? Quel changement concret observerez-vous ?"></div>
-                    </div>
-                    <div class="card" data-vibe-hide>
-                        <div class="card-label">Objectifs mesurables</div>
-                        <div class="editable" contenteditable="true" data-field="success.metrics" data-placeholder="Quels chiffres presenteriez-vous a votre direction pour prouver le succes ? (temps, erreurs, satisfaction...)"></div>
-                    </div>
-                    <div class="card" data-vibe-hide>
-                        <div class="card-label">Delai d'evaluation</div>
-                        <div class="editable" contenteditable="true" data-field="success.timeline" data-placeholder="Au bout de combien de temps pourrez-vous juger si ca fonctionne ? 1 semaine ? 1 mois ? 3 mois ?"></div>
-                    </div>
-                    <div class="card" data-vibe-hide>
-                        <div class="card-label">Conditions minimales de mise en service</div>
-                        <div class="editable" contenteditable="true" data-field="success.minimumConditions" data-placeholder="Quelles conditions minimales pour mettre le systeme en service ? (fonctionnalites presentes, donnees migrees, formation faite...)"></div>
-                    </div>
-                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 2rem 0 0.75rem;">Criteres d'acceptation</h3>
-                    <p style="font-size:0.85rem;color:var(--text-muted);margin-bottom:1rem;">Criteres concrets et mesurables pour valider le succes du projet.</p>
-                    <div id="criteriaList" class="uc-list"></div>
-                    <button class="add-btn" onclick="toggleForm('addCriterionForm')">+ Ajouter un critere d'acceptation</button>
-                    <div class="inline-form" id="addCriterionForm">
-                        <div class="form-group"><label class="form-label">Critere (mesurable)</label><input type="text" class="form-input" id="criterion-text" placeholder="Ex: 80% des employes saisissent leurs heures chaque semaine"></div>
-                        <div class="form-actions"><button class="btn" onclick="toggleForm('addCriterionForm')">Annuler</button><button class="btn btn-primary" onclick="addCriterion()">Ajouter</button></div>
-                    </div>
-                </div>
-                <!-- ================================================================
-                     PHASE 2 : DECOMPOSITION
-                     ================================================================ -->
-                <!-- SECTION: Domaines fonctionnels -->
-                <div class="section" id="decomp-modules" style="display:none;">
-                    <h2 class="section-title">Domaines fonctionnels</h2>
-                    <p class="section-subtitle">Identifiez les grands domaines de votre application. Chaque domaine regroupe des fonctionnalites coherentes et independantes.</p>
-                    <div class="module-grid" id="moduleGrid">
-                        <!-- Populated dynamically -->
-                    </div>
-                    <button class="add-btn" onclick="toggleForm('addModuleForm')" style="margin-top:1rem;">+ Ajouter un domaine fonctionnel</button>
-                    <div class="inline-form" id="addModuleForm">
-                        <div class="inline-form-title">Nouveau domaine fonctionnel</div>
-                        <div class="form-group">
-                            <label class="form-label">Nom du domaine (exemple : Gestion des commandes)</label>
-                            <input type="text" class="form-input" id="mod-name" placeholder="Nom clair et explicite">
-                        </div>
-                        <div class="form-group">
-                            <label class="form-label">Description en une ou deux phrases</label>
-                            <textarea class="form-textarea" id="mod-desc" placeholder="A quoi sert ce domaine ? Quel probleme resout-il ?"></textarea>
-                        </div>
-                        <div class="form-row">
-                            <div class="form-group">
-                                <label class="form-label">Type de domaine</label>
-                                <select class="form-select" id="mod-type">
-                                    <option value="data-centric">Gestion de donnees (listes, fiches, formulaires)</option>
-                                    <option value="workflow">Processus metier (etapes, validations, approbations)</option>
-                                    <option value="reporting">Tableaux de bord et rapports</option>
-                                    <option value="integration">Integration avec des systemes externes</option>
-                                    <option value="full-module">Domaine complet (donnees + processus + rapports)</option>
-                                </select>
-                            </div>
-                            <div class="form-group">
-                                <label class="form-label">Priorite</label>
-                                <select class="form-select" id="mod-priority">
-                                    <option value="must">Indispensable</option>
-                                    <option value="should">Important</option>
-                                    <option value="could">Optionnel</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label class="form-label">Principales donnees gerees (une par ligne)</label>
-                            <textarea class="form-textarea" id="mod-entities" placeholder="Commande&#10;Ligne de commande&#10;Facture"></textarea>
-                        </div>
-                        <div class="form-actions">
-                            <button class="btn" onclick="toggleForm('addModuleForm')">Annuler</button>
-                            <button class="btn btn-primary" onclick="addModule()">Ajouter ce domaine</button>
-                        </div>
-                    </div>
-                </div>
-                <!-- SECTION: Dependances -->
-                <div class="section" id="decomp-dependencies" style="display:none;">
-                    <h2 class="section-title">Dependances entre domaines</h2>
-                    <p class="section-subtitle">Indiquez quels domaines dependent d'autres domaines. Par exemple, les Commandes dependent des Clients et des Produits.</p>
-                    <div id="depGraphContainer">
-                        <div class="dep-graph" id="depGraph">
-                            <p style="color:var(--text-muted);text-align:center;padding:2rem;">Ajoutez des domaines fonctionnels pour visualiser les dependances.</p>
-                        </div>
-                    </div>
-                    <div style="margin-top:1.5rem;">
-                        <h3 style="color:var(--text-bright);font-size:1rem;margin-bottom:0.75rem;">Ajouter une dependance</h3>
-                        <div class="form-row">
-                            <div class="form-group">
-                                <label class="form-label">Ce domaine...</label>
-                                <select class="form-select" id="dep-from"></select>
-                            </div>
-                            <div class="form-group">
-                                <label class="form-label">...depend de</label>
-                                <select class="form-select" id="dep-to"></select>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label class="form-label">Nature de la dependance</label>
-                            <input type="text" class="form-input" id="dep-desc" placeholder="Exemple : La commande reference un client existant">
-                        </div>
-                        <button class="btn btn-primary" onclick="addDependency()" style="margin-top:0.5rem;">Ajouter cette dependance</button>
-                    </div>
-                    <div id="depList" style="margin-top:1.5rem;"></div>
-                    <div style="margin-top:2rem;">
-                        <h3 style="color:var(--text-bright);font-size:1rem;margin-bottom:0.75rem;">Ordre de traitement propose</h3>
-                        <p class="section-subtitle">Les domaines sont traites dans l'ordre de leurs dependances : les fondations d'abord, puis les domaines qui en dependent.</p>
-                        <div id="processingOrder" class="process-flow"></div>
-                    </div>
-                </div>
-                <!-- ================================================================
-                     PHASE 3 : SPECIFICATION PAR MODULE
-                     ================================================================ -->
-                <!-- Container dynamique pour les specs de chaque module -->
-                <div id="moduleSpecContainer">
-                    <!-- Generated dynamically by renderModuleSpec() -->
-                </div>
-                <!-- ================================================================
-                     PHASE 4 : CONSOLIDATION
-                     ================================================================ -->
-                <!-- SECTION: Modele de donnees -->
-                <div class="section" id="consol-datamodel" style="display:none;">
-                    <h2 class="section-title">Modele de donnees</h2>
-                    <p class="section-subtitle">Vue d'ensemble de toutes les entites metier, leurs attributs et leurs relations entre domaines.</p>
-                    <div id="dataModelContainer">
-                        <p style="color:var(--text-muted);text-align:center;padding:2rem;">Le modele de donnees sera genere a partir des specifications de chaque domaine.</p>
-                    </div>
-                </div>
-                <!-- SECTION: Interactions cross-module -->
-                <div class="section" id="consol-interactions" style="display:none;">
-                    <h2 class="section-title">Interactions entre domaines</h2>
-                    <p class="section-subtitle">Vue d'ensemble de la facon dont les domaines communiquent et partagent des donnees.</p>
-                    <div id="consolInteractions">
-                        <p style="color:var(--text-muted);text-align:center;padding:2rem;">Les interactions seront calculees automatiquement a partir des dependances et des donnees partagees entre domaines.</p>
-                    </div>
-                </div>
-                <!-- SECTION: Coherence des acces -->
-                <div class="section" id="consol-permissions" style="display:none;">
-                    <h2 class="section-title">Coherence des droits d'acces</h2>
-                    <p class="section-subtitle">Verification que les profils utilisateurs ont des droits coherents dans tous les domaines.</p>
-                    <div id="consolPermissions">
-                        <p style="color:var(--text-muted);text-align:center;padding:2rem;">La coherence sera verifiee quand les permissions de chaque domaine seront definies.</p>
-                    </div>
-                </div>
-                <!-- SECTION: Parcours bout en bout -->
-                <div class="section" id="consol-flows" style="display:none;">
-                    <h2 class="section-title">Parcours bout en bout</h2>
-                    <p class="section-subtitle">Les processus metier qui traversent plusieurs domaines, de bout en bout.</p>
-                    <div id="e2eFlowsList"></div>
-                    <button class="add-btn" onclick="toggleForm('addFlowForm')">+ Ajouter un parcours</button>
-                    <div class="inline-form" id="addFlowForm">
-                        <div class="inline-form-title">Nouveau parcours bout en bout</div>
-                        <div class="form-group">
-                            <label class="form-label">Nom du parcours (exemple : De la commande a la facture)</label>
-                            <input type="text" class="form-input" id="flow-name" placeholder="Nom descriptif du parcours">
-                        </div>
-                        <div class="form-group">
-                            <label class="form-label">Etapes du parcours (une par ligne : Domaine - Action)</label>
-                            <textarea class="form-textarea" id="flow-steps" placeholder="Clients - Le client existe dans le systeme&#10;Commandes - Creer la commande&#10;Commandes - Valider la commande&#10;Factures - Generer la facture"></textarea>
-                        </div>
-                        <div class="form-group">
-                            <label class="form-label">Qui intervient dans ce parcours ?</label>
-                            <input type="text" class="form-input" id="flow-actors" placeholder="Exemple : Contributeur (creation), Responsable (validation)">
-                        </div>
-                        <div class="form-actions">
-                            <button class="btn" onclick="toggleForm('addFlowForm')">Annuler</button>
-                            <button class="btn btn-primary" onclick="addE2EFlow()">Ajouter ce parcours</button>
-                        </div>
-                    </div>
-                </div>
-                <!-- ================================================================
-                     PHASE 5 : SYNTHESE
-                     ================================================================ -->
-                <div class="section" id="handoff-summary" style="display:none;">
-                    <h2 class="section-title">Synthese de l'analyse</h2>
-                    <p class="section-subtitle">Vue d'ensemble de toute l'analyse metier, prete pour le developpement.</p>
-                    <div class="stat-grid" id="handoffStats">
-                        <!-- Populated dynamically -->
-                    </div>
-                    <h3 style="color:var(--text-bright);font-size:1rem;margin-bottom:0.75rem;">Domaines par ordre de traitement</h3>
-                    <div id="handoffModuleList"></div>
-                    <h3 style="color:var(--text-bright);font-size:1rem;margin:1.5rem 0 0.75rem;">Couverture du besoin initial</h3>
-                    <div class="card">
-                        <div class="card-label">Matrice de couverture</div>
-                        <p style="font-size:0.85rem;color:var(--text-muted);margin-bottom:0.75rem;">Chaque besoin du cadrage est couvert par au moins un domaine et un cas d'utilisation.</p>
-                        <div id="coverageMatrix"></div>
-                    </div>
-                    <div style="margin-top:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;text-align:center;">
-                        <p style="color:var(--text-bright);font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;">Analyse prete pour l'extraction</p>
-                        <p style="color:var(--text-muted);font-size:0.85rem;margin-bottom:1rem;">Exportez le fichier JSON pour lancer la generation automatique du systeme.</p>
-                        <button class="btn btn-primary" onclick="exportJSON()" style="font-size:0.9rem;padding:0.6rem 1.5rem;">Exporter l'analyse complete en JSON</button>
-                    </div>
-                </div>
-            </main>
-            <!-- ============================================
-                 REVIEW PANEL (right sidebar)
-                 ============================================ -->
-            <aside class="review-panel" id="reviewPanel">
-                <div class="review-panel-header">
-                    <span class="review-panel-title">Review</span>
-                    <button class="review-panel-close" onclick="toggleReviewPanel()" title="Fermer">&times;</button>
-                </div>
-                <div class="review-filters">
-                    <button class="review-filter-btn active" onclick="filterReviewComments('all')" data-filter="all">Tous</button>
-                    <button class="review-filter-btn" onclick="filterReviewComments('to-review')" data-filter="to-review">A revoir</button>
-                    <button class="review-filter-btn" onclick="filterReviewComments('validated')" data-filter="validated">Valides</button>
-                </div>
-                <div class="review-comments" id="reviewCommentsList">
-                    <div class="review-empty">Aucun commentaire pour le moment.</div>
-                </div>
-                <div class="review-stats" id="reviewStats">
-                    <div class="review-stat">
-                        <div class="review-stat-value" id="reviewStatTotal">0</div>
-                        <div class="review-stat-label">Total</div>
-                    </div>
-                    <div class="review-stat">
-                        <div class="review-stat-value" id="reviewStatToReview">0</div>
-                        <div class="review-stat-label">A revoir</div>
-                    </div>
-                    <div class="review-stat">
-                        <div class="review-stat-value" id="reviewStatValidated">0</div>
-                        <div class="review-stat-label">Valides</div>
-                    </div>
-                </div>
-            </aside>
-        </div>
-    </div>
-    <!-- Notification -->
-    <div class="notification notification-success" id="notification"></div>
-    <script>
-<!-- JS_PLACEHOLDER -->
-    </script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{APPLICATION_NAME}} - Analyse metier</title>
+    <style>
+<!-- CSS_PLACEHOLDER -->
+    </style>
+</head>
+<body>
+    <div class="app">
+        <!-- ============================================
+             HEADER
+             ============================================ -->
+        <header class="header">
+            <div class="header-logo">BA</div>
+            <span class="header-title">Analyse metier</span>
+            <div class="header-sep"></div>
+            <span class="header-app-name" id="appName">{{APPLICATION_NAME}}</span>
+            <div class="header-spacer"></div>
+            <div class="header-actions">
+                <button class="btn btn-sm" onclick="resetToEmbedded()" title="Reinitialiser depuis les donnees d'origine (supprime les modifications locales)">Reset</button>
+                <button class="btn btn-sm" onclick="saveToLocalStorage()" title="Sauvegarder les modifications dans le navigateur">Sauvegarder</button>
+                <button class="btn btn-sm btn-review" onclick="saveReviewJSON()" title="Sauvegarder les corrections pour creer une nouvelle version">Sauvegarder corrections</button>
+                <button class="btn btn-sm btn-primary" onclick="exportJSON()" title="Exporter les donnees au format JSON pour l'extraction">Exporter JSON</button>
+                <button class="btn btn-sm review-toggle-btn" id="reviewToggleBtn" onclick="toggleReviewPanel()" title="Ouvrir/fermer le panneau de review">
+                    Review
+                    <span class="review-badge hidden" id="reviewBadge">0</span>
+                </button>
+            </div>
+        </header>
+        <div class="body" id="appBody">
+            <!-- ============================================
+                 SIDEBAR - Navigation hierarchique
+                 ============================================ -->
+            <aside class="sidebar">
+                <!-- Application Name -->
+                <div class="sidebar-header">
+                    <span class="sidebar-app-name" id="sidebarAppName">{{APPLICATION_NAME}}</span>
+                </div>
+                <!-- Dynamic Tree Navigation -->
+                <div id="sidebarNav">
+                    <!-- Populated by buildNavTree() -->
+                </div>
+            </aside>
+            <!-- ============================================
+                 MAIN CONTENT
+                 ============================================ -->
+            <main class="main" id="mainContent">
+                <!-- SECTION: Contexte (merged: problem + current + vision) -->
+                <div class="section" id="cadrage-context">
+                    <h2 class="section-title">Contexte du projet</h2>
+                    <p class="section-subtitle">Vue synthetique du besoin : probleme, situation actuelle et objectif vise.</p>
+                    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;">
+                        <div class="card" style="border-left:3px solid #f87171;">
+                            <div class="card-label" style="color:#f87171;">Probleme identifie</div>
+                            <div class="editable" contenteditable="true" data-field="context.problem" data-placeholder="Quel probleme ce projet doit-il resoudre ?"></div>
+                            <div style="margin-top:0.75rem;font-size:0.8rem;color:var(--text-muted);">
+                                <strong>Declencheur :</strong>
+                                <div class="editable" contenteditable="true" data-field="context.trigger" data-placeholder="Evenement declencheur" style="display:inline;"></div>
+                            </div>
+                        </div>
+                        <div class="card" style="border-left:3px solid #facc15;">
+                            <div class="card-label" style="color:#facc15;">Aujourd'hui</div>
+                            <div class="editable" contenteditable="true" data-field="context.currentSituation" data-placeholder="Comment les choses fonctionnent actuellement ?"></div>
+                            <div style="margin-top:0.75rem;font-size:0.8rem;color:var(--text-muted);">
+                                <strong>Points douleur :</strong>
+                                <div class="editable" contenteditable="true" data-field="context.painPoints" data-placeholder="Problemes recurrents" style="display:inline;"></div>
+                            </div>
+                        </div>
+                        <div class="card" style="border-left:3px solid #4ade80;">
+                            <div class="card-label" style="color:#4ade80;">Objectif</div>
+                            <div class="editable" contenteditable="true" data-field="context.desiredSituation" data-placeholder="Que doit permettre le systeme cible ?"></div>
+                            <div style="margin-top:0.75rem;font-size:0.8rem;color:var(--text-muted);">
+                                <strong>Criteres :</strong>
+                                <div class="editable" contenteditable="true" data-field="context.acceptanceCriteria" data-placeholder="Criteres de succes" style="display:inline;"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- SECTION: Parties prenantes -->
+                <div class="section" id="cadrage-stakeholders" style="display:none;">
+                    <h2 class="section-title">Parties prenantes</h2>
+                    <p class="section-subtitle">Toutes les personnes concernees par ce projet et leurs besoins.</p>
+                    <div class="stakeholder-grid" id="stakeholderGrid">
+                        <!-- Populated dynamically -->
+                    </div>
+                    <button class="add-btn" onclick="toggleForm('addStakeholderForm')">+ Ajouter un profil utilisateur</button>
+                    <div class="inline-form" id="addStakeholderForm">
+                        <div class="inline-form-title">Nouveau profil utilisateur</div>
+                        <div class="form-group">
+                            <label class="form-label">Titre du profil (exemple : Responsable de production)</label>
+                            <input type="text" class="form-input" id="sh-role" placeholder="Titre ou description du profil">
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">Fonction dans l'entreprise</label>
+                            <input type="text" class="form-input" id="sh-function" placeholder="Ce qu'il fait dans l'organisation">
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">Taches principales (une par ligne)</label>
+                            <textarea class="form-textarea" id="sh-tasks" placeholder="Tache 1&#10;Tache 2&#10;Tache 3"></textarea>
+                        </div>
+                        <div class="form-row">
+                            <div class="form-group">
+                                <label class="form-label">Frequence d'utilisation</label>
+                                <select class="form-select" id="sh-frequency">
+                                    <option value="daily">Quotidienne</option>
+                                    <option value="weekly">Hebdomadaire</option>
+                                    <option value="monthly">Mensuelle</option>
+                                    <option value="occasional">Occasionnelle</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Niveau d'acces</label>
+                                <select class="form-select" id="sh-access">
+                                    <option value="admin">Administration complete</option>
+                                    <option value="manager">Supervision et validation</option>
+                                    <option value="contributor">Saisie et modification</option>
+                                    <option value="viewer">Consultation seule</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">Frustrations actuelles</label>
+                            <textarea class="form-textarea" id="sh-frustrations" placeholder="Quelles sont les 2-3 plus grandes frustrations de ce profil avec la facon de travailler actuelle ?"></textarea>
+                        </div>
+                        <div class="form-actions">
+                            <button class="btn" onclick="toggleForm('addStakeholderForm')">Annuler</button>
+                            <button class="btn btn-primary" onclick="addStakeholder()">Ajouter ce profil</button>
+                        </div>
+                    </div>
+                </div>
+                <!-- SECTION: Perimetre fonctionnel -->
+                <div class="section" id="cadrage-scope" style="display:none;">
+                    <h2 class="section-title">Perimetre fonctionnel</h2>
+                    <p class="section-subtitle">Ce que le systeme doit faire et ne pas faire, par ordre de priorite.</p>
+                    <h3 style="color: var(--text-bright); font-size: 1rem; margin-bottom: 0.75rem;">
+                        <span style="color: #f87171;">&#9632;</span> Fonctionnalites indispensables
+                    </h3>
+                    <div id="scopeVital" class="uc-list"></div>
+                    <button class="add-btn" onclick="toggleForm('addScopeForm-vital')">+ Ajouter une fonctionnalite indispensable</button>
+                    <div class="inline-form" id="addScopeForm-vital">
+                        <div class="form-group"><label class="form-label">Nom de la fonctionnalite</label><input type="text" class="form-input" id="scope-name-vital" placeholder="Ex: Gestion des commandes"></div>
+                        <div class="form-group"><label class="form-label">Description (optionnel)</label><input type="text" class="form-input" id="scope-desc-vital" placeholder="Courte description"></div>
+                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-vital')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('vital')">Ajouter</button></div>
+                    </div>
+                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 1.5rem 0 0.75rem;">
+                        <span style="color: #facc15;">&#9632;</span> Fonctionnalites importantes
+                    </h3>
+                    <div id="scopeImportant" class="uc-list"></div>
+                    <button class="add-btn" onclick="toggleForm('addScopeForm-important')">+ Ajouter une fonctionnalite importante</button>
+                    <div class="inline-form" id="addScopeForm-important">
+                        <div class="form-group"><label class="form-label">Nom de la fonctionnalite</label><input type="text" class="form-input" id="scope-name-important" placeholder="Ex: Export PDF"></div>
+                        <div class="form-group"><label class="form-label">Description (optionnel)</label><input type="text" class="form-input" id="scope-desc-important" placeholder="Courte description"></div>
+                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-important')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('important')">Ajouter</button></div>
+                    </div>
+                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 1.5rem 0 0.75rem;">
+                        <span style="color: #4ade80;">&#9632;</span> Fonctionnalites optionnelles
+                    </h3>
+                    <div id="scopeOptional" class="uc-list"></div>
+                    <button class="add-btn" onclick="toggleForm('addScopeForm-optional')">+ Ajouter une fonctionnalite optionnelle</button>
+                    <div class="inline-form" id="addScopeForm-optional">
+                        <div class="form-group"><label class="form-label">Nom de la fonctionnalite</label><input type="text" class="form-input" id="scope-name-optional" placeholder="Ex: Calendrier partage"></div>
+                        <div class="form-group"><label class="form-label">Description (optionnel)</label><input type="text" class="form-input" id="scope-desc-optional" placeholder="Courte description"></div>
+                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-optional')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('optional')">Ajouter</button></div>
+                    </div>
+                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 1.5rem 0 0.75rem;">
+                        <span style="color: #94a3b8;">&#9632;</span> Hors perimetre
+                    </h3>
+                    <div id="scopeExcluded" class="uc-list"></div>
+                    <button class="add-btn" onclick="toggleForm('addScopeForm-excluded')">+ Ajouter une exclusion</button>
+                    <div class="inline-form" id="addScopeForm-excluded">
+                        <div class="form-group"><label class="form-label">Element hors perimetre</label><input type="text" class="form-input" id="scope-name-excluded" placeholder="Ex: Gestion de la paie"></div>
+                        <div class="form-group"><label class="form-label">Raison (optionnel)</label><input type="text" class="form-input" id="scope-desc-excluded" placeholder="Pourquoi hors perimetre"></div>
+                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-excluded')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('excluded')">Ajouter</button></div>
+                    </div>
+                </div>
+                <!-- SECTION: Risques et hypotheses -->
+                <div class="section" id="cadrage-risks" style="display:none;">
+                    <h2 class="section-title">Risques et hypotheses</h2>
+                    <p class="section-subtitle">Ce qui pourrait mal tourner et les certitudes non verifiees.</p>
+                    <h3 style="color: var(--text-bright); font-size: 1rem; margin-bottom: 0.75rem;">Risques identifies</h3>
+                    <div id="risksList"></div>
+                    <button class="add-btn" onclick="toggleForm('addRiskForm')">+ Ajouter un risque</button>
+                    <div class="inline-form" id="addRiskForm">
+                        <div class="inline-form-title">Nouveau risque</div>
+                        <div class="form-group">
+                            <label class="form-label">Description du risque</label>
+                            <input type="text" class="form-input" id="risk-desc" placeholder="Qu'est-ce qui pourrait mal tourner ?">
+                        </div>
+                        <div class="form-row">
+                            <div class="form-group">
+                                <label class="form-label">Probabilite</label>
+                                <select class="form-select" id="risk-probability">
+                                    <option value="high">Forte</option>
+                                    <option value="medium">Moyenne</option>
+                                    <option value="low">Faible</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Impact</label>
+                                <select class="form-select" id="risk-impact">
+                                    <option value="high">Grave</option>
+                                    <option value="medium">Moyen</option>
+                                    <option value="low">Faible</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">Mesure de prevention ou de reduction</label>
+                            <textarea class="form-textarea" id="risk-mitigation" placeholder="Comment prevenir ou reduire ce risque ?"></textarea>
+                        </div>
+                        <div class="form-actions">
+                            <button class="btn" onclick="toggleForm('addRiskForm')">Annuler</button>
+                            <button class="btn btn-primary" onclick="addRisk()">Ajouter ce risque</button>
+                        </div>
+                    </div>
+                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 2rem 0 0.75rem;">Hypotheses a verifier</h3>
+                    <div class="card">
+                        <div class="editable" contenteditable="true" data-field="risks.assumptions" data-placeholder="Quelles hypotheses faites-vous sur ce projet sans les avoir verifiees ? (une par ligne)"></div>
+                    </div>
+                </div>
+                <!-- SECTION: Criteres de reussite -->
+                <div class="section" id="cadrage-success" style="display:none;">
+                    <h2 class="section-title">Criteres de reussite</h2>
+                    <p class="section-subtitle">Comment mesurer objectivement que le projet est un succes.</p>
+                    <div class="card">
+                        <div class="card-label">Definition du succes</div>
+                        <div class="editable" contenteditable="true" data-field="success.definition" data-placeholder="Comment saurez-vous que le projet est un succes ? Quel changement concret observerez-vous ?"></div>
+                    </div>
+                    <div class="card" data-vibe-hide>
+                        <div class="card-label">Objectifs mesurables</div>
+                        <div class="editable" contenteditable="true" data-field="success.metrics" data-placeholder="Quels chiffres presenteriez-vous a votre direction pour prouver le succes ? (temps, erreurs, satisfaction...)"></div>
+                    </div>
+                    <div class="card" data-vibe-hide>
+                        <div class="card-label">Delai d'evaluation</div>
+                        <div class="editable" contenteditable="true" data-field="success.timeline" data-placeholder="Au bout de combien de temps pourrez-vous juger si ca fonctionne ? 1 semaine ? 1 mois ? 3 mois ?"></div>
+                    </div>
+                    <div class="card" data-vibe-hide>
+                        <div class="card-label">Conditions minimales de mise en service</div>
+                        <div class="editable" contenteditable="true" data-field="success.minimumConditions" data-placeholder="Quelles conditions minimales pour mettre le systeme en service ? (fonctionnalites presentes, donnees migrees, formation faite...)"></div>
+                    </div>
+                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 2rem 0 0.75rem;">Criteres d'acceptation</h3>
+                    <p style="font-size:0.85rem;color:var(--text-muted);margin-bottom:1rem;">Criteres concrets et mesurables pour valider le succes du projet.</p>
+                    <div id="criteriaList" class="uc-list"></div>
+                    <button class="add-btn" onclick="toggleForm('addCriterionForm')">+ Ajouter un critere d'acceptation</button>
+                    <div class="inline-form" id="addCriterionForm">
+                        <div class="form-group"><label class="form-label">Critere (mesurable)</label><input type="text" class="form-input" id="criterion-text" placeholder="Ex: 80% des employes saisissent leurs heures chaque semaine"></div>
+                        <div class="form-actions"><button class="btn" onclick="toggleForm('addCriterionForm')">Annuler</button><button class="btn btn-primary" onclick="addCriterion()">Ajouter</button></div>
+                    </div>
+                </div>
+                <!-- ================================================================
+                     PHASE 2 : DECOMPOSITION
+                     ================================================================ -->
+                <!-- SECTION: Domaines fonctionnels -->
+                <div class="section" id="decomp-modules" style="display:none;">
+                    <h2 class="section-title">Domaines fonctionnels</h2>
+                    <p class="section-subtitle">Identifiez les grands domaines de votre application. Chaque domaine regroupe des fonctionnalites coherentes et independantes.</p>
+                    <div class="module-grid" id="moduleGrid">
+                        <!-- Populated dynamically -->
+                    </div>
+                    <button class="add-btn" onclick="toggleForm('addModuleForm')" style="margin-top:1rem;">+ Ajouter un domaine fonctionnel</button>
+                    <div class="inline-form" id="addModuleForm">
+                        <div class="inline-form-title">Nouveau domaine fonctionnel</div>
+                        <div class="form-group">
+                            <label class="form-label">Nom du domaine (exemple : Gestion des commandes)</label>
+                            <input type="text" class="form-input" id="mod-name" placeholder="Nom clair et explicite">
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">Description en une ou deux phrases</label>
+                            <textarea class="form-textarea" id="mod-desc" placeholder="A quoi sert ce domaine ? Quel probleme resout-il ?"></textarea>
+                        </div>
+                        <div class="form-row">
+                            <div class="form-group">
+                                <label class="form-label">Type de domaine</label>
+                                <select class="form-select" id="mod-type">
+                                    <option value="data-centric">Gestion de donnees (listes, fiches, formulaires)</option>
+                                    <option value="workflow">Processus metier (etapes, validations, approbations)</option>
+                                    <option value="reporting">Tableaux de bord et rapports</option>
+                                    <option value="integration">Integration avec des systemes externes</option>
+                                    <option value="full-module">Domaine complet (donnees + processus + rapports)</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Priorite</label>
+                                <select class="form-select" id="mod-priority">
+                                    <option value="must">Indispensable</option>
+                                    <option value="should">Important</option>
+                                    <option value="could">Optionnel</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">Principales donnees gerees (une par ligne)</label>
+                            <textarea class="form-textarea" id="mod-entities" placeholder="Commande&#10;Ligne de commande&#10;Facture"></textarea>
+                        </div>
+                        <div class="form-actions">
+                            <button class="btn" onclick="toggleForm('addModuleForm')">Annuler</button>
+                            <button class="btn btn-primary" onclick="addModule()">Ajouter ce domaine</button>
+                        </div>
+                    </div>
+                </div>
+                <!-- SECTION: Dependances -->
+                <div class="section" id="decomp-dependencies" style="display:none;">
+                    <h2 class="section-title">Dependances entre domaines</h2>
+                    <p class="section-subtitle">Indiquez quels domaines dependent d'autres domaines. Par exemple, les Commandes dependent des Clients et des Produits.</p>
+                    <div id="depGraphContainer">
+                        <div class="dep-graph" id="depGraph">
+                            <p style="color:var(--text-muted);text-align:center;padding:2rem;">Ajoutez des domaines fonctionnels pour visualiser les dependances.</p>
+                        </div>
+                    </div>
+                    <div style="margin-top:1.5rem;">
+                        <h3 style="color:var(--text-bright);font-size:1rem;margin-bottom:0.75rem;">Ajouter une dependance</h3>
+                        <div class="form-row">
+                            <div class="form-group">
+                                <label class="form-label">Ce domaine...</label>
+                                <select class="form-select" id="dep-from"></select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">...depend de</label>
+                                <select class="form-select" id="dep-to"></select>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">Nature de la dependance</label>
+                            <input type="text" class="form-input" id="dep-desc" placeholder="Exemple : La commande reference un client existant">
+                        </div>
+                        <button class="btn btn-primary" onclick="addDependency()" style="margin-top:0.5rem;">Ajouter cette dependance</button>
+                    </div>
+                    <div id="depList" style="margin-top:1.5rem;"></div>
+                    <div style="margin-top:2rem;">
+                        <h3 style="color:var(--text-bright);font-size:1rem;margin-bottom:0.75rem;">Ordre de traitement propose</h3>
+                        <p class="section-subtitle">Les domaines sont traites dans l'ordre de leurs dependances : les fondations d'abord, puis les domaines qui en dependent.</p>
+                        <div id="processingOrder" class="process-flow"></div>
+                    </div>
+                </div>
+                <!-- ================================================================
+                     PHASE 3 : SPECIFICATION PAR MODULE
+                     ================================================================ -->
+                <!-- Container dynamique pour les specs de chaque module -->
+                <div id="moduleSpecContainer">
+                    <!-- Generated dynamically by renderModuleSpec() -->
+                </div>
+                <!-- ================================================================
+                     PHASE 4 : CONSOLIDATION
+                     ================================================================ -->
+                <!-- SECTION: Modele de donnees -->
+                <div class="section" id="consol-datamodel" style="display:none;">
+                    <h2 class="section-title">Modele de donnees</h2>
+                    <p class="section-subtitle">Vue d'ensemble de toutes les entites metier, leurs attributs et leurs relations entre domaines.</p>
+                    <div id="dataModelContainer">
+                        <p style="color:var(--text-muted);text-align:center;padding:2rem;">Le modele de donnees sera genere a partir des specifications de chaque domaine.</p>
+                    </div>
+                </div>
+                <!-- SECTION: Interactions cross-module -->
+                <div class="section" id="consol-interactions" style="display:none;">
+                    <h2 class="section-title">Interactions entre domaines</h2>
+                    <p class="section-subtitle">Vue d'ensemble de la facon dont les domaines communiquent et partagent des donnees.</p>
+                    <div id="consolInteractions">
+                        <p style="color:var(--text-muted);text-align:center;padding:2rem;">Les interactions seront calculees automatiquement a partir des dependances et des donnees partagees entre domaines.</p>
+                    </div>
+                </div>
+                <!-- SECTION: Coherence des acces -->
+                <div class="section" id="consol-permissions" style="display:none;">
+                    <h2 class="section-title">Coherence des droits d'acces</h2>
+                    <p class="section-subtitle">Verification que les profils utilisateurs ont des droits coherents dans tous les domaines.</p>
+                    <div id="consolPermissions">
+                        <p style="color:var(--text-muted);text-align:center;padding:2rem;">La coherence sera verifiee quand les permissions de chaque domaine seront definies.</p>
+                    </div>
+                </div>
+                <!-- SECTION: Parcours bout en bout -->
+                <div class="section" id="consol-flows" style="display:none;">
+                    <h2 class="section-title">Parcours bout en bout</h2>
+                    <p class="section-subtitle">Les processus metier qui traversent plusieurs domaines, de bout en bout.</p>
+                    <div id="e2eFlowsList"></div>
+                    <button class="add-btn" onclick="toggleForm('addFlowForm')">+ Ajouter un parcours</button>
+                    <div class="inline-form" id="addFlowForm">
+                        <div class="inline-form-title">Nouveau parcours bout en bout</div>
+                        <div class="form-group">
+                            <label class="form-label">Nom du parcours (exemple : De la commande a la facture)</label>
+                            <input type="text" class="form-input" id="flow-name" placeholder="Nom descriptif du parcours">
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">Etapes du parcours (une par ligne : Domaine - Action)</label>
+                            <textarea class="form-textarea" id="flow-steps" placeholder="Clients - Le client existe dans le systeme&#10;Commandes - Creer la commande&#10;Commandes - Valider la commande&#10;Factures - Generer la facture"></textarea>
+                        </div>
+                        <div class="form-group">
+                            <label class="form-label">Qui intervient dans ce parcours ?</label>
+                            <input type="text" class="form-input" id="flow-actors" placeholder="Exemple : Contributeur (creation), Responsable (validation)">
+                        </div>
+                        <div class="form-actions">
+                            <button class="btn" onclick="toggleForm('addFlowForm')">Annuler</button>
+                            <button class="btn btn-primary" onclick="addE2EFlow()">Ajouter ce parcours</button>
+                        </div>
+                    </div>
+                </div>
+                <!-- ================================================================
+                     PHASE 5 : SYNTHESE
+                     ================================================================ -->
+                <div class="section" id="handoff-summary" style="display:none;">
+                    <h2 class="section-title">Synthese de l'analyse</h2>
+                    <p class="section-subtitle">Vue d'ensemble de toute l'analyse metier, prete pour le developpement.</p>
+                    <div class="stat-grid" id="handoffStats">
+                        <!-- Populated dynamically -->
+                    </div>
+                    <h3 style="color:var(--text-bright);font-size:1rem;margin-bottom:0.75rem;">Domaines par ordre de traitement</h3>
+                    <div id="handoffModuleList"></div>
+                    <h3 style="color:var(--text-bright);font-size:1rem;margin:1.5rem 0 0.75rem;">Couverture du besoin initial</h3>
+                    <div class="card">
+                        <div class="card-label">Matrice de couverture</div>
+                        <p style="font-size:0.85rem;color:var(--text-muted);margin-bottom:0.75rem;">Chaque besoin du cadrage est couvert par au moins un domaine et un cas d'utilisation.</p>
+                        <div id="coverageMatrix"></div>
+                    </div>
+                    <div style="margin-top:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;text-align:center;">
+                        <p style="color:var(--text-bright);font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;">Analyse prete pour l'extraction</p>
+                        <p style="color:var(--text-muted);font-size:0.85rem;margin-bottom:1rem;">Exportez le fichier JSON pour lancer la generation automatique du systeme.</p>
+                        <button class="btn btn-primary" onclick="exportJSON()" style="font-size:0.9rem;padding:0.6rem 1.5rem;">Exporter l'analyse complete en JSON</button>
+                    </div>
+                </div>
+            </main>
+            <!-- ============================================
+                 REVIEW PANEL (right sidebar)
+                 ============================================ -->
+            <aside class="review-panel" id="reviewPanel">
+                <div class="review-panel-header">
+                    <span class="review-panel-title">Review</span>
+                    <button class="review-panel-close" onclick="toggleReviewPanel()" title="Fermer">&times;</button>
+                </div>
+                <div class="review-filters">
+                    <button class="review-filter-btn active" onclick="filterReviewComments('all')" data-filter="all">Tous</button>
+                    <button class="review-filter-btn" onclick="filterReviewComments('to-review')" data-filter="to-review">A revoir</button>
+                    <button class="review-filter-btn" onclick="filterReviewComments('validated')" data-filter="validated">Valides</button>
+                </div>
+                <div class="review-comments" id="reviewCommentsList">
+                    <div class="review-empty">Aucun commentaire pour le moment.</div>
+                </div>
+                <div class="review-stats" id="reviewStats">
+                    <div class="review-stat">
+                        <div class="review-stat-value" id="reviewStatTotal">0</div>
+                        <div class="review-stat-label">Total</div>
+                    </div>
+                    <div class="review-stat">
+                        <div class="review-stat-value" id="reviewStatToReview">0</div>
+                        <div class="review-stat-label">A revoir</div>
+                    </div>
+                    <div class="review-stat">
+                        <div class="review-stat-value" id="reviewStatValidated">0</div>
+                        <div class="review-stat-label">Valides</div>
+                    </div>
+                </div>
+            </aside>
+        </div>
+    </div>
+    <!-- Notification -->
+    <div class="notification notification-success" id="notification"></div>
+    <script>
+<!-- JS_PLACEHOLDER -->
+    </script>
+</body>
+</html>