feat(agent): v4.10.0 FlowDeck Agent - agent IA ReAct (SSE, 18 outils + rollback, permissions, skills, triggers, multi-LLM)

app/templates/base.html

@@ -362,12 +362,20 @@
           <span class="section-label">Agents</span>
         </div>
         <div class="sidebar-section-actions">
-          <button class="section-action-btn" title="New agent" @click.stop="">+</button>
+          <button class="section-action-btn" title="New agent" @click.stop="agentNew()">+</button>
           <button class="section-action-btn section-menu-btn" title="Section options" @click.stop="openSectionMenu($event, 'agents')">⋮</button>
         </div>
       </div>
       <div class="sidebar-section-items" x-show="sectionsOpen.agents" x-transition>
-        <ul class="sidebar-items"><li class="sidebar-item empty-hint"><span class="page-icon page-icon-svg">{{ fd_icon("bot",16) }}</span><span class="page-name text-dim">No agents configured</span></li></ul>
+        <ul class="sidebar-items" data-section="agents">
+          <template x-for="a in agentList" :key="a.id">
+            <li class="sidebar-item" @click="agentOpen(a.id)">
+              <span class="page-icon page-icon-svg" x-html="a.icon || '🤖'"></span>
+              <span class="page-name" x-text="a.name"></span>
+            </li>
+          </template>
+          <li class="sidebar-item empty-hint" x-show="!agentList.length" @click="agentOpen()"><span class="page-icon page-icon-svg">{{ fd_icon("bot",16) }}</span><span class="page-name text-dim">No agents — click to chat</span></li>
+        </ul>
       </div>
     </div>
 
@@ -926,6 +934,20 @@
       init() {
         window.appState = this;
         this.loadSidebarConfig();
+        this.loadAgents();
+      },
+      agentList: [],
+      loadAgents() {
+        var self = this;
+        fetch('/api/agent').then(function(r){ return r.json(); }).then(function(d){
+          self.agentList = d.agents || [];
+        }).catch(function(){});
+      },
+      agentOpen(id) {
+        document.dispatchEvent(new CustomEvent('fd-agent-toggle', { detail: { agentId: id || null } }));
+      },
+      agentNew() {
+        document.dispatchEvent(new CustomEvent('fd-agent-toggle'));
       },
       sidebarCollapsed: false,
       mobileSidebarOpen: false,
@@ -1833,5 +1855,7 @@
   </div>
 </div>
 
+{% include 'agent_panel.html' %}
+
 </body>
 </html>