diff --git a/app.js b/app.js
index 35b6be8..e9acf0a 100644
--- a/app.js
+++ b/app.js
@@ -2183,25 +2183,24 @@ function mineMemPalaceContent() {
   // Add mining progress indicator
   logs.innerHTML = `<div>${now} - Mining chat history...</div>` + logs.innerHTML;
   
-  // Simulate mining process
-  setTimeout(() => {
-    // Update stats
-    const ratio = parseInt(document.getElementById('compression-ratio').textContent) + 1;
-    const docs = parseInt(document.getElementById('docs-mined').textContent) + 1;
-    const size = parseInt(document.getElementById('aaak-size').textContent.replace('B','')) + 30;
-    
-    document.getElementById('compression-ratio').textContent = `${ratio}x`;
-    document.getElementById('docs-mined').textContent = `${docs}`;
-    document.getElementById('aaak-size').textContent = `${size}B`;
-    
-    // Add success message
-    logs.innerHTML = `<div style="color:#4af0c0;">${now} - Successfully mined 1 chat entry</div>` + logs.innerHTML;
-  }, 1500);
-  // Initialize MemPalace MCP server
-  try {
-    console.log('Initializing MemPalace...');
-    const statusEl = document.getElementById('mem-palace-status');
-    statusEl.textContent = 'Initializing...';
+  // Get chat messages to mine
+  const messages = Array.from(document.querySelectorAll('.chat-msg')).map(m => m.innerText);
+  if (messages.length === 0) {
+    logs.innerHTML = `<div style="color:#ff4466;">${now} - No chat content to mine</div>` + logs.innerHTML;
+    return;
+  }
+  
+  // Update MemPalace stats
+  const ratio = parseInt(document.getElementById('compression-ratio').textContent) + 1;
+  const docs = parseInt(document.getElementById('docs-mined').textContent) + messages.length;
+  const size = parseInt(document.getElementById('aaak-size').textContent.replace('B','')) + (messages.length * 30);
+  
+  document.getElementById('compression-ratio').textContent = `${ratio}x`;
+  document.getElementById('docs-mined').textContent = `${docs}`;
+  document.getElementById('aaak-size').textContent = `${size}B`;
+  
+  // Add success message
+  logs.innerHTML = `<div style="color:#4af0c0;">${now} - Mined ${messages.length} chat entries</div>` + logs.innerHTML;
     
     // Actual MemPalace initialization would happen here
     // For demo purposes we'll just show status
diff --git a/index.html b/index.html
index a1be9b8..fcef1a2 100644
--- a/index.html
+++ b/index.html
@@ -285,17 +285,17 @@
         <li>• Block branch deletion ✅</li>
       </ul>
     </div>
-    <div id="mem-palace-status" style="position:fixed; right:24px; top:54px; background:rgba(74,240,192,0.05); padding:4px 12px; font-family:'Orbitron', sans-serif; font-size:10px; letter-spacing:0.1em;">
-      <span id="mem-palace-label">MEMPALACE</span>
-      <span id="mem-palace-stats">
-        <span id="compression-ratio">--</span>x |
-        <span id="docs-mined">0</span> docs |
-        <span id="aaak-size">0B</span>
-      </span>
-    </div>
-    <button class="mem-palace-mining-btn" onclick="mineMemPalaceContent()">Mine Chat</button>
-    <div style="margin-top: 5px;">
-      <button onclick="mineMemPalaceContent()">Mine Chat to MemPalace</button>
+    <div id="mem-palace-container" class="mem-palace-ui">
+      <div class="mem-palace-header">
+        <span id="mem-palace-status">MEMPALACE</span>
+        <button onclick="mineMemPalaceContent()" class="mem-palace-btn">Mine Chat</button>
+      </div>
+      <div class="mem-palace-stats">
+        <div>Compression: <span id="compression-ratio">--</span>x</div>
+        <div>Docs mined: <span id="docs-mined">0</span></div>
+        <div>AAAK size: <span id="aaak-size">0B</span></div>
+      </div>
+      <div class="mem-palace-logs" id="mem-palace-logs"></div>
     </div>
     <div class="default-reviewers" style="margin-top: 8px; font-size: 12px; color: #aaa;">
       <strong>DEFAULT REVIEWERS</strong><br>