web/build.sh

@@ -242,35 +242,29 @@ for spec in "${REMOTE_PAGES[@]}"; do
 done
 
 if [[ "$CHECK_ONLY" == false ]]; then
-    # Build navigation.json from menu: section.
+    # Apply menu order if defined — reorder PAGE_ENTRIES and filter nav visibility
-    # Convert full manifest to JSON once (single yq call) then jq handles all logic.
+    mapfile -t MENU_ORDER < <(yq '(.menu // [])[]' "$MANIFEST")
-    # Menu items: string → page lookup, object → pass-through (separator/section).
-    manifest_json=$(yq -o json '.' "$MANIFEST")
-    menu_json=$(echo "$manifest_json" | jq -c '.menu // []')
-    menu_len=$(echo "$menu_json" | jq 'length')
 
-    if [[ "$menu_len" -gt 0 ]]; then
+    if [[ ${#MENU_ORDER[@]} -gt 0 ]]; then
-        NAV_ENTRIES=$(jq -n \
+        ORDERED="[]"
-            --argjson menu  "$menu_json" \
+        for route in "${MENU_ORDER[@]}"; do
-            --argjson pages "$PAGE_ENTRIES" \
+            [[ -z "$route" ]] && continue
-            '[ $menu[] |
+            entry="$(echo "$PAGE_ENTRIES" | jq --arg r "$route" '.[] | select(.route == $r)')"
-               if type == "string"
+            [[ -z "$entry" ]] && warn "menu: route '${route}' not found in pages, skipping"
-               then (. as $r | $pages[] | select(.route == $r) |
+            [[ -n "$entry" ]] && ORDERED="$(echo "$ORDERED" | jq --argjson e "$entry" '. + [$e]')"
-                    { label, href: ("#/" + .route), icon })
+        done
-               else .
+        NAV_ENTRIES="$ORDERED"
-               end
-             ]')
     else
-        # No menu defined — use all pages in discovery order
+        NAV_ENTRIES="$PAGE_ENTRIES"
-        NAV_ENTRIES=$(echo "$PAGE_ENTRIES" | \
-            jq '[.[] | { label, href: ("#/" + .route), icon }]')
     fi
 
     # pages.json — full list (all pages, original discovery order)
     echo "$PAGE_ENTRIES" | jq '.' > "${WEB_DIR}/pages.json"
 
-    # navigation.json — write NAV_ENTRIES as-is (already correctly shaped)
+    # navigation.json — ordered + filtered by menu:
-    echo "$NAV_ENTRIES" | jq '.' > "${WEB_DIR}/navigation.json"
+    echo "$NAV_ENTRIES" | \
+        jq '[.[] | {label: .label, href: ("#/" + .route), icon: .icon}]' \
+        > "${WEB_DIR}/navigation.json"
 
     log "wrote pages.json ($(echo "$PAGE_ENTRIES" | jq 'length') pages) + navigation.json ($(echo "$NAV_ENTRIES" | jq 'length') in menu)"
 fi

web/components.yml

@@ -52,10 +52,7 @@ remote_pages: []
 # A page not listed here is accessible via /#/route but hidden from the nav.
 menu:
   - dashboard
-  - type: section
-    label: Réseau
   - vpcs
   - subnets
-  - type: separator
   - vms
 

web/components/side-nav/side-nav.css

@@ -16,14 +16,13 @@
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 5px 12px;
+  padding: 11px 12px;
-  margin: 2px;
   border-radius: 6px;
   text-decoration: none;
   color: #a6adc8;
   font-size: 14px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  min-height: 25px;
+  min-height: 44px;
   transition: background 0.1s, color 0.1s;
 }
 
@@ -39,18 +38,3 @@
 }
 
 .item:hover .icon { color: #cdd6f4; }
-
-.section-header {
-  font-size: 10px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  color: #45475a;
-  padding: 14px 12px 4px;
-}
-
-.separator {
-  height: 1px;
-  background: #313244;
-  margin: 6px 4px;
-}

web/components/side-nav/side-nav.js

@@ -76,14 +76,6 @@ class SideNav extends HTMLElement {
     const current = this.#currentHref()
 
     const links = this.#items.map(item => {
-      if (item.type === 'separator') {
-        return `<div class="separator"></div>`
-      }
-      if (item.type === 'section') {
-        return `<div class="section-header">${item.label ?? ''}</div>`
-      }
-      // Skip malformed entries (missing href or label)
-      if (!item.href || !item.label) return ''
       const active = item.href === current
       return `<a href="${item.href}" class="item ${active ? 'active' : ''}">
         <span class="icon">${resolveIcon(item.icon)}</span>

web/navigation.json

@@ -4,10 +4,6 @@
     "href": "#/dashboard",
     "icon": "dashboard"
   },
-  {
-    "type": "section",
-    "label": "Réseau"
-  },
   {
     "label": "VPCs",
     "href": "#/vpcs",
@@ -18,9 +14,6 @@
     "href": "#/subnets",
     "icon": "subnet"
   },
-  {
-    "type": "separator"
-  },
   {
     "label": "VMs",
     "href": "#/vms",