diff --git a/app.js b/app.js
index fc87a66..54e2f73 100644
--- a/app.js
+++ b/app.js
@@ -2907,12 +2907,23 @@ init().then(() => {
   const mempalace = {
     status: { compression: 0, docs: 0, aak: '0B' },
     mineChat: () => {
-      const messages = Array.from(document.querySelectorAll('.chat-msg')).map(m => m.innerText);
-      if (messages.length > 0) {
-        // Simulated mining
-        mempalace.status.docs += messages.length;
-        mempalace.status.compression = Math.min(100, mempalace.status.compression + (messages.length / 10));
-        mempalace.status.aak = `${Math.floor(parseInt(mempalace.status.aak.replace('B', '')) + messages.length * 30)}B`;
+      try {
+        const messages = Array.from(document.querySelectorAll('.chat-msg')).map(m => m.innerText);
+        if (messages.length > 0) {
+          // Simulated mining
+          mempalace.status.docs += messages.length;
+          mempalace.status.compression = Math.min(100, mempalace.status.compression + (messages.length / 10));
+          mempalace.status.aak = `${Math.floor(parseInt(mempalace.status.aak.replace('B', '')) + messages.length * 30)}B`;
+          
+          // Update UI
+          document.getElementById('compression-ratio').textContent = `${mempalace.status.compression.toFixed(1)}x`;
+          document.getElementById('docs-mined').textContent = mempalace.status.docs;
+          document.getElementById('aaak-size').textContent = mempalace.status.aak;
+        }
+      } catch (error) {
+        console.error('MemPalace mining failed:', error);
+        document.getElementById('mem-palace-status').textContent = 'MemPalace ERROR';
+        document.getElementById('mem-palace-status').style.color = '#ff4466';
       }
     }
   };
diff --git a/index.html b/index.html
index 9355eb7..1aeecde 100644
--- a/index.html
+++ b/index.html
@@ -285,6 +285,10 @@
         <li>• Block branch deletion ✅</li>
       </ul>
     </div>
+    <div id="mem-palace-status" style="margin-top: 10px; font-size: 12px; color: #aaa;">MemPalace: Initializing...</div>
+    <div style="margin-top: 5px;">
+      <button onclick="mineMemPalaceContent()">Mine Chat to MemPalace</button>
+    </div>
     <div class="default-reviewers" style="margin-top: 8px; font-size: 12px; color: #aaa;">
       <strong>DEFAULT REVIEWERS</strong><br>
       <ul style="margin:0; padding-left:15px;">
diff --git a/style.css b/style.css
index 105117a..0727824 100644
--- a/style.css
+++ b/style.css
@@ -972,6 +972,10 @@ canvas#nexus-canvas {
   font-size: 10px;
   opacity: 0.3;
 }
+
+#mem-palace-status {
+  transition: all 0.3s ease;
+}
 .nexus-footer a {
   color: var(--color-text-muted);
   text-decoration: none;