agentgui 1.0.772 → 1.0.774

package/database.js

@@ -422,7 +422,8 @@ try {
     model: 'TEXT',
     subAgent: 'TEXT',
     pinned: 'INTEGER DEFAULT 0',
-    tags: 'TEXT'
+    tags: 'TEXT',
+    sortOrder: 'INTEGER DEFAULT 0'
   };
 
   let addedColumns = false;
@@ -625,8 +626,8 @@ function generateId(prefix) {
   return `${prefix}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
 
-import { createQueries } from './lib/db-queries.js';
-
-export const queries = createQueries(db, prep, generateId);
+import { createQueries } from './lib/db-queries.js';
+
+export const queries = createQueries(db, prep, generateId);
 
 export default { queries };

package/lib/db-queries.js

@@ -36,16 +36,20 @@ export function createQueries(db, prep, generateId) {
 
   getConversationsList() {
     const stmt = prep(
-      'SELECT id, agentId, title, agentType, created_at, updated_at, messageCount, workingDirectory, isStreaming, model, subAgent, pinned FROM conversations WHERE status NOT IN (?, ?) ORDER BY pinned DESC, updated_at DESC'
+      'SELECT id, agentId, title, agentType, created_at, updated_at, messageCount, workingDirectory, isStreaming, model, subAgent, pinned, sortOrder FROM conversations WHERE status NOT IN (?, ?) ORDER BY pinned DESC, sortOrder ASC, updated_at DESC'
     );
     return stmt.all('deleted', 'archived');
   },
 
   getConversations() {
-    const stmt = prep('SELECT * FROM conversations WHERE status NOT IN (?, ?) ORDER BY pinned DESC, updated_at DESC');
+    const stmt = prep('SELECT * FROM conversations WHERE status NOT IN (?, ?) ORDER BY pinned DESC, sortOrder ASC, updated_at DESC');
     return stmt.all('deleted', 'archived');
   },
 
+  updateConversationSortOrder(id, sortOrder) {
+    prep('UPDATE conversations SET sortOrder = ? WHERE id = ?').run(sortOrder, id);
+  },
+
   getArchivedConversations() {
     const stmt = prep('SELECT id, agentId, title, agentType, created_at, updated_at, messageCount, workingDirectory, model, subAgent FROM conversations WHERE status = ? ORDER BY updated_at DESC');
     return stmt.all('archived');

package/lib/ws-handlers-conv.js

@@ -125,6 +125,14 @@ export function register(router, deps) {
     return { ok: true, chunks: result.chunks, total: result.total, hasMore: result.hasMore, limit: result.limit };
   });
 
+  router.handle('conv.reorder', (p) => {
+    if (!Array.isArray(p.order)) throw Object.assign(new Error('order array required'), { code: 400 });
+    for (let i = 0; i < p.order.length; i++) {
+      queries.updateConversationSortOrder(p.order[i], i);
+    }
+    return { ok: true };
+  });
+
   router.handle('conv.export', (p) => {
     const conv = queries.getConversation(p.id);
     if (!conv) notFound();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.772",
+  "version": "1.0.774",
   "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,20 @@
       overflow: hidden;
     }
 
+    .conversation-item.pinned { cursor: grab; }
+    .conversation-item.pinned:active { cursor: grabbing; }
+    .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 +3196,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,48 @@ class ConversationManager {
   }
 
   setupDelegatedListeners() {
+    let draggedId = null;
+    this.listEl.addEventListener('dragstart', (e) => {
+      const item = e.target.closest('[data-drag-conv]');
+      if (!item) return;
+      draggedId = item.dataset.dragConv;
+      item.style.opacity = '0.5';
+      e.dataTransfer.effectAllowed = 'move';
+    });
+    this.listEl.addEventListener('dragend', (e) => {
+      const item = e.target.closest('[data-drag-conv]');
+      if (item) item.style.opacity = '';
+      draggedId = null;
+    });
+    this.listEl.addEventListener('dragover', (e) => {
+      const item = e.target.closest('[data-drag-conv]');
+      if (item && draggedId) { e.preventDefault(); e.dataTransfer.dropEffect = 'move'; }
+    });
+    this.listEl.addEventListener('drop', (e) => {
+      e.preventDefault();
+      const target = e.target.closest('[data-drag-conv]');
+      if (!target || !draggedId || target.dataset.dragConv === draggedId) return;
+      const pinnedItems = [...this.listEl.querySelectorAll('[data-drag-conv]')];
+      const draggedEl = pinnedItems.find(el => el.dataset.dragConv === draggedId);
+      if (!draggedEl) return;
+      this.listEl.insertBefore(draggedEl, target);
+      const newOrder = [...this.listEl.querySelectorAll('[data-drag-conv]')].map(el => el.dataset.dragConv);
+      window.wsClient?.rpc('conv.reorder', { order: newOrder }).catch(() => {});
+    });
+
+    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) {
@@ -484,11 +526,13 @@ class ConversationManager {
     const badge = isStreaming
       ? h('span', { class: 'conversation-streaming-badge', title: 'Streaming in progress' }, h('span', { class: 'streaming-dot' }))
       : null;
-    return h('li', { class: 'conversation-item' + (isActive ? ' active' : ''), 'data-conv-id': conv.id },
+    const dragAttrs = conv.pinned ? { draggable: 'true', 'data-drag-conv': conv.id } : {};
+    return h('li', { class: 'conversation-item' + (isActive ? ' active' : '') + (conv.pinned ? ' pinned' : ''), 'data-conv-id': conv.id, ...dragAttrs },
       h('div', { class: 'conversation-item-content' },
         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 +654,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' });