npm - promethios-bridge - Versions diffs - 1.7.3 → 1.7.4 - Mend

promethios-bridge 1.7.3 → 1.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "promethios-bridge",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "description": "Run Promethios agent frameworks locally on your computer with full file, terminal, browser access, ambient context capture, and the always-on-top floating chat overlay. Native Framework Mode supports OpenClaw and other frameworks via the bridge.",
   "main": "src/index.js",
   "bin": {

package/src/bridge.js CHANGED Viewed

@@ -189,6 +189,126 @@ async function startBridge({ setupToken, apiBase, port, dev }) {
     res.sendStatus(204);
   });
+  // ── Overlay route: serves the floating chat UI in the default browser ────
+  // This is the fallback when Electron is not available (e.g. running via npx).
+  // The overlay HTML is stored inline here so no file path resolution is needed.
+  let overlayAuthToken = null; // set after authentication
+  app.get('/overlay', (req, res) => {
+    const token = overlayAuthToken || '';
+    const apiBase_ = apiBase;
+    res.setHeader('Content-Type', 'text/html; charset=utf-8');
+    res.send(`<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Promethios</title>
+<style>
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    background: #0f0f11; color: #e4e4e7; height: 100vh; display: flex;
+    flex-direction: column; overflow: hidden; }
+  #header { background: #18181b; border-bottom: 1px solid #27272a;
+    padding: 10px 14px; display: flex; align-items: center; gap: 8px;
+    flex-shrink: 0; }
+  #header .dot { width: 8px; height: 8px; border-radius: 50%;
+    background: #22c55e; flex-shrink: 0; }
+  #header .title { font-size: 13px; font-weight: 600; color: #a1a1aa; }
+  #header .status { font-size: 11px; color: #22c55e; margin-left: auto; }
+  #messages { flex: 1; overflow-y: auto; padding: 12px; display: flex;
+    flex-direction: column; gap: 8px; }
+  .msg { max-width: 85%; padding: 8px 12px; border-radius: 12px;
+    font-size: 13px; line-height: 1.5; word-break: break-word; }
+  .msg.user { background: #3f3f46; align-self: flex-end; color: #e4e4e7; }
+  .msg.ai { background: #1e1e2e; border: 1px solid #27272a;
+    align-self: flex-start; color: #c4b5fd; }
+  .msg.system { background: transparent; border: none;
+    color: #52525b; font-size: 11px; align-self: center; font-style: italic; }
+  #input-row { padding: 10px 12px; background: #18181b;
+    border-top: 1px solid #27272a; display: flex; gap: 8px; flex-shrink: 0; }
+  #input { flex: 1; background: #27272a; border: 1px solid #3f3f46;
+    border-radius: 8px; padding: 8px 12px; color: #e4e4e7; font-size: 13px;
+    outline: none; resize: none; height: 36px; font-family: inherit; }
+  #input:focus { border-color: #6d28d9; }
+  #send { background: #6d28d9; color: white; border: none; border-radius: 8px;
+    padding: 0 14px; font-size: 13px; cursor: pointer; height: 36px;
+    flex-shrink: 0; }
+  #send:hover { background: #7c3aed; }
+  #send:disabled { background: #3f3f46; cursor: not-allowed; }
+  ::-webkit-scrollbar { width: 4px; }
+  ::-webkit-scrollbar-track { background: transparent; }
+  ::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 2px; }
+</style>
+</head>
+<body>
+<div id="header">
+  <div class="dot"></div>
+  <span class="title">Promethios</span>
+  <span class="status" id="status">Connected</span>
+</div>
+<div id="messages">
+  <div class="msg system">Bridge connected — ready to help</div>
+</div>
+<div id="input-row">
+  <textarea id="input" placeholder="Ask Promethios..." rows="1"></textarea>
+  <button id="send">Send</button>
+</div>
+<script>
+  const AUTH_TOKEN = '${token}';
+  const API_BASE = '${apiBase_}';
+  const messagesEl = document.getElementById('messages');
+  const inputEl = document.getElementById('input');
+  const sendBtn = document.getElementById('send');
+  const statusEl = document.getElementById('status');
+  function addMsg(role, text) {
+    const d = document.createElement('div');
+    d.className = 'msg ' + role;
+    d.textContent = text;
+    messagesEl.appendChild(d);
+    messagesEl.scrollTop = messagesEl.scrollHeight;
+  }
+  async function sendMessage() {
+    const text = inputEl.value.trim();
+    if (!text) return;
+    inputEl.value = '';
+    addMsg('user', text);
+    sendBtn.disabled = true;
+    statusEl.textContent = 'Thinking...';
+    try {
+      const res = await fetch(API_BASE + '/api/chat/quick', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json',
+          'Authorization': 'Bearer ' + AUTH_TOKEN },
+        body: JSON.stringify({ message: text, source: 'overlay' }),
+      });
+      if (res.ok) {
+        const data = await res.json();
+        addMsg('ai', data.reply || data.message || JSON.stringify(data));
+      } else {
+        addMsg('system', 'Error: ' + res.status);
+      }
+    } catch (e) {
+      addMsg('system', 'Could not reach Promethios: ' + e.message);
+    }
+    sendBtn.disabled = false;
+    statusEl.textContent = 'Connected';
+  }
+  sendBtn.addEventListener('click', sendMessage);
+  inputEl.addEventListener('keydown', e => {
+    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(); }
+  });
+  inputEl.addEventListener('input', () => {
+    inputEl.style.height = 'auto';
+    inputEl.style.height = Math.min(inputEl.scrollHeight, 100) + 'px';
+  });
+<\/script>
+</body>
+</html>`);
+  });
   await new Promise((resolve, reject) => {
     const server = app.listen(port, '127.0.0.1', () => resolve(server));
     server.on('error', reject);
@@ -221,24 +341,41 @@ async function startBridge({ setupToken, apiBase, port, dev }) {
   console.log(chalk.gray('  Press Ctrl+C to disconnect.'));
   console.log('');
-  // ── Step 4c: Launch Electron overlay window (if available) ──────────────────
-  // The overlay is an always-on-top floating chat pill that works across all
-  // apps on Windows, Mac, and Linux. It auto-launches alongside the bridge.
-  // Users can toggle watching on/off from the pill without restarting the bridge.
+  // ── Step 4c: Launch overlay ──────────────────────────────────────────────
+  // Set the auth token so the /overlay route can embed it in the HTML.
+  overlayAuthToken = authToken;
+  // Try Electron first (available when installed globally or via postinstall).
+  // Fall back to opening the browser-based overlay at http://localhost:<port>/overlay.
+  let overlayLaunched = false;
   if (launchOverlay) {
     try {
       const overlayChild = launchOverlay({ authToken, apiBase, dev });
       if (overlayChild) {
-        // Give the child process a moment to start — if it fails immediately
-        // (e.g. ENOENT because electron is not installed), the error handler
-        // in launcher.js will silently absorb it. We print the success message
-        // optimistically but it's non-critical if the overlay doesn't appear.
+        overlayLaunched = true;
         console.log(chalk.cyan('  ⬡ Promethios overlay launched — floating chat is ready'));
         console.log(chalk.gray('    Hotkey: Ctrl+Shift+P (Win/Linux) or Cmd+Shift+P (Mac)'));
         console.log('');
       }
     } catch (err) {
-      log('Overlay launch failed (non-critical):', err.message);
+      log('Electron overlay launch failed (non-critical):', err.message);
+    }
+  }
+  if (!overlayLaunched) {
+    // Electron not available — open the lightweight browser overlay instead.
+    // This is a small chat UI served by the bridge's own Express server.
+    const overlayUrl = `http://127.0.0.1:${port}/overlay`;
+    try {
+      const openModule = require('open');
+      await openModule(overlayUrl);
+      console.log(chalk.cyan('  ⬡ Promethios overlay opened in your browser'));
+      console.log(chalk.gray(`    URL: ${overlayUrl}`));
+      console.log('');
+    } catch (err) {
+      log('Browser overlay launch failed (non-critical):', err.message);
+      console.log(chalk.gray(`  ℹ  Open ${overlayUrl} in your browser for the chat overlay`));
+      console.log('');
     }
   }

package/src/contextCapture.js CHANGED Viewed

@@ -231,25 +231,36 @@ function extractUrlFromBrowserTitle(title, process) {
   // Try to get URL from Chrome/Edge via PowerShell UIAutomation (Windows only)
   // This reads the address bar text directly — works even for SPAs
+  // NOTE: Must use -File (temp script) not -Command to preserve multi-line PS syntax.
   if (proc.includes('chrome') || proc.includes('msedge')) {
     try {
-      const psScript = `
-Add-Type -AssemblyName UIAutomationClient
-Add-Type -AssemblyName UIAutomationTypes
-$proc = Get-Process -Name "${proc.includes('msedge') ? 'msedge' : 'chrome'}" -ErrorAction SilentlyContinue | Select-Object -First 1
-if ($proc) {
-  $root = [System.Windows.Automation.AutomationElement]::FromHandle($proc.MainWindowHandle)
-  $cond = New-Object System.Windows.Automation.PropertyCondition([System.Windows.Automation.AutomationElement]::NameProperty, "Address and search bar")
-  $bar = $root.FindFirst([System.Windows.Automation.TreeScope]::Descendants, $cond)
-  if ($bar) {
-    $vp = $bar.GetCurrentPattern([System.Windows.Automation.ValuePattern]::Pattern)
-    Write-Output $vp.Current.Value
-  }
-}`.trim();
+      const os = require('os');
+      const path = require('path');
+      const fs = require('fs');
+      const browserName = proc.includes('msedge') ? 'msedge' : 'chrome';
+      const tmpFile = path.join(os.tmpdir(), `promethios_url_${process.pid}.ps1`);
+      const psLines = [
+        'Add-Type -AssemblyName UIAutomationClient',
+        'Add-Type -AssemblyName UIAutomationTypes',
+        `$browserProc = Get-Process -Name "${browserName}" -ErrorAction SilentlyContinue | Select-Object -First 1`,
+        'if ($browserProc) {',
+        '  $root = [System.Windows.Automation.AutomationElement]::FromHandle($browserProc.MainWindowHandle)',
+        '  $cond = New-Object System.Windows.Automation.PropertyCondition(',
+        '    [System.Windows.Automation.AutomationElement]::NameProperty,',
+        '    "Address and search bar")',
+        '  $bar = $root.FindFirst([System.Windows.Automation.TreeScope]::Descendants, $cond)',
+        '  if ($bar) {',
+        '    $vp = $bar.GetCurrentPattern([System.Windows.Automation.ValuePattern]::Pattern)',
+        '    Write-Output $vp.Current.Value',
+        '  }',
+        '}',
+      ];
+      fs.writeFileSync(tmpFile, psLines.join('\r\n'), 'utf8');
       const url = execSync(
-        `powershell -NoProfile -NonInteractive -Command "${psScript.replace(/"/g, '\\"').replace(/\n/g, ' ')}"`,
+        `powershell -NoProfile -NonInteractive -ExecutionPolicy Bypass -File "${tmpFile}"`,
         { encoding: 'utf8', timeout: 5000, windowsHide: true }
       ).trim();
+      try { fs.unlinkSync(tmpFile); } catch { /* cleanup best-effort */ }
       if (url && (url.startsWith('http') || url.startsWith('chrome'))) {
         return url;
       }