living-ai-documentation 2.0.0 → 2.1.0

package/dist/src/frontend/config.js

@@ -6,8 +6,9 @@ async function loadConfig() {
     await window.initI18n(cfg.language || 'en');
     window.applyI18n();
     if (cfg.title) document.title = cfg.title;
-    document.getElementById("app-title").textContent =
-      cfg.title || "Living Documentation";
+    document.getElementById("app-title").textContent = "Living AI Documentation";
+    const subtitle = document.getElementById("app-subtitle");
+    if (subtitle) subtitle.textContent = cfg.title || "";
     if (cfg.filenamePattern) {
       document.getElementById("welcome-pattern").textContent =
         cfg.filenamePattern + ".md";

package/dist/src/frontend/i18n/en.json

@@ -19,7 +19,7 @@
   "nav.toggle_sidebar": "Toggle sidebar",
   "nav.search_placeholder": "Search docs…",
   "nav.search_mobile_placeholder": "Search…",
-  "nav.workspace": "Workspace",
+  "nav.workspace": "Agentic Workspace",
   "nav.toggle_dark": "Toggle dark mode",
   "nav.export": "Export",
   "nav.toggle_categories": "Show/hide category grouping",

package/dist/src/frontend/i18n/fr.json

@@ -19,7 +19,7 @@
   "nav.toggle_sidebar": "Afficher/masquer le panneau",
   "nav.search_placeholder": "Rechercher dans les docs…",
   "nav.search_mobile_placeholder": "Rechercher…",
-  "nav.workspace": "Workspace",
+  "nav.workspace": "Workspace Agentique",
   "nav.toggle_dark": "Basculer le mode sombre",
   "nav.export": "Exporter",
   "nav.toggle_categories": "Afficher/masquer le regroupement par catégorie",

package/dist/src/frontend/index.html

@@ -531,61 +531,37 @@
       <!-- ── Header ── -->
       <header
         id="header"
-        class="no-print flex items-center justify-between px-4 h-14 border-b border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 shrink-0 z-10 shadow-sm"
+        class="no-print flex items-center justify-between px-6 h-[72px] border-b border-gray-200 dark:border-gray-800 bg-white/90 dark:bg-gray-900/90 backdrop-blur shrink-0 z-10 shadow-sm"
       >
         <div class="flex items-center gap-3">
           <span
             onclick="toggleSidebar()"
             data-i18n-title="nav.toggle_sidebar"
             title="Toggle sidebar"
-            class="text-blue-600 dark:text-blue-400 text-xl select-none cursor-pointer hover:opacity-70 transition-opacity"
-            >&#128218;</span
-          >
-          <span id="app-title" class="font-semibold text-base tracking-tight"
-            >Living Documentation</span
+            class="select-none cursor-pointer hover:opacity-70 transition-opacity flex items-center justify-center w-[38px] h-[38px] rounded-[10px] bg-gray-900 dark:bg-gray-800 border border-gray-600 text-white text-xs font-black"
+            >LD</span
           >
+          <div>
+            <div id="app-title" class="font-[760] text-[15px] tracking-tight leading-tight">Living AI Documentation</div>
+            <div id="app-subtitle" class="text-[12px] text-gray-400 mt-[2px]"></div>
+          </div>
         </div>
 
         <div class="flex items-center gap-2">
-          <!-- Search (desktop — mirrors sidebar search) -->
-          <div class="relative hidden sm:block">
-            <input
-              id="header-search"
-              type="search"
-              data-i18n-placeholder="nav.search_placeholder"
-              placeholder="Search docs…"
-              class="w-56 pl-8 pr-3 py-1.5 text-sm rounded-lg border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-gray-100 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-            <span
-              class="absolute left-2.5 top-2 text-gray-400 text-sm pointer-events-none"
-              >&#128269;</span
-            >
-          </div>
-
           <!-- Workspace -->
           <a
             href="/workspace"
             data-i18n="nav.workspace"
-            class="text-sm px-3 py-1.5 rounded-lg text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors font-medium"
+            class="h-[34px] px-3 rounded-[9px] border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 text-[13px] font-bold text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors inline-flex items-center no-underline"
           >
             Workspace
           </a>
 
-          <!-- Dark mode toggle -->
-          <button
-            id="dark-toggle"
-            data-i18n-title="nav.toggle_dark"
-            title="Toggle dark mode"
-            class="p-2 rounded-lg text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
-          >
-            <span id="dark-icon" class="text-lg leading-none">&#9790;</span>
-          </button>
-
           <!-- Word Cloud -->
           <button
             onclick="openWordCloud()"
             data-i18n="nav.word_cloud"
-            class="text-sm px-3 py-1.5 rounded-lg text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors font-medium"
+            class="h-[34px] px-3 rounded-[9px] border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 text-[13px] font-bold text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors inline-flex items-center"
           >
             &#9729; Word Cloud
           </button>
@@ -594,7 +570,7 @@
           <a
             href="/diagram"
             data-i18n="nav.diagram"
-            class="text-sm px-3 py-1.5 rounded-lg text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors font-medium"
+            class="h-[34px] px-3 rounded-[9px] border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 text-[13px] font-bold text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors inline-flex items-center no-underline"
           >
             &#9671; Diagram
           </a>
@@ -603,7 +579,7 @@
           <a
             href="/context"
             data-i18n="nav.ai_context"
-            class="text-sm px-3 py-1.5 rounded-lg text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors font-medium"
+            class="h-[34px] px-3 rounded-[9px] border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 text-[13px] font-bold text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors inline-flex items-center no-underline"
           >
             AI Context
           </a>
@@ -612,7 +588,7 @@
           <button
             onclick="openFilesModal()"
             data-i18n="nav.files"
-            class="text-sm px-3 py-1.5 rounded-lg text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors font-medium"
+            class="h-[34px] px-3 rounded-[9px] border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 text-[13px] font-bold text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors inline-flex items-center"
           >
             &#128193; Files
           </button>
@@ -621,10 +597,35 @@
           <a
             href="/admin"
             data-i18n="nav.admin"
-            class="text-sm px-3 py-1.5 rounded-lg text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors font-medium"
+            class="h-[34px] px-3 rounded-[9px] border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 text-[13px] font-bold text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors inline-flex items-center no-underline"
           >
             &#9881; Admin
           </a>
+
+          <!-- Dark mode toggle -->
+          <button
+            id="dark-toggle"
+            data-i18n-title="nav.toggle_dark"
+            title="Toggle dark mode"
+            class="p-2 rounded-lg text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+          >
+            <span id="dark-icon" class="text-lg leading-none">&#9790;</span>
+          </button>
+
+          <!-- Search (desktop — mirrors sidebar search) -->
+          <div class="relative hidden sm:block">
+            <input
+              id="header-search"
+              type="search"
+              data-i18n-placeholder="nav.search_placeholder"
+              placeholder="Search docs…"
+              class="w-56 pl-8 pr-3 py-1.5 text-sm rounded-lg border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-gray-100 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500"
+            />
+            <span
+              class="absolute left-2.5 top-2 text-gray-400 text-sm pointer-events-none"
+              >&#128269;</span
+            >
+          </div>
         </div>
       </header>