@agentperf/react 0.1.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

@@ -0,0 +1,49 @@
+# @agentperf/react
+
+**Give your React app a second frontend — for AI agents.** Humans get your DOM;
+agents get a token-budgeted state snapshot and typed, schema-gated actions on
+the WebMCP standard (`document.modelContext`). One codebase, two doorways.
+
+```bash
+npm i @agentperf/react zod
+```
+
+```tsx
+import { useAgentState, useAgentAction, AgentBoundary } from "@agentperf/react";
+import { z } from "zod";
+
+function Cart({ cart }) {
+  // agents read this through one get_page_state tool, pruned to a token budget
+  useAgentState("cart", cart);
+
+  // agents act through a schema gate — invalid input never reaches your handler,
+  // it gets a refusal naming the exact violated fields so it can self-correct
+  useAgentAction("checkout", {
+    description: "Pay for the items in the cart",
+    input: z.object({ email: z.string().email() }),
+    execute: ({ email }) => checkout(email)
+  });
+}
+```
+
+- **No WebMCP, no problem** — in browsers without `document.modelContext`
+  everything no-ops and your app stays a normal human app. Add
+  [`@mcp-b/global`](https://github.com/WebMCP-org/npm-packages) as a polyfill
+  if you want tools everywhere.
+- **Structured refusals** — validation failures return the violated field
+  paths and a fix-and-retry instruction, so agents correct their calls instead
+  of corrupting state. Deterministic: same input, same verdict.
+- **Token budgeting** — `get_page_state` prunes long arrays and strings to a
+  budget (default 1,000 tokens, `setAgentStateBudget` to change), because
+  agents pay per token to read your page.
+- **`AgentBoundary`** scopes state keys and tool names the way your component
+  tree scopes the UI.
+- **Read-only/destructive hints** (`readOnly`, `destructive`) map to WebMCP
+  annotations; a reserved `price` field is inert today and becomes x402
+  settlement in v2 without a breaking change.
+
+Works in Chrome 149+ (WebMCP origin trial / `chrome://flags/#enable-webmcp-testing`)
+and the ChatGPT desktop browser. Measure what it saves your agents with
+[the AgentPerf harness](https://github.com/N-45div/AgentPerf).
+
+Apache-2.0

package/dist/index.cjs

@@ -0,0 +1,255 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AgentBoundary: () => AgentBoundary,
+  DEFAULT_STATE_BUDGET: () => DEFAULT_STATE_BUDGET,
+  estimateTokens: () => estimateTokens,
+  serializeBudgeted: () => serializeBudgeted,
+  setAgentStateBudget: () => setAgentStateBudget,
+  textResult: () => textResult,
+  useAgentAction: () => useAgentAction,
+  useAgentState: () => useAgentState,
+  webmcpSupported: () => webmcpSupported
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/boundary.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var BoundaryContext = (0, import_react.createContext)(null);
+function scopedKey(scope, key, separator) {
+  return scope ? `${scope}${separator}${key}` : key;
+}
+function AgentBoundary({ name, children }) {
+  const parent = (0, import_react.useContext)(BoundaryContext);
+  const scope = parent ? `${parent}.${name}` : name;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BoundaryContext.Provider, { value: scope, children });
+}
+
+// src/state.ts
+var import_react2 = require("react");
+
+// src/serialize.ts
+var ELLIPSIS = "\u2026";
+function estimateTokens(text) {
+  return Math.ceil(text.length / 4);
+}
+function prune(value, depth, limits) {
+  if (value === null || typeof value !== "object") {
+    if (typeof value === "string" && value.length > limits.maxStringLength) {
+      return value.slice(0, limits.maxStringLength) + ELLIPSIS;
+    }
+    return value;
+  }
+  if (depth >= limits.maxDepth) return ELLIPSIS;
+  if (Array.isArray(value)) {
+    const kept = value.slice(0, limits.maxItems).map((item) => prune(item, depth + 1, limits));
+    if (value.length > limits.maxItems) {
+      kept.push(`${ELLIPSIS} +${value.length - limits.maxItems} more`);
+    }
+    return kept;
+  }
+  const out = {};
+  for (const [key, entry] of Object.entries(value)) {
+    if (entry === void 0 || typeof entry === "function") continue;
+    out[key] = prune(entry, depth + 1, limits);
+  }
+  return out;
+}
+function serializeBudgeted(value, budget) {
+  let limits = { maxItems: 20, maxStringLength: 200, maxDepth: 6 };
+  for (let pass = 0; pass < 6; pass++) {
+    const text = JSON.stringify(prune(value, 0, limits)) ?? "null";
+    if (estimateTokens(text) <= budget || limits.maxItems === 1 && limits.maxStringLength <= 25) {
+      return text;
+    }
+    limits = {
+      maxItems: Math.max(1, Math.floor(limits.maxItems / 2)),
+      maxStringLength: Math.max(25, Math.floor(limits.maxStringLength / 2)),
+      maxDepth: Math.max(2, limits.maxDepth - 1)
+    };
+  }
+  return JSON.stringify(prune(value, 0, limits)) ?? "null";
+}
+
+// src/types.ts
+function webmcpSupported() {
+  return typeof document !== "undefined" && typeof document.modelContext?.registerTool === "function";
+}
+function textResult(text, isError = false) {
+  return isError ? { content: [{ type: "text", text }], isError: true } : { content: [{ type: "text", text }] };
+}
+
+// src/state.ts
+var DEFAULT_STATE_BUDGET = 1e3;
+var PageStateStore = class {
+  entries = /* @__PURE__ */ new Map();
+  controller = null;
+  budget = DEFAULT_STATE_BUDGET;
+  add(key, entry) {
+    this.entries.set(key, entry);
+    this.ensureRegistered();
+  }
+  remove(key) {
+    this.entries.delete(key);
+    if (this.entries.size === 0 && this.controller) {
+      this.controller.abort();
+      this.controller = null;
+    }
+  }
+  snapshot() {
+    const out = {};
+    for (const [key, entry] of this.entries) out[key] = entry.get();
+    return out;
+  }
+  ensureRegistered() {
+    if (this.controller || !webmcpSupported()) return;
+    const controller = new AbortController();
+    this.controller = controller;
+    Promise.resolve(
+      document.modelContext.registerTool(
+        {
+          name: "get_page_state",
+          description: "Read a live snapshot of this page's application state, as compact JSON. Call this before acting so you work from what the page actually shows, not from a guess. Long values are pruned to stay small; a trailing '\u2026 +N more' marker means an array was elided.",
+          inputSchema: { type: "object", properties: {}, additionalProperties: false },
+          annotations: { readOnlyHint: true },
+          execute: () => textResult(serializeBudgeted(this.snapshot(), this.budget))
+        },
+        { signal: controller.signal }
+      )
+    ).catch(() => {
+      if (this.controller === controller) this.controller = null;
+    });
+  }
+  /** Test-only: forget all slices and drop the registration. */
+  resetForTests() {
+    this.controller?.abort();
+    this.controller = null;
+    this.entries.clear();
+    this.budget = DEFAULT_STATE_BUDGET;
+  }
+};
+var pageStateStore = new PageStateStore();
+function useAgentState(key, value, options) {
+  const scope = (0, import_react2.useContext)(BoundaryContext);
+  const fullKey = scopedKey(scope, key, ".");
+  const valueRef = (0, import_react2.useRef)(value);
+  valueRef.current = value;
+  const descriptionRef = (0, import_react2.useRef)(options?.description);
+  descriptionRef.current = options?.description;
+  (0, import_react2.useEffect)(() => {
+    pageStateStore.add(fullKey, {
+      get: () => valueRef.current,
+      description: descriptionRef.current
+    });
+    return () => pageStateStore.remove(fullKey);
+  }, [fullKey]);
+}
+function setAgentStateBudget(tokens) {
+  pageStateStore.budget = tokens;
+}
+
+// src/action.ts
+var import_react3 = require("react");
+var import_zod = require("zod");
+function formatRefusal(toolName, error) {
+  const violations = error.issues.map((issue) => {
+    const path = issue.path.length > 0 ? issue.path.join(".") : "input";
+    return `- ${path}: ${issue.message}`;
+  });
+  return textResult(
+    `REFUSED: invalid input for "${toolName}".
+Violations (${violations.length}):
+${violations.join("\n")}
+
+Fix the specific violations above and call the tool again. Validation is deterministic \u2014 the same input always gets the same verdict.`,
+    true
+  );
+}
+function toInputSchema(schema) {
+  if (!schema) return { type: "object", properties: {}, additionalProperties: false };
+  const { $schema: _discard, ...rest } = import_zod.z.toJSONSchema(schema);
+  return rest;
+}
+function useAgentAction(name, config) {
+  const scope = (0, import_react3.useContext)(BoundaryContext);
+  const fullName = scope ? `${scope.replace(/\./g, "_")}_${name}` : name;
+  const configRef = (0, import_react3.useRef)(config);
+  configRef.current = config;
+  const [supported, setSupported] = (0, import_react3.useState)(false);
+  (0, import_react3.useEffect)(() => {
+    if (!webmcpSupported()) return;
+    const controller = new AbortController();
+    const registeredWith = configRef.current;
+    Promise.resolve(
+      document.modelContext.registerTool(
+        {
+          name: fullName,
+          description: registeredWith.description,
+          inputSchema: toInputSchema(registeredWith.input),
+          annotations: {
+            readOnlyHint: registeredWith.readOnly === true,
+            ...registeredWith.destructive !== void 0 && {
+              destructiveHint: registeredWith.destructive
+            }
+          },
+          execute: async (args) => {
+            const current = configRef.current;
+            let input = args;
+            if (current.input) {
+              const parsed = current.input.safeParse(args);
+              if (!parsed.success) return formatRefusal(fullName, parsed.error);
+              input = parsed.data;
+            }
+            try {
+              const out = await current.execute(input);
+              if (out === void 0) return textResult("Done.");
+              return textResult(typeof out === "string" ? out : JSON.stringify(out));
+            } catch (error) {
+              const message = error instanceof Error ? error.message : String(error);
+              return textResult(`Error in "${fullName}": ${message}`, true);
+            }
+          }
+        },
+        { signal: controller.signal }
+      )
+    ).then(() => {
+      if (!controller.signal.aborted) setSupported(true);
+    }).catch(() => {
+    });
+    return () => controller.abort();
+  }, [fullName]);
+  return { supported, name: fullName };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AgentBoundary,
+  DEFAULT_STATE_BUDGET,
+  estimateTokens,
+  serializeBudgeted,
+  setAgentStateBudget,
+  textResult,
+  useAgentAction,
+  useAgentState,
+  webmcpSupported
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/boundary.tsx","../src/state.ts","../src/serialize.ts","../src/types.ts","../src/action.ts"],"sourcesContent":["export { AgentBoundary, type AgentBoundaryProps } from \"./boundary\";\nexport {\n  useAgentState,\n  setAgentStateBudget,\n  DEFAULT_STATE_BUDGET,\n  type AgentStateOptions\n} from \"./state\";\nexport {\n  useAgentAction,\n  type AgentActionConfig,\n  type AgentActionStatus\n} from \"./action\";\nexport { estimateTokens, serializeBudgeted } from \"./serialize\";\nexport {\n  webmcpSupported,\n  textResult,\n  type ToolDefinition,\n  type ToolResult,\n  type ToolAnnotations,\n  type ModelContext\n} from \"./types\";\n","/**\n * Scopes the agent surface the way a component tree scopes the human one.\n * State keys inside a boundary are prefixed `name.key`; action names are\n * prefixed `name_action`. Boundaries nest.\n */\nimport { createContext, useContext, type ReactNode } from \"react\";\n\nexport const BoundaryContext = createContext<string | null>(null);\n\nexport function scopedKey(scope: string | null, key: string, separator: \".\" | \"_\"): string {\n  return scope ? `${scope}${separator}${key}` : key;\n}\n\nexport interface AgentBoundaryProps {\n  name: string;\n  children: ReactNode;\n}\n\nexport function AgentBoundary({ name, children }: AgentBoundaryProps) {\n  const parent = useContext(BoundaryContext);\n  const scope = parent ? `${parent}.${name}` : name;\n  return <BoundaryContext.Provider value={scope}>{children}</BoundaryContext.Provider>;\n}\n","/**\n * Live page state exposed to agents through one `get_page_state` tool.\n *\n * Components declare slices with `useAgentState(key, value)`. The store keeps\n * a getter per key — values are resolved at call time, never at registration\n * time, so re-renders never tear down and re-register the tool. The tool is\n * registered when the first slice mounts and unregistered (via its\n * AbortController) when the last one unmounts, which fires the browser's\n * `toolchange` event so an idle agent learns the surface moved.\n */\nimport { useContext, useEffect, useRef } from \"react\";\nimport { BoundaryContext, scopedKey } from \"./boundary\";\nimport { serializeBudgeted } from \"./serialize\";\nimport { textResult, webmcpSupported } from \"./types\";\n\nexport const DEFAULT_STATE_BUDGET = 1000;\n\ninterface StateEntry {\n  description?: string;\n  get: () => unknown;\n}\n\nclass PageStateStore {\n  private entries = new Map<string, StateEntry>();\n  private controller: AbortController | null = null;\n  budget = DEFAULT_STATE_BUDGET;\n\n  add(key: string, entry: StateEntry): void {\n    this.entries.set(key, entry);\n    this.ensureRegistered();\n  }\n\n  remove(key: string): void {\n    this.entries.delete(key);\n    if (this.entries.size === 0 && this.controller) {\n      this.controller.abort();\n      this.controller = null;\n    }\n  }\n\n  snapshot(): Record<string, unknown> {\n    const out: Record<string, unknown> = {};\n    for (const [key, entry] of this.entries) out[key] = entry.get();\n    return out;\n  }\n\n  private ensureRegistered(): void {\n    if (this.controller || !webmcpSupported()) return;\n    const controller = new AbortController();\n    this.controller = controller;\n    Promise.resolve(\n      document.modelContext!.registerTool(\n        {\n          name: \"get_page_state\",\n          description:\n            \"Read a live snapshot of this page's application state, as compact JSON. \" +\n            \"Call this before acting so you work from what the page actually shows, \" +\n            \"not from a guess. Long values are pruned to stay small; a trailing \" +\n            \"'… +N more' marker means an array was elided.\",\n          inputSchema: { type: \"object\", properties: {}, additionalProperties: false },\n          annotations: { readOnlyHint: true },\n          execute: () => textResult(serializeBudgeted(this.snapshot(), this.budget))\n        },\n        { signal: controller.signal }\n      )\n    ).catch(() => {\n      if (this.controller === controller) this.controller = null;\n    });\n  }\n\n  /** Test-only: forget all slices and drop the registration. */\n  resetForTests(): void {\n    this.controller?.abort();\n    this.controller = null;\n    this.entries.clear();\n    this.budget = DEFAULT_STATE_BUDGET;\n  }\n}\n\nexport const pageStateStore = new PageStateStore();\n\nexport interface AgentStateOptions {\n  /** What this slice means, for future per-slice docs. */\n  description?: string;\n}\n\n/**\n * Expose a slice of live app state to agents under `key`. The current value\n * is captured on every render; agents always read the latest through\n * `get_page_state`. Inside an `<AgentBoundary name=\"cart\">`, `key` becomes\n * `cart.key`.\n */\nexport function useAgentState<T>(key: string, value: T, options?: AgentStateOptions): void {\n  const scope = useContext(BoundaryContext);\n  const fullKey = scopedKey(scope, key, \".\");\n  const valueRef = useRef<T>(value);\n  valueRef.current = value;\n  const descriptionRef = useRef(options?.description);\n  descriptionRef.current = options?.description;\n\n  useEffect(() => {\n    pageStateStore.add(fullKey, {\n      get: () => valueRef.current,\n      description: descriptionRef.current\n    });\n    return () => pageStateStore.remove(fullKey);\n  }, [fullKey]);\n}\n\n/** Set the total token budget for the `get_page_state` snapshot. */\nexport function setAgentStateBudget(tokens: number): void {\n  pageStateStore.budget = tokens;\n}\n","/**\n * Token-budgeted serialization. Agents pay per token to read state, so the\n * snapshot an agent sees is pruned — long strings truncated, long arrays\n * elided with an explicit marker, depth capped — until it fits the budget.\n * Pruning is deterministic: the same value and budget always produce the\n * same snapshot.\n */\n\nconst ELLIPSIS = \"…\";\n\n/** Rough token estimate (~4 characters per token). */\nexport function estimateTokens(text: string): number {\n  return Math.ceil(text.length / 4);\n}\n\ninterface PruneLimits {\n  maxItems: number;\n  maxStringLength: number;\n  maxDepth: number;\n}\n\nfunction prune(value: unknown, depth: number, limits: PruneLimits): unknown {\n  if (value === null || typeof value !== \"object\") {\n    if (typeof value === \"string\" && value.length > limits.maxStringLength) {\n      return value.slice(0, limits.maxStringLength) + ELLIPSIS;\n    }\n    return value;\n  }\n  if (depth >= limits.maxDepth) return ELLIPSIS;\n  if (Array.isArray(value)) {\n    const kept = value\n      .slice(0, limits.maxItems)\n      .map((item) => prune(item, depth + 1, limits));\n    if (value.length > limits.maxItems) {\n      kept.push(`${ELLIPSIS} +${value.length - limits.maxItems} more`);\n    }\n    return kept;\n  }\n  const out: Record<string, unknown> = {};\n  for (const [key, entry] of Object.entries(value as Record<string, unknown>)) {\n    if (entry === undefined || typeof entry === \"function\") continue;\n    out[key] = prune(entry, depth + 1, limits);\n  }\n  return out;\n}\n\n/**\n * Serialize `value` as compact JSON within roughly `budget` tokens.\n * Tightens limits in deterministic steps until the snapshot fits (or the\n * limits bottom out — a pathological value can still exceed a tiny budget).\n */\nexport function serializeBudgeted(value: unknown, budget: number): string {\n  let limits: PruneLimits = { maxItems: 20, maxStringLength: 200, maxDepth: 6 };\n  for (let pass = 0; pass < 6; pass++) {\n    const text = JSON.stringify(prune(value, 0, limits)) ?? \"null\";\n    if (estimateTokens(text) <= budget || (limits.maxItems === 1 && limits.maxStringLength <= 25)) {\n      return text;\n    }\n    limits = {\n      maxItems: Math.max(1, Math.floor(limits.maxItems / 2)),\n      maxStringLength: Math.max(25, Math.floor(limits.maxStringLength / 2)),\n      maxDepth: Math.max(2, limits.maxDepth - 1)\n    };\n  }\n  return JSON.stringify(prune(value, 0, limits)) ?? \"null\";\n}\n","/**\n * Minimal typings for the WebMCP browser API.\n *\n * The standard exposes `document.modelContext` (Chrome 149+ origin trial;\n * `navigator.modelContext` was the pre-Chrome-150 spelling and is deprecated).\n * Browsers without the API can get it from a polyfill such as `@mcp-b/global`.\n * Only the surface this library uses is typed.\n */\n\nexport interface ToolTextContent {\n  type: \"text\";\n  text: string;\n}\n\nexport type ToolContent = ToolTextContent;\n\nexport interface ToolResult {\n  content: ToolContent[];\n  isError?: boolean;\n}\n\nexport interface ToolAnnotations {\n  readOnlyHint?: boolean;\n  destructiveHint?: boolean;\n  idempotentHint?: boolean;\n  untrustedContentHint?: boolean;\n}\n\nexport interface JsonSchemaObject {\n  type: \"object\";\n  properties?: Record<string, unknown>;\n  required?: string[];\n  additionalProperties?: boolean;\n  [key: string]: unknown;\n}\n\nexport interface ToolDefinition {\n  name: string;\n  description: string;\n  inputSchema?: JsonSchemaObject;\n  annotations?: ToolAnnotations;\n  execute: (args: Record<string, unknown>) => Promise<ToolResult> | ToolResult;\n}\n\nexport interface RegisterToolOptions {\n  /** Aborting this signal unregisters the tool. */\n  signal?: AbortSignal;\n  /** Origins allowed to see this tool when the page is framed. */\n  exposedTo?: string[];\n}\n\nexport interface ModelContext {\n  registerTool: (\n    tool: ToolDefinition,\n    options?: RegisterToolOptions\n  ) => Promise<void> | void;\n  getTools?: () => Promise<ToolDefinition[]>;\n  addEventListener?: EventTarget[\"addEventListener\"];\n}\n\ndeclare global {\n  interface Document {\n    modelContext?: ModelContext;\n  }\n}\n\n/** True when this browser can accept WebMCP tool registrations. */\nexport function webmcpSupported(): boolean {\n  return (\n    typeof document !== \"undefined\" &&\n    typeof document.modelContext?.registerTool === \"function\"\n  );\n}\n\n/** Canonical text result — identical shape across agents. */\nexport function textResult(text: string, isError = false): ToolResult {\n  return isError\n    ? { content: [{ type: \"text\", text }], isError: true }\n    : { content: [{ type: \"text\", text }] };\n}\n","/**\n * Schema-gated actions. Every call is validated before your handler runs;\n * invalid input gets a structured refusal naming each violated field, so an\n * agent can fix its call instead of corrupting your state. The gate is\n * deterministic — the same input always gets the same verdict.\n */\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { z } from \"zod\";\nimport { BoundaryContext } from \"./boundary\";\nimport {\n  textResult,\n  webmcpSupported,\n  type JsonSchemaObject,\n  type ToolResult\n} from \"./types\";\n\nexport interface AgentActionConfig<Schema extends z.ZodType = z.ZodType> {\n  /** What this action does, written for the agent deciding whether to call it. */\n  description: string;\n  /** Input contract. Omit for zero-argument actions. */\n  input?: Schema;\n  /** True when the action changes nothing — lets agents call it freely. */\n  readOnly?: boolean;\n  /** True when the action destroys something a person would miss. */\n  destructive?: boolean;\n  /**\n   * Reserved: price per call (e.g. \"$0.001\"). Inert in v1 — declared here so\n   * adding x402 settlement later is not a breaking change.\n   */\n  price?: string;\n  /** Runs only after input passes the schema gate. */\n  execute: (input: z.infer<Schema>) => Promise<unknown> | unknown;\n}\n\nexport interface AgentActionStatus {\n  /** Whether this browser accepts WebMCP registrations. */\n  supported: boolean;\n  /** The name the tool was published under (boundary prefixes applied). */\n  name: string;\n}\n\nfunction formatRefusal(toolName: string, error: z.ZodError): ToolResult {\n  const violations = error.issues.map((issue) => {\n    const path = issue.path.length > 0 ? issue.path.join(\".\") : \"input\";\n    return `- ${path}: ${issue.message}`;\n  });\n  return textResult(\n    `REFUSED: invalid input for \"${toolName}\".\\n` +\n      `Violations (${violations.length}):\\n${violations.join(\"\\n\")}\\n\\n` +\n      `Fix the specific violations above and call the tool again. ` +\n      `Validation is deterministic — the same input always gets the same verdict.`,\n    true\n  );\n}\n\nfunction toInputSchema(schema: z.ZodType | undefined): JsonSchemaObject {\n  if (!schema) return { type: \"object\", properties: {}, additionalProperties: false };\n  const { $schema: _discard, ...rest } = z.toJSONSchema(schema) as Record<string, unknown>;\n  return rest as JsonSchemaObject;\n}\n\n/**\n * Publish an action as a WebMCP tool for the lifetime of the component.\n * Inside an `<AgentBoundary name=\"cart\">`, `name` becomes `cart_name`.\n * The handler and description are read at call time through a ref, so\n * re-renders never re-register the tool.\n */\nexport function useAgentAction<Schema extends z.ZodType>(\n  name: string,\n  config: AgentActionConfig<Schema>\n): AgentActionStatus {\n  const scope = useContext(BoundaryContext);\n  const fullName = scope ? `${scope.replace(/\\./g, \"_\")}_${name}` : name;\n\n  const configRef = useRef(config);\n  configRef.current = config;\n\n  const [supported, setSupported] = useState(false);\n\n  useEffect(() => {\n    if (!webmcpSupported()) return;\n    const controller = new AbortController();\n    const registeredWith = configRef.current;\n\n    Promise.resolve(\n      document.modelContext!.registerTool(\n        {\n          name: fullName,\n          description: registeredWith.description,\n          inputSchema: toInputSchema(registeredWith.input),\n          annotations: {\n            readOnlyHint: registeredWith.readOnly === true,\n            ...(registeredWith.destructive !== undefined && {\n              destructiveHint: registeredWith.destructive\n            })\n          },\n          execute: async (args) => {\n            const current = configRef.current;\n            let input: unknown = args;\n            if (current.input) {\n              const parsed = current.input.safeParse(args);\n              if (!parsed.success) return formatRefusal(fullName, parsed.error);\n              input = parsed.data;\n            }\n            try {\n              const out = await current.execute(input as z.infer<Schema>);\n              if (out === undefined) return textResult(\"Done.\");\n              return textResult(typeof out === \"string\" ? out : JSON.stringify(out));\n            } catch (error) {\n              const message = error instanceof Error ? error.message : String(error);\n              return textResult(`Error in \"${fullName}\": ${message}`, true);\n            }\n          }\n        },\n        { signal: controller.signal }\n      )\n    )\n      .then(() => {\n        if (!controller.signal.aborted) setSupported(true);\n      })\n      .catch(() => {\n        /* registration failed — tool stays unpublished; page works for humans */\n      });\n\n    return () => controller.abort();\n  }, [fullName]);\n\n  return { supported, name: fullName };\n}\n"],"mappings":"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","names":["import_react","import_react"]}

