agentgui 1.0.772 → 1.0.773

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.772",
+  "version": "1.0.773",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "electron/main.js",

package/static/app.js

@@ -903,4 +903,66 @@ document.addEventListener('keydown', (e) => {
   });
 })();
 
+(function initPresets() {
+  const STORAGE_KEY = 'agentgui-presets';
+  const saveBtn = document.getElementById('savePresetBtn');
+  const selector = document.getElementById('presetSelector');
+  if (!saveBtn || !selector) return;
+
+  function getPresets() {
+    try { return JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]'); } catch { return []; }
+  }
+  function savePresets(p) { localStorage.setItem(STORAGE_KEY, JSON.stringify(p)); }
+
+  function renderSelector() {
+    const presets = getPresets();
+    if (presets.length === 0) { selector.style.display = 'none'; return; }
+    selector.style.display = 'inline-block';
+    selector.innerHTML = '<option value="">Presets</option>' +
+      presets.map((p, i) => `<option value="${i}">${window._escHtml(p.name)}</option>`).join('') +
+      '<option value="__clear">Clear all</option>';
+  }
+
+  saveBtn.addEventListener('click', () => {
+    const cli = document.querySelector('[data-cli-selector]');
+    const agent = document.querySelector('[data-agent-selector]');
+    const model = document.querySelector('[data-model-selector]');
+    const cliVal = cli?.value || '';
+    const agentVal = agent?.value || '';
+    const modelVal = model?.value || '';
+    if (!cliVal) return;
+    const parts = [cliVal.split('-').pop()];
+    if (agentVal) parts.push(agentVal.split('/').pop());
+    if (modelVal) parts.push(modelVal.split('/').pop().split('-')[0]);
+    const name = prompt('Preset name:', parts.join(' / '));
+    if (!name) return;
+    const presets = getPresets();
+    presets.push({ name, cli: cliVal, agent: agentVal, model: modelVal });
+    savePresets(presets);
+    renderSelector();
+  });
+
+  selector.addEventListener('change', () => {
+    const val = selector.value;
+    if (val === '__clear') { savePresets([]); renderSelector(); return; }
+    if (!val) return;
+    const presets = getPresets();
+    const preset = presets[parseInt(val)];
+    if (!preset) return;
+    const cli = document.querySelector('[data-cli-selector]');
+    const agent = document.querySelector('[data-agent-selector]');
+    const model = document.querySelector('[data-model-selector]');
+    if (cli && preset.cli) { cli.value = preset.cli; cli.dispatchEvent(new Event('change')); }
+    setTimeout(() => {
+      if (agent && preset.agent) { agent.value = preset.agent; agent.dispatchEvent(new Event('change')); }
+      setTimeout(() => {
+        if (model && preset.model) { model.value = preset.model; model.dispatchEvent(new Event('change')); }
+      }, 500);
+    }, 500);
+    selector.value = '';
+  });
+
+  renderSelector();
+})();
+
 window.addEventListener('load', initializeApp);

package/static/css/main.css

@@ -275,6 +275,18 @@
       overflow: hidden;
     }
 
+    .conversation-item-checkbox {
+      flex-shrink: 0;
+      width: 16px;
+      height: 16px;
+      opacity: 0;
+      cursor: pointer;
+      margin: 0;
+    }
+    .conversation-item:hover .conversation-item-checkbox,
+    .conversation-item-checkbox:checked {
+      opacity: 1;
+    }
     .conversation-item-delete,
     .conversation-item-archive,
     .conversation-item-export {
@@ -3182,4 +3194,25 @@
       from { transform: translateX(100%); opacity: 0; }
       to { transform: translateX(0); opacity: 1; }
     }
