From 62791231c0fd81ea93386cc7128c5f0bf59261c2 Mon Sep 17 00:00:00 2001
From: johndoe6345789 <john.doe6345789@gmail.com>
Date: Fri, 9 Jan 2026 19:57:35 +0000
Subject: [PATCH] Add fallback defaults for navigation items in index.js:
 Initialize `NavigationLoader` with default items if fetch fails. Adjust
 render and refresh logic to handle empty navigation data gracefully.

---
 src/autometabuilder/web/static/js/index.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/autometabuilder/web/static/js/index.js b/src/autometabuilder/web/static/js/index.js
index 4a69bc3..4b456bd 100644
--- a/src/autometabuilder/web/static/js/index.js
+++ b/src/autometabuilder/web/static/js/index.js
@@ -49,6 +49,13 @@
     const NavigationLoader = {
         items: [],
         container: null,
+        defaults: [
+            { section: 'dashboard', icon: 'speedometer2', label_key: 'ui.nav.dashboard', default_label: 'Dashboard' },
+            { section: 'workflow', icon: 'diagram-3', label_key: 'ui.nav.workflow', default_label: 'Workflow' },
+            { section: 'prompt', icon: 'file-text', label_key: 'ui.nav.prompt', default_label: 'Prompt' },
+            { section: 'settings', icon: 'gear', label_key: 'ui.nav.settings', default_label: 'Settings' },
+            { section: 'translations', icon: 'translate', label_key: 'ui.nav.translations', default_label: 'Translations' }
+        ],
 
         async init() {
             this.container = document.getElementById('amb-nav');
@@ -56,12 +63,16 @@
             try {
                 const data = await fetchNavigation();
                 this.items = data.items || [];
-                this.render();
-                if (window.NavigationManager && typeof window.NavigationManager.refresh === 'function') {
-                    window.NavigationManager.refresh();
-                }
             } catch (error) {
                 console.error('Navigation fetch failed', error);
+                this.items = [];
+            }
+            if (!this.items.length) {
+                this.items = this.defaults;
+            }
+            this.render();
+            if (window.NavigationManager && typeof window.NavigationManager.refresh === 'function') {
+                window.NavigationManager.refresh();
             }
         },