webhelm 1.0.10 → 1.0.11

package/README.md

@@ -33,7 +33,7 @@ Use `npx skills add lalalic/webhelm --skill webhelm` to install agent guidance.
 
 The daemon-managed Chrome Extension is installed from the npm Runtime and does not require the Chrome Web Store. Click the WebHelm toolbar icon to see daemon connectivity, each configured workspace's available capacity and current Session count. The toolbar badge shows the number of **active daemon Sessions** across all workspaces (including `0` when idle). `!` means the daemon heartbeat is stale and `?` means the Session count is unknown. The popup separately shows pool availability and idle tabs.
 
-The popup has a confirmation step to stop one Session, clear Sessions in one workspace, or clear Sessions across all workspaces. These actions are executed by the same Node daemon as the CLI, over the existing CDP-backed Extension RPC. No shell access or HTTP listener is granted to the Extension. The persistent ChatGPT queue is not deleted, and queued work may create new Sessions afterward.
+The compact popup shows daemon connectivity and per-workspace capacity and Session counts, with confirmation before stopping a Session or clearing Sessions in one workspace. The popup does not include a global stop-all action. These actions are executed by the same Node daemon as the CLI, over the existing CDP-backed Extension RPC. No shell access or HTTP listener is granted to the Extension. The persistent ChatGPT queue is not deleted, and queued work may create new Sessions afterward.
 
 New installations use the default Chrome tab group `WebHelm` and the idle page `helm.html`. Idle URLs use only `workspace` and `role=idle`; Lease URLs use Chrome's actual `tabId` for initial CDP target discovery. There is no separate slot identity. The default `WebHelm` tab group is placed at the first position after pinned tabs when created or restored, while Session allocation does not override later user rearrangement. Chrome-saved tab group shortcuts in the bookmarks bar are separate from active groups and cannot safely be deduplicated through the Extension API. Legacy `Harness` default groups migrate only when their tabs are idle. Custom workspace names are unchanged; the old `workspace.html` path and lease titles remain readable until their Sessions finish. Closing an allocated Session returns its managed tabs to the idle page, retaining physical Chrome targets, while unleased popup children are closed. Do not manually remove active managed tabs.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webhelm",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "Agent browser automation in a visible managed Chrome with persistent JavaScript sessions",
   "type": "module",
   "bin": {

package/runtime/extension/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "WebHelm",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Own named Chrome tab-group workspaces and lazy reusable tab pools for browser agents.",
   "permissions": [
     "storage",

package/runtime/extension/popup.html

@@ -7,13 +7,14 @@
   <style>
     :root { color-scheme: light dark; --ink:#182234; --muted:#5f6d81; --border:#e1e7f0; --accent:#345fd5; --accent-light:#edf2ff; --warning:#ae3849; }
     * { box-sizing: border-box; }
-    body { width:340px; min-height:250px; margin:0; padding:18px; background:light-dark(#fff,#172131); color:light-dark(var(--ink),#edf2f9); font:13px/1.5 system-ui,sans-serif; }
-    h1 { margin:0 0 2px; font-size:18px; letter-spacing:-.02em; }
-    p { margin:4px 0 12px; color:light-dark(var(--muted),#acb8c9); }
-    .stats { display:flex; gap:10px; padding:12px 0; border-block:1px solid light-dark(var(--border),#334155); margin-bottom:12px; }
-    .stat { flex:1; }
-    .stat strong { display:block; font-size:20px; }
-    .stat span { font-size:11px; color:light-dark(var(--muted),#acb8c9); }
+    body { width:320px; margin:0; padding:12px 14px; background:light-dark(#fff,#172131); color:light-dark(var(--ink),#edf2f9); font:12px/1.4 system-ui,sans-serif; }
+    .panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:5px; }
+    h1 { margin:0; font-size:17px; letter-spacing:-.02em; }
+    .daemon-state { font-size:11px; color:light-dark(var(--muted),#acb8c9); white-space:nowrap; }
+    .daemon-state::before { content:""; display:inline-block; vertical-align:middle; width:6px; height:6px; border-radius:50%; background:#8893a1; margin-right:5px; }
+    .daemon-state.online::before { background:#23915c; }
+    .daemon-state.offline::before { background:#ae3849; }
+    p { margin:3px 0 9px; color:light-dark(var(--muted),#acb8c9); }
     button { width:100%; border:1px solid light-dark(var(--border),#40516a); background:light-dark(#fff,#22314a); color:inherit; border-radius:9px; padding:9px; cursor:pointer; font:inherit; font-weight:600; }
     button:disabled { opacity:.5; cursor:not-allowed; }
     button.danger { background:#ae3849; color:#fff; border-color:#ae3849; }
@@ -21,34 +22,30 @@
     #confirmation { margin:8px 0; padding:11px; background:light-dark(#fff1f2,#43222a); border-radius:9px; }
     #confirmation p { color:inherit; }
     .buttons { display:flex; gap:8px; }
-    .session-header { margin:12px 0 6px; font-size:13px; font-weight:700; }
-    .session-list { max-height:160px; overflow:auto; }
-    .workspace-row { padding:12px 0; border-bottom:1px solid light-dark(var(--border),#334155); }
+    .session-list { max-height:360px; overflow-y:auto; }
+    .workspace-row { padding:9px 0; border-bottom:1px solid light-dark(var(--border),#334155); }
+    .workspace-row:last-child { border-bottom:0; }
     .workspace-title { display:flex; align-items:center; gap:8px; justify-content:space-between; }
     .workspace-title strong { font-size:13px; overflow-wrap:anywhere; }
-    .workspace-title button { width:auto; flex-shrink:0; padding:5px 9px; font-size:11px; }
-    .workspace-details { color:light-dark(var(--muted),#acb8c9); font-size:11px; margin:4px 0; }
-    .session-row { display:flex; align-items:center; gap:8px; padding:7px 0; border-bottom:1px solid light-dark(var(--border),#334155); }
+    .workspace-title button { width:auto; flex-shrink:0; padding:4px 8px; font-size:11px; }
+    .workspace-details { color:light-dark(var(--muted),#acb8c9); font-size:11px; margin:2px 0 0; white-space:nowrap; }
+    .session-row { display:flex; align-items:center; gap:8px; padding:5px 0 0; }
     .session-info { min-width:0; flex:1; }
     .session-info strong { display:block; font-size:12px; }
     .session-info span { display:block; color:light-dark(var(--muted),#acb8c9); font-size:11px; }
     .session-row button { width:auto; padding:5px 9px; font-size:11px; }
-    #message { min-height:20px; margin-top:10px; font-size:12px; overflow-wrap:anywhere; }
+    #message { margin-top:8px; font-size:11px; overflow-wrap:anywhere; }
+    #message:empty { display:none; }
     [hidden] { display:none !important; }
   </style>
   <script type="module" src="popup.mjs"></script>
 </head>
 <body>
-  <h1>WebHelm</h1>
-  <p>Managed Chrome · Workspace control</p>
-  <div class="stats" aria-live="polite">
-    <div class="stat"><strong id="available">—</strong><span>Total available slots</span></div>
-    <div class="stat"><strong id="sessions">—</strong><span>Active sessions</span></div>
-    <div class="stat"><strong id="daemon">—</strong><span>Daemon</span></div>
-  </div>
-  <div class="session-header">Workspaces</div>
-  <div id="workspace-list" class="session-list" aria-live="polite">Connecting…</div>
-  <button id="clear">Clear all sessions in all workspaces</button>
+  <header class="panel-heading">
+    <h1>WebHelm</h1>
+    <span id="daemon-status" class="daemon-state" role="status">Connecting…</span>
+  </header>
+  <div id="workspace-list" class="session-list" aria-label="Workspaces" aria-live="polite">Connecting…</div>
   <section id="confirmation" hidden aria-label="Confirm clear sessions">
     <p id="confirm-text">Stop the selected WebHelm session(s)? Tasks in progress may be interrupted. Queued jobs remain and may create new sessions.</p>
     <div class="buttons">

package/runtime/extension/popup.mjs

@@ -1,7 +1,6 @@
 const el = id => document.getElementById(id);
 let confirming = false;
-let requestId = null;
-let chosen = {action: 'stop-all'};
+let chosen = null;
 let lastSignature = '';
 let refreshRunning = false;
 
@@ -15,13 +14,12 @@ function showConfirmation(action, params = {}) {
   chosen = {action, ...params};
   confirming = true;
   el('confirmation').hidden = false;
-  el('clear').hidden = true;
-  if (action === 'stop-all') {
-    el('confirm-text').textContent = 'Stop sessions in ALL workspaces? Active tasks will be interrupted; queued jobs may create new sessions.';
-  } else if (action === 'stop-workspace') {
+  if (action === 'stop-workspace') {
     el('confirm-text').textContent = `Stop all sessions in "${params.workspace}"? Other workspaces are unaffected.`;
-  } else {
+  } else if (action === 'stop') {
     el('confirm-text').textContent = `Stop session ${params.sessionId.slice(0,12)}…? Active work may be interrupted.`;
+  } else {
+    throw new Error('Unsupported stop action');
   }
 }
 
@@ -52,13 +50,13 @@ function renderWorkspaces(workspaces, busy, connected) {
     header.className = 'workspace-title';
     const heading = document.createElement('strong');
     heading.textContent = workspace.name;
-    header.append(heading, actionButton('Clear group', busy || !connected || !workspace.sessions.length,
+    header.append(heading, actionButton('Clear sessions', busy || !connected || !workspace.sessions.length,
       () => showConfirmation('stop-workspace', {workspace:workspace.name})));
     const info = document.createElement('div');
     info.className = 'workspace-details';
     info.textContent = workspace.initialized
-      ? `${workspace.available} available / ${workspace.poolSize} slots · ${workspace.idleTabs} idle tabs · ${workspace.leasedTabs} leased · ${workspace.sessions.length} sessions`
-      : `Unavailable · ${workspace.sessions.length} sessions · ${workspace.reason || 'workspace missing'}`;
+      ? `${workspace.available}/${workspace.poolSize} available · ${workspace.idleTabs} idle · ${workspace.sessions.length} session${workspace.sessions.length === 1 ? "" : "s"}`
+      : `Unavailable · ${workspace.sessions.length} session${workspace.sessions.length === 1 ? "" : "s"}`;
     row.append(header, info);
     for (const session of workspace.sessions) {
       const sessionRow = document.createElement('div');
@@ -81,12 +79,10 @@ async function refresh() {
   refreshRunning = true;
   try {
     const state = await rpc('workspace.control.status');
-    el('available').textContent = state.connected ? state.totalAvailable ?? '—' : '—';
-    el('sessions').textContent = state.connected ? state.totalSessions : '—';
-    el('daemon').textContent = state.connected ? 'Online' : 'Offline';
+    el('daemon-status').textContent = state.connected ? 'Online' : 'Offline';
+    el('daemon-status').className = `daemon-state ${state.connected ? 'online' : 'offline'}`;
     const busy = Boolean(state.request);
     renderWorkspaces(state.workspaces || [], busy, state.connected);
-    el('clear').disabled = !state.connected || !state.sessionCount || busy;
     el('confirm').disabled = !state.connected || busy;
     if (busy) {
       el('message').textContent = 'Stopping sessions…';
@@ -94,25 +90,20 @@ async function refresh() {
       el('message').textContent = state.lastResult.ok
         ? `Last action: stopped ${state.lastResult.stoppedCount} session(s).`
         : `Last action failed: ${state.lastResult.error}`;
-      requestId = null;
     }
   } catch (error) {
-    el('clear').disabled = true;
     el('confirm').disabled = true;
-    el('daemon').textContent = 'Offline';
-    el('available').textContent = '—';
-    el('sessions').textContent = '—';
+    el('daemon-status').textContent = 'Offline';
+    el('daemon-status').className = 'daemon-state offline';
     el('message').textContent = error.message;
   } finally {
     refreshRunning = false;
   }
 }
 
-el('clear').addEventListener('click', () => showConfirmation('stop-all'));
 el('cancel').addEventListener('click', () => {
   confirming = false;
   el('confirmation').hidden = true;
-  el('clear').hidden = false;
   refresh();
 });
 el('confirm').addEventListener('click', async () => {
@@ -120,15 +111,14 @@ el('confirm').addEventListener('click', async () => {
   el('confirm').disabled = true;
   try {
     const result = await rpc('workspace.control.requestStop', chosen);
-    requestId = result.id;
+    if (!result.id) throw new Error('Missing WebHelm stop request ID');
     el('message').textContent = 'Waiting for WebHelm daemon…';
   } catch (error) {
     el('message').textContent = error.message;
   } finally {
     confirming = false;
     el('confirmation').hidden = true;
-    el('clear').hidden = false;
-    refresh();
+      refresh();
   }
 });