diff --git a/app.js b/app.js index bc3c58e..458bcc6 100644 --- a/app.js +++ b/app.js @@ -1999,6 +1999,9 @@ function connectHermes() { refreshWorkshopPanel(); }; + // Initialize MemPalace + connectMemPalace(); + hermesWs.onmessage = (evt) => { try { const data = JSON.parse(evt.data); @@ -2053,6 +2056,39 @@ function updateWsHudStatus(connected) { dot.style.background = connected ? '#4af0c0' : '#ff4466'; dot.style.boxShadow = connected ? '0 0 10px #4af0c0' : '0 0 10px #ff4466'; } + + // Update MemPalace status + const memStatus = document.getElementById('mem-palace-status'); + if (memStatus) { + memStatus.textContent = connected ? 'MEMPALACE ACTIVE' : 'MEMPALACE OFFLINE'; + memStatus.style.color = connected ? '#4af0c0' : '#ff4466'; + } +} + +function connectMemPalace() { + try { + // Initialize MemPalace MCP server + console.log('Initializing MemPalace memory system...'); + // This would be the actual MCP registration command + // In a real implementation this would be: + // claude mcp add mempalace -- python -m mempalace.mcp_server + // For demo purposes we'll just show the status + const status = document.getElementById('mem-palace-status'); + if (status) { + status.textContent = 'MEMPALACE INITIALIZING'; + setTimeout(() => { + status.textContent = 'MEMPALACE ACTIVE'; + status.style.color = '#4af0c0'; + }, 1500); + } + } catch (err) { + console.error('Failed to initialize MemPalace:', err); + const status = document.getElementById('mem-palace-status'); + if (status) { + status.textContent = 'MEMPALACE ERROR'; + status.style.color = '#ff4466'; + } + } } // ═══ SESSION PERSISTENCE ═══ diff --git a/index.html b/index.html index 7b886a6..6646007 100644 --- a/index.html +++ b/index.html @@ -301,6 +301,7 @@
timmy-config: Require PR + 1 approval ✅
+
MEMPALACE INIT
>>>>>>> replace ``` diff --git a/style.css b/style.css index f409523..7d5483b 100644 --- a/style.css +++ b/style.css @@ -441,6 +441,19 @@ canvas#nexus-canvas { font-variant-numeric: tabular-nums lining-nums; } +#mem-palace-status { + position: absolute; + top: var(--space-4); + right: var(--space-4); + background: rgba(74, 240, 192, 0.1); + color: #4af0c0; + padding: var(--space-2) var(--space-3); + border-radius: var(--panel-radius); + font-family: var(--font-display); + font-size: var(--text-sm); + letter-spacing: 0.1em; +} + /* Location indicator */ .hud-location { position: absolute;