agentgui 1.0.764 → 1.0.765

package/package.json

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

package/static/css/main.css

@@ -276,7 +276,8 @@
     }
 
     .conversation-item-delete,
-    .conversation-item-archive {
+    .conversation-item-archive,
+    .conversation-item-export {
       flex-shrink: 0;
       width: 28px;
       height: 28px;
@@ -294,7 +295,8 @@
     }
 
     .conversation-item:hover .conversation-item-delete,
-    .conversation-item:hover .conversation-item-archive {
+    .conversation-item:hover .conversation-item-archive,
+    .conversation-item:hover .conversation-item-export {
       opacity: 1;
     }
 
@@ -303,18 +305,25 @@
       color: white;
     }
 
+    .conversation-item-export:hover {
+      background-color: #3b82f6;
+      color: white;
+    }
+
     .conversation-item-archive:hover {
       background-color: #f59e0b;
       color: white;
     }
 
     .conversation-item.active .conversation-item-delete,
-    .conversation-item.active .conversation-item-archive {
+    .conversation-item.active .conversation-item-archive,
+    .conversation-item.active .conversation-item-export {
       color: rgba(255,255,255,0.8);
     }
 
     .conversation-item.active .conversation-item-delete:hover,
-    .conversation-item.active .conversation-item-archive:hover {
+    .conversation-item.active .conversation-item-archive:hover,
+    .conversation-item.active .conversation-item-export: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 exportBtn = e.target.closest('[data-export-conv]');
+      if (exportBtn) {
+        e.stopPropagation();
+        this.exportConversation(exportBtn.dataset.exportConv);
+        return;
+      }
       const archiveBtn = e.target.closest('[data-archive-conv]');
       if (archiveBtn) {
         e.stopPropagation();
@@ -483,6 +489,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-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' }),
+          h('polyline', { points: '7 10 12 15 17 10' }),
+          h('line', { x1: '12', y1: '15', x2: '12', y2: '3' })
+        )
+      ),
       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' }),
@@ -597,6 +610,21 @@ class ConversationManager {
     this.render();
   }
 
+  async exportConversation(convId) {
+    try {
+      const result = await window.wsClient.rpc('conv.export', { id: convId, format: 'markdown' });
+      const blob = new Blob([result.markdown], { type: 'text/markdown' });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = (result.title || 'conversation').replace(/[^a-zA-Z0-9_-]/g, '_') + '.md';
+      a.click();
+      URL.revokeObjectURL(url);
+    } catch (e) {
+      console.error('[export] Failed:', e.message);
+    }
+  }
+
   async archiveConversation(convId) {
     try {
       const resp = await fetch(`${window.__BASE_URL || ''}/api/conversations/${convId}/archive`, { method: 'POST' });