agentgui 1.0.773 → 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.773",
+  "version": "1.0.774",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "electron/main.js",

package/static/css/main.css

@@ -275,6 +275,8 @@
       overflow: hidden;
     }
 
+    .conversation-item.pinned { cursor: grab; }
+    .conversation-item.pinned:active { cursor: grabbing; }
     .conversation-item-checkbox {
       flex-shrink: 0;
       width: 16px;

package/static/js/conversations.js

@@ -116,6 +116,35 @@ 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 = () => {
@@ -497,7 +526,8 @@ 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 '))