@reticlehq/browser 3.4.0 → 3.5.0

package/dist/actions/actions.d.ts

@@ -36,7 +36,6 @@ interface ActionResult {
 }
 export declare const ZOOM_NEEDS_REAL_BROWSER_MSG: string;
 export declare function executeAction(ref: string, action: string, args?: Record<string, unknown>): Promise<ActionResult>;
-export declare function dispatchWebMcp(tool: string, params: Record<string, unknown>, confirmDangerous?: boolean): Promise<unknown>;
 export interface ActionStep {
     ref: string;
     action: string;

package/dist/actions/actions.js

@@ -410,16 +410,6 @@ export async function executeAction(ref, action, args = {}) {
     return result(ref, action, effect, settled, settleReason, anchor, warning);
 }
 const sleep = (ms) => new Promise((r) => nativeSetTimeout(r, ms));
-export async function dispatchWebMcp(tool, params, confirmDangerous = false) {
-    if (requiresDangerousConfirmation(tool) && !confirmDangerous) {
-        throw new Error(`potentially destructive WebMCP tool blocked; retry with ${DANGEROUS_ACTION_CONFIRM_ARG}=true`);
-    }
-    const mc = navigator.modelContext;
-    if (mc === undefined || typeof mc.callTool !== 'function') {
-        throw new Error('WebMCP (navigator.modelContext) not available on this page');
-    }
-    return await mc.callTool(tool, params);
-}
 export async function executeSequence(steps) {
     const effects = [];
     const stepResults = [];

package/dist/commands/commands.js

@@ -1,8 +1,8 @@
-import { ActionType, ComponentStateReason, DANGEROUS_ACTION_CONFIRM_ARG, ElementQuerySchema, ReticleCommand, SnapshotMode, TRANSPORT_LIMITS, selectPath, capDepth, } from '@reticlehq/core';
+import { ComponentStateReason, ElementQuerySchema, ReticleCommand, SnapshotMode, TRANSPORT_LIMITS, selectPath, capDepth, } from '@reticlehq/core';
 import { buildSnapshot } from '../dom/snapshot.js';
 import { paintContextOf } from '../dom/paint-context.js';
 import { matchQuery, runQuery } from '../dom/query.js';
-import { executeAction, executeSequence, dispatchWebMcp, } from '../actions/actions.js';
+import { executeAction, executeSequence } from '../actions/actions.js';
 import { describe } from '../dom/a11y.js';
 import { documentHasSourceStamps, sourceFor, formatSource } from '../dom/addressing/source.js';
 import { themeReport } from '../dom/theme.js';
@@ -198,10 +198,6 @@ export function createCommandRegistry() {
     reg.set(ReticleCommand.MATCH, (args) => matchQuery(ElementQuerySchema.parse(record(args['query'])), str(args['state'])));
     reg.set(ReticleCommand.ACT, (args) => {
         const action = str(args['action']) ?? '';
-        if (action === ActionType.WEBMCP) {
-            const inner = record(args['args']);
-            return dispatchWebMcp(str(inner['tool']) ?? '', record(inner['params']), true === inner[DANGEROUS_ACTION_CONFIRM_ARG]);
-        }
         return executeAction(str(args['ref']) ?? '', action, record(args['args']));
     });
     reg.set(ReticleCommand.ACT_SEQUENCE, (args) => executeSequence((Array.isArray(args['steps']) ? args['steps'] : [])));

package/dist/dom/a11y.js

@@ -1,12 +1,13 @@
 import { ElementState, REDACTED_VALUE } from '@reticlehq/core';
 import { isButton, isHtmlElement, isImage, isInput, isMeter, isOutput, isProgress, isSelect, isTextArea, } from './realm.js';
 import { refs } from './addressing/refs.js';
+import { capturedRootOf } from './shadow-registry.js';
 import { inspectChart } from './chart.js';
 import { isSensitiveKey } from '../security/serialization.js';
 import { formatSource, sourceFromDom } from './addressing/source.js';
 const HTML_DETAILS_TAG = 'details';
 const HTML_DETAILS_OPEN_ATTRIBUTE = 'open';
-const HTML_DIRECT_SUMMARY_SELECTOR = ':scope > summary';
+const HTML_SUMMARY_TAG = 'summary';
 const NAME_FROM_CONTENT = new Set([
     'button',
     'link',
@@ -173,13 +174,19 @@ function textWithoutHidden(node) {
         const alt = el.getAttribute('alt');
         return null === alt ? '' : alt;
     }
-    const parts = [];
+    let result = '';
+    let lastWasElement = false;
     for (const child of el.childNodes) {
         const piece = textWithoutHidden(child);
-        if (piece.length > 0)
-            parts.push(piece);
+        if (0 === piece.length)
+            continue;
+        const isEl = Node.ELEMENT_NODE === child.nodeType;
+        if (result.length > 0 && (isEl || lastWasElement))
+            result += ' ';
+        result += piece;
+        lastWasElement = isEl;
     }
-    return parts.join(' ');
+    return result;
 }
 export function getAccessibleName(el) {
     const labelled = labelledByText(el);
@@ -299,8 +306,8 @@ function hiddenInsideClosedDetails(el) {
     const details = parent.closest(HTML_DETAILS_TAG);
     if (null === details || details.hasAttribute(HTML_DETAILS_OPEN_ATTRIBUTE))
         return false;
-    const summary = details.querySelector(HTML_DIRECT_SUMMARY_SELECTOR);
-    return null === summary || !summary.contains(el);
+    const summary = Array.from(details.children).find((child) => HTML_SUMMARY_TAG === child.localName);
+    return summary === undefined || !summary.contains(el);
 }
 function selfHidden(el) {
     if ('true' === el.getAttribute('aria-hidden'))
@@ -322,7 +329,23 @@ function selfHidden(el) {
     }
     return false;
 }
+function slotInCapturedClosedRoot(el) {
+    const host = el.parentElement;
+    if (null === host || null !== host.shadowRoot)
+        return null;
+    const root = capturedRootOf(host);
+    if (null === root)
+        return null;
+    for (const slot of Array.from(root.querySelectorAll('slot'))) {
+        if (slot.assignedElements().includes(el))
+            return slot;
+    }
+    return null;
+}
 function parentAcrossShadowBoundary(el) {
+    const slot = el.assignedSlot ?? slotInCapturedClosedRoot(el);
+    if (null !== slot)
+        return slot;
     if (null !== el.parentElement)
         return el.parentElement;
     const host = el.getRootNode().host;

package/dist/dom/occlusion.js

@@ -14,9 +14,13 @@ export function hitTestOccluder(el, rect) {
     if (typeof doc.elementFromPoint !== 'function')
         return null;
     const withStack = doc;
+    const isOursButNotTheTarget = (candidate) => isReticleUi(candidate) &&
+        candidate !== el &&
+        !el.contains(candidate) &&
+        !candidate.contains(el);
     const topAt = (x, y) => {
         const found = withStack.elementsFromPoint?.(x, y) ?? [doc.elementFromPoint(x, y)];
-        return found.find((c) => null !== c && !isReticleUi(c)) ?? null;
+        return found.find((c) => null !== c && !isOursButNotTheTarget(c)) ?? null;
     };
     const blockers = new Map();
     for (const [fx, fy] of SAMPLE_POINTS) {

package/dist/dom/query.js

@@ -1,5 +1,5 @@
 import { DATA_RETICLE_SOURCE_ATTR, ElementState, QueryBy, REDACTED_VALUE, TRANSPORT_LIMITS, } from '@reticlehq/core';
-import { isElement, isFrame, isHtmlElement, isInput, isSelect, isTextArea } from './realm.js';
+import { isActionTarget, isElement, isFrame, isInput, isSelect, isTextArea } from './realm.js';
 import { capturedRootOf } from './shadow-registry.js';
 import { getAccessibleName, getRole, describe, getStates, isInViewport, isVisible, } from './a11y.js';
 import { isIgnored, isReticleOverlay } from './dom-ignore.js';
@@ -71,11 +71,11 @@ function resolveContainer(scope) {
     if (scope === undefined)
         return { container: document.body, scopeMissing: false };
     const byRef = refs.resolve(scope);
-    if (isHtmlElement(byRef))
+    if (isActionTarget(byRef))
         return { container: byRef, scopeMissing: false };
     try {
         const found = document.querySelector(scope);
-        if (isHtmlElement(found))
+        if (isActionTarget(found))
             return { container: found, scopeMissing: false };
     }
     catch {
@@ -269,7 +269,7 @@ export function matchQuery(query, state, limit = MAX_DESCRIBED) {
     const filtered = state === undefined ? elements : elements.filter((el) => inState(el, state, visMemo));
     const attrs = query.attrs;
     const described = filtered.slice(0, Math.max(0, Math.min(limit, MAX_DESCRIBED)));
-    const stampViewport = described.length > 1;
+    const stampViewport = described.length > 1 || ElementState.IN_VIEWPORT === state;
     const descriptors = described.map((el) => {
         let base = describe(el, visMemo);
         if (stampViewport &&