agentgui 1.0.30 → 1.0.31

package/package.json

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

package/static/app.js

@@ -760,7 +760,21 @@ class GMGUIApp {
     wrap.className = 'html-block rendered-html';
     const content = document.createElement('div');
     content.className = 'html-content';
-    content.innerHTML = this.sanitizeHtml(rawHtml);
+    
+    // CRITICAL: Ensure RippleUI styles are available for agent HTML
+    // Agent responses use RippleUI/Tailwind classes, so wrap in a context that has those styles
+    let enhancedHtml = rawHtml;
+    
+    // If HTML doesn't already have the RippleUI wrapper classes, add them
+    if (!rawHtml.includes('space-y-4') && !rawHtml.includes('card') && !rawHtml.includes('alert')) {
+      // Wrap in RippleUI container if agent didn't already wrap it
+      enhancedHtml = `<div class="space-y-4 p-6 max-w-4xl">${rawHtml}</div>`;
+      console.log('[HTML] Wrapped agent HTML in RippleUI container for styling');
+    } else {
+      console.log('[HTML] Agent HTML already has RippleUI classes');
+    }
+    
+    content.innerHTML = this.sanitizeHtml(enhancedHtml);
     wrap.appendChild(content);
     return wrap;
   }

package/static/index.html

@@ -130,13 +130,6 @@
             <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>