jinzd-ai-cli 0.4.206 → 0.4.208

package/dist/{task-orchestrator-2DTDVCMR.js → task-orchestrator-2A5VCFLS.js}

@@ -3,13 +3,13 @@ import {
   ToolRegistry,
   googleSearchContext,
   truncateOutput
-} from "./chunk-QQYSZMET.js";
+} from "./chunk-2OVMMSGQ.js";
 import "./chunk-T2NL5ZIA.js";
 import "./chunk-BXP6YZ2P.js";
-import "./chunk-SFCNFX42.js";
+import "./chunk-VWYUB22Y.js";
 import {
   runTool
-} from "./chunk-2WV6AGHM.js";
+} from "./chunk-J22B3OSQ.js";
 import {
   getDangerLevel,
   runLeanAgentLoop
@@ -17,7 +17,7 @@ import {
 import "./chunk-TZQHYZKT.js";
 import {
   SUBAGENT_ALLOWED_TOOLS
-} from "./chunk-QNUVZO5X.js";
+} from "./chunk-KV4GYNEA.js";
 import "./chunk-4BKXL7SM.js";
 import "./chunk-TB4W4Y4T.js";
 import "./chunk-KHYD3WXE.js";

package/dist/{usage-SZWZFX3T.js → usage-Q24E5636.js}

@@ -8,9 +8,9 @@ import {
 } from "./chunk-E44DTERW.js";
 import {
   ConfigManager
-} from "./chunk-TW47X5AO.js";
+} from "./chunk-TM4MS63K.js";
 import "./chunk-TZQHYZKT.js";
-import "./chunk-QNUVZO5X.js";
+import "./chunk-KV4GYNEA.js";
 import "./chunk-IW3Q7AE5.js";
 
 // src/cli/usage.ts

package/dist/web/client/actions.js

@@ -0,0 +1,84 @@
+/**
+ * Declarative Web UI actions and startup hooks.
+ * Kept separate from app.js so static and dynamic UI markup can avoid inline handlers.
+ */
+
+function handleDeclarativeAction(action, el) {
+  switch (action) {
+    case 'toggle-auth-mode': toggleAuthMode(); break;
+    case 'show-enable-auth': showEnableAuthDialog(); break;
+    case 'logout': handleLogout(); break;
+    case 'toggle-batch-select': toggleBatchSelect(); break;
+    case 'select-all-sessions': selectAllSessions(); break;
+    case 'batch-delete-selected': batchDeleteSelected(); break;
+    case 'start-hub': window.startHub(); break;
+    case 'abort-hub': window.abortHub(); break;
+    case 'close-sidebar': closeSidebar(); break;
+    case 'import-templates': importTemplates(); break;
+    case 'export-templates': exportTemplates(); break;
+    case 'show-add-template': showAddTemplate(); break;
+    case 'cancel-template-form': cancelTemplateForm(); break;
+    case 'save-template-form': saveTemplateForm(); break;
+    case 'confirm-response': window.respondConfirm(el.dataset.requestId, el.dataset.approved === 'true'); break;
+    case 'batch-confirm-response': window.respondBatchConfirm(el.dataset.requestId, el); break;
+    case 'batch-deny-response': window.respondBatchDeny(el.dataset.requestId, el); break;
+    case 'ask-user-response': window.respondAskUser(el.dataset.requestId); break;
+    case 'auto-pause-response': window.respondAutoPause(el.dataset.requestId, el.dataset.pauseAction); break;
+    case 'use-template': useTemplate(el.closest('[data-tpl-id]')?.dataset.tplId); break;
+    case 'edit-template': editTemplate(el.closest('[data-tpl-id]')?.dataset.tplId); break;
+    case 'delete-template': deleteTemplate(el.closest('[data-tpl-id]')?.dataset.tplId); break;
+    case 'insert-file-ref': insertFileRef(el.dataset.filePath || ''); break;
+    case 'show-full-preview':
+      if (el.previousElementSibling) el.previousElementSibling.style.maxHeight = 'none';
+      el.remove();
+      break;
+    case 'load-session': send({ type: 'command', name: 'session', args: ['load', el.dataset.sessionId] }); break;
+  }
+}
+
+document.addEventListener('click', (event) => {
+  const themeEl = event.target.closest('[data-theme-choice]');
+  if (themeEl) {
+    event.preventDefault();
+    window.setTheme(themeEl.dataset.themeChoice);
+    return;
+  }
+
+  const actionEl = event.target.closest('[data-action]');
+  if (!actionEl) return;
+  event.preventDefault();
+  handleDeclarativeAction(actionEl.dataset.action, actionEl);
+});
+
+document.addEventListener('keydown', (event) => {
+  if (event.key !== 'Enter') return;
+  const actionEl = event.target.closest('[data-enter-action]');
+  if (!actionEl) return;
+  event.preventDefault();
+  handleDeclarativeAction(actionEl.dataset.enterAction, actionEl);
+});
+
+document.getElementById('auth-form')?.addEventListener('submit', handleAuth);
+
+function registerServiceWorker() {
+  // Self-updating service worker (v0.4.159). A new SW postMessages
+  // 'sw-updated' (and triggers controllerchange) when it takes over; reload
+  // once so users do not stay on stale index.html/app.js after an upgrade.
+  if (!('serviceWorker' in navigator)) return;
+  let swReloaded = false;
+  const reloadOnce = () => {
+    if (!swReloaded) {
+      swReloaded = true;
+      location.reload();
+    }
+  };
+  navigator.serviceWorker.addEventListener('message', (e) => {
+    if (e.data && e.data.type === 'sw-updated') reloadOnce();
+  });
+  navigator.serviceWorker.addEventListener('controllerchange', reloadOnce);
+  navigator.serviceWorker.register('sw.js').then((reg) => {
+    reg.update();
+  }).catch(() => {});
+}
+
+registerServiceWorker();

