@atlashub/smartstack-cli 4.81.0 → 5.0.0

package/templates/skills/business-analyse-html/html/src/scripts/01-data-init.js

@@ -1,313 +0,0 @@
-/* ============================================
-   DATA STORE
-   ============================================ */
-const APP_KEY = 'ba-{{APPLICATION_ID}}';
-let data = {{FEATURE_DATA}};
-const ORIGINAL_DATA = JSON.parse(JSON.stringify(data));
-const EMBEDDED_ARTIFACTS = {{EMBEDDED_ARTIFACTS}};
-
-// CRITICAL: Initialize top-level structures FIRST to prevent TypeError crashes
-data.cadrage = data.cadrage || {};
-data.modules = data.modules || [];
-data.dependencies = data.dependencies || [];
-data.handoff = data.handoff || {};
-data.cadrage.stakeholders = data.cadrage.stakeholders || [];
-
-// Initialize applications array (multi-app support)
-data.applications = data.applications || [];
-
-// 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 || [];
-data.consolidation = data.consolidation || {};
-data.consolidation.e2eFlows = data.consolidation.e2eFlows || [];
-
-// Backward compat: merge old problem/current/vision into context
-if (!data.cadrage.context) {
-    data.cadrage.context = {
-        problem: data.cadrage.problem?.description || data.cadrage.problem || '',
-        trigger: data.cadrage.problem?.trigger || '',
-        currentSituation: data.cadrage.current?.tools || '',
-        desiredSituation: data.cadrage.vision?.changes || '',
-        painPoints: data.cadrage.current?.painPoints || (data.cadrage.stakeholders || []).flatMap(s => (s.frustrations || '').split('\n').filter(Boolean)).join('\n'),
-        acceptanceCriteria: data.cadrage.vision?.results || (data.cadrage.criteria || []).map(c => c.text).join('\n')
-    };
-}
-data.cadrage.context = data.cadrage.context || { problem: '', trigger: '', currentSituation: '', desiredSituation: '', painPoints: '', acceptanceCriteria: '' };
-
-// Initialize comments array
-data.comments = data.comments || [];
-
-// Defensive mapping: globalScope (JSON format) -> scope (HTML format)
-// Handles cases where FEATURE_DATA contains raw globalScope instead of pre-mapped scope
-if (!data.cadrage.scope || (!data.cadrage.scope.inscope?.length && data.cadrage.globalScope)) {
-    const gs = data.cadrage.globalScope || {};
-    // Backward compat: merge old MoSCoW into binary scope
-    if (gs.mustHave || gs.shouldHave || gs.couldHave) {
-        data.cadrage.scope = {
-            inscope: [...(gs.mustHave || []), ...(gs.shouldHave || []), ...(gs.couldHave || [])].map(s => typeof s === 'string' ? { name: s, description: '' } : s),
-            outofscope: (gs.outOfScope || []).map(s => typeof s === 'string' ? { name: s, description: '' } : s)
-        };
-    } else {
-        function normScopeItem(s) {
-            if (typeof s === 'string') return { name: s, description: '' };
-            if (s.name) return s;
-            var nm = s.feature || s.label || s.title || JSON.stringify(s);
-            var parts = [];
-            if (s.priority) parts.push(s.priority.toUpperCase());
-            if (s.module) parts.push('Module: ' + s.module);
-            return { name: nm, description: parts.join(' — ') };
-        }
-        data.cadrage.scope = {
-            inscope: (gs.inScope || []).map(normScopeItem),
-            outofscope: (gs.outOfScope || []).map(function(s) {
-                if (typeof s === 'string') return { name: s, description: '' };
-                if (s.name) return s;
-                return { name: s.feature || s.reason || JSON.stringify(s), description: s.reason || '' };
-            })
-        };
-    }
-}
-data.cadrage.scope = data.cadrage.scope || { inscope: [], outofscope: [] };
-
-// Backward compat: old vital/important/optional/excluded → inscope/outofscope
-if (data.cadrage.scope.vital && !data.cadrage.scope.inscope?.length) {
-    data.cadrage.scope.inscope = [...(data.cadrage.scope.vital || []), ...(data.cadrage.scope.important || []), ...(data.cadrage.scope.optional || [])];
-    data.cadrage.scope.outofscope = data.cadrage.scope.excluded || data.cadrage.scope.outofscope || [];
-}
-
-// Defensive init: moduleSpecs (may be missing if LLM didn't follow mapping)
-data.moduleSpecs = data.moduleSpecs || {};
-// Ensure ALL modules have a moduleSpecs entry (prevents missing schemas)
-(data.modules || []).forEach(function(m) {
-    if (!data.moduleSpecs[m.code]) {
-        data.moduleSpecs[m.code] = { useCases: [], businessRules: [], entities: [], permissions: [], notes: '' };
-    }
-    // Ensure anticipatedSections array exists and normalize strings to objects
-    m.anticipatedSections = (m.anticipatedSections || []).map(function(s) {
-        return typeof s === 'string' ? { code: s, name: s, description: '', resources: [] } : s;
-    });
-    m.applicationCode = m.applicationCode || '';
-    // Initialize screens array for interface specs
-    if (!data.moduleSpecs[m.code].screens) {
-        data.moduleSpecs[m.code].screens = [];
-    }
-    // Ensure sections have initialized arrays for hierarchical data
-    m.anticipatedSections.forEach(function(section) {
-        section.useCases = section.useCases || [];
-        section.businessRules = section.businessRules || [];
-        section.resources = section.resources || [];
-        section.permission = section.permission || '';
-        section.route = section.route || '';
-    });
-});
-
-// Normalize permissions: convert any object format to "Role|Action" pipe-delimited strings
-// Handles 5 formats:
-// A: "Role|Action" strings (already correct)
-// B: {role, permissions: ["Read:all", ...]} with role-permission pairs
-// C: {role, permissions: ["Module.Entity.Read", ...]} with path-based permissions
-// D: {code, label, description} permission definitions without role assignment
-// E: {role: "", permissions: []} empty entries (skip)
-(data.modules || []).forEach(function(m) {
-    var spec = data.moduleSpecs[m.code];
-    if (!spec || !spec.permissions || spec.permissions.length === 0) return;
-    // Skip if already normalized (first element is a pipe-delimited string)
-    if (typeof spec.permissions[0] === 'string' && spec.permissions[0].indexOf('|') !== -1) return;
-    if (typeof spec.permissions[0] !== 'object') return;
-
-    var actionMap = {
-        'read': 'Consulter', 'create': 'Créer', 'update': 'Modifier',
-        'delete': 'Supprimer', 'approve': 'Valider', 'validate': 'Valider',
-        'export': 'Exporter', 'admin': 'Administrer', 'import': 'Importer',
-        'viewsalary': 'Consulter', 'assignteam': 'Modifier', 'cancel': 'Supprimer',
-        'viewbalance': 'Consulter', 'invoicetime': 'Valider'
-    };
-    var normalized = [];
-    var first = spec.permissions[0];
-
-    // Detect Format D: {code, label, description} — permission codes without roles
-    if (first.code && !first.role && !first.permissions) {
-        // Extract actions from permission codes, assign to stakeholder roles
-        var roles = (data.cadrage.stakeholders || []).map(function(s) { return s.role; }).filter(Boolean);
-        if (roles.length === 0) roles = ['Administrateur', 'Responsable', 'Contributeur', 'Lecteur'];
-        spec.permissions.forEach(function(permDef) {
-            var code = permDef.code || '';
-            var raw = code.split('.').pop(); // "Module.Entity.Read" → "Read"
-            var action = actionMap[raw.toLowerCase()] || raw;
-            // Assign to first role (admin) by default — better than empty
-            if (roles[0]) {
-                var key = roles[0] + '|' + action;
-                if (normalized.indexOf(key) === -1) normalized.push(key);
-            }
-        });
-    } else {
-        // Format B/C: {role, permissions: [...]}
-        spec.permissions.forEach(function(entry) {
-            var role = entry.role || entry.name || '';
-            if (!role) return; // Skip Format E (empty role)
-            var perms = entry.permissions || entry.actions || [];
-            if (perms.length === 0 && entry.permissionPattern && entry.permissionPattern.endsWith('*')) {
-                ['Consulter', 'Créer', 'Modifier', 'Supprimer', 'Valider', 'Exporter'].forEach(function(a) {
-                    normalized.push(role + '|' + a);
-                });
-                return;
-            }
-            perms.forEach(function(perm) {
-                if (typeof perm !== 'string') return;
-                var raw = perm.split(':')[0]; // "Read:all" → "Read"
-                if (raw.indexOf('.') !== -1) raw = raw.split('.').pop(); // "Module.Entity.Read" → "Read"
-                var action = actionMap[raw.toLowerCase()] || raw;
-                var key = role + '|' + action;
-                if (normalized.indexOf(key) === -1) normalized.push(key);
-            });
-        });
-    }
-    spec.permissions = normalized;
-});
-
-// Detect if modules use section-level specs (hierarchical mode)
-function hasHierarchicalSpecs(mod) {
-    return (mod.anticipatedSections || []).some(function(s) {
-        return (s.useCases && s.useCases.length > 0) || (s.businessRules && s.businessRules.length > 0);
-    });
-}
-
-// Defensive: normalize stakeholder tasks (string → array)
-(data.cadrage.stakeholders || []).forEach(function(s) {
-    if (typeof s.tasks === 'string') {
-        s.tasks = s.tasks.split(',').map(t => t.trim()).filter(Boolean);
-    }
-    s.tasks = s.tasks || [];
-});
-
-// Vibe coding mode: hide non-relevant sections
-const isVibeCoding = data.metadata?.vibeCoding === true;
-if (isVibeCoding) {
-    document.querySelectorAll('[data-vibe-hide]').forEach(el => el.style.display = 'none');
-}
-
-/* ============================================
-   UTILITIES
-   ============================================ */
-function showNotification(message) {
-    const el = document.getElementById('notification');
-    el.textContent = message;
-    el.classList.add('visible');
-    setTimeout(() => el.classList.remove('visible'), 2500);
-}
-
-function toggleForm(formId) {
-    document.getElementById(formId).classList.toggle('visible');
-}
-
-function clearForm(formId) {
-    document.querySelectorAll('#' + formId + ' input, #' + formId + ' textarea').forEach(el => el.value = '');
-}
-
-function getNestedValue(obj, path) {
-    return path.split('.').reduce((o, k) => (o || {})[k], obj);
-}
-
-function setNestedValue(obj, path, value) {
-    const keys = path.split('.');
-    let current = obj;
-    for (let i = 0; i < keys.length - 1; i++) {
-        if (!current[keys[i]]) current[keys[i]] = {};
-        current = current[keys[i]];
-    }
-    current[keys[keys.length - 1]] = value;
-}
-
-function updateCounts() {
-    buildNavTree();
-    updateDepSelects();
-}
-
-function formatFrequency(f) {
-    return { daily: 'Quotidien', weekly: 'Hebdomadaire', monthly: 'Mensuel', occasional: 'Occasionnel' }[f] || f;
-}
-
-function formatAccess(a) {
-    return { admin: 'Administration', manager: 'Supervision', contributor: 'Contribution', viewer: 'Consultation' }[a] || a;
-}
-
-function formatPriority(p) {
-    return { inscope: 'Dans le périmètre', outofscope: 'Hors périmètre' }[p] || p;
-}
-
-function formatLevel(l) {
-    return { high: 'Fort', medium: 'Moyen', low: 'Faible' }[l] || l;
-}
-
-function formatModuleType(t) {
-    return { 'data-centric': 'Données', 'workflow': 'Processus', 'reporting': 'Rapports', 'integration': 'Intégration', 'full-module': 'Complet' }[t] || t;
-}
-
-function escapeHtml(s) {
-    if (s == null) return '';
-    var d = document.createElement('div');
-    d.textContent = String(s);
-    return d.innerHTML;
-}
-
-function computeProgress() {
-    var totalModules = data.modules.length;
-    var modulesWithUC = 0, modulesWithBR = 0, modulesWithEntities = 0, modulesWithWireframes = 0;
-    var totalUCs = 0, totalBRs = 0, totalEntities = 0;
-
-    data.modules.forEach(function(m) {
-        var spec = data.moduleSpecs[m.code] || {};
-        var ucs = (spec.useCases || []).length;
-        var brs = (spec.businessRules || []).length;
-        var ents = (spec.entities || []).length;
-        var wfs = (EMBEDDED_ARTIFACTS?.wireframes?.[m.code] || []).length + (spec.screens || []).length;
-        totalUCs += ucs; totalBRs += brs; totalEntities += ents;
-        if (ucs > 0) modulesWithUC++;
-        if (brs > 0) modulesWithBR++;
-        if (ents > 0) modulesWithEntities++;
-        if (wfs > 0) modulesWithWireframes++;
-    });
-
-    var checks = [];
-    if (totalModules > 0) checks.push({ done: true, label: 'Modules définis (' + totalModules + ')' });
-    checks.push({ done: modulesWithUC === totalModules && totalModules > 0, label: 'Cas d\'utilisation (' + modulesWithUC + '/' + totalModules + ' modules)' });
-    checks.push({ done: modulesWithBR === totalModules && totalModules > 0, label: 'Règles métier (' + modulesWithBR + '/' + totalModules + ' modules)' });
-    checks.push({ done: modulesWithEntities === totalModules && totalModules > 0, label: 'Données (' + modulesWithEntities + '/' + totalModules + ' modules)' });
-    checks.push({ done: modulesWithWireframes === totalModules && totalModules > 0, label: 'Maquettes (' + modulesWithWireframes + '/' + totalModules + ' modules)' });
-    checks.push({ done: data.cadrage.stakeholders.length > 0, label: 'Parties prenantes (' + data.cadrage.stakeholders.length + ')' });
-    checks.push({ done: (data.cadrage.scope.inscope || []).length > 0, label: 'Périmètre défini' });
-
-    var doneCount = checks.filter(function(c) { return c.done; }).length;
-    var pct = checks.length > 0 ? Math.round(doneCount / checks.length * 100) : 0;
-    return { checks: checks, doneCount: doneCount, total: checks.length, pct: pct, totalUCs: totalUCs, totalBRs: totalBRs, totalEntities: totalEntities };
-}
-
-/* ============================================
-   INITIALIZATION
-   ============================================ */
-document.addEventListener('DOMContentLoaded', function() {
-    loadFromLocalStorage();
-    initEditableFields();
-    // Re-apply vibe hiding after DOM init (in case loadFromLocalStorage changed data)
-    if (isVibeCoding) {
-        document.querySelectorAll('[data-vibe-hide]').forEach(el => el.style.display = 'none');
-    }
-    renderStakeholders();
-    renderScope();
-    renderCriteria();
-    renderModules();
-    renderDependencies();
-    renderAllModuleSpecs();
-    renderConsolidation();
-    renderHandoff();
-    renderE2EFlows();
-    buildNavTree();
-    updateDepSelects();
-    initInlineComments();
-    renderReviewPanel();
-    showSection(currentSectionId);
-});

