@qontinui/ui-bridge-native 0.6.8 → 0.6.10

package/dist/react/index.js

@@ -28,7 +28,7 @@ function inferActions(type) {
     case "pressable":
       return [...baseActions, "click", "press", "longPress", "doubleTap"];
     case "input":
-      return [...baseActions, "click", "press", "type", "clear"];
+      return [...baseActions, "click", "press", "type", "setValue", "clear"];
     case "text":
       return [...baseActions, "click", "press", "longPress"];
     case "view":
@@ -935,9 +935,10 @@ var DefaultNativeActionExecutor = class {
         requestId: request.requestId,
         durationMs: successTime - startTime
       });
+      const fresh = this.registry.getElement(registered.id) ?? registered;
       return {
         success: true,
-        elementState: registered.getState(),
+        elementState: fresh.getState(),
         result,
         durationMs: successTime - startTime,
         timestamp: successTime,
@@ -990,6 +991,8 @@ var DefaultNativeActionExecutor = class {
         return this.performDoubleTap(props);
       case "type":
         return this.performType(element, props, params);
+      case "setValue":
+        return this.performSetValue(element, props, params);
       case "clear":
         return this.performClear(element, props);
       case "focus":
@@ -1082,6 +1085,38 @@ var DefaultNativeActionExecutor = class {
       this.registry.updateElementState(element.id, { value: params.text });
     }
   }
+  /**
+   * Perform setValue action.
+   *
+   * Web/runner UI Bridge parity: `setValue` replaces the input's value
+   * atomically in a single call (no per-character keystroke simulation),
+   * mirroring the web bridge's `setValue` semantics. On native there is no
+   * DOM value to assign, so we drive the controlled-input handler
+   * (`onChangeText`, falling back to `onChange`) with the full string. The
+   * registry's `state.value` is then synced so a subsequent GET on the
+   * element reflects the new value.
+   *
+   * Unlike `type`, this does not append to existing content and ignores
+   * `delay` — it is the deterministic "set the field to exactly this" action.
+   */
+  async performSetValue(element, props, params) {
+    const next = typeof params?.text === "string" ? params.text : typeof params?.value === "string" ? params.value : void 0;
+    if (typeof next !== "string") {
+      throw new Error('setValue action requires a string "text" (or "value") parameter');
+    }
+    if (typeof props.onChangeText === "function") {
+      props.onChangeText(next);
+    } else if (typeof props.onChange === "function") {
+      props.onChange({
+        nativeEvent: { text: next }
+      });
+    } else {
+      throw new Error("No text change handler found on element");
+    }
+    if (element) {
+      this.registry.updateElementState(element.id, { value: next });
+    }
+  }
   /**
    * Perform clear action
    */
@@ -2074,6 +2109,13 @@ function matchElementsByText(registry, text, opts) {
   scored.sort((a, b) => a.rank - b.rank);
   return scored.map((s) => s.element);
 }
+function resolveElementState(element) {
+  const state = element.getState();
+  if (element.type === "input" && state.value === void 0 && typeof element.props?.value === "string") {
+    return { ...state, value: element.props.value };
+  }
+  return state;
+}
 async function executeWorkflowStep(step, registry, executor) {
   const startTime = Date.now();
   try {
@@ -2310,7 +2352,7 @@ function createServerHandlers(registry, executor, config) {
           type: element.type,
           label: element.label,
           identifier: element.getIdentifier(),
-          state: element.getState(),
+          state: resolveElementState(element),
           actions: element.actions,
           customActions: element.customActions ? Object.keys(element.customActions) : void 0,
           registeredHandlers: handlers.length > 0 ? handlers : void 0,
@@ -2324,18 +2366,19 @@ function createServerHandlers(registry, executor, config) {
       if (!element) {
         return error2(`Element not found: ${id}`, "ELEMENT_NOT_FOUND");
       }
-      return success2({ state: element.getState() });
+      return success2({ state: resolveElementState(element) });
     },
     executeAction: async (ctx) => {
-      const { id } = ctx.params;
-      const body = ctx.body;
-      if (!body?.action) {
+      const rawBody = ctx.body ?? {};
+      const envelope = rawBody.request && typeof rawBody.request === "object" ? rawBody.request : rawBody;
+      const id = ctx.params.id ?? rawBody.id ?? "";
+      if (!envelope?.action) {
         return error2("Action is required", "INVALID_REQUEST");
       }
       const response = await executor.executeAction(id, {
-        action: body.action,
-        params: body.params,
-        waitOptions: body.waitOptions
+        action: envelope.action,
+        params: envelope.params,
+        waitOptions: envelope.waitOptions
       });
       if (!response.success) {
         return error2(response.error || "Action failed", "ACTION_FAILED");
@@ -2847,7 +2890,8 @@ function createServerHandlers(registry, executor, config) {
         return success2({
           entries: [],
           count: 0,
-          bufferSize: 0
+          bufferSize: 0,
+          installed: false
         });
       }
       const entries = buf.entries({
@@ -2857,7 +2901,8 @@ function createServerHandlers(registry, executor, config) {
       return success2({
         entries,
         count: entries.length,
-        bufferSize: buf.size()
+        bufferSize: buf.size(),
+        installed: buf.isInstalled()
       });
     },
     getNetworkRequests: async (ctx) => {
@@ -2868,7 +2913,8 @@ function createServerHandlers(registry, executor, config) {
         return success2({
           entries: [],
           count: 0,
-          bufferSize: 0
+          bufferSize: 0,
+          installed: false
         });
       }
       const entries = buf.entries({
@@ -2878,7 +2924,8 @@ function createServerHandlers(registry, executor, config) {
       return success2({
         entries,
         count: entries.length,
-        bufferSize: buf.size()
+        bufferSize: buf.size(),
+        installed: buf.isInstalled()
       });
     },
     // Test hooks — modal stack manipulation
@@ -2970,7 +3017,7 @@ function createServerHandlers(registry, executor, config) {
       };
       if (config?.appInfo) {
         response.uiBridge = {
-          version: "0.3.0",
+          version: "0.6.10",
           ...config.appInfo,
           capabilities: ["elements", "components", "actions", "design"],
           elementCount: stats.elements,
@@ -3297,7 +3344,10 @@ var WS_ROUTES = [
   // same handler at both paths to keep agents portable across platforms.
   { pattern: "ai/find", handler: "find", httpMethods: ["POST"] },
   { pattern: "control/snapshot", handler: "getSnapshot", httpMethods: ["GET"] },
-  { pattern: "control/discover", handler: "getSnapshot" },
+  // Discovery alias — web/runner parity with `POST /control/discover` (a
+  // legacy alias for snapshot/find). Mounted on HTTP (GET+POST) so mobile
+  // doesn't 404 where web returns 200; delegates to the snapshot handler.
+  { pattern: "control/discover", handler: "getSnapshot", httpMethods: ["GET", "POST"] },
   // Page health — accepts both GET and POST so the canonical skill invocation
   // (`POST .../control/page-health` with an empty body) and ad-hoc curls both
   // work without a body-shape gotcha.
@@ -3391,19 +3441,26 @@ var WS_ROUTES = [
     httpMethods: ["POST"],
     requiresTestHooks: true
   },
-  // Observability — last-N console errors + network requests. testHooks-gated
-  // because patching `console.error` / `fetch` is invasive in production.
+  // Observability — last-N console errors + network requests.
+  //
+  // Always mounted (not testHooks-gated) so they return a schema-valid 200
+  // on every build instead of a 404 that agents can't distinguish from a
+  // missing route. The INVASIVE part — monkey-patching `console.error` /
+  // `fetch` / `XMLHttpRequest` — stays gated behind `testHooks` (see
+  // NativeUIBridgeServer.start → buffer.install()). When the patches aren't
+  // installed the handlers report `installed: false` + empty entries, so
+  // production builds expose the contract without observing real users'
+  // console/network traffic. Set `features.testHooks` (typically on
+  // `__DEV__`) to populate the buffers with live data.
   {
     pattern: "control/console-errors",
     handler: "getConsoleErrors",
-    httpMethods: ["GET"],
-    requiresTestHooks: true
+    httpMethods: ["GET"]
   },
   {
     pattern: "sdk/network-requests",
     handler: "getNetworkRequests",
-    httpMethods: ["GET"],
-    requiresTestHooks: true
+    httpMethods: ["GET"]
   }
 ];
 var HANDLER_DESCRIPTIONS = {
@@ -3450,8 +3507,8 @@ var HANDLER_DESCRIPTIONS = {
   typeInto: "App-agnostic: type into the input matching a label: body { label, text, clear?, visibleOnly? }. (selector form is web-only)",
   readValue: "STUB \u2014 selector-based; NOT_SUPPORTED on native (no DOM). Use /control/element/:id/state to read a value.",
   findByText: "App-agnostic: list elements matching free-text (no press): body { text, visibleOnly? }",
-  getConsoleErrors: "TEST HOOK \u2014 last-N console.error/console.warn entries; ?since=<ms>&limit=<n>",
-  getNetworkRequests: "TEST HOOK \u2014 last-N fetch/XHR entries with status + duration; ?since=<ms>&limit=<n>",
+  getConsoleErrors: "Last-N console.error/console.warn entries; ?since=<ms>&limit=<n>. `installed:false` when capture is off (no testHooks) \u2014 entries empty but schema-valid.",
+  getNetworkRequests: "Last-N fetch/XHR entries with status + duration; ?since=<ms>&limit=<n>. `installed:false` when capture is off (no testHooks) \u2014 entries empty but schema-valid.",
   pushModal: "TEST HOOK \u2014 push a modal onto the snapshot.modalStack via the registry ModalDetector",
   dismissModal: "TEST HOOK \u2014 dismiss a modal by id from the snapshot.modalStack via the registry ModalDetector",
   keepAwake: "TEST HOOK \u2014 keep the device screen awake via the injected keepAwakeProvider: body { enabled: boolean, durationMs?: number }"
@@ -5622,7 +5679,8 @@ function useUIElement(options) {
     parentPath,
     style,
     stateStyles: stateStylesProp,
-    handlers: handlersProp
+    handlers: handlersProp,
+    value: valueProp
   } = options;
   const treePath = parentPath ? `${parentPath}/${id}` : id;
   const bridgeProps = react.useMemo(
@@ -5648,9 +5706,12 @@ function useUIElement(options) {
     });
     registeredRef.current = true;
     registeredIdRef.current = id;
+    if (typeof valueProp === "string") {
+      bridge.registry.updateElementState(id, { value: valueProp });
+    }
     setRegistered(true);
     scheduleDeadButtonWarning(bridge, id, type);
-  }, [bridge, id, type, label, actions, customActions, treePath, style, stateStylesProp]);
+  }, [bridge, id, type, label, actions, customActions, treePath, style, stateStylesProp, valueProp]);
   const unregister = react.useCallback(() => {
     if (!bridge || !registeredRef.current) return;
     bridge.registry.unregisterElement(registeredIdRef.current ?? id);
@@ -5780,6 +5841,13 @@ function useUIElement(options) {
       }
     };
   }, [bridge, registered, id, handlersProp]);
+  react.useEffect(() => {
+    if (!bridge || !registered) return;
+    if (typeof valueProp !== "string") return;
+    const current = bridge.registry.getElement(id)?.getState().value;
+    if (current === valueProp) return;
+    bridge.registry.updateElementState(id, { value: valueProp });
+  }, [bridge, registered, id, valueProp]);
   react.useCallback(
     (props) => {
       propsRef.current = { ...propsRef.current, ...props };