dsh-site-bridge 0.6.0 → 0.6.1

package/extension/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "default_locale": "en",
   "name": "__MSG_appName__",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "__MSG_appDesc__",
   "minimum_chrome_version": "116",
   "permissions": [

package/extension/popup.html

@@ -104,10 +104,10 @@
       .tab-item {
         display: flex; align-items: center; justify-content: space-between; gap: 8px;
         padding: 6px 8px; background: #15181e; border: 1px solid var(--line);
-        border-radius: 7px; cursor: pointer; min-height: 44px;
+        border-radius: 7px; min-height: 44px;
       }
-      .tab-item:hover { border-color: #3a4150; }
-      .tab-item.active { border-color: var(--accent); background: #1a1f2c; }
+      .tab-meta { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 10.5px; flex: none; }
+      .tab-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ok); }
       .tab-item-text { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
       .tab-item-title { font-size: 12px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
       .tab-item-url { color: var(--muted); font-size: 10.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

package/extension/popup.js

@@ -95,7 +95,6 @@ function render(status) {
   // One block per attached tab: title, address and its own detach cross. The
   // list scrolls after three blocks so the popup keeps its height.
   const targets = Array.isArray(status.targets) ? status.targets : []
-  const activeId = status.activeTabId ?? status.target?.id ?? null
   target.classList.toggle('empty', targets.length === 0)
   target.hidden = targets.length > 0
 
@@ -104,7 +103,7 @@ function render(status) {
   list.textContent = ''
   for (const item of targets) {
     const row = document.createElement('div')
-    row.className = item.id === activeId ? 'tab-item active' : 'tab-item'
+    row.className = 'tab-item'
     row.dataset.id = String(item.id)
     row.title = item.url || ''
 
@@ -124,7 +123,16 @@ function render(status) {
     remove.title = t('disconnectTab')
     remove.innerHTML = '<svg width="12" height="12" viewBox="0 0 12 12" aria-hidden="true"><path d="M2 2 L10 10 M10 2 L2 10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>'
 
-    row.append(body, remove)
+    // Every tab carries its own numbers: nothing here is "the" tab.
+    const meta = document.createElement('span')
+    meta.className = 'tab-meta'
+    if (item.recording) {
+      const dot = document.createElement('i')
+      dot.className = 'tab-dot'
+      meta.append(dot)
+    }
+    meta.append(document.createTextNode(String(item.captured ?? 0)))
+    row.append(body, meta, remove)
     list.append(row)
   }
 
@@ -293,10 +301,6 @@ $('tabs-list').addEventListener('click', async (event) => {
     await refresh()
     return
   }
-  const row = event.target.closest('.tab-item')
-  if (!row || row.classList.contains('active')) return
-  await send({ type: 'use', tabId: Number(row.dataset.id) })
-  await refresh()
 })
 
 $('pick').addEventListener('click', async () => {

package/extension/sw.js

@@ -193,8 +193,10 @@ async function handleMessageInner(message) {
         recording: session.recording,
         captured: session.entries.length
       })),
-      recording: active?.recording ?? false,
-      captured: active?.entries.length ?? 0,
+      // Aggregates: the popup shows every attached tab, so "capture on" means
+      // "at least one is recording" and the counter is the sum.
+      recording: [...state.sessions.values()].some((session) => session.recording),
+      captured: [...state.sessions.values()].reduce((sum, session) => sum + session.entries.length, 0),
       picking: active?.picking === true,
       picks: active?.picks?.length ?? 0
     }
@@ -216,8 +218,13 @@ async function handleMessageInner(message) {
     return { ok: true }
   }
   if (message?.type === 'toggle-capture') {
+    const on = message.on === true
+    if (message.tabId == null || message.tabId === '') {
+      for (const session of state.sessions.values()) await setRecording(session, on)
+      return { ok: true, recording: on, tabs: state.sessions.size }
+    }
     const session = requireSession(message.tabId)
-    return { ok: true, recording: await setRecording(session, message.on === true) }
+    return { ok: true, recording: await setRecording(session, on) }
   }
   return { ok: false, error: `unknown message ${message?.type}` }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-site-bridge",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Chrome/Edge MV3 bridge for DeepSeek Harness: capture page markup (DOM, styles, selectors) and BFF traffic (xhr/fetch with headers and bodies) into a workspace snapshot bundle, drive the page with trusted CDP input, and verify injected scripts. Authorization never leaves the browser and is never written to disk.",
   "icon": "./icon.svg",
   "type": "module",