Webmcp Init

1(() => {
2  const modelContext = navigator.modelContext || document.modelContext;
3  if (!modelContext?.registerTool) return;
4
5  const state = { draft: null };
6
7  modelContext.registerTool({
8    name: "catalog_lookup",
9    description: "Look up a synthetic catalog item without changing application state.",
10    inputSchema: {
11      type: "object",
12      properties: {
13        sku: { type: "string" },
14      },
15      required: ["sku"],
16      additionalProperties: false,
17    },
18    annotations: {
19      readOnlyHint: true,
20      untrustedContentHint: false,
21    },
22    execute: async ({ sku }) => ({
23      sku,
24      name: "Stagehand Notebook",
25      available: true,
26    }),
27  });
28
29  modelContext.registerTool({
30    name: "save_draft",
31    description: "Save a synthetic in-memory draft that is discarded with the browser session.",
32    inputSchema: {
33      type: "object",
34      properties: {
35        title: { type: "string" },
36      },
37      required: ["title"],
38      additionalProperties: false,
39    },
40    annotations: {
41      readOnlyHint: false,
42    },
43    execute: async ({ title }) => {
44      state.draft = { title, saved: true };
45      return state.draft;
46    },
47  });
48})();