agentgui 1.0.4 → 1.0.6

package/database.js

@@ -1,7 +1,9 @@
 import fs from 'fs';
 import path from 'path';
 import os from 'os';
+import { createRequire } from 'module';
 
+const require = createRequire(import.meta.url);
 const dbDir = path.join(os.homedir(), '.gmgui');
 const dbFilePath = path.join(dbDir, 'data.db');
 const oldJsonPath = path.join(dbDir, 'data.json');
@@ -28,7 +30,7 @@ try {
 }
 
 function initSchema() {
-  db.run(`
+  db.exec(`
     CREATE TABLE IF NOT EXISTS conversations (
       id TEXT PRIMARY KEY,
       agentId TEXT NOT NULL,
@@ -36,13 +38,11 @@ function initSchema() {
       created_at INTEGER NOT NULL,
       updated_at INTEGER NOT NULL,
       status TEXT DEFAULT 'active'
-    )
-  `);
+    );
 
-  db.run(`CREATE INDEX IF NOT EXISTS idx_conversations_agent ON conversations(agentId)`);
-  db.run(`CREATE INDEX IF NOT EXISTS idx_conversations_updated ON conversations(updated_at DESC)`);
+    CREATE INDEX IF NOT EXISTS idx_conversations_agent ON conversations(agentId);
+    CREATE INDEX IF NOT EXISTS idx_conversations_updated ON conversations(updated_at DESC);
 
-  db.run(`
     CREATE TABLE IF NOT EXISTS messages (
       id TEXT PRIMARY KEY,
       conversationId TEXT NOT NULL,
@@ -50,12 +50,10 @@ function initSchema() {
       content TEXT NOT NULL,
       created_at INTEGER NOT NULL,
       FOREIGN KEY (conversationId) REFERENCES conversations(id)
-    )
-  `);
+    );
 
-  db.run(`CREATE INDEX IF NOT EXISTS idx_messages_conversation ON messages(conversationId)`);
+    CREATE INDEX IF NOT EXISTS idx_messages_conversation ON messages(conversationId);
 
-  db.run(`
     CREATE TABLE IF NOT EXISTS sessions (
       id TEXT PRIMARY KEY,
       conversationId TEXT NOT NULL,
@@ -65,13 +63,11 @@ function initSchema() {
       response TEXT,
       error TEXT,
       FOREIGN KEY (conversationId) REFERENCES conversations(id)
-    )
-  `);
+    );
 
-  db.run(`CREATE INDEX IF NOT EXISTS idx_sessions_conversation ON sessions(conversationId)`);
-  db.run(`CREATE INDEX IF NOT EXISTS idx_sessions_status ON sessions(conversationId, status)`);
+    CREATE INDEX IF NOT EXISTS idx_sessions_conversation ON sessions(conversationId);
+    CREATE INDEX IF NOT EXISTS idx_sessions_status ON sessions(conversationId, status);
 
-  db.run(`
     CREATE TABLE IF NOT EXISTS events (
       id TEXT PRIMARY KEY,
       type TEXT NOT NULL,
@@ -81,21 +77,19 @@ function initSchema() {
       created_at INTEGER NOT NULL,
       FOREIGN KEY (conversationId) REFERENCES conversations(id),
       FOREIGN KEY (sessionId) REFERENCES sessions(id)
-    )
-  `);
+    );
 
-  db.run(`CREATE INDEX IF NOT EXISTS idx_events_conversation ON events(conversationId)`);
+    CREATE INDEX IF NOT EXISTS idx_events_conversation ON events(conversationId);
 
-  db.run(`
     CREATE TABLE IF NOT EXISTS idempotencyKeys (
       key TEXT PRIMARY KEY,
       value TEXT NOT NULL,
       created_at INTEGER NOT NULL,
       ttl INTEGER NOT NULL
-    )
-  `);
+    );
 
-  db.run(`CREATE INDEX IF NOT EXISTS idx_idempotency_created ON idempotencyKeys(created_at)`);
+    CREATE INDEX IF NOT EXISTS idx_idempotency_created ON idempotencyKeys(created_at);
+  `);
 }
 
 function migrateFromJson() {
@@ -393,10 +387,10 @@ export const queries = {
     const conv = this.getConversation(id);
     if (!conv) return false;
 
-    db.run('DELETE FROM messages WHERE conversationId = ?', [id]);
-    db.run('DELETE FROM sessions WHERE conversationId = ?', [id]);
-    db.run('DELETE FROM events WHERE conversationId = ?', [id]);
-    db.run('DELETE FROM conversations WHERE id = ?', [id]);
+    db.prepare('DELETE FROM events WHERE conversationId = ?').run(id);
+    db.prepare('DELETE FROM sessions WHERE conversationId = ?').run(id);
+    db.prepare('DELETE FROM messages WHERE conversationId = ?').run(id);
+    db.prepare('DELETE FROM conversations WHERE id = ?').run(id);
 
     return true;
   },
@@ -404,14 +398,11 @@ export const queries = {
   cleanup() {
     const thirtyDaysAgo = Date.now() - (30 * 24 * 60 * 60 * 1000);
 
-    db.run('DELETE FROM events WHERE created_at < ?', [thirtyDaysAgo]);
-    db.run(
-      'DELETE FROM sessions WHERE completed_at IS NOT NULL AND completed_at < ?',
-      [thirtyDaysAgo]
-    );
+    db.prepare('DELETE FROM events WHERE created_at < ?').run(thirtyDaysAgo);
+    db.prepare('DELETE FROM sessions WHERE completed_at IS NOT NULL AND completed_at < ?').run(thirtyDaysAgo);
 
     const now = Date.now();
-    db.run('DELETE FROM idempotencyKeys WHERE (created_at + ttl) < ?', [now]);
+    db.prepare('DELETE FROM idempotencyKeys WHERE (created_at + ttl) < ?').run(now);
   },
 
   setIdempotencyKey(key, value) {
@@ -441,6 +432,86 @@ export const queries = {
 
   clearIdempotencyKey(key) {
     db.run('DELETE FROM idempotencyKeys WHERE key = ?', [key]);
+  },
+
+  discoverClaudeCodeConversations() {
+    const claudeHomeDir = path.join(os.homedir(), '.claude-code');
+    const conversationsDir = path.join(claudeHomeDir, 'conversations');
+
+    if (!fs.existsSync(conversationsDir)) {
+      return [];
+    }
+
+    const discovered = [];
+    try {
+      const items = fs.readdirSync(conversationsDir, { withFileTypes: true });
+      for (const item of items) {
+        if (!item.isDirectory()) continue;
+
+        const metadataPath = path.join(conversationsDir, item.name, 'metadata.json');
+        const messagesPath = path.join(conversationsDir, item.name, 'messages.json');
+
+        if (!fs.existsSync(metadataPath) || !fs.existsSync(messagesPath)) continue;
+
+        try {
+          const metadata = JSON.parse(fs.readFileSync(metadataPath, 'utf-8'));
+          const messages = JSON.parse(fs.readFileSync(messagesPath, 'utf-8'));
+
+          discovered.push({
+            id: item.name,
+            metadata,
+            messages,
+            source: 'claude-code'
+          });
+        } catch (e) {
+          console.error(`Error reading Claude Code conversation ${item.name}:`, e.message);
+        }
+      }
+    } catch (e) {
+      console.error('Error discovering Claude Code conversations:', e.message);
+    }
+
+    return discovered;
+  },
+
+  importClaudeCodeConversations() {
+    const discovered = this.discoverClaudeCodeConversations();
+    const imported = [];
+
+    for (const conv of discovered) {
+      try {
+        const existingConv = db.prepare('SELECT id FROM conversations WHERE id = ?').get(conv.id);
+        if (existingConv) {
+          imported.push({ id: conv.id, status: 'skipped', reason: 'Already imported' });
+          continue;
+        }
+
+        const title = conv.metadata?.title || 'Claude Code Conversation';
+        const createdAt = conv.metadata?.created_at || Date.now();
+        const updatedAt = conv.metadata?.updated_at || Date.now();
+
+        db.prepare(
+          `INSERT INTO conversations (id, agentId, title, created_at, updated_at, status) VALUES (?, ?, ?, ?, ?, ?)`
+        ).run(conv.id, 'claude-code', title, createdAt, updatedAt, 'active');
+
+        for (const msg of (conv.messages || [])) {
+          try {
+            db.prepare(
+              `INSERT INTO messages (id, conversationId, role, content, created_at) VALUES (?, ?, ?, ?, ?)`
+            ).run(msg.id || generateId('msg'), conv.id, msg.role || 'user', msg.content || '', msg.created_at || Date.now());
+          } catch (e) {
+            console.error(`Error importing message in conversation ${conv.id}:`, e.message);
+          }
+        }
+
+        imported.push({ id: conv.id, status: 'imported', title });
+      } catch (e) {
+        console.error(`Error importing Claude Code conversation ${conv.id}:`, e.message);
+        imported.push({ id: conv.id, status: 'error', error: e.message });
+      }
+    }
+
+    return imported;
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",
@@ -26,6 +26,7 @@
     "test:all": "npm run test:integration && npm run test"
   },
   "dependencies": {
+    "better-sqlite3": "^12.6.2",
     "ws": "^8.14.2"
   }
 }

package/server.js

@@ -11,7 +11,7 @@ import ACPConnection from './acp-launcher.js';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const PORT = process.env.PORT || 3000;
 const BASE_URL = (process.env.BASE_URL || '/gm').replace(/\/+$/, '');
-const watch = process.argv.includes('--watch');
+const watch = process.argv.includes('--no-watch') ? false : (process.argv.includes('--watch') || process.env.HOT_RELOAD !== 'false');
 
 const staticDir = path.join(__dirname, 'static');
 if (!fs.existsSync(staticDir)) fs.mkdirSync(staticDir, { recursive: true });
@@ -126,6 +126,7 @@ const server = http.createServer(async (req, res) => {
       if (req.method === 'DELETE') {
         const deleted = queries.deleteConversation(convMatch[1]);
         if (!deleted) { res.writeHead(404, { 'Content-Type': 'application/json' }); res.end(JSON.stringify({ error: 'Not found' })); return; }
+        broadcastSync({ type: 'conversation_deleted', conversationId: convMatch[1] });
         res.writeHead(200, { 'Content-Type': 'application/json' });
         res.end(JSON.stringify({ deleted: true }));
         return;
@@ -195,6 +196,20 @@ const server = http.createServer(async (req, res) => {
       return;
     }
 
+    if (routePath === '/api/import/claude-code' && req.method === 'GET') {
+      const result = queries.importClaudeCodeConversations();
+      res.writeHead(200, { 'Content-Type': 'application/json' });
+      res.end(JSON.stringify({ imported: result }));
+      return;
+    }
+
+    if (routePath === '/api/discover/claude-code' && req.method === 'GET') {
+      const discovered = queries.discoverClaudeCodeConversations();
+      res.writeHead(200, { 'Content-Type': 'application/json' });
+      res.end(JSON.stringify({ discovered }));
+      return;
+    }
+
     if (routePath === '/api/home' && req.method === 'GET') {
       res.writeHead(200, { 'Content-Type': 'application/json' });
       res.end(JSON.stringify({ home: process.env.HOME || '/config' }));
@@ -276,7 +291,7 @@ function serveFile(filePath, res) {
     if (err) { res.writeHead(500); res.end('Server error'); return; }
     let content = data.toString();
     if (ext === '.html') {
-      const baseTag = `<script>window.__BASE_URL='${BASE_URL}'; window.__AUTH_TOKEN=localStorage.getItem('gmgui-token');</script>`;
+      const baseTag = `<script>window.__BASE_URL='${BASE_URL}';</script>`;
       content = content.replace('<head>', '<head>\n  ' + baseTag);
       if (watch) {
         content += `\n<script>(function(){const ws=new WebSocket('ws://'+location.host+'${BASE_URL}/hot-reload');ws.onmessage=e=>{if(JSON.parse(e.data).type==='reload')location.reload()};})();</script>`;
@@ -407,6 +422,11 @@ function onServerReady() {
   console.log(`GMGUI running on http://localhost:${PORT}${BASE_URL}/`);
   console.log(`Agents: ${discoveredAgents.map(a => a.name).join(', ') || 'none'}`);
   console.log(`Hot reload: ${watch ? 'on' : 'off'}`);
+  // Auto-import Claude Code conversations
+  const imported = queries.importClaudeCodeConversations();
+  if (imported.length > 0) {
+    console.log(`Auto-imported ${imported.filter(i => i.status === 'imported').length} Claude Code conversations`);
+  }
 }
 
 server.listen(PORT, onServerReady);

package/static/app.js

@@ -98,12 +98,31 @@ class GMGUIApp {
     this.setupEventListeners();
     await this.fetchHome();
     await this.fetchAgents();
+    await this.autoImportClaudeCode();
     await this.fetchConversations();
     this.connectSyncWebSocket();
     this.setupCrossTabSync();
+    this.startPeriodicSync();
     this.renderAll();
   }
 
+  startPeriodicSync() {
+    // Rapid sync every 10 seconds: check for new Claude Code conversations and sync
+    setInterval(() => {
+      this.autoImportClaudeCode().then(() => {
+        this.fetchConversations().then(() => this.renderChatHistory());
+      });
+    }, 10000);
+  }
+
+  async autoImportClaudeCode() {
+    try {
+      await fetch(BASE_URL + '/api/import/claude-code');
+    } catch (e) {
+      console.error('autoImportClaudeCode:', e);
+    }
+  }
+
   connectSyncWebSocket() {
     const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
     this.syncWs = new ReconnectingWebSocket(
@@ -259,6 +278,11 @@ class GMGUIApp {
   }
 
   setupEventListeners() {
+    window.addEventListener('focus', () => {
+      this.autoImportClaudeCode().then(() => {
+        this.fetchConversations().then(() => this.renderChatHistory());
+      });
+    });
     const input = document.getElementById('messageInput');
     if (input) {
       input.addEventListener('keydown', (e) => {
@@ -396,20 +420,24 @@ class GMGUIApp {
   async deleteConversation(id) {
     try {
       const res = await fetch(`${BASE_URL}/api/conversations/${id}`, { method: 'DELETE' });
+      if (!res.ok) {
+        console.error('deleteConversation failed:', res.status);
+        return;
+      }
+      this.conversations.delete(id);
+      if (this.currentConversation === id) {
+        this.currentConversation = null;
+        const first = Array.from(this.conversations.values())[0];
+        if (first) {
+          this.displayConversation(first.id);
+        } else {
+          this.showWelcome();
+        }
+      }
+      this.renderChatHistory();
     } catch (e) {
       console.error('deleteConversation:', e);
     }
-    this.conversations.delete(id);
-    if (this.currentConversation === id) {
-      this.currentConversation = null;
-      const first = Array.from(this.conversations.values())[0];
-      if (first) {
-        this.displayConversation(first.id);
-      } else {
-        this.showWelcome();
-      }
-    }
-    this.renderChatHistory();
   }
 
   showWelcome() {
@@ -886,6 +914,44 @@ function createChatInFolder() {
   app.openFolderBrowser();
 }
 
+async function importClaudeCodeConversations() {
+  closeNewChatModal();
+  try {
+    const res = await fetch(BASE_URL + '/api/import/claude-code');
+    const data = await res.json();
+
+    if (!data.imported) {
+      alert('No Claude Code conversations found to import.');
+      return;
+    }
+
+    const imported = data.imported.filter(r => r.status === 'imported');
+    const skipped = data.imported.filter(r => r.status === 'skipped');
+    const errors = data.imported.filter(r => r.status === 'error');
+
+    let message = `Import complete!\n\n`;
+    if (imported.length > 0) {
+      message += `✓ Imported: ${imported.length} conversation(s)\n`;
+    }
+    if (skipped.length > 0) {
+      message += `⊘ Skipped: ${skipped.length} (already imported)\n`;
+    }
+    if (errors.length > 0) {
+      message += `✗ Errors: ${errors.length}\n`;
+    }
+
+    alert(message.trim());
+
+    if (imported.length > 0) {
+      await app.fetchConversations();
+      app.renderAll();
+    }
+  } catch (e) {
+    console.error('Import error:', e);
+    alert('Failed to import Claude Code conversations: ' + e.message);
+  }
+}
+
 function sendMessage() { app.sendMessage(); }
 
 function toggleSidebar() {

package/static/index.html

@@ -129,6 +129,13 @@
             <div class="chat-option-desc">Contextualize chat to a specific folder</div>
           </div>
         </button>
+        <button class="chat-option-btn" onclick="importClaudeCodeConversations()">
+          <span class="chat-option-icon">📥</span>
+          <div class="chat-option-content">
+            <div class="chat-option-title">Import Claude Code conversations</div>
+            <div class="chat-option-desc">Load existing conversations from Claude Code</div>
+          </div>
+        </button>
       </div>
     </div>
   </div>