agentgui 1.0.773 → 1.0.775

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.775",
   "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;
@@ -3195,6 +3197,20 @@
       to { transform: translateX(0); opacity: 1; }
     }
 
+    .msg-edit-btn {
+      background: transparent;
+      border: none;
+      cursor: pointer;
+      color: var(--color-text-secondary);
+      font-size: 0.75rem;
+      padding: 0 0.25rem;
+      opacity: 0;
+      transition: opacity 0.15s;
+      margin-left: 0.5rem;
+    }
+    .message-user:hover .msg-edit-btn { opacity: 0.7; }
+    .msg-edit-btn:hover { opacity: 1 !important; color: var(--color-primary); }
+
     .preset-btn {
       background: transparent;
       border: 1px solid var(--color-border);

package/static/js/client.js

@@ -618,7 +618,21 @@ class AgentGUIClient {
       themeToggle.addEventListener('click', () => this.toggleTheme());
     }
 
-    // Setup scroll position tracking for current conversation
+    if (this.ui.outputEl) {
+      this.ui.outputEl.addEventListener('click', async (e) => {
+        const editBtn = e.target.closest('[data-edit-msg]');
+        if (!editBtn || !this.state.currentConversation) return;
+        const msgEl = editBtn.closest('.message-user');
+        const textEl = msgEl?.querySelector('.message-text');
+        if (!textEl) return;
+        const original = textEl.textContent || '';
+        const edited = await window.UIDialog?.prompt('Edit message:', original, 'Edit & Re-run');
+        if (!edited || edited === original) return;
+        this.ui.messageInput.value = edited;
+        this.startExecution();
+      });
+    }
+
     this.setupScrollTracking();
 
     window.addEventListener('create-new-conversation', (event) => {
@@ -2164,7 +2178,7 @@ class AgentGUIClient {
         const uDiv = document.createElement('div');
         uDiv.className = 'message message-user';
         uDiv.setAttribute('data-msg-id', m.id);
-        uDiv.innerHTML = `<div class="message-role">User</div>${this.renderMessageContent(m.content)}<div class="message-timestamp">${new Date(m.created_at).toLocaleString()}</div>`;
+        uDiv.innerHTML = `<div class="message-role">User<button class="msg-edit-btn" data-edit-msg="${m.id}" title="Edit and re-run">&#9998;</button></div>${this.renderMessageContent(m.content)}<div class="message-timestamp">${new Date(m.created_at).toLocaleString()}</div>`;
         frag.appendChild(uDiv);
       }
       const isActive = sid === activeSessionId;

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 '))