@nativemason/runtime 0.0.0-stage → 0.3.0

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -1,3 +1,5 @@
-# Temporary Holding Version
+# @nativemason/runtime
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Part of [NativeMason](https://github.com/gauravsaini/nativemason), a development toolkit for measured React Native layout trials and native verification.
+
+See the repository README for setup, supported versions, instrumentation and MCP workflows. Licensed under Apache-2.0.

package/dist/capture.native.d.ts

@@ -0,0 +1,3 @@
+import { type SpatialSnapshot } from '@nativemason/contracts';
+import { LayoutRegistry } from './registry/index.js';
+export declare function captureNative(registry: LayoutRegistry): Promise<SpatialSnapshot>;

package/dist/capture.native.js

@@ -0,0 +1,57 @@
+import { captureSourceRevisions } from './source-revisions.js';
+import { PixelRatio, Platform } from 'react-native';
+import { BridgeFault } from '@nativemason/contracts';
+import { nextFrame, toSpatialNodes, validateSnapshot } from './registry/index.js';
+function measure(entry) {
+    return new Promise((resolve, reject) => {
+        const timeout = setTimeout(() => reject(new BridgeFault('TIMEOUT', `Measurement timed out for ${entry.id}`)), 2000);
+        if (Platform.OS === 'ios' && entry.host.measureInWindow) {
+            entry.host.measureInWindow((x, y, width, height) => { clearTimeout(timeout); resolve({ x, y, width, height }); });
+            return;
+        }
+        if (!entry.host.measure) {
+            clearTimeout(timeout);
+            reject(new BridgeFault('MISSING_ELEMENT', `Missing native measure ref for ${entry.id}`));
+            return;
+        }
+        // RN0.88 measure().pageX/pageY omit the viewport offset. The legacy
+        // measureInWindow and DOM-like bounding rect include it on Android.
+        entry.host.measure((_x, _y, width, height, pageX, pageY) => { clearTimeout(timeout); resolve({ x: pageX, y: pageY, width, height }); });
+    });
+}
+export async function captureNative(registry) {
+    if (Platform.OS !== 'android' && Platform.OS !== 'ios')
+        throw new BridgeFault('INVALID_INPUT', 'Native acceptance requires Android or iOS');
+    if (registry.autoRoot && [...registry.entries.values()].filter(entry => entry.parentId === null).length !== 1)
+        throw new BridgeFault('INVALID_INPUT', 'Automatic root requires exactly one instrumented root host');
+    if (!registry.entries.has(registry.rootId))
+        throw new BridgeFault('MISSING_ELEMENT', `Designated root ${registry.rootId} is not mounted`);
+    const generation = registry.generation;
+    let nodes = [];
+    let previous = '';
+    let stable = false;
+    let profile = registry.profile;
+    for (let frame = 0; frame < 12; frame++) {
+        await nextFrame();
+        const entries = [...registry.entries.values()];
+        const measured = await Promise.all(entries.map(async (entry) => [entry.id, await measure(entry)]));
+        const rectangles = new Map(measured);
+        const root = rectangles.get(registry.rootId);
+        if (!root)
+            throw new BridgeFault('MISSING_ELEMENT', `Designated root ${registry.rootId} disappeared`);
+        const canonicalRoot = { ...root, x: root.x - registry.windowOrigin.x, y: root.y - registry.windowOrigin.y };
+        const window = registry.profile.window;
+        profile = { ...registry.profile, root: canonicalRoot, window, pixelRatio: PixelRatio.get(), fontScale: PixelRatio.getFontScale(), orientation: window.width > window.height ? 'landscape' : 'portrait' };
+        const relative = new Map(measured.map(([id, rect]) => [id, { ...rect, x: rect.x - root.x, y: rect.y - root.y }]));
+        nodes = toSpatialNodes(registry, relative);
+        const key = JSON.stringify(nodes.map(node => ({ rect: node.rect, textFit: node.textFit })));
+        if (key === previous && generation === registry.generation) {
+            stable = true;
+            break;
+        }
+        previous = key;
+    }
+    const revisions = captureSourceRevisions(nodes);
+    return validateSnapshot({ schemaVersion: 1, sessionId: registry.sessionId, snapshotId: `${Platform.OS}-${Date.now()}-${++captureSequence}`, platform: Platform.OS, scenarioId: registry.scenarioId, profile, revisions, nodes, status: stable ? 'stable' : 'unstable', generation: registry.generation, ...(registry.nativeTarget ? { nativeTarget: registry.nativeTarget } : {}) });
+}
+let captureSequence = 0;

package/dist/capture.web.d.ts

@@ -0,0 +1,3 @@
+import { type SpatialSnapshot } from '@nativemason/contracts';
+import { LayoutRegistry } from './registry/index.js';
+export declare function captureWeb(registry: LayoutRegistry): Promise<SpatialSnapshot>;

package/dist/capture.web.js

@@ -0,0 +1,38 @@
+import { captureSourceRevisions } from './source-revisions.js';
+import { BridgeFault } from '@nativemason/contracts';
+import { nextFrame, toSpatialNodes, validateSnapshot } from './registry/index.js';
+export async function captureWeb(registry) {
+    if (registry.autoRoot && [...registry.entries.values()].filter(entry => entry.parentId === null).length !== 1)
+        throw new BridgeFault('INVALID_INPUT', 'Automatic root requires exactly one instrumented root host');
+    if (!registry.entries.has(registry.rootId))
+        throw new BridgeFault('MISSING_ELEMENT', `Designated root ${registry.rootId} is not mounted`);
+    let capturedProfile = registry.profile;
+    let previous = '';
+    let stable = false;
+    let nodes = [];
+    const generation = registry.generation;
+    for (let frame = 0; frame < 12; frame++) {
+        await nextFrame();
+        const root = registry.entries.get(registry.rootId)?.host.getBoundingClientRect?.();
+        if (!root)
+            throw new BridgeFault('MISSING_ELEMENT', `Designated root ${registry.rootId} has no web host`);
+        capturedProfile = { ...registry.profile, root: { x: root.x, y: root.y, width: root.width, height: root.height } };
+        const rectangles = new Map();
+        for (const entry of registry.entries.values()) {
+            const rect = entry.host.getBoundingClientRect?.();
+            if (!rect)
+                throw new BridgeFault('MISSING_ELEMENT', `No web host for ${entry.id}`);
+            rectangles.set(entry.id, { x: rect.x - root.x, y: rect.y - root.y, width: rect.width, height: rect.height });
+        }
+        nodes = toSpatialNodes(registry, rectangles);
+        const key = JSON.stringify(nodes.map(node => node.rect));
+        if (key === previous && generation === registry.generation) {
+            stable = true;
+            break;
+        }
+        previous = key;
+    }
+    const revisions = captureSourceRevisions(nodes);
+    return validateSnapshot({ schemaVersion: 1, sessionId: registry.sessionId, snapshotId: `web-${Date.now()}-${++captureSequence}`, platform: 'web', scenarioId: registry.scenarioId, profile: capturedProfile, revisions, nodes, status: stable ? 'stable' : 'unstable', generation: registry.generation });
+}
+let captureSequence = 0;

package/dist/components/index.d.ts

@@ -0,0 +1,32 @@
+import React, { type PropsWithChildren } from 'react';
+import { type PressableProps, type TextProps, type ViewProps, type ImageProps, type ScrollViewProps, type TextInputProps } from 'react-native';
+import { type DeviceProfile, type SourceRef, type NativeTarget } from '@nativemason/contracts';
+import { type HostNode } from '../registry/index.js';
+export interface LayoutProviderProps extends PropsWithChildren {
+    scenarioId: string;
+    rootId: string;
+    profile?: DeviceProfile;
+    nativeUrl?: string;
+    nativeToken?: string;
+    nativeTarget?: NativeTarget;
+    textProbes?: boolean;
+    /** @internal Existing root provider host supplied by withLayoutRoot. */
+    __bridgeRootHost?: HostNode | null;
+}
+export declare function LayoutProvider({ scenarioId, rootId, profile, nativeUrl, nativeToken, nativeTarget, textProbes, __bridgeRootHost, children }: LayoutProviderProps): React.JSX.Element;
+export interface LayoutElementProps {
+    layoutId?: string;
+    __bridgeSource?: SourceRef;
+    __bridgeId?: string;
+}
+export declare const LayoutView: React.ForwardRefExoticComponent<ViewProps & LayoutElementProps & React.RefAttributes<import("node_modules/react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement.js").default>>;
+export declare const LayoutText: React.ForwardRefExoticComponent<TextProps & LayoutElementProps & React.RefAttributes<import("node_modules/react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement.js").default>>;
+export declare const LayoutPressable: React.ForwardRefExoticComponent<PressableProps & LayoutElementProps & React.RefAttributes<import("node_modules/react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement.js").default>>;
+export declare const LayoutTextInput: React.ForwardRefExoticComponent<TextInputProps & LayoutElementProps & React.RefAttributes<import("node_modules/react-native/types_generated/Libraries/Components/TextInput/TextInput.flow.js")._TextInputInstance>>;
+export declare const LayoutScrollView: React.ForwardRefExoticComponent<ScrollViewProps & LayoutElementProps & React.RefAttributes<import("react-native").ScrollViewInstance>>;
+export declare const LayoutImage: React.ForwardRefExoticComponent<ImageProps & LayoutElementProps & React.RefAttributes<import("node_modules/react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement.js").default>>;
+/** Development root transform with safe-area and bridge providers. */
+export declare function withLayoutRoot<P extends object>(Component: React.ComponentType<P>, options?: Partial<LayoutProviderProps>): React.ComponentType<P> | {
+    (props: P): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/index.js

@@ -0,0 +1,258 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { Platform, I18nManager, Image, ScrollView, TextInput, Pressable, StyleSheet, Text, View, useWindowDimensions } from 'react-native';
+import { SafeAreaFrameContext, SafeAreaInsetsContext, SafeAreaProvider } from 'react-native-safe-area-context';
+import { BridgeFault, NativeServerMessageSchema } from '@nativemason/contracts';
+import { runScenarioHook } from '../scenario-hooks.js';
+import { captureNative } from '../capture.native.js';
+import { LayoutRegistry } from '../registry/index.js';
+import { createBrowserRuntime } from '../trials.web.js';
+const isDevelopment = () => typeof __DEV__ !== 'undefined' ? __DEV__ : process.env.NODE_ENV !== 'production';
+const RegistryContext = createContext(null);
+const ParentContext = createContext(null);
+const TextNestingContext = createContext(false);
+export function LayoutProvider({ scenarioId, rootId, profile, nativeUrl, nativeToken, nativeTarget, textProbes = false, __bridgeRootHost, children }) {
+    const dimensions = useWindowDimensions();
+    const safeFrame = useContext(SafeAreaFrameContext);
+    const safeInsets = useContext(SafeAreaInsetsContext) ?? { top: 0, right: 0, bottom: 0, left: 0 };
+    const width = Platform.OS === 'web' ? dimensions.width : safeFrame?.width ?? dimensions.width;
+    const height = Platform.OS === 'web' ? dimensions.height : safeFrame?.height ?? dimensions.height;
+    const fallback = { window: { width, height }, root: { x: 0, y: 0, width, height }, pixelRatio: dimensions.scale, fontScale: dimensions.fontScale, orientation: width > height ? 'landscape' : 'portrait', insets: safeInsets };
+    const registryRef = useRef(null);
+    if (!registryRef.current)
+        registryRef.current = new LayoutRegistry(scenarioId, profile ?? fallback, rootId);
+    const registry = registryRef.current;
+    const configuredTarget = nativeTarget ?? ((Platform.OS === 'android' || Platform.OS === 'ios') && process.env.EXPO_PUBLIC_LAYOUT_TARGET_ID ? { targetId: process.env.EXPO_PUBLIC_LAYOUT_TARGET_ID, platform: Platform.OS, kind: process.env.EXPO_PUBLIC_LAYOUT_TARGET_KIND === 'emulator' ? 'emulator' : process.env.EXPO_PUBLIC_LAYOUT_TARGET_KIND === 'simulator' ? 'simulator' : 'physical' } : undefined);
+    registry.nativeTarget = configuredTarget;
+    registry.textProbes = textProbes;
+    registry.autoRoot = rootId === "__nativemason_auto_root";
+    useSyncExternalStore(registry.subscribe, registry.getRevision, registry.getRevision);
+    useLayoutEffect(() => {
+        if (!isDevelopment())
+            return;
+        if (!registry.autoRoot && registry.rootId !== rootId) {
+            registry.rootId = rootId;
+            registry.generation++;
+            registry.resetTrial();
+        }
+        if (registry.scenarioId !== scenarioId) {
+            registry.scenarioId = scenarioId;
+            registry.generation++;
+            registry.resetTrial();
+        }
+        if (Platform.OS !== 'web') {
+            registry.windowOrigin = { x: safeFrame?.x ?? 0, y: safeFrame?.y ?? 0 };
+            const next = { ...fallback, insets: safeInsets };
+            if (JSON.stringify(next) !== JSON.stringify(registry.profile)) {
+                registry.profile = next;
+                registry.generation++;
+            }
+        }
+    });
+    useLayoutEffect(() => {
+        if (!isDevelopment() || !__bridgeRootHost)
+            return;
+        registry.register({ id: rootId, parentId: null, kind: 'View', role: null, styles: { flex: 1 }, source: null, dynamicStyle: false, trialable: false, host: __bridgeRootHost });
+        return () => registry.unregister(rootId, __bridgeRootHost);
+    }, [registry, rootId, __bridgeRootHost]);
+    useEffect(() => {
+        if (!isDevelopment() || Platform.OS !== 'web')
+            return;
+        const runtime = createBrowserRuntime(registry);
+        registry.runtime = runtime;
+        const target = window;
+        if (target.__RN_LAYOUT_BRIDGE__)
+            throw new BridgeFault('INVALID_INPUT', 'Only one LayoutProvider is supported per page');
+        target.__RN_LAYOUT_BRIDGE__ = runtime;
+        return () => { if (target.__RN_LAYOUT_BRIDGE__ === runtime)
+            delete target.__RN_LAYOUT_BRIDGE__; };
+    }, [registry]);
+    useEffect(() => {
+        if (!isDevelopment() || (Platform.OS !== 'android' && Platform.OS !== 'ios') || !nativeUrl || !nativeToken)
+            return;
+        let disposed = false;
+        let reconnect;
+        let socket;
+        const connect = () => {
+            if (disposed)
+                return;
+            socket = new WebSocket(nativeUrl);
+            socket.onopen = () => socket?.send(JSON.stringify({ type: 'hello', protocolVersion: 2, token: nativeToken, scenarioId, platform: Platform.OS, targetId: configuredTarget?.targetId ?? Platform.OS, capabilities: { textFits: textProbes, scenarioActions: true } }));
+            socket.onmessage = event => {
+                const currentSocket = socket;
+                void (async () => {
+                    let requestId;
+                    try {
+                        const request = NativeServerMessageSchema.parse(JSON.parse(String(event.data)));
+                        requestId = request.requestId;
+                        registry.sessionId = request.sessionId;
+                        if (request.type === 'action') {
+                            await runScenarioHook(request.name, request.value);
+                            currentSocket?.send(JSON.stringify({ type: 'action_result', requestId }));
+                            return;
+                        }
+                        const snapshot = await captureNative(registry);
+                        for (const [path, hash] of Object.entries(request.expectedRevisions)) {
+                            if (snapshot.revisions[path] !== hash)
+                                throw new BridgeFault('STALE_SOURCE', `Native runtime has not loaded ${path}`);
+                        }
+                        currentSocket?.send(JSON.stringify({ type: 'snapshot', requestId, snapshot }));
+                    }
+                    catch (error) {
+                        if (requestId && currentSocket?.readyState === WebSocket.OPEN)
+                            currentSocket.send(JSON.stringify({ type: 'error', requestId, error: { code: error instanceof BridgeFault ? error.code : 'INVALID_INPUT', message: error instanceof Error ? error.message : String(error) } }));
+                    }
+                })();
+            };
+            socket.onerror = () => { };
+            socket.onclose = () => { if (!disposed)
+                reconnect = setTimeout(connect, 1000); };
+        };
+        connect();
+        return () => { disposed = true; clearTimeout(reconnect); socket?.close(); };
+    }, [nativeToken, nativeUrl, configuredTarget?.targetId, textProbes, registry, scenarioId]);
+    const insets = Platform.OS === 'web' && registry.configured ? registry.profile.insets : safeInsets;
+    return _jsx(RegistryContext.Provider, { value: isDevelopment() ? registry : null, children: _jsx(SafeAreaInsetsContext.Provider, { value: insets, children: __bridgeRootHost !== undefined ? _jsx(ParentContext.Provider, { value: rootId, children: children }) : children }) });
+}
+function assignRef(ref, value) {
+    if (typeof ref === 'function')
+        return ref(value);
+    if (ref)
+        ref.current = value;
+    return undefined;
+}
+function useRegistration(props, kind, forwarded, authoredTextProps, textSignature, resolveStyle) {
+    const registry = useContext(RegistryContext);
+    const parentId = useContext(ParentContext);
+    const instanceId = useId();
+    const sourceId = props.__bridgeId ?? (props.__bridgeSource ? `${props.__bridgeSource.path}:${props.__bridgeSource.start}` : "unmapped");
+    const baseId = parentId ? `${parentId}/${sourceId}` : sourceId;
+    const id = props.layoutId ?? props.testID ?? registry?.claimAutoId(baseId, instanceId) ?? `${baseId}#${instanceId}`;
+    useSyncExternalStore(registry?.subscribe ?? noSubscribe, registry?.getRevision ?? zeroRevision, registry?.getRevision ?? zeroRevision);
+    const hostRef = useRef(null);
+    const forwardedCleanup = useRef(undefined);
+    const registration = useRef({});
+    const dynamicStyle = typeof props.style === 'function';
+    const nativeDirection = Platform.OS === 'web' ? 'unknown' : I18nManager?.isRTL === undefined ? 'unknown' : I18nManager.isRTL ? 'rtl' : 'ltr';
+    const accessibility = { direction: nativeDirection, directionSource: Platform.OS === 'web' || nativeDirection === 'unknown' ? 'unknown' : 'native-global', ...(typeof props.accessibilityLabel === 'string' ? { authoredLabel: props.accessibilityLabel } : {}), ...(typeof props.accessibilityHint === 'string' ? { authoredHint: props.accessibilityHint } : {}), ...(typeof props.accessible === 'boolean' ? { accessible: props.accessible } : {}), ...(typeof props.focusable === 'boolean' ? { focusable: props.focusable } : {}), ...(props.accessibilityElementsHidden === true || props.importantForAccessibility === 'no-hide-descendants' ? { hidden: true } : {}), ...(typeof props.disabled === 'boolean' ? { disabled: props.disabled } : props.accessibilityState?.disabled !== undefined ? { disabled: props.accessibilityState.disabled } : {}) };
+    registration.current = { id, parentId, kind, accessibility, resolveStyle, ...(props.layoutId || props.testID ? {} : { autoIdBase: baseId, autoIdInstance: instanceId }), role: typeof props.accessibilityRole === 'string' ? props.accessibilityRole : kind === 'Pressable' ? 'button' : null, styles: dynamicStyle ? {} : StyleSheet.flatten(props.style) ?? {}, source: props.__bridgeSource ?? null, dynamicStyle, ...(textSignature ? { authoredSignature: textSignature, measurementSignature: textSignature + JSON.stringify(registry?.overrides.get(id)) } : {}), ...(authoredTextProps ? { authoredTextProps } : {}) };
+    const ref = useCallback((host) => {
+        if (hostRef.current && registry)
+            registry.unregister(id, hostRef.current);
+        hostRef.current = host;
+        if (host && registry)
+            registry.register({ ...registration.current, host });
+        if (forwardedCleanup.current) {
+            forwardedCleanup.current();
+            forwardedCleanup.current = undefined;
+        }
+        else if (!host)
+            assignRef(forwarded, null);
+        if (host) {
+            const cleanup = assignRef(forwarded, host);
+            if (typeof cleanup === 'function')
+                forwardedCleanup.current = cleanup;
+        }
+    }, [forwarded, id, registry]);
+    useLayoutEffect(() => { if (registry && hostRef.current)
+        registry.register({ ...registration.current, host: hostRef.current }); });
+    return { ref, id, override: registry?.overrides.get(id), registry };
+}
+const noSubscribe = () => () => { };
+const zeroRevision = () => 0;
+export const LayoutView = forwardRef(function LayoutView({ layoutId, __bridgeSource, __bridgeId, children, ...props }, forwarded) {
+    const { ref, id, override } = useRegistration({ ...props, layoutId, __bridgeSource, __bridgeId }, 'View', forwarded);
+    return _jsx(ParentContext.Provider, { value: id, children: _jsx(View, { ...props, collapsable: isDevelopment() ? false : props.collapsable, ref: ref, style: override ? [props.style, override] : props.style, children: children }) });
+});
+export const LayoutText = forwardRef(function LayoutText({ layoutId, __bridgeSource, __bridgeId, children, ...props }, forwarded) {
+    const nestedText = useContext(TextNestingContext);
+    const flattened = StyleSheet.flatten(props.style) ?? {};
+    const authoredTextProps = {
+        ...(typeof flattened.fontSize === 'number' ? { fontSize: flattened.fontSize } : {}),
+        ...(typeof flattened.lineHeight === 'number' ? { lineHeight: flattened.lineHeight } : {}),
+        ...(typeof props.numberOfLines === 'number' && props.numberOfLines > 0 ? { numberOfLines: props.numberOfLines } : {}),
+        ...(typeof props.allowFontScaling === 'boolean' ? { allowFontScaling: props.allowFontScaling } : {}),
+        ...(props.ellipsizeMode ? { ellipsizeMode: props.ellipsizeMode } : {}),
+    };
+    const { ref, id, override, registry } = useRegistration({ ...props, layoutId, __bridgeSource, __bridgeId }, 'Text', forwarded, authoredTextProps, JSON.stringify([typeof children === 'string' || typeof children === 'number' ? children : 'unsupported', flattened, authoredTextProps]));
+    const effectiveTextStyle = StyleSheet.flatten([props.style, override]) ?? {};
+    const [box, setBox] = useState({ width: 0, height: 0 });
+    const [full, setFull] = useState(null);
+    const [limited, setLimited] = useState();
+    const plain = typeof children === 'string' || typeof children === 'number';
+    const comparableText = !props.adjustsFontSizeToFit && props.minimumFontScale === undefined;
+    const signature = JSON.stringify([plain ? children : null, flattened, box.width, props.numberOfLines, props.allowFontScaling, props.maxFontSizeMultiplier, props.textBreakStrategy, props.android_hyphenationFrequency, props.lineBreakStrategyIOS, props.dynamicTypeRamp, comparableText, override, registry?.profile.fontScale]);
+    const previousSignature = useRef(signature);
+    useLayoutEffect(() => {
+        if (previousSignature.current !== signature) {
+            previousSignature.current = signature;
+            setFull(null);
+            setLimited(undefined);
+        }
+    }, [signature]);
+    useLayoutEffect(() => {
+        if (!registry?.textProbes || Platform.OS === 'web' || nestedText || !plain || !comparableText || typeof effectiveTextStyle.fontSize !== 'number' || !box.width || !full || full.signature !== signature) {
+            registry?.updateTextFit(id, { status: 'unavailable', reason: 'Requires an enabled probe, plain non-nested text, explicit fontSize, supported sizing props, and settled native measurements' });
+            return;
+        }
+        registry.updateTextFit(id, { status: 'supported', fullLineCount: full.lineCount, ...(limited === undefined ? {} : { limitedLineCount: limited }), fullHeight: full.height, availableHeight: Math.max(0, box.height - (typeof effectiveTextStyle.paddingBottom === "number" ? effectiveTextStyle.paddingBottom : typeof effectiveTextStyle.paddingVertical === "number" ? effectiveTextStyle.paddingVertical : typeof effectiveTextStyle.padding === "number" ? effectiveTextStyle.padding : 0)) });
+    }, [registry, id, plain, comparableText, nestedText, effectiveTextStyle.fontSize, box.width, box.height, full, limited, signature]);
+    const onTextLayout = event => {
+        registry?.updateTextMetrics(id, event.nativeEvent.lines.length);
+        setLimited(event.nativeEvent.lines.length);
+        props.onTextLayout?.(event);
+    };
+    const onLayout = event => {
+        const { width, height } = event.nativeEvent.layout;
+        setBox(current => current.width === width && current.height === height ? current : { width, height });
+        props.onLayout?.(event);
+    };
+    const probe = isDevelopment() && Platform.OS !== 'web' && registry?.textProbes && !nestedText && plain && comparableText && typeof effectiveTextStyle.fontSize === 'number' && box.width > 0;
+    return _jsx(ParentContext.Provider, { value: id, children: _jsxs(TextNestingContext.Provider, { value: true, children: [_jsx(Text, { ...props, onLayout: isDevelopment() ? onLayout : props.onLayout, onTextLayout: isDevelopment() ? onTextLayout : props.onTextLayout, ref: ref, style: override ? [props.style, override] : props.style, children: children }), probe ? _jsx(Text, { accessible: false, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", pointerEvents: "none", allowFontScaling: props.allowFontScaling, maxFontSizeMultiplier: props.maxFontSizeMultiplier, textBreakStrategy: props.textBreakStrategy, android_hyphenationFrequency: props.android_hyphenationFrequency, lineBreakStrategyIOS: props.lineBreakStrategyIOS, dynamicTypeRamp: props.dynamicTypeRamp, style: [props.style, override, { position: 'absolute', opacity: 0, width: box.width, height: undefined, minHeight: undefined, maxHeight: undefined, flex: 0 }], onTextLayout: event => { const lines = event.nativeEvent.lines; const height = lines.reduce((max, line) => Math.max(max, line.y + line.height), 0); setFull({ signature, lineCount: lines.length, height }); }, children: children }, signature) : null] }) });
+});
+export const LayoutPressable = forwardRef(function LayoutPressable({ layoutId, __bridgeSource, __bridgeId, children, ...props }, forwarded) {
+    const currentStyle = useRef(undefined);
+    const readStyle = useCallback(() => currentStyle.current, []);
+    const { ref, id, override } = useRegistration({ ...props, layoutId, __bridgeSource, __bridgeId }, 'Pressable', forwarded, undefined, undefined, readStyle);
+    const originalStyle = props.style;
+    let style = originalStyle;
+    if (isDevelopment() && typeof originalStyle === 'function')
+        style = (state) => {
+            const resolved = originalStyle(state);
+            currentStyle.current = { pressed: state.pressed, styles: StyleSheet.flatten(resolved) ?? {} };
+            return override ? [resolved, override] : resolved;
+        };
+    else if (override)
+        style = typeof originalStyle === 'function' ? (state) => [originalStyle(state), override] : [originalStyle, override];
+    return _jsx(ParentContext.Provider, { value: id, children: _jsx(Pressable, { ...props, ref: ref, style: style, children: children }) });
+});
+export const LayoutTextInput = forwardRef(function LayoutTextInput({ layoutId, __bridgeSource, __bridgeId, ...props }, forwarded) {
+    const { ref, override } = useRegistration({ ...props, layoutId, __bridgeSource, __bridgeId }, 'TextInput', forwarded);
+    return _jsx(TextInput, { ...props, ref: ref, style: override ? [props.style, override] : props.style });
+});
+export const LayoutScrollView = forwardRef(function LayoutScrollView({ layoutId, __bridgeSource, __bridgeId, children, ...props }, forwarded) {
+    const { ref, id, override } = useRegistration({ ...props, layoutId, __bridgeSource, __bridgeId }, 'ScrollView', forwarded);
+    return _jsx(ParentContext.Provider, { value: id, children: _jsx(ScrollView, { ...props, ref: ref, style: override ? [props.style, override] : props.style, children: children }) });
+});
+export const LayoutImage = forwardRef(function LayoutImage({ layoutId, __bridgeSource, __bridgeId, ...props }, forwarded) {
+    const { ref, override } = useRegistration({ ...props, layoutId, __bridgeSource, __bridgeId }, 'Image', forwarded);
+    return _jsx(Image, { ...props, ref: ref, style: override ? [props.style, override] : props.style });
+});
+/** Development root transform with safe-area and bridge providers. */
+export function withLayoutRoot(Component, options = {}) {
+    if (!isDevelopment())
+        return Component;
+    function InstrumentedRoot(props) {
+        const [host, setHost] = useState(null);
+        const rootRef = useCallback((value) => { if (value === null) {
+            setHost(null);
+            return;
+        } if (typeof value === 'object' && value !== null && (('measure' in value && typeof value.measure === 'function') || ('getBoundingClientRect' in value && typeof value.getBoundingClientRect === 'function'))) {
+            setHost(value);
+            return;
+        } throw new BridgeFault('MISSING_ELEMENT', 'Safe-area provider did not expose a measurable root host'); }, []);
+        return _jsx(SafeAreaProvider, { ref: rootRef, children: _jsx(LayoutProvider, { ...options, rootId: options.rootId ?? '__nativemason_app_root', __bridgeRootHost: options.rootId ? undefined : host, scenarioId: options.scenarioId ?? (typeof window !== 'undefined' && window.location ? new URLSearchParams(window.location.search).get('scenario') : null) ?? process.env.EXPO_PUBLIC_LAYOUT_SCENARIO ?? 'default', nativeUrl: options.nativeUrl ?? process.env.EXPO_PUBLIC_LAYOUT_NATIVE_URL, nativeToken: options.nativeToken ?? process.env.EXPO_PUBLIC_LAYOUT_NATIVE_TOKEN, children: _jsx(Component, { ...props }) }) });
+    }
+    InstrumentedRoot.displayName = 'NativeMasonRoot';
+    return InstrumentedRoot;
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { LayoutProvider, LayoutView, LayoutText, LayoutPressable, LayoutTextInput, LayoutScrollView, LayoutImage, withLayoutRoot } from './components/index.js';
+export type { LayoutProviderProps, LayoutElementProps } from './components/index.js';
+export { registerScenarioHook } from './scenario-hooks.js';
+export { registerSourceRevision } from './source-revisions.js';

package/dist/index.js

@@ -0,0 +1,3 @@
+export { LayoutProvider, LayoutView, LayoutText, LayoutPressable, LayoutTextInput, LayoutScrollView, LayoutImage, withLayoutRoot } from './components/index.js';
+export { registerScenarioHook } from './scenario-hooks.js';
+export { registerSourceRevision } from './source-revisions.js';

package/dist/nativewind.d.ts

@@ -0,0 +1,2 @@
+import { LayoutImage, LayoutPressable, LayoutScrollView, LayoutText, LayoutTextInput, LayoutView } from './components/index.js';
+export { LayoutImage, LayoutPressable, LayoutScrollView, LayoutText, LayoutTextInput, LayoutView };

package/dist/nativewind.js

@@ -0,0 +1,11 @@
+import { cssInterop } from 'nativewind';
+import { LayoutImage, LayoutPressable, LayoutScrollView, LayoutText, LayoutTextInput, LayoutView } from './components/index.js';
+// Import this optional entry once after NativeWind configuration. It keeps
+// className resolution active when development transforms replace RN hosts.
+cssInterop(LayoutView, { className: 'style' });
+cssInterop(LayoutText, { className: 'style' });
+cssInterop(LayoutPressable, { className: 'style' });
+cssInterop(LayoutTextInput, { className: 'style' });
+cssInterop(LayoutImage, { className: 'style' });
+cssInterop(LayoutScrollView, { className: 'style', contentContainerClassName: 'contentContainerStyle' });
+export { LayoutImage, LayoutPressable, LayoutScrollView, LayoutText, LayoutTextInput, LayoutView };

package/dist/registry/index.d.ts

@@ -0,0 +1,122 @@
+import { type SpatialSnapshot, type BrowserRuntime, type DeviceProfile, type RnStylePatch, type SourceRef, type SpatialNode, type TextFitEvidence, type LayoutMutation, type NativeTarget } from '@nativemason/contracts';
+export interface HostNode {
+    getBoundingClientRect?: () => {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    measure?: (callback: (x: number, y: number, width: number, height: number, pageX: number, pageY: number) => void) => void;
+    measureInWindow?: (callback: (x: number, y: number, width: number, height: number) => void) => void;
+}
+export interface Registration {
+    id: string;
+    parentId: string | null;
+    kind: SpatialNode['kind'];
+    role: string | null;
+    styles: Record<string, unknown>;
+    source: SourceRef | null;
+    dynamicStyle: boolean;
+    accessibility?: SpatialNode['accessibility'];
+    resolveStyle?: () => {
+        styles: Record<string, unknown>;
+        pressed: boolean;
+    } | undefined;
+    authoredTextProps?: SpatialNode['authoredTextProps'];
+    measuredLineCount?: number;
+    textFit?: TextFitEvidence;
+    measurementSignature?: string;
+    authoredSignature?: string;
+    trialable?: boolean;
+    autoIdBase?: string;
+    autoIdInstance?: string;
+    host: HostNode;
+}
+export declare class LayoutRegistry {
+    readonly entries: Map<string, Registration>;
+    readonly overrides: Map<string, {
+        flex?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+        position?: "relative" | "absolute" | "static" | undefined;
+        top?: number | undefined;
+        bottom?: number | undefined;
+        left?: number | undefined;
+        right?: number | undefined;
+        start?: number | undefined;
+        end?: number | undefined;
+        aspectRatio?: number | undefined;
+        paddingStart?: number | undefined;
+        paddingEnd?: number | undefined;
+        marginStart?: number | undefined;
+        marginEnd?: number | undefined;
+        fontSize?: number | undefined;
+        lineHeight?: number | undefined;
+        fontFamily?: string | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        flexDirection?: "column" | "row" | "row-reverse" | "column-reverse" | undefined;
+        justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
+        alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        width?: string | number | undefined;
+        height?: string | number | undefined;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+        minHeight?: number | undefined;
+        maxHeight?: number | undefined;
+        gap?: number | undefined;
+        rowGap?: number | undefined;
+        columnGap?: number | undefined;
+        padding?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        paddingVertical?: number | undefined;
+        paddingTop?: number | undefined;
+        paddingBottom?: number | undefined;
+        paddingLeft?: number | undefined;
+        paddingRight?: number | undefined;
+        margin?: number | undefined;
+        marginHorizontal?: number | undefined;
+        marginVertical?: number | undefined;
+        marginTop?: number | undefined;
+        marginBottom?: number | undefined;
+        marginLeft?: number | undefined;
+        marginRight?: number | undefined;
+    }>;
+    readonly listeners: Set<() => void>;
+    generation: number;
+    revision: number;
+    sessionId: string;
+    scenarioId: string;
+    profile: DeviceProfile;
+    rootId: string;
+    windowOrigin: {
+        x: number;
+        y: number;
+    };
+    configured: boolean;
+    nativeTarget?: NativeTarget;
+    textProbes: boolean;
+    autoRoot: boolean;
+    private readonly autoIds;
+    claimAutoId(base: string, instance: string): string;
+    runtime?: BrowserRuntime;
+    constructor(scenarioId: string, profile: DeviceProfile, rootId: string);
+    subscribe: (listener: () => void) => () => void;
+    getRevision: () => number;
+    notify(): void;
+    register(entry: Registration): void;
+    unregister(id: string, host: HostNode): void;
+    updateTextMetrics(id: string, measuredLineCount: number): void;
+    updateTextFit(id: string, textFit: TextFitEvidence): void;
+    setTrialBatch(mutations: readonly LayoutMutation[]): void;
+    configure(input: Parameters<BrowserRuntime['configure']>[0]): void;
+    setTrial(id: string, patch: RnStylePatch): void;
+    resetTrial(): void;
+}
+export declare const nextFrame: () => Promise<void>;
+export declare function settleReact(): Promise<void>;
+export declare function toSpatialNodes(registry: LayoutRegistry, rectangles: Map<string, SpatialNode['rect']>): SpatialNode[];
+/** Boundary validation preserves the frozen machine-readable failure contract. */
+export declare function validateSnapshot(input: unknown): SpatialSnapshot;

package/dist/registry/index.js

@@ -0,0 +1,166 @@
+import { BridgeFault, SpatialSnapshotSchema } from '@nativemason/contracts';
+export class LayoutRegistry {
+    entries = new Map();
+    overrides = new Map();
+    listeners = new Set();
+    generation = 0;
+    revision = 0;
+    sessionId = 'unconfigured';
+    scenarioId;
+    profile;
+    rootId;
+    windowOrigin = { x: 0, y: 0 };
+    configured = false;
+    nativeTarget;
+    textProbes = false;
+    autoRoot = false;
+    autoIds = new Map();
+    claimAutoId(base, instance) {
+        let claims = this.autoIds.get(base);
+        if (!claims) {
+            claims = new Map();
+            this.autoIds.set(base, claims);
+        }
+        const existing = claims.get(instance);
+        if (existing)
+            return existing;
+        const id = claims.size ? `${base}#${instance}` : base;
+        claims.set(instance, id);
+        return id;
+    }
+    runtime;
+    constructor(scenarioId, profile, rootId) {
+        this.scenarioId = scenarioId;
+        this.profile = profile;
+        this.rootId = rootId;
+    }
+    subscribe = (listener) => {
+        this.listeners.add(listener);
+        return () => { this.listeners.delete(listener); };
+    };
+    getRevision = () => this.revision;
+    notify() {
+        this.revision++;
+        this.listeners.forEach(listener => listener());
+    }
+    register(entry) {
+        if (entry.autoIdBase && entry.autoIdInstance) {
+            let claims = this.autoIds.get(entry.autoIdBase);
+            if (!claims) {
+                claims = new Map();
+                this.autoIds.set(entry.autoIdBase, claims);
+            }
+            claims.set(entry.autoIdInstance, entry.id);
+        }
+        const old = this.entries.get(entry.id);
+        if (this.autoRoot && entry.parentId === null && !this.entries.has(this.rootId))
+            this.rootId = entry.id;
+        if (old && old.host !== entry.host)
+            throw new BridgeFault('DUPLICATE_ELEMENT', `Duplicate layoutId: ${entry.id}`);
+        const comparable = (value) => ({ ...value, host: null, measuredLineCount: undefined, textFit: undefined, measurementSignature: undefined });
+        if (!old || JSON.stringify(comparable(old)) !== JSON.stringify(comparable(entry)))
+            this.generation++;
+        const preserve = old?.measurementSignature === entry.measurementSignature;
+        this.entries.set(entry.id, { ...entry, ...(preserve && old?.measuredLineCount !== undefined ? { measuredLineCount: old.measuredLineCount } : {}), ...(preserve && old?.textFit ? { textFit: old.textFit } : {}) });
+    }
+    unregister(id, host) {
+        if (this.entries.get(id)?.host === host) {
+            const entry = this.entries.get(id);
+            if (entry.autoIdBase && entry.autoIdInstance) {
+                const claims = this.autoIds.get(entry.autoIdBase);
+                claims?.delete(entry.autoIdInstance);
+                if (!claims?.size)
+                    this.autoIds.delete(entry.autoIdBase);
+            }
+            this.entries.delete(id);
+            this.generation++;
+        }
+    }
+    updateTextMetrics(id, measuredLineCount) {
+        const entry = this.entries.get(id);
+        if (!entry || entry.measuredLineCount === measuredLineCount)
+            return;
+        this.entries.set(id, { ...entry, measuredLineCount });
+        this.notify();
+    }
+    updateTextFit(id, textFit) {
+        const entry = this.entries.get(id);
+        if (!entry || JSON.stringify(entry.textFit) === JSON.stringify(textFit))
+            return;
+        this.entries.set(id, { ...entry, textFit });
+        this.notify();
+    }
+    setTrialBatch(mutations) {
+        const ids = new Set();
+        for (const mutation of mutations) {
+            if (this.entries.get(mutation.elementId)?.trialable === false)
+                throw new BridgeFault('UNSUPPORTED_EDIT', 'The measurement-only root does not accept style trials');
+            if (!this.entries.has(mutation.elementId))
+                throw new BridgeFault('MISSING_ELEMENT', 'Unknown layoutId: ' + mutation.elementId);
+            if (ids.has(mutation.elementId))
+                throw new BridgeFault('INVALID_INPUT', 'Duplicate mutation target');
+            ids.add(mutation.elementId);
+        }
+        this.overrides.clear();
+        for (const mutation of mutations)
+            this.overrides.set(mutation.elementId, mutation.patch);
+        this.notify();
+    }
+    configure(input) {
+        if (input.scenarioId !== this.scenarioId)
+            throw new BridgeFault('INVALID_INPUT', `Scenario mismatch: expected ${this.scenarioId}`);
+        if (JSON.stringify(input.profile) !== JSON.stringify(this.profile))
+            this.generation++;
+        this.sessionId = input.sessionId;
+        this.profile = input.profile;
+        this.configured = true;
+        this.notify();
+    }
+    setTrial(id, patch) {
+        if (!this.entries.has(id))
+            throw new BridgeFault('MISSING_ELEMENT', `Unknown layoutId: ${id}`);
+        if (this.entries.get(id)?.trialable === false)
+            throw new BridgeFault('UNSUPPORTED_EDIT', 'The measurement-only root does not accept style trials');
+        this.overrides.clear();
+        this.overrides.set(id, patch);
+        this.notify();
+    }
+    resetTrial() {
+        this.overrides.clear();
+        this.notify();
+    }
+}
+export const nextFrame = () => new Promise(resolve => {
+    if (typeof requestAnimationFrame === 'function')
+        requestAnimationFrame(() => resolve());
+    else
+        setTimeout(resolve, 16);
+});
+export async function settleReact() { await nextFrame(); await nextFrame(); }
+export function toSpatialNodes(registry, rectangles) {
+    const sites = new Map();
+    for (const entry of registry.entries.values()) {
+        if (entry.source) {
+            const key = `${entry.source.path}:${entry.source.start}`;
+            sites.set(key, (sites.get(key) ?? 0) + 1);
+        }
+    }
+    return [...registry.entries.values()].map(entry => {
+        const repeated = entry.source && (sites.get(`${entry.source.path}:${entry.source.start}`) ?? 0) > 1;
+        const editReason = !entry.source ? 'Missing build-time source metadata' : entry.dynamicStyle && entry.source.styleForm !== 'pressable-state' ? 'Dynamic style expression' : repeated ? 'Source site has multiple mounted instances' : null;
+        const rect = rectangles.get(entry.id);
+        if (!rect)
+            throw new BridgeFault('MISSING_ELEMENT', `No measurement for ${entry.id}`);
+        const resolved = entry.resolveStyle?.(), styles = { ...(resolved?.styles ?? entry.styles), ...registry.overrides.get(entry.id) }, direction = styles.direction;
+        const accessibility = entry.accessibility && (direction === 'rtl' || direction === 'ltr' ? { ...entry.accessibility, direction: direction, directionSource: 'authored' } : entry.accessibility);
+        return { id: entry.id, parentId: entry.parentId, kind: entry.kind, role: entry.role, rect, styles, source: entry.source, editable: editReason === null, editReason, ...(resolved ? { pressableState: resolved.pressed ? 'pressed' : 'rest' } : {}), ...(accessibility ? { accessibility } : {}), ...(entry.textFit ? { textFit: entry.textFit } : {}), ...(entry.authoredTextProps ? { authoredTextProps: entry.authoredTextProps } : {}), ...(entry.measuredLineCount === undefined ? {} : { measuredLineCount: entry.measuredLineCount }) };
+    });
+}
+/** Boundary validation preserves the frozen machine-readable failure contract. */
+export function validateSnapshot(input) {
+    const result = SpatialSnapshotSchema.safeParse(input);
+    if (result.success)
+        return result.data;
+    const stale = result.error.issues.some(issue => issue.code === 'custom' && issue.params?.bridgeCode === 'STALE_SOURCE');
+    throw new BridgeFault(stale ? 'STALE_SOURCE' : 'INVALID_INPUT', stale ? 'Mounted elements contain inconsistent source revisions' : result.error.message);
+}

package/dist/scenario-hooks.d.ts

@@ -0,0 +1,3 @@
+/** Register an explicitly named development action; returns an ownership-safe cleanup. */
+export declare function registerScenarioHook(name: string, handler: (value?: unknown) => void | Promise<void>): () => void;
+export declare function runScenarioHook(name: string, value?: unknown): Promise<void>;

package/dist/scenario-hooks.js

@@ -0,0 +1,18 @@
+import { BridgeFault } from '@nativemason/contracts';
+const handlers = new Map();
+/** Register an explicitly named development action; returns an ownership-safe cleanup. */
+export function registerScenarioHook(name, handler) {
+    if (typeof __DEV__ !== 'undefined' ? !__DEV__ : process.env.NODE_ENV === 'production')
+        return () => { };
+    if (!name || handlers.has(name))
+        throw new BridgeFault('INVALID_INPUT', `Duplicate or empty scenario hook: ${name}`);
+    handlers.set(name, handler);
+    return () => { if (handlers.get(name) === handler)
+        handlers.delete(name); };
+}
+export async function runScenarioHook(name, value) {
+    const handler = handlers.get(name);
+    if (!handler)
+        throw new BridgeFault('INVALID_INPUT', `Scenario hook is not registered: ${name}`);
+    await handler(value);
+}

package/dist/source-revisions.d.ts

@@ -0,0 +1,5 @@
+import { type SpatialNode, type SourceRevisions } from '@nativemason/contracts';
+/** Called at the end of successfully evaluated development application modules. */
+export declare function registerSourceRevision(path: string, hash: string): void;
+export declare function loadedSourceRevisions(): SourceRevisions;
+export declare function captureSourceRevisions(nodes: readonly SpatialNode[]): SourceRevisions;

package/dist/source-revisions.js

@@ -0,0 +1,28 @@
+import { BridgeFault } from '@nativemason/contracts';
+const revisions = new Map();
+/** Called at the end of successfully evaluated development application modules. */
+export function registerSourceRevision(path, hash) {
+    if (typeof __DEV__ !== 'undefined' ? !__DEV__ : process.env.NODE_ENV === 'production')
+        return;
+    if (!path || path.startsWith('/') || path.split('/').includes('..') || !/^[a-f0-9]{64}$/.test(hash))
+        return;
+    revisions.set(path, hash);
+}
+export function loadedSourceRevisions() { return Object.fromEntries(revisions); }
+export function captureSourceRevisions(nodes) {
+    const loaded = loadedSourceRevisions();
+    const result = {};
+    for (const node of nodes) {
+        if (!node.source)
+            continue;
+        if (loaded[node.source.path] && loaded[node.source.path] !== node.source.hash)
+            throw new BridgeFault('STALE_SOURCE', 'Mounted source metadata is stale: ' + node.source.path);
+        result[node.source.path] = node.source.hash;
+        for (const dependency of node.source.dependencies ?? []) {
+            if (!loaded[dependency])
+                throw new BridgeFault('STALE_SOURCE', 'Required style module has not loaded: ' + dependency);
+            result[dependency] = loaded[dependency];
+        }
+    }
+    return result;
+}

package/dist/trials.web.d.ts

@@ -0,0 +1,3 @@
+import { type BrowserRuntime } from '@nativemason/contracts';
+import { LayoutRegistry } from './registry/index.js';
+export declare function createBrowserRuntime(registry: LayoutRegistry): BrowserRuntime;

package/dist/trials.web.js

@@ -0,0 +1,18 @@
+import { RnStylePatchSchema, LayoutMutationSchema } from '@nativemason/contracts';
+import { runScenarioHook } from './scenario-hooks.js';
+import { captureWeb } from './capture.web.js';
+import { settleReact } from './registry/index.js';
+export function createBrowserRuntime(registry) {
+    return {
+        runHook: async (name, value) => { await runScenarioHook(name, value); await settleReact(); },
+        configure: input => registry.configure(input),
+        capture: () => captureWeb(registry),
+        getDiagnosticTargets: () => [...registry.entries.values()].flatMap(entry => {
+            const element = entry.host;
+            return element && typeof element === 'object' && 'nodeType' in element ? [{ id: entry.id, element }] : [];
+        }),
+        applyTrialBatch: async (mutations) => { const parsed = mutations.map(mutation => LayoutMutationSchema.parse(mutation)); registry.setTrialBatch(parsed); await settleReact(); },
+        applyTrial: async (id, patch) => { registry.setTrial(id, RnStylePatchSchema.parse(patch)); await settleReact(); },
+        resetTrial: async () => { registry.resetTrial(); await settleReact(); },
+    };
+}

package/package.json

@@ -1,6 +1,57 @@
 {
   "name": "@nativemason/runtime",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.3.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./nativewind": {
+      "types": "./dist/nativewind.d.ts",
+      "default": "./dist/nativewind.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json"
+  },
+  "dependencies": {
+    "@nativemason/contracts": "0.3.0"
+  },
+  "peerDependencies": {
+    "nativewind": "^4.2.7",
+    "react": "19.3.0",
+    "react-native": "0.88.1",
+    "react-native-safe-area-context": "~5.10.1"
+  },
+  "devDependencies": {
+    "nativewind": "4.2.7",
+    "react": "19.3.0",
+    "react-native": "0.88.1",
+    "react-native-safe-area-context": "~5.10.1",
+    "tailwindcss": "3.4.17",
+    "typescript": "^5.9.3"
+  },
+  "license": "Apache-2.0",
+  "files": [
+    "dist",
+    "bin",
+    "LICENSE",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gauravsaini/nativemason.git",
+    "directory": "packages/runtime"
+  },
+  "peerDependenciesMeta": {
+    "nativewind": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  }
 }