@atlashub/smartstack-cli 3.3.1 → 3.4.1

package/templates/skills/business-analyse/html/ba-interactive.html

@@ -160,8 +160,8 @@
            ============================================ */
         .main {
             flex: 1;
-            padding: 2rem 2.5rem;
-            max-width: 960px;
+            padding: 2rem 3rem;
+            max-width: 1400px;
             overflow-y: auto;
             height: calc(100vh - var(--header-height));
         }
@@ -374,6 +374,13 @@
             min-height: 200px;
         }
 
+        .wireframe-comment {
+            padding: 0.75rem 1.5rem 1rem;
+            border-top: 1px solid var(--border);
+            background: var(--bg-input);
+            border-radius: 0 0 10px 10px;
+        }
+
         /* Wireframe rendering */
         .ascii-wireframe {
             font-family: 'Courier New', 'Consolas', monospace;
@@ -1202,25 +1209,45 @@
                         <span style="color: #f87171;">&#9632;</span> Fonctionnalites indispensables
                     </h3>
                     <div id="scopeVital" class="uc-list"></div>
-                    <button class="add-btn" onclick="addScopeItem('vital')">+ Ajouter une fonctionnalite indispensable</button>
+                    <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="addScopeItem('important')">+ Ajouter une fonctionnalite importante</button>
+                    <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="addScopeItem('optional')">+ Ajouter une fonctionnalite optionnelle</button>
+                    <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="addScopeItem('excluded')">+ Ajouter une exclusion</button>
+                    <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 -->
@@ -1296,6 +1323,15 @@
                         <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>
 
                 <!-- ================================================================
@@ -1498,6 +1534,13 @@
     let data = {{FEATURE_DATA}};
     const EMBEDDED_ARTIFACTS = {{EMBEDDED_ARTIFACTS}};
 
+    // Initialize optional data structures
+    data.wireframeComments = data.wireframeComments || {};
+    data.specComments = data.specComments || {};
+    data.customRoles = data.customRoles || [];
+    data.customActions = data.customActions || [];
+    data.cadrage.criteria = data.cadrage.criteria || [];
+
     /* ============================================
        INITIALIZATION
        ============================================ */
@@ -1507,6 +1550,7 @@
         renderStakeholders();
         renderScope();
         renderRisks();
+        renderCriteria();
         renderModules();
         renderDependencies();
         renderAllModuleSpecs();
@@ -1610,12 +1654,15 @@
        SCOPE ITEMS
        ============================================ */
     function addScopeItem(priority) {
-        const name = prompt('Nom de la fonctionnalite :');
+        const name = document.getElementById('scope-name-' + priority).value.trim();
         if (!name) return;
-        const description = prompt('Description courte (optionnel) :') || '';
+        const description = document.getElementById('scope-desc-' + priority).value.trim();
 
         data.cadrage.scope[priority].push({ name, description });
         renderScope();
+        toggleForm('addScopeForm-' + priority);
+        document.getElementById('scope-name-' + priority).value = '';
+        document.getElementById('scope-desc-' + priority).value = '';
         autoSave();
     }
 
@@ -1643,6 +1690,45 @@
         autoSave();
     }
 
+    /* ============================================
+       ACCEPTANCE CRITERIA
+       ============================================ */
+    function addCriterion() {
+        const text = document.getElementById('criterion-text').value.trim();
+        if (!text) return;
+        if (!data.cadrage.criteria) data.cadrage.criteria = [];
+        data.cadrage.criteria.push({ text, validated: false });
+        renderCriteria();
+        toggleForm('addCriterionForm');
+        document.getElementById('criterion-text').value = '';
+        autoSave();
+    }
+
+    function removeCriterion(index) {
+        data.cadrage.criteria.splice(index, 1);
+        renderCriteria();
+        autoSave();
+    }
+
+    function toggleCriterion(index) {
+        data.cadrage.criteria[index].validated = !data.cadrage.criteria[index].validated;
+        renderCriteria();
+        autoSave();
+    }
+
+    function renderCriteria() {
+        const container = document.getElementById('criteriaList');
+        if (!container) return;
+        const criteria = data.cadrage.criteria || [];
+        container.innerHTML = criteria.map((c, i) => `
+            <div class="uc-item" style="display:flex;align-items:center;gap:0.75rem;">
+                <input type="checkbox" ${c.validated ? 'checked' : ''} onchange="toggleCriterion(${i})" style="cursor:pointer;width:18px;height:18px;flex-shrink:0;">
+                <span style="flex:1;${c.validated ? 'text-decoration:line-through;color:var(--text-muted);' : ''}">${c.text}</span>
+                <button class="btn btn-sm" onclick="removeCriterion(${i})" style="opacity:0.5;flex-shrink:0;">&#10005;</button>
+            </div>
+        `).join('');
+    }
+
     /* ============================================
        RISKS
        ============================================ */