package/dist/index.d.cts

@@ -0,0 +1,131 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { z } from 'zod';
+
+interface AgentBoundaryProps {
+    name: string;
+    children: ReactNode;
+}
+declare function AgentBoundary({ name, children }: AgentBoundaryProps): react.JSX.Element;
+
+declare const DEFAULT_STATE_BUDGET = 1000;
+interface AgentStateOptions {
+    /** What this slice means, for future per-slice docs. */
+    description?: string;
+}
+/**
+ * Expose a slice of live app state to agents under `key`. The current value
+ * is captured on every render; agents always read the latest through
+ * `get_page_state`. Inside an `<AgentBoundary name="cart">`, `key` becomes
+ * `cart.key`.
+ */
+declare function useAgentState<T>(key: string, value: T, options?: AgentStateOptions): void;
+/** Set the total token budget for the `get_page_state` snapshot. */
+declare function setAgentStateBudget(tokens: number): void;
+
+interface AgentActionConfig<Schema extends z.ZodType = z.ZodType> {
+    /** What this action does, written for the agent deciding whether to call it. */
+    description: string;
+    /** Input contract. Omit for zero-argument actions. */
+    input?: Schema;
+    /** True when the action changes nothing — lets agents call it freely. */
+    readOnly?: boolean;
+    /** True when the action destroys something a person would miss. */
+    destructive?: boolean;
+    /**
+     * Reserved: price per call (e.g. "$0.001"). Inert in v1 — declared here so
+     * adding x402 settlement later is not a breaking change.
+     */
+    price?: string;
+    /** Runs only after input passes the schema gate. */
+    execute: (input: z.infer<Schema>) => Promise<unknown> | unknown;
+}
+interface AgentActionStatus {
+    /** Whether this browser accepts WebMCP registrations. */
+    supported: boolean;
+    /** The name the tool was published under (boundary prefixes applied). */
+    name: string;
+}
+/**
+ * Publish an action as a WebMCP tool for the lifetime of the component.
+ * Inside an `<AgentBoundary name="cart">`, `name` becomes `cart_name`.
+ * The handler and description are read at call time through a ref, so
+ * re-renders never re-register the tool.
+ */
+declare function useAgentAction<Schema extends z.ZodType>(name: string, config: AgentActionConfig<Schema>): AgentActionStatus;
+
+/**
+ * Token-budgeted serialization. Agents pay per token to read state, so the
+ * snapshot an agent sees is pruned — long strings truncated, long arrays
+ * elided with an explicit marker, depth capped — until it fits the budget.
+ * Pruning is deterministic: the same value and budget always produce the
+ * same snapshot.
+ */
+/** Rough token estimate (~4 characters per token). */
+declare function estimateTokens(text: string): number;
+/**
+ * Serialize `value` as compact JSON within roughly `budget` tokens.
+ * Tightens limits in deterministic steps until the snapshot fits (or the
+ * limits bottom out — a pathological value can still exceed a tiny budget).
+ */
+declare function serializeBudgeted(value: unknown, budget: number): string;
+
+/**
+ * Minimal typings for the WebMCP browser API.
+ *
+ * The standard exposes `document.modelContext` (Chrome 149+ origin trial;
+ * `navigator.modelContext` was the pre-Chrome-150 spelling and is deprecated).
+ * Browsers without the API can get it from a polyfill such as `@mcp-b/global`.
+ * Only the surface this library uses is typed.
+ */
+interface ToolTextContent {
+    type: "text";
+    text: string;
+}
+type ToolContent = ToolTextContent;
+interface ToolResult {
+    content: ToolContent[];
+    isError?: boolean;
+}
+interface ToolAnnotations {
+    readOnlyHint?: boolean;
+    destructiveHint?: boolean;
+    idempotentHint?: boolean;
+    untrustedContentHint?: boolean;
+}
+interface JsonSchemaObject {
+    type: "object";
+    properties?: Record<string, unknown>;
+    required?: string[];
+    additionalProperties?: boolean;
+    [key: string]: unknown;
+}
+interface ToolDefinition {
+    name: string;
+    description: string;
+    inputSchema?: JsonSchemaObject;
+    annotations?: ToolAnnotations;
+    execute: (args: Record<string, unknown>) => Promise<ToolResult> | ToolResult;
+}
+interface RegisterToolOptions {
+    /** Aborting this signal unregisters the tool. */
+    signal?: AbortSignal;
+    /** Origins allowed to see this tool when the page is framed. */
+    exposedTo?: string[];
+}
+interface ModelContext {
+    registerTool: (tool: ToolDefinition, options?: RegisterToolOptions) => Promise<void> | void;
+    getTools?: () => Promise<ToolDefinition[]>;
+    addEventListener?: EventTarget["addEventListener"];
+}
+declare global {
+    interface Document {
+        modelContext?: ModelContext;
+    }
+}
+/** True when this browser can accept WebMCP tool registrations. */
+declare function webmcpSupported(): boolean;
+/** Canonical text result — identical shape across agents. */
+declare function textResult(text: string, isError?: boolean): ToolResult;
+
+export { type AgentActionConfig, type AgentActionStatus, AgentBoundary, type AgentBoundaryProps, type AgentStateOptions, DEFAULT_STATE_BUDGET, type ModelContext, type ToolAnnotations, type ToolDefinition, type ToolResult, estimateTokens, serializeBudgeted, setAgentStateBudget, textResult, useAgentAction, useAgentState, webmcpSupported };