+
+    .preset-btn {
+      background: transparent;
+      border: 1px solid var(--color-border);
+      border-radius: 0.25rem;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      font-size: 0.875rem;
+      padding: 0.25rem 0.5rem;
+      line-height: 1;
+    }
+    .preset-btn:hover { color: #f59e0b; }
+    .preset-selector {
+      font-size: 0.75rem;
+      padding: 0.25rem;
+      border: 1px solid var(--color-border);
+      border-radius: 0.25rem;
+      background: var(--color-bg);
+      color: var(--color-text);
+      max-width: 120px;
+    }
 

package/static/index.html

@@ -49,6 +49,11 @@
         <button class="clone-go-btn" id="cloneGoBtn" title="Clone">Go</button>
         <button class="clone-cancel-btn" id="cloneCancelBtn" title="Cancel">&times;</button>
       </div>
+       <div class="bulk-action-bar" id="bulkActionBar" style="display:none;padding:0.375rem 0.75rem;background:var(--color-primary);display:none;gap:0.5rem;align-items:center;">
+         <span id="bulkCount" style="color:white;font-size:0.75rem;flex:1;">0 selected</span>
+         <button id="bulkArchiveBtn" style="background:rgba(255,255,255,0.2);color:white;border:none;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:0.75rem;cursor:pointer;">Archive</button>
+         <button id="bulkDeleteBtn" style="background:rgba(255,255,255,0.2);color:white;border:none;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:0.75rem;cursor:pointer;">Delete</button>
+       </div>
        <ul class="sidebar-list" data-conversation-list role="listbox" aria-label="Conversations">
          <li class="sidebar-empty" data-conversation-empty>Loading...</li>
        </ul>
@@ -183,6 +188,10 @@
           <select class="agent-selector cli-selector" data-cli-selector title="Select CLI tool"></select>
           <select class="agent-selector sub-agent-selector" data-agent-selector title="Select sub-agent" style="display:none"></select>
           <select class="model-selector" data-model-selector title="Select model" data-empty="true"></select>
+          <div class="preset-controls" style="display:inline-flex;gap:0.25rem;margin-left:0.25rem;">
+            <select id="presetSelector" class="preset-selector" title="Load preset" style="display:none;"></select>
+            <button id="savePresetBtn" class="preset-btn" title="Save current agent/model as preset">&#9733;</button>
+          </div>
           <div class="message-input-container">
             <textarea
               class="message-textarea"

package/static/js/conversations.js

@@ -116,6 +116,19 @@ class ConversationManager {
   }
 
   setupDelegatedListeners() {
+    const bulkBar = document.getElementById('bulkActionBar');
+    const bulkCount = document.getElementById('bulkCount');
+    const updateBulkBar = () => {
+      const checked = this.getSelectedIds().length;
+      if (bulkBar) bulkBar.style.display = checked > 0 ? 'flex' : 'none';
+      if (bulkCount) bulkCount.textContent = `${checked} selected`;
+    };
+    this.listEl.addEventListener('change', (e) => {
+      if (e.target.matches('.conversation-item-checkbox')) updateBulkBar();
+    });
+    document.getElementById('bulkArchiveBtn')?.addEventListener('click', () => this.bulkArchive());
+    document.getElementById('bulkDeleteBtn')?.addEventListener('click', () => this.bulkDelete());
+
     this.listEl.addEventListener('click', (e) => {
       const exportBtn = e.target.closest('[data-export-conv]');
       if (exportBtn) {
@@ -489,6 +502,7 @@ class ConversationManager {
         h('div', { class: 'conversation-item-title' }, ...(badge ? [badge, title] : [title])),
         h('div', { class: 'conversation-item-meta' }, metaParts.join(' \u2022 '))
       ),
+      h('input', { type: 'checkbox', class: 'conversation-item-checkbox', 'data-bulk-check': conv.id, title: 'Select for bulk action', onclick: 'event.stopPropagation()' }),
       h('button', { class: 'conversation-item-export', title: 'Export as markdown', 'data-export-conv': conv.id },
         h('svg', { width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2' },
           h('path', { d: 'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' }),
@@ -610,6 +624,30 @@ class ConversationManager {
     this.render();
   }
 
+  getSelectedIds() {
+    return [...this.listEl.querySelectorAll('.conversation-item-checkbox:checked')].map(cb => cb.dataset.bulkCheck);
+  }
+
+  async bulkArchive() {
+    const ids = this.getSelectedIds();
+    if (ids.length === 0) return;
+    if (!await window.UIDialog?.confirm(`Archive ${ids.length} conversation(s)?`, 'Bulk Archive')) return;
+    const base = window.__BASE_URL || '';
+    for (const id of ids) {
+      try { await fetch(`${base}/api/conversations/${id}/archive`, { method: 'POST' }); } catch (_) {}
+      this.deleteConversation(id);
+    }
+  }
+
+  async bulkDelete() {
+    const ids = this.getSelectedIds();
+    if (ids.length === 0) return;
+    if (!await window.UIDialog?.confirm(`Permanently delete ${ids.length} conversation(s)?`, 'Bulk Delete')) return;
+    for (const id of ids) {
+      this.confirmDelete(id, '');
+    }
+  }
+
   async exportConversation(convId) {
     try {
       const result = await window.wsClient.rpc('conv.export', { id: convId, format: 'markdown' });