@flrande/bak-extension 0.6.14 → 0.6.16

package/src/content.ts

@@ -1936,7 +1936,7 @@ function describeTables(): TableHandle[] {
   for (const [index, table] of htmlTables.entries()) {
     const handle: TableHandle = {
       id: buildTableId(table.closest('.dataTables_wrapper') ? 'dataTables' : 'html', index),
-      name: (table.getAttribute('aria-label') || table.getAttribute('data-testid') || table.id || `table-${index + 1}`).trim(),
+      label: (table.getAttribute('aria-label') || table.getAttribute('data-testid') || table.id || `table-${index + 1}`).trim(),
       kind: table.closest('.dataTables_wrapper') ? 'dataTables' : 'html',
       selector: table.id ? `#${table.id}` : undefined,
       rowCount: table.querySelectorAll('tbody tr').length || table.querySelectorAll('tr').length,
@@ -1949,7 +1949,7 @@ function describeTables(): TableHandle[] {
     const kind: TableHandle['kind'] = grid.className.includes('ag-') ? 'ag-grid' : 'aria-grid';
     const handle: TableHandle = {
       id: buildTableId(kind, index),
-      name: (grid.getAttribute('aria-label') || grid.getAttribute('data-testid') || grid.id || `grid-${index + 1}`).trim(),
+      label: (grid.getAttribute('aria-label') || grid.getAttribute('data-testid') || grid.id || `grid-${index + 1}`).trim(),
       kind,
       selector: grid.id ? `#${grid.id}` : undefined,
       rowCount: gridRowNodes(grid).length,
@@ -1962,7 +1962,13 @@ function describeTables(): TableHandle[] {
 
 function resolveTable(handleId: string): { table: TableHandle; element: Element | null } | null {
   const tables = describeTables();
-  const handle = tables.find((candidate) => candidate.id === handleId);
+  const normalizedHandleId = handleId.trim().toLowerCase();
+  const handle = tables.find((candidate) => {
+    if (candidate.id === handleId) {
+      return true;
+    }
+    return typeof candidate.label === 'string' && candidate.label.trim().toLowerCase() === normalizedHandleId;
+  });
   if (!handle) {
     return null;
   }

package/src/dynamic-data-tools.ts

@@ -530,9 +530,9 @@ function scoreSourceMapping(table: TableAnalysis, source: DynamicSourceAnalysis,
   }
 
   const explicitReferenceHit =
-    table.table.name.toLowerCase().includes(source.source.label.toLowerCase()) ||
+    table.table.label.toLowerCase().includes(source.source.label.toLowerCase()) ||
     (table.table.selector ?? '').toLowerCase().includes(source.source.label.toLowerCase()) ||
-    source.source.label.toLowerCase().includes(table.table.name.toLowerCase());
+    source.source.label.toLowerCase().includes(table.table.label.toLowerCase());
   if (explicitReferenceHit) {
     basis.push({
       type: 'explicitReference',

package/src/network-debugger.ts

@@ -1,4 +1,4 @@
-import type { NetworkEntry } from '@flrande/bak-protocol';
+import type { NetworkEntry, NetworkSearchResult } from '@flrande/bak-protocol';
 import { redactHeaderMap, redactTransportText } from './privacy.js';
 import { EXTENSION_VERSION } from './version.js';
 
@@ -16,12 +16,18 @@ interface DebuggerTarget {
 interface TabCaptureState {
   attached: boolean;
   attachError: string | null;
-  entries: NetworkEntry[];
-  entriesById: Map<string, NetworkEntry>;
+  entries: CapturedNetworkEntry[];
+  entriesById: Map<string, CapturedNetworkEntry>;
   requestIdToEntryId: Map<string, string>;
   lastTouchedAt: number;
 }
 
+interface CapturedNetworkEntry extends NetworkEntry {
+  rawRequestHeaders?: Record<string, string>;
+  rawRequestBody?: string;
+  rawRequestBodyTruncated?: boolean;
+}
+
 const captures = new Map<number, TabCaptureState>();
 
 function getState(tabId: number): TabCaptureState {
@@ -121,7 +127,25 @@ function isTextualContentType(contentType: string | undefined): boolean {
   );
 }
 
-function pushEntry(state: TabCaptureState, entry: NetworkEntry, requestId: string): void {
+function sanitizeEntry(entry: CapturedNetworkEntry): NetworkEntry {
+  const { rawRequestHeaders, rawRequestBody, rawRequestBodyTruncated, ...publicEntry } = entry;
+  void rawRequestHeaders;
+  void rawRequestBody;
+  void rawRequestBodyTruncated;
+  return {
+    ...publicEntry,
+    requestHeaders:
+      typeof entry.requestHeaders === 'object' && entry.requestHeaders !== null
+        ? { ...entry.requestHeaders }
+        : undefined,
+    responseHeaders:
+      typeof entry.responseHeaders === 'object' && entry.responseHeaders !== null
+        ? { ...entry.responseHeaders }
+        : undefined
+  };
+}
+
+function pushEntry(state: TabCaptureState, entry: CapturedNetworkEntry, requestId: string): void {
   state.entries.push(entry);
   state.entriesById.set(entry.id, entry);
   state.requestIdToEntryId.set(requestId, entry.id);
@@ -135,7 +159,7 @@ function pushEntry(state: TabCaptureState, entry: NetworkEntry, requestId: strin
   }
 }
 
-function entryForRequest(tabId: number, requestId: string): NetworkEntry | null {
+function entryForRequest(tabId: number, requestId: string): CapturedNetworkEntry | null {
   const state = captures.get(tabId);
   if (!state) {
     return null;
@@ -206,9 +230,10 @@ function upsertRequest(tabId: number, params: Record<string, unknown>): void {
     return;
   }
   const request = typeof params.request === 'object' && params.request !== null ? (params.request as Record<string, unknown>) : {};
-  const headers = redactHeaderMap(normalizeHeaders(request.headers));
+  const rawHeaders = normalizeHeaders(request.headers);
+  const headers = redactHeaderMap(rawHeaders);
   const truncatedRequest = truncateText(typeof request.postData === 'string' ? request.postData : undefined, DEFAULT_BODY_BYTES);
-  const entry: NetworkEntry = {
+  const entry: CapturedNetworkEntry = {
     id: `net_${tabId}_${requestId}`,
     url: typeof request.url === 'string' ? request.url : '',
     method: typeof request.method === 'string' ? request.method : 'GET',
@@ -230,6 +255,9 @@ function upsertRequest(tabId: number, params: Record<string, unknown>): void {
     requestHeaders: headers,
     requestBodyPreview: truncatedRequest.text ? redactTransportText(truncatedRequest.text) : undefined,
     requestBodyTruncated: truncatedRequest.truncated,
+    rawRequestHeaders: rawHeaders,
+    rawRequestBody: typeof request.postData === 'string' ? request.postData : undefined,
+    rawRequestBodyTruncated: false,
     initiatorUrl:
       typeof params.initiator === 'object' &&
       params.initiator !== null &&
@@ -378,13 +406,43 @@ export function listNetworkEntries(
     .filter((entry) => entryMatchesFilters(entry, filters))
     .slice(-limit)
     .reverse()
-    .map((entry) => ({ ...entry }));
+    .map((entry) => sanitizeEntry(entry));
 }
 
 export function getNetworkEntry(tabId: number, id: string): NetworkEntry | null {
   const state = getState(tabId);
   const entry = state.entriesById.get(id);
-  return entry ? { ...entry } : null;
+  return entry ? sanitizeEntry(entry) : null;
+}
+
+export function getReplayableNetworkRequest(
+  tabId: number,
+  id: string
+): {
+  entry: NetworkEntry;
+  headers?: Record<string, string>;
+  body?: string;
+  contentType?: string;
+  degradedReason?: string;
+} | null {
+  const state = getState(tabId);
+  const entry = state.entriesById.get(id);
+  if (!entry) {
+    return null;
+  }
+  const publicEntry = sanitizeEntry(entry);
+  if (entry.rawRequestBodyTruncated === true) {
+    return {
+      entry: publicEntry,
+      degradedReason: 'live replay unavailable because the captured request body was truncated in memory'
+    };
+  }
+  return {
+    entry: publicEntry,
+    headers: entry.rawRequestHeaders ? { ...entry.rawRequestHeaders } : undefined,
+    body: entry.rawRequestBody,
+    contentType: headerValue(entry.rawRequestHeaders, 'content-type')
+  };
 }
 
 export async function waitForNetworkEntry(
@@ -405,7 +463,7 @@ export async function waitForNetworkEntry(
     const nextState = getState(tabId);
     const matched = nextState.entries.find((entry) => !seenIds.has(entry.id) && entryMatchesFilters(entry, filters));
     if (matched) {
-      return { ...matched };
+      return sanitizeEntry(matched);
     }
     await new Promise((resolve) => setTimeout(resolve, 75));
   }
@@ -415,9 +473,10 @@ export async function waitForNetworkEntry(
   };
 }
 
-export function searchNetworkEntries(tabId: number, pattern: string, limit = 50): NetworkEntry[] {
+export function searchNetworkEntries(tabId: number, pattern: string, limit = 50): NetworkSearchResult {
+  const state = getState(tabId);
   const normalized = pattern.toLowerCase();
-  return listNetworkEntries(tabId, { limit: Math.max(limit, 1) }).filter((entry) => {
+  const matchedEntries = state.entries.filter((entry) => {
     const headerText = JSON.stringify({
       requestHeaders: entry.requestHeaders,
       responseHeaders: entry.responseHeaders
@@ -429,6 +488,25 @@ export function searchNetworkEntries(tabId: number, pattern: string, limit = 50)
       headerText.includes(normalized)
     );
   });
+  const scannedEntries = state.entries.filter((entry) => entryMatchesFilters(entry, {}));
+  const toCoverage = (
+    entries: CapturedNetworkEntry[],
+    key: 'requestBodyPreview' | 'responseBodyPreview',
+    truncatedKey: 'requestBodyTruncated' | 'responseBodyTruncated'
+  ) => ({
+    full: entries.filter((entry) => typeof entry[key] === 'string' && entry[truncatedKey] !== true).length,
+    partial: entries.filter((entry) => typeof entry[key] === 'string' && entry[truncatedKey] === true).length,
+    none: entries.filter((entry) => typeof entry[key] !== 'string').length
+  });
+  return {
+    entries: matchedEntries.slice(-Math.max(limit, 1)).reverse().map((entry) => sanitizeEntry(entry)),
+    scanned: scannedEntries.length,
+    matched: matchedEntries.length,
+    bodyCoverage: {
+      request: toCoverage(scannedEntries, 'requestBodyPreview', 'requestBodyTruncated'),
+      response: toCoverage(scannedEntries, 'responseBodyPreview', 'responseBodyTruncated')
+    }
+  };
 }
 
 export function latestNetworkTimestamp(tabId: number): number | null {

package/src/popup.ts

@@ -21,6 +21,7 @@ const sessionSummaryEl = document.getElementById('sessionSummary') as HTMLDivEle
 const sessionCardsEl = document.getElementById('sessionCards') as HTMLDivElement;
 
 type PopupTone = 'neutral' | 'success' | 'warning' | 'error';
+type PopupSessionBindingStatus = 'attached' | 'window-only' | 'detached';
 
 interface PopupState {
   ok: boolean;
@@ -42,6 +43,7 @@ interface PopupState {
   sessionBindings: {
     count: number;
     attachedCount: number;
+    windowOnlyCount: number;
     detachedCount: number;
     tabCount: number;
     items: Array<{
@@ -53,7 +55,7 @@ interface PopupState {
       activeTabUrl: string | null;
       windowId: number | null;
       groupId: number | null;
-      detached: boolean;
+      status: PopupSessionBindingStatus;
       lastBindingUpdateAt: number | null;
       lastBindingUpdateReason: string | null;
     }>;
@@ -158,6 +160,8 @@ function describeStatus(state: PopupState): StatusDescriptor {
     const body =
       state.sessionBindings.detachedCount > 0
         ? `${pluralize(state.sessionBindings.detachedCount, 'remembered session')} are detached. Check the cards below before you continue browser work.`
+        : state.sessionBindings.windowOnlyCount > 0
+          ? `${pluralize(state.sessionBindings.windowOnlyCount, 'remembered session')} still point at a live window, but do not own tabs yet.`
         : 'The extension bridge is healthy and ready for CLI-driven browser work.';
     return {
       badge: 'Ready',
@@ -169,6 +173,11 @@ function describeStatus(state: PopupState): StatusDescriptor {
             'Resume or recreate detached work from the bak CLI before sending new page commands.',
             'Use the Sessions panel below to confirm which remembered session lost its owned tabs.'
           ]
+        : state.sessionBindings.windowOnlyCount > 0
+          ? [
+              'New bak page commands can reuse those remembered windows without disturbing your human tabs.',
+              'Use the Sessions panel below to confirm which binding is only waiting for a new owned tab.'
+            ]
         : [
             'Start browser work from the bak CLI.',
             'Use Reconnect bridge only when you intentionally changed token or port settings.'
@@ -311,6 +320,7 @@ function renderSessionBindings(state: PopupState['sessionBindings']): void {
     sessionSummaryEl.textContent =
       `${pluralize(state.count, 'session')}, ` +
       `${pluralize(state.attachedCount, 'attached binding')}, ` +
+      `${pluralize(state.windowOnlyCount, 'window-only binding')}, ` +
       `${pluralize(state.detachedCount, 'detached binding')}, ` +
       `${pluralize(state.tabCount, 'tracked tab')}`;
   }
@@ -328,7 +338,7 @@ function renderSessionBindings(state: PopupState['sessionBindings']): void {
   for (const item of state.items) {
     const card = document.createElement('section');
     card.className = 'session-card';
-    card.dataset.detached = item.detached ? 'true' : 'false';
+    card.dataset.status = item.status;
 
     const header = document.createElement('div');
     header.className = 'session-card-header';
@@ -348,19 +358,24 @@ function renderSessionBindings(state: PopupState['sessionBindings']): void {
 
     const badge = document.createElement('span');
     badge.className = 'session-badge';
-    badge.dataset.detached = item.detached ? 'true' : 'false';
-    badge.textContent = item.detached ? 'Detached' : 'Attached';
+    badge.dataset.status = item.status;
+    badge.textContent = item.status === 'attached' ? 'Attached' : item.status === 'window-only' ? 'Window only' : 'Detached';
 
     header.append(titleWrap, badge);
 
     const activeTitle = document.createElement('div');
     activeTitle.className = 'session-active-title';
-    activeTitle.textContent = item.activeTabTitle ? truncate(item.activeTabTitle, 72) : 'No active tab title';
+    activeTitle.textContent =
+      item.activeTabTitle
+        ? truncate(item.activeTabTitle, 72)
+        : item.status === 'window-only'
+          ? 'No owned tab yet'
+          : 'No active tab title';
     activeTitle.title = item.activeTabTitle ?? '';
 
     const activeUrl = document.createElement('div');
     activeUrl.className = 'session-active-url';
-    activeUrl.textContent = formatUrl(item.activeTabUrl);
+    activeUrl.textContent = item.status === 'window-only' && !item.activeTabUrl ? 'Next bak page command can reuse this window' : formatUrl(item.activeTabUrl);
     activeUrl.title = item.activeTabUrl ?? '';
 
     const meta = document.createElement('div');
@@ -380,9 +395,12 @@ function renderSessionBindings(state: PopupState['sessionBindings']): void {
 
     const footer = document.createElement('div');
     footer.className = 'session-card-footer';
-    footer.textContent = item.detached
-      ? 'bak still remembers this session, but its owned tabs or window are missing.'
-      : 'The saved binding still points at live browser tabs.';
+    footer.textContent =
+      item.status === 'attached'
+        ? 'The saved binding still points at live browser tabs.'
+        : item.status === 'window-only'
+          ? 'bak still remembers the target window for this session, but it does not own any live tabs right now.'
+          : 'bak still remembers this session, but its owned tabs or window are missing.';
 
     card.append(header, activeTitle, activeUrl, meta, footer);
     sessionCardsEl.appendChild(card);

package/src/session-binding-storage.ts

@@ -18,10 +18,16 @@ function isSessionBindingRecord(value: unknown): value is SessionBindingRecord {
 }
 
 function cloneSessionBindingRecord(state: SessionBindingRecord): SessionBindingRecord {
-  return {
+  const cloned: SessionBindingRecord = {
     ...state,
     tabIds: [...state.tabIds]
   };
+  if (cloned.tabIds.length === 0) {
+    cloned.groupId = null;
+    cloned.activeTabId = null;
+    cloned.primaryTabId = null;
+  }
+  return cloned;
 }
 
 function normalizeSessionBindingRecordMap(value: unknown): { found: boolean; map: Record<string, SessionBindingRecord> } {

package/src/session-binding.ts

@@ -482,10 +482,10 @@ class SessionBindingManager {
     };
   }
 
-  async closeTab(bindingId: string, tabId?: number): Promise<{ binding: SessionBindingInfo | null; closedTabId: number }> {
-    const binding = await this.inspectBinding(bindingId);
-    if (!binding) {
-      throw new Error(`Binding ${bindingId} does not exist`);
+  async closeTab(bindingId: string, tabId?: number): Promise<{ binding: SessionBindingInfo | null; closedTabId: number }> {
+    const binding = await this.inspectBinding(bindingId);
+    if (!binding) {
+      throw new Error(`Binding ${bindingId} does not exist`);
     }
     const resolvedTabId =
       typeof tabId === 'number'
@@ -505,13 +505,43 @@ class SessionBindingManager {
         closedTabId: resolvedTabId
       };
     }
-
-    const tabs = await this.readLooseTrackedTabs(remainingTabIds);
-    const nextPrimaryTabId =
-      binding.primaryTabId === resolvedTabId ? tabs[0]?.id ?? null : binding.primaryTabId;
-    const nextActiveTabId =
-      binding.activeTabId === resolvedTabId
-        ? tabs.find((candidate) => candidate.active)?.id ?? nextPrimaryTabId ?? tabs[0]?.id ?? null
+
+    const tabs = await this.readLooseTrackedTabs(remainingTabIds);
+    if (tabs.length === 0) {
+      const liveWindow = binding.windowId !== null ? await this.waitForWindow(binding.windowId, 300) : null;
+      if (!liveWindow) {
+        await this.storage.delete(binding.id);
+        return {
+          binding: null,
+          closedTabId: resolvedTabId
+        };
+      }
+
+      const nextState: SessionBindingRecord = {
+        id: binding.id,
+        label: binding.label,
+        color: binding.color,
+        windowId: liveWindow.id,
+        groupId: null,
+        tabIds: [],
+        activeTabId: null,
+        primaryTabId: null
+      };
+      await this.storage.save(nextState);
+      return {
+        binding: {
+          ...nextState,
+          tabs: []
+        },
+        closedTabId: resolvedTabId
+      };
+    }
+
+    const nextPrimaryTabId =
+      binding.primaryTabId === resolvedTabId ? tabs[0]?.id ?? null : binding.primaryTabId;
+    const nextActiveTabId =
+      binding.activeTabId === resolvedTabId
+        ? tabs.find((candidate) => candidate.active)?.id ?? nextPrimaryTabId ?? tabs[0]?.id ?? null
         : binding.activeTabId;
     const nextState: SessionBindingRecord = {
       id: binding.id,