browser-debugger-cli 0.8.0 → 0.10.0

package/dist/commands/network/list.js

@@ -4,16 +4,16 @@
 import { Option } from 'commander';
 import { runCommand } from '../shared/CommandRunner.js';
 import { jsonOption } from '../shared/commonOptions.js';
-import { handleDaemonConnectionError, noteFollowConnected, } from '../shared/daemonErrorHandler.js';
+import { noteFollowConnected } from '../shared/daemonErrorHandler.js';
 import { fetchNetworkRequests, createErrorResult } from '../shared/dataFetcher.js';
-import { setupFollowMode } from '../shared/followMode.js';
+import { followFetchFailure, setupFollowMode, } from '../shared/followMode.js';
 import { handleValidationError } from '../shared/handleValidationError.js';
 import { positiveIntRule, resourceTypeRule } from '../shared/validation.js';
 import { applyFilters, getFilterHelpText, validateFilterString } from '../../telemetry/filterDsl.js';
 import { resolvePreset, FILTER_PRESETS } from '../../telemetry/filterPresets.js';
 import { filterByResourceType } from '../../telemetry/filters.js';
 import { buildSuccessResponse } from '../../ui/OutputBuilder.js';
-import { formatNetworkFollowRows, formatNetworkList, } from '../../ui/formatters/networkList.js';
+import { formatNetworkFollowRows, formatNetworkList, pageStartOf, } from '../../ui/formatters/networkList.js';
 import { followingNetworkMessage, stoppedFollowingNetworkMessage, } from '../../ui/messages/networkMessages.js';
 import { EXIT_CODES } from '../../utils/exitCodes.js';
 import { validateFilterOption } from './shared.js';
