living-ai-documentation 2.0.0 → 2.3.0

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",
@@ -29,12 +29,30 @@
   "nav.export_all_pdf": "Exporter tous les documents en PDF",
   "nav.new_folder": "Nouveau dossier",
   "nav.new_document": "Nouveau document",
+  "nav.ai_agents": "Agents IA",
   "nav.word_cloud": "☁ Nuage de mots",
   "nav.diagram": "◇ Diagramme",
   "nav.ai_context": "Contexte IA",
   "nav.files": "📁 Fichiers joints",
   "nav.admin": "⚙ Admin",
 
+  "agents.title": "Agents IA",
+  "agents.subtitle": "Lancer un agent configuré dans le workspace.",
+  "agents.empty": "Aucun agent workspace n'est encore configuré.",
+  "agents.ready": "Prêt",
+  "agents.requires_input": "Input requis",
+  "agents.not_ready": "Configuration incomplète",
+  "agents.no_provider": "Aucun provider LLM",
+  "agents.input_title": "Input agent",
+  "agents.input_hint": "Renseignez l'input nécessaire à cette exécution.",
+  "agents.run": "Lancer l'agent",
+  "agents.loading": "Exécution de l'agent…",
+  "agents.success": "Exécution terminée",
+  "agents.failure": "Échec de l'exécution",
+  "agents.open_document": "Ouvrir le document",
+  "agents.load_failed": "Impossible de charger les agents workspace.",
+  "agents.run_failed": "Échec de l'exécution de l'agent.",
+
   "files.title": "📁 Fichiers joints",
   "files.empty": "Aucun fichier — téléversez-en un depuis un document (trombone, glisser-déposer ou coller).",
   "files.replace": "Remplacer",
@@ -591,7 +609,26 @@
   "diagram.toolbar.shape_editor": "Éditeur de formes personnalisées",
   "diagram.toolbar.arrow": "Flèche (F)",
   "diagram.toolbar.delete": "Supprimer (Suppr)",
+  "diagram.toolbar.defaults": "Valeurs par défaut — configurer les tailles, couleurs et styles par défaut",
   "diagram.toolbar.align_guides": "Guides d'alignement — indique l'alignement entre formes du même type",
+  "diagram.defaults.title": "Valeurs par défaut",
+  "diagram.defaults.section.arrows": "Flèches",
+  "diagram.defaults.section.shapes": "Formes",
+  "diagram.defaults.field.direction": "Direction",
+  "diagram.defaults.field.style": "Style",
+  "diagram.defaults.field.font_size": "Taille police",
+  "diagram.defaults.field.width": "L",
+  "diagram.defaults.field.height": "H",
+  "diagram.defaults.field.color": "Couleur",
+  "diagram.defaults.style.solid": "Plein",
+  "diagram.defaults.style.dashed": "Pointillé",
+  "diagram.defaults.shape.box": "Rectangle",
+  "diagram.defaults.shape.ellipse": "Ellipse",
+  "diagram.defaults.shape.circle": "Cercle",
+  "diagram.defaults.shape.database": "Base de données",
+  "diagram.defaults.shape.actor": "Acteur",
+  "diagram.defaults.shape.postit": "Post-it",
+  "diagram.defaults.shape.text_free": "Texte libre",
   "diagram.toolbar.grid": "Grille / Magnétisme (G)",
   "diagram.toolbar.edge_style": "Basculer flèches courbes / droites",
   "diagram.toolbar.resize_corner": "Mode redimensionnement : coin fixe (cliquer pour centre fixe)",
@@ -609,6 +646,8 @@
   "diagram.sidebar.empty": "Aucun diagramme",
   "diagram.sidebar.delete_title": "Supprimer",
 
+  "diagram.node_panel.color": "Couleur de la forme",
+  "diagram.node_panel.save_as_default": "Enregistrer comme valeur par défaut pour ce type de forme",
   "diagram.node_panel.lock": "Verrouiller la sélection",
   "diagram.node_panel.unlock": "Déverrouiller la sélection",
   "diagram.node_panel.edit_label": "Modifier le texte (double-clic)",
@@ -648,6 +687,9 @@
   "diagram.link_panel.save_btn": "Enregistrer",
   "diagram.link_panel.remove_btn": "Retirer",
 
+  "diagram.edge_panel.font_size_value": "Taille de police",
+  "diagram.edge_panel.color": "Couleur de la flèche",
+  "diagram.edge_panel.save_as_default": "Enregistrer comme valeur par défaut pour les flèches",
   "diagram.edge_panel.lock": "Verrouiller la flèche",
   "diagram.edge_panel.unlock": "Déverrouiller la flèche",
   "diagram.edge_panel.no_arrow": "Trait simple",

package/dist/src/frontend/index.html

@@ -58,6 +58,7 @@
     <script defer src="/accuracy-gauge.js"></script>
     <script defer src="/validate.js"></script>
     <script defer src="/export.js"></script>
+    <script defer src="/agents.js"></script>
     <script defer src="/modals/diagram-link-modal.js"></script>
     <script defer src="/modals/new-folder-modal.js"></script>
     <script defer src="/modals/new-doc-modal.js"></script>
@@ -531,61 +532,47 @@
       <!-- ── 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 -->
