* Get the first meaningful class name (strip CSS module hashes).

* Get first ~30 chars of visible text content (for forensic output).

* Check if an element is effectively fixed to the viewport. * Walks up the DOM tree — if any ancestor is fixed or sticky, * the element doesn't sc

* Pick a reasonable capture target from any element. Walk up only to skip * tiny inline elements (span, em, strong, etc.) — otherwise take whatever

* Set sequence from persisted state (for server restart).

* Strip bundler URL prefixes from a raw source path.

* Collect visible page elements (2 levels deep from main/body) as spatial candidates.

* Check if a component name correlates with any DOM class

* Initialize a new MCP server with HTTP transport for a session.

* Detect if the target rect overflows viewport or its nearest container.

* Find the smallest DOM element that covers a given viewport region. * Uses elementsFromPoint to get all elements at the region center, * then picks

* Walks up the fiber tree to find the nearest component with _debugSource * * @param fiber - Starting fiber node * @param maxDepth - Maximum tree d

* Attempts to find source location using React 19's potentially different structure * * @param fiber - Starting fiber node * @returns Source locati

* Format parent layout context for an element. * Returns a line like: "Parent: `flex`, flex-direction: `column`, gap: `24px` (`main > div`)"

* Collect CSS classes from an element and its ancestors

* Access the React hooks dispatcher from React's module internals. * These are properties on the `react` module export, NOT on `window`. * Returns g