clideck 1.22.4 → 1.22.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clideck",
-  "version": "1.22.4",
+  "version": "1.22.6",
   "description": "One screen for all your AI coding agents — run, monitor, and manage multiple CLI agents from a single browser tab",
   "main": "server.js",
   "bin": {

package/public/js/app.js

@@ -296,7 +296,10 @@ function showModeToast() {
   });
 }
 
-document.getElementById('btn-new').addEventListener('click', openCreator);
+document.getElementById('btn-new').addEventListener('click', () => {
+  send({ type: 'checkAvailability' });
+  openCreator();
+});
 document.getElementById('btn-new-project').addEventListener('click', () => {
   closeCreator();
   openProjectCreator();

package/public/js/creator.js

@@ -21,6 +21,21 @@ function randomName() {
   return `${a} ${b}`;
 }
 
+function renderPresetButtons() {
+  return sortedPresets().map(p => {
+    const hasConfigured = state.cfg.commands.some(c => binName(c.command) === binName(p.command) && c.enabled !== false);
+    const missing = p.available === false && !hasConfigured;
+    return `
+      <button class="preset-btn w-full flex items-center gap-2.5 px-3 py-2 rounded-md hover:bg-slate-700/70 text-sm transition-colors text-left ${missing ? 'text-slate-500' : 'text-slate-300'}" data-preset="${p.presetId}">
+        <span class="${missing ? 'opacity-40' : ''}">${agentIcon(p.icon, 24)}</span>
+        <span class="flex-1 min-w-0">
+          <span>${esc(p.name)}</span>
+          ${missing ? `<span class="block text-[10px] text-slate-600 truncate">${esc(p.installCmd || 'Not installed')}</span>` : ''}
+        </span>
+      </button>`;
+  }).join('');
+}
+
 function sortedPresets() {
   const all = [...state.presets].filter(p => {
     const cmd = state.cfg.commands.find(c =>
@@ -77,8 +92,6 @@ export function openCreator() {
   // Close project creator if open
   document.getElementById('project-creator')?.remove();
   if (!state.presets.length) return;
-  // Recheck binary availability on the server
-  send({ type: 'checkAvailability' });
 
   const fallbackName = randomName();
   const presets = sortedPresets();
@@ -103,19 +116,8 @@ export function openCreator() {
         ${FOLDER_SVG}
       </button>
     </div>
-    <div class="space-y-0.5">
-      ${presets.map(p => {
-        const hasConfigured = state.cfg.commands.some(c => binName(c.command) === binName(p.command) && c.enabled !== false);
-        const missing = p.available === false && !hasConfigured;
-        return `
-        <button class="preset-btn w-full flex items-center gap-2.5 px-3 py-2 rounded-md hover:bg-slate-700/70 text-sm transition-colors text-left ${missing ? 'text-slate-500' : 'text-slate-300'}" data-preset="${p.presetId}">
-          <span class="${missing ? 'opacity-40' : ''}">${agentIcon(p.icon, 24)}</span>
-          <span class="flex-1 min-w-0">
-            <span>${esc(p.name)}</span>
-            ${missing ? `<span class="block text-[10px] text-slate-600 truncate">${esc(p.installCmd || 'Not installed')}</span>` : ''}
-          </span>
-        </button>`;
-      }).join('')}
+    <div id="creator-presets" class="space-y-0.5">
+      ${renderPresetButtons()}
     </div>`;
 
   const list = document.getElementById('session-list');
@@ -215,10 +217,8 @@ export function openCreator() {
 }
 
 export function refreshCreator() {
-  if (document.getElementById('session-creator')) {
-    closeCreator();
-    openCreator();
-  }
+  const container = document.getElementById('creator-presets');
+  if (container) container.innerHTML = renderPresetButtons();
 }
 
 export function closeCreator() {