package/dist/index.d.ts

@@ -0,0 +1,131 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { z } from 'zod';
+
+interface AgentBoundaryProps {
+    name: string;
+    children: ReactNode;
+}
+declare function AgentBoundary({ name, children }: AgentBoundaryProps): react.JSX.Element;
+
+declare const DEFAULT_STATE_BUDGET = 1000;
+interface AgentStateOptions {
+    /** What this slice means, for future per-slice docs. */
+    description?: string;
+}
+/**
+ * Expose a slice of live app state to agents under `key`. The current value
+ * is captured on every render; agents always read the latest through
+ * `get_page_state`. Inside an `<AgentBoundary name="cart">`, `key` becomes
+ * `cart.key`.
+ */
+declare function useAgentState<T>(key: string, value: T, options?: AgentStateOptions): void;
+/** Set the total token budget for the `get_page_state` snapshot. */
+declare function setAgentStateBudget(tokens: number): void;
+
+interface AgentActionConfig<Schema extends z.ZodType = z.ZodType> {
+    /** What this action does, written for the agent deciding whether to call it. */
+    description: string;
+    /** Input contract. Omit for zero-argument actions. */
+    input?: Schema;
+    /** True when the action changes nothing — lets agents call it freely. */
+    readOnly?: boolean;
+    /** True when the action destroys something a person would miss. */
+    destructive?: boolean;
+    /**
+     * Reserved: price per call (e.g. "$0.001"). Inert in v1 — declared here so
+     * adding x402 settlement later is not a breaking change.
+     */
+    price?: string;
+    /** Runs only after input passes the schema gate. */
+    execute: (input: z.infer<Schema>) => Promise<unknown> | unknown;
+}
+interface AgentActionStatus {
+    /** Whether this browser accepts WebMCP registrations. */
+    supported: boolean;
+    /** The name the tool was published under (boundary prefixes applied). */
+    name: string;
+}
+/**
+ * Publish an action as a WebMCP tool for the lifetime of the component.
+ * Inside an `<AgentBoundary name="cart">`, `name` becomes `cart_name`.
+ * The handler and description are read at call time through a ref, so
+ * re-renders never re-register the tool.
+ */
+declare function useAgentAction<Schema extends z.ZodType>(name: string, config: AgentActionConfig<Schema>): AgentActionStatus;
+
+/**
+ * Token-budgeted serialization. Agents pay per token to read state, so the
+ * snapshot an agent sees is pruned — long strings truncated, long arrays
+ * elided with an explicit marker, depth capped — until it fits the budget.
+ * Pruning is deterministic: the same value and budget always produce the
+ * same snapshot.
+ */
+/** Rough token estimate (~4 characters per token). */
+declare function estimateTokens(text: string): number;
+/**
+ * Serialize `value` as compact JSON within roughly `budget` tokens.
+ * Tightens limits in deterministic steps until the snapshot fits (or the
+ * limits bottom out — a pathological value can still exceed a tiny budget).
+ */
+declare function serializeBudgeted(value: unknown, budget: number): string;
+
+/**
+ * Minimal typings for the WebMCP browser API.
+ *
+ * The standard exposes `document.modelContext` (Chrome 149+ origin trial;
+ * `navigator.modelContext` was the pre-Chrome-150 spelling and is deprecated).
+ * Browsers without the API can get it from a polyfill such as `@mcp-b/global`.
+ * Only the surface this library uses is typed.
+ */
+interface ToolTextContent {
+    type: "text";
+    text: string;
+}
+type ToolContent = ToolTextContent;
+interface ToolResult {
+    content: ToolContent[];
+    isError?: boolean;
+}
+interface ToolAnnotations {
+    readOnlyHint?: boolean;
+    destructiveHint?: boolean;
+    idempotentHint?: boolean;
+    untrustedContentHint?: boolean;
+}
+interface JsonSchemaObject {
+    type: "object";
+    properties?: Record<string, unknown>;
+    required?: string[];
+    additionalProperties?: boolean;
+    [key: string]: unknown;
+}
+interface ToolDefinition {
+    name: string;
+    description: string;
+    inputSchema?: JsonSchemaObject;
+    annotations?: ToolAnnotations;
+    execute: (args: Record<string, unknown>) => Promise<ToolResult> | ToolResult;
+}
+interface RegisterToolOptions {
+    /** Aborting this signal unregisters the tool. */
+    signal?: AbortSignal;
+    /** Origins allowed to see this tool when the page is framed. */
+    exposedTo?: string[];
+}
+interface ModelContext {
+    registerTool: (tool: ToolDefinition, options?: RegisterToolOptions) => Promise<void> | void;
+    getTools?: () => Promise<ToolDefinition[]>;
+    addEventListener?: EventTarget["addEventListener"];
+}
+declare global {
+    interface Document {
+        modelContext?: ModelContext;
+    }
+}
+/** True when this browser can accept WebMCP tool registrations. */
+declare function webmcpSupported(): boolean;
+/** Canonical text result — identical shape across agents. */
+declare function textResult(text: string, isError?: boolean): ToolResult;
+
+export { type AgentActionConfig, type AgentActionStatus, AgentBoundary, type AgentBoundaryProps, type AgentStateOptions, DEFAULT_STATE_BUDGET, type ModelContext, type ToolAnnotations, type ToolDefinition, type ToolResult, estimateTokens, serializeBudgeted, setAgentStateBudget, textResult, useAgentAction, useAgentState, webmcpSupported };

