browser-debugger-cli 0.7.2 → 0.9.0

package/dist/commands/dom/index.js

@@ -1,511 +1,33 @@
-import { DomElementResolver } from '../../commands/dom/DomElementResolver.js';
-import { registerA11yCommands } from '../../commands/dom/a11y.js';
-import { registerFormCommand } from '../../commands/dom/form.js';
-import { queryDOMElements, getDOMElements, capturePageScreenshot, captureElementScreenshot, resolveSelector, getDomContext, } from '../../commands/dom/helpers.js';
-import { runCommand } from '../../commands/shared/CommandRunner.js';
-import { setupFollowMode } from '../../commands/shared/followMode.js';
-import { positiveIntRule } from '../../commands/shared/validation.js';
-import { QueryCacheManager } from '../../session/QueryCacheManager.js';
-import { resolveA11yNode } from '../../telemetry/a11y.js';
-import { synthesizeA11yNode } from '../../telemetry/roleInference.js';
-import { CommandError } from '../../ui/errors/index.js';
-import { formatDomQuery, formatDomGet, formatDomEval, formatDomScreenshot, } from '../../ui/formatters/dom.js';
-import { createLogger } from '../../ui/logging/index.js';
-import { missingArgumentError, elementAtIndexNotFoundError, noNodesFoundError, } from '../../ui/messages/errors.js';
-import { EXIT_CODES } from '../../utils/exitCodes.js';
-import { filterDefined } from '../../utils/objects.js';
-const log = createLogger('dom');
 /**
- * Build filtered screenshot options from command options.
- *
- * @param options - Raw command options
- * @returns Filtered options with undefined values removed
- */
-function buildPageScreenshotOptions(options) {
-    return filterDefined({
-        format: options.format,
-        quality: options.quality,
-        fullPage: options.fullPage,
-        noResize: options.resize === false,
-        scroll: options.scroll,
-    });
-}
-/**
- * Build filtered element screenshot options from command options.
- *
- * @param options - Raw command options
- * @returns Filtered options with undefined values removed
- */
-function buildElementScreenshotOptions(options) {
-    return filterDefined({
-        format: options.format,
-        quality: options.quality,
-        noResize: options.resize === false,
-    });
-}
-/**
- * Check if options specify an element target.
- *
- * @param options - Screenshot command options
- * @returns True if selector or index is specified
- */
-function hasElementTarget(options) {
-    return options.selector !== undefined || options.index !== undefined;
-}
-/**
- * Resolve element nodeId from selector or cached index.
- *
- * @param options - Options containing selector or index
- * @returns CDP nodeId
- * @throws CommandError if neither selector nor index provided
- */
-async function resolveElementNodeId(options) {
-    if (options.index !== undefined) {
-        const resolver = DomElementResolver.getInstance();
-        const node = await resolver.getNodeIdForIndex(options.index);
-        return node.nodeId;
-    }
-    if (options.selector !== undefined) {
-        return resolveSelector(options.selector);
-    }
-    const err = missingArgumentError('--selector "css-selector" or --index N from a previous query');
-    throw new CommandError(err.message, { suggestion: err.suggestion }, EXIT_CODES.INVALID_ARGUMENTS);
-}
-/**
- * Add element metadata to screenshot result.
- *
- * @param result - Base screenshot result
- * @param options - Options containing selector or index
- * @returns Screenshot result with element info
- */
-function addElementInfo(result, options) {
-    const bounds = {
-        x: 0,
-        y: 0,
-        width: result.width,
-        height: result.height,
-    };
-    return {
-        ...result,
-        element: {
-            ...(options.selector !== undefined && { selector: options.selector }),
-            ...(options.index !== undefined && { index: options.index }),
-            bounds,
-        },
-    };
-}
-/**
- * Ensure directory exists, creating it if necessary.
- *
- * @param dirPath - Directory path to ensure
- * @param fs - File system module
- */
-function ensureDirectory(dirPath, fs) {
-    if (!fs.existsSync(dirPath)) {
-        fs.mkdirSync(dirPath, { recursive: true });
-    }
-}
-/**
- * Format frame filename with zero-padded number.
- *
- * @param frameNumber - Frame number (1-based)
- * @param format - Image format extension
- * @returns Formatted filename
- */
-function formatFrameFilename(frameNumber, format) {
-    return `${String(frameNumber).padStart(3, '0')}.${format}`;
-}
-/**
- * Capitalize first letter of string.
- *
- * @param str - Input string
- * @returns String with first letter capitalized
- */
-function capitalize(str) {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-}
-/**
- * Build role text for accessibility node display.
- *
- * @param node - Accessibility node
- * @returns Formatted role text
- */
-function buildRoleText(node) {
-    if (node.role.toLowerCase() === 'heading' && node.properties?.['level'] !== undefined) {
-        const level = node.properties['level'];
-        const levelNum = typeof level === 'number' ? level : Number(level);
-        if (!isNaN(levelNum)) {
-            return `[Heading L${levelNum}]`;
-        }
-    }
-    return `[${capitalize(node.role)}]`;
-}
-/**
- * Build context text from a11y name or DOM context fallback.
- *
- * @param node - Accessibility node
- * @param domContext - DOM context for fallback
- * @returns Formatted context text
- */
-function buildContextText(node, domContext) {
-    if (node.name) {
-        return ` "${node.name}"`;
-    }
-    if (domContext) {
-        const tagPart = `<${domContext.tag}`;
-        const classPart = domContext.classes && domContext.classes.length > 0
-            ? `.${domContext.classes.slice(0, 3).join('.')}`
-            : '';
-        const previewPart = domContext.preview ? ` "${domContext.preview}"` : '';
-        return ` ${tagPart}${classPart}>${previewPart}`;
-    }
-    return '';
-}
-/**
- * Build properties text from accessibility node state.
- *
- * @param node - Accessibility node
- * @returns Formatted properties text
- */
-function buildPropertiesText(node) {
-    const props = [];
-    if (node.focusable)
-        props.push('focusable');
-    if (node.focused)
-        props.push('focused');
-    if (node.disabled)
-        props.push('disabled');
-    if (node.required)
-        props.push('required');
-    return props.length > 0 ? ` (${props.join(', ')})` : '';
-}
-/**
- * Format semantic node with DOM context for display.
- *
- * @param data - Node and context data
- * @returns Formatted string representation
- */
-function formatSemanticNodeWithContext(data) {
-    const { node, domContext } = data;
-    const roleText = buildRoleText(node);
-    const contextText = buildContextText(node, domContext);
-    const propsText = buildPropertiesText(node);
-    const inferredText = node.inferred ? ' (inferred from DOM)' : '';
-    return `${roleText}${contextText}${propsText}${inferredText}`;
-}
-/**
- * Resolve node with graceful degradation to synthesized node.
- *
- * @param a11yNode - Accessibility node or null
- * @param domContext - DOM context for synthesis fallback
- * @param nodeId - Node ID for synthesis
- * @returns Resolved node or null
- */
-function resolveNodeWithFallback(a11yNode, domContext, nodeId) {
-    if (a11yNode)
-        return a11yNode;
-    if (domContext && nodeId)
-        return synthesizeA11yNode(domContext, nodeId);
-    return null;
-}
-/**
- * Query DOM context by selector when a11y node is unavailable.
- *
- * @param selector - CSS selector
- * @returns Object with nodeId and domContext
- */
-async function queryDomContextBySelector(selector) {
-    const { callCDP } = await import('../../ipc/client.js');
-    const docResponse = await callCDP('DOM.getDocument', {});
-    const doc = docResponse.data?.result;
-    if (!doc?.root?.nodeId) {
-        return { nodeId: undefined, domContext: null };
-    }
-    const queryResponse = await callCDP('DOM.querySelector', {
-        nodeId: doc.root.nodeId,
-        selector,
-    });
-    const queryResult = queryResponse.data?.result;
-    if (!queryResult?.nodeId) {
-        return { nodeId: undefined, domContext: null };
-    }
-    const domContext = await getDomContext(queryResult.nodeId);
-    return { nodeId: queryResult.nodeId, domContext };
-}
-/**
- * Handle bdg dom query command.
- *
- * @param selector - CSS selector to query
- * @param options - Command options
- */
-async function handleDomQuery(selector, options) {
-    await runCommand(async () => {
-        const result = await queryDOMElements(selector);
-        const cacheManager = QueryCacheManager.getInstance();
-        const navigationId = await cacheManager.getCurrentNavigationId();
-        const resultWithNavId = {
-            ...result,
-            ...(navigationId !== null && { navigationId }),
-        };
-        await cacheManager.set(resultWithNavId);
-        return { success: true, data: result };
-    }, options, formatDomQuery);
-}
-/**
- * Handle get command with numeric index in raw mode.
- *
- * @param index - Element index
- * @param options - Command options
- */
-async function handleIndexGetRaw(index, options) {
-    const resolver = DomElementResolver.getInstance();
-    await runCommand(async () => {
-        const targetNode = await resolver.getNodeIdForIndex(index);
-        const getOptions = filterDefined({ nodeId: targetNode.nodeId });
-        const result = await getDOMElements(getOptions);
-        return { success: true, data: result };
-    }, options, formatDomGet);
-}
-/**
- * Handle get command with numeric index in semantic mode.
- *
- * @param index - Element index
- * @param options - Command options
- */
-async function handleIndexGetSemantic(index, options) {
-    const resolver = DomElementResolver.getInstance();
-    await runCommand(async () => {
-        const targetNode = await resolver.getNodeIdForIndex(index);
-        const [a11yNode, domContext] = await Promise.all([
-            resolveA11yNode('', targetNode.nodeId),
-            getDomContext(targetNode.nodeId),
-        ]);
-        const node = resolveNodeWithFallback(a11yNode, domContext, targetNode.nodeId);
-        if (!node) {
-            const err = elementAtIndexNotFoundError(index, 'cached query');
-            throw new CommandError(err.message, { suggestion: err.suggestion }, EXIT_CODES.RESOURCE_NOT_FOUND);
-        }
-        return { success: true, data: { node, domContext } };
-    }, options, formatSemanticNodeWithContext);
-}
-/**
- * Handle get command with numeric index.
- *
- * @param index - Element index
- * @param options - Command options
- */
-async function handleIndexGet(index, options) {
-    if (options.raw) {
-        await handleIndexGetRaw(index, options);
-    }
-    else {
-        await handleIndexGetSemantic(index, options);
-    }
-}
-/**
- * Handle get command with CSS selector in raw mode.
- *
- * @param selector - CSS selector
- * @param options - Command options
- */
-async function handleSelectorGetRaw(selector, options) {
-    await runCommand(async () => {
-        const getOptions = filterDefined({
-            selector,
-            all: options.all,
-            nth: options.nth,
-            nodeId: options.nodeId,
-        });
-        const result = await getDOMElements(getOptions);
-        return { success: true, data: result };
-    }, options, formatDomGet);
-}
-/**
- * Handle get command with CSS selector in semantic mode.
- *
- * @param selector - CSS selector
- * @param options - Command options
- */
-async function handleSelectorGetSemantic(selector, options) {
-    await runCommand(async () => {
-        const a11yNode = await resolveA11yNode(selector);
-        let domContext = null;
-        let nodeId;
-        if (a11yNode?.backendDOMNodeId) {
-            nodeId = a11yNode.backendDOMNodeId;
-            domContext = await getDomContext(nodeId);
-        }
-        else if (!a11yNode) {
-            const queryResult = await queryDomContextBySelector(selector);
-            nodeId = queryResult.nodeId;
-            domContext = queryResult.domContext;
-        }
-        const node = resolveNodeWithFallback(a11yNode, domContext, nodeId);
-        if (!node) {
-            const err = noNodesFoundError(selector);
-            throw new CommandError(err.message, { suggestion: err.suggestion }, EXIT_CODES.RESOURCE_NOT_FOUND);
-        }
-        return { success: true, data: { node, domContext } };
-    }, options, formatSemanticNodeWithContext);
-}
-/**
- * Handle get command with CSS selector.
- *
- * @param selector - CSS selector
- * @param options - Command options
- */
-async function handleSelectorGet(selector, options) {
-    if (options.raw) {
-        await handleSelectorGetRaw(selector, options);
-    }
-    else {
-        await handleSelectorGetSemantic(selector, options);
-    }
-}
-/**
- * Handle bdg dom get command.
- *
- * @param selectorOrIndex - CSS selector or numeric index
- * @param options - Command options
- */
-async function handleDomGet(selectorOrIndex, options) {
-    const isNumericIndex = /^\d+$/.test(selectorOrIndex);
-    if (isNumericIndex) {
-        await handleIndexGet(parseInt(selectorOrIndex, 10), options);
-    }
-    else {
-        await handleSelectorGet(selectorOrIndex, options);
-    }
-}
-/**
- * Handle page-level screenshot capture.
- *
- * @param outputPath - Output file path
- * @param options - Screenshot options
- */
-async function handlePageScreenshot(outputPath, options) {
-    await runCommand(async () => {
-        const screenshotOptions = buildPageScreenshotOptions(options);
-        const result = await capturePageScreenshot(outputPath, screenshotOptions);
-        return { success: true, data: result };
-    }, options, formatDomScreenshot);
-}
-/**
- * Handle element-level screenshot capture.
- *
- * @param outputPath - Output file path
- * @param options - Screenshot options with selector or index
- */
-async function handleElementScreenshot(outputPath, options) {
-    await runCommand(async () => {
-        const nodeId = await resolveElementNodeId(options);
-        const screenshotOptions = buildElementScreenshotOptions(options);
-        const result = await captureElementScreenshot(outputPath, nodeId, screenshotOptions);
-        const elementResult = addElementInfo(result, options);
-        return { success: true, data: elementResult };
-    }, options, formatDomScreenshot);
-}
-/**
- * Capture a single frame in sequence mode.
- *
- * @param outputPath - Full path for the frame file
- * @param options - Screenshot options
- */
-async function captureSequenceFrame(outputPath, options) {
-    if (hasElementTarget(options)) {
-        const nodeId = await resolveElementNodeId(options);
-        const elementOptions = buildElementScreenshotOptions(options);
-        await captureElementScreenshot(outputPath, nodeId, elementOptions);
-    }
-    else {
-        const pageOptions = buildPageScreenshotOptions(options);
-        await capturePageScreenshot(outputPath, pageOptions);
-    }
-}
-/**
- * Handle screenshot sequence capture to directory.
- *
- * @param outputDir - Output directory path
- * @param options - Screenshot options with interval and limit
- */
-async function handleSequenceCapture(outputDir, options) {
-    const fs = await import('fs');
-    const path = await import('path');
-    const absoluteDir = path.resolve(outputDir);
-    ensureDirectory(absoluteDir, fs);
-    const intervalRule = positiveIntRule({ min: 100, max: 60000, default: 1000 });
-    const limitRule = positiveIntRule({ min: 1, max: 10000, required: false });
-    const interval = intervalRule.validate(options.interval);
-    const limit = options.limit ? limitRule.validate(options.limit) : 0;
-    const format = options.format ?? 'png';
-    let frameCount = 0;
-    const captureFrame = async () => {
-        frameCount++;
-        const filename = formatFrameFilename(frameCount, format);
-        const outputPath = path.join(absoluteDir, filename);
-        await captureSequenceFrame(outputPath, options);
-        log.info(`Frame ${frameCount}: ${filename}`);
-        if (limit > 0 && frameCount >= limit) {
-            process.emit('SIGINT');
-        }
-    };
-    await setupFollowMode(captureFrame, {
-        startMessage: () => `Capturing to ${absoluteDir} every ${interval}ms...`,
-        stopMessage: () => `Captured ${frameCount} frames`,
-        intervalMs: interval,
-    });
-}
-/**
- * Handle bdg dom screenshot command.
- *
- * @param outputPath - Output file path or directory
- * @param options - Screenshot options
- */
-async function handleDomScreenshot(outputPath, options) {
-    if (options.follow) {
-        await handleSequenceCapture(outputPath, options);
-        return;
-    }
-    if (hasElementTarget(options)) {
-        await handleElementScreenshot(outputPath, options);
-        return;
-    }
-    await handlePageScreenshot(outputPath, options);
-}
-/**
- * Handle bdg dom eval command.
- *
- * @param script - JavaScript expression to evaluate
- * @param options - Command options
- */
-async function handleDomEval(script, options) {
-    await runCommand(async () => {
-        const { CDPConnection } = await import('../../connection/cdp.js');
-        const { validateActiveSession, getValidatedSessionMetadata, verifyTargetExists, executeScript, } = await import('../../commands/dom/evalHelpers.js');
-        validateActiveSession();
-        const metadata = getValidatedSessionMetadata();
-        // Use port from session metadata, not CLI option
-        const port = metadata.port;
-        if (!port) {
-            throw new CommandError('Session metadata missing port', { suggestion: 'Restart the session with: bdg stop && bdg <url>' }, EXIT_CODES.RESOURCE_NOT_FOUND);
-        }
-        await verifyTargetExists(metadata, port);
-        const cdp = new CDPConnection();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        await cdp.connect(metadata.webSocketDebuggerUrl);
-        const result = await executeScript(cdp, script);
-        cdp.close();
-        return {
-            success: true,
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            data: { result: result.result?.value },
-        };
-    }, options, formatDomEval);
-}
-/**
- * Register DOM telemetry commands.
- *
- * @param program - Commander.js Command instance
+ * `bdg dom` command group registration.
+ *
+ * Each subcommand lives in its own responsibility module:
+ * - `query.ts` — find elements by selector
+ * - `get.ts` — read element details (semantic or raw)
+ * - `screenshot.ts` — capture page/element/sequence screenshots
+ * - `eval.ts` — evaluate JavaScript in the page (or an iframe)
+ * - `frames.ts` — list the page's iframes
+ * - `listeners.ts` — list event listeners that run for an element
+ * - `layout.ts` — positions, sizes and visibility of elements
+ * - `wait.ts` — wait for elements to appear, show, contain a text or go away
+ *
+ * Form-related commands register via `form.ts` and `formInteraction.ts`.
+ * Accessibility commands register via `a11y.ts`.
+ */
+import { Option } from 'commander';
+import { registerA11yCommands } from './a11y.js';
+import { handleDomEval } from './eval.js';
+import { registerFormCommand } from './form.js';
+import { handleDomFrames } from './frames.js';
+import { DOM_GET_DEFAULT_SELECTOR, handleDomGet } from './get.js';
+import { registerLayoutCommand } from './layout.js';
+import { registerListenersCommand } from './listeners.js';
+import { handleDomQuery } from './query.js';
+import { handleDomScreenshot } from './screenshot.js';
+import { registerWaitCommand } from './wait.js';
+import { integerOption, screenshotFormatOption } from '../shared/validation.js';
+/**
+ * Register DOM telemetry commands on the root Commander program.
  */
 export function registerDomCommands(program) {
     const dom = program
@@ -514,6 +36,9 @@ export function registerDomCommands(program) {
         .enablePositionalOptions();
     registerA11yCommands(dom);
     registerFormCommand(dom);
+    registerListenersCommand(dom);
+    registerLayoutCommand(dom);
+    registerWaitCommand(dom);
     dom
         .command('query')
         .description('Find elements by CSS selector')
@@ -526,19 +51,37 @@ export function registerDomCommands(program) {
         .command('eval')
         .description('Evaluate JavaScript expression in the page context')
         .argument('<script>', 'JavaScript to execute (e.g., "document.title", "window.location.href")')
-        .option('-p, --port <number>', 'Chrome debugging port (default: 9222)')
-        .option('-j, --json', 'Wrap result in version/success format')
+        .option('--frame <frame>', 'Evaluate in an iframe, cross-origin ones included: index, name/id attribute, or part of the name, id or URL (see dom frames)')
+        .option('-j, --json', 'Output as JSON')
+        .action(async (script, options) => {
+        await handleDomEval(script, options);
+    });
+    program
+        .command('eval', { hidden: true })
+        .description('Shortcut for: bdg dom eval')
+        .argument('<script>', 'JavaScript to execute')
+        .option('--frame <frame>', 'Evaluate in an iframe (see dom frames)')
+        .option('-j, --json', 'Output as JSON')
         .action(async (script, options) => {
         await handleDomEval(script, options);
     });
+    dom
+        .command('frames')
+        .description("List the page's iframes (nested and cross-origin ones included) for eval --frame")
+        .option('-j, --json', 'Output as JSON')
+        .action(async (options) => {
+        await handleDomFrames(options);
+    });
     dom
         .command('get')
         .description('Get semantic accessibility structure (default) or raw HTML (--raw)')
-        .argument('<selector>', 'CSS selector (e.g., ".error", "#app", "button")')
+        .argument('[selectorOrIndex]', `CSS selector or numeric index from query results (0-based; e.g. ".error", "#app", 0); default: ${DOM_GET_DEFAULT_SELECTOR}`)
         .option('--raw', 'Output raw HTML with all filtering options')
+        .option('--full', 'Show all of the element text (default: the first 500 characters)')
         .option('--all', 'Get all matches (only with --raw)')
-        .option('--nth <n>', 'Get nth match (only with --raw)', parseInt)
-        .option('--node-id <id>', 'Use nodeId directly (only with --raw)', parseInt)
+        .option('--index <n>', 'Element index if selector matches multiple (0-based)', integerOption(0))
+        .addOption(new Option('--nth <n>', 'Alias of --index').argParser(integerOption(0)).hideHelp())
+        .option('--node-id <id>', 'Get the element with this node id (from dom query/get --raw or a11y describe; implies --raw)', integerOption(1))
         .option('-j, --json', 'Output as JSON')
         .action(async (selector, options) => {
         await handleDomGet(selector, options);
@@ -547,10 +90,11 @@ export function registerDomCommands(program) {
         .command('screenshot')
         .description('Capture page or element screenshot')
         .argument('<path>', 'Output file path, or directory for --follow mode')
+        .argument('[selector]', 'Element to capture: CSS selector or index from a query (same as --selector / --index)')
         .option('--selector <selector>', 'CSS selector for element capture')
-        .option('--index <number>', 'Cached element index (0-based) from previous query', parseInt)
-        .option('--format <format>', 'Image format: png or jpeg (default: png)')
-        .option('--quality <number>', 'JPEG quality 0-100 (default: 90)', parseInt)
+        .option('--index <number>', 'Cached element index (0-based) from previous query', integerOption(0))
+        .option('--format <format>', 'Image format: png or jpeg/jpg (default: from the file extension, else png)', screenshotFormatOption)
+        .option('--quality <number>', 'JPEG quality 0-100 (default: 90)', integerOption(0, 100))
         .option('--no-full-page', 'Capture viewport only (default: full page)')
         .option('--no-resize', 'Disable auto-resize (full resolution)')
         .option('--scroll <selector>', 'Scroll element into view before capture')
@@ -558,8 +102,8 @@ export function registerDomCommands(program) {
         .option('--interval <ms>', 'Capture interval for --follow (default: 1000)')
         .option('--limit <count>', 'Max frames for --follow')
         .option('-j, --json', 'Output as JSON')
-        .action(async (path, options) => {
-        await handleDomScreenshot(path, options);
+        .action(async (path, target, options) => {
+        await handleDomScreenshot(path, target, options);
     });
 }
 //# sourceMappingURL=index.js.map

package/dist/commands/dom/layout.d.ts

@@ -0,0 +1,14 @@
+/**
+ * `bdg dom layout <selector|index>` - where elements are on the page and
+ * whether a user can see them, without a screenshot: page and viewport
+ * coordinates, size, viewport position (visible, partly, above/below the
+ * fold, hidden), what covers them and the styles that decide how they show.
+ */
+import type { Command } from 'commander';
+/**
+ * Register `bdg dom layout`.
+ *
+ * @param dom - The `dom` command group
+ */
+export declare function registerLayoutCommand(dom: Command): void;
+//# sourceMappingURL=layout.d.ts.map

package/dist/commands/dom/layout.js

@@ -0,0 +1,54 @@
+/**
+ * `bdg dom layout <selector|index>` - where elements are on the page and
+ * whether a user can see them, without a screenshot: page and viewport
+ * coordinates, size, viewport position (visible, partly, above/below the
+ * fold, hidden), what covers them and the styles that decide how they show.
+ */
+import { DomElementResolver } from './DomElementResolver.js';
+import { runElementCommand } from './helpers/runElementCommand.js';
+import { runCommand } from '../shared/CommandRunner.js';
+import { jsonOption } from '../shared/commonOptions.js';
+import { integerOption } from '../shared/validation.js';
+import { domLayout } from '../../ipc/client.js';
+import { formatLayout } from '../../ui/formatters/layout.js';
+/**
+ * Register `bdg dom layout`.
+ *
+ * @param dom - The `dom` command group
+ */
+export function registerLayoutCommand(dom) {
+    dom
+        .command('layout')
+        .description('Positions, sizes and visibility of elements (above/below the fold, hidden, covered) without a screenshot')
+        .argument('<selectorOrIndex>', 'CSS selector or numeric index from query results (0-based)')
+        .option('--index <n>', 'Only this match of the selector (0-based)', integerOption(0))
+        .addOption(jsonOption())
+        .action(async (selectorOrIndex, options) => {
+        await runCommand(() => measureLayout(selectorOrIndex, options), options, formatLayout);
+    });
+}
+/**
+ * Resolve the target and ask the daemon to measure it.
+ *
+ * @param selectorOrIndex - CSS selector or cached query index
+ * @param options - Command options
+ * @returns Command result; an index argument is reported as the element's `index`
+ */
+async function measureLayout(selectorOrIndex, options) {
+    const result = await runElementCommand({
+        selectorOrIndex,
+        index: options.index,
+        buildRequest: (target) => target,
+        call: domLayout,
+        command: 'layout',
+        action: 'measure the layout',
+        failureSuggestion: 'Verify the selector matches an element: bdg dom query "<selector>"',
+    });
+    if (!result.data || !DomElementResolver.getInstance().isNumericIndex(selectorOrIndex)) {
+        return result;
+    }
+    const index = Number(selectorOrIndex);
+    const elements = result.data.elements.map((element) => ({ ...element, index }));
+    return { ...result, data: { ...result.data, elements } };
+}
+//# sourceMappingURL=layout.js.map