agentgui 1.0.755 → 1.0.756

package/lib/db-queries.js

@@ -1,8 +1,8 @@
 import { createACPQueries } from '../acp-queries.js';
-
-export function createQueries(db, prep, generateId) {
-  return {
-  _db: db,
+
+export function createQueries(db, prep, generateId) {
+  return {
+  _db: db,
   createConversation(agentType, title = null, workingDirectory = null, model = null, subAgent = null) {
     const id = generateId('conv');
     const now = Date.now();
@@ -36,14 +36,33 @@ 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 != ? ORDER BY pinned DESC, updated_at DESC'
+      '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'
     );
-    return stmt.all('deleted');
+    return stmt.all('deleted', 'archived');
   },
 
   getConversations() {
-    const stmt = prep('SELECT * FROM conversations WHERE status != ? ORDER BY pinned DESC, updated_at DESC');
-    return stmt.all('deleted');
+    const stmt = prep('SELECT * FROM conversations WHERE status NOT IN (?, ?) ORDER BY pinned DESC, updated_at DESC');
+    return stmt.all('deleted', 'archived');
+  },
+
+  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');
+  },
+
+  archiveConversation(id) {
+    const conv = this.getConversation(id);
+    if (!conv) return null;
+    prep('UPDATE conversations SET status = ?, updated_at = ? WHERE id = ?').run('archived', Date.now(), id);
+    return this.getConversation(id);
+  },
+
+  restoreConversation(id) {
+    const conv = this.getConversation(id);
+    if (!conv) return null;
+    prep('UPDATE conversations SET status = ?, updated_at = ? WHERE id = ?').run('active', Date.now(), id);
+    return this.getConversation(id);
   },
 
   updateConversation(id, data) {
@@ -1336,5 +1355,5 @@ export function createQueries(db, prep, generateId) {
 
   // ============ ACP-COMPATIBLE QUERIES ============
   ...createACPQueries(db, prep)
-};
-}
+};
+}

package/package.json

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

package/server.js

@@ -601,6 +601,29 @@ const server = http.createServer(async (req, res) => {
       }
     }
 
+    if (pathOnly === '/api/conversations/archived' && req.method === 'GET') {
+      sendJSON(req, res, 200, { conversations: queries.getArchivedConversations() });
+      return;
+    }
+
+    const archiveMatch = pathOnly.match(/^\/api\/conversations\/([^/]+)\/archive$/);
+    if (archiveMatch && req.method === 'POST') {
+      const conv = queries.archiveConversation(archiveMatch[1]);
+      if (!conv) { sendJSON(req, res, 404, { error: 'Not found' }); return; }
+      broadcastSync({ type: 'conversation_deleted', conversationId: archiveMatch[1] });
+      sendJSON(req, res, 200, { conversation: conv });
+      return;
+    }
+
+    const restoreMatch = pathOnly.match(/^\/api\/conversations\/([^/]+)\/restore$/);
+    if (restoreMatch && req.method === 'POST') {
+      const conv = queries.restoreConversation(restoreMatch[1]);
+      if (!conv) { sendJSON(req, res, 404, { error: 'Not found' }); return; }
+      broadcastSync({ type: 'conversation_created', conversation: conv });
+      sendJSON(req, res, 200, { conversation: conv });
+      return;
+    }
+
     const messagesMatch = pathOnly.match(/^\/api\/conversations\/([^/]+)\/messages$/);
     if (messagesMatch) {
       if (req.method === 'GET') {

package/static/css/main.css

@@ -275,7 +275,8 @@
       overflow: hidden;
     }
 
-    .conversation-item-delete {
+    .conversation-item-delete,
+    .conversation-item-archive {
       flex-shrink: 0;
       width: 28px;
       height: 28px;
@@ -292,7 +293,8 @@
       transition: all 0.15s;
     }
 
-    .conversation-item:hover .conversation-item-delete {
+    .conversation-item:hover .conversation-item-delete,
+    .conversation-item:hover .conversation-item-archive {
       opacity: 1;
     }
 
@@ -301,11 +303,18 @@
       color: white;
     }
 
-    .conversation-item.active .conversation-item-delete {
+    .conversation-item-archive:hover {
+      background-color: #f59e0b;
+      color: white;
+    }
+
+    .conversation-item.active .conversation-item-delete,
+    .conversation-item.active .conversation-item-archive {
       color: rgba(255,255,255,0.8);
     }
 
-    .conversation-item.active .conversation-item-delete:hover {
+    .conversation-item.active .conversation-item-delete:hover,
+    .conversation-item.active .conversation-item-archive:hover {
       background-color: rgba(255,255,255,0.2);
       color: white;
     }

package/static/js/conversations.js

@@ -117,6 +117,12 @@ class ConversationManager {
 
   setupDelegatedListeners() {
     this.listEl.addEventListener('click', (e) => {
+      const archiveBtn = e.target.closest('[data-archive-conv]');
+      if (archiveBtn) {
+        e.stopPropagation();
+        this.archiveConversation(archiveBtn.dataset.archiveConv);
+        return;
+      }
       const deleteBtn = e.target.closest('[data-delete-conv]');
       if (deleteBtn) {
         e.stopPropagation();
@@ -477,6 +483,13 @@ class ConversationManager {
         h('div', { class: 'conversation-item-title' }, ...(badge ? [badge, title] : [title])),
         h('div', { class: 'conversation-item-meta' }, metaParts.join(' \u2022 '))
       ),
+      h('button', { class: 'conversation-item-archive', title: 'Archive conversation', 'data-archive-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 8v13H3V8' }),
+          h('path', { d: 'M1 3h22v5H1z' }),
+          h('path', { d: 'M10 12h4' })
+        )
+      ),
       h('button', { class: 'conversation-item-delete', title: 'Delete conversation', 'data-delete-conv': conv.id },
         h('svg', { width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2' },
           h('polyline', { points: '3 6 5 6 21 6' }),
@@ -584,6 +597,16 @@ class ConversationManager {
     this.render();
   }
 
+  async archiveConversation(convId) {
+    try {
+      const resp = await fetch(`${window.__BASE_URL || ''}/api/conversations/${convId}/archive`, { method: 'POST' });
+      if (!resp.ok) return;
+      this.deleteConversation(convId);
+    } catch (e) {
+      console.error('[archive] Failed:', e.message);
+    }
+  }
+
   setupWebSocketListener() {
     window.addEventListener('ws-message', (event) => {
       const msg = event.detail;