@@ -1736,6 +1822,10 @@
                 data.moduleSpecs = parsed.moduleSpecs || {};
                 data.consolidation = { ...data.consolidation, ...(parsed.consolidation || {}) };
                 data.handoff = parsed.handoff || {};
+                data.wireframeComments = parsed.wireframeComments || {};
+                data.specComments = parsed.specComments || {};
+                data.customRoles = parsed.customRoles || [];
+                data.customActions = parsed.customActions || [];
 
                 // Restore editable fields
                 document.querySelectorAll('.editable[data-field]').forEach(el => {
@@ -1773,7 +1863,11 @@
             dependencies: data.dependencies,
             moduleSpecifications: {},
             consolidation: data.consolidation,
-            artifacts: EMBEDDED_ARTIFACTS  // NEW: Include visual artifacts
+            artifacts: EMBEDDED_ARTIFACTS,
+            wireframeComments: data.wireframeComments,
+            specComments: data.specComments,
+            customRoles: data.customRoles,
+            customActions: data.customActions
         };
 
         // Structure module specs for export
@@ -2017,7 +2111,7 @@
                 <div class="dep-layer-modules">
                     ${layer.map(code => {
                         const m = data.modules.find(mod => mod.code === code);
-                        return `<div class="dep-module">${m ? m.name : code}</div>`;
+                        return `<div class="dep-module">${m ? (m.name || m.code) : code}</div>`;
                     }).join('')}
                 </div>
             </div>
@@ -2065,7 +2159,7 @@
             return `
                 <div class="process-step">
                     <div class="process-step-number">Etape ${i + 1}</div>
-                    <div class="process-step-label">${m ? m.name : code}</div>
+                    <div class="process-step-label">${m ? (m.name || m.code) : code}</div>
                 </div>
                 ${i < order.length - 1 ? '<div class="process-arrow">&#8594;</div>' : ''}
             `;
@@ -2219,6 +2313,32 @@
                 <div id="permGrid-${code}">
                     ${renderPermissionGrid(code)}
                 </div>
+                <div style="display:flex;gap:0.75rem;margin-top:1rem;flex-wrap:wrap;">
+                    <button class="add-btn" onclick="toggleForm('addRoleForm-${code}')" style="flex:1;min-width:200px;">+ Ajouter un role</button>
+                    <button class="add-btn" onclick="toggleForm('addActionForm-${code}')" style="flex:1;min-width:200px;">+ Ajouter une action</button>
+                </div>
+                <div class="inline-form" id="addRoleForm-${code}">
+                    <div class="inline-form-title">Nouveau role</div>
+                    <div class="form-group">
+                        <label class="form-label">Nom du role</label>
+                        <input type="text" class="form-input" id="role-name-${code}" placeholder="Exemple : Superviseur, Auditeur...">
+                    </div>
+                    <div class="form-actions">
+                        <button class="btn" onclick="toggleForm('addRoleForm-${code}')">Annuler</button>
+                        <button class="btn btn-primary" onclick="addCustomRole('${code}')">Ajouter</button>
+                    </div>
+                </div>
+                <div class="inline-form" id="addActionForm-${code}">
+                    <div class="inline-form-title">Nouvelle action</div>
+                    <div class="form-group">
+                        <label class="form-label">Nom de l'action</label>
+                        <input type="text" class="form-input" id="action-name-${code}" placeholder="Exemple : Archiver, Imprimer, Approuver...">
+                    </div>
+                    <div class="form-actions">
+                        <button class="btn" onclick="toggleForm('addActionForm-${code}')">Annuler</button>
+                        <button class="btn btn-primary" onclick="addCustomAction('${code}')">Ajouter</button>
+                    </div>
+                </div>
             </div>
 
             <!-- TAB: Maquettes -->
@@ -2252,6 +2372,12 @@
                 <div class="uc-actors"><div class="uc-actor">${uc.actor}</div></div>
                 ${uc.steps ? `<div class="uc-detail-label">Deroulement</div><div class="uc-detail">${uc.steps.replace(/\n/g, '<br>')}</div>` : ''}
                 ${uc.alternative ? `<div class="uc-detail-label">En cas de probleme</div><div class="uc-detail" style="color:var(--warning);">${uc.alternative}</div>` : ''}
+                <div style="padding:0.5rem 0.75rem;border-top:1px solid var(--border);background:var(--bg-input);border-radius:0 0 8px 8px;">
+                    <label style="font-size:0.75rem;color:var(--text-muted);display:block;margin-bottom:0.25rem;">Commentaire / Feedback :</label>
+                    <textarea class="form-textarea" placeholder="Ajouter un commentaire sur ce cas d'utilisation..."
+                        onblur="updateSpecComment('${code}','uc',${index},this.value)"
+                        style="min-height:45px;font-size:0.8rem;resize:vertical;">${getSpecComment(code, 'uc', index)}</textarea>
+                </div>
             </div>`;
     }
 
@@ -2283,14 +2409,21 @@
         const catColors = { validation: 'br-cat-validation', calculation: 'br-cat-calculation', workflow: 'br-cat-workflow', security: 'br-cat-security', data: 'br-cat-data' };
         const catLabels = { validation: 'Verification', calculation: 'Calcul', workflow: 'Processus', security: 'Securite', data: 'Donnees' };
         return `
-            <div class="br-item">
-                <span class="br-category ${catColors[br.category] || 'br-cat-validation'}">${catLabels[br.category] || br.category}</span>
-                <div class="br-text">
-                    <div style="font-weight:600;color:var(--text-bright);margin-bottom:0.2rem;">${br.name}</div>
-                    <div>${br.statement}</div>
-                    ${br.example ? `<div style="font-size:0.8rem;color:var(--text-muted);margin-top:0.25rem;font-style:italic;">Exemple : ${br.example}</div>` : ''}
+            <div style="margin-bottom:0.5rem;">
+                <div class="br-item" style="margin-bottom:0;border-radius:8px 8px 0 0;">
+                    <span class="br-category ${catColors[br.category] || 'br-cat-validation'}">${catLabels[br.category] || br.category}</span>
+                    <div class="br-text" style="flex:1;">
+                        <div style="font-weight:600;color:var(--text-bright);margin-bottom:0.2rem;">${br.name}</div>
+                        <div>${br.statement}</div>
+                        ${br.example ? `<div style="font-size:0.8rem;color:var(--text-muted);margin-top:0.25rem;font-style:italic;">Exemple : ${br.example}</div>` : ''}
+                    </div>
+                    <button class="btn btn-sm" onclick="removeBusinessRule('${code}',${index})" style="opacity:0.5;flex-shrink:0;">&#10005;</button>
+                </div>
+                <div style="padding:0.4rem 0.75rem 0.6rem;background:var(--bg-input);border:1px solid var(--border);border-top:0;border-radius:0 0 8px 8px;">
+                    <textarea class="form-textarea" placeholder="Commentaire sur cette regle..."
+                        onblur="updateSpecComment('${code}','br',${index},this.value)"
+                        style="min-height:35px;font-size:0.8rem;resize:vertical;">${getSpecComment(code, 'br', index)}</textarea>
                 </div>
-                <button class="btn btn-sm" onclick="removeBusinessRule('${code}',${index})" style="opacity:0.5;flex-shrink:0;">&#10005;</button>
             </div>`;
     }
 
@@ -2337,6 +2470,12 @@
                 <div style="padding:0.5rem 0.75rem;font-size:0.8rem;color:var(--text-muted);border-top:1px solid var(--border);">
                     Relations : ${ent.relationships.map(r => `<span style="color:var(--accent);">${r}</span>`).join(', ')}
                 </div>` : ''}