+          <!-- AI Agents -->
           <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"
+            id="ai-agents-btn"
+            type="button"
+            data-i18n="nav.ai_agents"
+            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"
           >
-            <span id="dark-icon" class="text-lg leading-none">&#9790;</span>
+            Agents IA
           </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 +581,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 +590,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 +599,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 +608,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>
 
@@ -3110,6 +3122,117 @@
       </div>
     </div>
 
+    <!-- ── AI agents launch modal ── -->
+    <div
+      id="ai-agents-modal"
+      class="hidden fixed inset-0 z-[55] bg-black/45 flex items-center justify-center p-4"
+      onclick="if(event.target===this)closeAiAgentsModal()"
+    >
+      <div
+        class="w-full max-w-4xl max-h-[82vh] bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-xl shadow-2xl flex flex-col overflow-hidden"
+        onclick="event.stopPropagation()"
+      >
+        <div class="px-5 py-4 border-b border-gray-200 dark:border-gray-800 flex items-start justify-between gap-4">
+          <div>
+            <h2 class="font-semibold text-base text-gray-900 dark:text-gray-100" data-i18n="agents.title">Agents IA</h2>
+            <p class="text-xs text-gray-500 dark:text-gray-400 mt-1" data-i18n="agents.subtitle">
+              Launch a configured workspace agent.
+            </p>
+          </div>
+          <button
+            type="button"
+            onclick="closeAiAgentsModal()"
+            data-i18n-title="common.close"
+            class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200 text-xl leading-none px-2"
+          >
+            &times;
+          </button>
+        </div>
+        <div id="ai-agents-grid" class="p-5 overflow-y-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
+          <p class="text-sm text-gray-400" data-i18n="common.loading">Loading…</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- ── AI agent input modal ── -->
+    <div
+      id="ai-agent-input-modal"
+      class="hidden fixed inset-0 z-[56] bg-black/45 flex items-center justify-center p-4"
+      onclick="if(event.target===this)closeAiAgentInputModal()"
+    >
+      <div
+        class="w-full max-w-2xl bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-xl shadow-2xl flex flex-col overflow-hidden"
+        onclick="event.stopPropagation()"
+      >
+        <div class="px-5 py-4 border-b border-gray-200 dark:border-gray-800 flex items-start justify-between gap-4">
+          <div>
+            <h2 id="ai-agent-input-title" class="font-semibold text-base text-gray-900 dark:text-gray-100" data-i18n="agents.input_title">Agent input</h2>
+            <p id="ai-agent-input-hint" class="text-xs text-gray-500 dark:text-gray-400 mt-1" data-i18n="agents.input_hint">
+              Provide the input required for this run.
+            </p>
+          </div>
+          <button
+            type="button"
+            onclick="closeAiAgentInputModal()"
+            data-i18n-title="common.close"
+            class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200 text-xl leading-none px-2"
+          >
+            &times;
+          </button>
+        </div>
+        <div class="p-5 flex flex-col gap-4">
+          <textarea
+            id="ai-agent-user-input"
+            rows="8"
+            class="w-full rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-950 px-3 py-2 text-sm text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500/25 focus:border-blue-500 resize-y"
+          ></textarea>
+          <div class="flex justify-end gap-3">
+            <button
+              type="button"
+              onclick="closeAiAgentInputModal()"
+              data-i18n="common.cancel"
+              class="text-sm px-4 py-2 rounded-lg border border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"
+            >Cancel</button>
+            <button
+              id="ai-agent-input-run"
+              type="button"
+              data-i18n="agents.run"
+              class="text-sm px-4 py-2 rounded-lg bg-blue-600 hover:bg-blue-700 text-white font-semibold transition-colors"
+            >Run agent</button>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- ── AI agent persistent toast ── -->
+    <div
+      id="ai-agent-toast"
+      class="hidden fixed right-5 bottom-5 z-[70] w-[min(420px,calc(100vw-2.5rem))] rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shadow-2xl px-4 py-3"
+      role="status"
+    >
+      <div class="flex items-start gap-3">
+        <span id="ai-agent-toast-icon" class="mt-0.5 h-5 w-5 rounded-full border-2 border-blue-500 border-t-transparent animate-spin shrink-0"></span>
+        <div class="min-w-0 flex-1">
+          <p id="ai-agent-toast-title" class="text-sm font-semibold text-gray-900 dark:text-gray-100" data-i18n="agents.loading">Running agent…</p>
+          <p id="ai-agent-toast-message" class="text-xs text-gray-500 dark:text-gray-400 mt-1 break-words"></p>
+          <button
+            id="ai-agent-toast-open"
+            type="button"
+            data-i18n="agents.open_document"
+            class="hidden mt-3 text-xs px-3 py-1.5 rounded-lg bg-blue-600 hover:bg-blue-700 text-white font-semibold transition-colors"
+          >Open document</button>
+        </div>
+        <button
+          id="ai-agent-toast-close"
+          type="button"
+          data-i18n-title="common.close"
+          class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200 text-lg leading-none px-1 shrink-0"
+        >
+          &times;
+        </button>
+      </div>
+    </div>
+
     <!-- ── Generic confirmation modal (used by showConfirm) ── -->
     <div
       id="confirm-modal"