nextcl skill

app.js

@@ -443,7 +443,8 @@ function populateDemoShell() {
       <span class="agent-tab-dot"></span>
       <span>hermes</span>
       <span class="agent-tab-badge">EU</span>
-    </button>`;
+    </button>
+    <a class="agent-tab-add" href="https://derez.ai/add.html" target="_blank" title="Add agent">+</a>`;
 
   // Show agent panel with demo data
   hide("no-agents");
@@ -566,11 +567,12 @@ function renderAgentTabs() {
     bar.innerHTML = '<span class="tabs-empty">No agents on your account</span>';
     return;
   }
-  bar.innerHTML = agents
-    .map((a) => {
-      const uuid = a.UUID || a.uuid || "";
-      const server = a.server || "";
-      return `
+  bar.innerHTML =
+    agents
+      .map((a) => {
+        const uuid = a.UUID || a.uuid || "";
+        const server = a.server || "";
+        return `
         <button class="agent-tab${uuid === activeUUID ? " active" : ""}"
                 onclick="selectAgent('${escAttr(uuid)}')">
             <span class="agent-tab-dot"></span>
@@ -578,8 +580,9 @@ function renderAgentTabs() {
             <span class="agent-tab-badge">${escHtml(server.toUpperCase())}</span>
         </button>
     `;
-    })
-    .join("");
+      })
+      .join("") +
+    `<a class="agent-tab-add" href="https://derez.ai/add.html" target="_blank" title="Add agent">+</a>`;
 }
 
 function selectAgent(uuid) {