agentgui 1.0.742 → 1.0.744

package/database.js

@@ -421,7 +421,8 @@ try {
     claudeSessionId: 'TEXT',
     isStreaming: 'INTEGER DEFAULT 0',
     model: 'TEXT',
-    subAgent: 'TEXT'
+    subAgent: 'TEXT',
+    pinned: 'INTEGER DEFAULT 0'
   };
 
   let addedColumns = false;
@@ -644,13 +645,13 @@ export const queries = {
 
   getConversationsList() {
     const stmt = prep(
-      'SELECT id, agentId, title, agentType, created_at, updated_at, messageCount, workingDirectory, isStreaming, model, subAgent FROM conversations WHERE status != ? ORDER BY updated_at DESC'
+      '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'
     );
     return stmt.all('deleted');
   },
 
   getConversations() {
-    const stmt = prep('SELECT * FROM conversations WHERE status != ? ORDER BY updated_at DESC');
+    const stmt = prep('SELECT * FROM conversations WHERE status != ? ORDER BY pinned DESC, updated_at DESC');
     return stmt.all('deleted');
   },
 
@@ -665,11 +666,12 @@ export const queries = {
     const agentType = data.agentType !== undefined ? data.agentType : conv.agentType;
     const model = data.model !== undefined ? data.model : conv.model;
     const subAgent = data.subAgent !== undefined ? data.subAgent : conv.subAgent;
+    const pinned = data.pinned !== undefined ? (data.pinned ? 1 : 0) : (conv.pinned || 0);
 
     const stmt = prep(
-      `UPDATE conversations SET title = ?, status = ?, agentId = ?, agentType = ?, model = ?, subAgent = ?, updated_at = ? WHERE id = ?`
+      `UPDATE conversations SET title = ?, status = ?, agentId = ?, agentType = ?, model = ?, subAgent = ?, pinned = ?, updated_at = ? WHERE id = ?`
     );
-    stmt.run(title, status, agentId, agentType, model, subAgent, now, id);
+    stmt.run(title, status, agentId, agentType, model, subAgent, pinned, now, id);
 
     return {
       ...conv,
@@ -679,6 +681,7 @@ export const queries = {
       agentType,
       model,
       subAgent,
+      pinned,
       updated_at: now
     };
   },

package/lib/ws-handlers-conv.js

@@ -117,6 +117,24 @@ export function register(router, deps) {
     return { ok: true, chunks: result.chunks, total: result.total, hasMore: result.hasMore, limit: result.limit };
   });
 
+  router.handle('conv.export', (p) => {
+    const conv = queries.getConversation(p.id);
+    if (!conv) notFound();
+    const msgs = queries.getConversationMessages(p.id);
+    const format = p.format || 'markdown';
+    if (format === 'json') return { conversation: conv, messages: msgs };
+    let md = `# ${conv.title || 'Conversation'}\n\n`;
+    md += `Agent: ${conv.agentType || 'unknown'} | Created: ${new Date(conv.created_at).toISOString()}\n\n---\n\n`;
+    for (const m of msgs) {
+      const role = m.role === 'user' ? 'User' : 'Assistant';
+      md += `## ${role}\n\n`;
+      let content = m.content;
+      try { const parsed = JSON.parse(content); if (Array.isArray(parsed)) { content = parsed.map(b => b.text || b.content || JSON.stringify(b)).join('\n'); } } catch {}
+      md += content + '\n\n---\n\n';
+    }
+    return { markdown: md, title: conv.title };
+  });
+
   router.handle('conv.cancel', (p) => {
     if (!execMachine.isActive(p.id)) notFound('No active execution to cancel');
     const ctx = execMachine.getContext(p.id);

package/package.json

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

package/server.js

@@ -2107,6 +2107,15 @@ const server = http.createServer(async (req, res) => {
       return;
     }
 
+    if (pathOnly === '/api/backup' && req.method === 'GET') {
+      const dbPath = path.join(os.homedir(), '.gmgui', 'data.db');
+      if (!fs.existsSync(dbPath)) { sendJSON(req, res, 404, { error: 'Database not found' }); return; }
+      const stat = fs.statSync(dbPath);
+      res.writeHead(200, { 'Content-Type': 'application/octet-stream', 'Content-Disposition': 'attachment; filename="agentgui-backup.db"', 'Content-Length': stat.size });
+      fs.createReadStream(dbPath).pipe(res);
+      return;
+    }
+
     if (pathOnly === '/api/debug/machines' && req.method === 'GET' && process.env.DEBUG) {
       const toolSnap = {};
       for (const [id, actor] of toolInstallMachine.getMachineActors()) {
@@ -3684,6 +3693,41 @@ const _assetCache = new LRUCache({ max: 200 });
 let _htmlCache = null;
 let _htmlCacheEtag = null;
 
+function warmAssetCache() {
+  const dirs = ['js', 'css', 'lib', 'vendor'];
+  let count = 0;
+  for (const dir of dirs) {
+    const full = path.join(staticDir, dir);
+    if (!fs.existsSync(full)) continue;
+    for (const file of fs.readdirSync(full)) {
+      const filePath = path.join(full, file);
+      try {
+        const stats = fs.statSync(filePath);
+        if (!stats.isFile()) continue;
+        const etag = generateETag(stats);
+        if (_assetCache.has(etag)) continue;
+        const raw = fs.readFileSync(filePath);
+        const entry = raw.length < 860 ? { raw, gz: null } : { raw, gz: zlib.gzipSync(raw, { level: 6 }) };
+        _assetCache.set(etag, entry);
+        count++;
+      } catch (_) {}
+    }
+  }
+  for (const file of ['app.js', 'theme.js']) {
+    const filePath = path.join(staticDir, file);
+    try {
+      const stats = fs.statSync(filePath);
+      const etag = generateETag(stats);
+      if (!_assetCache.has(etag)) {
+        const raw = fs.readFileSync(filePath);
+        _assetCache.set(etag, raw.length < 860 ? { raw, gz: null } : { raw, gz: zlib.gzipSync(raw, { level: 6 }) });
+        count++;
+      }
+    } catch (_) {}
+  }
+  if (count > 0) console.log(`[CACHE] Pre-warmed ${count} static assets`);
+}
+
 function serveFile(filePath, res, req) {
   const ext = path.extname(filePath).toLowerCase();
   const contentType = MIME_TYPES[ext] || 'application/octet-stream';
@@ -5109,6 +5153,7 @@ function onServerReady() {
   }
 
   recoverStaleSessions();
+  warmAssetCache();
 
   try {
     jsonlWatcher = new JsonlWatcher({ broadcastSync, queries, ownedSessionIds });
@@ -5120,6 +5165,20 @@ function onServerReady() {
 
   resumeInterruptedStreams().catch(err => console.error('[RESUME] Startup error:', err.message));
 
+  setInterval(() => {
+    try {
+      const streaming = queries.getStreamingConversations();
+      let cleared = 0;
+      for (const c of streaming) {
+        if (!activeExecutions.has(c.id)) {
+          queries.setIsStreaming(c.id, false);
+          cleared++;
+        }
+      }
+      if (cleared > 0) debugLog(`[HEALTH] Cleared ${cleared} stale streaming flag(s)`);
+    } catch (e) { debugLog(`[HEALTH] Error: ${e.message}`); }
+  }, 5 * 60 * 1000);
+
   installGMAgentConfigs().catch(err => console.error('[GM-CONFIG] Startup error:', err.message));
 
   startACPTools().then(() => {

package/static/js/client.js

@@ -591,6 +591,27 @@ class AgentGUIClient {
       });
     }
 
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'n' && (e.ctrlKey || e.metaKey) && !e.shiftKey) {
+        e.preventDefault();
+        const newBtn = document.querySelector('[data-new-conversation], #newConversationBtn, .new-conversation-btn');
+        if (newBtn) newBtn.click();
+      }
+      if (e.key === 'b' && (e.ctrlKey || e.metaKey) && !e.shiftKey) {
+        e.preventDefault();
+        const toggleBtn = document.querySelector('[data-sidebar-toggle]');
+        if (toggleBtn) toggleBtn.click();
+      }
+      if (e.key === 'Escape') {
+        const activeEl = document.activeElement;
+        if (activeEl && activeEl.tagName === 'TEXTAREA') { activeEl.blur(); return; }
+        if (this.state.isStreaming) {
+          const cancelBtn = document.querySelector('#cancelBtn, [data-cancel-btn]');
+          if (cancelBtn && cancelBtn.offsetParent !== null) cancelBtn.click();
+        }
+      }
+    });
+
     // Setup theme toggle
     const themeToggle = document.querySelector('[data-theme-toggle]');
     if (themeToggle) {
@@ -893,6 +914,16 @@ class AgentGUIClient {
       this.scrollToBottom(true);
     }
 
+    this._streamStartedAt = Date.now();
+    if (this._elapsedTimer) clearInterval(this._elapsedTimer);
+    this._elapsedTimer = setInterval(() => {
+      const label = streamingDiv?.querySelector('.streaming-indicator-label');
+      if (label) {
+        const sec = ((Date.now() - this._streamStartedAt) / 1000) | 0;
+        label.textContent = sec < 60 ? sec + 's' : Math.floor(sec / 60) + 'm ' + (sec % 60) + 's';
+      }
+    }, 1000);
+
     // Reset rendered block seq tracker for this session
     this._renderedSeqs[data.sessionId] = new Set();
 
@@ -917,6 +948,9 @@ class AgentGUIClient {
   }
 
   handleStreamingProgress(data) {
+    try { return this._handleStreamingProgressInner(data); } catch (e) { console.error('[render-error] streaming progress:', e); }
+  }
+  _handleStreamingProgressInner(data) {
     if (!data.block || !data.sessionId) return;
 
     // Deduplicate by seq number to guarantee exactly-once rendering
@@ -1092,6 +1126,7 @@ class AgentGUIClient {
     console.error('Streaming error:', data);
     if (window.promptMachineAPI) window.promptMachineAPI.send({ type: 'READY' });
     this._clearThinkingCountdown();
+    if (this._elapsedTimer) { clearInterval(this._elapsedTimer); this._elapsedTimer = null; }
 
     // Hide stop and inject buttons on error
     if (this.ui.stopButton) this.ui.stopButton.classList.remove('visible');
@@ -1170,6 +1205,7 @@ class AgentGUIClient {
     this._dbg('Streaming completed:', data);
     if (window.promptMachineAPI) window.promptMachineAPI.send({ type: 'READY' });
     this._clearThinkingCountdown();
+    if (this._elapsedTimer) { clearInterval(this._elapsedTimer); this._elapsedTimer = null; }
 
     const conversationId = data.conversationId || this.state.currentSession?.conversationId;
     if (conversationId) this.invalidateCache(conversationId);
@@ -2186,6 +2222,9 @@ class AgentGUIClient {
   }
 
   renderChunk(chunk) {
+    try { return this._renderChunkInner(chunk); } catch (e) { console.error('[render-error] chunk:', e); }
+  }
+  _renderChunkInner(chunk) {
     if (!chunk || !chunk.block) return;
     const seq = chunk.sequence;
     if (seq !== undefined) {

package/static/js/streaming-renderer.js

@@ -781,6 +781,7 @@ class StreamingRenderer {
     const details = document.createElement('details');
     details.className = 'block-tool-use folded-tool';
     if (block.id) details.dataset.toolUseId = block.id;
+    details.dataset.startedAt = Date.now();
     details.classList.add(this._getBlockTypeClass('tool_use'));
     details.classList.add(this._getToolColorClass(toolName));
     const normalizedForOpen = toolName.replace(/^mcp__.*?__/, '');
@@ -2228,6 +2229,16 @@ class StreamingRenderer {
       statusSpan.className = 'folded-tool-status';
       statusSpan.innerHTML = statusSvg;
       summary.appendChild(statusSpan);
+      const startedAt = parseInt(toolUseEl.dataset.startedAt);
+      if (startedAt > 0) {
+        const ms = Date.now() - startedAt;
+        const label = ms < 1000 ? ms + 'ms' : (ms / 1000).toFixed(1) + 's';
+        const dur = document.createElement('span');
+        dur.className = 'folded-tool-duration';
+        dur.style.cssText = 'margin-left:0.375rem;font-size:0.6rem;opacity:0.45;font-weight:400';
+        dur.textContent = label;
+        summary.appendChild(dur);
+      }
     }
 
     const renderedContent = StreamingRenderer.renderSmartContentHTML(contentStr, this.escapeHtml.bind(this), true);

package/static/theme.js

@@ -53,15 +53,18 @@ class ThemeManager {
   }
 
   toggleTheme() {
-    const currentTheme = document.documentElement.getAttribute('data-theme') || 'light';
-    const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
-    this.setTheme(newTheme);
+    const saved = localStorage.getItem(this.THEME_KEY);
+    const current = document.documentElement.getAttribute('data-theme') || 'light';
+    if (saved === 'dark') { this.setTheme('light'); }
+    else if (saved === 'light') { localStorage.removeItem(this.THEME_KEY); this.setTheme(this.SYSTEM_DARK_MODE.matches ? 'dark' : 'light'); this.updateThemeIcon('auto'); return; }
+    else { this.setTheme('dark'); }
   }
 
   updateThemeIcon(theme) {
     const icon = document.querySelector('.theme-icon');
     if (icon) {
-      icon.textContent = theme === 'dark' ? '☀️' : '🌙';
+      icon.textContent = theme === 'auto' ? '⚙️' : theme === 'dark' ? '☀️' : '🌙';
+      icon.title = theme === 'auto' ? 'Theme: Auto (follows OS)' : theme === 'dark' ? 'Theme: Dark' : 'Theme: Light';
     }
   }