jinzd-ai-cli 0.4.205 → 0.4.207

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>
@@ -338,23 +338,8 @@
     <form method="dialog" class="modal-backdrop"><button>close</button></form>
   </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="app.js"></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.

package/dist/web/client/templates.js

@@ -0,0 +1,188 @@
+/**
+ * Prompt template modal and import/export helpers.
+ * Loaded after app.js so it can use shared UI helpers.
+ */
+
+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}" data-action="use-template">
+        <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" data-action="edit-template" title="Edit">Edit</button>
+          <button class="btn btn-xs btn-ghost" data-action="delete-template" title="Delete">Delete</button>
+        </div>
+      </div>`;
+  }).join('');
+}
+
+function useTemplate(id) {
+  const templates = loadTemplates();
+  const tpl = templates.find(t => t.id === id);
+  if (!tpl) return;
+  const input = document.getElementById('user-input');
+  if (!input) return;
+  input.value = tpl.content;
+  input.focus();
+  input.style.height = 'auto';
+  input.style.height = Math.min(input.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.addEventListener('change', () => {
+    const file = input.files[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.addEventListener('load', () => {
+      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();
+}
+
+document.getElementById('btn-templates')?.addEventListener('click', openTemplatesModal);
+document.getElementById('template-search')?.addEventListener('input', (e) => {
+  renderTemplateList(e.target.value);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jinzd-ai-cli",
-  "version": "0.4.205",
+  "version": "0.4.207",
   "description": "Cross-platform REPL-style AI CLI with multi-provider support",
   "type": "module",
   "main": "./dist/index.js",