package/dist/web/client/app.js

@@ -336,8 +336,8 @@ function handleConfirmRequest(msg) {
     </div>
     ${msg.diff ? `<div class="confirm-diff w-full">${renderDiffHtml(msg.diff)}</div>` : ''}
     <div class="flex gap-2 mt-2">
-      <button class="btn btn-success btn-sm btn-outline" onclick="respondConfirm('${msg.requestId}', true)">✓ Approve</button>
-      <button class="btn btn-error btn-sm btn-outline" onclick="respondConfirm('${msg.requestId}', false)">✗ Deny</button>
+      <button class="btn btn-success btn-sm btn-outline" data-action="confirm-response" data-request-id="${msg.requestId}" data-approved="true">✓ Approve</button>
+      <button class="btn btn-error btn-sm btn-outline" data-action="confirm-response" data-request-id="${msg.requestId}" data-approved="false">✗ Deny</button>
     </div>
   `;
   messagesEl.appendChild(el);
@@ -363,8 +363,8 @@ function handleBatchConfirmRequest(msg) {
     </div>
     <div class="w-full my-1">${fileListHtml}</div>
     <div class="flex gap-2 mt-2">
-      <button class="btn btn-success btn-sm btn-outline" onclick="respondBatchConfirm('${msg.requestId}', this)">✓ Approve Selected</button>
-      <button class="btn btn-error btn-sm btn-outline" onclick="respondBatchDeny('${msg.requestId}', this)">✗ Reject All</button>
+      <button class="btn btn-success btn-sm btn-outline" data-action="batch-confirm-response" data-request-id="${msg.requestId}">✓ Approve Selected</button>
+      <button class="btn btn-error btn-sm btn-outline" data-action="batch-deny-response" data-request-id="${msg.requestId}">✗ Reject All</button>
     </div>
   `;
   messagesEl.appendChild(el);
@@ -383,8 +383,8 @@ function handleAskUserRequest(msg) {
       <input type="text" id="ask-input-${msg.requestId}"
         class="input input-sm input-bordered flex-1"
         placeholder="Your answer..."
-        onkeydown="if(event.key==='Enter')respondAskUser('${msg.requestId}')">
-      <button class="btn btn-primary btn-sm" onclick="respondAskUser('${msg.requestId}')">Send</button>
+        data-enter-action="ask-user-response" data-request-id="${msg.requestId}">
+      <button class="btn btn-primary btn-sm" data-action="ask-user-response" data-request-id="${msg.requestId}">Send</button>
     </div>
   `;
   messagesEl.appendChild(el);
@@ -407,12 +407,12 @@ function handleAutoPauseRequest(msg) {
       <input type="text" id="pause-input-${msg.requestId}"
         class="input input-sm input-bordered flex-1"
         placeholder="Optional: redirect AI with a new instruction..."
-        onkeydown="if(event.key==='Enter')respondAutoPause('${msg.requestId}','redirect')">
+        data-enter-action="auto-pause-response" data-request-id="${msg.requestId}" data-pause-action="redirect">
     </div>
     <div class="flex gap-2">
-      <button class="btn btn-success btn-sm flex-1" onclick="respondAutoPause('${msg.requestId}','continue')">▶ Continue</button>
-      <button class="btn btn-primary btn-sm flex-1" onclick="respondAutoPause('${msg.requestId}','redirect')">↪ Redirect</button>
-      <button class="btn btn-error btn-sm flex-1" onclick="respondAutoPause('${msg.requestId}','stop')">⏹ Stop</button>
+      <button class="btn btn-success btn-sm flex-1" data-action="auto-pause-response" data-request-id="${msg.requestId}" data-pause-action="continue">▶ Continue</button>
+      <button class="btn btn-primary btn-sm flex-1" data-action="auto-pause-response" data-request-id="${msg.requestId}" data-pause-action="redirect">↪ Redirect</button>
+      <button class="btn btn-error btn-sm flex-1" data-action="auto-pause-response" data-request-id="${msg.requestId}" data-pause-action="stop">⏹ Stop</button>
     </div>
   `;
   messagesEl.appendChild(el);
@@ -666,6 +666,7 @@ window.setTheme = function(theme) {
 
 // ── UI helpers ─────────────────────────────────────────────────────
 
+
 function createAssistantMessage() {
   const el = document.createElement('div');
   el.className = 'msg-assistant';
@@ -714,11 +715,11 @@ function renderMarkdown(el, text) {
         const btn = document.createElement('button');
         btn.className = 'copy-code-btn btn btn-ghost btn-xs';
         btn.textContent = '📋 Copy';
-        btn.onclick = () => {
+        btn.addEventListener('click', () => {
           navigator.clipboard.writeText(block.textContent || '');
-          btn.textContent = '✓ Copied';
-          setTimeout(() => btn.textContent = '📋 Copy', 1500);
-        };
+          btn.textContent = 'Copied';
+          setTimeout(() => btn.textContent = 'Copy', 1500);
+        });
         pre.style.position = 'relative';
         pre.appendChild(btn);
       }
@@ -1920,12 +1921,12 @@ function addImageToPreview(file) {
       <img src="${reader.result}" class="rounded max-h-16 max-w-[100px] object-contain border border-base-content/20" alt="${escapeHtml(file.name)}">
       <button class="btn btn-xs btn-circle btn-error absolute -top-1 -right-1 opacity-80" title="Remove">✕</button>
     `;
-    thumb.querySelector('button').onclick = () => {
+    thumb.querySelector('button').addEventListener('click', () => {
       const idx = pendingImages.findIndex(img => img.name === file.name && img.data === base64);
       if (idx >= 0) pendingImages.splice(idx, 1);
       thumb.remove();
       if (pendingImages.length === 0) imagePreviewArea.classList.add('hidden');
-    };
+    });
     imagePreviewArea.appendChild(thumb);
     imagePreviewArea.classList.remove('hidden');
   };
@@ -1991,189 +1992,6 @@ function handleMemoryContent(msg) {
 
 // ── Prompt Templates ───────────────────────────────────────────────
 
-const TEMPLATES_KEY = 'aicli-templates';
-
-function loadTemplates() {
-  try {
-    return JSON.parse(localStorage.getItem(TEMPLATES_KEY) || '[]');
-  } catch { return []; }
-}
-
-function saveTemplatesToStorage(templates) {
-  localStorage.setItem(TEMPLATES_KEY, JSON.stringify(templates));
-}
-
-function openTemplatesModal() {
-  const modal = document.getElementById('templates-modal');
-  if (!modal) return;
-  cancelTemplateForm();
-  renderTemplateList();
-  document.getElementById('template-search').value = '';
-  modal.showModal();
-}
-
-function renderTemplateList(filter) {
-  const listEl = document.getElementById('template-list');
-  if (!listEl) return;
-  const templates = loadTemplates();
-  const q = (filter || '').toLowerCase();
-  const filtered = q
-    ? templates.filter(t => t.name.toLowerCase().includes(q) || (t.tags || []).some(tag => tag.toLowerCase().includes(q)) || t.content.toLowerCase().includes(q))
-    : templates;
-
-  if (filtered.length === 0) {
-    listEl.innerHTML = `<div class="template-empty">${q ? 'No matching templates' : 'No templates yet. Click ＋ New to create one.'}</div>`;
-    return;
-  }
-
-  listEl.innerHTML = filtered.map(t => {
-    const preview = t.content.length > 80 ? t.content.slice(0, 80) + '...' : t.content;
-    const tagsHtml = (t.tags || []).map(tag => `<span class="template-item-tag">${escapeHtml(tag)}</span>`).join('');
-    return `
-      <div class="template-item" data-tpl-id="${t.id}" onclick="useTemplate('${t.id}')">
-        <div class="template-item-body">
-          <div class="template-item-name">${escapeHtml(t.name)}</div>
-          <div class="template-item-preview">${escapeHtml(preview)}</div>
-          ${tagsHtml ? `<div class="template-item-tags">${tagsHtml}</div>` : ''}
-        </div>
-        <div class="template-item-actions">
-          <button class="btn btn-xs btn-ghost" onclick="event.stopPropagation(); editTemplate('${t.id}')" title="Edit">✏️</button>
-          <button class="btn btn-xs btn-ghost" onclick="event.stopPropagation(); deleteTemplate('${t.id}')" title="Delete">🗑️</button>
-        </div>
-      </div>`;
-  }).join('');
-}
-
-function useTemplate(id) {
-  const templates = loadTemplates();
-  const tpl = templates.find(t => t.id === id);
-  if (!tpl) return;
-  userInput.value = tpl.content;
-  userInput.focus();
-  userInput.style.height = 'auto';
-  userInput.style.height = Math.min(userInput.scrollHeight, 200) + 'px';
-  document.getElementById('templates-modal')?.close();
-}
-
-function showAddTemplate() {
-  const form = document.getElementById('template-form');
-  form.classList.remove('hidden');
-  document.getElementById('tpl-edit-id').value = '';
-  document.getElementById('tpl-name').value = '';
-  document.getElementById('tpl-content').value = '';
-  document.getElementById('tpl-tags').value = '';
-  document.getElementById('tpl-name').focus();
-}
-
-function editTemplate(id) {
-  const templates = loadTemplates();
-  const tpl = templates.find(t => t.id === id);
-  if (!tpl) return;
-  const form = document.getElementById('template-form');
-  form.classList.remove('hidden');
-  document.getElementById('tpl-edit-id').value = tpl.id;
-  document.getElementById('tpl-name').value = tpl.name;
-  document.getElementById('tpl-content').value = tpl.content;
-  document.getElementById('tpl-tags').value = (tpl.tags || []).join(', ');
-  document.getElementById('tpl-name').focus();
-}
-
-function cancelTemplateForm() {
-  document.getElementById('template-form')?.classList.add('hidden');
-}
-
-function saveTemplateForm() {
-  const name = document.getElementById('tpl-name').value.trim();
-  const content = document.getElementById('tpl-content').value.trim();
-  const tagsRaw = document.getElementById('tpl-tags').value.trim();
-  const editId = document.getElementById('tpl-edit-id').value;
-
-  if (!name || !content) return;
-
-  const tags = tagsRaw ? tagsRaw.split(',').map(s => s.trim()).filter(Boolean) : [];
-  const templates = loadTemplates();
-
-  if (editId) {
-    const idx = templates.findIndex(t => t.id === editId);
-    if (idx >= 0) {
-      templates[idx].name = name;
-      templates[idx].content = content;
-      templates[idx].tags = tags;
-    }
-  } else {
-    templates.unshift({
-      id: 'tpl-' + Date.now().toString(36) + Math.random().toString(36).slice(2, 6),
-      name,
-      content,
-      tags,
-      createdAt: new Date().toISOString(),
-    });
-  }
-
-  saveTemplatesToStorage(templates);
-  cancelTemplateForm();
-  renderTemplateList();
-}
-
-function deleteTemplate(id) {
-  const templates = loadTemplates().filter(t => t.id !== id);
-  saveTemplatesToStorage(templates);
-  renderTemplateList(document.getElementById('template-search')?.value);
-}
-
-function exportTemplates() {
-  const templates = loadTemplates();
-  if (templates.length === 0) return;
-  const blob = new Blob([JSON.stringify(templates, null, 2)], { type: 'application/json' });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement('a');
-  a.href = url;
-  a.download = `aicli-templates-${new Date().toISOString().slice(0, 10)}.json`;
-  a.click();
-  URL.revokeObjectURL(url);
-}
-
-function importTemplates() {
-  const input = document.createElement('input');
-  input.type = 'file';
-  input.accept = '.json';
-  input.onchange = () => {
-    const file = input.files[0];
-    if (!file) return;
-    const reader = new FileReader();
-    reader.onload = () => {
-      try {
-        const imported = JSON.parse(reader.result);
-        if (!Array.isArray(imported)) throw new Error('Not an array');
-        const existing = loadTemplates();
-        const existingIds = new Set(existing.map(t => t.id));
-        let added = 0;
-        for (const t of imported) {
-          if (t.id && t.name && t.content && !existingIds.has(t.id)) {
-            existing.push(t);
-            added++;
-          }
-        }
-        saveTemplatesToStorage(existing);
-        renderTemplateList();
-        addInfoMessage(`📥 Imported ${added} template(s).`);
-      } catch {
-        addErrorMessage('Failed to import templates: invalid JSON format.');
-      }
-    };
-    reader.readAsText(file);
-  };
-  input.click();
-}
-
-// Template button + search binding
-document.getElementById('btn-templates')?.addEventListener('click', openTemplatesModal);
-document.getElementById('template-search')?.addEventListener('input', (e) => {
-  renderTemplateList(e.target.value);
-});
-
-// ── File Tree ──────────────────────────────────────────────────────
-
 const fileTreeEl = document.getElementById('file-tree');
 const fileTreeCwdEl = document.getElementById('file-tree-cwd');
 const btnFileTreeRefresh = document.getElementById('btn-file-tree-refresh');
@@ -2324,10 +2142,10 @@ async function previewFileInChat(filePath) {
       <div class="flex items-center gap-2 mb-1">
         <span class="text-xs font-semibold opacity-70">📄 ${escapeHtml(filePath)}</span>
         <span class="badge badge-ghost badge-xs">${sizeKb} KB</span>
-        <button class="btn btn-xs btn-ghost ml-auto opacity-50" onclick="insertFileRef('${escapeHtml(filePath).replace(/'/g, "\\'")}')">Insert @ref</button>
+        <button class="btn btn-xs btn-ghost ml-auto opacity-50" data-action="insert-file-ref" data-file-path="${escapeHtml(filePath)}">Insert @ref</button>
       </div>
       <pre style="max-height:300px"><code class="language-${escapeHtml(ext)}">${escapeHtml(data.content)}</code></pre>
-      <button class="btn btn-xs btn-ghost mt-1 opacity-50 text-xs" onclick="this.previousElementSibling.style.maxHeight='none';this.remove()">▼ Show all</button>
+      <button class="btn btn-xs btn-ghost mt-1 opacity-50 text-xs" data-action="show-full-preview">▼ Show all</button>
     `;
     el.querySelectorAll('pre code').forEach(block => {
       try { hljs.highlightElement(block); } catch {}
@@ -3308,7 +3126,7 @@ function hubDone(msg) {
   document.getElementById('hub-abort-btn').classList.add('hidden');
   const status = document.getElementById('hub-status');
   if (msg.saved && msg.sessionId) {
-    status.innerHTML = `Saved. <a class="link link-primary" onclick="send({type:'command',name:'session',args:['load','${msg.sessionId}']})">Open session</a>`;
+    status.innerHTML = `Saved. <a class="link link-primary" data-action="load-session" data-session-id="${msg.sessionId}">Open session</a>`;
   } else {
     status.textContent = msg.saved ? 'Saved to history.' : 'Done (not saved).';
   }

package/dist/web/client/index.html

@@ -36,7 +36,7 @@
         <p id="auth-subtitle" class="text-sm text-base-content/60 mt-1">Sign in to continue</p>
       </div>
       <div id="auth-error" class="alert alert-error text-sm mb-4 hidden"></div>
-      <form id="auth-form" onsubmit="handleAuth(event)">
+      <form id="auth-form" >
         <div class="form-control mb-3">
           <label class="label"><span class="label-text">Username</span></label>
           <input id="auth-username" type="text" class="input input-bordered w-full" placeholder="username" autocomplete="username" required minlength="2" maxlength="32">
@@ -48,7 +48,7 @@
         <button id="auth-submit" type="submit" class="btn btn-primary w-full">Sign In</button>
       </form>
       <div class="text-center mt-4">
-        <button id="auth-toggle" class="btn btn-ghost btn-sm" onclick="toggleAuthMode()">
+        <button id="auth-toggle" class="btn btn-ghost btn-sm" data-action="toggle-auth-mode" type="button">
           Don't have an account? <span class="text-primary">Register</span>
         </button>
       </div>
@@ -76,18 +76,18 @@
         <div class="dropdown dropdown-end">
           <div tabindex="0" role="button" class="btn btn-sm btn-ghost">🎨</div>
           <ul tabindex="0" class="dropdown-content menu bg-base-200 rounded-box z-10 w-40 p-2 shadow-lg border border-base-content/10">
-            <li><a onclick="setTheme('dark')">🌙 Dark</a></li>
-            <li><a onclick="setTheme('night')">🌃 Night</a></li>
-            <li><a onclick="setTheme('dim')">🌑 Dim</a></li>
-            <li><a onclick="setTheme('synthwave')">🎵 Synthwave</a></li>
-            <li><a onclick="setTheme('cyberpunk')">🤖 Cyberpunk</a></li>
-            <li><a onclick="setTheme('light')">☀️ Light</a></li>
-            <li><a onclick="setTheme('cupcake')">🧁 Cupcake</a></li>
-            <li><a onclick="setTheme('nord')">❄️ Nord</a></li>
+            <li><a data-theme-choice="dark">🌙 Dark</a></li>
+            <li><a data-theme-choice="night">🌃 Night</a></li>
+            <li><a data-theme-choice="dim">🌑 Dim</a></li>
+            <li><a data-theme-choice="synthwave">🎵 Synthwave</a></li>
+            <li><a data-theme-choice="cyberpunk">🤖 Cyberpunk</a></li>
+            <li><a data-theme-choice="light">☀️ Light</a></li>
+            <li><a data-theme-choice="cupcake">🧁 Cupcake</a></li>
+            <li><a data-theme-choice="nord">❄️ Nord</a></li>
           </ul>
         </div>
         <!-- Enable Auth button (shown when no users registered) -->
-        <button id="btn-enable-auth" class="btn btn-sm btn-ghost hidden" title="Enable multi-user auth" onclick="showEnableAuthDialog()">👤 Enable Auth</button>
+        <button id="btn-enable-auth" class="btn btn-sm btn-ghost hidden" title="Enable multi-user auth" data-action="show-enable-auth">👤 Enable Auth</button>
         <!-- User menu (shown when authenticated) -->
         <div id="user-menu" class="dropdown dropdown-end hidden">
           <div tabindex="0" role="button" class="btn btn-sm btn-ghost gap-1">
@@ -95,7 +95,7 @@
           </div>
           <ul tabindex="0" class="dropdown-content menu bg-base-200 rounded-box z-10 w-40 p-2 shadow-lg border border-base-content/10">
             <li><a id="user-label" class="text-sm font-semibold pointer-events-none"></a></li>
-            <li><a onclick="handleLogout()">🚪 Logout</a></li>
+            <li><a data-action="logout">🚪 Logout</a></li>
           </ul>
         </div>
       </div>
@@ -119,16 +119,16 @@
         <div id="tab-sessions" class="sidebar-tab-content flex flex-col flex-1 overflow-hidden">
           <div class="p-2 border-b border-base-content/10 flex items-center justify-between gap-1">
             <input id="session-search" type="text" class="input input-xs input-bordered flex-1 min-w-0" placeholder="Search...">
-            <button id="btn-batch-select" class="btn btn-xs btn-ghost flex-shrink-0" title="Select multiple" onclick="toggleBatchSelect()">☑</button>
+            <button id="btn-batch-select" class="btn btn-xs btn-ghost flex-shrink-0" title="Select multiple" data-action="toggle-batch-select">☑</button>
             <button id="btn-new-session" class="btn btn-xs btn-primary btn-outline flex-shrink-0 whitespace-nowrap" title="New session">+ New</button>
           </div>
           <!-- Batch action bar (hidden by default) -->
           <div id="batch-bar" class="hidden px-2 py-1 border-b border-base-content/10 flex items-center gap-1 bg-base-300 text-xs">
             <span class="batch-count opacity-60">0 selected</span>
             <span class="flex-1"></span>
-            <button class="btn btn-xs btn-ghost" onclick="selectAllSessions()">All</button>
-            <button class="btn btn-xs btn-error btn-outline" onclick="batchDeleteSelected()">🗑 Delete</button>
-            <button class="btn btn-xs btn-ghost" onclick="toggleBatchSelect()">Cancel</button>
+            <button class="btn btn-xs btn-ghost" data-action="select-all-sessions">All</button>
+            <button class="btn btn-xs btn-error btn-outline" data-action="batch-delete-selected">🗑 Delete</button>
+            <button class="btn btn-xs btn-ghost" data-action="toggle-batch-select">Cancel</button>
           </div>
           <div id="session-list" class="flex-1 overflow-y-auto p-2 flex flex-col gap-1 text-sm">
             <div class="text-xs opacity-40 text-center py-4">No sessions yet</div>
@@ -216,8 +216,8 @@
             <label class="flex items-center gap-2 text-xs cursor-pointer">
               <input id="hub-lanes" type="checkbox" class="checkbox checkbox-xs"> Lanes view (one column per agent)
             </label>
-            <button id="hub-start-btn" class="btn btn-primary btn-sm w-full" onclick="startHub()">🏛 Start discussion</button>
-            <button id="hub-abort-btn" class="btn btn-error btn-outline btn-xs w-full hidden" onclick="abortHub()">⏹ Stop</button>
+            <button id="hub-start-btn" class="btn btn-primary btn-sm w-full" data-action="start-hub">🏛 Start discussion</button>
+            <button id="hub-abort-btn" class="btn btn-error btn-outline btn-xs w-full hidden" data-action="abort-hub">⏹ Stop</button>
             <div id="hub-status" class="text-xs opacity-60"></div>
           </div>
         </div>
@@ -225,7 +225,7 @@
       <!-- Sidebar resize handle -->
       <div id="sidebar-resize" class="sidebar-resize-handle" title="Drag to resize sidebar"></div>
       <!-- Sidebar backdrop (mobile overlay) -->
-      <div id="sidebar-backdrop" class="sidebar-backdrop hidden" onclick="closeSidebar()"></div>
+      <div id="sidebar-backdrop" class="sidebar-backdrop hidden" data-action="close-sidebar"></div>
 
       <!-- Chat Area -->
       <div class="flex-1 flex flex-col overflow-hidden">
@@ -293,9 +293,9 @@
       <div class="flex items-center justify-between mb-3">
         <h3 class="font-bold text-lg">📝 Prompt Templates</h3>
         <div class="flex gap-1">
-          <button class="btn btn-xs btn-ghost" onclick="importTemplates()" title="Import">📥 Import</button>
-          <button class="btn btn-xs btn-ghost" onclick="exportTemplates()" title="Export">📤 Export</button>
-          <button class="btn btn-xs btn-ghost" onclick="showAddTemplate()" title="New template">＋ New</button>
+          <button class="btn btn-xs btn-ghost" data-action="import-templates" title="Import">📥 Import</button>
+          <button class="btn btn-xs btn-ghost" data-action="export-templates" title="Export">📤 Export</button>
+          <button class="btn btn-xs btn-ghost" data-action="show-add-template" title="New template">＋ New</button>
         </div>
       </div>
 
@@ -305,8 +305,8 @@
         <textarea id="tpl-content" class="textarea textarea-bordered w-full text-sm mb-2" rows="4" placeholder="Prompt content..."></textarea>
         <input id="tpl-tags" type="text" class="input input-sm input-bordered w-full mb-2" placeholder="Tags (comma-separated, optional)">
         <div class="flex gap-2 justify-end">
-          <button class="btn btn-sm btn-ghost" onclick="cancelTemplateForm()">Cancel</button>
-          <button class="btn btn-sm btn-primary" onclick="saveTemplateForm()">Save</button>
+          <button class="btn btn-sm btn-ghost" data-action="cancel-template-form">Cancel</button>
+          <button class="btn btn-sm btn-primary" data-action="save-template-form">Save</button>
         </div>
         <input type="hidden" id="tpl-edit-id">
       </div>
@@ -339,22 +339,7 @@
   </dialog>
 
   <script src="app.js"></script>
-  <script>
-    // Self-updating service worker (v0.4.159). A new SW postMessages
-    // 'sw-updated' (and triggers controllerchange) when it takes over; we
-    // reload once so the user never gets stuck on a stale index.html/app.js
-    // after upgrading aicli. index.html/app.js are also network-only in sw.js.
-    if ('serviceWorker' in navigator) {
-      let swReloaded = false;
-      const reloadOnce = () => { if (!swReloaded) { swReloaded = true; location.reload(); } };
-      navigator.serviceWorker.addEventListener('message', (e) => {
-        if (e.data && e.data.type === 'sw-updated') reloadOnce();
-      });
-      navigator.serviceWorker.addEventListener('controllerchange', reloadOnce);
-      navigator.serviceWorker.register('sw.js').then((reg) => {
-        reg.update();
-      }).catch(() => {});
-    }
-  </script>
+  <script src="templates.js"></script>
+  <script src="actions.js"></script>
 </body>
 </html>

package/dist/web/client/sw.js

@@ -16,7 +16,7 @@ const CACHE_NAME = 'aicli-v3';
 // HTML/JS that must always be fresh — never served from the SW cache, so an
 // upgraded server is reflected on the very next load. Other assets (vendored
 // CSS/JS, icons) are large + content-stable and fine to cache.
-const NEVER_CACHE = new Set(['/', '/index.html', '/app.js']);
+const NEVER_CACHE = new Set(['/', '/index.html', '/app.js', '/templates.js', '/actions.js']);
 
 // App shell to precache (offline-capable startup). Deliberately EXCLUDES the
 // always-fresh HTML/JS in NEVER_CACHE — only large content-stable assets.