agentgui 1.0.81 → 1.0.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.81",
+  "version": "1.0.82",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/static/index.html

@@ -623,7 +623,7 @@
       <div class="header-controls">
         <div class="status-badge">
           <div class="status-indicator" data-status="disconnected"></div>
-          <span data-status-indicator>Disconnected</span>
+          <span id="connectionStatus" data-status-indicator>Disconnected</span>
         </div>
 
         <button class="btn btn-primary" data-theme-toggle title="Toggle dark mode">

package/static/js/client.js

@@ -164,6 +164,9 @@ class AgentGUIClient {
     if (themeToggle) {
       themeToggle.addEventListener('click', () => this.toggleTheme());
     }
+
+    // Listen for new conversation creation
+    window.addEventListener('create-new-conversation', () => this.createNewConversation());
   }
 
   /**
@@ -475,6 +478,42 @@ class AgentGUIClient {
     localStorage.setItem('theme', isDark ? 'dark' : 'light');
   }
 
+  /**
+   * Create a new empty conversation
+   */
+  async createNewConversation() {
+    try {
+      const agentId = this.ui.agentSelector?.value || 'claude-code';
+      const response = await fetch(window.__BASE_URL + '/api/conversations', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          agentId,
+          title: 'New Conversation'
+        })
+      });
+
+      if (!response.ok) {
+        throw new Error(`Failed to create conversation: ${response.status}`);
+      }
+
+      const { conversation } = await response.json();
+      this.state.currentConversation = conversation;
+
+      // Refresh conversation list
+      await this.loadConversations();
+
+      // Clear input for next execution
+      if (this.ui.messageInput) {
+        this.ui.messageInput.value = '';
+        this.ui.messageInput.focus();
+      }
+    } catch (error) {
+      console.error('Failed to create new conversation:', error);
+      this.showError(`Failed to create conversation: ${error.message}`);
+    }
+  }
+
   /**
    * Show error message
    */