package/dist/index.js

@@ -0,0 +1,220 @@
+// src/boundary.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var BoundaryContext = createContext(null);
+function scopedKey(scope, key, separator) {
+  return scope ? `${scope}${separator}${key}` : key;
+}
+function AgentBoundary({ name, children }) {
+  const parent = useContext(BoundaryContext);
+  const scope = parent ? `${parent}.${name}` : name;
+  return /* @__PURE__ */ jsx(BoundaryContext.Provider, { value: scope, children });
+}
+
+// src/state.ts
+import { useContext as useContext2, useEffect, useRef } from "react";
+
+// src/serialize.ts
+var ELLIPSIS = "\u2026";
+function estimateTokens(text) {
+  return Math.ceil(text.length / 4);
+}
+function prune(value, depth, limits) {
+  if (value === null || typeof value !== "object") {
+    if (typeof value === "string" && value.length > limits.maxStringLength) {
+      return value.slice(0, limits.maxStringLength) + ELLIPSIS;
+    }
+    return value;
+  }
+  if (depth >= limits.maxDepth) return ELLIPSIS;
+  if (Array.isArray(value)) {
+    const kept = value.slice(0, limits.maxItems).map((item) => prune(item, depth + 1, limits));
+    if (value.length > limits.maxItems) {
+      kept.push(`${ELLIPSIS} +${value.length - limits.maxItems} more`);
+    }
+    return kept;
+  }
+  const out = {};
+  for (const [key, entry] of Object.entries(value)) {
+    if (entry === void 0 || typeof entry === "function") continue;
+    out[key] = prune(entry, depth + 1, limits);
+  }
+  return out;
+}
+function serializeBudgeted(value, budget) {
+  let limits = { maxItems: 20, maxStringLength: 200, maxDepth: 6 };
+  for (let pass = 0; pass < 6; pass++) {
+    const text = JSON.stringify(prune(value, 0, limits)) ?? "null";
+    if (estimateTokens(text) <= budget || limits.maxItems === 1 && limits.maxStringLength <= 25) {
+      return text;
+    }
+    limits = {
+      maxItems: Math.max(1, Math.floor(limits.maxItems / 2)),
+      maxStringLength: Math.max(25, Math.floor(limits.maxStringLength / 2)),
+      maxDepth: Math.max(2, limits.maxDepth - 1)
+    };
+  }
+  return JSON.stringify(prune(value, 0, limits)) ?? "null";
+}
+
+// src/types.ts
+function webmcpSupported() {
+  return typeof document !== "undefined" && typeof document.modelContext?.registerTool === "function";
+}
+function textResult(text, isError = false) {
+  return isError ? { content: [{ type: "text", text }], isError: true } : { content: [{ type: "text", text }] };
+}
+
+// src/state.ts
+var DEFAULT_STATE_BUDGET = 1e3;
+var PageStateStore = class {
+  entries = /* @__PURE__ */ new Map();
+  controller = null;
+  budget = DEFAULT_STATE_BUDGET;
+  add(key, entry) {
+    this.entries.set(key, entry);
+    this.ensureRegistered();
+  }
+  remove(key) {
+    this.entries.delete(key);
+    if (this.entries.size === 0 && this.controller) {
+      this.controller.abort();
+      this.controller = null;
+    }
+  }
+  snapshot() {
+    const out = {};
+    for (const [key, entry] of this.entries) out[key] = entry.get();
+    return out;
+  }
+  ensureRegistered() {
+    if (this.controller || !webmcpSupported()) return;
+    const controller = new AbortController();
+    this.controller = controller;
+    Promise.resolve(
+      document.modelContext.registerTool(
+        {
+          name: "get_page_state",
+          description: "Read a live snapshot of this page's application state, as compact JSON. Call this before acting so you work from what the page actually shows, not from a guess. Long values are pruned to stay small; a trailing '\u2026 +N more' marker means an array was elided.",
+          inputSchema: { type: "object", properties: {}, additionalProperties: false },
+          annotations: { readOnlyHint: true },
+          execute: () => textResult(serializeBudgeted(this.snapshot(), this.budget))
+        },
+        { signal: controller.signal }
+      )
+    ).catch(() => {
+      if (this.controller === controller) this.controller = null;
+    });
+  }
+  /** Test-only: forget all slices and drop the registration. */
+  resetForTests() {
+    this.controller?.abort();
+    this.controller = null;
+    this.entries.clear();
+    this.budget = DEFAULT_STATE_BUDGET;
+  }
+};
+var pageStateStore = new PageStateStore();
+function useAgentState(key, value, options) {
+  const scope = useContext2(BoundaryContext);
+  const fullKey = scopedKey(scope, key, ".");
+  const valueRef = useRef(value);
+  valueRef.current = value;
+  const descriptionRef = useRef(options?.description);
+  descriptionRef.current = options?.description;
+  useEffect(() => {
+    pageStateStore.add(fullKey, {
+      get: () => valueRef.current,
+      description: descriptionRef.current
+    });
+    return () => pageStateStore.remove(fullKey);
+  }, [fullKey]);
+}
+function setAgentStateBudget(tokens) {
+  pageStateStore.budget = tokens;
+}
+
+// src/action.ts
+import { useContext as useContext3, useEffect as useEffect2, useRef as useRef2, useState } from "react";
+import { z } from "zod";
+function formatRefusal(toolName, error) {
+  const violations = error.issues.map((issue) => {
+    const path = issue.path.length > 0 ? issue.path.join(".") : "input";
+    return `- ${path}: ${issue.message}`;
+  });
+  return textResult(
+    `REFUSED: invalid input for "${toolName}".
+Violations (${violations.length}):
+${violations.join("\n")}
+
+Fix the specific violations above and call the tool again. Validation is deterministic \u2014 the same input always gets the same verdict.`,
+    true
+  );
+}
+function toInputSchema(schema) {
+  if (!schema) return { type: "object", properties: {}, additionalProperties: false };
+  const { $schema: _discard, ...rest } = z.toJSONSchema(schema);
+  return rest;
+}
+function useAgentAction(name, config) {
+  const scope = useContext3(BoundaryContext);
+  const fullName = scope ? `${scope.replace(/\./g, "_")}_${name}` : name;
+  const configRef = useRef2(config);
+  configRef.current = config;
+  const [supported, setSupported] = useState(false);
+  useEffect2(() => {
+    if (!webmcpSupported()) return;
+    const controller = new AbortController();
+    const registeredWith = configRef.current;
+    Promise.resolve(
+      document.modelContext.registerTool(
+        {
+          name: fullName,
+          description: registeredWith.description,
+          inputSchema: toInputSchema(registeredWith.input),
+          annotations: {
+            readOnlyHint: registeredWith.readOnly === true,
+            ...registeredWith.destructive !== void 0 && {
+              destructiveHint: registeredWith.destructive
+            }
+          },
+          execute: async (args) => {
+            const current = configRef.current;
+            let input = args;
+            if (current.input) {
+              const parsed = current.input.safeParse(args);
+              if (!parsed.success) return formatRefusal(fullName, parsed.error);
+              input = parsed.data;
+            }
+            try {
+              const out = await current.execute(input);
+              if (out === void 0) return textResult("Done.");
+              return textResult(typeof out === "string" ? out : JSON.stringify(out));
+            } catch (error) {
+              const message = error instanceof Error ? error.message : String(error);
+              return textResult(`Error in "${fullName}": ${message}`, true);
+            }
+          }
+        },
+        { signal: controller.signal }
+      )
+    ).then(() => {
+      if (!controller.signal.aborted) setSupported(true);
+    }).catch(() => {
+    });
+    return () => controller.abort();
+  }, [fullName]);
+  return { supported, name: fullName };
+}
+export {
+  AgentBoundary,
+  DEFAULT_STATE_BUDGET,
+  estimateTokens,
+  serializeBudgeted,
+  setAgentStateBudget,
+  textResult,
+  useAgentAction,
+  useAgentState,
+  webmcpSupported
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/boundary.tsx","../src/state.ts","../src/serialize.ts","../src/types.ts","../src/action.ts"],"sourcesContent":["/**\n * Scopes the agent surface the way a component tree scopes the human one.\n * State keys inside a boundary are prefixed `name.key`; action names are\n * prefixed `name_action`. Boundaries nest.\n */\nimport { createContext, useContext, type ReactNode } from \"react\";\n\nexport const BoundaryContext = createContext<string | null>(null);\n\nexport function scopedKey(scope: string | null, key: string, separator: \".\" | \"_\"): string {\n  return scope ? `${scope}${separator}${key}` : key;\n}\n\nexport interface AgentBoundaryProps {\n  name: string;\n  children: ReactNode;\n}\n\nexport function AgentBoundary({ name, children }: AgentBoundaryProps) {\n  const parent = useContext(BoundaryContext);\n  const scope = parent ? `${parent}.${name}` : name;\n  return <BoundaryContext.Provider value={scope}>{children}</BoundaryContext.Provider>;\n}\n","/**\n * Live page state exposed to agents through one `get_page_state` tool.\n *\n * Components declare slices with `useAgentState(key, value)`. The store keeps\n * a getter per key — values are resolved at call time, never at registration\n * time, so re-renders never tear down and re-register the tool. The tool is\n * registered when the first slice mounts and unregistered (via its\n * AbortController) when the last one unmounts, which fires the browser's\n * `toolchange` event so an idle agent learns the surface moved.\n */\nimport { useContext, useEffect, useRef } from \"react\";\nimport { BoundaryContext, scopedKey } from \"./boundary\";\nimport { serializeBudgeted } from \"./serialize\";\nimport { textResult, webmcpSupported } from \"./types\";\n\nexport const DEFAULT_STATE_BUDGET = 1000;\n\ninterface StateEntry {\n  description?: string;\n  get: () => unknown;\n}\n\nclass PageStateStore {\n  private entries = new Map<string, StateEntry>();\n  private controller: AbortController | null = null;\n  budget = DEFAULT_STATE_BUDGET;\n\n  add(key: string, entry: StateEntry): void {\n    this.entries.set(key, entry);\n    this.ensureRegistered();\n  }\n\n  remove(key: string): void {\n    this.entries.delete(key);\n    if (this.entries.size === 0 && this.controller) {\n      this.controller.abort();\n      this.controller = null;\n    }\n  }\n\n  snapshot(): Record<string, unknown> {\n    const out: Record<string, unknown> = {};\n    for (const [key, entry] of this.entries) out[key] = entry.get();\n    return out;\n  }\n\n  private ensureRegistered(): void {\n    if (this.controller || !webmcpSupported()) return;\n    const controller = new AbortController();\n    this.controller = controller;\n    Promise.resolve(\n      document.modelContext!.registerTool(\n        {\n          name: \"get_page_state\",\n          description:\n            \"Read a live snapshot of this page's application state, as compact JSON. \" +\n            \"Call this before acting so you work from what the page actually shows, \" +\n            \"not from a guess. Long values are pruned to stay small; a trailing \" +\n            \"'… +N more' marker means an array was elided.\",\n          inputSchema: { type: \"object\", properties: {}, additionalProperties: false },\n          annotations: { readOnlyHint: true },\n          execute: () => textResult(serializeBudgeted(this.snapshot(), this.budget))\n        },\n        { signal: controller.signal }\n      )\n    ).catch(() => {\n      if (this.controller === controller) this.controller = null;\n    });\n  }\n\n  /** Test-only: forget all slices and drop the registration. */\n  resetForTests(): void {\n    this.controller?.abort();\n    this.controller = null;\n    this.entries.clear();\n    this.budget = DEFAULT_STATE_BUDGET;\n  }\n}\n\nexport const pageStateStore = new PageStateStore();\n\nexport interface AgentStateOptions {\n  /** What this slice means, for future per-slice docs. */\n  description?: string;\n}\n\n/**\n * Expose a slice of live app state to agents under `key`. The current value\n * is captured on every render; agents always read the latest through\n * `get_page_state`. Inside an `<AgentBoundary name=\"cart\">`, `key` becomes\n * `cart.key`.\n */\nexport function useAgentState<T>(key: string, value: T, options?: AgentStateOptions): void {\n  const scope = useContext(BoundaryContext);\n  const fullKey = scopedKey(scope, key, \".\");\n  const valueRef = useRef<T>(value);\n  valueRef.current = value;\n  const descriptionRef = useRef(options?.description);\n  descriptionRef.current = options?.description;\n\n  useEffect(() => {\n    pageStateStore.add(fullKey, {\n      get: () => valueRef.current,\n      description: descriptionRef.current\n    });\n    return () => pageStateStore.remove(fullKey);\n  }, [fullKey]);\n}\n\n/** Set the total token budget for the `get_page_state` snapshot. */\nexport function setAgentStateBudget(tokens: number): void {\n  pageStateStore.budget = tokens;\n}\n","/**\n * Token-budgeted serialization. Agents pay per token to read state, so the\n * snapshot an agent sees is pruned — long strings truncated, long arrays\n * elided with an explicit marker, depth capped — until it fits the budget.\n * Pruning is deterministic: the same value and budget always produce the\n * same snapshot.\n */\n\nconst ELLIPSIS = \"…\";\n\n/** Rough token estimate (~4 characters per token). */\nexport function estimateTokens(text: string): number {\n  return Math.ceil(text.length / 4);\n}\n\ninterface PruneLimits {\n  maxItems: number;\n  maxStringLength: number;\n  maxDepth: number;\n}\n\nfunction prune(value: unknown, depth: number, limits: PruneLimits): unknown {\n  if (value === null || typeof value !== \"object\") {\n    if (typeof value === \"string\" && value.length > limits.maxStringLength) {\n      return value.slice(0, limits.maxStringLength) + ELLIPSIS;\n    }\n    return value;\n  }\n  if (depth >= limits.maxDepth) return ELLIPSIS;\n  if (Array.isArray(value)) {\n    const kept = value\n      .slice(0, limits.maxItems)\n      .map((item) => prune(item, depth + 1, limits));\n    if (value.length > limits.maxItems) {\n      kept.push(`${ELLIPSIS} +${value.length - limits.maxItems} more`);\n    }\n    return kept;\n  }\n  const out: Record<string, unknown> = {};\n  for (const [key, entry] of Object.entries(value as Record<string, unknown>)) {\n    if (entry === undefined || typeof entry === \"function\") continue;\n    out[key] = prune(entry, depth + 1, limits);\n  }\n  return out;\n}\n\n/**\n * Serialize `value` as compact JSON within roughly `budget` tokens.\n * Tightens limits in deterministic steps until the snapshot fits (or the\n * limits bottom out — a pathological value can still exceed a tiny budget).\n */\nexport function serializeBudgeted(value: unknown, budget: number): string {\n  let limits: PruneLimits = { maxItems: 20, maxStringLength: 200, maxDepth: 6 };\n  for (let pass = 0; pass < 6; pass++) {\n    const text = JSON.stringify(prune(value, 0, limits)) ?? \"null\";\n    if (estimateTokens(text) <= budget || (limits.maxItems === 1 && limits.maxStringLength <= 25)) {\n      return text;\n    }\n    limits = {\n      maxItems: Math.max(1, Math.floor(limits.maxItems / 2)),\n      maxStringLength: Math.max(25, Math.floor(limits.maxStringLength / 2)),\n      maxDepth: Math.max(2, limits.maxDepth - 1)\n    };\n  }\n  return JSON.stringify(prune(value, 0, limits)) ?? \"null\";\n}\n","/**\n * Minimal typings for the WebMCP browser API.\n *\n * The standard exposes `document.modelContext` (Chrome 149+ origin trial;\n * `navigator.modelContext` was the pre-Chrome-150 spelling and is deprecated).\n * Browsers without the API can get it from a polyfill such as `@mcp-b/global`.\n * Only the surface this library uses is typed.\n */\n\nexport interface ToolTextContent {\n  type: \"text\";\n  text: string;\n}\n\nexport type ToolContent = ToolTextContent;\n\nexport interface ToolResult {\n  content: ToolContent[];\n  isError?: boolean;\n}\n\nexport interface ToolAnnotations {\n  readOnlyHint?: boolean;\n  destructiveHint?: boolean;\n  idempotentHint?: boolean;\n  untrustedContentHint?: boolean;\n}\n\nexport interface JsonSchemaObject {\n  type: \"object\";\n  properties?: Record<string, unknown>;\n  required?: string[];\n  additionalProperties?: boolean;\n  [key: string]: unknown;\n}\n\nexport interface ToolDefinition {\n  name: string;\n  description: string;\n  inputSchema?: JsonSchemaObject;\n  annotations?: ToolAnnotations;\n  execute: (args: Record<string, unknown>) => Promise<ToolResult> | ToolResult;\n}\n\nexport interface RegisterToolOptions {\n  /** Aborting this signal unregisters the tool. */\n  signal?: AbortSignal;\n  /** Origins allowed to see this tool when the page is framed. */\n  exposedTo?: string[];\n}\n\nexport interface ModelContext {\n  registerTool: (\n    tool: ToolDefinition,\n    options?: RegisterToolOptions\n  ) => Promise<void> | void;\n  getTools?: () => Promise<ToolDefinition[]>;\n  addEventListener?: EventTarget[\"addEventListener\"];\n}\n\ndeclare global {\n  interface Document {\n    modelContext?: ModelContext;\n  }\n}\n\n/** True when this browser can accept WebMCP tool registrations. */\nexport function webmcpSupported(): boolean {\n  return (\n    typeof document !== \"undefined\" &&\n    typeof document.modelContext?.registerTool === \"function\"\n  );\n}\n\n/** Canonical text result — identical shape across agents. */\nexport function textResult(text: string, isError = false): ToolResult {\n  return isError\n    ? { content: [{ type: \"text\", text }], isError: true }\n    : { content: [{ type: \"text\", text }] };\n}\n","/**\n * Schema-gated actions. Every call is validated before your handler runs;\n * invalid input gets a structured refusal naming each violated field, so an\n * agent can fix its call instead of corrupting your state. The gate is\n * deterministic — the same input always gets the same verdict.\n */\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { z } from \"zod\";\nimport { BoundaryContext } from \"./boundary\";\nimport {\n  textResult,\n  webmcpSupported,\n  type JsonSchemaObject,\n  type ToolResult\n} from \"./types\";\n\nexport interface AgentActionConfig<Schema extends z.ZodType = z.ZodType> {\n  /** What this action does, written for the agent deciding whether to call it. */\n  description: string;\n  /** Input contract. Omit for zero-argument actions. */\n  input?: Schema;\n  /** True when the action changes nothing — lets agents call it freely. */\n  readOnly?: boolean;\n  /** True when the action destroys something a person would miss. */\n  destructive?: boolean;\n  /**\n   * Reserved: price per call (e.g. \"$0.001\"). Inert in v1 — declared here so\n   * adding x402 settlement later is not a breaking change.\n   */\n  price?: string;\n  /** Runs only after input passes the schema gate. */\n  execute: (input: z.infer<Schema>) => Promise<unknown> | unknown;\n}\n\nexport interface AgentActionStatus {\n  /** Whether this browser accepts WebMCP registrations. */\n  supported: boolean;\n  /** The name the tool was published under (boundary prefixes applied). */\n  name: string;\n}\n\nfunction formatRefusal(toolName: string, error: z.ZodError): ToolResult {\n  const violations = error.issues.map((issue) => {\n    const path = issue.path.length > 0 ? issue.path.join(\".\") : \"input\";\n    return `- ${path}: ${issue.message}`;\n  });\n  return textResult(\n    `REFUSED: invalid input for \"${toolName}\".\\n` +\n      `Violations (${violations.length}):\\n${violations.join(\"\\n\")}\\n\\n` +\n      `Fix the specific violations above and call the tool again. ` +\n      `Validation is deterministic — the same input always gets the same verdict.`,\n    true\n  );\n}\n\nfunction toInputSchema(schema: z.ZodType | undefined): JsonSchemaObject {\n  if (!schema) return { type: \"object\", properties: {}, additionalProperties: false };\n  const { $schema: _discard, ...rest } = z.toJSONSchema(schema) as Record<string, unknown>;\n  return rest as JsonSchemaObject;\n}\n\n/**\n * Publish an action as a WebMCP tool for the lifetime of the component.\n * Inside an `<AgentBoundary name=\"cart\">`, `name` becomes `cart_name`.\n * The handler and description are read at call time through a ref, so\n * re-renders never re-register the tool.\n */\nexport function useAgentAction<Schema extends z.ZodType>(\n  name: string,\n  config: AgentActionConfig<Schema>\n): AgentActionStatus {\n  const scope = useContext(BoundaryContext);\n  const fullName = scope ? `${scope.replace(/\\./g, \"_\")}_${name}` : name;\n\n  const configRef = useRef(config);\n  configRef.current = config;\n\n  const [supported, setSupported] = useState(false);\n\n  useEffect(() => {\n    if (!webmcpSupported()) return;\n    const controller = new AbortController();\n    const registeredWith = configRef.current;\n\n    Promise.resolve(\n      document.modelContext!.registerTool(\n        {\n          name: fullName,\n          description: registeredWith.description,\n          inputSchema: toInputSchema(registeredWith.input),\n          annotations: {\n            readOnlyHint: registeredWith.readOnly === true,\n            ...(registeredWith.destructive !== undefined && {\n              destructiveHint: registeredWith.destructive\n            })\n          },\n          execute: async (args) => {\n            const current = configRef.current;\n            let input: unknown = args;\n            if (current.input) {\n              const parsed = current.input.safeParse(args);\n              if (!parsed.success) return formatRefusal(fullName, parsed.error);\n              input = parsed.data;\n            }\n            try {\n              const out = await current.execute(input as z.infer<Schema>);\n              if (out === undefined) return textResult(\"Done.\");\n              return textResult(typeof out === \"string\" ? out : JSON.stringify(out));\n            } catch (error) {\n              const message = error instanceof Error ? error.message : String(error);\n              return textResult(`Error in \"${fullName}\": ${message}`, true);\n            }\n          }\n        },\n        { signal: controller.signal }\n      )\n    )\n      .then(() => {\n        if (!controller.signal.aborted) setSupported(true);\n      })\n      .catch(() => {\n        /* registration failed — tool stays unpublished; page works for humans */\n      });\n\n    return () => controller.abort();\n  }, [fullName]);\n\n  return { supported, name: fullName };\n}\n"],"mappings":"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","names":["useContext","useContext","useContext","useEffect","useRef","useContext","useRef","useEffect"]}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@agentperf/react",
+  "version": "0.1.0",
+  "description": "Give your React app a fast lane for AI agents: token-budgeted state snapshots and schema-gated actions on the WebMCP standard (document.modelContext).",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/N-45div/AgentPerf.git",
+    "directory": "packages/react"
+  },
+  "keywords": [
+    "webmcp",
+    "mcp",
+    "agents",
+    "react",
+    "modelcontext",
+    "agentperf"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": ">=18",
+    "zod": "^4.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^19.0.0",
+    "jsdom": "^25.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.7.0",
+    "vitest": "^3.0.0",
+    "zod": "^4.0.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --sourcemap --clean",
+    "test": "vitest run",
+    "typecheck": "tsc -p tsconfig.json"
+  }
+}