package/templates/skills/business-analyse-html/html/src/scripts/02-navigation.js

@@ -1,316 +0,0 @@
-/* ============================================
-   NAVIGATION - Hierarchical Tree
-   ============================================ */
-let currentSectionId = 'cadrage-context';
-let navCollapseState = {};
-
-/* ---------- Core ---------- */
-
-function showSection(sectionId) {
-    currentSectionId = sectionId;
-    document.querySelectorAll('.section').forEach(s => s.style.display = 'none');
-    const section = document.getElementById(sectionId);
-    if (section) section.style.display = 'block';
-
-    // Highlight active nav item
-    document.querySelectorAll('#sidebarNav .nav-item').forEach(n => n.classList.remove('active'));
-    const navItem = document.querySelector('#sidebarNav [data-section="' + sectionId + '"]');
-    if (navItem) {
-        navItem.classList.add('active');
-        // Auto-expand parent groups to reveal active item
-        let parent = navItem.parentElement;
-        while (parent && parent.id !== 'sidebarNav') {
-            if (parent.classList.contains('nav-children') && parent.style.display === 'none') {
-                parent.style.display = '';
-                const groupEl = parent.parentElement;
-                if (groupEl) {
-                    const groupId = groupEl.dataset.groupId;
-                    if (groupId) {
-                        navCollapseState[groupId] = false;
-                        const chevron = groupEl.querySelector(':scope > .nav-group-title .nav-chevron, :scope > .nav-item.nav-module-header .nav-chevron');
-                        if (chevron) chevron.classList.add('expanded');
-                    }
-                }
-            }
-            parent = parent.parentElement;
-        }
-        saveNavState();
-    }
-}
-
-function restoreCurrentSection() {
-    if (currentSectionId) {
-        const section = document.getElementById(currentSectionId);
-        if (section) section.style.display = 'block';
-    }
-}
-
-/* ---------- Tree Builder ---------- */
-
-function buildNavTree() {
-    const nav = document.getElementById('sidebarNav');
-    if (!nav) return;
-
-    var html = renderNavGroup('cadrage', 'Cadrage', buildCadrageItems());
-
-    // Multi-app: group modules by application
-    if (data.applications && data.applications.length > 1) {
-        data.applications.forEach(function(app) {
-            var appModules = data.modules.filter(function(m) { return m.applicationCode === app.code; });
-            var appModuleItems = '';
-            appModules.forEach(function(mod) {
-                appModuleItems += renderModuleNavItem(mod);
-            });
-            // Global views at bottom of each app group
-            appModuleItems += renderNavItem('decomp-modules', 'Vue d\'ensemble', data.modules.length);
-            html += renderNavGroup('app-' + app.code, app.name || app.code, appModuleItems);
-        });
-        // Modules without applicationCode
-        var orphanModules = data.modules.filter(function(m) { return !m.applicationCode; });
-        if (orphanModules.length > 0) {
-            var orphanItems = '';
-            orphanModules.forEach(function(mod) {
-                orphanItems += renderModuleNavItem(mod);
-            });
-            html += renderNavGroup('modules-other', 'Autres modules (' + orphanModules.length + ')', orphanItems);
-        }
-        html += renderNavItem('decomp-dependencies', 'Dépendances', data.dependencies.length);
-    } else {
-        html += renderNavGroup('modules', 'Modules (' + data.modules.length + ')', buildModuleItems());
-    }
-
-    html += renderNavGroup('consolidation', 'Consolidation', buildConsolidationItems());
-    html += renderNavGroup('synthese', 'Synthèse', buildSyntheseItems());
-
-    nav.innerHTML = html;
-    restoreNavState();
-    highlightActiveNavItem();
-}
-
-function renderNavGroup(id, title, itemsHtml) {
-    const collapsed = navCollapseState[id] === true;
-    return '<div class="nav-group" data-group-id="' + id + '">' +
-        '<div class="nav-group-title" onclick="toggleNavGroup(\'' + id + '\')">' +
-            '<span class="nav-chevron ' + (collapsed ? '' : 'expanded') + '">&#9656;</span> ' +
-            title +
-        '</div>' +
-        '<div class="nav-children"' + (collapsed ? ' style="display:none;"' : '') + '>' +
-            itemsHtml +
-        '</div>' +
-    '</div>';
-}
-
-function renderNavItem(sectionId, label, badge) {
-    return '<a class="nav-item" onclick="showSection(\'' + sectionId + '\')" data-section="' + sectionId + '">' +
-        '<span class="nav-icon">&#9679;</span> ' + label +
-        (badge !== undefined ? ' <span class="nav-badge">' + badge + '</span>' : '') +
-    '</a>';
-}
-
-/* ---------- Group Builders ---------- */
-
-function buildCadrageItems() {
-    return renderNavItem('cadrage-context', 'Contexte') +
-        renderNavItem('cadrage-stakeholders', 'Parties prenantes', data.cadrage.stakeholders.length) +
-        renderNavItem('cadrage-scope', 'Périmètre fonctionnel') +
-        renderNavItem('cadrage-success', 'Critères de réussite');
-}
-
-function buildModuleItems() {
-    let html = '';
-    data.modules.forEach(function(mod) {
-        html += renderModuleNavItem(mod);
-    });
-    // Global module views at bottom
-    html += renderNavItem('decomp-modules', 'Vue d\'ensemble', data.modules.length);
-    html += renderNavItem('decomp-dependencies', 'Dépendances', data.dependencies.length);
-    return html;
-}
-
-function buildConsolidationItems() {
-    var totalEntities = data.modules.reduce(function(sum, m) {
-        return sum + (data.moduleSpecs[m.code]?.entities || []).length;
-    }, 0);
-    return renderNavItem('consol-datamodel', 'Modèle de données', totalEntities) +
-        renderNavItem('consol-interactions', 'Interactions') +
-        renderNavItem('consol-permissions', 'Cohérence des accès') +
-        renderNavItem('consol-flows', 'Parcours bout en bout', data.consolidation.e2eFlows.length);
-}
-
-function buildSyntheseItems() {
-    return renderNavItem('handoff-summary', 'Vue d\'ensemble');
-}
-
-/* ---------- Module Sub-Tree ---------- */
-
-function renderModuleNavItem(mod) {
-    var code = mod.code;
-    var spec = data.moduleSpecs[code] || {};
-    var ucCount = (spec.useCases || []).length;
-    var brCount = (spec.businessRules || []).length;
-    var entCount = (spec.entities || []).length;
-    var totalItems = ucCount + brCount + entCount;
-
-    // Flat module link — sections/resources are accessible via tabs (Structure, Maquettes)
-    return '<a class="nav-item nav-module-header" onclick="showSection(\'module-spec-' + code + '\')" data-section="module-spec-' + code + '">' +
-        '<span class="nav-icon">&#9679;</span> ' +
-        (mod.name || mod.code) +
-        (totalItems > 0 ? ' <span class="nav-badge">' + totalItems + '</span>' : '') +
-    '</a>';
-}
-
-function renderModuleTabNavItem(code, tabId, label, badge) {
-    var sectionId = 'module-spec-' + code;
-    return '<a class="nav-item" onclick="showSection(\'' + sectionId + '\');switchTab(\'' + code + '\',\'' + tabId + '\')" data-section="' + sectionId + '-' + tabId + '">' +
-        '<span class="nav-icon">&#9679;</span> ' + label +
-        (badge !== undefined ? ' <span class="nav-badge">' + badge + '</span>' : '') +
-    '</a>';
-}
-
-function scrollToMockup(moduleCode, sectionCode) {
-    setTimeout(function() {
-        var el = document.getElementById('screen-' + moduleCode + '-' + sectionCode);
-        if (el) {
-            el.scrollIntoView({ behavior: 'smooth', block: 'start' });
-            el.style.outline = '2px solid var(--accent)';
-            el.style.borderRadius = '10px';
-            setTimeout(function() { el.style.outline = ''; el.style.borderRadius = ''; }, 2000);
-        }
-    }, 150);
-}
-
-/* ---------- Collapse/Expand ---------- */
-
-function toggleNavGroup(groupId) {
-    navCollapseState[groupId] = !navCollapseState[groupId];
-    var groupEl = document.querySelector('[data-group-id="' + groupId + '"]');
-    if (groupEl) {
-        var children = groupEl.querySelector(':scope > .nav-children');
-        var chevron = groupEl.querySelector(':scope > .nav-group-title .nav-chevron, :scope > .nav-item.nav-module-header .nav-chevron');
-        if (children) children.style.display = navCollapseState[groupId] ? 'none' : '';
-        if (chevron) chevron.classList.toggle('expanded', !navCollapseState[groupId]);
-    }
-    saveNavState();
-}
-
-function saveNavState() {
-    try { localStorage.setItem(APP_KEY + '-nav', JSON.stringify(navCollapseState)); } catch(e) {}
-}
-
-function restoreNavState() {
-    try {
-        var saved = localStorage.getItem(APP_KEY + '-nav');
-        if (saved) {
-            navCollapseState = JSON.parse(saved);
-            // Apply collapse state to all groups
-            Object.keys(navCollapseState).forEach(function(groupId) {
-                if (navCollapseState[groupId]) {
-                    var groupEl = document.querySelector('[data-group-id="' + groupId + '"]');
-                    if (groupEl) {
-                        var children = groupEl.querySelector(':scope > .nav-children');
-                        var chevron = groupEl.querySelector(':scope > .nav-group-title .nav-chevron, :scope > .nav-item.nav-module-header .nav-chevron');
-                        if (children) children.style.display = 'none';
-                        if (chevron) chevron.classList.remove('expanded');
-                    }
-                }
-            });
-        }
-    } catch(e) {}
-}
-
-function highlightActiveNavItem() {
-    if (!currentSectionId) return;
-    var navItem = document.querySelector('#sidebarNav [data-section="' + currentSectionId + '"]');
-    if (navItem) navItem.classList.add('active');
-}
-
-/* ---------- Mobile Sidebar ---------- */
-
-function toggleMobileSidebar() {
-    var sidebar = document.getElementById('sidebarAside');
-    var overlay = document.getElementById('sidebarOverlay');
-    if (!sidebar) return;
-    var isOpen = sidebar.classList.contains('mobile-open');
-    sidebar.classList.toggle('mobile-open', !isOpen);
-    if (overlay) overlay.classList.toggle('visible', !isOpen);
-}
-
-/* ---------- Search / Filter ---------- */
-
-var _searchTimer;
-function filterNavItems(query) {
-    clearTimeout(_searchTimer);
-    _searchTimer = setTimeout(function() { doFilterNavItems(query); }, 200);
-}
-
-function doFilterNavItems(query) {
-    var q = (query || '').toLowerCase().trim();
-    var nav = document.getElementById('sidebarNav');
-    if (!nav) return;
-
-    // Clear previous highlights
-    nav.querySelectorAll('.search-highlight').forEach(function(el) {
-        el.outerHTML = el.textContent;
-    });
-
-    if (!q) {
-        // Show all items
-        nav.querySelectorAll('.nav-item, .nav-group, .nav-module, .nav-section-item').forEach(function(el) {
-            el.classList.remove('search-hidden');
-        });
-        return;
-    }
-
-    // Filter nav items
-    var allItems = nav.querySelectorAll('.nav-item');
-    var visibleSections = new Set();
-
-    allItems.forEach(function(item) {
-        var text = item.textContent.toLowerCase();
-        if (text.includes(q)) {
-            item.classList.remove('search-hidden');
-            // Show parent groups
-            var parent = item.parentElement;
-            while (parent && parent.id !== 'sidebarNav') {
-                parent.classList.remove('search-hidden');
-                if (parent.querySelector(':scope > .nav-children')) {
-                    var children = parent.querySelector(':scope > .nav-children');
-                    if (children) children.style.display = '';
-                }
-                parent = parent.parentElement;
-            }
-            // Track section for content search
-            var sectionId = item.dataset.section;
-            if (sectionId) visibleSections.add(sectionId);
-        } else {
-            item.classList.add('search-hidden');
-        }
-    });
-
-    // Hide groups that have no visible children
-    nav.querySelectorAll('.nav-group, .nav-module').forEach(function(group) {
-        var visibleChildren = group.querySelectorAll('.nav-item:not(.search-hidden)');
-        if (visibleChildren.length === 0) {
-            group.classList.add('search-hidden');
-        } else {
-            group.classList.remove('search-hidden');
-        }
-    });
-
-    // Also search in section content and show matching sections
-    document.querySelectorAll('.section').forEach(function(section) {
-        var text = section.textContent.toLowerCase();
-        if (text.includes(q) && !visibleSections.has(section.id)) {
-            // Unhide corresponding nav item
-            var navItem = nav.querySelector('[data-section="' + section.id + '"]');
-            if (navItem) {
-                navItem.classList.remove('search-hidden');
-                var parent = navItem.parentElement;
-                while (parent && parent.id !== 'sidebarNav') {
-                    parent.classList.remove('search-hidden');
-                    parent = parent.parentElement;
-                }
-            }
-        }
-    });
-}