+                <div style="padding:0.4rem 0.75rem 0.6rem;background:var(--bg-input);border-top:1px solid var(--border);border-radius:0 0 8px 8px;">
+                    <label style="font-size:0.75rem;color:var(--text-muted);display:block;margin-bottom:0.25rem;">Commentaire :</label>
+                    <textarea class="form-textarea" placeholder="Commentaire sur cette entite..."
+                        onblur="updateSpecComment('${code}','ent',${index},this.value)"
+                        style="min-height:35px;font-size:0.8rem;resize:vertical;">${getSpecComment(code, 'ent', index)}</textarea>
+                </div>
             </div>`;
     }
 
@@ -2368,6 +2507,27 @@
         autoSave();
     }
 
+    function getSpecComment(code, type, index) {
+        const key = code + '.' + type + '.' + index;
+        return data.specComments[key] || '';
+    }
+
+    function updateSpecComment(code, type, index, value) {
+        const key = code + '.' + type + '.' + index;
+        data.specComments[key] = value.trim();
+        autoSave();
+    }
+
+    function getWireframeComment(code, screen) {
+        return (data.wireframeComments[code] || {})[screen] || '';
+    }
+
+    function updateWireframeComment(code, screen, value) {
+        if (!data.wireframeComments[code]) data.wireframeComments[code] = {};
+        data.wireframeComments[code][screen] = value.trim();
+        autoSave();
+    }
+
     function renderModuleMockups(code) {
         // Get embedded wireframes for this module
         const wireframes = EMBEDDED_ARTIFACTS?.wireframes?.[code] || [];
@@ -2413,15 +2573,39 @@
                         </tbody>
                     </table>
                 </details>` : ''}