@@ -110,6 +110,7 @@ function buildFormatOptions(options, result, lastLimit) {
         last: lastLimit,
         totalCount: result.totalCount,
         filteredCount: result.filteredCount,
+        ...(result.pageStart && { pageStart: result.pageStart }),
     };
 }
 /**
@@ -127,15 +128,7 @@ async function runFollowMode(options, resourceTypes, lastN) {
     const showNetwork = async () => {
         const result = await fetchNetworkRequests(filtersNeedHeaders(options));
         if (!result.success) {
-            const errorResult = handleDaemonConnectionError(result.error, {
-                json: options.json,
-                follow: true,
-                retryIntervalMs: FOLLOW_INTERVAL,
-                exitCode: result.exitCode,
-            });
-            if (errorResult.shouldExit)
-                process.exit(errorResult.exitCode);
-            return;
+            return followFetchFailure(result, { json: options.json, retryIntervalMs: FOLLOW_INTERVAL });
         }
         noteFollowConnected();
         const finished = filterRequests(result.data, options, resourceTypes).filter((request) => request.duration !== undefined && !shown.has(request.requestId));
@@ -156,14 +149,17 @@ async function runFollowMode(options, resourceTypes, lastN) {
             }
         }
         else {
+            const pageStart = pageStartOf(result.data);
             const text = formatNetworkFollowRows(fresh, {
                 header: !started,
                 verbose: options.verbose ?? false,
+                ...(pageStart && { pageStart }),
             });
             if (text)
                 console.log(text);
         }
         started = true;
+        return undefined;
     };
     await setupFollowMode(showNetwork, {
         startMessage: followingNetworkMessage,
@@ -171,6 +167,12 @@ async function runFollowMode(options, resourceTypes, lastN) {
         intervalMs: FOLLOW_INTERVAL,
     });
 }
+/** What the less obvious columns of the list mean */
+const COLUMNS_HELP = `Columns:
+  START  When the request started, from the start of the current page (its document
+         request): +1.2s. Requests of earlier pages are negative. --json has the
+         absolute time (timestamp, epoch ms) and data.pageStart.
+  TIME   How long it took (to its last byte or failure); - while pending`;
 function formatPresetHelp() {
     return Object.entries(FILTER_PRESETS)
         .map(([name, preset]) => `  ${name.padEnd(12)} ${preset.description}`)
@@ -187,7 +189,7 @@ export function registerListCommand(networkCmd) {
         .addOption(networkLastOption)
         .addOption(new Option('-f, --follow', 'Stream network requests in real-time').default(false))
         .addOption(new Option('-v, --verbose', 'Show full URLs and additional details').default(false))
-        .addHelpText('after', `\n${getFilterHelpText()}\n\nPresets:\n${formatPresetHelp()}`)
+        .addHelpText('after', `\n${COLUMNS_HELP}\n\n${getFilterHelpText()}\n\nPresets:\n${formatPresetHelp()}`)
         .action(async (options) => {
         let resourceTypes;
         let lastN;
@@ -218,12 +220,14 @@ export function registerListCommand(networkCmd) {
                 return createErrorResult(result.error, result.exitCode, result.suggestion);
             }
             const filtered = filterRequests(result.data, options, resourceTypes);
+            const pageStart = pageStartOf(result.data);
             return {
                 success: true,
                 data: {
                     requests: lastN === 0 ? filtered : filtered.slice(-lastN),
                     totalCount: result.data.length,
                     filteredCount: filtered.length,
+                    ...(pageStart && { pageStart }),
                 },
             };
         }, options, (data) => formatNetworkList(data.requests, buildFormatOptions(options, data, lastN)));

package/dist/commands/optionBehaviors.js

@@ -7,12 +7,27 @@
  * @see docs/principles/SELF_DOCUMENTING_SYSTEMS.md
  */
 import { MAX_EDGE_PX, PIXELS_PER_TOKEN, TALL_PAGE_THRESHOLD, } from './dom/screenshotResize.js';
+/** What DOM actions report about the network requests they triggered */
+const TRIGGERED_REQUESTS_BEHAVIOR = 'Requests (and WebSocket connections) that start after the action begins are returned as triggeredRequests (method, url, status, durationMs; pending when still running at return, loading when the response arrived but its body is still streaming; with resourceType; human output lists documents, XHR/fetch and WebSockets first (up to 10) and counts static assets on one line; absent when network telemetry is off). Attribution is by time: requests a page timer or poller starts meanwhile are listed too, whether or not the action caused them';
+/** What every DOM action reports about the page besides its requests */
+const ACTION_EFFECTS_BEHAVIOR = 'The result also says what changed on the page: a navigation (Page: navigated to <url> (status), or URL changed to <url> (same document); JSON navigation { url, sameDocument, status }), and messages that appeared or changed in alert/status/aria-live elements or flash/error/toast-like classes (New text: "…" (element); JSON messages [{ text, element }], at most 3; after a navigation every message on the new page counts; texts of only digits and time units, such as clocks and counters, are left out, but other text that changes on its own, such as a rotating banner, can show up). Both are absent when nothing changed. Cost: one page script sent before the action without waiting for it and one read after it, a few ms; when the page does not answer (a pending navigation) bdg waits at most 200 ms for the snapshot and 250 ms per read, and the navigation is still reported from CDP events';
+/** What click and pressKey report when the page was still changing as they returned */
+const STILL_CHANGING_BEHAVIOR = 'When the page was still changing as the action returned, the status line says (page still changing), a note below it says what was pending and suggests bdg dom wait <selector>, and JSON has settled: false with pending { requests (document, fetch/XHR and script requests still running), navigation (a new page still loading), loading (a loading indicator that appeared, e.g. "div#loading"), domChanging (DOM changes kept coming in bursts over a second look 250 ms later; a single render, ticking text and style animations do not count), busy (the page did not answer within 250 ms: a long script) }; absent when the page looked settled (exit code stays 0). A result a timer renders later, with no DOM change, request or loading indicator before it, is not detected. Cost: nothing extra, except 250 ms plus one read when the DOM looked busy. Not checked with --no-wait';
+/** What hover and pressKey report about elements they showed */
+const SHOWN_BEHAVIOR = 'Elements the action showed are listed (Shown: <element> "<text>"; JSON shown [{ text, element }], at most 3, outermost first): elements with visible text added inside the target\'s form, search box, dialog or combobox (else its grandparent, or its parent when that is the body), and popups and messages added anywhere (tooltip, menu, listbox, dialog, alert, status roles, popover, aria-live, message-like classes); widgets elsewhere on the page and re-rendered elements whose text was there before do not count';
+/** What `--no-wait` does to a DOM action's triggered requests */
+const NO_WAIT_TRIGGERED_REQUESTS = 'Returns immediately without waiting for network; triggeredRequests lists only requests bdg saw start before returning (often none yet; check bdg network list later)';
 /**
  * Behavioral metadata registry.
  *
  * Keyed by "command:flag" to support same flag names across different commands.
  */
 const OPTION_BEHAVIORS = {
+    'screenshot:--selector': {
+        default: 'Captures the page (full page unless --no-full-page)',
+        whenEnabled: 'Captures one element; the selector (or a query index) can also be given as the second argument: bdg dom screenshot out.png "#sel". Both given and naming different elements exits 81',
+        automaticBehavior: 'The capture covers the border box plus content overflowing it (uncleared floats, positioned children; not what an overflow: hidden ancestor cuts off, nor fixed descendants); JSON element.bounds is the border box and element.captured the larger area when it grew, which human output notes',
+    },
     'screenshot:--no-resize': {
         default: `Images auto-resized to max ${MAX_EDGE_PX}px longest edge for Claude Vision optimization (~1,600 tokens)`,
         whenDisabled: `Full resolution capture preserved (may use 10,000+ tokens for large pages)`,
@@ -42,18 +57,30 @@ const OPTION_BEHAVIORS = {
         whenEnabled: 'Returns full HTML with all attributes and classes',
         tokenImpact: 'Semantic output uses 70-99% fewer tokens than raw HTML. Use --raw only when you need exact HTML structure.',
     },
+    'get:--full': {
+        default: 'Semantic output shows the element text up to 500 characters (whitespace collapsed; close buttons such as "×" and aria-hidden icons left out)',
+        whenEnabled: 'Shows all of the element text; cannot be combined with --raw or --node-id',
+        tokenImpact: 'A page-sized container can add thousands of tokens; target the element you need',
+    },
     'get:--all': {
         default: 'Returns first matching element only',
         whenEnabled: 'Returns all matching elements (only works with --raw)',
     },
-    'get:--nth': {
-        default: 'Returns first matching element',
-        whenEnabled: 'Returns the nth matching element (0-based index, only works with --raw)',
+    'get:--index': {
+        default: 'Returns the first matching element (body without a selector)',
+        whenEnabled: 'Returns that match of the selector (0-based), in semantic and --raw output; --nth is an alias',
+        automaticBehavior: 'Out of range exits 81; with a numeric index argument (a cached query index) it exits 81',
+    },
+    'query:--limit': {
+        default: 'dom a11y query lists the first 50 matches and says how many more there are; --json returns all of them',
+        whenEnabled: 'Lists that many matches (0 = all), in human and JSON output; count is always the total, JSON omitted the rest',
+        automaticBehavior: 'All matches are cached for index-based access (bdg dom click 55 works even when 50 are listed); an element the page and frame trees both report is listed once. Indices work with click, fill, hover, pressKey, scroll, submit, layout, get and listeners, also for elements of a cross-origin iframe of the same site (a consent dialog), whose scripts then run in that frame',
+        tokenImpact: 'About one line per match; a page can have hundreds of links',
     },
     'eval:--frame': {
         default: "Evaluates in the page's main frame",
         whenEnabled: "Evaluates in one iframe's main world (its own globals), including cross-origin (out-of-process) iframes; output gains a frame field (its URL)",
-        automaticBehavior: 'The value is matched as: a 0-based index (bdg dom frames order, main page not counted), else an exact name/id attribute, else a case-insensitive part of the URL. Several matches fail with 81 listing them; none fails with 83 listing all frames. Frames are looked up on every call (a reloaded iframe is found again).',
+        automaticBehavior: 'The value is matched as: a 0-based index (bdg dom frames order: document order of the <iframe> elements, nested ones depth-first, main page not counted), else an exact name/id attribute, else a case-insensitive part of the name, id or URL. Several matches fail with 81 listing them; none fails with 83 listing all frames. Frames are looked up on every call (a reloaded iframe is found again). An index that names another frame than in the last bdg dom frames listing (iframes added, removed or moved, or the page navigated) fails with 87 STALE_CACHE: re-run bdg dom frames or pick the frame by name.',
     },
     'console:-H': {
         default: 'Shows messages from current page load only (most recent navigation)',
@@ -73,14 +100,19 @@ const OPTION_BEHAVIORS = {
         default: 'Smart summary with errors deduplicated and warnings grouped',
         whenEnabled: 'Lists all messages chronologically without deduplication',
     },
+    'console:--last': {
+        default: 'Smart summary (without --list); a list shows the last 100 messages',
+        whenEnabled: 'Lists the last N messages (0 = all) chronologically, also without --list; JSON gets messages',
+        automaticBehavior: 'The [n] shown are positions in the session message list (what bdg details console <n> takes); when the page or level filter left messages out between the listed ones, a note says how many and why',
+    },
     'console:--level': {
         default: 'Shows all log levels (error, warning, log, info, debug)',
         whenEnabled: 'Filters to specific level: error, warning, log, info, or debug',
     },
     'fill:--no-wait': {
-        default: 'Waits for network stability after filling input (200ms idle)',
-        whenDisabled: 'Returns immediately without waiting for network',
-        automaticBehavior: 'Network wait helps ensure React/Vue state updates complete before next action',
+        default: 'Waits for network stability after filling input (150ms idle, up to 2s)',
+        whenDisabled: NO_WAIT_TRIGGERED_REQUESTS,
+        automaticBehavior: `Network wait helps ensure React/Vue state updates complete before next action. The value is read back after filling: when the page rejected or moved it, the output starts with a warning and JSON has valueMismatch { expected, actual } (exit code stays 0), plus movedTo naming the field of the form that got the value instead. ${TRIGGERED_REQUESTS_BEHAVIOR}. ${ACTION_EFFECTS_BEHAVIOR}`,
     },
     'fill:--no-blur': {
         default: 'Triggers blur event after filling (validates most form fields)',
@@ -88,9 +120,10 @@ const OPTION_BEHAVIORS = {
         automaticBehavior: 'Blur triggers validation in most frameworks - disable only if you need to continue typing',
     },
     'click:--no-wait': {
-        default: 'Waits for network stability after click (200ms idle)',
-        whenDisabled: 'Returns immediately without waiting for network',
-        automaticBehavior: 'Network wait helps ensure AJAX requests triggered by click complete. The click itself uses real mouse events in the visible part of the element (method "mouse"); if the element is covered or has no size it falls back to DOM events (method "dom", with a warning)',
+        default: 'Waits for network stability after click (150ms idle, up to 2s)',
+        whenDisabled: NO_WAIT_TRIGGERED_REQUESTS,
+        automaticBehavior: `Network wait helps ensure AJAX requests triggered by click complete. ${TRIGGERED_REQUESTS_BEHAVIOR}. The click itself uses real mouse events in the visible part of the element (method "mouse"); if the element is covered or has no size it falls back to DOM events (method "dom", with a warning; --strict refuses instead). Results the page shows later (timers, spinners, slow renders) are not waited for but reported as pending work: use bdg dom wait <selector> --visible. ${ACTION_EFFECTS_BEHAVIOR}. ${STILL_CHANGING_BEHAVIOR}. A click with no DOM change, no request and no navigation (checked again 300 ms later, which adds 300 ms plus at most 250 ms for the read) is reported as ⚠ Element Clicked (no visible effect observed: no DOM change, requests or navigation within 300 ms) and effect: "none" in JSON (exit code stays 0); not claimed with --no-wait, for hover or right-click, after a copy or cut, or when the click hit a form control, label, media, iframe, popover button, a mailto:/tel:/javascript: or other non-http link, a link to another window or a custom element with a closed shadow root, or moved focus to an element that is not a button or link. Effects outside the DOM (CSS :hover/:focus-within styles, canvas, clipboard without a copy event) are not seen`,
+        tokenImpact: 'A click that navigates lists the whole page load in JSON triggeredRequests',
     },
     'click:--double': {
         default: 'Single click',
@@ -100,19 +133,29 @@ const OPTION_BEHAVIORS = {
         default: 'Left click',
         whenEnabled: 'Right-click: the page gets contextmenu (custom context menus open); cannot be combined with --double',
     },
+    'click:--strict': {
+        default: 'A covered, hidden or zero-size element is clicked with DOM events (method "dom", with a warning, exit 0)',
+        whenEnabled: 'Refuses with exit 90 (RESOURCE_CONFLICT: the page state blocks the request) when a real mouse cannot reach the element, naming what covers it and suggesting bdg dom layout <selector>; also when the mouse press never reached the element (it is released, no further presses for --double)',
+        automaticBehavior: 'Applies to --double and --right too. Nothing is dispatched when the element is unreachable, so the page is unchanged',
+    },
     'hover:--no-wait': {
         default: 'Waits for network stability after moving the mouse (menus may load content)',
-        whenDisabled: 'Returns immediately without waiting for network',
-        automaticBehavior: 'The mouse stays over the element afterwards, so hover menus stay open until the next mouse action',
+        whenDisabled: NO_WAIT_TRIGGERED_REQUESTS,
+        automaticBehavior: `The mouse stays over the element afterwards, so hover menus stay open until the next mouse action. ${TRIGGERED_REQUESTS_BEHAVIOR}. ${ACTION_EFFECTS_BEHAVIOR}. ${SHOWN_BEHAVIOR}; for a hover also elements around it (its parent's subtree) and tooltips, menus, listboxes, dialogs and popovers anywhere that were hidden before, so captions shown by CSS :hover count (hidden elements noted by identity right before the mouse moves: up to 1500, within 8 ms). A hover never claims "no visible effect" and does not check whether the page was still changing`,
+    },
+    'hover:--strict': {
+        default: 'A covered, hidden or zero-size element gets synthetic mouseover/mouseenter events (method "dom", with a warning)',
+        whenEnabled: 'Refuses with exit 90 when a real mouse cannot reach the element, naming what covers it and suggesting bdg dom layout <selector>',
     },
     'navigate:--no-wait': {
         default: 'Waits until the new page has loaded and the network and DOM are idle (up to 15 s)',
         whenDisabled: 'Returns as soon as the navigation has started',
-        automaticBehavior: 'Also applies to page reload/back/forward; indices from earlier queries become stale (87)',
+        automaticBehavior: 'Also applies to page reload/back/forward; indices from earlier queries become stale (87). Triggered requests are not listed (they are the page load; see bdg network list)',
     },
     'pressKey:--no-wait': {
-        default: 'Waits for network stability after key press (200ms idle)',
-        whenDisabled: 'Returns immediately without waiting for network',
+        default: 'Waits for network stability after key press (150ms idle, up to 2s)',
+        whenDisabled: NO_WAIT_TRIGGERED_REQUESTS,
+        automaticBehavior: `${TRIGGERED_REQUESTS_BEHAVIOR}. ${ACTION_EFFECTS_BEHAVIOR}. ${SHOWN_BEHAVIOR}, such as the item Enter added to a list. ${STILL_CHANGING_BEHAVIOR}. A key press never claims "no visible effect"`,
     },
     'pressKey:--times': {
         default: 'Presses key once',
@@ -124,16 +167,81 @@ const OPTION_BEHAVIORS = {
     'submit:--wait-navigation': {
         default: 'Waits for network stability only',
         whenEnabled: 'Waits for page navigation to complete (use for forms that redirect)',
+        automaticBehavior: 'A navigation is a new document loading in the main frame, also at the same URL (a POST that redirects back to the form after a login error). When the new page loaded but requests were still running at --timeout, the submit succeeds with a warning; without a navigation it exits 102, and the hint says whether a page request was sent (slow server) or not (the form may submit via fetch)',
     },
     'submit:--wait-network': {
         default: 'Default network idle timeout',
         whenEnabled: 'Custom network idle timeout in ms (use for slow APIs)',
+        automaticBehavior: `${TRIGGERED_REQUESTS_BEHAVIOR}. ${ACTION_EFFECTS_BEHAVIOR}. A submit with no DOM change, request or navigation reports effect: "none" like dom click`,
+    },
+    'wait:--timeout': {
+        default: 'Gives up after 10000 ms',
+        whenEnabled: 'Gives up after the given milliseconds (1 to 600000)',
+        automaticBehavior: 'The page is watched (DOM mutations plus a 100 ms poll for style changes) and answers as soon as the matches change; a navigation during the wait continues it on the new document. A timeout exits 102 (CDP_TIMEOUT) with what the page showed last, e.g. "2 matches, none visible" or "document.readyState: loading", and a next step (dom query for no matches, dom layout for hidden ones, peek for a page still loading)',
+    },
+    'wait:--visible': {
+        default: 'Counts every match, hidden ones included',
+        whenEnabled: 'Counts only visible matches (rendered, non-empty box, visibility: visible; opacity 0 counts as visible, as with :visible)',
+        automaticBehavior: 'With --gone, waits until no match is visible (the element may stay in the DOM hidden)',
+    },
+    'wait:--gone': {
+        default: 'Waits for at least one match',
+        whenEnabled: 'Waits until nothing matches (nothing visible with --visible, nothing containing the text with --text), seen twice in a row in the same document once it is no longer loading, so the empty document right after a navigation does not count (a page stuck in readyState loading never meets it)',
+    },
+    'wait:--text': {
+        default: 'Any match counts',
+        whenEnabled: 'Only matches whose text contains the given text count (case-insensitive, whitespace collapsed; hidden elements are matched by their text nodes, as with :has-text)',
+        automaticBehavior: 'Needs a selector; use body to look in the whole page',
+    },
+    'wait:--load': {
+        default: 'Does not look at document.readyState',
+        whenEnabled: 'Also waits for document.readyState "complete"; without a selector waits only for that (a script whose server never answers keeps it "loading")',
     },
     'listeners:--type': {
         default: 'Lists listeners of every event type on the element, its ancestors (through open shadow roots), its document and window',
-        whenEnabled: 'Lists only these event types (comma-separated, case-sensitive like addEventListener)',
-        automaticBehavior: 'Listeners are grouped by type, nearest first; JSON line/column numbers are 0-based (human output shows them 1-based like DevTools). The Debugger domain is not enabled',
-        tokenImpact: 'Pages with many window/document listeners produce long lists; --type keeps the output short',
+        whenEnabled: 'Lists only these event types (comma-separated or repeated, case-sensitive like addEventListener); when none match, typeSuggestions names close types (Click, onclick → click)',
+        automaticBehavior: 'Listeners are grouped by type, the element\'s own handlers first (types handled on the element before delegated ones; nearest first, no-ops last); JSON line/column numbers are 0-based (human output shows them 1-based like DevTools). React\'s on… props that run for the element (its own and its React parents\', through portals and from a nested root into the outer root; onFocus/onBlur as focusin/focusout; parents\' props for non-bubbling events left out) are listed with source and location (framework: "React", reactProp: "onClick"; at most 50 of the requested types, reactHandlersSkipped counts the rest). jQuery handlers are shown instead of jQuery\'s dispatcher (framework: "jQuery", delegateSelector for delegates the element matches; a dispatcher with no handler for the element is omitted; at most 50 are resolved, jqueryHandlersSkipped counts the rest). Preact\'s event proxy is replaced by the handler Preact runs (framework: "Preact"). Empty handlers (React\'s onclick placeholder) are marked noop and do not count as the element\'s own handler. The Debugger domain is not enabled',
+        tokenImpact: 'Framework roots are already collapsed; --type keeps the output short on pages with many listeners',
+    },
+    'listeners:--all': {
+        default: 'Collapses React roots: on an ancestor recognised as a React root container (React\'s keys on the node, or dispatchers named dispatchDiscreteEvent/dispatchContinuousEvent/dispatchEvent), the function objects that each listen for several event types become one line / one "collapsed" entry with its types, phases and dispatchers. Other multi-type handlers are never collapsed',
+        whenEnabled: 'Lists every listener of framework roots individually',
+        tokenImpact: 'On React pages --all adds a row per event type and phase (about 140 rows, 60 KB of JSON)',
+    },
+    'layout:--index': {
+        default: 'Reports every match of the selector (human output lists the first 20, JSON up to 100 plus an omitted count); a numeric argument reports that cached query element',
+        whenEnabled: 'Reports only the nth match (0-based); out of range exits 81',
+        automaticBehavior: 'Coordinates are CSS px: bounds relative to the top-level page (iframe offsets and page scroll included), viewport relative to the visible area. Iframes and overflow containers (scroll lists, overflow: hidden) clip what counts as visible (clippedBy names the one cutting it off). scrollBy brings the whole element into view and is limited to how far the page can scroll: for an element out of view it centres it (aligns its start when it is larger than the viewport; human output says "to centre it"), for a partly visible one it is the smallest scroll that shows all of it (the part cut off at the top or bottom; the start of one larger than the viewport; "partly visible (87%); scroll up 5px to see all of it"). Elements a page script moves on scroll (floating menus) may move again after it; fixed and sticky elements (page scroll does not move them, or only until they stick) and ones beyond that range get offScreenReason instead, which says "page scrolling is locked (…)" when the page cannot scroll because body/html is position: fixed or overflow: hidden, so in-flow content is not called fixed; a visible dialog (dialog[open], [aria-modal=true], [role=dialog|alertdialog]) is named as the likely cause ("likely by dialog div#consent"). page.viewport is the layout viewport without scrollbars, as dom scroll reports it; page.colorScheme is the prefers-color-scheme media feature the page sees (not the theme it renders). Content in a closed <details> or under content-visibility: hidden is hidden. coveredBy is the topmost element at the center of the largest visible box (none for pointer-events: none, nor for an element of the same click target: an overlay inside the link, button or label the element is in, a link to the same URL, or the textless absolutely positioned overlay link spanning the card that holds plain content); inert elements are flagged, not hidden',
+        tokenImpact: 'About one line per element; a cheap alternative to screenshots for "where is it?"',
+    },
+    'inspect:--index': {
+        default: 'Inspects the first rendered match (the first when none is rendered) and notes how many matched; a numeric argument inspects that cached element (from dom query, dom form or dom a11y query)',
+        whenEnabled: 'Inspects the nth match (0-based); out of range exits 81',
+        automaticBehavior: 'Answers "what does it look like" without a screenshot, grouped like Figma Dev Mode: header (element, text, size and page position, [flex]/[grid], [not rendered]/[hidden]/[offscreen]/[covered by …], prefers-color-scheme), box (margin, padding, border widths, box-sizing, overflow, scroll size), layout (display, position, flex/grid container and item settings), parent (its display and layout, distances to its content edges, gaps to the neighbouring siblings), text (first font family → the font Chrome rendered, (webfont) or local; weight size/line-height; color; WCAG contrast against the composited background; only for elements with text), fill, border (sides, radius, outline), fx (shadow, transform, filter, opacity, blend), state (cursor, pointer-events, user-select, appearance), pseudo (::before/::after with content, ::placeholder) and a child tree (depth 2, 20 rows, identical siblings grouped). Values that change nothing (0, none, transparent, normal) are left out; colors are hex (lab/oklch from Tailwind converted), lengths px without the unit, rounded to 0.1. Secrets are never shown. JSON uses Figma-aligned names (rect, box, layout.sizing hug/fill/fixed, text, fills, strokes, radius, effects, children). Also by default: hints, the element\'s own declarations that have no effect (justify-content on a block, width on an inline element, top on a static one, var() of an unset custom property) with the reason, the fix and the rule\'s file:line',
+        tokenImpact: 'About 60–80 tokens for the styles and 30–70 more for the child tree (--tree 0 drops it), against about 1,500 for a screenshot or 3,000+ for raw computed styles',
+    },
+    'inspect:--all': {
+        default: 'Shows the curated groups (the properties that define the look)',
+        whenEnabled: 'Lists every computed property that differs from the default of the same element type, longhands collapsed into shorthands, noise (logical duplicates, currentColor echoes, custom properties) dropped',
+        tokenImpact: 'About 80 tokens instead of 60–80',
+    },
+    'inspect:--props': {
+        default: 'Shows the curated groups',
+        whenEnabled: 'Shows only the named properties (custom properties like --brand included, "(not set)" when no rule sets one; --* lists every custom property the element has, --bs-btn-* those with a prefix), each computed and normalized; an unknown name exits 81 with a suggestion',
+    },
+    'inspect:--rules': {
+        default: 'Shows the values, not where they come from',
+        whenEnabled: "Adds a rules group: for each shown property the page's CSS sets, the value as written (with the computed value when it uses var()), selector, file:line (column for minified files), @media/@container condition, cascade layer, how many ancestors up it is inherited from, and the rules it beats. Sides one declaration sets are one row; browser defaults are left out. With --props, only those properties",
+        automaticBehavior: 'The cascade is computed by bdg from CSS.getMatchedStylesForNode (origin, !important, style attribute, layers, specificity and order); reading it waits up to 5 s, then the output notes the cascade was not read',
+        tokenImpact: 'About 15–25 tokens per row, 5–20 rows',
+    },
+    'inspect:--why': {
+        default: 'Not shown',
+        whenEnabled: "Adds why <property> = computed value, then every declaration of it on the element, highest precedence first: ✓ the winner (or the inherited ancestor's), ✗ the ones it beats, browser defaults included. Each rule shows its selector specificity [ids,classes,types]. var() values are shown substituted (or invalid: --x not set), with where the winner's custom properties are set, followed up to :root. Logical names map to physical ones (margin-inline-start → margin-left); a shorthand (padding, border) gives one answer when one declaration sets all its sides, else one per side",
+    },
+    'inspect:--no-hints': {
+        default: "Hints at the element's own author declarations that have no effect (flex/grid properties without flex or grid, item properties without a flex or grid parent, offsets on static elements, sizes on inline ones, var() of an unset custom property, form controls in the browser's font), within a 1 s budget; hints none when nothing was found",
+        whenEnabled: 'Skips the hints and does not read the matched rules',
     },
     'scroll:--down': {
         whenEnabled: 'Scrolls page down by specified pixel amount',
@@ -152,11 +260,12 @@ const OPTION_BEHAVIORS = {
     },
     'scroll:--bottom': {
         whenEnabled: 'Scrolls to the very bottom of the page',
+        automaticBehavior: 'A page scroll (--down/--up/--left/--right/--top/--bottom) that moved nothing still exits 0 but starts with a warning saying why: the document is no taller (wider) than the viewport, the page was already at that edge, or scrolling is locked; while document.readyState is not complete it adds that the page is still loading (bdg dom wait --load)',
     },
     'scroll:--no-wait': {
-        default: 'Waits for lazy-loaded content to stabilize after scroll (200ms network idle)',
-        whenDisabled: 'Returns immediately without waiting for lazy-loaded content',
-        automaticBehavior: 'Wait helps ensure images and infinite scroll content load before next action',
+        default: 'Waits for lazy-loaded content to stabilize after scroll (150ms network idle, up to 2s)',
+        whenDisabled: NO_WAIT_TRIGGERED_REQUESTS,
+        automaticBehavior: `Wait helps ensure images and infinite scroll content load before next action. ${TRIGGERED_REQUESTS_BEHAVIOR}. ${ACTION_EFFECTS_BEHAVIOR}`,
     },
     'scroll:--index': {
         whenEnabled: 'If selector matches multiple elements, scrolls to the nth element (0-based)',
@@ -196,6 +305,11 @@ const OPTION_BEHAVIORS = {
         default: 'Compact output (truncated URLs, no resource types)',
         whenEnabled: 'Verbose output with full URLs and resource types',
     },
+    'bdg:--session': {
+        default: 'The default session in ~/.bdg (or $BDG_SESSION_DIR); BDG_SESSION=<name> selects a named session like the flag',
+        whenEnabled: 'Uses the named session in ~/.bdg/sessions/<name>/ (or $BDG_SESSION_DIR/sessions/<name>/) with its own daemon, Chrome, profile and port; every command (status, stop, cleanup, ...) acts on that session only',
+        automaticBehavior: 'Accepted before or after any subcommand; --session wins over BDG_SESSION. Names are case-insensitive (lower-cased: ALPHA is alpha). Without --port a named session takes the first free port above 9222 not claimed by another running session, and keeps it in port.txt. Names: 1-40 letters, digits, "-" or "_", starting with a letter or digit (exit 81 otherwise, also when the socket path would be too long). Hints and suggestions in its output carry --session <name>',
+    },
     'cleanup:-f': {
         default: 'Refuses to run while a session is active; removes files left by a crashed session',
         whenEnabled: 'Kills the running daemon and its Chrome first (use when a session is stuck)',
@@ -203,6 +317,25 @@ const OPTION_BEHAVIORS = {
     'cleanup:--aggressive': {
         whenEnabled: 'Alias for --force, kept for compatibility',
     },
+    'cleanup:--purge': {
+        default: "A named session's directory (Chrome profile, ~60 MB; logs; port.txt) is kept for its next start",
+        whenEnabled: 'After cleaning up, deletes the directory of the session named by --session (exit 81 without --session); a running session is refused unless --force is given, and the directory is kept (exit 90) if the daemon still answers, cleanup reported a problem, or its Chrome has not exited',
+    },
+    'bdg:--viewport': {
+        default: 'A launched Chrome opens a 1920x1080 window (the viewport is smaller by the scrollbar, and in a visible window by the browser UI); an attached Chrome keeps its window',
+        whenEnabled: 'The page gets exactly that viewport (CSS px, e.g. 1280x800) for the whole session, through navigations and reloads (Emulation.setDeviceMetricsOverride at the display pixel ratio); a launched Chrome also opens its window at that size, so tabs the page opens get it too',
+        automaticBehavior: 'Works with --chrome-ws-url: the override belongs to the session, and Chrome drops it when the session ends, so the attached browser gets its own size back. bdg status shows the resulting layout viewport without the scrollbar (Viewport: 1265×800 (emulated 1280x800)). Invalid sizes (not WxH, a side outside 1-10000) exit 81',
+    },
+    'bdg:--color-scheme': {
+        default: 'The page sees the system setting for prefers-color-scheme (headless Chrome follows the OS, so a dark OS renders dark pages); bdg status and dom layout show which one',
+        whenEnabled: 'Emulates prefers-color-scheme: light or dark for the whole session (Emulation.setEmulatedMedia); other values exit 81 with a suggestion',
+        automaticBehavior: 'Applies to the session page (and its same-process iframes); Chrome drops it when the session ends, also for an attached Chrome (--chrome-ws-url)',
+    },
+    'bdg:--chrome-ws-url': {
+        default: 'bdg launches its own Chrome (closed on stop)',
+        whenEnabled: 'Attaches to a running Chrome instead; it keeps running after stop. --port, -u and --[no-]headless cannot be combined with it (exit 81)',
+        automaticBehavior: 'A port (9222), host:port or http://host:port is turned into the browser WebSocket URL via /json/version; a browser URL uses the first open tab. Refused with exit 90 when another running bdg session launched that Chrome or drives that tab (sessions of this BDG_SESSION_DIR, and of others that claimed a port)',
+    },
     'stop:--kill-chrome': {
         default: 'Chrome launched by bdg is always closed on stop; an attached Chrome (--chrome-ws-url) is left running',
         whenEnabled: 'No additional effect; kept for compatibility',

package/dist/commands/page.d.ts

@@ -1,7 +1,8 @@
 /**
- * `bdg page navigate|reload|back|forward` — move the session's page.
+ * `bdg page navigate|reload|back|forward` — move the session's page;
+ * `bdg page info` — where it is.
  */
-import type { Command } from 'commander';
+import { type Command } from 'commander';
 /**
  * Register the `page` command group.
  *

package/dist/commands/page.js

@@ -1,12 +1,16 @@
 /**
- * `bdg page navigate|reload|back|forward` — move the session's page.
+ * `bdg page navigate|reload|back|forward` — move the session's page;
+ * `bdg page info` — where it is.
  */
-import { runCommand } from './shared/CommandRunner.js';
+import { Option } from 'commander';
+import { noActiveSessionError, runCommand } from './shared/CommandRunner.js';
 import { jsonOption } from './shared/commonOptions.js';
+import { parseColorScheme, parseViewport } from './start.js';
+import { CommandError } from '../errors/index.js';
 import { javascriptNavigationError } from '../errors/messages.js';
-import { pageNavigate } from '../ipc/client.js';
+import { getStatus, pageEmulate, pageNavigate } from '../ipc/client.js';
 import { OutputFormatter } from '../ui/formatting.js';
-import { PAGE_ACTION_DESCRIPTIONS, PAGE_ACTION_DONE } from '../ui/messages/commands.js';
+import { PAGE_ACTION_DESCRIPTIONS, PAGE_ACTION_DONE, PAGE_EMULATE_DESCRIPTION, PAGE_INFO_DESCRIPTION, pageEmulateNothingError, pageEmulationLines, pageLoadingWarning, } from '../ui/messages/commands.js';
 import { EXIT_CODES } from '../utils/exitCodes.js';
 import { validateUrl } from '../utils/url.js';
 /**
@@ -27,6 +31,8 @@ function formatPageResult(result) {
     ], 8);
     if (result.warning)
         fmt.text(`⚠ ${result.warning}`);
+    if (result.loading)
+        fmt.text(`⚠ ${pageLoadingWarning(result.loading)}`);
     return fmt.build();
 }
 /**
@@ -85,6 +91,75 @@ async function runPageAction(action, options, url) {
         return { success: true, data: response.data };
     }, options, formatPageResult);
 }
+/**
+ * `bdg page info`: URL and title of the session page.
+ *
+ * @param options - Command options
+ */
+async function showPageInfo(options) {
+    await runCommand(async () => {
+        const response = await getStatus();
+        if (response.status === 'error') {
+            return {
+                success: false,
+                error: response.error ?? 'Failed to read the page',
+                exitCode: EXIT_CODES.SOFTWARE_ERROR,
+            };
+        }
+        const page = response.data?.sessionPid ? response.data.pageState : undefined;
+        if (!page)
+            throw noActiveSessionError();
+        return { success: true, data: { url: page.url, title: page.title } };
+    }, options, (page) => new OutputFormatter()
+        .keyValueList([
+        ['URL', page.url],
+        ['Title', page.title],
+    ], 8)
+        .build());
+}
+/**
+ * The emulation request from the options.
+ *
+ * @param options - Command options
+ * @returns Request
+ * @throws CommandError (81) for nothing to change or an invalid value
+ */
+function emulationRequest(options) {
+    if (options.reset)
+        return { reset: true };
+    if (options.viewport === undefined && options.colorScheme === undefined) {
+        const err = pageEmulateNothingError();
+        throw new CommandError(err.message, { suggestion: err.suggestion }, EXIT_CODES.INVALID_ARGUMENTS);
+    }
+    return {
+        ...(options.viewport !== undefined && { viewport: parseViewport(options.viewport) }),
+        ...(options.colorScheme !== undefined && {
+            colorScheme: parseColorScheme(options.colorScheme),
+        }),
+    };
+}
+/**
+ * `bdg page emulate`: change the viewport or color scheme mid-session.
+ *
+ * @param options - Command options
+ */
+async function emulate(options) {
+    await runCommand(async () => {
+        const response = await pageEmulate(emulationRequest(options));
+        if (response.status === 'error' || !response.data) {
+            return {
+                success: false,
+                error: response.error ?? 'Failed to change the emulation',
+                exitCode: response.exitCode ?? EXIT_CODES.SOFTWARE_ERROR,
+                ...(response.suggestion && { errorContext: { suggestion: response.suggestion } }),
+            };
+        }
+        return { success: true, data: response.data };
+    }, options, (result) => new OutputFormatter()
+        .text('✓ Page emulation changed')
+        .keyValueList(pageEmulationLines(result), 10)
+        .build());
+}
 /**
  * Register the `page` command group.
  *
@@ -93,7 +168,14 @@ async function runPageAction(action, options, url) {
 export function registerPageCommands(program) {
     const page = program
         .command('page')
-        .description('Navigate the session page: navigate <url>, reload, back, forward');
+        .description('The session page: info (URL and title), navigate <url>, reload, back, forward, emulate (viewport, color scheme)');
+    page
+        .command('info')
+        .description(PAGE_INFO_DESCRIPTION)
+        .addOption(jsonOption())
+        .action(async (options) => {
+        await showPageInfo(options);
+    });
     const withCommon = (command) => command
         .option('--no-wait', 'Return without waiting for the page to load')
         .addOption(jsonOption());
@@ -103,6 +185,19 @@ export function registerPageCommands(program) {
         .argument('<url>', 'URL to load')).action(async (url, options) => {
         await runPageAction('navigate', options, url);
     });
+    page
+        .command('emulate')
+        .description(PAGE_EMULATE_DESCRIPTION)
+        .option('--viewport <WxH>', 'Viewport size in CSS px, e.g. 900x700')
+        .option('--color-scheme <scheme>', 'Emulate prefers-color-scheme: light or dark')
+        .addOption(new Option('--reset', 'Back to the browser window size and the system setting').conflicts([
+        'viewport',
+        'colorScheme',
+    ]))
+        .addOption(jsonOption())
+        .action(async (options) => {
+        await emulate(options);
+    });
     for (const action of ['reload', 'back', 'forward']) {
         withCommon(page.command(action).description(PAGE_ACTION_DESCRIPTIONS[action])).action(async (options) => {
             await runPageAction(action, options);

package/dist/commands/peek.js

@@ -3,9 +3,9 @@
  */
 import { runCommand } from './shared/CommandRunner.js';
 import { jsonOption, showBothSectionsWhenBothRequested } from './shared/commonOptions.js';
-import { handleDaemonConnectionError, noteFollowConnected, } from './shared/daemonErrorHandler.js';
+import { noteFollowConnected } from './shared/daemonErrorHandler.js';
 import { fetchPreviewOutput, createErrorResult, } from './shared/dataFetcher.js';
-import { setupFollowMode } from './shared/followMode.js';
+import { followFetchFailure, setupFollowMode, } from './shared/followMode.js';
 import { handleValidationError } from './shared/handleValidationError.js';
 import { MAX_LAST_ITEMS, positiveIntRule, resourceTypeRule } from './shared/validation.js';
 import { filterByResourceType } from '../telemetry/filters.js';
@@ -79,21 +79,14 @@ async function runFollowMode(options, lastN, resourceTypes, baseOptions) {
     const showPreview = async () => {
         const result = await fetchAndFilterPreview(lastN, resourceTypes, peekSection(options));
         if (!result.success) {
-            const errorResult = handleDaemonConnectionError(result.error, {
-                json: options.json,
-                follow: true,
-                retryIntervalMs: 1000,
-                exitCode: result.exitCode,
-            });
-            if (errorResult.shouldExit)
-                process.exit(errorResult.exitCode);
-            return;
+            return followFetchFailure(result, { json: options.json, retryIntervalMs: 1000 });
         }
         noteFollowConnected();
         if (!options.json)
             console.clear();
         const previewOptions = createPreviewOptions(baseOptions, resourceTypes, result.data.unfilteredNetworkCount);
         console.log(formatPreview(result.data.output, previewOptions));
+        return undefined;
     };
     await setupFollowMode(showPreview, {
         startMessage: followingPreviewMessage,

package/dist/commands/sessions.d.ts

@@ -0,0 +1,8 @@
+import type { Command } from 'commander';
+/**
+ * Register the sessions command (lists running default and named sessions).
+ *
+ * @param program - Commander.js Command instance to register commands on
+ */
+export declare function registerSessionsCommand(program: Command): void;
+//# sourceMappingURL=sessions.d.ts.map

package/dist/commands/sessions.js

@@ -0,0 +1,19 @@
+import { runCommand } from './shared/CommandRunner.js';
+import { jsonOption } from './shared/commonOptions.js';
+import { listRunningSessions } from '../session/sessionList.js';
+import { formatSessionList } from '../ui/formatters/sessions.js';
+/**
+ * Register the sessions command (lists running default and named sessions).
+ *
+ * @param program - Commander.js Command instance to register commands on
+ */
+export function registerSessionsCommand(program) {
+    program
+        .command('sessions')
+        .description('List sessions (default and named) with their state, URL, port and PID, including crashed ones to clean up')
+        .addOption(jsonOption())
+        .action(async (options) => {
+        await runCommand(async () => ({ success: true, data: { sessions: await listRunningSessions() } }), options, formatSessionList);
+    });
+}
+//# sourceMappingURL=sessions.js.map