fix: preserve parent RPC scope identity

packages/csr/test/reactive.test.ts

@@ -851,6 +851,31 @@ test("component server calls use the nearest hydration component identity", asyn
   expect(payload?.component).toBe("CButton");
 });
 
+test("a parent scope does not inherit a child component RPC identity", async () => {
+  const win = mount(
+    `<div data-scope="" data-wrn-hydration="Home:page123">` +
+      `<div data-scope="" data-wrn-hydration="CButton:button123">` +
+      `<div data-wrn-events="click"></div></div>` +
+      `<button id="parent-action" data-on-click="server.handleClick()">go</button>` +
+      `</div>`,
+  );
+  let payload: { component?: string } | undefined;
+  const globals = globalThis as Record<string, unknown>;
+  const originalFetch = globals.fetch;
+  globals.fetch = async (_input: RequestInfo | URL, init?: RequestInit) => {
+    payload = JSON.parse(String(init?.body));
+    return Response.json({ ok: true });
+  };
+  try {
+    (win.document.querySelector("#parent-action") as unknown as HTMLElement).click();
+    await new Promise((resolve) => setTimeout(resolve, 0));
+  } finally {
+    globals.fetch = originalFetch;
+  }
+
+  expect(payload?.component).toBe("Home");
+});
+
 test("component server calls prefer the rendered CSRF token over stale cookies", async () => {
   const win = mount(
     `<meta name="wrnexus-csrf" content="current-token">` +