+                <div class="wireframe-comment">
+                    <label style="font-size:0.8rem;color:var(--text-muted);display:block;margin-bottom:0.3rem;">Commentaire / Feedback :</label>
+                    <textarea class="form-textarea"
+                        data-module="${code}"
+                        data-screen="${wf.screen}"
+                        placeholder="Ajouter un commentaire sur cette maquette (ex: deplacer ce bouton, ajouter une colonne...)"
+                        onblur="updateWireframeComment('${code}', '${wf.screen}', this.value)"
+                        style="min-height:60px;font-size:0.85rem;resize:vertical;"
+                    >${getWireframeComment(code, wf.screen)}</textarea>
+                </div>
             </div>
         `).join('');
     }
 
-    function renderPermissionGrid(code) {
-        const roles = data.cadrage.stakeholders.length > 0
+    function getPermRoles() {
+        const baseRoles = data.cadrage.stakeholders.length > 0
             ? data.cadrage.stakeholders.map(s => s.role)
             : ['Administrateur', 'Responsable', 'Contributeur', 'Lecteur'];
-        const actions = ['Consulter', 'Creer', 'Modifier', 'Supprimer', 'Valider', 'Exporter'];
+        return [...baseRoles, ...(data.customRoles || [])];
+    }
+
+    function getPermActions() {
+        const baseActions = ['Consulter', 'Creer', 'Modifier', 'Supprimer', 'Valider', 'Exporter'];
+        return [...baseActions, ...(data.customActions || [])];
+    }
+
+    function renderPermissionGrid(code) {
+        const roles = getPermRoles();
+        const actions = getPermActions();
+        const baseRolesCount = data.cadrage.stakeholders.length > 0
+            ? data.cadrage.stakeholders.length
+            : 4;
+        const baseActionsCount = 6;
 
         const perms = data.moduleSpecs[code]?.permissions || [];
 
@@ -2429,12 +2613,12 @@
             <table class="mock-table" style="background:var(--bg-card);border-radius:8px;overflow:hidden;">
                 <thead><tr>
                     <th>Profil</th>
-                    ${actions.map(a => `<th style="text-align:center;">${a}</th>`).join('')}
+                    ${actions.map((a, i) => `<th style="text-align:center;">${a}${i >= baseActionsCount ? ' <span onclick="removeCustomAction('+`'${code}','${a}'`+')" style="cursor:pointer;color:var(--danger);font-size:0.7rem;" title="Supprimer cette action">&#10005;</span>' : ''}</th>`).join('')}
                 </tr></thead>
                 <tbody>
-                    ${roles.map(role => `
+                    ${roles.map((role, ri) => `
                         <tr>
-                            <td style="font-weight:500;color:var(--text-bright);">${role}</td>
+                            <td style="font-weight:500;color:var(--text-bright);">${role}${ri >= baseRolesCount ? ' <span onclick="removeCustomRole('+`'${code}','${role}'`+')" style="cursor:pointer;color:var(--danger);font-size:0.7rem;" title="Supprimer ce role">&#10005;</span>' : ''}</td>
                             ${actions.map(action => {
                                 const key = role + '|' + action;
                                 const checked = perms.includes(key);
@@ -2457,6 +2641,65 @@
         autoSave();
     }
 
+    function addCustomRole(code) {
+        const input = document.getElementById('role-name-' + code);
+        const name = input.value.trim();
+        if (!name) return;
+        if (!data.customRoles) data.customRoles = [];
+        if (!data.customRoles.includes(name) && !getPermRoles().includes(name)) {
+            data.customRoles.push(name);
+        }
+        input.value = '';
+        toggleForm('addRoleForm-' + code);
+        refreshAllPermGrids();
+        autoSave();
+    }
+
+    function addCustomAction(code) {
+        const input = document.getElementById('action-name-' + code);
+        const name = input.value.trim();
+        if (!name) return;
+        if (!data.customActions) data.customActions = [];
+        if (!data.customActions.includes(name) && !getPermActions().includes(name)) {
+            data.customActions.push(name);
+        }
+        input.value = '';
+        toggleForm('addActionForm-' + code);
+        refreshAllPermGrids();
+        autoSave();
+    }
+
+    function removeCustomRole(code, role) {
+        data.customRoles = (data.customRoles || []).filter(r => r !== role);
+        // Remove associated permissions
+        data.modules.forEach(m => {
+            if (data.moduleSpecs[m.code]?.permissions) {
+                data.moduleSpecs[m.code].permissions = data.moduleSpecs[m.code].permissions.filter(p => !p.startsWith(role + '|'));
+            }
+        });
+        refreshAllPermGrids();
+        autoSave();
+    }
+
+    function removeCustomAction(code, action) {
+        data.customActions = (data.customActions || []).filter(a => a !== action);
+        // Remove associated permissions
+        data.modules.forEach(m => {
+            if (data.moduleSpecs[m.code]?.permissions) {
+                data.moduleSpecs[m.code].permissions = data.moduleSpecs[m.code].permissions.filter(p => !p.endsWith('|' + action));
+            }
+        });
+        refreshAllPermGrids();
+        autoSave();
+    }
+
+    function refreshAllPermGrids() {
+        data.modules.forEach(m => {
+            const container = document.getElementById('permGrid-' + m.code);
+            if (container) container.innerHTML = renderPermissionGrid(m.code);
+        });
+    }
+
     function switchTab(code, tabId) {
         const section = document.getElementById('module-spec-' + code);
         if (!section) return;
@@ -2500,13 +2743,11 @@
         const container = document.getElementById('consolPermissions');
         if (!container || data.modules.length === 0) return;
 
-        const roles = data.cadrage.stakeholders.length > 0
-            ? data.cadrage.stakeholders.map(s => s.role)
-            : ['Administrateur', 'Responsable', 'Contributeur', 'Lecteur'];
+        const roles = getPermRoles();
 
         let html = '<table class="mock-table" style="background:var(--bg-card);border-radius:8px;overflow:hidden;">';
         html += '<thead><tr><th>Profil</th>';
-        data.modules.forEach(m => { html += `<th style="text-align:center;">${m.name}</th>`; });
+        data.modules.forEach(m => { html += `<th style="text-align:center;">${m.name || m.code}</th>`; });
         html += '</tr></thead><tbody>';
 
         roles.forEach(role => {

package/templates/skills/business-analyse/schemas/application-schema.json

@@ -37,13 +37,12 @@
         "context": { "type": "string", "const": "business" },
         "language": { "type": "string", "enum": ["fr", "en", "it", "de"] },
         "featureDescription": { "type": "string" },
-        "useCase": {
+        "workflowType": {
           "type": "string",
-          "enum": ["application", "new", "refactoring"],
-          "description": "Which use case triggered this analysis"
+          "enum": ["new", "update"],
+          "description": "Whether this is a new application or an update"
         },
         "mcpAvailable": { "type": "boolean" },
-        "economyMode": { "type": "boolean" },
         "workflow": {
           "type": "object",
           "description": "Iterative module loop state",

package/templates/skills/business-analyse/schemas/sections/metadata-schema.json

@@ -20,12 +20,11 @@
           "type": "string",
           "enum": ["data-centric", "integration", "ui-centric", "workflow", "reporting", "full-module", "micro"]
         },
-        "useCase": { "type": "string", "enum": ["new", "refactoring", "micro"] },
+        "workflowType": { "type": "string", "enum": ["new", "update"] },
         "permissionBase": { "type": "string", "description": "e.g., business.sales.orders" },
         "previousVersion": { "type": ["string", "null"] },
         "changeReason": { "type": ["string", "null"] },
         "mcpAvailable": { "type": "boolean" },
-        "economyMode": { "type": "boolean" },
         "scope": { "type": "string", "enum": ["application", "module"], "default": "module" },
         "applicationRef": { "type": ["string", "null"], "description": "Parent application feature ID (FEAT-XXX)" },
         "applicationPath": { "type": ["string", "null"], "description": "Path to parent application-level feature.json" },