[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-anthropic-build-mcp-app":3,"mdc-d59wrf-key":38,"related-org-anthropic-build-mcp-app":8145,"related-repo-anthropic-build-mcp-app":8328},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":26,"repoUrl":27,"updatedAt":28,"license":29,"forks":30,"topics":31,"repo":33,"sourceUrl":36,"mdContent":37},"build-mcp-app","build MCP apps with interactive UI","This skill should be used when the user wants to build an \"MCP app\", add \"interactive UI\" or \"widgets\" to an MCP server, \"render components in chat\", build \"MCP UI resources\", make a tool that shows a \"form\", \"picker\", \"dashboard\" or \"confirmation dialog\" inline in the conversation, or mentions \"apps SDK\" in the context of MCP. Use AFTER the build-mcp-server skill has settled the deployment model, or when the user already knows they want UI widgets.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"anthropic","Anthropic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fanthropic.png","anthropics",[13,17,20,23],{"name":14,"slug":15,"type":16},"Claude Code","claude-code","tag",{"name":18,"slug":19,"type":16},"MCP","mcp",{"name":21,"slug":22,"type":16},"Agents","agents",{"name":24,"slug":25,"type":16},"UI Components","ui-components",32228,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-plugins-official","2026-04-06T17:59:32.421865",null,3591,[15,19,32],"skills",{"repoUrl":27,"stars":26,"forks":30,"topics":34,"description":35},[15,19,32],"Official, Anthropic-managed directory of high quality Claude Code Plugins.","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-plugins-official\u002Ftree\u002FHEAD\u002Fplugins\u002Fmcp-server-dev\u002Fskills\u002Fbuild-mcp-app","---\nname: build-mcp-app\ndescription: This skill should be used when the user wants to build an \"MCP app\", add \"interactive UI\" or \"widgets\" to an MCP server, \"render components in chat\", build \"MCP UI resources\", make a tool that shows a \"form\", \"picker\", \"dashboard\" or \"confirmation dialog\" inline in the conversation, or mentions \"apps SDK\" in the context of MCP. Use AFTER the build-mcp-server skill has settled the deployment model, or when the user already knows they want UI widgets.\nversion: 0.1.0\n---\n\n# Build an MCP App (Interactive UI Widgets)\n\nAn MCP app is a standard MCP server that **also serves UI resources** — interactive components rendered inline in the chat surface. Build once, runs in Claude *and* ChatGPT and any other host that implements the apps surface.\n\nThe UI layer is **additive**. Under the hood it's still tools, resources, and the same wire protocol. If you haven't built a plain MCP server before, the `build-mcp-server` skill covers the base layer. This skill adds widgets on top.\n\n> **Testing in Claude:** Add the server as a custom connector in claude.ai (via a Cloudflare tunnel for local dev) — this exercises the real iframe sandbox and `hostContext`. See https:\u002F\u002Fclaude.com\u002Fdocs\u002Fconnectors\u002Fbuilding\u002Ftesting.\n\n## Claude host specifics\n\n| `_meta.ui.*` key | Where | Effect |\n|---|---|---|\n| `resourceUri` | tool | Which `ui:\u002F\u002F` resource the host renders for this tool's results. |\n| `visibility: [\"app\"]` | tool | Hide a widget-only helper tool (e.g. geometry\u002Fimage fetcher called via `callServerTool`) from Claude's tool list. |\n| `prefersBorder: false` | resource | Drop the host's outer card border (mobile). |\n| `csp.{connectDomains, resourceDomains, baseUriDomains}` | resource | Declare external origins; default is block-all. `frameDomains` is currently restricted in Claude. |\n\n- `hostContext.safeAreaInsets: {top, right, bottom, left}` (px) — honor these for notches and the composer overlay.\n- Directory submission requires OAuth or **authless** (`none`) — static bearer is private-deploy only and blocks listing — plus tool `annotations` and 3–5 PNG screenshots; see `references\u002Fdirectory-checklist.md`.\n\n---\n\n## When a widget beats plain text\n\nDon't add UI for its own sake — most tools are fine returning text or JSON. Add a widget when one of these is true:\n\n| Signal | Widget type |\n|---|---|\n| Tool needs structured input Claude can't reliably infer | Form |\n| User must pick from a list Claude can't rank (files, contacts, records) | Picker \u002F table |\n| Destructive or billable action needs explicit confirmation | Confirm dialog |\n| Output is spatial or visual (charts, maps, diffs, previews) | Display widget |\n| Long-running job the user wants to watch | Progress \u002F live status |\n\nIf none apply, skip the widget. Text is faster to build and faster for the user.\n\n---\n\n## Widgets vs Elicitation — route correctly\n\nBefore building a widget, check if **elicitation** covers it. Elicitation is spec-native, zero UI code, works in any compliant host.\n\n| Need | Elicitation | Widget |\n|---|---|---|\n| Confirm yes\u002Fno | ✅ | overkill |\n| Pick from short enum | ✅ | overkill |\n| Fill a flat form (name, email, date) | ✅ | overkill |\n| Pick from a large\u002Fsearchable list | ❌ (no scroll\u002Fsearch) | ✅ |\n| Visual preview before choosing | ❌ | ✅ |\n| Chart \u002F map \u002F diff view | ❌ | ✅ |\n| Live-updating progress | ❌ | ✅ |\n\nIf elicitation covers it, use it. See `..\u002Fbuild-mcp-server\u002Freferences\u002Felicitation.md`.\n\n---\n\n## Architecture: two deployment shapes\n\n### Remote MCP app (most common)\n\nHosted streamable-HTTP server. Widget templates are served as **resources**; tool results reference them. The host fetches the resource, renders it in an iframe sandbox, and brokers messages between the widget and Claude.\n\n```\n┌──────────┐  tools\u002Fcall   ┌────────────┐\n│  Claude  │─────────────> │ MCP server │\n│   host   │\u003C── result ────│  (remote)  │\n│          │  + widget ref │            │\n│          │               │            │\n│          │ resources\u002Fread│            │\n│          │─────────────> │  widget    │\n│ ┌──────┐ │\u003C── template ──│  HTML\u002FJS   │\n│ │iframe│ │               └────────────┘\n│ │widget│ │\n│ └──────┘ │\n└──────────┘\n```\n\n### MCPB-packaged MCP app (local + UI)\n\nSame widget mechanism, but the server runs locally inside an MCPB bundle. Use this when the widget needs to drive a **local** application — e.g., a file picker that browses the actual local disk, a dialog that controls a desktop app.\n\nFor MCPB packaging mechanics, defer to the **`build-mcpb`** skill. Everything below applies to both shapes.\n\n---\n\n## How widgets attach to tools\n\nA widget-enabled tool has **two separate registrations**:\n\n1. **The tool** declares a UI resource via `_meta.ui.resourceUri`. Its handler returns plain text\u002FJSON — NOT the HTML.\n2. **The resource** is registered separately and serves the HTML.\n\nWhen Claude calls the tool, the host sees `_meta.ui.resourceUri`, fetches that resource, renders it in an iframe, and pipes the tool's return value into the iframe via the `ontoolresult` event.\n\n```typescript\nimport { McpServer } from \"@modelcontextprotocol\u002Fsdk\u002Fserver\u002Fmcp.js\";\nimport { registerAppTool, registerAppResource, RESOURCE_MIME_TYPE }\n  from \"@modelcontextprotocol\u002Fext-apps\u002Fserver\";\nimport { z } from \"zod\";\n\nconst server = new McpServer({ name: \"contacts\", version: \"1.0.0\" });\n\n\u002F\u002F 1. The tool — returns DATA, declares which UI to show\nregisterAppTool(server, \"pick_contact\", {\n  description: \"Open an interactive contact picker\",\n  annotations: { title: \"Pick Contact\", readOnlyHint: true },\n  inputSchema: { filter: z.string().optional() },\n  _meta: { ui: { resourceUri: \"ui:\u002F\u002Fwidgets\u002Fcontact-picker.html\" } },\n}, async ({ filter }) => {\n  const contacts = await db.contacts.search(filter);\n  \u002F\u002F Plain JSON — the widget receives this via ontoolresult\n  return { content: [{ type: \"text\", text: JSON.stringify(contacts) }] };\n});\n\n\u002F\u002F 2. The resource — serves the HTML\nregisterAppResource(\n  server,\n  \"Contact Picker\",\n  \"ui:\u002F\u002Fwidgets\u002Fcontact-picker.html\",\n  {},\n  async () => ({\n    contents: [{\n      uri: \"ui:\u002F\u002Fwidgets\u002Fcontact-picker.html\",\n      mimeType: RESOURCE_MIME_TYPE,\n      text: pickerHtml,  \u002F\u002F your HTML string\n    }],\n  }),\n);\n```\n\nThe URI scheme `ui:\u002F\u002F` is convention. The mime type MUST be `RESOURCE_MIME_TYPE` (`\"text\u002Fhtml;profile=mcp-app\"`) — this is how the host knows to render it as an interactive iframe, not just display the source.\n\n---\n\n## Widget runtime — the `App` class\n\nInside the iframe, your script talks to the host via the `App` class from `@modelcontextprotocol\u002Fext-apps`. This is a **persistent bidirectional connection** — the widget stays alive as long as the conversation is active, receiving new tool results and sending user actions.\n\n```html\n\u003Cscript type=\"module\">\n  \u002F* ext-apps bundle inlined at build time → globalThis.ExtApps *\u002F\n  \u002F*__EXT_APPS_BUNDLE__*\u002F\n  const { App } = globalThis.ExtApps;\n\n  const app = new App({ name: \"ContactPicker\", version: \"1.0.0\" }, {});\n\n  \u002F\u002F Set handlers BEFORE connecting\n  app.ontoolresult = ({ content }) => {\n    const contacts = JSON.parse(content[0].text);\n    render(contacts);\n  };\n\n  await app.connect();\n\n  \u002F\u002F Later, when the user clicks something:\n  function onPick(contact) {\n    app.sendMessage({\n      role: \"user\",\n      content: [{ type: \"text\", text: `Selected contact: ${contact.id}` }],\n    });\n  }\n\u003C\u002Fscript>\n```\n\nThe `\u002F*__EXT_APPS_BUNDLE__*\u002F` placeholder gets replaced by the server at startup with the contents of `@modelcontextprotocol\u002Fext-apps\u002Fapp-with-deps` — see `references\u002Fiframe-sandbox.md` for why this is necessary and the rewrite snippet. **Do not** `import { App } from \"https:\u002F\u002Fesm.sh\u002F...\"`; the iframe's CSP blocks the transitive dependency fetches and the widget renders blank.\n\n| Method | Direction | Use for |\n|---|---|---|\n| `app.ontoolresult = fn` | Host → widget | Receive the tool's return value |\n| `app.ontoolinput = fn` | Host → widget | Receive the tool's input args (what Claude passed) |\n| `app.sendMessage({...})` | Widget → host | Inject a message into the conversation |\n| `app.updateModelContext({...})` | Widget → host | Update context silently (no visible message) |\n| `app.callServerTool({name, arguments})` | Widget → server | Call another tool on your server |\n| `app.openLink({url})` | Widget → host | Open a URL in a new tab (sandbox blocks `window.open`) |\n| `app.getHostContext()` \u002F `app.onhostcontextchanged` | Host → widget | Theme, host CSS vars, `containerDimensions`, `displayMode`, `deviceCapabilities` |\n| `app.requestDisplayMode({mode})` | Widget → host | Ask for `inline` \u002F `pip` \u002F `fullscreen` |\n| `app.downloadFile({name, mimeType, content})` | Widget → host | Host-mediated download (base64 content) |\n| `new App(info, caps, {autoResize: true})` | — | Iframe height tracks rendered content |\n\n`sendMessage` is the typical \"user picked something, tell Claude\" path. `updateModelContext` is for state that Claude should know about but shouldn't clutter the chat. `openLink` is **required** for any outbound navigation — `window.open` and `\u003Ca target=\"_blank\">` are blocked by the sandbox attribute.\n\n**What widgets cannot do:**\n- Access the host page's DOM, cookies, or storage\n- Make network calls to arbitrary origins (CSP-restricted — route through `callServerTool`)\n- Open popups or navigate directly — use `app.openLink({url})`\n- Load remote images reliably — inline as `data:` URLs server-side\n\nKeep widgets **small and single-purpose**. A picker picks. A chart displays. Don't build a whole sub-app inside the iframe — split it into multiple tools with focused widgets.\n\n---\n\n## Scaffold: minimal picker widget\n\n**Install:**\n\n```bash\nnpm install @modelcontextprotocol\u002Fsdk @modelcontextprotocol\u002Fext-apps zod express\n```\n\n**Server (`src\u002Fserver.ts`):**\n\n```typescript\nimport { McpServer } from \"@modelcontextprotocol\u002Fsdk\u002Fserver\u002Fmcp.js\";\nimport { StreamableHTTPServerTransport } from \"@modelcontextprotocol\u002Fsdk\u002Fserver\u002FstreamableHttp.js\";\nimport { registerAppTool, registerAppResource, RESOURCE_MIME_TYPE }\n  from \"@modelcontextprotocol\u002Fext-apps\u002Fserver\";\nimport express from \"express\";\nimport { readFileSync } from \"node:fs\";\nimport { createRequire } from \"node:module\";\nimport { z } from \"zod\";\n\nconst require = createRequire(import.meta.url);\nconst server = new McpServer({ name: \"contact-picker\", version: \"1.0.0\" });\n\n\u002F\u002F Inline the ext-apps browser bundle into the widget HTML.\n\u002F\u002F The iframe CSP blocks CDN script fetches — bundling is mandatory.\nconst bundle = readFileSync(\n  require.resolve(\"@modelcontextprotocol\u002Fext-apps\u002Fapp-with-deps\"), \"utf8\",\n).replace(\u002Fexport\\{([^}]+)\\};?\\s*$\u002F, (_, body) =>\n  \"globalThis.ExtApps={\" +\n  body.split(\",\").map((p) => {\n    const [local, exported] = p.split(\" as \").map((s) => s.trim());\n    return `${exported ?? local}:${local}`;\n  }).join(\",\") + \"};\",\n);\nconst pickerHtml = readFileSync(\".\u002Fwidgets\u002Fpicker.html\", \"utf8\")\n  .replace(\"\u002F*__EXT_APPS_BUNDLE__*\u002F\", () => bundle);\n\nregisterAppTool(server, \"pick_contact\", {\n  description: \"Open an interactive contact picker. User selects one contact.\",\n  annotations: { title: \"Pick Contact\", readOnlyHint: true },\n  inputSchema: { filter: z.string().optional().describe(\"Name\u002Femail prefix filter\") },\n  _meta: { ui: { resourceUri: \"ui:\u002F\u002Fwidgets\u002Fpicker.html\" } },\n}, async ({ filter }) => {\n  const contacts = await db.contacts.search(filter ?? \"\");\n  return { content: [{ type: \"text\", text: JSON.stringify(contacts) }] };\n});\n\nregisterAppResource(server, \"Contact Picker\", \"ui:\u002F\u002Fwidgets\u002Fpicker.html\", {},\n  async () => ({\n    contents: [{ uri: \"ui:\u002F\u002Fwidgets\u002Fpicker.html\", mimeType: RESOURCE_MIME_TYPE, text: pickerHtml }],\n  }),\n);\n\nconst app = express();\napp.use(express.json());\napp.post(\"\u002Fmcp\", async (req, res) => {\n  const transport = new StreamableHTTPServerTransport({ sessionIdGenerator: undefined });\n  res.on(\"close\", () => transport.close());\n  await server.connect(transport);\n  await transport.handleRequest(req, res, req.body);\n});\napp.listen(process.env.PORT ?? 3000);\n```\n\nFor local-only widget apps (driving a desktop app, reading local files), swap the transport to `StdioServerTransport` and package via the `build-mcpb` skill.\n\n**Widget (`widgets\u002Fpicker.html`):**\n\n```html\n\u003C!doctype html>\n\u003Cmeta charset=\"utf-8\" \u002F>\n\u003Cstyle>\n  body { font: 14px system-ui; margin: 0; }\n  ul { list-style: none; padding: 0; margin: 0; max-height: 300px; overflow-y: auto; }\n  li { padding: 10px 14px; cursor: pointer; border-bottom: 1px solid #eee; }\n  li:hover { background: #f5f5f5; }\n  .sub { color: #666; font-size: 12px; }\n\u003C\u002Fstyle>\n\u003Cul id=\"list\">\u003C\u002Ful>\n\u003Cscript type=\"module\">\n\u002F*__EXT_APPS_BUNDLE__*\u002F\nconst { App } = globalThis.ExtApps;\n(async () => {\n  const app = new App({ name: \"ContactPicker\", version: \"1.0.0\" }, {});\n  const ul = document.getElementById(\"list\");\n\n  app.ontoolresult = ({ content }) => {\n    const contacts = JSON.parse(content[0].text);\n    ul.innerHTML = \"\";\n    for (const c of contacts) {\n      const li = document.createElement(\"li\");\n      li.innerHTML = `\u003Cdiv>${c.name}\u003C\u002Fdiv>\u003Cdiv class=\"sub\">${c.email}\u003C\u002Fdiv>`;\n      li.addEventListener(\"click\", () => {\n        app.sendMessage({\n          role: \"user\",\n          content: [{ type: \"text\", text: `Selected contact: ${c.id} (${c.name})` }],\n        });\n      });\n      ul.append(li);\n    }\n  };\n\n  await app.connect();\n})();\n\u003C\u002Fscript>\n```\n\nSee `references\u002Fwidget-templates.md` for more widget shapes.\n\n---\n\n## Design notes that save you a rewrite\n\n**One widget per tool.** Resist the urge to build one mega-widget that does everything. One tool → one focused widget → one clear result shape. Claude reasons about these far better.\n\n**Tool description must mention the widget.** Claude only sees the tool description when deciding what to call. \"Opens an interactive picker\" in the description is what makes Claude reach for it instead of guessing an ID.\n\n**Widgets are optional at runtime.** Hosts that don't support the apps surface simply ignore `_meta.ui` and render the tool's text content normally. Since your tool handler already returns meaningful text\u002FJSON (the widget's data), degradation is automatic — Claude sees the data directly instead of via the widget.\n\n**Don't block on widget results for read-only tools.** A widget that just *displays* data (chart, preview) shouldn't require a user action to complete. Return the display widget *and* a text summary in the same result so Claude can continue reasoning without waiting.\n\n**Layout-fork by item count, not by tool count.** If one use case is \"show one result in detail\" and another is \"show many results side-by-side\", don't make two tools — make one tool that accepts `items[]`, and let the widget pick a layout: `items.length === 1` → detail view, `> 1` → carousel. Keeps the server schema simple and lets Claude decide count naturally.\n\n**Put Claude's reasoning in the payload.** A short `note` field on each item (why Claude picked it) rendered as a callout on the card gives users the reasoning inline with the choice. Mention this field in the tool description so Claude populates it.\n\n**Normalize image shapes server-side.** If your data source returns images with wildly varying aspect ratios, rewrite to a predictable variant (e.g. square-bounded) *before* fetching for the data-URL inline. Then give the widget's image container a fixed `aspect-ratio` + `object-fit: contain` so everything sits centered.\n\n**Follow host theme.** `app.getHostContext()?.theme` (after `connect()`) plus `app.onhostcontextchanged` for live updates. Toggle a `.dark` class on `\u003Chtml>`, keep colors in CSS custom props with a `:root.dark {}` override block, set `color-scheme`. Disable `mix-blend-mode: multiply` in dark — it makes images vanish.\n\n---\n\n## Testing\n\n**Claude Desktop** — current builds still require the `command`\u002F`args` config shape (no native `\"type\": \"http\"`). Wrap with `mcp-remote` and force `http-only` transport so the SSE probe doesn't swallow widget-capability negotiation:\n\n```json\n{\n  \"mcpServers\": {\n    \"my-server\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"mcp-remote\", \"http:\u002F\u002Flocalhost:3000\u002Fmcp\",\n               \"--allow-http\", \"--transport\", \"http-only\"]\n    }\n  }\n}\n```\n\nDesktop caches UI resources aggressively. After editing widget HTML, **fully quit** (⌘Q \u002F Alt+F4, not window-close) and relaunch to force a cold resource re-fetch.\n\n**Headless JSON-RPC loop** — fast iteration without clicking through Desktop:\n\n```bash\n# test.jsonl — one JSON-RPC message per line\n{\"jsonrpc\":\"2.0\",\"id\":1,\"method\":\"initialize\",\"params\":{\"protocolVersion\":\"2025-06-18\",\"capabilities\":{},\"clientInfo\":{\"name\":\"t\",\"version\":\"0\"}}}\n{\"jsonrpc\":\"2.0\",\"method\":\"notifications\u002Finitialized\"}\n{\"jsonrpc\":\"2.0\",\"id\":2,\"method\":\"tools\u002Flist\"}\n{\"jsonrpc\":\"2.0\",\"id\":3,\"method\":\"tools\u002Fcall\",\"params\":{\"name\":\"your_tool\",\"arguments\":{...}}}\n\n(cat test.jsonl; sleep 10) | npx mcp-remote http:\u002F\u002Flocalhost:3000\u002Fmcp --allow-http\n```\n\nThe `sleep` keeps stdin open long enough to collect all responses. Parse the jsonl output with `jq` or a Python one-liner.\n\n**Widget dev loop** — avoid the ⌘Q-relaunch cycle entirely by serving the inlined widget HTML at a plain GET route with a fake `ExtApps` shim that fires `ontoolresult` from a query param:\n\n```ts\napp.get(\"\u002Fwidget-preview\", (_req, res) => {\n  const shim = `globalThis.ExtApps={applyHostStyleVariables:()=>{},App:class{\n    constructor(){this.h={}} ontoolresult;onhostcontextchanged;\n    async connect(){const p=new URLSearchParams(location.search).get(\"payload\");\n      if(p)this.ontoolresult?.({content:[{type:\"text\",text:p}]});}\n    getHostContext(){return{theme:\"light\"}}\n    sendMessage(m){console.log(\"sendMessage\",m)} updateModelContext(){}\n    callServerTool(){return Promise.resolve({content:[]})} openLink(){} downloadFile(){}\n  }};`;\n  res.type(\"html\").send(widgetHtml.replace(\"\u002F*__EXT_APPS_BUNDLE__*\u002F\", shim));\n});\n```\n\nOpen `http:\u002F\u002Flocalhost:3000\u002Fwidget-preview?payload={\"rows\":[...]}` in a normal browser tab and iterate with ordinary devtools.\n\n**Host fallback** — use a host without the apps surface (or MCP Inspector) and confirm the tool's text content degrades gracefully.\n\n**CSP debugging** — open the iframe's own devtools console. CSP violations are the #1 reason widgets silently fail (blank rectangle, no error in the main console). See `references\u002Fiframe-sandbox.md`.\n\n---\n\n## Reference files\n\n- `references\u002Fiframe-sandbox.md` — CSP\u002Fsandbox constraints, the bundle-inlining pattern, image handling, host theming\n- `references\u002Fwidget-templates.md` — reusable HTML scaffolds for picker \u002F confirm \u002F progress \u002F display\n- `references\u002Fapps-sdk-messages.md` — the `App` class API: widget ↔ host ↔ server messaging, lifecycle & supersession\n- `references\u002Fpayload-budgeting.md` — host tool-result size caps, prune-then-truncate, heavy assets via `callServerTool`\n- `references\u002Fabuse-protection.md` — Anthropic egress CIDRs, tiered rate limiting, `trust proxy`, response caching\n- `references\u002Fdirectory-checklist.md` — pre-flight for connector-directory submission\n",{"data":39,"body":41},{"name":4,"description":6,"version":40},"0.1.0",{"type":42,"children":43},"root",[44,53,75,96,128,135,284,335,339,345,350,437,442,445,451,463,606,618,621,627,634,646,658,664,676,692,695,701,713,745,765,1825,1852,1855,1869,1896,2533,2577,2874,2922,2930,2972,2984,2987,2993,3001,3044,3060,5287,5307,5322,6763,6776,6779,6785,6795,6805,6823,6846,6880,6898,6931,7003,7006,7012,7061,7312,7324,7334,7688,7708,7732,8006,8019,8029,8045,8048,8054,8140],{"type":45,"tag":46,"props":47,"children":49},"element","h1",{"id":48},"build-an-mcp-app-interactive-ui-widgets",[50],{"type":51,"value":52},"text","Build an MCP App (Interactive UI Widgets)",{"type":45,"tag":54,"props":55,"children":56},"p",{},[57,59,65,67,73],{"type":51,"value":58},"An MCP app is a standard MCP server that ",{"type":45,"tag":60,"props":61,"children":62},"strong",{},[63],{"type":51,"value":64},"also serves UI resources",{"type":51,"value":66}," — interactive components rendered inline in the chat surface. Build once, runs in Claude ",{"type":45,"tag":68,"props":69,"children":70},"em",{},[71],{"type":51,"value":72},"and",{"type":51,"value":74}," ChatGPT and any other host that implements the apps surface.",{"type":45,"tag":54,"props":76,"children":77},{},[78,80,85,87,94],{"type":51,"value":79},"The UI layer is ",{"type":45,"tag":60,"props":81,"children":82},{},[83],{"type":51,"value":84},"additive",{"type":51,"value":86},". Under the hood it's still tools, resources, and the same wire protocol. If you haven't built a plain MCP server before, the ",{"type":45,"tag":88,"props":89,"children":91},"code",{"className":90},[],[92],{"type":51,"value":93},"build-mcp-server",{"type":51,"value":95}," skill covers the base layer. This skill adds widgets on top.",{"type":45,"tag":97,"props":98,"children":99},"blockquote",{},[100],{"type":45,"tag":54,"props":101,"children":102},{},[103,108,110,116,118,126],{"type":45,"tag":60,"props":104,"children":105},{},[106],{"type":51,"value":107},"Testing in Claude:",{"type":51,"value":109}," Add the server as a custom connector in claude.ai (via a Cloudflare tunnel for local dev) — this exercises the real iframe sandbox and ",{"type":45,"tag":88,"props":111,"children":113},{"className":112},[],[114],{"type":51,"value":115},"hostContext",{"type":51,"value":117},". See ",{"type":45,"tag":119,"props":120,"children":124},"a",{"href":121,"rel":122},"https:\u002F\u002Fclaude.com\u002Fdocs\u002Fconnectors\u002Fbuilding\u002Ftesting",[123],"nofollow",[125],{"type":51,"value":121},{"type":51,"value":127},".",{"type":45,"tag":129,"props":130,"children":132},"h2",{"id":131},"claude-host-specifics",[133],{"type":51,"value":134},"Claude host specifics",{"type":45,"tag":136,"props":137,"children":138},"table",{},[139,169],{"type":45,"tag":140,"props":141,"children":142},"thead",{},[143],{"type":45,"tag":144,"props":145,"children":146},"tr",{},[147,159,164],{"type":45,"tag":148,"props":149,"children":150},"th",{},[151,157],{"type":45,"tag":88,"props":152,"children":154},{"className":153},[],[155],{"type":51,"value":156},"_meta.ui.*",{"type":51,"value":158}," key",{"type":45,"tag":148,"props":160,"children":161},{},[162],{"type":51,"value":163},"Where",{"type":45,"tag":148,"props":165,"children":166},{},[167],{"type":51,"value":168},"Effect",{"type":45,"tag":170,"props":171,"children":172},"tbody",{},[173,204,233,255],{"type":45,"tag":144,"props":174,"children":175},{},[176,186,191],{"type":45,"tag":177,"props":178,"children":179},"td",{},[180],{"type":45,"tag":88,"props":181,"children":183},{"className":182},[],[184],{"type":51,"value":185},"resourceUri",{"type":45,"tag":177,"props":187,"children":188},{},[189],{"type":51,"value":190},"tool",{"type":45,"tag":177,"props":192,"children":193},{},[194,196,202],{"type":51,"value":195},"Which ",{"type":45,"tag":88,"props":197,"children":199},{"className":198},[],[200],{"type":51,"value":201},"ui:\u002F\u002F",{"type":51,"value":203}," resource the host renders for this tool's results.",{"type":45,"tag":144,"props":205,"children":206},{},[207,216,220],{"type":45,"tag":177,"props":208,"children":209},{},[210],{"type":45,"tag":88,"props":211,"children":213},{"className":212},[],[214],{"type":51,"value":215},"visibility: [\"app\"]",{"type":45,"tag":177,"props":217,"children":218},{},[219],{"type":51,"value":190},{"type":45,"tag":177,"props":221,"children":222},{},[223,225,231],{"type":51,"value":224},"Hide a widget-only helper tool (e.g. geometry\u002Fimage fetcher called via ",{"type":45,"tag":88,"props":226,"children":228},{"className":227},[],[229],{"type":51,"value":230},"callServerTool",{"type":51,"value":232},") from Claude's tool list.",{"type":45,"tag":144,"props":234,"children":235},{},[236,245,250],{"type":45,"tag":177,"props":237,"children":238},{},[239],{"type":45,"tag":88,"props":240,"children":242},{"className":241},[],[243],{"type":51,"value":244},"prefersBorder: false",{"type":45,"tag":177,"props":246,"children":247},{},[248],{"type":51,"value":249},"resource",{"type":45,"tag":177,"props":251,"children":252},{},[253],{"type":51,"value":254},"Drop the host's outer card border (mobile).",{"type":45,"tag":144,"props":256,"children":257},{},[258,267,271],{"type":45,"tag":177,"props":259,"children":260},{},[261],{"type":45,"tag":88,"props":262,"children":264},{"className":263},[],[265],{"type":51,"value":266},"csp.{connectDomains, resourceDomains, baseUriDomains}",{"type":45,"tag":177,"props":268,"children":269},{},[270],{"type":51,"value":249},{"type":45,"tag":177,"props":272,"children":273},{},[274,276,282],{"type":51,"value":275},"Declare external origins; default is block-all. ",{"type":45,"tag":88,"props":277,"children":279},{"className":278},[],[280],{"type":51,"value":281},"frameDomains",{"type":51,"value":283}," is currently restricted in Claude.",{"type":45,"tag":285,"props":286,"children":287},"ul",{},[288,300],{"type":45,"tag":289,"props":290,"children":291},"li",{},[292,298],{"type":45,"tag":88,"props":293,"children":295},{"className":294},[],[296],{"type":51,"value":297},"hostContext.safeAreaInsets: {top, right, bottom, left}",{"type":51,"value":299}," (px) — honor these for notches and the composer overlay.",{"type":45,"tag":289,"props":301,"children":302},{},[303,305,310,312,318,320,326,328,334],{"type":51,"value":304},"Directory submission requires OAuth or ",{"type":45,"tag":60,"props":306,"children":307},{},[308],{"type":51,"value":309},"authless",{"type":51,"value":311}," (",{"type":45,"tag":88,"props":313,"children":315},{"className":314},[],[316],{"type":51,"value":317},"none",{"type":51,"value":319},") — static bearer is private-deploy only and blocks listing — plus tool ",{"type":45,"tag":88,"props":321,"children":323},{"className":322},[],[324],{"type":51,"value":325},"annotations",{"type":51,"value":327}," and 3–5 PNG screenshots; see ",{"type":45,"tag":88,"props":329,"children":331},{"className":330},[],[332],{"type":51,"value":333},"references\u002Fdirectory-checklist.md",{"type":51,"value":127},{"type":45,"tag":336,"props":337,"children":338},"hr",{},[],{"type":45,"tag":129,"props":340,"children":342},{"id":341},"when-a-widget-beats-plain-text",[343],{"type":51,"value":344},"When a widget beats plain text",{"type":45,"tag":54,"props":346,"children":347},{},[348],{"type":51,"value":349},"Don't add UI for its own sake — most tools are fine returning text or JSON. Add a widget when one of these is true:",{"type":45,"tag":136,"props":351,"children":352},{},[353,369],{"type":45,"tag":140,"props":354,"children":355},{},[356],{"type":45,"tag":144,"props":357,"children":358},{},[359,364],{"type":45,"tag":148,"props":360,"children":361},{},[362],{"type":51,"value":363},"Signal",{"type":45,"tag":148,"props":365,"children":366},{},[367],{"type":51,"value":368},"Widget type",{"type":45,"tag":170,"props":370,"children":371},{},[372,385,398,411,424],{"type":45,"tag":144,"props":373,"children":374},{},[375,380],{"type":45,"tag":177,"props":376,"children":377},{},[378],{"type":51,"value":379},"Tool needs structured input Claude can't reliably infer",{"type":45,"tag":177,"props":381,"children":382},{},[383],{"type":51,"value":384},"Form",{"type":45,"tag":144,"props":386,"children":387},{},[388,393],{"type":45,"tag":177,"props":389,"children":390},{},[391],{"type":51,"value":392},"User must pick from a list Claude can't rank (files, contacts, records)",{"type":45,"tag":177,"props":394,"children":395},{},[396],{"type":51,"value":397},"Picker \u002F table",{"type":45,"tag":144,"props":399,"children":400},{},[401,406],{"type":45,"tag":177,"props":402,"children":403},{},[404],{"type":51,"value":405},"Destructive or billable action needs explicit confirmation",{"type":45,"tag":177,"props":407,"children":408},{},[409],{"type":51,"value":410},"Confirm dialog",{"type":45,"tag":144,"props":412,"children":413},{},[414,419],{"type":45,"tag":177,"props":415,"children":416},{},[417],{"type":51,"value":418},"Output is spatial or visual (charts, maps, diffs, previews)",{"type":45,"tag":177,"props":420,"children":421},{},[422],{"type":51,"value":423},"Display widget",{"type":45,"tag":144,"props":425,"children":426},{},[427,432],{"type":45,"tag":177,"props":428,"children":429},{},[430],{"type":51,"value":431},"Long-running job the user wants to watch",{"type":45,"tag":177,"props":433,"children":434},{},[435],{"type":51,"value":436},"Progress \u002F live status",{"type":45,"tag":54,"props":438,"children":439},{},[440],{"type":51,"value":441},"If none apply, skip the widget. Text is faster to build and faster for the user.",{"type":45,"tag":336,"props":443,"children":444},{},[],{"type":45,"tag":129,"props":446,"children":448},{"id":447},"widgets-vs-elicitation-route-correctly",[449],{"type":51,"value":450},"Widgets vs Elicitation — route correctly",{"type":45,"tag":54,"props":452,"children":453},{},[454,456,461],{"type":51,"value":455},"Before building a widget, check if ",{"type":45,"tag":60,"props":457,"children":458},{},[459],{"type":51,"value":460},"elicitation",{"type":51,"value":462}," covers it. Elicitation is spec-native, zero UI code, works in any compliant host.",{"type":45,"tag":136,"props":464,"children":465},{},[466,487],{"type":45,"tag":140,"props":467,"children":468},{},[469],{"type":45,"tag":144,"props":470,"children":471},{},[472,477,482],{"type":45,"tag":148,"props":473,"children":474},{},[475],{"type":51,"value":476},"Need",{"type":45,"tag":148,"props":478,"children":479},{},[480],{"type":51,"value":481},"Elicitation",{"type":45,"tag":148,"props":483,"children":484},{},[485],{"type":51,"value":486},"Widget",{"type":45,"tag":170,"props":488,"children":489},{},[490,508,524,540,557,574,590],{"type":45,"tag":144,"props":491,"children":492},{},[493,498,503],{"type":45,"tag":177,"props":494,"children":495},{},[496],{"type":51,"value":497},"Confirm yes\u002Fno",{"type":45,"tag":177,"props":499,"children":500},{},[501],{"type":51,"value":502},"✅",{"type":45,"tag":177,"props":504,"children":505},{},[506],{"type":51,"value":507},"overkill",{"type":45,"tag":144,"props":509,"children":510},{},[511,516,520],{"type":45,"tag":177,"props":512,"children":513},{},[514],{"type":51,"value":515},"Pick from short enum",{"type":45,"tag":177,"props":517,"children":518},{},[519],{"type":51,"value":502},{"type":45,"tag":177,"props":521,"children":522},{},[523],{"type":51,"value":507},{"type":45,"tag":144,"props":525,"children":526},{},[527,532,536],{"type":45,"tag":177,"props":528,"children":529},{},[530],{"type":51,"value":531},"Fill a flat form (name, email, date)",{"type":45,"tag":177,"props":533,"children":534},{},[535],{"type":51,"value":502},{"type":45,"tag":177,"props":537,"children":538},{},[539],{"type":51,"value":507},{"type":45,"tag":144,"props":541,"children":542},{},[543,548,553],{"type":45,"tag":177,"props":544,"children":545},{},[546],{"type":51,"value":547},"Pick from a large\u002Fsearchable list",{"type":45,"tag":177,"props":549,"children":550},{},[551],{"type":51,"value":552},"❌ (no scroll\u002Fsearch)",{"type":45,"tag":177,"props":554,"children":555},{},[556],{"type":51,"value":502},{"type":45,"tag":144,"props":558,"children":559},{},[560,565,570],{"type":45,"tag":177,"props":561,"children":562},{},[563],{"type":51,"value":564},"Visual preview before choosing",{"type":45,"tag":177,"props":566,"children":567},{},[568],{"type":51,"value":569},"❌",{"type":45,"tag":177,"props":571,"children":572},{},[573],{"type":51,"value":502},{"type":45,"tag":144,"props":575,"children":576},{},[577,582,586],{"type":45,"tag":177,"props":578,"children":579},{},[580],{"type":51,"value":581},"Chart \u002F map \u002F diff view",{"type":45,"tag":177,"props":583,"children":584},{},[585],{"type":51,"value":569},{"type":45,"tag":177,"props":587,"children":588},{},[589],{"type":51,"value":502},{"type":45,"tag":144,"props":591,"children":592},{},[593,598,602],{"type":45,"tag":177,"props":594,"children":595},{},[596],{"type":51,"value":597},"Live-updating progress",{"type":45,"tag":177,"props":599,"children":600},{},[601],{"type":51,"value":569},{"type":45,"tag":177,"props":603,"children":604},{},[605],{"type":51,"value":502},{"type":45,"tag":54,"props":607,"children":608},{},[609,611,617],{"type":51,"value":610},"If elicitation covers it, use it. See ",{"type":45,"tag":88,"props":612,"children":614},{"className":613},[],[615],{"type":51,"value":616},"..\u002Fbuild-mcp-server\u002Freferences\u002Felicitation.md",{"type":51,"value":127},{"type":45,"tag":336,"props":619,"children":620},{},[],{"type":45,"tag":129,"props":622,"children":624},{"id":623},"architecture-two-deployment-shapes",[625],{"type":51,"value":626},"Architecture: two deployment shapes",{"type":45,"tag":628,"props":629,"children":631},"h3",{"id":630},"remote-mcp-app-most-common",[632],{"type":51,"value":633},"Remote MCP app (most common)",{"type":45,"tag":54,"props":635,"children":636},{},[637,639,644],{"type":51,"value":638},"Hosted streamable-HTTP server. Widget templates are served as ",{"type":45,"tag":60,"props":640,"children":641},{},[642],{"type":51,"value":643},"resources",{"type":51,"value":645},"; tool results reference them. The host fetches the resource, renders it in an iframe sandbox, and brokers messages between the widget and Claude.",{"type":45,"tag":647,"props":648,"children":652},"pre",{"className":649,"code":651,"language":51},[650],"language-text","┌──────────┐  tools\u002Fcall   ┌────────────┐\n│  Claude  │─────────────> │ MCP server │\n│   host   │\u003C── result ────│  (remote)  │\n│          │  + widget ref │            │\n│          │               │            │\n│          │ resources\u002Fread│            │\n│          │─────────────> │  widget    │\n│ ┌──────┐ │\u003C── template ──│  HTML\u002FJS   │\n│ │iframe│ │               └────────────┘\n│ │widget│ │\n│ └──────┘ │\n└──────────┘\n",[653],{"type":45,"tag":88,"props":654,"children":656},{"__ignoreMap":655},"",[657],{"type":51,"value":651},{"type":45,"tag":628,"props":659,"children":661},{"id":660},"mcpb-packaged-mcp-app-local-ui",[662],{"type":51,"value":663},"MCPB-packaged MCP app (local + UI)",{"type":45,"tag":54,"props":665,"children":666},{},[667,669,674],{"type":51,"value":668},"Same widget mechanism, but the server runs locally inside an MCPB bundle. Use this when the widget needs to drive a ",{"type":45,"tag":60,"props":670,"children":671},{},[672],{"type":51,"value":673},"local",{"type":51,"value":675}," application — e.g., a file picker that browses the actual local disk, a dialog that controls a desktop app.",{"type":45,"tag":54,"props":677,"children":678},{},[679,681,690],{"type":51,"value":680},"For MCPB packaging mechanics, defer to the ",{"type":45,"tag":60,"props":682,"children":683},{},[684],{"type":45,"tag":88,"props":685,"children":687},{"className":686},[],[688],{"type":51,"value":689},"build-mcpb",{"type":51,"value":691}," skill. Everything below applies to both shapes.",{"type":45,"tag":336,"props":693,"children":694},{},[],{"type":45,"tag":129,"props":696,"children":698},{"id":697},"how-widgets-attach-to-tools",[699],{"type":51,"value":700},"How widgets attach to tools",{"type":45,"tag":54,"props":702,"children":703},{},[704,706,711],{"type":51,"value":705},"A widget-enabled tool has ",{"type":45,"tag":60,"props":707,"children":708},{},[709],{"type":51,"value":710},"two separate registrations",{"type":51,"value":712},":",{"type":45,"tag":714,"props":715,"children":716},"ol",{},[717,735],{"type":45,"tag":289,"props":718,"children":719},{},[720,725,727,733],{"type":45,"tag":60,"props":721,"children":722},{},[723],{"type":51,"value":724},"The tool",{"type":51,"value":726}," declares a UI resource via ",{"type":45,"tag":88,"props":728,"children":730},{"className":729},[],[731],{"type":51,"value":732},"_meta.ui.resourceUri",{"type":51,"value":734},". Its handler returns plain text\u002FJSON — NOT the HTML.",{"type":45,"tag":289,"props":736,"children":737},{},[738,743],{"type":45,"tag":60,"props":739,"children":740},{},[741],{"type":51,"value":742},"The resource",{"type":51,"value":744}," is registered separately and serves the HTML.",{"type":45,"tag":54,"props":746,"children":747},{},[748,750,755,757,763],{"type":51,"value":749},"When Claude calls the tool, the host sees ",{"type":45,"tag":88,"props":751,"children":753},{"className":752},[],[754],{"type":51,"value":732},{"type":51,"value":756},", fetches that resource, renders it in an iframe, and pipes the tool's return value into the iframe via the ",{"type":45,"tag":88,"props":758,"children":760},{"className":759},[],[761],{"type":51,"value":762},"ontoolresult",{"type":51,"value":764}," event.",{"type":45,"tag":647,"props":766,"children":770},{"className":767,"code":768,"language":769,"meta":655,"style":655},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { McpServer } from \"@modelcontextprotocol\u002Fsdk\u002Fserver\u002Fmcp.js\";\nimport { registerAppTool, registerAppResource, RESOURCE_MIME_TYPE }\n  from \"@modelcontextprotocol\u002Fext-apps\u002Fserver\";\nimport { z } from \"zod\";\n\nconst server = new McpServer({ name: \"contacts\", version: \"1.0.0\" });\n\n\u002F\u002F 1. The tool — returns DATA, declares which UI to show\nregisterAppTool(server, \"pick_contact\", {\n  description: \"Open an interactive contact picker\",\n  annotations: { title: \"Pick Contact\", readOnlyHint: true },\n  inputSchema: { filter: z.string().optional() },\n  _meta: { ui: { resourceUri: \"ui:\u002F\u002Fwidgets\u002Fcontact-picker.html\" } },\n}, async ({ filter }) => {\n  const contacts = await db.contacts.search(filter);\n  \u002F\u002F Plain JSON — the widget receives this via ontoolresult\n  return { content: [{ type: \"text\", text: JSON.stringify(contacts) }] };\n});\n\n\u002F\u002F 2. The resource — serves the HTML\nregisterAppResource(\n  server,\n  \"Contact Picker\",\n  \"ui:\u002F\u002Fwidgets\u002Fcontact-picker.html\",\n  {},\n  async () => ({\n    contents: [{\n      uri: \"ui:\u002F\u002Fwidgets\u002Fcontact-picker.html\",\n      mimeType: RESOURCE_MIME_TYPE,\n      text: pickerHtml,  \u002F\u002F your HTML string\n    }],\n  }),\n);\n","typescript",[771],{"type":45,"tag":88,"props":772,"children":773},{"__ignoreMap":655},[774,829,870,896,938,948,1050,1058,1068,1108,1139,1202,1265,1325,1363,1426,1435,1542,1558,1566,1575,1589,1602,1624,1644,1653,1680,1701,1730,1751,1778,1796,1813],{"type":45,"tag":775,"props":776,"children":779},"span",{"class":777,"line":778},"line",1,[780,786,792,798,803,808,813,819,824],{"type":45,"tag":775,"props":781,"children":783},{"style":782},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[784],{"type":51,"value":785},"import",{"type":45,"tag":775,"props":787,"children":789},{"style":788},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[790],{"type":51,"value":791}," {",{"type":45,"tag":775,"props":793,"children":795},{"style":794},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[796],{"type":51,"value":797}," McpServer",{"type":45,"tag":775,"props":799,"children":800},{"style":788},[801],{"type":51,"value":802}," }",{"type":45,"tag":775,"props":804,"children":805},{"style":782},[806],{"type":51,"value":807}," from",{"type":45,"tag":775,"props":809,"children":810},{"style":788},[811],{"type":51,"value":812}," \"",{"type":45,"tag":775,"props":814,"children":816},{"style":815},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[817],{"type":51,"value":818},"@modelcontextprotocol\u002Fsdk\u002Fserver\u002Fmcp.js",{"type":45,"tag":775,"props":820,"children":821},{"style":788},[822],{"type":51,"value":823},"\"",{"type":45,"tag":775,"props":825,"children":826},{"style":788},[827],{"type":51,"value":828},";\n",{"type":45,"tag":775,"props":830,"children":832},{"class":777,"line":831},2,[833,837,841,846,851,856,860,865],{"type":45,"tag":775,"props":834,"children":835},{"style":782},[836],{"type":51,"value":785},{"type":45,"tag":775,"props":838,"children":839},{"style":788},[840],{"type":51,"value":791},{"type":45,"tag":775,"props":842,"children":843},{"style":794},[844],{"type":51,"value":845}," registerAppTool",{"type":45,"tag":775,"props":847,"children":848},{"style":788},[849],{"type":51,"value":850},",",{"type":45,"tag":775,"props":852,"children":853},{"style":794},[854],{"type":51,"value":855}," registerAppResource",{"type":45,"tag":775,"props":857,"children":858},{"style":788},[859],{"type":51,"value":850},{"type":45,"tag":775,"props":861,"children":862},{"style":794},[863],{"type":51,"value":864}," RESOURCE_MIME_TYPE",{"type":45,"tag":775,"props":866,"children":867},{"style":788},[868],{"type":51,"value":869}," }\n",{"type":45,"tag":775,"props":871,"children":873},{"class":777,"line":872},3,[874,879,883,888,892],{"type":45,"tag":775,"props":875,"children":876},{"style":782},[877],{"type":51,"value":878},"  from",{"type":45,"tag":775,"props":880,"children":881},{"style":788},[882],{"type":51,"value":812},{"type":45,"tag":775,"props":884,"children":885},{"style":815},[886],{"type":51,"value":887},"@modelcontextprotocol\u002Fext-apps\u002Fserver",{"type":45,"tag":775,"props":889,"children":890},{"style":788},[891],{"type":51,"value":823},{"type":45,"tag":775,"props":893,"children":894},{"style":788},[895],{"type":51,"value":828},{"type":45,"tag":775,"props":897,"children":899},{"class":777,"line":898},4,[900,904,908,913,917,921,925,930,934],{"type":45,"tag":775,"props":901,"children":902},{"style":782},[903],{"type":51,"value":785},{"type":45,"tag":775,"props":905,"children":906},{"style":788},[907],{"type":51,"value":791},{"type":45,"tag":775,"props":909,"children":910},{"style":794},[911],{"type":51,"value":912}," z",{"type":45,"tag":775,"props":914,"children":915},{"style":788},[916],{"type":51,"value":802},{"type":45,"tag":775,"props":918,"children":919},{"style":782},[920],{"type":51,"value":807},{"type":45,"tag":775,"props":922,"children":923},{"style":788},[924],{"type":51,"value":812},{"type":45,"tag":775,"props":926,"children":927},{"style":815},[928],{"type":51,"value":929},"zod",{"type":45,"tag":775,"props":931,"children":932},{"style":788},[933],{"type":51,"value":823},{"type":45,"tag":775,"props":935,"children":936},{"style":788},[937],{"type":51,"value":828},{"type":45,"tag":775,"props":939,"children":941},{"class":777,"line":940},5,[942],{"type":45,"tag":775,"props":943,"children":945},{"emptyLinePlaceholder":944},true,[946],{"type":51,"value":947},"\n",{"type":45,"tag":775,"props":949,"children":951},{"class":777,"line":950},6,[952,958,963,968,973,978,983,988,994,998,1002,1007,1011,1015,1020,1024,1028,1033,1037,1041,1046],{"type":45,"tag":775,"props":953,"children":955},{"style":954},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[956],{"type":51,"value":957},"const",{"type":45,"tag":775,"props":959,"children":960},{"style":794},[961],{"type":51,"value":962}," server ",{"type":45,"tag":775,"props":964,"children":965},{"style":788},[966],{"type":51,"value":967},"=",{"type":45,"tag":775,"props":969,"children":970},{"style":788},[971],{"type":51,"value":972}," new",{"type":45,"tag":775,"props":974,"children":976},{"style":975},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[977],{"type":51,"value":797},{"type":45,"tag":775,"props":979,"children":980},{"style":794},[981],{"type":51,"value":982},"(",{"type":45,"tag":775,"props":984,"children":985},{"style":788},[986],{"type":51,"value":987},"{",{"type":45,"tag":775,"props":989,"children":991},{"style":990},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[992],{"type":51,"value":993}," name",{"type":45,"tag":775,"props":995,"children":996},{"style":788},[997],{"type":51,"value":712},{"type":45,"tag":775,"props":999,"children":1000},{"style":788},[1001],{"type":51,"value":812},{"type":45,"tag":775,"props":1003,"children":1004},{"style":815},[1005],{"type":51,"value":1006},"contacts",{"type":45,"tag":775,"props":1008,"children":1009},{"style":788},[1010],{"type":51,"value":823},{"type":45,"tag":775,"props":1012,"children":1013},{"style":788},[1014],{"type":51,"value":850},{"type":45,"tag":775,"props":1016,"children":1017},{"style":990},[1018],{"type":51,"value":1019}," version",{"type":45,"tag":775,"props":1021,"children":1022},{"style":788},[1023],{"type":51,"value":712},{"type":45,"tag":775,"props":1025,"children":1026},{"style":788},[1027],{"type":51,"value":812},{"type":45,"tag":775,"props":1029,"children":1030},{"style":815},[1031],{"type":51,"value":1032},"1.0.0",{"type":45,"tag":775,"props":1034,"children":1035},{"style":788},[1036],{"type":51,"value":823},{"type":45,"tag":775,"props":1038,"children":1039},{"style":788},[1040],{"type":51,"value":802},{"type":45,"tag":775,"props":1042,"children":1043},{"style":794},[1044],{"type":51,"value":1045},")",{"type":45,"tag":775,"props":1047,"children":1048},{"style":788},[1049],{"type":51,"value":828},{"type":45,"tag":775,"props":1051,"children":1053},{"class":777,"line":1052},7,[1054],{"type":45,"tag":775,"props":1055,"children":1056},{"emptyLinePlaceholder":944},[1057],{"type":51,"value":947},{"type":45,"tag":775,"props":1059,"children":1061},{"class":777,"line":1060},8,[1062],{"type":45,"tag":775,"props":1063,"children":1065},{"style":1064},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1066],{"type":51,"value":1067},"\u002F\u002F 1. The tool — returns DATA, declares which UI to show\n",{"type":45,"tag":775,"props":1069,"children":1071},{"class":777,"line":1070},9,[1072,1077,1082,1086,1090,1095,1099,1103],{"type":45,"tag":775,"props":1073,"children":1074},{"style":975},[1075],{"type":51,"value":1076},"registerAppTool",{"type":45,"tag":775,"props":1078,"children":1079},{"style":794},[1080],{"type":51,"value":1081},"(server",{"type":45,"tag":775,"props":1083,"children":1084},{"style":788},[1085],{"type":51,"value":850},{"type":45,"tag":775,"props":1087,"children":1088},{"style":788},[1089],{"type":51,"value":812},{"type":45,"tag":775,"props":1091,"children":1092},{"style":815},[1093],{"type":51,"value":1094},"pick_contact",{"type":45,"tag":775,"props":1096,"children":1097},{"style":788},[1098],{"type":51,"value":823},{"type":45,"tag":775,"props":1100,"children":1101},{"style":788},[1102],{"type":51,"value":850},{"type":45,"tag":775,"props":1104,"children":1105},{"style":788},[1106],{"type":51,"value":1107}," {\n",{"type":45,"tag":775,"props":1109,"children":1111},{"class":777,"line":1110},10,[1112,1117,1121,1125,1130,1134],{"type":45,"tag":775,"props":1113,"children":1114},{"style":990},[1115],{"type":51,"value":1116},"  description",{"type":45,"tag":775,"props":1118,"children":1119},{"style":788},[1120],{"type":51,"value":712},{"type":45,"tag":775,"props":1122,"children":1123},{"style":788},[1124],{"type":51,"value":812},{"type":45,"tag":775,"props":1126,"children":1127},{"style":815},[1128],{"type":51,"value":1129},"Open an interactive contact picker",{"type":45,"tag":775,"props":1131,"children":1132},{"style":788},[1133],{"type":51,"value":823},{"type":45,"tag":775,"props":1135,"children":1136},{"style":788},[1137],{"type":51,"value":1138},",\n",{"type":45,"tag":775,"props":1140,"children":1142},{"class":777,"line":1141},11,[1143,1148,1152,1156,1161,1165,1169,1174,1178,1182,1187,1191,1197],{"type":45,"tag":775,"props":1144,"children":1145},{"style":990},[1146],{"type":51,"value":1147},"  annotations",{"type":45,"tag":775,"props":1149,"children":1150},{"style":788},[1151],{"type":51,"value":712},{"type":45,"tag":775,"props":1153,"children":1154},{"style":788},[1155],{"type":51,"value":791},{"type":45,"tag":775,"props":1157,"children":1158},{"style":990},[1159],{"type":51,"value":1160}," title",{"type":45,"tag":775,"props":1162,"children":1163},{"style":788},[1164],{"type":51,"value":712},{"type":45,"tag":775,"props":1166,"children":1167},{"style":788},[1168],{"type":51,"value":812},{"type":45,"tag":775,"props":1170,"children":1171},{"style":815},[1172],{"type":51,"value":1173},"Pick Contact",{"type":45,"tag":775,"props":1175,"children":1176},{"style":788},[1177],{"type":51,"value":823},{"type":45,"tag":775,"props":1179,"children":1180},{"style":788},[1181],{"type":51,"value":850},{"type":45,"tag":775,"props":1183,"children":1184},{"style":990},[1185],{"type":51,"value":1186}," readOnlyHint",{"type":45,"tag":775,"props":1188,"children":1189},{"style":788},[1190],{"type":51,"value":712},{"type":45,"tag":775,"props":1192,"children":1194},{"style":1193},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1195],{"type":51,"value":1196}," true",{"type":45,"tag":775,"props":1198,"children":1199},{"style":788},[1200],{"type":51,"value":1201}," },\n",{"type":45,"tag":775,"props":1203,"children":1205},{"class":777,"line":1204},12,[1206,1211,1215,1219,1224,1228,1232,1236,1241,1246,1250,1255,1260],{"type":45,"tag":775,"props":1207,"children":1208},{"style":990},[1209],{"type":51,"value":1210},"  inputSchema",{"type":45,"tag":775,"props":1212,"children":1213},{"style":788},[1214],{"type":51,"value":712},{"type":45,"tag":775,"props":1216,"children":1217},{"style":788},[1218],{"type":51,"value":791},{"type":45,"tag":775,"props":1220,"children":1221},{"style":990},[1222],{"type":51,"value":1223}," filter",{"type":45,"tag":775,"props":1225,"children":1226},{"style":788},[1227],{"type":51,"value":712},{"type":45,"tag":775,"props":1229,"children":1230},{"style":794},[1231],{"type":51,"value":912},{"type":45,"tag":775,"props":1233,"children":1234},{"style":788},[1235],{"type":51,"value":127},{"type":45,"tag":775,"props":1237,"children":1238},{"style":975},[1239],{"type":51,"value":1240},"string",{"type":45,"tag":775,"props":1242,"children":1243},{"style":794},[1244],{"type":51,"value":1245},"()",{"type":45,"tag":775,"props":1247,"children":1248},{"style":788},[1249],{"type":51,"value":127},{"type":45,"tag":775,"props":1251,"children":1252},{"style":975},[1253],{"type":51,"value":1254},"optional",{"type":45,"tag":775,"props":1256,"children":1257},{"style":794},[1258],{"type":51,"value":1259},"() ",{"type":45,"tag":775,"props":1261,"children":1262},{"style":788},[1263],{"type":51,"value":1264},"},\n",{"type":45,"tag":775,"props":1266,"children":1268},{"class":777,"line":1267},13,[1269,1274,1278,1282,1287,1291,1295,1300,1304,1308,1313,1317,1321],{"type":45,"tag":775,"props":1270,"children":1271},{"style":990},[1272],{"type":51,"value":1273},"  _meta",{"type":45,"tag":775,"props":1275,"children":1276},{"style":788},[1277],{"type":51,"value":712},{"type":45,"tag":775,"props":1279,"children":1280},{"style":788},[1281],{"type":51,"value":791},{"type":45,"tag":775,"props":1283,"children":1284},{"style":990},[1285],{"type":51,"value":1286}," ui",{"type":45,"tag":775,"props":1288,"children":1289},{"style":788},[1290],{"type":51,"value":712},{"type":45,"tag":775,"props":1292,"children":1293},{"style":788},[1294],{"type":51,"value":791},{"type":45,"tag":775,"props":1296,"children":1297},{"style":990},[1298],{"type":51,"value":1299}," resourceUri",{"type":45,"tag":775,"props":1301,"children":1302},{"style":788},[1303],{"type":51,"value":712},{"type":45,"tag":775,"props":1305,"children":1306},{"style":788},[1307],{"type":51,"value":812},{"type":45,"tag":775,"props":1309,"children":1310},{"style":815},[1311],{"type":51,"value":1312},"ui:\u002F\u002Fwidgets\u002Fcontact-picker.html",{"type":45,"tag":775,"props":1314,"children":1315},{"style":788},[1316],{"type":51,"value":823},{"type":45,"tag":775,"props":1318,"children":1319},{"style":788},[1320],{"type":51,"value":802},{"type":45,"tag":775,"props":1322,"children":1323},{"style":788},[1324],{"type":51,"value":1201},{"type":45,"tag":775,"props":1326,"children":1328},{"class":777,"line":1327},14,[1329,1334,1339,1344,1349,1354,1359],{"type":45,"tag":775,"props":1330,"children":1331},{"style":788},[1332],{"type":51,"value":1333},"},",{"type":45,"tag":775,"props":1335,"children":1336},{"style":954},[1337],{"type":51,"value":1338}," async",{"type":45,"tag":775,"props":1340,"children":1341},{"style":788},[1342],{"type":51,"value":1343}," ({",{"type":45,"tag":775,"props":1345,"children":1347},{"style":1346},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[1348],{"type":51,"value":1223},{"type":45,"tag":775,"props":1350,"children":1351},{"style":788},[1352],{"type":51,"value":1353}," })",{"type":45,"tag":775,"props":1355,"children":1356},{"style":954},[1357],{"type":51,"value":1358}," =>",{"type":45,"tag":775,"props":1360,"children":1361},{"style":788},[1362],{"type":51,"value":1107},{"type":45,"tag":775,"props":1364,"children":1366},{"class":777,"line":1365},15,[1367,1372,1377,1382,1387,1392,1396,1400,1404,1409,1413,1418,1422],{"type":45,"tag":775,"props":1368,"children":1369},{"style":954},[1370],{"type":51,"value":1371},"  const",{"type":45,"tag":775,"props":1373,"children":1374},{"style":794},[1375],{"type":51,"value":1376}," contacts",{"type":45,"tag":775,"props":1378,"children":1379},{"style":788},[1380],{"type":51,"value":1381}," =",{"type":45,"tag":775,"props":1383,"children":1384},{"style":782},[1385],{"type":51,"value":1386}," await",{"type":45,"tag":775,"props":1388,"children":1389},{"style":794},[1390],{"type":51,"value":1391}," db",{"type":45,"tag":775,"props":1393,"children":1394},{"style":788},[1395],{"type":51,"value":127},{"type":45,"tag":775,"props":1397,"children":1398},{"style":794},[1399],{"type":51,"value":1006},{"type":45,"tag":775,"props":1401,"children":1402},{"style":788},[1403],{"type":51,"value":127},{"type":45,"tag":775,"props":1405,"children":1406},{"style":975},[1407],{"type":51,"value":1408},"search",{"type":45,"tag":775,"props":1410,"children":1411},{"style":990},[1412],{"type":51,"value":982},{"type":45,"tag":775,"props":1414,"children":1415},{"style":794},[1416],{"type":51,"value":1417},"filter",{"type":45,"tag":775,"props":1419,"children":1420},{"style":990},[1421],{"type":51,"value":1045},{"type":45,"tag":775,"props":1423,"children":1424},{"style":788},[1425],{"type":51,"value":828},{"type":45,"tag":775,"props":1427,"children":1429},{"class":777,"line":1428},16,[1430],{"type":45,"tag":775,"props":1431,"children":1432},{"style":1064},[1433],{"type":51,"value":1434},"  \u002F\u002F Plain JSON — the widget receives this via ontoolresult\n",{"type":45,"tag":775,"props":1436,"children":1438},{"class":777,"line":1437},17,[1439,1444,1448,1453,1457,1462,1466,1471,1475,1479,1483,1487,1491,1496,1500,1505,1509,1514,1518,1522,1527,1532,1537],{"type":45,"tag":775,"props":1440,"children":1441},{"style":782},[1442],{"type":51,"value":1443},"  return",{"type":45,"tag":775,"props":1445,"children":1446},{"style":788},[1447],{"type":51,"value":791},{"type":45,"tag":775,"props":1449,"children":1450},{"style":990},[1451],{"type":51,"value":1452}," content",{"type":45,"tag":775,"props":1454,"children":1455},{"style":788},[1456],{"type":51,"value":712},{"type":45,"tag":775,"props":1458,"children":1459},{"style":990},[1460],{"type":51,"value":1461}," [",{"type":45,"tag":775,"props":1463,"children":1464},{"style":788},[1465],{"type":51,"value":987},{"type":45,"tag":775,"props":1467,"children":1468},{"style":990},[1469],{"type":51,"value":1470}," type",{"type":45,"tag":775,"props":1472,"children":1473},{"style":788},[1474],{"type":51,"value":712},{"type":45,"tag":775,"props":1476,"children":1477},{"style":788},[1478],{"type":51,"value":812},{"type":45,"tag":775,"props":1480,"children":1481},{"style":815},[1482],{"type":51,"value":51},{"type":45,"tag":775,"props":1484,"children":1485},{"style":788},[1486],{"type":51,"value":823},{"type":45,"tag":775,"props":1488,"children":1489},{"style":788},[1490],{"type":51,"value":850},{"type":45,"tag":775,"props":1492,"children":1493},{"style":990},[1494],{"type":51,"value":1495}," text",{"type":45,"tag":775,"props":1497,"children":1498},{"style":788},[1499],{"type":51,"value":712},{"type":45,"tag":775,"props":1501,"children":1502},{"style":794},[1503],{"type":51,"value":1504}," JSON",{"type":45,"tag":775,"props":1506,"children":1507},{"style":788},[1508],{"type":51,"value":127},{"type":45,"tag":775,"props":1510,"children":1511},{"style":975},[1512],{"type":51,"value":1513},"stringify",{"type":45,"tag":775,"props":1515,"children":1516},{"style":990},[1517],{"type":51,"value":982},{"type":45,"tag":775,"props":1519,"children":1520},{"style":794},[1521],{"type":51,"value":1006},{"type":45,"tag":775,"props":1523,"children":1524},{"style":990},[1525],{"type":51,"value":1526},") ",{"type":45,"tag":775,"props":1528,"children":1529},{"style":788},[1530],{"type":51,"value":1531},"}",{"type":45,"tag":775,"props":1533,"children":1534},{"style":990},[1535],{"type":51,"value":1536},"] ",{"type":45,"tag":775,"props":1538,"children":1539},{"style":788},[1540],{"type":51,"value":1541},"};\n",{"type":45,"tag":775,"props":1543,"children":1545},{"class":777,"line":1544},18,[1546,1550,1554],{"type":45,"tag":775,"props":1547,"children":1548},{"style":788},[1549],{"type":51,"value":1531},{"type":45,"tag":775,"props":1551,"children":1552},{"style":794},[1553],{"type":51,"value":1045},{"type":45,"tag":775,"props":1555,"children":1556},{"style":788},[1557],{"type":51,"value":828},{"type":45,"tag":775,"props":1559,"children":1561},{"class":777,"line":1560},19,[1562],{"type":45,"tag":775,"props":1563,"children":1564},{"emptyLinePlaceholder":944},[1565],{"type":51,"value":947},{"type":45,"tag":775,"props":1567,"children":1569},{"class":777,"line":1568},20,[1570],{"type":45,"tag":775,"props":1571,"children":1572},{"style":1064},[1573],{"type":51,"value":1574},"\u002F\u002F 2. The resource — serves the HTML\n",{"type":45,"tag":775,"props":1576,"children":1578},{"class":777,"line":1577},21,[1579,1584],{"type":45,"tag":775,"props":1580,"children":1581},{"style":975},[1582],{"type":51,"value":1583},"registerAppResource",{"type":45,"tag":775,"props":1585,"children":1586},{"style":794},[1587],{"type":51,"value":1588},"(\n",{"type":45,"tag":775,"props":1590,"children":1592},{"class":777,"line":1591},22,[1593,1598],{"type":45,"tag":775,"props":1594,"children":1595},{"style":794},[1596],{"type":51,"value":1597},"  server",{"type":45,"tag":775,"props":1599,"children":1600},{"style":788},[1601],{"type":51,"value":1138},{"type":45,"tag":775,"props":1603,"children":1605},{"class":777,"line":1604},23,[1606,1611,1616,1620],{"type":45,"tag":775,"props":1607,"children":1608},{"style":788},[1609],{"type":51,"value":1610},"  \"",{"type":45,"tag":775,"props":1612,"children":1613},{"style":815},[1614],{"type":51,"value":1615},"Contact Picker",{"type":45,"tag":775,"props":1617,"children":1618},{"style":788},[1619],{"type":51,"value":823},{"type":45,"tag":775,"props":1621,"children":1622},{"style":788},[1623],{"type":51,"value":1138},{"type":45,"tag":775,"props":1625,"children":1627},{"class":777,"line":1626},24,[1628,1632,1636,1640],{"type":45,"tag":775,"props":1629,"children":1630},{"style":788},[1631],{"type":51,"value":1610},{"type":45,"tag":775,"props":1633,"children":1634},{"style":815},[1635],{"type":51,"value":1312},{"type":45,"tag":775,"props":1637,"children":1638},{"style":788},[1639],{"type":51,"value":823},{"type":45,"tag":775,"props":1641,"children":1642},{"style":788},[1643],{"type":51,"value":1138},{"type":45,"tag":775,"props":1645,"children":1647},{"class":777,"line":1646},25,[1648],{"type":45,"tag":775,"props":1649,"children":1650},{"style":788},[1651],{"type":51,"value":1652},"  {},\n",{"type":45,"tag":775,"props":1654,"children":1656},{"class":777,"line":1655},26,[1657,1662,1667,1671,1675],{"type":45,"tag":775,"props":1658,"children":1659},{"style":954},[1660],{"type":51,"value":1661},"  async",{"type":45,"tag":775,"props":1663,"children":1664},{"style":788},[1665],{"type":51,"value":1666}," ()",{"type":45,"tag":775,"props":1668,"children":1669},{"style":954},[1670],{"type":51,"value":1358},{"type":45,"tag":775,"props":1672,"children":1673},{"style":794},[1674],{"type":51,"value":311},{"type":45,"tag":775,"props":1676,"children":1677},{"style":788},[1678],{"type":51,"value":1679},"{\n",{"type":45,"tag":775,"props":1681,"children":1683},{"class":777,"line":1682},27,[1684,1689,1693,1697],{"type":45,"tag":775,"props":1685,"children":1686},{"style":990},[1687],{"type":51,"value":1688},"    contents",{"type":45,"tag":775,"props":1690,"children":1691},{"style":788},[1692],{"type":51,"value":712},{"type":45,"tag":775,"props":1694,"children":1695},{"style":794},[1696],{"type":51,"value":1461},{"type":45,"tag":775,"props":1698,"children":1699},{"style":788},[1700],{"type":51,"value":1679},{"type":45,"tag":775,"props":1702,"children":1704},{"class":777,"line":1703},28,[1705,1710,1714,1718,1722,1726],{"type":45,"tag":775,"props":1706,"children":1707},{"style":990},[1708],{"type":51,"value":1709},"      uri",{"type":45,"tag":775,"props":1711,"children":1712},{"style":788},[1713],{"type":51,"value":712},{"type":45,"tag":775,"props":1715,"children":1716},{"style":788},[1717],{"type":51,"value":812},{"type":45,"tag":775,"props":1719,"children":1720},{"style":815},[1721],{"type":51,"value":1312},{"type":45,"tag":775,"props":1723,"children":1724},{"style":788},[1725],{"type":51,"value":823},{"type":45,"tag":775,"props":1727,"children":1728},{"style":788},[1729],{"type":51,"value":1138},{"type":45,"tag":775,"props":1731,"children":1733},{"class":777,"line":1732},29,[1734,1739,1743,1747],{"type":45,"tag":775,"props":1735,"children":1736},{"style":990},[1737],{"type":51,"value":1738},"      mimeType",{"type":45,"tag":775,"props":1740,"children":1741},{"style":788},[1742],{"type":51,"value":712},{"type":45,"tag":775,"props":1744,"children":1745},{"style":794},[1746],{"type":51,"value":864},{"type":45,"tag":775,"props":1748,"children":1749},{"style":788},[1750],{"type":51,"value":1138},{"type":45,"tag":775,"props":1752,"children":1754},{"class":777,"line":1753},30,[1755,1760,1764,1769,1773],{"type":45,"tag":775,"props":1756,"children":1757},{"style":990},[1758],{"type":51,"value":1759},"      text",{"type":45,"tag":775,"props":1761,"children":1762},{"style":788},[1763],{"type":51,"value":712},{"type":45,"tag":775,"props":1765,"children":1766},{"style":794},[1767],{"type":51,"value":1768}," pickerHtml",{"type":45,"tag":775,"props":1770,"children":1771},{"style":788},[1772],{"type":51,"value":850},{"type":45,"tag":775,"props":1774,"children":1775},{"style":1064},[1776],{"type":51,"value":1777},"  \u002F\u002F your HTML string\n",{"type":45,"tag":775,"props":1779,"children":1781},{"class":777,"line":1780},31,[1782,1787,1792],{"type":45,"tag":775,"props":1783,"children":1784},{"style":788},[1785],{"type":51,"value":1786},"    }",{"type":45,"tag":775,"props":1788,"children":1789},{"style":794},[1790],{"type":51,"value":1791},"]",{"type":45,"tag":775,"props":1793,"children":1794},{"style":788},[1795],{"type":51,"value":1138},{"type":45,"tag":775,"props":1797,"children":1799},{"class":777,"line":1798},32,[1800,1805,1809],{"type":45,"tag":775,"props":1801,"children":1802},{"style":788},[1803],{"type":51,"value":1804},"  }",{"type":45,"tag":775,"props":1806,"children":1807},{"style":794},[1808],{"type":51,"value":1045},{"type":45,"tag":775,"props":1810,"children":1811},{"style":788},[1812],{"type":51,"value":1138},{"type":45,"tag":775,"props":1814,"children":1816},{"class":777,"line":1815},33,[1817,1821],{"type":45,"tag":775,"props":1818,"children":1819},{"style":794},[1820],{"type":51,"value":1045},{"type":45,"tag":775,"props":1822,"children":1823},{"style":788},[1824],{"type":51,"value":828},{"type":45,"tag":54,"props":1826,"children":1827},{},[1828,1830,1835,1837,1843,1844,1850],{"type":51,"value":1829},"The URI scheme ",{"type":45,"tag":88,"props":1831,"children":1833},{"className":1832},[],[1834],{"type":51,"value":201},{"type":51,"value":1836}," is convention. The mime type MUST be ",{"type":45,"tag":88,"props":1838,"children":1840},{"className":1839},[],[1841],{"type":51,"value":1842},"RESOURCE_MIME_TYPE",{"type":51,"value":311},{"type":45,"tag":88,"props":1845,"children":1847},{"className":1846},[],[1848],{"type":51,"value":1849},"\"text\u002Fhtml;profile=mcp-app\"",{"type":51,"value":1851},") — this is how the host knows to render it as an interactive iframe, not just display the source.",{"type":45,"tag":336,"props":1853,"children":1854},{},[],{"type":45,"tag":129,"props":1856,"children":1858},{"id":1857},"widget-runtime-the-app-class",[1859,1861,1867],{"type":51,"value":1860},"Widget runtime — the ",{"type":45,"tag":88,"props":1862,"children":1864},{"className":1863},[],[1865],{"type":51,"value":1866},"App",{"type":51,"value":1868}," class",{"type":45,"tag":54,"props":1870,"children":1871},{},[1872,1874,1879,1881,1887,1889,1894],{"type":51,"value":1873},"Inside the iframe, your script talks to the host via the ",{"type":45,"tag":88,"props":1875,"children":1877},{"className":1876},[],[1878],{"type":51,"value":1866},{"type":51,"value":1880}," class from ",{"type":45,"tag":88,"props":1882,"children":1884},{"className":1883},[],[1885],{"type":51,"value":1886},"@modelcontextprotocol\u002Fext-apps",{"type":51,"value":1888},". This is a ",{"type":45,"tag":60,"props":1890,"children":1891},{},[1892],{"type":51,"value":1893},"persistent bidirectional connection",{"type":51,"value":1895}," — the widget stays alive as long as the conversation is active, receiving new tool results and sending user actions.",{"type":45,"tag":647,"props":1897,"children":1901},{"className":1898,"code":1899,"language":1900,"meta":655,"style":655},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript type=\"module\">\n  \u002F* ext-apps bundle inlined at build time → globalThis.ExtApps *\u002F\n  \u002F*__EXT_APPS_BUNDLE__*\u002F\n  const { App } = globalThis.ExtApps;\n\n  const app = new App({ name: \"ContactPicker\", version: \"1.0.0\" }, {});\n\n  \u002F\u002F Set handlers BEFORE connecting\n  app.ontoolresult = ({ content }) => {\n    const contacts = JSON.parse(content[0].text);\n    render(contacts);\n  };\n\n  await app.connect();\n\n  \u002F\u002F Later, when the user clicks something:\n  function onPick(contact) {\n    app.sendMessage({\n      role: \"user\",\n      content: [{ type: \"text\", text: `Selected contact: ${contact.id}` }],\n    });\n  }\n\u003C\u002Fscript>\n","html",[1902],{"type":45,"tag":88,"props":1903,"children":1904},{"__ignoreMap":655},[1905,1944,1952,1960,2002,2009,2105,2112,2120,2160,2229,2253,2261,2268,2298,2305,2313,2343,2368,2397,2494,2509,2517],{"type":45,"tag":775,"props":1906,"children":1907},{"class":777,"line":778},[1908,1913,1918,1922,1926,1930,1935,1939],{"type":45,"tag":775,"props":1909,"children":1910},{"style":788},[1911],{"type":51,"value":1912},"\u003C",{"type":45,"tag":775,"props":1914,"children":1915},{"style":990},[1916],{"type":51,"value":1917},"script",{"type":45,"tag":775,"props":1919,"children":1920},{"style":954},[1921],{"type":51,"value":1470},{"type":45,"tag":775,"props":1923,"children":1924},{"style":788},[1925],{"type":51,"value":967},{"type":45,"tag":775,"props":1927,"children":1928},{"style":788},[1929],{"type":51,"value":823},{"type":45,"tag":775,"props":1931,"children":1932},{"style":815},[1933],{"type":51,"value":1934},"module",{"type":45,"tag":775,"props":1936,"children":1937},{"style":788},[1938],{"type":51,"value":823},{"type":45,"tag":775,"props":1940,"children":1941},{"style":788},[1942],{"type":51,"value":1943},">\n",{"type":45,"tag":775,"props":1945,"children":1946},{"class":777,"line":831},[1947],{"type":45,"tag":775,"props":1948,"children":1949},{"style":1064},[1950],{"type":51,"value":1951},"  \u002F* ext-apps bundle inlined at build time → globalThis.ExtApps *\u002F\n",{"type":45,"tag":775,"props":1953,"children":1954},{"class":777,"line":872},[1955],{"type":45,"tag":775,"props":1956,"children":1957},{"style":1064},[1958],{"type":51,"value":1959},"  \u002F*__EXT_APPS_BUNDLE__*\u002F\n",{"type":45,"tag":775,"props":1961,"children":1962},{"class":777,"line":898},[1963,1967,1971,1976,1980,1984,1989,1993,1998],{"type":45,"tag":775,"props":1964,"children":1965},{"style":954},[1966],{"type":51,"value":1371},{"type":45,"tag":775,"props":1968,"children":1969},{"style":788},[1970],{"type":51,"value":791},{"type":45,"tag":775,"props":1972,"children":1973},{"style":794},[1974],{"type":51,"value":1975}," App ",{"type":45,"tag":775,"props":1977,"children":1978},{"style":788},[1979],{"type":51,"value":1531},{"type":45,"tag":775,"props":1981,"children":1982},{"style":788},[1983],{"type":51,"value":1381},{"type":45,"tag":775,"props":1985,"children":1986},{"style":794},[1987],{"type":51,"value":1988}," globalThis",{"type":45,"tag":775,"props":1990,"children":1991},{"style":788},[1992],{"type":51,"value":127},{"type":45,"tag":775,"props":1994,"children":1995},{"style":794},[1996],{"type":51,"value":1997},"ExtApps",{"type":45,"tag":775,"props":1999,"children":2000},{"style":788},[2001],{"type":51,"value":828},{"type":45,"tag":775,"props":2003,"children":2004},{"class":777,"line":940},[2005],{"type":45,"tag":775,"props":2006,"children":2007},{"emptyLinePlaceholder":944},[2008],{"type":51,"value":947},{"type":45,"tag":775,"props":2010,"children":2011},{"class":777,"line":950},[2012,2016,2021,2025,2029,2034,2038,2042,2046,2050,2054,2059,2063,2067,2071,2075,2079,2083,2087,2092,2097,2101],{"type":45,"tag":775,"props":2013,"children":2014},{"style":954},[2015],{"type":51,"value":1371},{"type":45,"tag":775,"props":2017,"children":2018},{"style":794},[2019],{"type":51,"value":2020}," app ",{"type":45,"tag":775,"props":2022,"children":2023},{"style":788},[2024],{"type":51,"value":967},{"type":45,"tag":775,"props":2026,"children":2027},{"style":788},[2028],{"type":51,"value":972},{"type":45,"tag":775,"props":2030,"children":2031},{"style":975},[2032],{"type":51,"value":2033}," App",{"type":45,"tag":775,"props":2035,"children":2036},{"style":794},[2037],{"type":51,"value":982},{"type":45,"tag":775,"props":2039,"children":2040},{"style":788},[2041],{"type":51,"value":987},{"type":45,"tag":775,"props":2043,"children":2044},{"style":990},[2045],{"type":51,"value":993},{"type":45,"tag":775,"props":2047,"children":2048},{"style":788},[2049],{"type":51,"value":712},{"type":45,"tag":775,"props":2051,"children":2052},{"style":788},[2053],{"type":51,"value":812},{"type":45,"tag":775,"props":2055,"children":2056},{"style":815},[2057],{"type":51,"value":2058},"ContactPicker",{"type":45,"tag":775,"props":2060,"children":2061},{"style":788},[2062],{"type":51,"value":823},{"type":45,"tag":775,"props":2064,"children":2065},{"style":788},[2066],{"type":51,"value":850},{"type":45,"tag":775,"props":2068,"children":2069},{"style":990},[2070],{"type":51,"value":1019},{"type":45,"tag":775,"props":2072,"children":2073},{"style":788},[2074],{"type":51,"value":712},{"type":45,"tag":775,"props":2076,"children":2077},{"style":788},[2078],{"type":51,"value":812},{"type":45,"tag":775,"props":2080,"children":2081},{"style":815},[2082],{"type":51,"value":1032},{"type":45,"tag":775,"props":2084,"children":2085},{"style":788},[2086],{"type":51,"value":823},{"type":45,"tag":775,"props":2088,"children":2089},{"style":788},[2090],{"type":51,"value":2091}," },",{"type":45,"tag":775,"props":2093,"children":2094},{"style":788},[2095],{"type":51,"value":2096}," {}",{"type":45,"tag":775,"props":2098,"children":2099},{"style":794},[2100],{"type":51,"value":1045},{"type":45,"tag":775,"props":2102,"children":2103},{"style":788},[2104],{"type":51,"value":828},{"type":45,"tag":775,"props":2106,"children":2107},{"class":777,"line":1052},[2108],{"type":45,"tag":775,"props":2109,"children":2110},{"emptyLinePlaceholder":944},[2111],{"type":51,"value":947},{"type":45,"tag":775,"props":2113,"children":2114},{"class":777,"line":1060},[2115],{"type":45,"tag":775,"props":2116,"children":2117},{"style":1064},[2118],{"type":51,"value":2119},"  \u002F\u002F Set handlers BEFORE connecting\n",{"type":45,"tag":775,"props":2121,"children":2122},{"class":777,"line":1070},[2123,2128,2132,2136,2140,2144,2148,2152,2156],{"type":45,"tag":775,"props":2124,"children":2125},{"style":794},[2126],{"type":51,"value":2127},"  app",{"type":45,"tag":775,"props":2129,"children":2130},{"style":788},[2131],{"type":51,"value":127},{"type":45,"tag":775,"props":2133,"children":2134},{"style":975},[2135],{"type":51,"value":762},{"type":45,"tag":775,"props":2137,"children":2138},{"style":788},[2139],{"type":51,"value":1381},{"type":45,"tag":775,"props":2141,"children":2142},{"style":788},[2143],{"type":51,"value":1343},{"type":45,"tag":775,"props":2145,"children":2146},{"style":1346},[2147],{"type":51,"value":1452},{"type":45,"tag":775,"props":2149,"children":2150},{"style":788},[2151],{"type":51,"value":1353},{"type":45,"tag":775,"props":2153,"children":2154},{"style":954},[2155],{"type":51,"value":1358},{"type":45,"tag":775,"props":2157,"children":2158},{"style":788},[2159],{"type":51,"value":1107},{"type":45,"tag":775,"props":2161,"children":2162},{"class":777,"line":1110},[2163,2168,2172,2176,2180,2184,2189,2193,2198,2203,2209,2213,2217,2221,2225],{"type":45,"tag":775,"props":2164,"children":2165},{"style":954},[2166],{"type":51,"value":2167},"    const",{"type":45,"tag":775,"props":2169,"children":2170},{"style":794},[2171],{"type":51,"value":1376},{"type":45,"tag":775,"props":2173,"children":2174},{"style":788},[2175],{"type":51,"value":1381},{"type":45,"tag":775,"props":2177,"children":2178},{"style":794},[2179],{"type":51,"value":1504},{"type":45,"tag":775,"props":2181,"children":2182},{"style":788},[2183],{"type":51,"value":127},{"type":45,"tag":775,"props":2185,"children":2186},{"style":975},[2187],{"type":51,"value":2188},"parse",{"type":45,"tag":775,"props":2190,"children":2191},{"style":990},[2192],{"type":51,"value":982},{"type":45,"tag":775,"props":2194,"children":2195},{"style":794},[2196],{"type":51,"value":2197},"content",{"type":45,"tag":775,"props":2199,"children":2200},{"style":990},[2201],{"type":51,"value":2202},"[",{"type":45,"tag":775,"props":2204,"children":2206},{"style":2205},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2207],{"type":51,"value":2208},"0",{"type":45,"tag":775,"props":2210,"children":2211},{"style":990},[2212],{"type":51,"value":1791},{"type":45,"tag":775,"props":2214,"children":2215},{"style":788},[2216],{"type":51,"value":127},{"type":45,"tag":775,"props":2218,"children":2219},{"style":794},[2220],{"type":51,"value":51},{"type":45,"tag":775,"props":2222,"children":2223},{"style":990},[2224],{"type":51,"value":1045},{"type":45,"tag":775,"props":2226,"children":2227},{"style":788},[2228],{"type":51,"value":828},{"type":45,"tag":775,"props":2230,"children":2231},{"class":777,"line":1141},[2232,2237,2241,2245,2249],{"type":45,"tag":775,"props":2233,"children":2234},{"style":975},[2235],{"type":51,"value":2236},"    render",{"type":45,"tag":775,"props":2238,"children":2239},{"style":990},[2240],{"type":51,"value":982},{"type":45,"tag":775,"props":2242,"children":2243},{"style":794},[2244],{"type":51,"value":1006},{"type":45,"tag":775,"props":2246,"children":2247},{"style":990},[2248],{"type":51,"value":1045},{"type":45,"tag":775,"props":2250,"children":2251},{"style":788},[2252],{"type":51,"value":828},{"type":45,"tag":775,"props":2254,"children":2255},{"class":777,"line":1204},[2256],{"type":45,"tag":775,"props":2257,"children":2258},{"style":788},[2259],{"type":51,"value":2260},"  };\n",{"type":45,"tag":775,"props":2262,"children":2263},{"class":777,"line":1267},[2264],{"type":45,"tag":775,"props":2265,"children":2266},{"emptyLinePlaceholder":944},[2267],{"type":51,"value":947},{"type":45,"tag":775,"props":2269,"children":2270},{"class":777,"line":1327},[2271,2276,2281,2285,2290,2294],{"type":45,"tag":775,"props":2272,"children":2273},{"style":782},[2274],{"type":51,"value":2275},"  await",{"type":45,"tag":775,"props":2277,"children":2278},{"style":794},[2279],{"type":51,"value":2280}," app",{"type":45,"tag":775,"props":2282,"children":2283},{"style":788},[2284],{"type":51,"value":127},{"type":45,"tag":775,"props":2286,"children":2287},{"style":975},[2288],{"type":51,"value":2289},"connect",{"type":45,"tag":775,"props":2291,"children":2292},{"style":794},[2293],{"type":51,"value":1245},{"type":45,"tag":775,"props":2295,"children":2296},{"style":788},[2297],{"type":51,"value":828},{"type":45,"tag":775,"props":2299,"children":2300},{"class":777,"line":1365},[2301],{"type":45,"tag":775,"props":2302,"children":2303},{"emptyLinePlaceholder":944},[2304],{"type":51,"value":947},{"type":45,"tag":775,"props":2306,"children":2307},{"class":777,"line":1428},[2308],{"type":45,"tag":775,"props":2309,"children":2310},{"style":1064},[2311],{"type":51,"value":2312},"  \u002F\u002F Later, when the user clicks something:\n",{"type":45,"tag":775,"props":2314,"children":2315},{"class":777,"line":1437},[2316,2321,2326,2330,2335,2339],{"type":45,"tag":775,"props":2317,"children":2318},{"style":954},[2319],{"type":51,"value":2320},"  function",{"type":45,"tag":775,"props":2322,"children":2323},{"style":975},[2324],{"type":51,"value":2325}," onPick",{"type":45,"tag":775,"props":2327,"children":2328},{"style":788},[2329],{"type":51,"value":982},{"type":45,"tag":775,"props":2331,"children":2332},{"style":1346},[2333],{"type":51,"value":2334},"contact",{"type":45,"tag":775,"props":2336,"children":2337},{"style":788},[2338],{"type":51,"value":1045},{"type":45,"tag":775,"props":2340,"children":2341},{"style":788},[2342],{"type":51,"value":1107},{"type":45,"tag":775,"props":2344,"children":2345},{"class":777,"line":1544},[2346,2351,2355,2360,2364],{"type":45,"tag":775,"props":2347,"children":2348},{"style":794},[2349],{"type":51,"value":2350},"    app",{"type":45,"tag":775,"props":2352,"children":2353},{"style":788},[2354],{"type":51,"value":127},{"type":45,"tag":775,"props":2356,"children":2357},{"style":975},[2358],{"type":51,"value":2359},"sendMessage",{"type":45,"tag":775,"props":2361,"children":2362},{"style":990},[2363],{"type":51,"value":982},{"type":45,"tag":775,"props":2365,"children":2366},{"style":788},[2367],{"type":51,"value":1679},{"type":45,"tag":775,"props":2369,"children":2370},{"class":777,"line":1560},[2371,2376,2380,2384,2389,2393],{"type":45,"tag":775,"props":2372,"children":2373},{"style":990},[2374],{"type":51,"value":2375},"      role",{"type":45,"tag":775,"props":2377,"children":2378},{"style":788},[2379],{"type":51,"value":712},{"type":45,"tag":775,"props":2381,"children":2382},{"style":788},[2383],{"type":51,"value":812},{"type":45,"tag":775,"props":2385,"children":2386},{"style":815},[2387],{"type":51,"value":2388},"user",{"type":45,"tag":775,"props":2390,"children":2391},{"style":788},[2392],{"type":51,"value":823},{"type":45,"tag":775,"props":2394,"children":2395},{"style":788},[2396],{"type":51,"value":1138},{"type":45,"tag":775,"props":2398,"children":2399},{"class":777,"line":1568},[2400,2405,2409,2413,2417,2421,2425,2429,2433,2437,2441,2445,2449,2454,2459,2464,2468,2472,2477,2482,2486,2490],{"type":45,"tag":775,"props":2401,"children":2402},{"style":990},[2403],{"type":51,"value":2404},"      content",{"type":45,"tag":775,"props":2406,"children":2407},{"style":788},[2408],{"type":51,"value":712},{"type":45,"tag":775,"props":2410,"children":2411},{"style":990},[2412],{"type":51,"value":1461},{"type":45,"tag":775,"props":2414,"children":2415},{"style":788},[2416],{"type":51,"value":987},{"type":45,"tag":775,"props":2418,"children":2419},{"style":990},[2420],{"type":51,"value":1470},{"type":45,"tag":775,"props":2422,"children":2423},{"style":788},[2424],{"type":51,"value":712},{"type":45,"tag":775,"props":2426,"children":2427},{"style":788},[2428],{"type":51,"value":812},{"type":45,"tag":775,"props":2430,"children":2431},{"style":815},[2432],{"type":51,"value":51},{"type":45,"tag":775,"props":2434,"children":2435},{"style":788},[2436],{"type":51,"value":823},{"type":45,"tag":775,"props":2438,"children":2439},{"style":788},[2440],{"type":51,"value":850},{"type":45,"tag":775,"props":2442,"children":2443},{"style":990},[2444],{"type":51,"value":1495},{"type":45,"tag":775,"props":2446,"children":2447},{"style":788},[2448],{"type":51,"value":712},{"type":45,"tag":775,"props":2450,"children":2451},{"style":788},[2452],{"type":51,"value":2453}," `",{"type":45,"tag":775,"props":2455,"children":2456},{"style":815},[2457],{"type":51,"value":2458},"Selected contact: ",{"type":45,"tag":775,"props":2460,"children":2461},{"style":788},[2462],{"type":51,"value":2463},"${",{"type":45,"tag":775,"props":2465,"children":2466},{"style":794},[2467],{"type":51,"value":2334},{"type":45,"tag":775,"props":2469,"children":2470},{"style":788},[2471],{"type":51,"value":127},{"type":45,"tag":775,"props":2473,"children":2474},{"style":794},[2475],{"type":51,"value":2476},"id",{"type":45,"tag":775,"props":2478,"children":2479},{"style":788},[2480],{"type":51,"value":2481},"}`",{"type":45,"tag":775,"props":2483,"children":2484},{"style":788},[2485],{"type":51,"value":802},{"type":45,"tag":775,"props":2487,"children":2488},{"style":990},[2489],{"type":51,"value":1791},{"type":45,"tag":775,"props":2491,"children":2492},{"style":788},[2493],{"type":51,"value":1138},{"type":45,"tag":775,"props":2495,"children":2496},{"class":777,"line":1577},[2497,2501,2505],{"type":45,"tag":775,"props":2498,"children":2499},{"style":788},[2500],{"type":51,"value":1786},{"type":45,"tag":775,"props":2502,"children":2503},{"style":990},[2504],{"type":51,"value":1045},{"type":45,"tag":775,"props":2506,"children":2507},{"style":788},[2508],{"type":51,"value":828},{"type":45,"tag":775,"props":2510,"children":2511},{"class":777,"line":1591},[2512],{"type":45,"tag":775,"props":2513,"children":2514},{"style":788},[2515],{"type":51,"value":2516},"  }\n",{"type":45,"tag":775,"props":2518,"children":2519},{"class":777,"line":1604},[2520,2525,2529],{"type":45,"tag":775,"props":2521,"children":2522},{"style":788},[2523],{"type":51,"value":2524},"\u003C\u002F",{"type":45,"tag":775,"props":2526,"children":2527},{"style":990},[2528],{"type":51,"value":1917},{"type":45,"tag":775,"props":2530,"children":2531},{"style":788},[2532],{"type":51,"value":1943},{"type":45,"tag":54,"props":2534,"children":2535},{},[2536,2538,2544,2546,2552,2554,2560,2562,2567,2569,2575],{"type":51,"value":2537},"The ",{"type":45,"tag":88,"props":2539,"children":2541},{"className":2540},[],[2542],{"type":51,"value":2543},"\u002F*__EXT_APPS_BUNDLE__*\u002F",{"type":51,"value":2545}," placeholder gets replaced by the server at startup with the contents of ",{"type":45,"tag":88,"props":2547,"children":2549},{"className":2548},[],[2550],{"type":51,"value":2551},"@modelcontextprotocol\u002Fext-apps\u002Fapp-with-deps",{"type":51,"value":2553}," — see ",{"type":45,"tag":88,"props":2555,"children":2557},{"className":2556},[],[2558],{"type":51,"value":2559},"references\u002Fiframe-sandbox.md",{"type":51,"value":2561}," for why this is necessary and the rewrite snippet. ",{"type":45,"tag":60,"props":2563,"children":2564},{},[2565],{"type":51,"value":2566},"Do not",{"type":51,"value":2568}," ",{"type":45,"tag":88,"props":2570,"children":2572},{"className":2571},[],[2573],{"type":51,"value":2574},"import { App } from \"https:\u002F\u002Fesm.sh\u002F...\"",{"type":51,"value":2576},"; the iframe's CSP blocks the transitive dependency fetches and the widget renders blank.",{"type":45,"tag":136,"props":2578,"children":2579},{},[2580,2601],{"type":45,"tag":140,"props":2581,"children":2582},{},[2583],{"type":45,"tag":144,"props":2584,"children":2585},{},[2586,2591,2596],{"type":45,"tag":148,"props":2587,"children":2588},{},[2589],{"type":51,"value":2590},"Method",{"type":45,"tag":148,"props":2592,"children":2593},{},[2594],{"type":51,"value":2595},"Direction",{"type":45,"tag":148,"props":2597,"children":2598},{},[2599],{"type":51,"value":2600},"Use for",{"type":45,"tag":170,"props":2602,"children":2603},{},[2604,2626,2647,2669,2690,2712,2740,2790,2831,2852],{"type":45,"tag":144,"props":2605,"children":2606},{},[2607,2616,2621],{"type":45,"tag":177,"props":2608,"children":2609},{},[2610],{"type":45,"tag":88,"props":2611,"children":2613},{"className":2612},[],[2614],{"type":51,"value":2615},"app.ontoolresult = fn",{"type":45,"tag":177,"props":2617,"children":2618},{},[2619],{"type":51,"value":2620},"Host → widget",{"type":45,"tag":177,"props":2622,"children":2623},{},[2624],{"type":51,"value":2625},"Receive the tool's return value",{"type":45,"tag":144,"props":2627,"children":2628},{},[2629,2638,2642],{"type":45,"tag":177,"props":2630,"children":2631},{},[2632],{"type":45,"tag":88,"props":2633,"children":2635},{"className":2634},[],[2636],{"type":51,"value":2637},"app.ontoolinput = fn",{"type":45,"tag":177,"props":2639,"children":2640},{},[2641],{"type":51,"value":2620},{"type":45,"tag":177,"props":2643,"children":2644},{},[2645],{"type":51,"value":2646},"Receive the tool's input args (what Claude passed)",{"type":45,"tag":144,"props":2648,"children":2649},{},[2650,2659,2664],{"type":45,"tag":177,"props":2651,"children":2652},{},[2653],{"type":45,"tag":88,"props":2654,"children":2656},{"className":2655},[],[2657],{"type":51,"value":2658},"app.sendMessage({...})",{"type":45,"tag":177,"props":2660,"children":2661},{},[2662],{"type":51,"value":2663},"Widget → host",{"type":45,"tag":177,"props":2665,"children":2666},{},[2667],{"type":51,"value":2668},"Inject a message into the conversation",{"type":45,"tag":144,"props":2670,"children":2671},{},[2672,2681,2685],{"type":45,"tag":177,"props":2673,"children":2674},{},[2675],{"type":45,"tag":88,"props":2676,"children":2678},{"className":2677},[],[2679],{"type":51,"value":2680},"app.updateModelContext({...})",{"type":45,"tag":177,"props":2682,"children":2683},{},[2684],{"type":51,"value":2663},{"type":45,"tag":177,"props":2686,"children":2687},{},[2688],{"type":51,"value":2689},"Update context silently (no visible message)",{"type":45,"tag":144,"props":2691,"children":2692},{},[2693,2702,2707],{"type":45,"tag":177,"props":2694,"children":2695},{},[2696],{"type":45,"tag":88,"props":2697,"children":2699},{"className":2698},[],[2700],{"type":51,"value":2701},"app.callServerTool({name, arguments})",{"type":45,"tag":177,"props":2703,"children":2704},{},[2705],{"type":51,"value":2706},"Widget → server",{"type":45,"tag":177,"props":2708,"children":2709},{},[2710],{"type":51,"value":2711},"Call another tool on your server",{"type":45,"tag":144,"props":2713,"children":2714},{},[2715,2724,2728],{"type":45,"tag":177,"props":2716,"children":2717},{},[2718],{"type":45,"tag":88,"props":2719,"children":2721},{"className":2720},[],[2722],{"type":51,"value":2723},"app.openLink({url})",{"type":45,"tag":177,"props":2725,"children":2726},{},[2727],{"type":51,"value":2663},{"type":45,"tag":177,"props":2729,"children":2730},{},[2731,2733,2739],{"type":51,"value":2732},"Open a URL in a new tab (sandbox blocks ",{"type":45,"tag":88,"props":2734,"children":2736},{"className":2735},[],[2737],{"type":51,"value":2738},"window.open",{"type":51,"value":1045},{"type":45,"tag":144,"props":2741,"children":2742},{},[2743,2760,2764],{"type":45,"tag":177,"props":2744,"children":2745},{},[2746,2752,2754],{"type":45,"tag":88,"props":2747,"children":2749},{"className":2748},[],[2750],{"type":51,"value":2751},"app.getHostContext()",{"type":51,"value":2753}," \u002F ",{"type":45,"tag":88,"props":2755,"children":2757},{"className":2756},[],[2758],{"type":51,"value":2759},"app.onhostcontextchanged",{"type":45,"tag":177,"props":2761,"children":2762},{},[2763],{"type":51,"value":2620},{"type":45,"tag":177,"props":2765,"children":2766},{},[2767,2769,2775,2777,2783,2784],{"type":51,"value":2768},"Theme, host CSS vars, ",{"type":45,"tag":88,"props":2770,"children":2772},{"className":2771},[],[2773],{"type":51,"value":2774},"containerDimensions",{"type":51,"value":2776},", ",{"type":45,"tag":88,"props":2778,"children":2780},{"className":2779},[],[2781],{"type":51,"value":2782},"displayMode",{"type":51,"value":2776},{"type":45,"tag":88,"props":2785,"children":2787},{"className":2786},[],[2788],{"type":51,"value":2789},"deviceCapabilities",{"type":45,"tag":144,"props":2791,"children":2792},{},[2793,2802,2806],{"type":45,"tag":177,"props":2794,"children":2795},{},[2796],{"type":45,"tag":88,"props":2797,"children":2799},{"className":2798},[],[2800],{"type":51,"value":2801},"app.requestDisplayMode({mode})",{"type":45,"tag":177,"props":2803,"children":2804},{},[2805],{"type":51,"value":2663},{"type":45,"tag":177,"props":2807,"children":2808},{},[2809,2811,2817,2818,2824,2825],{"type":51,"value":2810},"Ask for ",{"type":45,"tag":88,"props":2812,"children":2814},{"className":2813},[],[2815],{"type":51,"value":2816},"inline",{"type":51,"value":2753},{"type":45,"tag":88,"props":2819,"children":2821},{"className":2820},[],[2822],{"type":51,"value":2823},"pip",{"type":51,"value":2753},{"type":45,"tag":88,"props":2826,"children":2828},{"className":2827},[],[2829],{"type":51,"value":2830},"fullscreen",{"type":45,"tag":144,"props":2832,"children":2833},{},[2834,2843,2847],{"type":45,"tag":177,"props":2835,"children":2836},{},[2837],{"type":45,"tag":88,"props":2838,"children":2840},{"className":2839},[],[2841],{"type":51,"value":2842},"app.downloadFile({name, mimeType, content})",{"type":45,"tag":177,"props":2844,"children":2845},{},[2846],{"type":51,"value":2663},{"type":45,"tag":177,"props":2848,"children":2849},{},[2850],{"type":51,"value":2851},"Host-mediated download (base64 content)",{"type":45,"tag":144,"props":2853,"children":2854},{},[2855,2864,2869],{"type":45,"tag":177,"props":2856,"children":2857},{},[2858],{"type":45,"tag":88,"props":2859,"children":2861},{"className":2860},[],[2862],{"type":51,"value":2863},"new App(info, caps, {autoResize: true})",{"type":45,"tag":177,"props":2865,"children":2866},{},[2867],{"type":51,"value":2868},"—",{"type":45,"tag":177,"props":2870,"children":2871},{},[2872],{"type":51,"value":2873},"Iframe height tracks rendered content",{"type":45,"tag":54,"props":2875,"children":2876},{},[2877,2882,2884,2890,2892,2898,2900,2905,2907,2912,2914,2920],{"type":45,"tag":88,"props":2878,"children":2880},{"className":2879},[],[2881],{"type":51,"value":2359},{"type":51,"value":2883}," is the typical \"user picked something, tell Claude\" path. ",{"type":45,"tag":88,"props":2885,"children":2887},{"className":2886},[],[2888],{"type":51,"value":2889},"updateModelContext",{"type":51,"value":2891}," is for state that Claude should know about but shouldn't clutter the chat. ",{"type":45,"tag":88,"props":2893,"children":2895},{"className":2894},[],[2896],{"type":51,"value":2897},"openLink",{"type":51,"value":2899}," is ",{"type":45,"tag":60,"props":2901,"children":2902},{},[2903],{"type":51,"value":2904},"required",{"type":51,"value":2906}," for any outbound navigation — ",{"type":45,"tag":88,"props":2908,"children":2910},{"className":2909},[],[2911],{"type":51,"value":2738},{"type":51,"value":2913}," and ",{"type":45,"tag":88,"props":2915,"children":2917},{"className":2916},[],[2918],{"type":51,"value":2919},"\u003Ca target=\"_blank\">",{"type":51,"value":2921}," are blocked by the sandbox attribute.",{"type":45,"tag":54,"props":2923,"children":2924},{},[2925],{"type":45,"tag":60,"props":2926,"children":2927},{},[2928],{"type":51,"value":2929},"What widgets cannot do:",{"type":45,"tag":285,"props":2931,"children":2932},{},[2933,2938,2949,2959],{"type":45,"tag":289,"props":2934,"children":2935},{},[2936],{"type":51,"value":2937},"Access the host page's DOM, cookies, or storage",{"type":45,"tag":289,"props":2939,"children":2940},{},[2941,2943,2948],{"type":51,"value":2942},"Make network calls to arbitrary origins (CSP-restricted — route through ",{"type":45,"tag":88,"props":2944,"children":2946},{"className":2945},[],[2947],{"type":51,"value":230},{"type":51,"value":1045},{"type":45,"tag":289,"props":2950,"children":2951},{},[2952,2954],{"type":51,"value":2953},"Open popups or navigate directly — use ",{"type":45,"tag":88,"props":2955,"children":2957},{"className":2956},[],[2958],{"type":51,"value":2723},{"type":45,"tag":289,"props":2960,"children":2961},{},[2962,2964,2970],{"type":51,"value":2963},"Load remote images reliably — inline as ",{"type":45,"tag":88,"props":2965,"children":2967},{"className":2966},[],[2968],{"type":51,"value":2969},"data:",{"type":51,"value":2971}," URLs server-side",{"type":45,"tag":54,"props":2973,"children":2974},{},[2975,2977,2982],{"type":51,"value":2976},"Keep widgets ",{"type":45,"tag":60,"props":2978,"children":2979},{},[2980],{"type":51,"value":2981},"small and single-purpose",{"type":51,"value":2983},". A picker picks. A chart displays. Don't build a whole sub-app inside the iframe — split it into multiple tools with focused widgets.",{"type":45,"tag":336,"props":2985,"children":2986},{},[],{"type":45,"tag":129,"props":2988,"children":2990},{"id":2989},"scaffold-minimal-picker-widget",[2991],{"type":51,"value":2992},"Scaffold: minimal picker widget",{"type":45,"tag":54,"props":2994,"children":2995},{},[2996],{"type":45,"tag":60,"props":2997,"children":2998},{},[2999],{"type":51,"value":3000},"Install:",{"type":45,"tag":647,"props":3002,"children":3006},{"className":3003,"code":3004,"language":3005,"meta":655,"style":655},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @modelcontextprotocol\u002Fsdk @modelcontextprotocol\u002Fext-apps zod express\n","bash",[3007],{"type":45,"tag":88,"props":3008,"children":3009},{"__ignoreMap":655},[3010],{"type":45,"tag":775,"props":3011,"children":3012},{"class":777,"line":778},[3013,3019,3024,3029,3034,3039],{"type":45,"tag":775,"props":3014,"children":3016},{"style":3015},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[3017],{"type":51,"value":3018},"npm",{"type":45,"tag":775,"props":3020,"children":3021},{"style":815},[3022],{"type":51,"value":3023}," install",{"type":45,"tag":775,"props":3025,"children":3026},{"style":815},[3027],{"type":51,"value":3028}," @modelcontextprotocol\u002Fsdk",{"type":45,"tag":775,"props":3030,"children":3031},{"style":815},[3032],{"type":51,"value":3033}," @modelcontextprotocol\u002Fext-apps",{"type":45,"tag":775,"props":3035,"children":3036},{"style":815},[3037],{"type":51,"value":3038}," zod",{"type":45,"tag":775,"props":3040,"children":3041},{"style":815},[3042],{"type":51,"value":3043}," express\n",{"type":45,"tag":54,"props":3045,"children":3046},{},[3047],{"type":45,"tag":60,"props":3048,"children":3049},{},[3050,3052,3058],{"type":51,"value":3051},"Server (",{"type":45,"tag":88,"props":3053,"children":3055},{"className":3054},[],[3056],{"type":51,"value":3057},"src\u002Fserver.ts",{"type":51,"value":3059},"):",{"type":45,"tag":647,"props":3061,"children":3063},{"className":767,"code":3062,"language":769,"meta":655,"style":655},"import { McpServer } from \"@modelcontextprotocol\u002Fsdk\u002Fserver\u002Fmcp.js\";\nimport { StreamableHTTPServerTransport } from \"@modelcontextprotocol\u002Fsdk\u002Fserver\u002FstreamableHttp.js\";\nimport { registerAppTool, registerAppResource, RESOURCE_MIME_TYPE }\n  from \"@modelcontextprotocol\u002Fext-apps\u002Fserver\";\nimport express from \"express\";\nimport { readFileSync } from \"node:fs\";\nimport { createRequire } from \"node:module\";\nimport { z } from \"zod\";\n\nconst require = createRequire(import.meta.url);\nconst server = new McpServer({ name: \"contact-picker\", version: \"1.0.0\" });\n\n\u002F\u002F Inline the ext-apps browser bundle into the widget HTML.\n\u002F\u002F The iframe CSP blocks CDN script fetches — bundling is mandatory.\nconst bundle = readFileSync(\n  require.resolve(\"@modelcontextprotocol\u002Fext-apps\u002Fapp-with-deps\"), \"utf8\",\n).replace(\u002Fexport\\{([^}]+)\\};?\\s*$\u002F, (_, body) =>\n  \"globalThis.ExtApps={\" +\n  body.split(\",\").map((p) => {\n    const [local, exported] = p.split(\" as \").map((s) => s.trim());\n    return `${exported ?? local}:${local}`;\n  }).join(\",\") + \"};\",\n);\nconst pickerHtml = readFileSync(\".\u002Fwidgets\u002Fpicker.html\", \"utf8\")\n  .replace(\"\u002F*__EXT_APPS_BUNDLE__*\u002F\", () => bundle);\n\nregisterAppTool(server, \"pick_contact\", {\n  description: \"Open an interactive contact picker. User selects one contact.\",\n  annotations: { title: \"Pick Contact\", readOnlyHint: true },\n  inputSchema: { filter: z.string().optional().describe(\"Name\u002Femail prefix filter\") },\n  _meta: { ui: { resourceUri: \"ui:\u002F\u002Fwidgets\u002Fpicker.html\" } },\n}, async ({ filter }) => {\n  const contacts = await db.contacts.search(filter ?? \"\");\n  return { content: [{ type: \"text\", text: JSON.stringify(contacts) }] };\n});\n\nregisterAppResource(server, \"Contact Picker\", \"ui:\u002F\u002Fwidgets\u002Fpicker.html\", {},\n  async () => ({\n    contents: [{ uri: \"ui:\u002F\u002Fwidgets\u002Fpicker.html\", mimeType: RESOURCE_MIME_TYPE, text: pickerHtml }],\n  }),\n);\n\nconst app = express();\napp.use(express.json());\napp.post(\"\u002Fmcp\", async (req, res) => {\n  const transport = new StreamableHTTPServerTransport({ sessionIdGenerator: undefined });\n  res.on(\"close\", () => transport.close());\n  await server.connect(transport);\n  await transport.handleRequest(req, res, req.body);\n});\napp.listen(process.env.PORT ?? 3000);\n",[3064],{"type":45,"tag":88,"props":3065,"children":3066},{"__ignoreMap":655},[3067,3106,3147,3182,3205,3239,3280,3321,3360,3367,3417,3505,3512,3520,3528,3552,3610,3724,3745,3815,3933,3985,4047,4058,4116,4165,4172,4207,4235,4290,4375,4431,4462,4527,4623,4639,4647,4700,4724,4810,4826,4838,4846,4875,4915,4987,5046,5113,5151,5214,5230],{"type":45,"tag":775,"props":3068,"children":3069},{"class":777,"line":778},[3070,3074,3078,3082,3086,3090,3094,3098,3102],{"type":45,"tag":775,"props":3071,"children":3072},{"style":782},[3073],{"type":51,"value":785},{"type":45,"tag":775,"props":3075,"children":3076},{"style":788},[3077],{"type":51,"value":791},{"type":45,"tag":775,"props":3079,"children":3080},{"style":794},[3081],{"type":51,"value":797},{"type":45,"tag":775,"props":3083,"children":3084},{"style":788},[3085],{"type":51,"value":802},{"type":45,"tag":775,"props":3087,"children":3088},{"style":782},[3089],{"type":51,"value":807},{"type":45,"tag":775,"props":3091,"children":3092},{"style":788},[3093],{"type":51,"value":812},{"type":45,"tag":775,"props":3095,"children":3096},{"style":815},[3097],{"type":51,"value":818},{"type":45,"tag":775,"props":3099,"children":3100},{"style":788},[3101],{"type":51,"value":823},{"type":45,"tag":775,"props":3103,"children":3104},{"style":788},[3105],{"type":51,"value":828},{"type":45,"tag":775,"props":3107,"children":3108},{"class":777,"line":831},[3109,3113,3117,3122,3126,3130,3134,3139,3143],{"type":45,"tag":775,"props":3110,"children":3111},{"style":782},[3112],{"type":51,"value":785},{"type":45,"tag":775,"props":3114,"children":3115},{"style":788},[3116],{"type":51,"value":791},{"type":45,"tag":775,"props":3118,"children":3119},{"style":794},[3120],{"type":51,"value":3121}," StreamableHTTPServerTransport",{"type":45,"tag":775,"props":3123,"children":3124},{"style":788},[3125],{"type":51,"value":802},{"type":45,"tag":775,"props":3127,"children":3128},{"style":782},[3129],{"type":51,"value":807},{"type":45,"tag":775,"props":3131,"children":3132},{"style":788},[3133],{"type":51,"value":812},{"type":45,"tag":775,"props":3135,"children":3136},{"style":815},[3137],{"type":51,"value":3138},"@modelcontextprotocol\u002Fsdk\u002Fserver\u002FstreamableHttp.js",{"type":45,"tag":775,"props":3140,"children":3141},{"style":788},[3142],{"type":51,"value":823},{"type":45,"tag":775,"props":3144,"children":3145},{"style":788},[3146],{"type":51,"value":828},{"type":45,"tag":775,"props":3148,"children":3149},{"class":777,"line":872},[3150,3154,3158,3162,3166,3170,3174,3178],{"type":45,"tag":775,"props":3151,"children":3152},{"style":782},[3153],{"type":51,"value":785},{"type":45,"tag":775,"props":3155,"children":3156},{"style":788},[3157],{"type":51,"value":791},{"type":45,"tag":775,"props":3159,"children":3160},{"style":794},[3161],{"type":51,"value":845},{"type":45,"tag":775,"props":3163,"children":3164},{"style":788},[3165],{"type":51,"value":850},{"type":45,"tag":775,"props":3167,"children":3168},{"style":794},[3169],{"type":51,"value":855},{"type":45,"tag":775,"props":3171,"children":3172},{"style":788},[3173],{"type":51,"value":850},{"type":45,"tag":775,"props":3175,"children":3176},{"style":794},[3177],{"type":51,"value":864},{"type":45,"tag":775,"props":3179,"children":3180},{"style":788},[3181],{"type":51,"value":869},{"type":45,"tag":775,"props":3183,"children":3184},{"class":777,"line":898},[3185,3189,3193,3197,3201],{"type":45,"tag":775,"props":3186,"children":3187},{"style":782},[3188],{"type":51,"value":878},{"type":45,"tag":775,"props":3190,"children":3191},{"style":788},[3192],{"type":51,"value":812},{"type":45,"tag":775,"props":3194,"children":3195},{"style":815},[3196],{"type":51,"value":887},{"type":45,"tag":775,"props":3198,"children":3199},{"style":788},[3200],{"type":51,"value":823},{"type":45,"tag":775,"props":3202,"children":3203},{"style":788},[3204],{"type":51,"value":828},{"type":45,"tag":775,"props":3206,"children":3207},{"class":777,"line":940},[3208,3212,3217,3222,3226,3231,3235],{"type":45,"tag":775,"props":3209,"children":3210},{"style":782},[3211],{"type":51,"value":785},{"type":45,"tag":775,"props":3213,"children":3214},{"style":794},[3215],{"type":51,"value":3216}," express ",{"type":45,"tag":775,"props":3218,"children":3219},{"style":782},[3220],{"type":51,"value":3221},"from",{"type":45,"tag":775,"props":3223,"children":3224},{"style":788},[3225],{"type":51,"value":812},{"type":45,"tag":775,"props":3227,"children":3228},{"style":815},[3229],{"type":51,"value":3230},"express",{"type":45,"tag":775,"props":3232,"children":3233},{"style":788},[3234],{"type":51,"value":823},{"type":45,"tag":775,"props":3236,"children":3237},{"style":788},[3238],{"type":51,"value":828},{"type":45,"tag":775,"props":3240,"children":3241},{"class":777,"line":950},[3242,3246,3250,3255,3259,3263,3267,3272,3276],{"type":45,"tag":775,"props":3243,"children":3244},{"style":782},[3245],{"type":51,"value":785},{"type":45,"tag":775,"props":3247,"children":3248},{"style":788},[3249],{"type":51,"value":791},{"type":45,"tag":775,"props":3251,"children":3252},{"style":794},[3253],{"type":51,"value":3254}," readFileSync",{"type":45,"tag":775,"props":3256,"children":3257},{"style":788},[3258],{"type":51,"value":802},{"type":45,"tag":775,"props":3260,"children":3261},{"style":782},[3262],{"type":51,"value":807},{"type":45,"tag":775,"props":3264,"children":3265},{"style":788},[3266],{"type":51,"value":812},{"type":45,"tag":775,"props":3268,"children":3269},{"style":815},[3270],{"type":51,"value":3271},"node:fs",{"type":45,"tag":775,"props":3273,"children":3274},{"style":788},[3275],{"type":51,"value":823},{"type":45,"tag":775,"props":3277,"children":3278},{"style":788},[3279],{"type":51,"value":828},{"type":45,"tag":775,"props":3281,"children":3282},{"class":777,"line":1052},[3283,3287,3291,3296,3300,3304,3308,3313,3317],{"type":45,"tag":775,"props":3284,"children":3285},{"style":782},[3286],{"type":51,"value":785},{"type":45,"tag":775,"props":3288,"children":3289},{"style":788},[3290],{"type":51,"value":791},{"type":45,"tag":775,"props":3292,"children":3293},{"style":794},[3294],{"type":51,"value":3295}," createRequire",{"type":45,"tag":775,"props":3297,"children":3298},{"style":788},[3299],{"type":51,"value":802},{"type":45,"tag":775,"props":3301,"children":3302},{"style":782},[3303],{"type":51,"value":807},{"type":45,"tag":775,"props":3305,"children":3306},{"style":788},[3307],{"type":51,"value":812},{"type":45,"tag":775,"props":3309,"children":3310},{"style":815},[3311],{"type":51,"value":3312},"node:module",{"type":45,"tag":775,"props":3314,"children":3315},{"style":788},[3316],{"type":51,"value":823},{"type":45,"tag":775,"props":3318,"children":3319},{"style":788},[3320],{"type":51,"value":828},{"type":45,"tag":775,"props":3322,"children":3323},{"class":777,"line":1060},[3324,3328,3332,3336,3340,3344,3348,3352,3356],{"type":45,"tag":775,"props":3325,"children":3326},{"style":782},[3327],{"type":51,"value":785},{"type":45,"tag":775,"props":3329,"children":3330},{"style":788},[3331],{"type":51,"value":791},{"type":45,"tag":775,"props":3333,"children":3334},{"style":794},[3335],{"type":51,"value":912},{"type":45,"tag":775,"props":3337,"children":3338},{"style":788},[3339],{"type":51,"value":802},{"type":45,"tag":775,"props":3341,"children":3342},{"style":782},[3343],{"type":51,"value":807},{"type":45,"tag":775,"props":3345,"children":3346},{"style":788},[3347],{"type":51,"value":812},{"type":45,"tag":775,"props":3349,"children":3350},{"style":815},[3351],{"type":51,"value":929},{"type":45,"tag":775,"props":3353,"children":3354},{"style":788},[3355],{"type":51,"value":823},{"type":45,"tag":775,"props":3357,"children":3358},{"style":788},[3359],{"type":51,"value":828},{"type":45,"tag":775,"props":3361,"children":3362},{"class":777,"line":1070},[3363],{"type":45,"tag":775,"props":3364,"children":3365},{"emptyLinePlaceholder":944},[3366],{"type":51,"value":947},{"type":45,"tag":775,"props":3368,"children":3369},{"class":777,"line":1110},[3370,3374,3379,3383,3387,3391,3395,3399,3404,3408,3413],{"type":45,"tag":775,"props":3371,"children":3372},{"style":954},[3373],{"type":51,"value":957},{"type":45,"tag":775,"props":3375,"children":3376},{"style":794},[3377],{"type":51,"value":3378}," require ",{"type":45,"tag":775,"props":3380,"children":3381},{"style":788},[3382],{"type":51,"value":967},{"type":45,"tag":775,"props":3384,"children":3385},{"style":975},[3386],{"type":51,"value":3295},{"type":45,"tag":775,"props":3388,"children":3389},{"style":794},[3390],{"type":51,"value":982},{"type":45,"tag":775,"props":3392,"children":3393},{"style":782},[3394],{"type":51,"value":785},{"type":45,"tag":775,"props":3396,"children":3397},{"style":788},[3398],{"type":51,"value":127},{"type":45,"tag":775,"props":3400,"children":3401},{"style":794},[3402],{"type":51,"value":3403},"meta",{"type":45,"tag":775,"props":3405,"children":3406},{"style":788},[3407],{"type":51,"value":127},{"type":45,"tag":775,"props":3409,"children":3410},{"style":794},[3411],{"type":51,"value":3412},"url)",{"type":45,"tag":775,"props":3414,"children":3415},{"style":788},[3416],{"type":51,"value":828},{"type":45,"tag":775,"props":3418,"children":3419},{"class":777,"line":1141},[3420,3424,3428,3432,3436,3440,3444,3448,3452,3456,3460,3465,3469,3473,3477,3481,3485,3489,3493,3497,3501],{"type":45,"tag":775,"props":3421,"children":3422},{"style":954},[3423],{"type":51,"value":957},{"type":45,"tag":775,"props":3425,"children":3426},{"style":794},[3427],{"type":51,"value":962},{"type":45,"tag":775,"props":3429,"children":3430},{"style":788},[3431],{"type":51,"value":967},{"type":45,"tag":775,"props":3433,"children":3434},{"style":788},[3435],{"type":51,"value":972},{"type":45,"tag":775,"props":3437,"children":3438},{"style":975},[3439],{"type":51,"value":797},{"type":45,"tag":775,"props":3441,"children":3442},{"style":794},[3443],{"type":51,"value":982},{"type":45,"tag":775,"props":3445,"children":3446},{"style":788},[3447],{"type":51,"value":987},{"type":45,"tag":775,"props":3449,"children":3450},{"style":990},[3451],{"type":51,"value":993},{"type":45,"tag":775,"props":3453,"children":3454},{"style":788},[3455],{"type":51,"value":712},{"type":45,"tag":775,"props":3457,"children":3458},{"style":788},[3459],{"type":51,"value":812},{"type":45,"tag":775,"props":3461,"children":3462},{"style":815},[3463],{"type":51,"value":3464},"contact-picker",{"type":45,"tag":775,"props":3466,"children":3467},{"style":788},[3468],{"type":51,"value":823},{"type":45,"tag":775,"props":3470,"children":3471},{"style":788},[3472],{"type":51,"value":850},{"type":45,"tag":775,"props":3474,"children":3475},{"style":990},[3476],{"type":51,"value":1019},{"type":45,"tag":775,"props":3478,"children":3479},{"style":788},[3480],{"type":51,"value":712},{"type":45,"tag":775,"props":3482,"children":3483},{"style":788},[3484],{"type":51,"value":812},{"type":45,"tag":775,"props":3486,"children":3487},{"style":815},[3488],{"type":51,"value":1032},{"type":45,"tag":775,"props":3490,"children":3491},{"style":788},[3492],{"type":51,"value":823},{"type":45,"tag":775,"props":3494,"children":3495},{"style":788},[3496],{"type":51,"value":802},{"type":45,"tag":775,"props":3498,"children":3499},{"style":794},[3500],{"type":51,"value":1045},{"type":45,"tag":775,"props":3502,"children":3503},{"style":788},[3504],{"type":51,"value":828},{"type":45,"tag":775,"props":3506,"children":3507},{"class":777,"line":1204},[3508],{"type":45,"tag":775,"props":3509,"children":3510},{"emptyLinePlaceholder":944},[3511],{"type":51,"value":947},{"type":45,"tag":775,"props":3513,"children":3514},{"class":777,"line":1267},[3515],{"type":45,"tag":775,"props":3516,"children":3517},{"style":1064},[3518],{"type":51,"value":3519},"\u002F\u002F Inline the ext-apps browser bundle into the widget HTML.\n",{"type":45,"tag":775,"props":3521,"children":3522},{"class":777,"line":1327},[3523],{"type":45,"tag":775,"props":3524,"children":3525},{"style":1064},[3526],{"type":51,"value":3527},"\u002F\u002F The iframe CSP blocks CDN script fetches — bundling is mandatory.\n",{"type":45,"tag":775,"props":3529,"children":3530},{"class":777,"line":1365},[3531,3535,3540,3544,3548],{"type":45,"tag":775,"props":3532,"children":3533},{"style":954},[3534],{"type":51,"value":957},{"type":45,"tag":775,"props":3536,"children":3537},{"style":794},[3538],{"type":51,"value":3539}," bundle ",{"type":45,"tag":775,"props":3541,"children":3542},{"style":788},[3543],{"type":51,"value":967},{"type":45,"tag":775,"props":3545,"children":3546},{"style":975},[3547],{"type":51,"value":3254},{"type":45,"tag":775,"props":3549,"children":3550},{"style":794},[3551],{"type":51,"value":1588},{"type":45,"tag":775,"props":3553,"children":3554},{"class":777,"line":1428},[3555,3560,3564,3569,3573,3577,3581,3585,3589,3593,3597,3602,3606],{"type":45,"tag":775,"props":3556,"children":3557},{"style":794},[3558],{"type":51,"value":3559},"  require",{"type":45,"tag":775,"props":3561,"children":3562},{"style":788},[3563],{"type":51,"value":127},{"type":45,"tag":775,"props":3565,"children":3566},{"style":975},[3567],{"type":51,"value":3568},"resolve",{"type":45,"tag":775,"props":3570,"children":3571},{"style":794},[3572],{"type":51,"value":982},{"type":45,"tag":775,"props":3574,"children":3575},{"style":788},[3576],{"type":51,"value":823},{"type":45,"tag":775,"props":3578,"children":3579},{"style":815},[3580],{"type":51,"value":2551},{"type":45,"tag":775,"props":3582,"children":3583},{"style":788},[3584],{"type":51,"value":823},{"type":45,"tag":775,"props":3586,"children":3587},{"style":794},[3588],{"type":51,"value":1045},{"type":45,"tag":775,"props":3590,"children":3591},{"style":788},[3592],{"type":51,"value":850},{"type":45,"tag":775,"props":3594,"children":3595},{"style":788},[3596],{"type":51,"value":812},{"type":45,"tag":775,"props":3598,"children":3599},{"style":815},[3600],{"type":51,"value":3601},"utf8",{"type":45,"tag":775,"props":3603,"children":3604},{"style":788},[3605],{"type":51,"value":823},{"type":45,"tag":775,"props":3607,"children":3608},{"style":788},[3609],{"type":51,"value":1138},{"type":45,"tag":775,"props":3611,"children":3612},{"class":777,"line":1437},[3613,3617,3621,3626,3630,3635,3640,3645,3650,3654,3659,3664,3669,3674,3679,3684,3689,3693,3697,3701,3706,3710,3715,3719],{"type":45,"tag":775,"props":3614,"children":3615},{"style":794},[3616],{"type":51,"value":1045},{"type":45,"tag":775,"props":3618,"children":3619},{"style":788},[3620],{"type":51,"value":127},{"type":45,"tag":775,"props":3622,"children":3623},{"style":975},[3624],{"type":51,"value":3625},"replace",{"type":45,"tag":775,"props":3627,"children":3628},{"style":794},[3629],{"type":51,"value":982},{"type":45,"tag":775,"props":3631,"children":3632},{"style":788},[3633],{"type":51,"value":3634},"\u002F",{"type":45,"tag":775,"props":3636,"children":3637},{"style":815},[3638],{"type":51,"value":3639},"export",{"type":45,"tag":775,"props":3641,"children":3642},{"style":794},[3643],{"type":51,"value":3644},"\\{",{"type":45,"tag":775,"props":3646,"children":3647},{"style":788},[3648],{"type":51,"value":3649},"([^",{"type":45,"tag":775,"props":3651,"children":3652},{"style":815},[3653],{"type":51,"value":1531},{"type":45,"tag":775,"props":3655,"children":3656},{"style":788},[3657],{"type":51,"value":3658},"]+)",{"type":45,"tag":775,"props":3660,"children":3661},{"style":794},[3662],{"type":51,"value":3663},"\\}",{"type":45,"tag":775,"props":3665,"children":3666},{"style":815},[3667],{"type":51,"value":3668},";",{"type":45,"tag":775,"props":3670,"children":3671},{"style":788},[3672],{"type":51,"value":3673},"?",{"type":45,"tag":775,"props":3675,"children":3676},{"style":815},[3677],{"type":51,"value":3678},"\\s",{"type":45,"tag":775,"props":3680,"children":3681},{"style":788},[3682],{"type":51,"value":3683},"*",{"type":45,"tag":775,"props":3685,"children":3686},{"style":782},[3687],{"type":51,"value":3688},"$",{"type":45,"tag":775,"props":3690,"children":3691},{"style":788},[3692],{"type":51,"value":3634},{"type":45,"tag":775,"props":3694,"children":3695},{"style":788},[3696],{"type":51,"value":850},{"type":45,"tag":775,"props":3698,"children":3699},{"style":788},[3700],{"type":51,"value":311},{"type":45,"tag":775,"props":3702,"children":3703},{"style":1346},[3704],{"type":51,"value":3705},"_",{"type":45,"tag":775,"props":3707,"children":3708},{"style":788},[3709],{"type":51,"value":850},{"type":45,"tag":775,"props":3711,"children":3712},{"style":1346},[3713],{"type":51,"value":3714}," body",{"type":45,"tag":775,"props":3716,"children":3717},{"style":788},[3718],{"type":51,"value":1045},{"type":45,"tag":775,"props":3720,"children":3721},{"style":954},[3722],{"type":51,"value":3723}," =>\n",{"type":45,"tag":775,"props":3725,"children":3726},{"class":777,"line":1544},[3727,3731,3736,3740],{"type":45,"tag":775,"props":3728,"children":3729},{"style":788},[3730],{"type":51,"value":1610},{"type":45,"tag":775,"props":3732,"children":3733},{"style":815},[3734],{"type":51,"value":3735},"globalThis.ExtApps={",{"type":45,"tag":775,"props":3737,"children":3738},{"style":788},[3739],{"type":51,"value":823},{"type":45,"tag":775,"props":3741,"children":3742},{"style":788},[3743],{"type":51,"value":3744}," +\n",{"type":45,"tag":775,"props":3746,"children":3747},{"class":777,"line":1560},[3748,3753,3757,3762,3766,3770,3774,3778,3782,3786,3791,3795,3799,3803,3807,3811],{"type":45,"tag":775,"props":3749,"children":3750},{"style":794},[3751],{"type":51,"value":3752},"  body",{"type":45,"tag":775,"props":3754,"children":3755},{"style":788},[3756],{"type":51,"value":127},{"type":45,"tag":775,"props":3758,"children":3759},{"style":975},[3760],{"type":51,"value":3761},"split",{"type":45,"tag":775,"props":3763,"children":3764},{"style":794},[3765],{"type":51,"value":982},{"type":45,"tag":775,"props":3767,"children":3768},{"style":788},[3769],{"type":51,"value":823},{"type":45,"tag":775,"props":3771,"children":3772},{"style":815},[3773],{"type":51,"value":850},{"type":45,"tag":775,"props":3775,"children":3776},{"style":788},[3777],{"type":51,"value":823},{"type":45,"tag":775,"props":3779,"children":3780},{"style":794},[3781],{"type":51,"value":1045},{"type":45,"tag":775,"props":3783,"children":3784},{"style":788},[3785],{"type":51,"value":127},{"type":45,"tag":775,"props":3787,"children":3788},{"style":975},[3789],{"type":51,"value":3790},"map",{"type":45,"tag":775,"props":3792,"children":3793},{"style":794},[3794],{"type":51,"value":982},{"type":45,"tag":775,"props":3796,"children":3797},{"style":788},[3798],{"type":51,"value":982},{"type":45,"tag":775,"props":3800,"children":3801},{"style":1346},[3802],{"type":51,"value":54},{"type":45,"tag":775,"props":3804,"children":3805},{"style":788},[3806],{"type":51,"value":1045},{"type":45,"tag":775,"props":3808,"children":3809},{"style":954},[3810],{"type":51,"value":1358},{"type":45,"tag":775,"props":3812,"children":3813},{"style":788},[3814],{"type":51,"value":1107},{"type":45,"tag":775,"props":3816,"children":3817},{"class":777,"line":1568},[3818,3822,3826,3830,3834,3839,3843,3847,3852,3856,3860,3864,3868,3873,3877,3881,3885,3889,3893,3897,3902,3906,3910,3915,3919,3924,3929],{"type":45,"tag":775,"props":3819,"children":3820},{"style":954},[3821],{"type":51,"value":2167},{"type":45,"tag":775,"props":3823,"children":3824},{"style":788},[3825],{"type":51,"value":1461},{"type":45,"tag":775,"props":3827,"children":3828},{"style":794},[3829],{"type":51,"value":673},{"type":45,"tag":775,"props":3831,"children":3832},{"style":788},[3833],{"type":51,"value":850},{"type":45,"tag":775,"props":3835,"children":3836},{"style":794},[3837],{"type":51,"value":3838}," exported",{"type":45,"tag":775,"props":3840,"children":3841},{"style":788},[3842],{"type":51,"value":1791},{"type":45,"tag":775,"props":3844,"children":3845},{"style":788},[3846],{"type":51,"value":1381},{"type":45,"tag":775,"props":3848,"children":3849},{"style":794},[3850],{"type":51,"value":3851}," p",{"type":45,"tag":775,"props":3853,"children":3854},{"style":788},[3855],{"type":51,"value":127},{"type":45,"tag":775,"props":3857,"children":3858},{"style":975},[3859],{"type":51,"value":3761},{"type":45,"tag":775,"props":3861,"children":3862},{"style":990},[3863],{"type":51,"value":982},{"type":45,"tag":775,"props":3865,"children":3866},{"style":788},[3867],{"type":51,"value":823},{"type":45,"tag":775,"props":3869,"children":3870},{"style":815},[3871],{"type":51,"value":3872}," as ",{"type":45,"tag":775,"props":3874,"children":3875},{"style":788},[3876],{"type":51,"value":823},{"type":45,"tag":775,"props":3878,"children":3879},{"style":990},[3880],{"type":51,"value":1045},{"type":45,"tag":775,"props":3882,"children":3883},{"style":788},[3884],{"type":51,"value":127},{"type":45,"tag":775,"props":3886,"children":3887},{"style":975},[3888],{"type":51,"value":3790},{"type":45,"tag":775,"props":3890,"children":3891},{"style":990},[3892],{"type":51,"value":982},{"type":45,"tag":775,"props":3894,"children":3895},{"style":788},[3896],{"type":51,"value":982},{"type":45,"tag":775,"props":3898,"children":3899},{"style":1346},[3900],{"type":51,"value":3901},"s",{"type":45,"tag":775,"props":3903,"children":3904},{"style":788},[3905],{"type":51,"value":1045},{"type":45,"tag":775,"props":3907,"children":3908},{"style":954},[3909],{"type":51,"value":1358},{"type":45,"tag":775,"props":3911,"children":3912},{"style":794},[3913],{"type":51,"value":3914}," s",{"type":45,"tag":775,"props":3916,"children":3917},{"style":788},[3918],{"type":51,"value":127},{"type":45,"tag":775,"props":3920,"children":3921},{"style":975},[3922],{"type":51,"value":3923},"trim",{"type":45,"tag":775,"props":3925,"children":3926},{"style":990},[3927],{"type":51,"value":3928},"())",{"type":45,"tag":775,"props":3930,"children":3931},{"style":788},[3932],{"type":51,"value":828},{"type":45,"tag":775,"props":3934,"children":3935},{"class":777,"line":1577},[3936,3941,3946,3951,3956,3961,3965,3969,3973,3977,3981],{"type":45,"tag":775,"props":3937,"children":3938},{"style":782},[3939],{"type":51,"value":3940},"    return",{"type":45,"tag":775,"props":3942,"children":3943},{"style":788},[3944],{"type":51,"value":3945}," `${",{"type":45,"tag":775,"props":3947,"children":3948},{"style":794},[3949],{"type":51,"value":3950},"exported ",{"type":45,"tag":775,"props":3952,"children":3953},{"style":788},[3954],{"type":51,"value":3955},"??",{"type":45,"tag":775,"props":3957,"children":3958},{"style":794},[3959],{"type":51,"value":3960}," local",{"type":45,"tag":775,"props":3962,"children":3963},{"style":788},[3964],{"type":51,"value":1531},{"type":45,"tag":775,"props":3966,"children":3967},{"style":815},[3968],{"type":51,"value":712},{"type":45,"tag":775,"props":3970,"children":3971},{"style":788},[3972],{"type":51,"value":2463},{"type":45,"tag":775,"props":3974,"children":3975},{"style":794},[3976],{"type":51,"value":673},{"type":45,"tag":775,"props":3978,"children":3979},{"style":788},[3980],{"type":51,"value":2481},{"type":45,"tag":775,"props":3982,"children":3983},{"style":788},[3984],{"type":51,"value":828},{"type":45,"tag":775,"props":3986,"children":3987},{"class":777,"line":1591},[3988,3992,3996,4000,4005,4009,4013,4017,4021,4025,4030,4034,4039,4043],{"type":45,"tag":775,"props":3989,"children":3990},{"style":788},[3991],{"type":51,"value":1804},{"type":45,"tag":775,"props":3993,"children":3994},{"style":794},[3995],{"type":51,"value":1045},{"type":45,"tag":775,"props":3997,"children":3998},{"style":788},[3999],{"type":51,"value":127},{"type":45,"tag":775,"props":4001,"children":4002},{"style":975},[4003],{"type":51,"value":4004},"join",{"type":45,"tag":775,"props":4006,"children":4007},{"style":794},[4008],{"type":51,"value":982},{"type":45,"tag":775,"props":4010,"children":4011},{"style":788},[4012],{"type":51,"value":823},{"type":45,"tag":775,"props":4014,"children":4015},{"style":815},[4016],{"type":51,"value":850},{"type":45,"tag":775,"props":4018,"children":4019},{"style":788},[4020],{"type":51,"value":823},{"type":45,"tag":775,"props":4022,"children":4023},{"style":794},[4024],{"type":51,"value":1526},{"type":45,"tag":775,"props":4026,"children":4027},{"style":788},[4028],{"type":51,"value":4029},"+",{"type":45,"tag":775,"props":4031,"children":4032},{"style":788},[4033],{"type":51,"value":812},{"type":45,"tag":775,"props":4035,"children":4036},{"style":815},[4037],{"type":51,"value":4038},"};",{"type":45,"tag":775,"props":4040,"children":4041},{"style":788},[4042],{"type":51,"value":823},{"type":45,"tag":775,"props":4044,"children":4045},{"style":788},[4046],{"type":51,"value":1138},{"type":45,"tag":775,"props":4048,"children":4049},{"class":777,"line":1604},[4050,4054],{"type":45,"tag":775,"props":4051,"children":4052},{"style":794},[4053],{"type":51,"value":1045},{"type":45,"tag":775,"props":4055,"children":4056},{"style":788},[4057],{"type":51,"value":828},{"type":45,"tag":775,"props":4059,"children":4060},{"class":777,"line":1626},[4061,4065,4070,4074,4078,4082,4086,4091,4095,4099,4103,4107,4111],{"type":45,"tag":775,"props":4062,"children":4063},{"style":954},[4064],{"type":51,"value":957},{"type":45,"tag":775,"props":4066,"children":4067},{"style":794},[4068],{"type":51,"value":4069}," pickerHtml ",{"type":45,"tag":775,"props":4071,"children":4072},{"style":788},[4073],{"type":51,"value":967},{"type":45,"tag":775,"props":4075,"children":4076},{"style":975},[4077],{"type":51,"value":3254},{"type":45,"tag":775,"props":4079,"children":4080},{"style":794},[4081],{"type":51,"value":982},{"type":45,"tag":775,"props":4083,"children":4084},{"style":788},[4085],{"type":51,"value":823},{"type":45,"tag":775,"props":4087,"children":4088},{"style":815},[4089],{"type":51,"value":4090},".\u002Fwidgets\u002Fpicker.html",{"type":45,"tag":775,"props":4092,"children":4093},{"style":788},[4094],{"type":51,"value":823},{"type":45,"tag":775,"props":4096,"children":4097},{"style":788},[4098],{"type":51,"value":850},{"type":45,"tag":775,"props":4100,"children":4101},{"style":788},[4102],{"type":51,"value":812},{"type":45,"tag":775,"props":4104,"children":4105},{"style":815},[4106],{"type":51,"value":3601},{"type":45,"tag":775,"props":4108,"children":4109},{"style":788},[4110],{"type":51,"value":823},{"type":45,"tag":775,"props":4112,"children":4113},{"style":794},[4114],{"type":51,"value":4115},")\n",{"type":45,"tag":775,"props":4117,"children":4118},{"class":777,"line":1646},[4119,4124,4128,4132,4136,4140,4144,4148,4152,4156,4161],{"type":45,"tag":775,"props":4120,"children":4121},{"style":788},[4122],{"type":51,"value":4123},"  .",{"type":45,"tag":775,"props":4125,"children":4126},{"style":975},[4127],{"type":51,"value":3625},{"type":45,"tag":775,"props":4129,"children":4130},{"style":794},[4131],{"type":51,"value":982},{"type":45,"tag":775,"props":4133,"children":4134},{"style":788},[4135],{"type":51,"value":823},{"type":45,"tag":775,"props":4137,"children":4138},{"style":815},[4139],{"type":51,"value":2543},{"type":45,"tag":775,"props":4141,"children":4142},{"style":788},[4143],{"type":51,"value":823},{"type":45,"tag":775,"props":4145,"children":4146},{"style":788},[4147],{"type":51,"value":850},{"type":45,"tag":775,"props":4149,"children":4150},{"style":788},[4151],{"type":51,"value":1666},{"type":45,"tag":775,"props":4153,"children":4154},{"style":954},[4155],{"type":51,"value":1358},{"type":45,"tag":775,"props":4157,"children":4158},{"style":794},[4159],{"type":51,"value":4160}," bundle)",{"type":45,"tag":775,"props":4162,"children":4163},{"style":788},[4164],{"type":51,"value":828},{"type":45,"tag":775,"props":4166,"children":4167},{"class":777,"line":1655},[4168],{"type":45,"tag":775,"props":4169,"children":4170},{"emptyLinePlaceholder":944},[4171],{"type":51,"value":947},{"type":45,"tag":775,"props":4173,"children":4174},{"class":777,"line":1682},[4175,4179,4183,4187,4191,4195,4199,4203],{"type":45,"tag":775,"props":4176,"children":4177},{"style":975},[4178],{"type":51,"value":1076},{"type":45,"tag":775,"props":4180,"children":4181},{"style":794},[4182],{"type":51,"value":1081},{"type":45,"tag":775,"props":4184,"children":4185},{"style":788},[4186],{"type":51,"value":850},{"type":45,"tag":775,"props":4188,"children":4189},{"style":788},[4190],{"type":51,"value":812},{"type":45,"tag":775,"props":4192,"children":4193},{"style":815},[4194],{"type":51,"value":1094},{"type":45,"tag":775,"props":4196,"children":4197},{"style":788},[4198],{"type":51,"value":823},{"type":45,"tag":775,"props":4200,"children":4201},{"style":788},[4202],{"type":51,"value":850},{"type":45,"tag":775,"props":4204,"children":4205},{"style":788},[4206],{"type":51,"value":1107},{"type":45,"tag":775,"props":4208,"children":4209},{"class":777,"line":1703},[4210,4214,4218,4222,4227,4231],{"type":45,"tag":775,"props":4211,"children":4212},{"style":990},[4213],{"type":51,"value":1116},{"type":45,"tag":775,"props":4215,"children":4216},{"style":788},[4217],{"type":51,"value":712},{"type":45,"tag":775,"props":4219,"children":4220},{"style":788},[4221],{"type":51,"value":812},{"type":45,"tag":775,"props":4223,"children":4224},{"style":815},[4225],{"type":51,"value":4226},"Open an interactive contact picker. User selects one contact.",{"type":45,"tag":775,"props":4228,"children":4229},{"style":788},[4230],{"type":51,"value":823},{"type":45,"tag":775,"props":4232,"children":4233},{"style":788},[4234],{"type":51,"value":1138},{"type":45,"tag":775,"props":4236,"children":4237},{"class":777,"line":1732},[4238,4242,4246,4250,4254,4258,4262,4266,4270,4274,4278,4282,4286],{"type":45,"tag":775,"props":4239,"children":4240},{"style":990},[4241],{"type":51,"value":1147},{"type":45,"tag":775,"props":4243,"children":4244},{"style":788},[4245],{"type":51,"value":712},{"type":45,"tag":775,"props":4247,"children":4248},{"style":788},[4249],{"type":51,"value":791},{"type":45,"tag":775,"props":4251,"children":4252},{"style":990},[4253],{"type":51,"value":1160},{"type":45,"tag":775,"props":4255,"children":4256},{"style":788},[4257],{"type":51,"value":712},{"type":45,"tag":775,"props":4259,"children":4260},{"style":788},[4261],{"type":51,"value":812},{"type":45,"tag":775,"props":4263,"children":4264},{"style":815},[4265],{"type":51,"value":1173},{"type":45,"tag":775,"props":4267,"children":4268},{"style":788},[4269],{"type":51,"value":823},{"type":45,"tag":775,"props":4271,"children":4272},{"style":788},[4273],{"type":51,"value":850},{"type":45,"tag":775,"props":4275,"children":4276},{"style":990},[4277],{"type":51,"value":1186},{"type":45,"tag":775,"props":4279,"children":4280},{"style":788},[4281],{"type":51,"value":712},{"type":45,"tag":775,"props":4283,"children":4284},{"style":1193},[4285],{"type":51,"value":1196},{"type":45,"tag":775,"props":4287,"children":4288},{"style":788},[4289],{"type":51,"value":1201},{"type":45,"tag":775,"props":4291,"children":4292},{"class":777,"line":1753},[4293,4297,4301,4305,4309,4313,4317,4321,4325,4329,4333,4337,4341,4345,4350,4354,4358,4363,4367,4371],{"type":45,"tag":775,"props":4294,"children":4295},{"style":990},[4296],{"type":51,"value":1210},{"type":45,"tag":775,"props":4298,"children":4299},{"style":788},[4300],{"type":51,"value":712},{"type":45,"tag":775,"props":4302,"children":4303},{"style":788},[4304],{"type":51,"value":791},{"type":45,"tag":775,"props":4306,"children":4307},{"style":990},[4308],{"type":51,"value":1223},{"type":45,"tag":775,"props":4310,"children":4311},{"style":788},[4312],{"type":51,"value":712},{"type":45,"tag":775,"props":4314,"children":4315},{"style":794},[4316],{"type":51,"value":912},{"type":45,"tag":775,"props":4318,"children":4319},{"style":788},[4320],{"type":51,"value":127},{"type":45,"tag":775,"props":4322,"children":4323},{"style":975},[4324],{"type":51,"value":1240},{"type":45,"tag":775,"props":4326,"children":4327},{"style":794},[4328],{"type":51,"value":1245},{"type":45,"tag":775,"props":4330,"children":4331},{"style":788},[4332],{"type":51,"value":127},{"type":45,"tag":775,"props":4334,"children":4335},{"style":975},[4336],{"type":51,"value":1254},{"type":45,"tag":775,"props":4338,"children":4339},{"style":794},[4340],{"type":51,"value":1245},{"type":45,"tag":775,"props":4342,"children":4343},{"style":788},[4344],{"type":51,"value":127},{"type":45,"tag":775,"props":4346,"children":4347},{"style":975},[4348],{"type":51,"value":4349},"describe",{"type":45,"tag":775,"props":4351,"children":4352},{"style":794},[4353],{"type":51,"value":982},{"type":45,"tag":775,"props":4355,"children":4356},{"style":788},[4357],{"type":51,"value":823},{"type":45,"tag":775,"props":4359,"children":4360},{"style":815},[4361],{"type":51,"value":4362},"Name\u002Femail prefix filter",{"type":45,"tag":775,"props":4364,"children":4365},{"style":788},[4366],{"type":51,"value":823},{"type":45,"tag":775,"props":4368,"children":4369},{"style":794},[4370],{"type":51,"value":1526},{"type":45,"tag":775,"props":4372,"children":4373},{"style":788},[4374],{"type":51,"value":1264},{"type":45,"tag":775,"props":4376,"children":4377},{"class":777,"line":1780},[4378,4382,4386,4390,4394,4398,4402,4406,4410,4414,4419,4423,4427],{"type":45,"tag":775,"props":4379,"children":4380},{"style":990},[4381],{"type":51,"value":1273},{"type":45,"tag":775,"props":4383,"children":4384},{"style":788},[4385],{"type":51,"value":712},{"type":45,"tag":775,"props":4387,"children":4388},{"style":788},[4389],{"type":51,"value":791},{"type":45,"tag":775,"props":4391,"children":4392},{"style":990},[4393],{"type":51,"value":1286},{"type":45,"tag":775,"props":4395,"children":4396},{"style":788},[4397],{"type":51,"value":712},{"type":45,"tag":775,"props":4399,"children":4400},{"style":788},[4401],{"type":51,"value":791},{"type":45,"tag":775,"props":4403,"children":4404},{"style":990},[4405],{"type":51,"value":1299},{"type":45,"tag":775,"props":4407,"children":4408},{"style":788},[4409],{"type":51,"value":712},{"type":45,"tag":775,"props":4411,"children":4412},{"style":788},[4413],{"type":51,"value":812},{"type":45,"tag":775,"props":4415,"children":4416},{"style":815},[4417],{"type":51,"value":4418},"ui:\u002F\u002Fwidgets\u002Fpicker.html",{"type":45,"tag":775,"props":4420,"children":4421},{"style":788},[4422],{"type":51,"value":823},{"type":45,"tag":775,"props":4424,"children":4425},{"style":788},[4426],{"type":51,"value":802},{"type":45,"tag":775,"props":4428,"children":4429},{"style":788},[4430],{"type":51,"value":1201},{"type":45,"tag":775,"props":4432,"children":4433},{"class":777,"line":1798},[4434,4438,4442,4446,4450,4454,4458],{"type":45,"tag":775,"props":4435,"children":4436},{"style":788},[4437],{"type":51,"value":1333},{"type":45,"tag":775,"props":4439,"children":4440},{"style":954},[4441],{"type":51,"value":1338},{"type":45,"tag":775,"props":4443,"children":4444},{"style":788},[4445],{"type":51,"value":1343},{"type":45,"tag":775,"props":4447,"children":4448},{"style":1346},[4449],{"type":51,"value":1223},{"type":45,"tag":775,"props":4451,"children":4452},{"style":788},[4453],{"type":51,"value":1353},{"type":45,"tag":775,"props":4455,"children":4456},{"style":954},[4457],{"type":51,"value":1358},{"type":45,"tag":775,"props":4459,"children":4460},{"style":788},[4461],{"type":51,"value":1107},{"type":45,"tag":775,"props":4463,"children":4464},{"class":777,"line":1815},[4465,4469,4473,4477,4481,4485,4489,4493,4497,4501,4505,4509,4514,4519,4523],{"type":45,"tag":775,"props":4466,"children":4467},{"style":954},[4468],{"type":51,"value":1371},{"type":45,"tag":775,"props":4470,"children":4471},{"style":794},[4472],{"type":51,"value":1376},{"type":45,"tag":775,"props":4474,"children":4475},{"style":788},[4476],{"type":51,"value":1381},{"type":45,"tag":775,"props":4478,"children":4479},{"style":782},[4480],{"type":51,"value":1386},{"type":45,"tag":775,"props":4482,"children":4483},{"style":794},[4484],{"type":51,"value":1391},{"type":45,"tag":775,"props":4486,"children":4487},{"style":788},[4488],{"type":51,"value":127},{"type":45,"tag":775,"props":4490,"children":4491},{"style":794},[4492],{"type":51,"value":1006},{"type":45,"tag":775,"props":4494,"children":4495},{"style":788},[4496],{"type":51,"value":127},{"type":45,"tag":775,"props":4498,"children":4499},{"style":975},[4500],{"type":51,"value":1408},{"type":45,"tag":775,"props":4502,"children":4503},{"style":990},[4504],{"type":51,"value":982},{"type":45,"tag":775,"props":4506,"children":4507},{"style":794},[4508],{"type":51,"value":1417},{"type":45,"tag":775,"props":4510,"children":4511},{"style":788},[4512],{"type":51,"value":4513}," ??",{"type":45,"tag":775,"props":4515,"children":4516},{"style":788},[4517],{"type":51,"value":4518}," \"\"",{"type":45,"tag":775,"props":4520,"children":4521},{"style":990},[4522],{"type":51,"value":1045},{"type":45,"tag":775,"props":4524,"children":4525},{"style":788},[4526],{"type":51,"value":828},{"type":45,"tag":775,"props":4528,"children":4530},{"class":777,"line":4529},34,[4531,4535,4539,4543,4547,4551,4555,4559,4563,4567,4571,4575,4579,4583,4587,4591,4595,4599,4603,4607,4611,4615,4619],{"type":45,"tag":775,"props":4532,"children":4533},{"style":782},[4534],{"type":51,"value":1443},{"type":45,"tag":775,"props":4536,"children":4537},{"style":788},[4538],{"type":51,"value":791},{"type":45,"tag":775,"props":4540,"children":4541},{"style":990},[4542],{"type":51,"value":1452},{"type":45,"tag":775,"props":4544,"children":4545},{"style":788},[4546],{"type":51,"value":712},{"type":45,"tag":775,"props":4548,"children":4549},{"style":990},[4550],{"type":51,"value":1461},{"type":45,"tag":775,"props":4552,"children":4553},{"style":788},[4554],{"type":51,"value":987},{"type":45,"tag":775,"props":4556,"children":4557},{"style":990},[4558],{"type":51,"value":1470},{"type":45,"tag":775,"props":4560,"children":4561},{"style":788},[4562],{"type":51,"value":712},{"type":45,"tag":775,"props":4564,"children":4565},{"style":788},[4566],{"type":51,"value":812},{"type":45,"tag":775,"props":4568,"children":4569},{"style":815},[4570],{"type":51,"value":51},{"type":45,"tag":775,"props":4572,"children":4573},{"style":788},[4574],{"type":51,"value":823},{"type":45,"tag":775,"props":4576,"children":4577},{"style":788},[4578],{"type":51,"value":850},{"type":45,"tag":775,"props":4580,"children":4581},{"style":990},[4582],{"type":51,"value":1495},{"type":45,"tag":775,"props":4584,"children":4585},{"style":788},[4586],{"type":51,"value":712},{"type":45,"tag":775,"props":4588,"children":4589},{"style":794},[4590],{"type":51,"value":1504},{"type":45,"tag":775,"props":4592,"children":4593},{"style":788},[4594],{"type":51,"value":127},{"type":45,"tag":775,"props":4596,"children":4597},{"style":975},[4598],{"type":51,"value":1513},{"type":45,"tag":775,"props":4600,"children":4601},{"style":990},[4602],{"type":51,"value":982},{"type":45,"tag":775,"props":4604,"children":4605},{"style":794},[4606],{"type":51,"value":1006},{"type":45,"tag":775,"props":4608,"children":4609},{"style":990},[4610],{"type":51,"value":1526},{"type":45,"tag":775,"props":4612,"children":4613},{"style":788},[4614],{"type":51,"value":1531},{"type":45,"tag":775,"props":4616,"children":4617},{"style":990},[4618],{"type":51,"value":1536},{"type":45,"tag":775,"props":4620,"children":4621},{"style":788},[4622],{"type":51,"value":1541},{"type":45,"tag":775,"props":4624,"children":4626},{"class":777,"line":4625},35,[4627,4631,4635],{"type":45,"tag":775,"props":4628,"children":4629},{"style":788},[4630],{"type":51,"value":1531},{"type":45,"tag":775,"props":4632,"children":4633},{"style":794},[4634],{"type":51,"value":1045},{"type":45,"tag":775,"props":4636,"children":4637},{"style":788},[4638],{"type":51,"value":828},{"type":45,"tag":775,"props":4640,"children":4642},{"class":777,"line":4641},36,[4643],{"type":45,"tag":775,"props":4644,"children":4645},{"emptyLinePlaceholder":944},[4646],{"type":51,"value":947},{"type":45,"tag":775,"props":4648,"children":4650},{"class":777,"line":4649},37,[4651,4655,4659,4663,4667,4671,4675,4679,4683,4687,4691,4695],{"type":45,"tag":775,"props":4652,"children":4653},{"style":975},[4654],{"type":51,"value":1583},{"type":45,"tag":775,"props":4656,"children":4657},{"style":794},[4658],{"type":51,"value":1081},{"type":45,"tag":775,"props":4660,"children":4661},{"style":788},[4662],{"type":51,"value":850},{"type":45,"tag":775,"props":4664,"children":4665},{"style":788},[4666],{"type":51,"value":812},{"type":45,"tag":775,"props":4668,"children":4669},{"style":815},[4670],{"type":51,"value":1615},{"type":45,"tag":775,"props":4672,"children":4673},{"style":788},[4674],{"type":51,"value":823},{"type":45,"tag":775,"props":4676,"children":4677},{"style":788},[4678],{"type":51,"value":850},{"type":45,"tag":775,"props":4680,"children":4681},{"style":788},[4682],{"type":51,"value":812},{"type":45,"tag":775,"props":4684,"children":4685},{"style":815},[4686],{"type":51,"value":4418},{"type":45,"tag":775,"props":4688,"children":4689},{"style":788},[4690],{"type":51,"value":823},{"type":45,"tag":775,"props":4692,"children":4693},{"style":788},[4694],{"type":51,"value":850},{"type":45,"tag":775,"props":4696,"children":4697},{"style":788},[4698],{"type":51,"value":4699}," {},\n",{"type":45,"tag":775,"props":4701,"children":4703},{"class":777,"line":4702},38,[4704,4708,4712,4716,4720],{"type":45,"tag":775,"props":4705,"children":4706},{"style":954},[4707],{"type":51,"value":1661},{"type":45,"tag":775,"props":4709,"children":4710},{"style":788},[4711],{"type":51,"value":1666},{"type":45,"tag":775,"props":4713,"children":4714},{"style":954},[4715],{"type":51,"value":1358},{"type":45,"tag":775,"props":4717,"children":4718},{"style":794},[4719],{"type":51,"value":311},{"type":45,"tag":775,"props":4721,"children":4722},{"style":788},[4723],{"type":51,"value":1679},{"type":45,"tag":775,"props":4725,"children":4727},{"class":777,"line":4726},39,[4728,4732,4736,4740,4744,4749,4753,4757,4761,4765,4769,4774,4778,4782,4786,4790,4794,4798,4802,4806],{"type":45,"tag":775,"props":4729,"children":4730},{"style":990},[4731],{"type":51,"value":1688},{"type":45,"tag":775,"props":4733,"children":4734},{"style":788},[4735],{"type":51,"value":712},{"type":45,"tag":775,"props":4737,"children":4738},{"style":794},[4739],{"type":51,"value":1461},{"type":45,"tag":775,"props":4741,"children":4742},{"style":788},[4743],{"type":51,"value":987},{"type":45,"tag":775,"props":4745,"children":4746},{"style":990},[4747],{"type":51,"value":4748}," uri",{"type":45,"tag":775,"props":4750,"children":4751},{"style":788},[4752],{"type":51,"value":712},{"type":45,"tag":775,"props":4754,"children":4755},{"style":788},[4756],{"type":51,"value":812},{"type":45,"tag":775,"props":4758,"children":4759},{"style":815},[4760],{"type":51,"value":4418},{"type":45,"tag":775,"props":4762,"children":4763},{"style":788},[4764],{"type":51,"value":823},{"type":45,"tag":775,"props":4766,"children":4767},{"style":788},[4768],{"type":51,"value":850},{"type":45,"tag":775,"props":4770,"children":4771},{"style":990},[4772],{"type":51,"value":4773}," mimeType",{"type":45,"tag":775,"props":4775,"children":4776},{"style":788},[4777],{"type":51,"value":712},{"type":45,"tag":775,"props":4779,"children":4780},{"style":794},[4781],{"type":51,"value":864},{"type":45,"tag":775,"props":4783,"children":4784},{"style":788},[4785],{"type":51,"value":850},{"type":45,"tag":775,"props":4787,"children":4788},{"style":990},[4789],{"type":51,"value":1495},{"type":45,"tag":775,"props":4791,"children":4792},{"style":788},[4793],{"type":51,"value":712},{"type":45,"tag":775,"props":4795,"children":4796},{"style":794},[4797],{"type":51,"value":4069},{"type":45,"tag":775,"props":4799,"children":4800},{"style":788},[4801],{"type":51,"value":1531},{"type":45,"tag":775,"props":4803,"children":4804},{"style":794},[4805],{"type":51,"value":1791},{"type":45,"tag":775,"props":4807,"children":4808},{"style":788},[4809],{"type":51,"value":1138},{"type":45,"tag":775,"props":4811,"children":4813},{"class":777,"line":4812},40,[4814,4818,4822],{"type":45,"tag":775,"props":4815,"children":4816},{"style":788},[4817],{"type":51,"value":1804},{"type":45,"tag":775,"props":4819,"children":4820},{"style":794},[4821],{"type":51,"value":1045},{"type":45,"tag":775,"props":4823,"children":4824},{"style":788},[4825],{"type":51,"value":1138},{"type":45,"tag":775,"props":4827,"children":4829},{"class":777,"line":4828},41,[4830,4834],{"type":45,"tag":775,"props":4831,"children":4832},{"style":794},[4833],{"type":51,"value":1045},{"type":45,"tag":775,"props":4835,"children":4836},{"style":788},[4837],{"type":51,"value":828},{"type":45,"tag":775,"props":4839,"children":4841},{"class":777,"line":4840},42,[4842],{"type":45,"tag":775,"props":4843,"children":4844},{"emptyLinePlaceholder":944},[4845],{"type":51,"value":947},{"type":45,"tag":775,"props":4847,"children":4849},{"class":777,"line":4848},43,[4850,4854,4858,4862,4867,4871],{"type":45,"tag":775,"props":4851,"children":4852},{"style":954},[4853],{"type":51,"value":957},{"type":45,"tag":775,"props":4855,"children":4856},{"style":794},[4857],{"type":51,"value":2020},{"type":45,"tag":775,"props":4859,"children":4860},{"style":788},[4861],{"type":51,"value":967},{"type":45,"tag":775,"props":4863,"children":4864},{"style":975},[4865],{"type":51,"value":4866}," express",{"type":45,"tag":775,"props":4868,"children":4869},{"style":794},[4870],{"type":51,"value":1245},{"type":45,"tag":775,"props":4872,"children":4873},{"style":788},[4874],{"type":51,"value":828},{"type":45,"tag":775,"props":4876,"children":4878},{"class":777,"line":4877},44,[4879,4884,4888,4893,4898,4902,4907,4911],{"type":45,"tag":775,"props":4880,"children":4881},{"style":794},[4882],{"type":51,"value":4883},"app",{"type":45,"tag":775,"props":4885,"children":4886},{"style":788},[4887],{"type":51,"value":127},{"type":45,"tag":775,"props":4889,"children":4890},{"style":975},[4891],{"type":51,"value":4892},"use",{"type":45,"tag":775,"props":4894,"children":4895},{"style":794},[4896],{"type":51,"value":4897},"(express",{"type":45,"tag":775,"props":4899,"children":4900},{"style":788},[4901],{"type":51,"value":127},{"type":45,"tag":775,"props":4903,"children":4904},{"style":975},[4905],{"type":51,"value":4906},"json",{"type":45,"tag":775,"props":4908,"children":4909},{"style":794},[4910],{"type":51,"value":3928},{"type":45,"tag":775,"props":4912,"children":4913},{"style":788},[4914],{"type":51,"value":828},{"type":45,"tag":775,"props":4916,"children":4918},{"class":777,"line":4917},45,[4919,4923,4927,4932,4936,4940,4945,4949,4953,4957,4961,4966,4970,4975,4979,4983],{"type":45,"tag":775,"props":4920,"children":4921},{"style":794},[4922],{"type":51,"value":4883},{"type":45,"tag":775,"props":4924,"children":4925},{"style":788},[4926],{"type":51,"value":127},{"type":45,"tag":775,"props":4928,"children":4929},{"style":975},[4930],{"type":51,"value":4931},"post",{"type":45,"tag":775,"props":4933,"children":4934},{"style":794},[4935],{"type":51,"value":982},{"type":45,"tag":775,"props":4937,"children":4938},{"style":788},[4939],{"type":51,"value":823},{"type":45,"tag":775,"props":4941,"children":4942},{"style":815},[4943],{"type":51,"value":4944},"\u002Fmcp",{"type":45,"tag":775,"props":4946,"children":4947},{"style":788},[4948],{"type":51,"value":823},{"type":45,"tag":775,"props":4950,"children":4951},{"style":788},[4952],{"type":51,"value":850},{"type":45,"tag":775,"props":4954,"children":4955},{"style":954},[4956],{"type":51,"value":1338},{"type":45,"tag":775,"props":4958,"children":4959},{"style":788},[4960],{"type":51,"value":311},{"type":45,"tag":775,"props":4962,"children":4963},{"style":1346},[4964],{"type":51,"value":4965},"req",{"type":45,"tag":775,"props":4967,"children":4968},{"style":788},[4969],{"type":51,"value":850},{"type":45,"tag":775,"props":4971,"children":4972},{"style":1346},[4973],{"type":51,"value":4974}," res",{"type":45,"tag":775,"props":4976,"children":4977},{"style":788},[4978],{"type":51,"value":1045},{"type":45,"tag":775,"props":4980,"children":4981},{"style":954},[4982],{"type":51,"value":1358},{"type":45,"tag":775,"props":4984,"children":4985},{"style":788},[4986],{"type":51,"value":1107},{"type":45,"tag":775,"props":4988,"children":4990},{"class":777,"line":4989},46,[4991,4995,5000,5004,5008,5012,5016,5020,5025,5029,5034,5038,5042],{"type":45,"tag":775,"props":4992,"children":4993},{"style":954},[4994],{"type":51,"value":1371},{"type":45,"tag":775,"props":4996,"children":4997},{"style":794},[4998],{"type":51,"value":4999}," transport",{"type":45,"tag":775,"props":5001,"children":5002},{"style":788},[5003],{"type":51,"value":1381},{"type":45,"tag":775,"props":5005,"children":5006},{"style":788},[5007],{"type":51,"value":972},{"type":45,"tag":775,"props":5009,"children":5010},{"style":975},[5011],{"type":51,"value":3121},{"type":45,"tag":775,"props":5013,"children":5014},{"style":990},[5015],{"type":51,"value":982},{"type":45,"tag":775,"props":5017,"children":5018},{"style":788},[5019],{"type":51,"value":987},{"type":45,"tag":775,"props":5021,"children":5022},{"style":990},[5023],{"type":51,"value":5024}," sessionIdGenerator",{"type":45,"tag":775,"props":5026,"children":5027},{"style":788},[5028],{"type":51,"value":712},{"type":45,"tag":775,"props":5030,"children":5031},{"style":788},[5032],{"type":51,"value":5033}," undefined",{"type":45,"tag":775,"props":5035,"children":5036},{"style":788},[5037],{"type":51,"value":802},{"type":45,"tag":775,"props":5039,"children":5040},{"style":990},[5041],{"type":51,"value":1045},{"type":45,"tag":775,"props":5043,"children":5044},{"style":788},[5045],{"type":51,"value":828},{"type":45,"tag":775,"props":5047,"children":5049},{"class":777,"line":5048},47,[5050,5055,5059,5064,5068,5072,5077,5081,5085,5089,5093,5097,5101,5105,5109],{"type":45,"tag":775,"props":5051,"children":5052},{"style":794},[5053],{"type":51,"value":5054},"  res",{"type":45,"tag":775,"props":5056,"children":5057},{"style":788},[5058],{"type":51,"value":127},{"type":45,"tag":775,"props":5060,"children":5061},{"style":975},[5062],{"type":51,"value":5063},"on",{"type":45,"tag":775,"props":5065,"children":5066},{"style":990},[5067],{"type":51,"value":982},{"type":45,"tag":775,"props":5069,"children":5070},{"style":788},[5071],{"type":51,"value":823},{"type":45,"tag":775,"props":5073,"children":5074},{"style":815},[5075],{"type":51,"value":5076},"close",{"type":45,"tag":775,"props":5078,"children":5079},{"style":788},[5080],{"type":51,"value":823},{"type":45,"tag":775,"props":5082,"children":5083},{"style":788},[5084],{"type":51,"value":850},{"type":45,"tag":775,"props":5086,"children":5087},{"style":788},[5088],{"type":51,"value":1666},{"type":45,"tag":775,"props":5090,"children":5091},{"style":954},[5092],{"type":51,"value":1358},{"type":45,"tag":775,"props":5094,"children":5095},{"style":794},[5096],{"type":51,"value":4999},{"type":45,"tag":775,"props":5098,"children":5099},{"style":788},[5100],{"type":51,"value":127},{"type":45,"tag":775,"props":5102,"children":5103},{"style":975},[5104],{"type":51,"value":5076},{"type":45,"tag":775,"props":5106,"children":5107},{"style":990},[5108],{"type":51,"value":3928},{"type":45,"tag":775,"props":5110,"children":5111},{"style":788},[5112],{"type":51,"value":828},{"type":45,"tag":775,"props":5114,"children":5116},{"class":777,"line":5115},48,[5117,5121,5126,5130,5134,5138,5143,5147],{"type":45,"tag":775,"props":5118,"children":5119},{"style":782},[5120],{"type":51,"value":2275},{"type":45,"tag":775,"props":5122,"children":5123},{"style":794},[5124],{"type":51,"value":5125}," server",{"type":45,"tag":775,"props":5127,"children":5128},{"style":788},[5129],{"type":51,"value":127},{"type":45,"tag":775,"props":5131,"children":5132},{"style":975},[5133],{"type":51,"value":2289},{"type":45,"tag":775,"props":5135,"children":5136},{"style":990},[5137],{"type":51,"value":982},{"type":45,"tag":775,"props":5139,"children":5140},{"style":794},[5141],{"type":51,"value":5142},"transport",{"type":45,"tag":775,"props":5144,"children":5145},{"style":990},[5146],{"type":51,"value":1045},{"type":45,"tag":775,"props":5148,"children":5149},{"style":788},[5150],{"type":51,"value":828},{"type":45,"tag":775,"props":5152,"children":5154},{"class":777,"line":5153},49,[5155,5159,5163,5167,5172,5176,5180,5184,5188,5192,5197,5201,5206,5210],{"type":45,"tag":775,"props":5156,"children":5157},{"style":782},[5158],{"type":51,"value":2275},{"type":45,"tag":775,"props":5160,"children":5161},{"style":794},[5162],{"type":51,"value":4999},{"type":45,"tag":775,"props":5164,"children":5165},{"style":788},[5166],{"type":51,"value":127},{"type":45,"tag":775,"props":5168,"children":5169},{"style":975},[5170],{"type":51,"value":5171},"handleRequest",{"type":45,"tag":775,"props":5173,"children":5174},{"style":990},[5175],{"type":51,"value":982},{"type":45,"tag":775,"props":5177,"children":5178},{"style":794},[5179],{"type":51,"value":4965},{"type":45,"tag":775,"props":5181,"children":5182},{"style":788},[5183],{"type":51,"value":850},{"type":45,"tag":775,"props":5185,"children":5186},{"style":794},[5187],{"type":51,"value":4974},{"type":45,"tag":775,"props":5189,"children":5190},{"style":788},[5191],{"type":51,"value":850},{"type":45,"tag":775,"props":5193,"children":5194},{"style":794},[5195],{"type":51,"value":5196}," req",{"type":45,"tag":775,"props":5198,"children":5199},{"style":788},[5200],{"type":51,"value":127},{"type":45,"tag":775,"props":5202,"children":5203},{"style":794},[5204],{"type":51,"value":5205},"body",{"type":45,"tag":775,"props":5207,"children":5208},{"style":990},[5209],{"type":51,"value":1045},{"type":45,"tag":775,"props":5211,"children":5212},{"style":788},[5213],{"type":51,"value":828},{"type":45,"tag":775,"props":5215,"children":5217},{"class":777,"line":5216},50,[5218,5222,5226],{"type":45,"tag":775,"props":5219,"children":5220},{"style":788},[5221],{"type":51,"value":1531},{"type":45,"tag":775,"props":5223,"children":5224},{"style":794},[5225],{"type":51,"value":1045},{"type":45,"tag":775,"props":5227,"children":5228},{"style":788},[5229],{"type":51,"value":828},{"type":45,"tag":775,"props":5231,"children":5233},{"class":777,"line":5232},51,[5234,5238,5242,5247,5252,5256,5261,5265,5270,5274,5279,5283],{"type":45,"tag":775,"props":5235,"children":5236},{"style":794},[5237],{"type":51,"value":4883},{"type":45,"tag":775,"props":5239,"children":5240},{"style":788},[5241],{"type":51,"value":127},{"type":45,"tag":775,"props":5243,"children":5244},{"style":975},[5245],{"type":51,"value":5246},"listen",{"type":45,"tag":775,"props":5248,"children":5249},{"style":794},[5250],{"type":51,"value":5251},"(process",{"type":45,"tag":775,"props":5253,"children":5254},{"style":788},[5255],{"type":51,"value":127},{"type":45,"tag":775,"props":5257,"children":5258},{"style":794},[5259],{"type":51,"value":5260},"env",{"type":45,"tag":775,"props":5262,"children":5263},{"style":788},[5264],{"type":51,"value":127},{"type":45,"tag":775,"props":5266,"children":5267},{"style":794},[5268],{"type":51,"value":5269},"PORT ",{"type":45,"tag":775,"props":5271,"children":5272},{"style":788},[5273],{"type":51,"value":3955},{"type":45,"tag":775,"props":5275,"children":5276},{"style":2205},[5277],{"type":51,"value":5278}," 3000",{"type":45,"tag":775,"props":5280,"children":5281},{"style":794},[5282],{"type":51,"value":1045},{"type":45,"tag":775,"props":5284,"children":5285},{"style":788},[5286],{"type":51,"value":828},{"type":45,"tag":54,"props":5288,"children":5289},{},[5290,5292,5298,5300,5305],{"type":51,"value":5291},"For local-only widget apps (driving a desktop app, reading local files), swap the transport to ",{"type":45,"tag":88,"props":5293,"children":5295},{"className":5294},[],[5296],{"type":51,"value":5297},"StdioServerTransport",{"type":51,"value":5299}," and package via the ",{"type":45,"tag":88,"props":5301,"children":5303},{"className":5302},[],[5304],{"type":51,"value":689},{"type":51,"value":5306}," skill.",{"type":45,"tag":54,"props":5308,"children":5309},{},[5310],{"type":45,"tag":60,"props":5311,"children":5312},{},[5313,5315,5321],{"type":51,"value":5314},"Widget (",{"type":45,"tag":88,"props":5316,"children":5318},{"className":5317},[],[5319],{"type":51,"value":5320},"widgets\u002Fpicker.html",{"type":51,"value":3059},{"type":45,"tag":647,"props":5323,"children":5325},{"className":1898,"code":5324,"language":1900,"meta":655,"style":655},"\u003C!doctype html>\n\u003Cmeta charset=\"utf-8\" \u002F>\n\u003Cstyle>\n  body { font: 14px system-ui; margin: 0; }\n  ul { list-style: none; padding: 0; margin: 0; max-height: 300px; overflow-y: auto; }\n  li { padding: 10px 14px; cursor: pointer; border-bottom: 1px solid #eee; }\n  li:hover { background: #f5f5f5; }\n  .sub { color: #666; font-size: 12px; }\n\u003C\u002Fstyle>\n\u003Cul id=\"list\">\u003C\u002Ful>\n\u003Cscript type=\"module\">\n\u002F*__EXT_APPS_BUNDLE__*\u002F\nconst { App } = globalThis.ExtApps;\n(async () => {\n  const app = new App({ name: \"ContactPicker\", version: \"1.0.0\" }, {});\n  const ul = document.getElementById(\"list\");\n\n  app.ontoolresult = ({ content }) => {\n    const contacts = JSON.parse(content[0].text);\n    ul.innerHTML = \"\";\n    for (const c of contacts) {\n      const li = document.createElement(\"li\");\n      li.innerHTML = `\u003Cdiv>${c.name}\u003C\u002Fdiv>\u003Cdiv class=\"sub\">${c.email}\u003C\u002Fdiv>`;\n      li.addEventListener(\"click\", () => {\n        app.sendMessage({\n          role: \"user\",\n          content: [{ type: \"text\", text: `Selected contact: ${c.id} (${c.name})` }],\n        });\n      });\n      ul.append(li);\n    }\n  };\n\n  await app.connect();\n})();\n\u003C\u002Fscript>\n",[5326],{"type":45,"tag":88,"props":5327,"children":5328},{"__ignoreMap":655},[5329,5351,5389,5405,5462,5565,5653,5700,5760,5775,5821,5856,5864,5903,5927,6018,6072,6079,6118,6181,6210,6248,6302,6393,6442,6466,6494,6618,6634,6650,6683,6691,6698,6705,6732,6748],{"type":45,"tag":775,"props":5330,"children":5331},{"class":777,"line":778},[5332,5337,5342,5347],{"type":45,"tag":775,"props":5333,"children":5334},{"style":788},[5335],{"type":51,"value":5336},"\u003C!",{"type":45,"tag":775,"props":5338,"children":5339},{"style":990},[5340],{"type":51,"value":5341},"doctype",{"type":45,"tag":775,"props":5343,"children":5344},{"style":954},[5345],{"type":51,"value":5346}," html",{"type":45,"tag":775,"props":5348,"children":5349},{"style":788},[5350],{"type":51,"value":1943},{"type":45,"tag":775,"props":5352,"children":5353},{"class":777,"line":831},[5354,5358,5362,5367,5371,5375,5380,5384],{"type":45,"tag":775,"props":5355,"children":5356},{"style":788},[5357],{"type":51,"value":1912},{"type":45,"tag":775,"props":5359,"children":5360},{"style":990},[5361],{"type":51,"value":3403},{"type":45,"tag":775,"props":5363,"children":5364},{"style":954},[5365],{"type":51,"value":5366}," charset",{"type":45,"tag":775,"props":5368,"children":5369},{"style":788},[5370],{"type":51,"value":967},{"type":45,"tag":775,"props":5372,"children":5373},{"style":788},[5374],{"type":51,"value":823},{"type":45,"tag":775,"props":5376,"children":5377},{"style":815},[5378],{"type":51,"value":5379},"utf-8",{"type":45,"tag":775,"props":5381,"children":5382},{"style":788},[5383],{"type":51,"value":823},{"type":45,"tag":775,"props":5385,"children":5386},{"style":788},[5387],{"type":51,"value":5388}," \u002F>\n",{"type":45,"tag":775,"props":5390,"children":5391},{"class":777,"line":872},[5392,5396,5401],{"type":45,"tag":775,"props":5393,"children":5394},{"style":788},[5395],{"type":51,"value":1912},{"type":45,"tag":775,"props":5397,"children":5398},{"style":990},[5399],{"type":51,"value":5400},"style",{"type":45,"tag":775,"props":5402,"children":5403},{"style":788},[5404],{"type":51,"value":1943},{"type":45,"tag":775,"props":5406,"children":5407},{"class":777,"line":898},[5408,5412,5416,5422,5426,5431,5436,5440,5445,5449,5454,5458],{"type":45,"tag":775,"props":5409,"children":5410},{"style":3015},[5411],{"type":51,"value":3752},{"type":45,"tag":775,"props":5413,"children":5414},{"style":788},[5415],{"type":51,"value":791},{"type":45,"tag":775,"props":5417,"children":5419},{"style":5418},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[5420],{"type":51,"value":5421}," font",{"type":45,"tag":775,"props":5423,"children":5424},{"style":788},[5425],{"type":51,"value":712},{"type":45,"tag":775,"props":5427,"children":5428},{"style":2205},[5429],{"type":51,"value":5430}," 14px",{"type":45,"tag":775,"props":5432,"children":5433},{"style":794},[5434],{"type":51,"value":5435}," system-ui",{"type":45,"tag":775,"props":5437,"children":5438},{"style":788},[5439],{"type":51,"value":3668},{"type":45,"tag":775,"props":5441,"children":5442},{"style":5418},[5443],{"type":51,"value":5444}," margin",{"type":45,"tag":775,"props":5446,"children":5447},{"style":788},[5448],{"type":51,"value":712},{"type":45,"tag":775,"props":5450,"children":5451},{"style":2205},[5452],{"type":51,"value":5453}," 0",{"type":45,"tag":775,"props":5455,"children":5456},{"style":788},[5457],{"type":51,"value":3668},{"type":45,"tag":775,"props":5459,"children":5460},{"style":788},[5461],{"type":51,"value":869},{"type":45,"tag":775,"props":5463,"children":5464},{"class":777,"line":940},[5465,5470,5474,5479,5483,5488,5492,5497,5501,5505,5509,5513,5517,5521,5525,5530,5534,5539,5543,5548,5552,5557,5561],{"type":45,"tag":775,"props":5466,"children":5467},{"style":3015},[5468],{"type":51,"value":5469},"  ul",{"type":45,"tag":775,"props":5471,"children":5472},{"style":788},[5473],{"type":51,"value":791},{"type":45,"tag":775,"props":5475,"children":5476},{"style":5418},[5477],{"type":51,"value":5478}," list-style",{"type":45,"tag":775,"props":5480,"children":5481},{"style":788},[5482],{"type":51,"value":712},{"type":45,"tag":775,"props":5484,"children":5485},{"style":794},[5486],{"type":51,"value":5487}," none",{"type":45,"tag":775,"props":5489,"children":5490},{"style":788},[5491],{"type":51,"value":3668},{"type":45,"tag":775,"props":5493,"children":5494},{"style":5418},[5495],{"type":51,"value":5496}," padding",{"type":45,"tag":775,"props":5498,"children":5499},{"style":788},[5500],{"type":51,"value":712},{"type":45,"tag":775,"props":5502,"children":5503},{"style":2205},[5504],{"type":51,"value":5453},{"type":45,"tag":775,"props":5506,"children":5507},{"style":788},[5508],{"type":51,"value":3668},{"type":45,"tag":775,"props":5510,"children":5511},{"style":5418},[5512],{"type":51,"value":5444},{"type":45,"tag":775,"props":5514,"children":5515},{"style":788},[5516],{"type":51,"value":712},{"type":45,"tag":775,"props":5518,"children":5519},{"style":2205},[5520],{"type":51,"value":5453},{"type":45,"tag":775,"props":5522,"children":5523},{"style":788},[5524],{"type":51,"value":3668},{"type":45,"tag":775,"props":5526,"children":5527},{"style":5418},[5528],{"type":51,"value":5529}," max-height",{"type":45,"tag":775,"props":5531,"children":5532},{"style":788},[5533],{"type":51,"value":712},{"type":45,"tag":775,"props":5535,"children":5536},{"style":2205},[5537],{"type":51,"value":5538}," 300px",{"type":45,"tag":775,"props":5540,"children":5541},{"style":788},[5542],{"type":51,"value":3668},{"type":45,"tag":775,"props":5544,"children":5545},{"style":5418},[5546],{"type":51,"value":5547}," overflow-y",{"type":45,"tag":775,"props":5549,"children":5550},{"style":788},[5551],{"type":51,"value":712},{"type":45,"tag":775,"props":5553,"children":5554},{"style":794},[5555],{"type":51,"value":5556}," auto",{"type":45,"tag":775,"props":5558,"children":5559},{"style":788},[5560],{"type":51,"value":3668},{"type":45,"tag":775,"props":5562,"children":5563},{"style":788},[5564],{"type":51,"value":869},{"type":45,"tag":775,"props":5566,"children":5567},{"class":777,"line":950},[5568,5573,5577,5581,5585,5590,5594,5598,5603,5607,5612,5616,5621,5625,5630,5635,5640,5645,5649],{"type":45,"tag":775,"props":5569,"children":5570},{"style":3015},[5571],{"type":51,"value":5572},"  li",{"type":45,"tag":775,"props":5574,"children":5575},{"style":788},[5576],{"type":51,"value":791},{"type":45,"tag":775,"props":5578,"children":5579},{"style":5418},[5580],{"type":51,"value":5496},{"type":45,"tag":775,"props":5582,"children":5583},{"style":788},[5584],{"type":51,"value":712},{"type":45,"tag":775,"props":5586,"children":5587},{"style":2205},[5588],{"type":51,"value":5589}," 10px",{"type":45,"tag":775,"props":5591,"children":5592},{"style":2205},[5593],{"type":51,"value":5430},{"type":45,"tag":775,"props":5595,"children":5596},{"style":788},[5597],{"type":51,"value":3668},{"type":45,"tag":775,"props":5599,"children":5600},{"style":5418},[5601],{"type":51,"value":5602}," cursor",{"type":45,"tag":775,"props":5604,"children":5605},{"style":788},[5606],{"type":51,"value":712},{"type":45,"tag":775,"props":5608,"children":5609},{"style":794},[5610],{"type":51,"value":5611}," pointer",{"type":45,"tag":775,"props":5613,"children":5614},{"style":788},[5615],{"type":51,"value":3668},{"type":45,"tag":775,"props":5617,"children":5618},{"style":5418},[5619],{"type":51,"value":5620}," border-bottom",{"type":45,"tag":775,"props":5622,"children":5623},{"style":788},[5624],{"type":51,"value":712},{"type":45,"tag":775,"props":5626,"children":5627},{"style":2205},[5628],{"type":51,"value":5629}," 1px",{"type":45,"tag":775,"props":5631,"children":5632},{"style":794},[5633],{"type":51,"value":5634}," solid ",{"type":45,"tag":775,"props":5636,"children":5637},{"style":788},[5638],{"type":51,"value":5639},"#",{"type":45,"tag":775,"props":5641,"children":5642},{"style":794},[5643],{"type":51,"value":5644},"eee",{"type":45,"tag":775,"props":5646,"children":5647},{"style":788},[5648],{"type":51,"value":3668},{"type":45,"tag":775,"props":5650,"children":5651},{"style":788},[5652],{"type":51,"value":869},{"type":45,"tag":775,"props":5654,"children":5655},{"class":777,"line":1052},[5656,5660,5664,5669,5673,5678,5682,5687,5692,5696],{"type":45,"tag":775,"props":5657,"children":5658},{"style":3015},[5659],{"type":51,"value":5572},{"type":45,"tag":775,"props":5661,"children":5662},{"style":788},[5663],{"type":51,"value":712},{"type":45,"tag":775,"props":5665,"children":5666},{"style":954},[5667],{"type":51,"value":5668},"hover",{"type":45,"tag":775,"props":5670,"children":5671},{"style":788},[5672],{"type":51,"value":791},{"type":45,"tag":775,"props":5674,"children":5675},{"style":5418},[5676],{"type":51,"value":5677}," background",{"type":45,"tag":775,"props":5679,"children":5680},{"style":788},[5681],{"type":51,"value":712},{"type":45,"tag":775,"props":5683,"children":5684},{"style":788},[5685],{"type":51,"value":5686}," #",{"type":45,"tag":775,"props":5688,"children":5689},{"style":794},[5690],{"type":51,"value":5691},"f5f5f5",{"type":45,"tag":775,"props":5693,"children":5694},{"style":788},[5695],{"type":51,"value":3668},{"type":45,"tag":775,"props":5697,"children":5698},{"style":788},[5699],{"type":51,"value":869},{"type":45,"tag":775,"props":5701,"children":5702},{"class":777,"line":1060},[5703,5707,5712,5716,5721,5725,5729,5734,5738,5743,5747,5752,5756],{"type":45,"tag":775,"props":5704,"children":5705},{"style":788},[5706],{"type":51,"value":4123},{"type":45,"tag":775,"props":5708,"children":5709},{"style":3015},[5710],{"type":51,"value":5711},"sub",{"type":45,"tag":775,"props":5713,"children":5714},{"style":788},[5715],{"type":51,"value":791},{"type":45,"tag":775,"props":5717,"children":5718},{"style":5418},[5719],{"type":51,"value":5720}," color",{"type":45,"tag":775,"props":5722,"children":5723},{"style":788},[5724],{"type":51,"value":712},{"type":45,"tag":775,"props":5726,"children":5727},{"style":788},[5728],{"type":51,"value":5686},{"type":45,"tag":775,"props":5730,"children":5731},{"style":794},[5732],{"type":51,"value":5733},"666",{"type":45,"tag":775,"props":5735,"children":5736},{"style":788},[5737],{"type":51,"value":3668},{"type":45,"tag":775,"props":5739,"children":5740},{"style":5418},[5741],{"type":51,"value":5742}," font-size",{"type":45,"tag":775,"props":5744,"children":5745},{"style":788},[5746],{"type":51,"value":712},{"type":45,"tag":775,"props":5748,"children":5749},{"style":2205},[5750],{"type":51,"value":5751}," 12px",{"type":45,"tag":775,"props":5753,"children":5754},{"style":788},[5755],{"type":51,"value":3668},{"type":45,"tag":775,"props":5757,"children":5758},{"style":788},[5759],{"type":51,"value":869},{"type":45,"tag":775,"props":5761,"children":5762},{"class":777,"line":1070},[5763,5767,5771],{"type":45,"tag":775,"props":5764,"children":5765},{"style":788},[5766],{"type":51,"value":2524},{"type":45,"tag":775,"props":5768,"children":5769},{"style":990},[5770],{"type":51,"value":5400},{"type":45,"tag":775,"props":5772,"children":5773},{"style":788},[5774],{"type":51,"value":1943},{"type":45,"tag":775,"props":5776,"children":5777},{"class":777,"line":1110},[5778,5782,5786,5791,5795,5799,5804,5808,5813,5817],{"type":45,"tag":775,"props":5779,"children":5780},{"style":788},[5781],{"type":51,"value":1912},{"type":45,"tag":775,"props":5783,"children":5784},{"style":990},[5785],{"type":51,"value":285},{"type":45,"tag":775,"props":5787,"children":5788},{"style":954},[5789],{"type":51,"value":5790}," id",{"type":45,"tag":775,"props":5792,"children":5793},{"style":788},[5794],{"type":51,"value":967},{"type":45,"tag":775,"props":5796,"children":5797},{"style":788},[5798],{"type":51,"value":823},{"type":45,"tag":775,"props":5800,"children":5801},{"style":815},[5802],{"type":51,"value":5803},"list",{"type":45,"tag":775,"props":5805,"children":5806},{"style":788},[5807],{"type":51,"value":823},{"type":45,"tag":775,"props":5809,"children":5810},{"style":788},[5811],{"type":51,"value":5812},">\u003C\u002F",{"type":45,"tag":775,"props":5814,"children":5815},{"style":990},[5816],{"type":51,"value":285},{"type":45,"tag":775,"props":5818,"children":5819},{"style":788},[5820],{"type":51,"value":1943},{"type":45,"tag":775,"props":5822,"children":5823},{"class":777,"line":1141},[5824,5828,5832,5836,5840,5844,5848,5852],{"type":45,"tag":775,"props":5825,"children":5826},{"style":788},[5827],{"type":51,"value":1912},{"type":45,"tag":775,"props":5829,"children":5830},{"style":990},[5831],{"type":51,"value":1917},{"type":45,"tag":775,"props":5833,"children":5834},{"style":954},[5835],{"type":51,"value":1470},{"type":45,"tag":775,"props":5837,"children":5838},{"style":788},[5839],{"type":51,"value":967},{"type":45,"tag":775,"props":5841,"children":5842},{"style":788},[5843],{"type":51,"value":823},{"type":45,"tag":775,"props":5845,"children":5846},{"style":815},[5847],{"type":51,"value":1934},{"type":45,"tag":775,"props":5849,"children":5850},{"style":788},[5851],{"type":51,"value":823},{"type":45,"tag":775,"props":5853,"children":5854},{"style":788},[5855],{"type":51,"value":1943},{"type":45,"tag":775,"props":5857,"children":5858},{"class":777,"line":1204},[5859],{"type":45,"tag":775,"props":5860,"children":5861},{"style":1064},[5862],{"type":51,"value":5863},"\u002F*__EXT_APPS_BUNDLE__*\u002F\n",{"type":45,"tag":775,"props":5865,"children":5866},{"class":777,"line":1267},[5867,5871,5875,5879,5883,5887,5891,5895,5899],{"type":45,"tag":775,"props":5868,"children":5869},{"style":954},[5870],{"type":51,"value":957},{"type":45,"tag":775,"props":5872,"children":5873},{"style":788},[5874],{"type":51,"value":791},{"type":45,"tag":775,"props":5876,"children":5877},{"style":794},[5878],{"type":51,"value":1975},{"type":45,"tag":775,"props":5880,"children":5881},{"style":788},[5882],{"type":51,"value":1531},{"type":45,"tag":775,"props":5884,"children":5885},{"style":788},[5886],{"type":51,"value":1381},{"type":45,"tag":775,"props":5888,"children":5889},{"style":794},[5890],{"type":51,"value":1988},{"type":45,"tag":775,"props":5892,"children":5893},{"style":788},[5894],{"type":51,"value":127},{"type":45,"tag":775,"props":5896,"children":5897},{"style":794},[5898],{"type":51,"value":1997},{"type":45,"tag":775,"props":5900,"children":5901},{"style":788},[5902],{"type":51,"value":828},{"type":45,"tag":775,"props":5904,"children":5905},{"class":777,"line":1327},[5906,5910,5915,5919,5923],{"type":45,"tag":775,"props":5907,"children":5908},{"style":794},[5909],{"type":51,"value":982},{"type":45,"tag":775,"props":5911,"children":5912},{"style":954},[5913],{"type":51,"value":5914},"async",{"type":45,"tag":775,"props":5916,"children":5917},{"style":788},[5918],{"type":51,"value":1666},{"type":45,"tag":775,"props":5920,"children":5921},{"style":954},[5922],{"type":51,"value":1358},{"type":45,"tag":775,"props":5924,"children":5925},{"style":788},[5926],{"type":51,"value":1107},{"type":45,"tag":775,"props":5928,"children":5929},{"class":777,"line":1365},[5930,5934,5938,5942,5946,5950,5954,5958,5962,5966,5970,5974,5978,5982,5986,5990,5994,5998,6002,6006,6010,6014],{"type":45,"tag":775,"props":5931,"children":5932},{"style":954},[5933],{"type":51,"value":1371},{"type":45,"tag":775,"props":5935,"children":5936},{"style":794},[5937],{"type":51,"value":2280},{"type":45,"tag":775,"props":5939,"children":5940},{"style":788},[5941],{"type":51,"value":1381},{"type":45,"tag":775,"props":5943,"children":5944},{"style":788},[5945],{"type":51,"value":972},{"type":45,"tag":775,"props":5947,"children":5948},{"style":975},[5949],{"type":51,"value":2033},{"type":45,"tag":775,"props":5951,"children":5952},{"style":990},[5953],{"type":51,"value":982},{"type":45,"tag":775,"props":5955,"children":5956},{"style":788},[5957],{"type":51,"value":987},{"type":45,"tag":775,"props":5959,"children":5960},{"style":990},[5961],{"type":51,"value":993},{"type":45,"tag":775,"props":5963,"children":5964},{"style":788},[5965],{"type":51,"value":712},{"type":45,"tag":775,"props":5967,"children":5968},{"style":788},[5969],{"type":51,"value":812},{"type":45,"tag":775,"props":5971,"children":5972},{"style":815},[5973],{"type":51,"value":2058},{"type":45,"tag":775,"props":5975,"children":5976},{"style":788},[5977],{"type":51,"value":823},{"type":45,"tag":775,"props":5979,"children":5980},{"style":788},[5981],{"type":51,"value":850},{"type":45,"tag":775,"props":5983,"children":5984},{"style":990},[5985],{"type":51,"value":1019},{"type":45,"tag":775,"props":5987,"children":5988},{"style":788},[5989],{"type":51,"value":712},{"type":45,"tag":775,"props":5991,"children":5992},{"style":788},[5993],{"type":51,"value":812},{"type":45,"tag":775,"props":5995,"children":5996},{"style":815},[5997],{"type":51,"value":1032},{"type":45,"tag":775,"props":5999,"children":6000},{"style":788},[6001],{"type":51,"value":823},{"type":45,"tag":775,"props":6003,"children":6004},{"style":788},[6005],{"type":51,"value":2091},{"type":45,"tag":775,"props":6007,"children":6008},{"style":788},[6009],{"type":51,"value":2096},{"type":45,"tag":775,"props":6011,"children":6012},{"style":990},[6013],{"type":51,"value":1045},{"type":45,"tag":775,"props":6015,"children":6016},{"style":788},[6017],{"type":51,"value":828},{"type":45,"tag":775,"props":6019,"children":6020},{"class":777,"line":1428},[6021,6025,6030,6034,6039,6043,6048,6052,6056,6060,6064,6068],{"type":45,"tag":775,"props":6022,"children":6023},{"style":954},[6024],{"type":51,"value":1371},{"type":45,"tag":775,"props":6026,"children":6027},{"style":794},[6028],{"type":51,"value":6029}," ul",{"type":45,"tag":775,"props":6031,"children":6032},{"style":788},[6033],{"type":51,"value":1381},{"type":45,"tag":775,"props":6035,"children":6036},{"style":794},[6037],{"type":51,"value":6038}," document",{"type":45,"tag":775,"props":6040,"children":6041},{"style":788},[6042],{"type":51,"value":127},{"type":45,"tag":775,"props":6044,"children":6045},{"style":975},[6046],{"type":51,"value":6047},"getElementById",{"type":45,"tag":775,"props":6049,"children":6050},{"style":990},[6051],{"type":51,"value":982},{"type":45,"tag":775,"props":6053,"children":6054},{"style":788},[6055],{"type":51,"value":823},{"type":45,"tag":775,"props":6057,"children":6058},{"style":815},[6059],{"type":51,"value":5803},{"type":45,"tag":775,"props":6061,"children":6062},{"style":788},[6063],{"type":51,"value":823},{"type":45,"tag":775,"props":6065,"children":6066},{"style":990},[6067],{"type":51,"value":1045},{"type":45,"tag":775,"props":6069,"children":6070},{"style":788},[6071],{"type":51,"value":828},{"type":45,"tag":775,"props":6073,"children":6074},{"class":777,"line":1437},[6075],{"type":45,"tag":775,"props":6076,"children":6077},{"emptyLinePlaceholder":944},[6078],{"type":51,"value":947},{"type":45,"tag":775,"props":6080,"children":6081},{"class":777,"line":1544},[6082,6086,6090,6094,6098,6102,6106,6110,6114],{"type":45,"tag":775,"props":6083,"children":6084},{"style":794},[6085],{"type":51,"value":2127},{"type":45,"tag":775,"props":6087,"children":6088},{"style":788},[6089],{"type":51,"value":127},{"type":45,"tag":775,"props":6091,"children":6092},{"style":975},[6093],{"type":51,"value":762},{"type":45,"tag":775,"props":6095,"children":6096},{"style":788},[6097],{"type":51,"value":1381},{"type":45,"tag":775,"props":6099,"children":6100},{"style":788},[6101],{"type":51,"value":1343},{"type":45,"tag":775,"props":6103,"children":6104},{"style":1346},[6105],{"type":51,"value":1452},{"type":45,"tag":775,"props":6107,"children":6108},{"style":788},[6109],{"type":51,"value":1353},{"type":45,"tag":775,"props":6111,"children":6112},{"style":954},[6113],{"type":51,"value":1358},{"type":45,"tag":775,"props":6115,"children":6116},{"style":788},[6117],{"type":51,"value":1107},{"type":45,"tag":775,"props":6119,"children":6120},{"class":777,"line":1560},[6121,6125,6129,6133,6137,6141,6145,6149,6153,6157,6161,6165,6169,6173,6177],{"type":45,"tag":775,"props":6122,"children":6123},{"style":954},[6124],{"type":51,"value":2167},{"type":45,"tag":775,"props":6126,"children":6127},{"style":794},[6128],{"type":51,"value":1376},{"type":45,"tag":775,"props":6130,"children":6131},{"style":788},[6132],{"type":51,"value":1381},{"type":45,"tag":775,"props":6134,"children":6135},{"style":794},[6136],{"type":51,"value":1504},{"type":45,"tag":775,"props":6138,"children":6139},{"style":788},[6140],{"type":51,"value":127},{"type":45,"tag":775,"props":6142,"children":6143},{"style":975},[6144],{"type":51,"value":2188},{"type":45,"tag":775,"props":6146,"children":6147},{"style":990},[6148],{"type":51,"value":982},{"type":45,"tag":775,"props":6150,"children":6151},{"style":794},[6152],{"type":51,"value":2197},{"type":45,"tag":775,"props":6154,"children":6155},{"style":990},[6156],{"type":51,"value":2202},{"type":45,"tag":775,"props":6158,"children":6159},{"style":2205},[6160],{"type":51,"value":2208},{"type":45,"tag":775,"props":6162,"children":6163},{"style":990},[6164],{"type":51,"value":1791},{"type":45,"tag":775,"props":6166,"children":6167},{"style":788},[6168],{"type":51,"value":127},{"type":45,"tag":775,"props":6170,"children":6171},{"style":794},[6172],{"type":51,"value":51},{"type":45,"tag":775,"props":6174,"children":6175},{"style":990},[6176],{"type":51,"value":1045},{"type":45,"tag":775,"props":6178,"children":6179},{"style":788},[6180],{"type":51,"value":828},{"type":45,"tag":775,"props":6182,"children":6183},{"class":777,"line":1568},[6184,6189,6193,6198,6202,6206],{"type":45,"tag":775,"props":6185,"children":6186},{"style":794},[6187],{"type":51,"value":6188},"    ul",{"type":45,"tag":775,"props":6190,"children":6191},{"style":788},[6192],{"type":51,"value":127},{"type":45,"tag":775,"props":6194,"children":6195},{"style":794},[6196],{"type":51,"value":6197},"innerHTML",{"type":45,"tag":775,"props":6199,"children":6200},{"style":788},[6201],{"type":51,"value":1381},{"type":45,"tag":775,"props":6203,"children":6204},{"style":788},[6205],{"type":51,"value":4518},{"type":45,"tag":775,"props":6207,"children":6208},{"style":788},[6209],{"type":51,"value":828},{"type":45,"tag":775,"props":6211,"children":6212},{"class":777,"line":1577},[6213,6218,6222,6226,6231,6236,6240,6244],{"type":45,"tag":775,"props":6214,"children":6215},{"style":782},[6216],{"type":51,"value":6217},"    for",{"type":45,"tag":775,"props":6219,"children":6220},{"style":990},[6221],{"type":51,"value":311},{"type":45,"tag":775,"props":6223,"children":6224},{"style":954},[6225],{"type":51,"value":957},{"type":45,"tag":775,"props":6227,"children":6228},{"style":794},[6229],{"type":51,"value":6230}," c",{"type":45,"tag":775,"props":6232,"children":6233},{"style":788},[6234],{"type":51,"value":6235}," of",{"type":45,"tag":775,"props":6237,"children":6238},{"style":794},[6239],{"type":51,"value":1376},{"type":45,"tag":775,"props":6241,"children":6242},{"style":990},[6243],{"type":51,"value":1526},{"type":45,"tag":775,"props":6245,"children":6246},{"style":788},[6247],{"type":51,"value":1679},{"type":45,"tag":775,"props":6249,"children":6250},{"class":777,"line":1591},[6251,6256,6261,6265,6269,6273,6278,6282,6286,6290,6294,6298],{"type":45,"tag":775,"props":6252,"children":6253},{"style":954},[6254],{"type":51,"value":6255},"      const",{"type":45,"tag":775,"props":6257,"children":6258},{"style":794},[6259],{"type":51,"value":6260}," li",{"type":45,"tag":775,"props":6262,"children":6263},{"style":788},[6264],{"type":51,"value":1381},{"type":45,"tag":775,"props":6266,"children":6267},{"style":794},[6268],{"type":51,"value":6038},{"type":45,"tag":775,"props":6270,"children":6271},{"style":788},[6272],{"type":51,"value":127},{"type":45,"tag":775,"props":6274,"children":6275},{"style":975},[6276],{"type":51,"value":6277},"createElement",{"type":45,"tag":775,"props":6279,"children":6280},{"style":990},[6281],{"type":51,"value":982},{"type":45,"tag":775,"props":6283,"children":6284},{"style":788},[6285],{"type":51,"value":823},{"type":45,"tag":775,"props":6287,"children":6288},{"style":815},[6289],{"type":51,"value":289},{"type":45,"tag":775,"props":6291,"children":6292},{"style":788},[6293],{"type":51,"value":823},{"type":45,"tag":775,"props":6295,"children":6296},{"style":990},[6297],{"type":51,"value":1045},{"type":45,"tag":775,"props":6299,"children":6300},{"style":788},[6301],{"type":51,"value":828},{"type":45,"tag":775,"props":6303,"children":6304},{"class":777,"line":1604},[6305,6310,6314,6318,6322,6326,6331,6335,6340,6344,6349,6353,6358,6362,6366,6370,6375,6379,6384,6389],{"type":45,"tag":775,"props":6306,"children":6307},{"style":794},[6308],{"type":51,"value":6309},"      li",{"type":45,"tag":775,"props":6311,"children":6312},{"style":788},[6313],{"type":51,"value":127},{"type":45,"tag":775,"props":6315,"children":6316},{"style":794},[6317],{"type":51,"value":6197},{"type":45,"tag":775,"props":6319,"children":6320},{"style":788},[6321],{"type":51,"value":1381},{"type":45,"tag":775,"props":6323,"children":6324},{"style":788},[6325],{"type":51,"value":2453},{"type":45,"tag":775,"props":6327,"children":6328},{"style":815},[6329],{"type":51,"value":6330},"\u003Cdiv>",{"type":45,"tag":775,"props":6332,"children":6333},{"style":788},[6334],{"type":51,"value":2463},{"type":45,"tag":775,"props":6336,"children":6337},{"style":794},[6338],{"type":51,"value":6339},"c",{"type":45,"tag":775,"props":6341,"children":6342},{"style":788},[6343],{"type":51,"value":127},{"type":45,"tag":775,"props":6345,"children":6346},{"style":794},[6347],{"type":51,"value":6348},"name",{"type":45,"tag":775,"props":6350,"children":6351},{"style":788},[6352],{"type":51,"value":1531},{"type":45,"tag":775,"props":6354,"children":6355},{"style":815},[6356],{"type":51,"value":6357},"\u003C\u002Fdiv>\u003Cdiv class=\"sub\">",{"type":45,"tag":775,"props":6359,"children":6360},{"style":788},[6361],{"type":51,"value":2463},{"type":45,"tag":775,"props":6363,"children":6364},{"style":794},[6365],{"type":51,"value":6339},{"type":45,"tag":775,"props":6367,"children":6368},{"style":788},[6369],{"type":51,"value":127},{"type":45,"tag":775,"props":6371,"children":6372},{"style":794},[6373],{"type":51,"value":6374},"email",{"type":45,"tag":775,"props":6376,"children":6377},{"style":788},[6378],{"type":51,"value":1531},{"type":45,"tag":775,"props":6380,"children":6381},{"style":815},[6382],{"type":51,"value":6383},"\u003C\u002Fdiv>",{"type":45,"tag":775,"props":6385,"children":6386},{"style":788},[6387],{"type":51,"value":6388},"`",{"type":45,"tag":775,"props":6390,"children":6391},{"style":788},[6392],{"type":51,"value":828},{"type":45,"tag":775,"props":6394,"children":6395},{"class":777,"line":1626},[6396,6400,6404,6409,6413,6417,6422,6426,6430,6434,6438],{"type":45,"tag":775,"props":6397,"children":6398},{"style":794},[6399],{"type":51,"value":6309},{"type":45,"tag":775,"props":6401,"children":6402},{"style":788},[6403],{"type":51,"value":127},{"type":45,"tag":775,"props":6405,"children":6406},{"style":975},[6407],{"type":51,"value":6408},"addEventListener",{"type":45,"tag":775,"props":6410,"children":6411},{"style":990},[6412],{"type":51,"value":982},{"type":45,"tag":775,"props":6414,"children":6415},{"style":788},[6416],{"type":51,"value":823},{"type":45,"tag":775,"props":6418,"children":6419},{"style":815},[6420],{"type":51,"value":6421},"click",{"type":45,"tag":775,"props":6423,"children":6424},{"style":788},[6425],{"type":51,"value":823},{"type":45,"tag":775,"props":6427,"children":6428},{"style":788},[6429],{"type":51,"value":850},{"type":45,"tag":775,"props":6431,"children":6432},{"style":788},[6433],{"type":51,"value":1666},{"type":45,"tag":775,"props":6435,"children":6436},{"style":954},[6437],{"type":51,"value":1358},{"type":45,"tag":775,"props":6439,"children":6440},{"style":788},[6441],{"type":51,"value":1107},{"type":45,"tag":775,"props":6443,"children":6444},{"class":777,"line":1646},[6445,6450,6454,6458,6462],{"type":45,"tag":775,"props":6446,"children":6447},{"style":794},[6448],{"type":51,"value":6449},"        app",{"type":45,"tag":775,"props":6451,"children":6452},{"style":788},[6453],{"type":51,"value":127},{"type":45,"tag":775,"props":6455,"children":6456},{"style":975},[6457],{"type":51,"value":2359},{"type":45,"tag":775,"props":6459,"children":6460},{"style":990},[6461],{"type":51,"value":982},{"type":45,"tag":775,"props":6463,"children":6464},{"style":788},[6465],{"type":51,"value":1679},{"type":45,"tag":775,"props":6467,"children":6468},{"class":777,"line":1655},[6469,6474,6478,6482,6486,6490],{"type":45,"tag":775,"props":6470,"children":6471},{"style":990},[6472],{"type":51,"value":6473},"          role",{"type":45,"tag":775,"props":6475,"children":6476},{"style":788},[6477],{"type":51,"value":712},{"type":45,"tag":775,"props":6479,"children":6480},{"style":788},[6481],{"type":51,"value":812},{"type":45,"tag":775,"props":6483,"children":6484},{"style":815},[6485],{"type":51,"value":2388},{"type":45,"tag":775,"props":6487,"children":6488},{"style":788},[6489],{"type":51,"value":823},{"type":45,"tag":775,"props":6491,"children":6492},{"style":788},[6493],{"type":51,"value":1138},{"type":45,"tag":775,"props":6495,"children":6496},{"class":777,"line":1682},[6497,6502,6506,6510,6514,6518,6522,6526,6530,6534,6538,6542,6546,6550,6554,6558,6562,6566,6570,6574,6578,6582,6586,6590,6594,6598,6602,6606,6610,6614],{"type":45,"tag":775,"props":6498,"children":6499},{"style":990},[6500],{"type":51,"value":6501},"          content",{"type":45,"tag":775,"props":6503,"children":6504},{"style":788},[6505],{"type":51,"value":712},{"type":45,"tag":775,"props":6507,"children":6508},{"style":990},[6509],{"type":51,"value":1461},{"type":45,"tag":775,"props":6511,"children":6512},{"style":788},[6513],{"type":51,"value":987},{"type":45,"tag":775,"props":6515,"children":6516},{"style":990},[6517],{"type":51,"value":1470},{"type":45,"tag":775,"props":6519,"children":6520},{"style":788},[6521],{"type":51,"value":712},{"type":45,"tag":775,"props":6523,"children":6524},{"style":788},[6525],{"type":51,"value":812},{"type":45,"tag":775,"props":6527,"children":6528},{"style":815},[6529],{"type":51,"value":51},{"type":45,"tag":775,"props":6531,"children":6532},{"style":788},[6533],{"type":51,"value":823},{"type":45,"tag":775,"props":6535,"children":6536},{"style":788},[6537],{"type":51,"value":850},{"type":45,"tag":775,"props":6539,"children":6540},{"style":990},[6541],{"type":51,"value":1495},{"type":45,"tag":775,"props":6543,"children":6544},{"style":788},[6545],{"type":51,"value":712},{"type":45,"tag":775,"props":6547,"children":6548},{"style":788},[6549],{"type":51,"value":2453},{"type":45,"tag":775,"props":6551,"children":6552},{"style":815},[6553],{"type":51,"value":2458},{"type":45,"tag":775,"props":6555,"children":6556},{"style":788},[6557],{"type":51,"value":2463},{"type":45,"tag":775,"props":6559,"children":6560},{"style":794},[6561],{"type":51,"value":6339},{"type":45,"tag":775,"props":6563,"children":6564},{"style":788},[6565],{"type":51,"value":127},{"type":45,"tag":775,"props":6567,"children":6568},{"style":794},[6569],{"type":51,"value":2476},{"type":45,"tag":775,"props":6571,"children":6572},{"style":788},[6573],{"type":51,"value":1531},{"type":45,"tag":775,"props":6575,"children":6576},{"style":815},[6577],{"type":51,"value":311},{"type":45,"tag":775,"props":6579,"children":6580},{"style":788},[6581],{"type":51,"value":2463},{"type":45,"tag":775,"props":6583,"children":6584},{"style":794},[6585],{"type":51,"value":6339},{"type":45,"tag":775,"props":6587,"children":6588},{"style":788},[6589],{"type":51,"value":127},{"type":45,"tag":775,"props":6591,"children":6592},{"style":794},[6593],{"type":51,"value":6348},{"type":45,"tag":775,"props":6595,"children":6596},{"style":788},[6597],{"type":51,"value":1531},{"type":45,"tag":775,"props":6599,"children":6600},{"style":815},[6601],{"type":51,"value":1045},{"type":45,"tag":775,"props":6603,"children":6604},{"style":788},[6605],{"type":51,"value":6388},{"type":45,"tag":775,"props":6607,"children":6608},{"style":788},[6609],{"type":51,"value":802},{"type":45,"tag":775,"props":6611,"children":6612},{"style":990},[6613],{"type":51,"value":1791},{"type":45,"tag":775,"props":6615,"children":6616},{"style":788},[6617],{"type":51,"value":1138},{"type":45,"tag":775,"props":6619,"children":6620},{"class":777,"line":1703},[6621,6626,6630],{"type":45,"tag":775,"props":6622,"children":6623},{"style":788},[6624],{"type":51,"value":6625},"        }",{"type":45,"tag":775,"props":6627,"children":6628},{"style":990},[6629],{"type":51,"value":1045},{"type":45,"tag":775,"props":6631,"children":6632},{"style":788},[6633],{"type":51,"value":828},{"type":45,"tag":775,"props":6635,"children":6636},{"class":777,"line":1732},[6637,6642,6646],{"type":45,"tag":775,"props":6638,"children":6639},{"style":788},[6640],{"type":51,"value":6641},"      }",{"type":45,"tag":775,"props":6643,"children":6644},{"style":990},[6645],{"type":51,"value":1045},{"type":45,"tag":775,"props":6647,"children":6648},{"style":788},[6649],{"type":51,"value":828},{"type":45,"tag":775,"props":6651,"children":6652},{"class":777,"line":1753},[6653,6658,6662,6667,6671,6675,6679],{"type":45,"tag":775,"props":6654,"children":6655},{"style":794},[6656],{"type":51,"value":6657},"      ul",{"type":45,"tag":775,"props":6659,"children":6660},{"style":788},[6661],{"type":51,"value":127},{"type":45,"tag":775,"props":6663,"children":6664},{"style":975},[6665],{"type":51,"value":6666},"append",{"type":45,"tag":775,"props":6668,"children":6669},{"style":990},[6670],{"type":51,"value":982},{"type":45,"tag":775,"props":6672,"children":6673},{"style":794},[6674],{"type":51,"value":289},{"type":45,"tag":775,"props":6676,"children":6677},{"style":990},[6678],{"type":51,"value":1045},{"type":45,"tag":775,"props":6680,"children":6681},{"style":788},[6682],{"type":51,"value":828},{"type":45,"tag":775,"props":6684,"children":6685},{"class":777,"line":1780},[6686],{"type":45,"tag":775,"props":6687,"children":6688},{"style":788},[6689],{"type":51,"value":6690},"    }\n",{"type":45,"tag":775,"props":6692,"children":6693},{"class":777,"line":1798},[6694],{"type":45,"tag":775,"props":6695,"children":6696},{"style":788},[6697],{"type":51,"value":2260},{"type":45,"tag":775,"props":6699,"children":6700},{"class":777,"line":1815},[6701],{"type":45,"tag":775,"props":6702,"children":6703},{"emptyLinePlaceholder":944},[6704],{"type":51,"value":947},{"type":45,"tag":775,"props":6706,"children":6707},{"class":777,"line":4529},[6708,6712,6716,6720,6724,6728],{"type":45,"tag":775,"props":6709,"children":6710},{"style":782},[6711],{"type":51,"value":2275},{"type":45,"tag":775,"props":6713,"children":6714},{"style":794},[6715],{"type":51,"value":2280},{"type":45,"tag":775,"props":6717,"children":6718},{"style":788},[6719],{"type":51,"value":127},{"type":45,"tag":775,"props":6721,"children":6722},{"style":975},[6723],{"type":51,"value":2289},{"type":45,"tag":775,"props":6725,"children":6726},{"style":990},[6727],{"type":51,"value":1245},{"type":45,"tag":775,"props":6729,"children":6730},{"style":788},[6731],{"type":51,"value":828},{"type":45,"tag":775,"props":6733,"children":6734},{"class":777,"line":4625},[6735,6739,6744],{"type":45,"tag":775,"props":6736,"children":6737},{"style":788},[6738],{"type":51,"value":1531},{"type":45,"tag":775,"props":6740,"children":6741},{"style":794},[6742],{"type":51,"value":6743},")()",{"type":45,"tag":775,"props":6745,"children":6746},{"style":788},[6747],{"type":51,"value":828},{"type":45,"tag":775,"props":6749,"children":6750},{"class":777,"line":4641},[6751,6755,6759],{"type":45,"tag":775,"props":6752,"children":6753},{"style":788},[6754],{"type":51,"value":2524},{"type":45,"tag":775,"props":6756,"children":6757},{"style":990},[6758],{"type":51,"value":1917},{"type":45,"tag":775,"props":6760,"children":6761},{"style":788},[6762],{"type":51,"value":1943},{"type":45,"tag":54,"props":6764,"children":6765},{},[6766,6768,6774],{"type":51,"value":6767},"See ",{"type":45,"tag":88,"props":6769,"children":6771},{"className":6770},[],[6772],{"type":51,"value":6773},"references\u002Fwidget-templates.md",{"type":51,"value":6775}," for more widget shapes.",{"type":45,"tag":336,"props":6777,"children":6778},{},[],{"type":45,"tag":129,"props":6780,"children":6782},{"id":6781},"design-notes-that-save-you-a-rewrite",[6783],{"type":51,"value":6784},"Design notes that save you a rewrite",{"type":45,"tag":54,"props":6786,"children":6787},{},[6788,6793],{"type":45,"tag":60,"props":6789,"children":6790},{},[6791],{"type":51,"value":6792},"One widget per tool.",{"type":51,"value":6794}," Resist the urge to build one mega-widget that does everything. One tool → one focused widget → one clear result shape. Claude reasons about these far better.",{"type":45,"tag":54,"props":6796,"children":6797},{},[6798,6803],{"type":45,"tag":60,"props":6799,"children":6800},{},[6801],{"type":51,"value":6802},"Tool description must mention the widget.",{"type":51,"value":6804}," Claude only sees the tool description when deciding what to call. \"Opens an interactive picker\" in the description is what makes Claude reach for it instead of guessing an ID.",{"type":45,"tag":54,"props":6806,"children":6807},{},[6808,6813,6815,6821],{"type":45,"tag":60,"props":6809,"children":6810},{},[6811],{"type":51,"value":6812},"Widgets are optional at runtime.",{"type":51,"value":6814}," Hosts that don't support the apps surface simply ignore ",{"type":45,"tag":88,"props":6816,"children":6818},{"className":6817},[],[6819],{"type":51,"value":6820},"_meta.ui",{"type":51,"value":6822}," and render the tool's text content normally. Since your tool handler already returns meaningful text\u002FJSON (the widget's data), degradation is automatic — Claude sees the data directly instead of via the widget.",{"type":45,"tag":54,"props":6824,"children":6825},{},[6826,6831,6833,6838,6840,6844],{"type":45,"tag":60,"props":6827,"children":6828},{},[6829],{"type":51,"value":6830},"Don't block on widget results for read-only tools.",{"type":51,"value":6832}," A widget that just ",{"type":45,"tag":68,"props":6834,"children":6835},{},[6836],{"type":51,"value":6837},"displays",{"type":51,"value":6839}," data (chart, preview) shouldn't require a user action to complete. Return the display widget ",{"type":45,"tag":68,"props":6841,"children":6842},{},[6843],{"type":51,"value":72},{"type":51,"value":6845}," a text summary in the same result so Claude can continue reasoning without waiting.",{"type":45,"tag":54,"props":6847,"children":6848},{},[6849,6854,6856,6862,6864,6870,6872,6878],{"type":45,"tag":60,"props":6850,"children":6851},{},[6852],{"type":51,"value":6853},"Layout-fork by item count, not by tool count.",{"type":51,"value":6855}," If one use case is \"show one result in detail\" and another is \"show many results side-by-side\", don't make two tools — make one tool that accepts ",{"type":45,"tag":88,"props":6857,"children":6859},{"className":6858},[],[6860],{"type":51,"value":6861},"items[]",{"type":51,"value":6863},", and let the widget pick a layout: ",{"type":45,"tag":88,"props":6865,"children":6867},{"className":6866},[],[6868],{"type":51,"value":6869},"items.length === 1",{"type":51,"value":6871}," → detail view, ",{"type":45,"tag":88,"props":6873,"children":6875},{"className":6874},[],[6876],{"type":51,"value":6877},"> 1",{"type":51,"value":6879}," → carousel. Keeps the server schema simple and lets Claude decide count naturally.",{"type":45,"tag":54,"props":6881,"children":6882},{},[6883,6888,6890,6896],{"type":45,"tag":60,"props":6884,"children":6885},{},[6886],{"type":51,"value":6887},"Put Claude's reasoning in the payload.",{"type":51,"value":6889}," A short ",{"type":45,"tag":88,"props":6891,"children":6893},{"className":6892},[],[6894],{"type":51,"value":6895},"note",{"type":51,"value":6897}," field on each item (why Claude picked it) rendered as a callout on the card gives users the reasoning inline with the choice. Mention this field in the tool description so Claude populates it.",{"type":45,"tag":54,"props":6899,"children":6900},{},[6901,6906,6908,6913,6915,6921,6923,6929],{"type":45,"tag":60,"props":6902,"children":6903},{},[6904],{"type":51,"value":6905},"Normalize image shapes server-side.",{"type":51,"value":6907}," If your data source returns images with wildly varying aspect ratios, rewrite to a predictable variant (e.g. square-bounded) ",{"type":45,"tag":68,"props":6909,"children":6910},{},[6911],{"type":51,"value":6912},"before",{"type":51,"value":6914}," fetching for the data-URL inline. Then give the widget's image container a fixed ",{"type":45,"tag":88,"props":6916,"children":6918},{"className":6917},[],[6919],{"type":51,"value":6920},"aspect-ratio",{"type":51,"value":6922}," + ",{"type":45,"tag":88,"props":6924,"children":6926},{"className":6925},[],[6927],{"type":51,"value":6928},"object-fit: contain",{"type":51,"value":6930}," so everything sits centered.",{"type":45,"tag":54,"props":6932,"children":6933},{},[6934,6939,6940,6946,6948,6954,6956,6961,6963,6969,6971,6977,6979,6985,6987,6993,6995,7001],{"type":45,"tag":60,"props":6935,"children":6936},{},[6937],{"type":51,"value":6938},"Follow host theme.",{"type":51,"value":2568},{"type":45,"tag":88,"props":6941,"children":6943},{"className":6942},[],[6944],{"type":51,"value":6945},"app.getHostContext()?.theme",{"type":51,"value":6947}," (after ",{"type":45,"tag":88,"props":6949,"children":6951},{"className":6950},[],[6952],{"type":51,"value":6953},"connect()",{"type":51,"value":6955},") plus ",{"type":45,"tag":88,"props":6957,"children":6959},{"className":6958},[],[6960],{"type":51,"value":2759},{"type":51,"value":6962}," for live updates. Toggle a ",{"type":45,"tag":88,"props":6964,"children":6966},{"className":6965},[],[6967],{"type":51,"value":6968},".dark",{"type":51,"value":6970}," class on ",{"type":45,"tag":88,"props":6972,"children":6974},{"className":6973},[],[6975],{"type":51,"value":6976},"\u003Chtml>",{"type":51,"value":6978},", keep colors in CSS custom props with a ",{"type":45,"tag":88,"props":6980,"children":6982},{"className":6981},[],[6983],{"type":51,"value":6984},":root.dark {}",{"type":51,"value":6986}," override block, set ",{"type":45,"tag":88,"props":6988,"children":6990},{"className":6989},[],[6991],{"type":51,"value":6992},"color-scheme",{"type":51,"value":6994},". Disable ",{"type":45,"tag":88,"props":6996,"children":6998},{"className":6997},[],[6999],{"type":51,"value":7000},"mix-blend-mode: multiply",{"type":51,"value":7002}," in dark — it makes images vanish.",{"type":45,"tag":336,"props":7004,"children":7005},{},[],{"type":45,"tag":129,"props":7007,"children":7009},{"id":7008},"testing",[7010],{"type":51,"value":7011},"Testing",{"type":45,"tag":54,"props":7013,"children":7014},{},[7015,7020,7022,7028,7029,7035,7037,7043,7045,7051,7053,7059],{"type":45,"tag":60,"props":7016,"children":7017},{},[7018],{"type":51,"value":7019},"Claude Desktop",{"type":51,"value":7021}," — current builds still require the ",{"type":45,"tag":88,"props":7023,"children":7025},{"className":7024},[],[7026],{"type":51,"value":7027},"command",{"type":51,"value":3634},{"type":45,"tag":88,"props":7030,"children":7032},{"className":7031},[],[7033],{"type":51,"value":7034},"args",{"type":51,"value":7036}," config shape (no native ",{"type":45,"tag":88,"props":7038,"children":7040},{"className":7039},[],[7041],{"type":51,"value":7042},"\"type\": \"http\"",{"type":51,"value":7044},"). Wrap with ",{"type":45,"tag":88,"props":7046,"children":7048},{"className":7047},[],[7049],{"type":51,"value":7050},"mcp-remote",{"type":51,"value":7052}," and force ",{"type":45,"tag":88,"props":7054,"children":7056},{"className":7055},[],[7057],{"type":51,"value":7058},"http-only",{"type":51,"value":7060}," transport so the SSE probe doesn't swallow widget-capability negotiation:",{"type":45,"tag":647,"props":7062,"children":7065},{"className":7063,"code":7064,"language":4906,"meta":655,"style":655},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"mcpServers\": {\n    \"my-server\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"mcp-remote\", \"http:\u002F\u002Flocalhost:3000\u002Fmcp\",\n               \"--allow-http\", \"--transport\", \"http-only\"]\n    }\n  }\n}\n",[7066],{"type":45,"tag":88,"props":7067,"children":7068},{"__ignoreMap":655},[7069,7076,7100,7125,7162,7235,7290,7297,7304],{"type":45,"tag":775,"props":7070,"children":7071},{"class":777,"line":778},[7072],{"type":45,"tag":775,"props":7073,"children":7074},{"style":788},[7075],{"type":51,"value":1679},{"type":45,"tag":775,"props":7077,"children":7078},{"class":777,"line":831},[7079,7083,7088,7092,7096],{"type":45,"tag":775,"props":7080,"children":7081},{"style":788},[7082],{"type":51,"value":1610},{"type":45,"tag":775,"props":7084,"children":7085},{"style":954},[7086],{"type":51,"value":7087},"mcpServers",{"type":45,"tag":775,"props":7089,"children":7090},{"style":788},[7091],{"type":51,"value":823},{"type":45,"tag":775,"props":7093,"children":7094},{"style":788},[7095],{"type":51,"value":712},{"type":45,"tag":775,"props":7097,"children":7098},{"style":788},[7099],{"type":51,"value":1107},{"type":45,"tag":775,"props":7101,"children":7102},{"class":777,"line":872},[7103,7108,7113,7117,7121],{"type":45,"tag":775,"props":7104,"children":7105},{"style":788},[7106],{"type":51,"value":7107},"    \"",{"type":45,"tag":775,"props":7109,"children":7110},{"style":3015},[7111],{"type":51,"value":7112},"my-server",{"type":45,"tag":775,"props":7114,"children":7115},{"style":788},[7116],{"type":51,"value":823},{"type":45,"tag":775,"props":7118,"children":7119},{"style":788},[7120],{"type":51,"value":712},{"type":45,"tag":775,"props":7122,"children":7123},{"style":788},[7124],{"type":51,"value":1107},{"type":45,"tag":775,"props":7126,"children":7127},{"class":777,"line":898},[7128,7133,7137,7141,7145,7149,7154,7158],{"type":45,"tag":775,"props":7129,"children":7130},{"style":788},[7131],{"type":51,"value":7132},"      \"",{"type":45,"tag":775,"props":7134,"children":7135},{"style":2205},[7136],{"type":51,"value":7027},{"type":45,"tag":775,"props":7138,"children":7139},{"style":788},[7140],{"type":51,"value":823},{"type":45,"tag":775,"props":7142,"children":7143},{"style":788},[7144],{"type":51,"value":712},{"type":45,"tag":775,"props":7146,"children":7147},{"style":788},[7148],{"type":51,"value":812},{"type":45,"tag":775,"props":7150,"children":7151},{"style":815},[7152],{"type":51,"value":7153},"npx",{"type":45,"tag":775,"props":7155,"children":7156},{"style":788},[7157],{"type":51,"value":823},{"type":45,"tag":775,"props":7159,"children":7160},{"style":788},[7161],{"type":51,"value":1138},{"type":45,"tag":775,"props":7163,"children":7164},{"class":777,"line":940},[7165,7169,7173,7177,7181,7185,7189,7194,7198,7202,7206,7210,7214,7218,7222,7227,7231],{"type":45,"tag":775,"props":7166,"children":7167},{"style":788},[7168],{"type":51,"value":7132},{"type":45,"tag":775,"props":7170,"children":7171},{"style":2205},[7172],{"type":51,"value":7034},{"type":45,"tag":775,"props":7174,"children":7175},{"style":788},[7176],{"type":51,"value":823},{"type":45,"tag":775,"props":7178,"children":7179},{"style":788},[7180],{"type":51,"value":712},{"type":45,"tag":775,"props":7182,"children":7183},{"style":788},[7184],{"type":51,"value":1461},{"type":45,"tag":775,"props":7186,"children":7187},{"style":788},[7188],{"type":51,"value":823},{"type":45,"tag":775,"props":7190,"children":7191},{"style":815},[7192],{"type":51,"value":7193},"-y",{"type":45,"tag":775,"props":7195,"children":7196},{"style":788},[7197],{"type":51,"value":823},{"type":45,"tag":775,"props":7199,"children":7200},{"style":788},[7201],{"type":51,"value":850},{"type":45,"tag":775,"props":7203,"children":7204},{"style":788},[7205],{"type":51,"value":812},{"type":45,"tag":775,"props":7207,"children":7208},{"style":815},[7209],{"type":51,"value":7050},{"type":45,"tag":775,"props":7211,"children":7212},{"style":788},[7213],{"type":51,"value":823},{"type":45,"tag":775,"props":7215,"children":7216},{"style":788},[7217],{"type":51,"value":850},{"type":45,"tag":775,"props":7219,"children":7220},{"style":788},[7221],{"type":51,"value":812},{"type":45,"tag":775,"props":7223,"children":7224},{"style":815},[7225],{"type":51,"value":7226},"http:\u002F\u002Flocalhost:3000\u002Fmcp",{"type":45,"tag":775,"props":7228,"children":7229},{"style":788},[7230],{"type":51,"value":823},{"type":45,"tag":775,"props":7232,"children":7233},{"style":788},[7234],{"type":51,"value":1138},{"type":45,"tag":775,"props":7236,"children":7237},{"class":777,"line":950},[7238,7243,7248,7252,7256,7260,7265,7269,7273,7277,7281,7285],{"type":45,"tag":775,"props":7239,"children":7240},{"style":788},[7241],{"type":51,"value":7242},"               \"",{"type":45,"tag":775,"props":7244,"children":7245},{"style":815},[7246],{"type":51,"value":7247},"--allow-http",{"type":45,"tag":775,"props":7249,"children":7250},{"style":788},[7251],{"type":51,"value":823},{"type":45,"tag":775,"props":7253,"children":7254},{"style":788},[7255],{"type":51,"value":850},{"type":45,"tag":775,"props":7257,"children":7258},{"style":788},[7259],{"type":51,"value":812},{"type":45,"tag":775,"props":7261,"children":7262},{"style":815},[7263],{"type":51,"value":7264},"--transport",{"type":45,"tag":775,"props":7266,"children":7267},{"style":788},[7268],{"type":51,"value":823},{"type":45,"tag":775,"props":7270,"children":7271},{"style":788},[7272],{"type":51,"value":850},{"type":45,"tag":775,"props":7274,"children":7275},{"style":788},[7276],{"type":51,"value":812},{"type":45,"tag":775,"props":7278,"children":7279},{"style":815},[7280],{"type":51,"value":7058},{"type":45,"tag":775,"props":7282,"children":7283},{"style":788},[7284],{"type":51,"value":823},{"type":45,"tag":775,"props":7286,"children":7287},{"style":788},[7288],{"type":51,"value":7289},"]\n",{"type":45,"tag":775,"props":7291,"children":7292},{"class":777,"line":1052},[7293],{"type":45,"tag":775,"props":7294,"children":7295},{"style":788},[7296],{"type":51,"value":6690},{"type":45,"tag":775,"props":7298,"children":7299},{"class":777,"line":1060},[7300],{"type":45,"tag":775,"props":7301,"children":7302},{"style":788},[7303],{"type":51,"value":2516},{"type":45,"tag":775,"props":7305,"children":7306},{"class":777,"line":1070},[7307],{"type":45,"tag":775,"props":7308,"children":7309},{"style":788},[7310],{"type":51,"value":7311},"}\n",{"type":45,"tag":54,"props":7313,"children":7314},{},[7315,7317,7322],{"type":51,"value":7316},"Desktop caches UI resources aggressively. After editing widget HTML, ",{"type":45,"tag":60,"props":7318,"children":7319},{},[7320],{"type":51,"value":7321},"fully quit",{"type":51,"value":7323}," (⌘Q \u002F Alt+F4, not window-close) and relaunch to force a cold resource re-fetch.",{"type":45,"tag":54,"props":7325,"children":7326},{},[7327,7332],{"type":45,"tag":60,"props":7328,"children":7329},{},[7330],{"type":51,"value":7331},"Headless JSON-RPC loop",{"type":51,"value":7333}," — fast iteration without clicking through Desktop:",{"type":45,"tag":647,"props":7335,"children":7337},{"className":3003,"code":7336,"language":3005,"meta":655,"style":655},"# test.jsonl — one JSON-RPC message per line\n{\"jsonrpc\":\"2.0\",\"id\":1,\"method\":\"initialize\",\"params\":{\"protocolVersion\":\"2025-06-18\",\"capabilities\":{},\"clientInfo\":{\"name\":\"t\",\"version\":\"0\"}}}\n{\"jsonrpc\":\"2.0\",\"method\":\"notifications\u002Finitialized\"}\n{\"jsonrpc\":\"2.0\",\"id\":2,\"method\":\"tools\u002Flist\"}\n{\"jsonrpc\":\"2.0\",\"id\":3,\"method\":\"tools\u002Fcall\",\"params\":{\"name\":\"your_tool\",\"arguments\":{...}}}\n\n(cat test.jsonl; sleep 10) | npx mcp-remote http:\u002F\u002Flocalhost:3000\u002Fmcp --allow-http\n",[7338],{"type":45,"tag":88,"props":7339,"children":7340},{"__ignoreMap":655},[7341,7349,7494,7539,7588,7673,7680],{"type":45,"tag":775,"props":7342,"children":7343},{"class":777,"line":778},[7344],{"type":45,"tag":775,"props":7345,"children":7346},{"style":1064},[7347],{"type":51,"value":7348},"# test.jsonl — one JSON-RPC message per line\n",{"type":45,"tag":775,"props":7350,"children":7351},{"class":777,"line":831},[7352,7356,7361,7365,7370,7374,7379,7384,7389,7393,7398,7402,7407,7411,7415,7419,7424,7429,7434,7439,7444,7449,7454,7459,7463,7467,7472,7476,7481,7485,7489],{"type":45,"tag":775,"props":7353,"children":7354},{"style":788},[7355],{"type":51,"value":987},{"type":45,"tag":775,"props":7357,"children":7358},{"style":3015},[7359],{"type":51,"value":7360},"\"jsonrpc\"",{"type":45,"tag":775,"props":7362,"children":7363},{"style":975},[7364],{"type":51,"value":712},{"type":45,"tag":775,"props":7366,"children":7367},{"style":3015},[7368],{"type":51,"value":7369},"\"2.0\"",{"type":45,"tag":775,"props":7371,"children":7372},{"style":3015},[7373],{"type":51,"value":850},{"type":45,"tag":775,"props":7375,"children":7376},{"style":3015},[7377],{"type":51,"value":7378},"\"id\"",{"type":45,"tag":775,"props":7380,"children":7381},{"style":3015},[7382],{"type":51,"value":7383},":1,",{"type":45,"tag":775,"props":7385,"children":7386},{"style":3015},[7387],{"type":51,"value":7388},"\"method\"",{"type":45,"tag":775,"props":7390,"children":7391},{"style":975},[7392],{"type":51,"value":712},{"type":45,"tag":775,"props":7394,"children":7395},{"style":3015},[7396],{"type":51,"value":7397},"\"initialize\"",{"type":45,"tag":775,"props":7399,"children":7400},{"style":3015},[7401],{"type":51,"value":850},{"type":45,"tag":775,"props":7403,"children":7404},{"style":3015},[7405],{"type":51,"value":7406},"\"params\"",{"type":45,"tag":775,"props":7408,"children":7409},{"style":975},[7410],{"type":51,"value":712},{"type":45,"tag":775,"props":7412,"children":7413},{"style":815},[7414],{"type":51,"value":987},{"type":45,"tag":775,"props":7416,"children":7417},{"style":794},[7418],{"type":51,"value":823},{"type":45,"tag":775,"props":7420,"children":7421},{"style":3015},[7422],{"type":51,"value":7423},"protocolVersion",{"type":45,"tag":775,"props":7425,"children":7426},{"style":3015},[7427],{"type":51,"value":7428},"\":\"",{"type":45,"tag":775,"props":7430,"children":7431},{"style":3015},[7432],{"type":51,"value":7433},"2025-06-18",{"type":45,"tag":775,"props":7435,"children":7436},{"style":3015},[7437],{"type":51,"value":7438},"\",\"",{"type":45,"tag":775,"props":7440,"children":7441},{"style":3015},[7442],{"type":51,"value":7443},"capabilities",{"type":45,"tag":775,"props":7445,"children":7446},{"style":3015},[7447],{"type":51,"value":7448},"\":{},\"",{"type":45,"tag":775,"props":7450,"children":7451},{"style":3015},[7452],{"type":51,"value":7453},"clientInfo",{"type":45,"tag":775,"props":7455,"children":7456},{"style":3015},[7457],{"type":51,"value":7458},"\":{\"",{"type":45,"tag":775,"props":7460,"children":7461},{"style":3015},[7462],{"type":51,"value":6348},{"type":45,"tag":775,"props":7464,"children":7465},{"style":3015},[7466],{"type":51,"value":7428},{"type":45,"tag":775,"props":7468,"children":7469},{"style":3015},[7470],{"type":51,"value":7471},"t",{"type":45,"tag":775,"props":7473,"children":7474},{"style":3015},[7475],{"type":51,"value":7438},{"type":45,"tag":775,"props":7477,"children":7478},{"style":3015},[7479],{"type":51,"value":7480},"version",{"type":45,"tag":775,"props":7482,"children":7483},{"style":3015},[7484],{"type":51,"value":7428},{"type":45,"tag":775,"props":7486,"children":7487},{"style":3015},[7488],{"type":51,"value":2208},{"type":45,"tag":775,"props":7490,"children":7491},{"style":3015},[7492],{"type":51,"value":7493},"\"}}}\n",{"type":45,"tag":775,"props":7495,"children":7496},{"class":777,"line":872},[7497,7502,7507,7511,7516,7520,7525,7529,7534],{"type":45,"tag":775,"props":7498,"children":7499},{"style":3015},[7500],{"type":51,"value":7501},"{\"",{"type":45,"tag":775,"props":7503,"children":7504},{"style":3015},[7505],{"type":51,"value":7506},"jsonrpc",{"type":45,"tag":775,"props":7508,"children":7509},{"style":3015},[7510],{"type":51,"value":7428},{"type":45,"tag":775,"props":7512,"children":7513},{"style":3015},[7514],{"type":51,"value":7515},"2.0",{"type":45,"tag":775,"props":7517,"children":7518},{"style":3015},[7519],{"type":51,"value":7438},{"type":45,"tag":775,"props":7521,"children":7522},{"style":3015},[7523],{"type":51,"value":7524},"method",{"type":45,"tag":775,"props":7526,"children":7527},{"style":3015},[7528],{"type":51,"value":7428},{"type":45,"tag":775,"props":7530,"children":7531},{"style":3015},[7532],{"type":51,"value":7533},"notifications\u002Finitialized",{"type":45,"tag":775,"props":7535,"children":7536},{"style":3015},[7537],{"type":51,"value":7538},"\"}\n",{"type":45,"tag":775,"props":7540,"children":7541},{"class":777,"line":898},[7542,7546,7550,7554,7558,7562,7566,7571,7575,7579,7584],{"type":45,"tag":775,"props":7543,"children":7544},{"style":3015},[7545],{"type":51,"value":7501},{"type":45,"tag":775,"props":7547,"children":7548},{"style":3015},[7549],{"type":51,"value":7506},{"type":45,"tag":775,"props":7551,"children":7552},{"style":3015},[7553],{"type":51,"value":7428},{"type":45,"tag":775,"props":7555,"children":7556},{"style":3015},[7557],{"type":51,"value":7515},{"type":45,"tag":775,"props":7559,"children":7560},{"style":3015},[7561],{"type":51,"value":7438},{"type":45,"tag":775,"props":7563,"children":7564},{"style":3015},[7565],{"type":51,"value":2476},{"type":45,"tag":775,"props":7567,"children":7568},{"style":3015},[7569],{"type":51,"value":7570},"\":2,\"",{"type":45,"tag":775,"props":7572,"children":7573},{"style":3015},[7574],{"type":51,"value":7524},{"type":45,"tag":775,"props":7576,"children":7577},{"style":3015},[7578],{"type":51,"value":7428},{"type":45,"tag":775,"props":7580,"children":7581},{"style":3015},[7582],{"type":51,"value":7583},"tools\u002Flist",{"type":45,"tag":775,"props":7585,"children":7586},{"style":3015},[7587],{"type":51,"value":7538},{"type":45,"tag":775,"props":7589,"children":7590},{"class":777,"line":940},[7591,7595,7599,7603,7607,7611,7615,7620,7624,7628,7633,7637,7642,7646,7650,7654,7659,7663,7668],{"type":45,"tag":775,"props":7592,"children":7593},{"style":3015},[7594],{"type":51,"value":7501},{"type":45,"tag":775,"props":7596,"children":7597},{"style":3015},[7598],{"type":51,"value":7506},{"type":45,"tag":775,"props":7600,"children":7601},{"style":3015},[7602],{"type":51,"value":7428},{"type":45,"tag":775,"props":7604,"children":7605},{"style":3015},[7606],{"type":51,"value":7515},{"type":45,"tag":775,"props":7608,"children":7609},{"style":3015},[7610],{"type":51,"value":7438},{"type":45,"tag":775,"props":7612,"children":7613},{"style":3015},[7614],{"type":51,"value":2476},{"type":45,"tag":775,"props":7616,"children":7617},{"style":3015},[7618],{"type":51,"value":7619},"\":3,\"",{"type":45,"tag":775,"props":7621,"children":7622},{"style":3015},[7623],{"type":51,"value":7524},{"type":45,"tag":775,"props":7625,"children":7626},{"style":3015},[7627],{"type":51,"value":7428},{"type":45,"tag":775,"props":7629,"children":7630},{"style":3015},[7631],{"type":51,"value":7632},"tools\u002Fcall",{"type":45,"tag":775,"props":7634,"children":7635},{"style":3015},[7636],{"type":51,"value":7438},{"type":45,"tag":775,"props":7638,"children":7639},{"style":3015},[7640],{"type":51,"value":7641},"params",{"type":45,"tag":775,"props":7643,"children":7644},{"style":3015},[7645],{"type":51,"value":7458},{"type":45,"tag":775,"props":7647,"children":7648},{"style":3015},[7649],{"type":51,"value":6348},{"type":45,"tag":775,"props":7651,"children":7652},{"style":3015},[7653],{"type":51,"value":7428},{"type":45,"tag":775,"props":7655,"children":7656},{"style":3015},[7657],{"type":51,"value":7658},"your_tool",{"type":45,"tag":775,"props":7660,"children":7661},{"style":3015},[7662],{"type":51,"value":7438},{"type":45,"tag":775,"props":7664,"children":7665},{"style":3015},[7666],{"type":51,"value":7667},"arguments",{"type":45,"tag":775,"props":7669,"children":7670},{"style":3015},[7671],{"type":51,"value":7672},"\":{...}}}\n",{"type":45,"tag":775,"props":7674,"children":7675},{"class":777,"line":950},[7676],{"type":45,"tag":775,"props":7677,"children":7678},{"emptyLinePlaceholder":944},[7679],{"type":51,"value":947},{"type":45,"tag":775,"props":7681,"children":7682},{"class":777,"line":1052},[7683],{"type":45,"tag":775,"props":7684,"children":7685},{"style":3015},[7686],{"type":51,"value":7687},"(cat test.jsonl; sleep 10) | npx mcp-remote http:\u002F\u002Flocalhost:3000\u002Fmcp --allow-http\n",{"type":45,"tag":54,"props":7689,"children":7690},{},[7691,7692,7698,7700,7706],{"type":51,"value":2537},{"type":45,"tag":88,"props":7693,"children":7695},{"className":7694},[],[7696],{"type":51,"value":7697},"sleep",{"type":51,"value":7699}," keeps stdin open long enough to collect all responses. Parse the jsonl output with ",{"type":45,"tag":88,"props":7701,"children":7703},{"className":7702},[],[7704],{"type":51,"value":7705},"jq",{"type":51,"value":7707}," or a Python one-liner.",{"type":45,"tag":54,"props":7709,"children":7710},{},[7711,7716,7718,7723,7725,7730],{"type":45,"tag":60,"props":7712,"children":7713},{},[7714],{"type":51,"value":7715},"Widget dev loop",{"type":51,"value":7717}," — avoid the ⌘Q-relaunch cycle entirely by serving the inlined widget HTML at a plain GET route with a fake ",{"type":45,"tag":88,"props":7719,"children":7721},{"className":7720},[],[7722],{"type":51,"value":1997},{"type":51,"value":7724}," shim that fires ",{"type":45,"tag":88,"props":7726,"children":7728},{"className":7727},[],[7729],{"type":51,"value":762},{"type":51,"value":7731}," from a query param:",{"type":45,"tag":647,"props":7733,"children":7737},{"className":7734,"code":7735,"language":7736,"meta":655,"style":655},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","app.get(\"\u002Fwidget-preview\", (_req, res) => {\n  const shim = `globalThis.ExtApps={applyHostStyleVariables:()=>{},App:class{\n    constructor(){this.h={}} ontoolresult;onhostcontextchanged;\n    async connect(){const p=new URLSearchParams(location.search).get(\"payload\");\n      if(p)this.ontoolresult?.({content:[{type:\"text\",text:p}]});}\n    getHostContext(){return{theme:\"light\"}}\n    sendMessage(m){console.log(\"sendMessage\",m)} updateModelContext(){}\n    callServerTool(){return Promise.resolve({content:[]})} openLink(){} downloadFile(){}\n  }};`;\n  res.type(\"html\").send(widgetHtml.replace(\"\u002F*__EXT_APPS_BUNDLE__*\u002F\", shim));\n});\n","ts",[7738],{"type":45,"tag":88,"props":7739,"children":7740},{"__ignoreMap":655},[7741,7807,7832,7840,7848,7856,7864,7872,7880,7896,7991],{"type":45,"tag":775,"props":7742,"children":7743},{"class":777,"line":778},[7744,7748,7752,7757,7761,7765,7770,7774,7778,7782,7787,7791,7795,7799,7803],{"type":45,"tag":775,"props":7745,"children":7746},{"style":794},[7747],{"type":51,"value":4883},{"type":45,"tag":775,"props":7749,"children":7750},{"style":788},[7751],{"type":51,"value":127},{"type":45,"tag":775,"props":7753,"children":7754},{"style":975},[7755],{"type":51,"value":7756},"get",{"type":45,"tag":775,"props":7758,"children":7759},{"style":794},[7760],{"type":51,"value":982},{"type":45,"tag":775,"props":7762,"children":7763},{"style":788},[7764],{"type":51,"value":823},{"type":45,"tag":775,"props":7766,"children":7767},{"style":815},[7768],{"type":51,"value":7769},"\u002Fwidget-preview",{"type":45,"tag":775,"props":7771,"children":7772},{"style":788},[7773],{"type":51,"value":823},{"type":45,"tag":775,"props":7775,"children":7776},{"style":788},[7777],{"type":51,"value":850},{"type":45,"tag":775,"props":7779,"children":7780},{"style":788},[7781],{"type":51,"value":311},{"type":45,"tag":775,"props":7783,"children":7784},{"style":1346},[7785],{"type":51,"value":7786},"_req",{"type":45,"tag":775,"props":7788,"children":7789},{"style":788},[7790],{"type":51,"value":850},{"type":45,"tag":775,"props":7792,"children":7793},{"style":1346},[7794],{"type":51,"value":4974},{"type":45,"tag":775,"props":7796,"children":7797},{"style":788},[7798],{"type":51,"value":1045},{"type":45,"tag":775,"props":7800,"children":7801},{"style":954},[7802],{"type":51,"value":1358},{"type":45,"tag":775,"props":7804,"children":7805},{"style":788},[7806],{"type":51,"value":1107},{"type":45,"tag":775,"props":7808,"children":7809},{"class":777,"line":831},[7810,7814,7819,7823,7827],{"type":45,"tag":775,"props":7811,"children":7812},{"style":954},[7813],{"type":51,"value":1371},{"type":45,"tag":775,"props":7815,"children":7816},{"style":794},[7817],{"type":51,"value":7818}," shim",{"type":45,"tag":775,"props":7820,"children":7821},{"style":788},[7822],{"type":51,"value":1381},{"type":45,"tag":775,"props":7824,"children":7825},{"style":788},[7826],{"type":51,"value":2453},{"type":45,"tag":775,"props":7828,"children":7829},{"style":815},[7830],{"type":51,"value":7831},"globalThis.ExtApps={applyHostStyleVariables:()=>{},App:class{\n",{"type":45,"tag":775,"props":7833,"children":7834},{"class":777,"line":872},[7835],{"type":45,"tag":775,"props":7836,"children":7837},{"style":815},[7838],{"type":51,"value":7839},"    constructor(){this.h={}} ontoolresult;onhostcontextchanged;\n",{"type":45,"tag":775,"props":7841,"children":7842},{"class":777,"line":898},[7843],{"type":45,"tag":775,"props":7844,"children":7845},{"style":815},[7846],{"type":51,"value":7847},"    async connect(){const p=new URLSearchParams(location.search).get(\"payload\");\n",{"type":45,"tag":775,"props":7849,"children":7850},{"class":777,"line":940},[7851],{"type":45,"tag":775,"props":7852,"children":7853},{"style":815},[7854],{"type":51,"value":7855},"      if(p)this.ontoolresult?.({content:[{type:\"text\",text:p}]});}\n",{"type":45,"tag":775,"props":7857,"children":7858},{"class":777,"line":950},[7859],{"type":45,"tag":775,"props":7860,"children":7861},{"style":815},[7862],{"type":51,"value":7863},"    getHostContext(){return{theme:\"light\"}}\n",{"type":45,"tag":775,"props":7865,"children":7866},{"class":777,"line":1052},[7867],{"type":45,"tag":775,"props":7868,"children":7869},{"style":815},[7870],{"type":51,"value":7871},"    sendMessage(m){console.log(\"sendMessage\",m)} updateModelContext(){}\n",{"type":45,"tag":775,"props":7873,"children":7874},{"class":777,"line":1060},[7875],{"type":45,"tag":775,"props":7876,"children":7877},{"style":815},[7878],{"type":51,"value":7879},"    callServerTool(){return Promise.resolve({content:[]})} openLink(){} downloadFile(){}\n",{"type":45,"tag":775,"props":7881,"children":7882},{"class":777,"line":1070},[7883,7888,7892],{"type":45,"tag":775,"props":7884,"children":7885},{"style":815},[7886],{"type":51,"value":7887},"  }};",{"type":45,"tag":775,"props":7889,"children":7890},{"style":788},[7891],{"type":51,"value":6388},{"type":45,"tag":775,"props":7893,"children":7894},{"style":788},[7895],{"type":51,"value":828},{"type":45,"tag":775,"props":7897,"children":7898},{"class":777,"line":1110},[7899,7903,7907,7912,7916,7920,7924,7928,7932,7936,7941,7945,7950,7954,7958,7962,7966,7970,7974,7978,7982,7987],{"type":45,"tag":775,"props":7900,"children":7901},{"style":794},[7902],{"type":51,"value":5054},{"type":45,"tag":775,"props":7904,"children":7905},{"style":788},[7906],{"type":51,"value":127},{"type":45,"tag":775,"props":7908,"children":7909},{"style":975},[7910],{"type":51,"value":7911},"type",{"type":45,"tag":775,"props":7913,"children":7914},{"style":990},[7915],{"type":51,"value":982},{"type":45,"tag":775,"props":7917,"children":7918},{"style":788},[7919],{"type":51,"value":823},{"type":45,"tag":775,"props":7921,"children":7922},{"style":815},[7923],{"type":51,"value":1900},{"type":45,"tag":775,"props":7925,"children":7926},{"style":788},[7927],{"type":51,"value":823},{"type":45,"tag":775,"props":7929,"children":7930},{"style":990},[7931],{"type":51,"value":1045},{"type":45,"tag":775,"props":7933,"children":7934},{"style":788},[7935],{"type":51,"value":127},{"type":45,"tag":775,"props":7937,"children":7938},{"style":975},[7939],{"type":51,"value":7940},"send",{"type":45,"tag":775,"props":7942,"children":7943},{"style":990},[7944],{"type":51,"value":982},{"type":45,"tag":775,"props":7946,"children":7947},{"style":794},[7948],{"type":51,"value":7949},"widgetHtml",{"type":45,"tag":775,"props":7951,"children":7952},{"style":788},[7953],{"type":51,"value":127},{"type":45,"tag":775,"props":7955,"children":7956},{"style":975},[7957],{"type":51,"value":3625},{"type":45,"tag":775,"props":7959,"children":7960},{"style":990},[7961],{"type":51,"value":982},{"type":45,"tag":775,"props":7963,"children":7964},{"style":788},[7965],{"type":51,"value":823},{"type":45,"tag":775,"props":7967,"children":7968},{"style":815},[7969],{"type":51,"value":2543},{"type":45,"tag":775,"props":7971,"children":7972},{"style":788},[7973],{"type":51,"value":823},{"type":45,"tag":775,"props":7975,"children":7976},{"style":788},[7977],{"type":51,"value":850},{"type":45,"tag":775,"props":7979,"children":7980},{"style":794},[7981],{"type":51,"value":7818},{"type":45,"tag":775,"props":7983,"children":7984},{"style":990},[7985],{"type":51,"value":7986},"))",{"type":45,"tag":775,"props":7988,"children":7989},{"style":788},[7990],{"type":51,"value":828},{"type":45,"tag":775,"props":7992,"children":7993},{"class":777,"line":1141},[7994,7998,8002],{"type":45,"tag":775,"props":7995,"children":7996},{"style":788},[7997],{"type":51,"value":1531},{"type":45,"tag":775,"props":7999,"children":8000},{"style":794},[8001],{"type":51,"value":1045},{"type":45,"tag":775,"props":8003,"children":8004},{"style":788},[8005],{"type":51,"value":828},{"type":45,"tag":54,"props":8007,"children":8008},{},[8009,8011,8017],{"type":51,"value":8010},"Open ",{"type":45,"tag":88,"props":8012,"children":8014},{"className":8013},[],[8015],{"type":51,"value":8016},"http:\u002F\u002Flocalhost:3000\u002Fwidget-preview?payload={\"rows\":[...]}",{"type":51,"value":8018}," in a normal browser tab and iterate with ordinary devtools.",{"type":45,"tag":54,"props":8020,"children":8021},{},[8022,8027],{"type":45,"tag":60,"props":8023,"children":8024},{},[8025],{"type":51,"value":8026},"Host fallback",{"type":51,"value":8028}," — use a host without the apps surface (or MCP Inspector) and confirm the tool's text content degrades gracefully.",{"type":45,"tag":54,"props":8030,"children":8031},{},[8032,8037,8039,8044],{"type":45,"tag":60,"props":8033,"children":8034},{},[8035],{"type":51,"value":8036},"CSP debugging",{"type":51,"value":8038}," — open the iframe's own devtools console. CSP violations are the #1 reason widgets silently fail (blank rectangle, no error in the main console). See ",{"type":45,"tag":88,"props":8040,"children":8042},{"className":8041},[],[8043],{"type":51,"value":2559},{"type":51,"value":127},{"type":45,"tag":336,"props":8046,"children":8047},{},[],{"type":45,"tag":129,"props":8049,"children":8051},{"id":8050},"reference-files",[8052],{"type":51,"value":8053},"Reference files",{"type":45,"tag":285,"props":8055,"children":8056},{},[8057,8067,8077,8095,8111,8130],{"type":45,"tag":289,"props":8058,"children":8059},{},[8060,8065],{"type":45,"tag":88,"props":8061,"children":8063},{"className":8062},[],[8064],{"type":51,"value":2559},{"type":51,"value":8066}," — CSP\u002Fsandbox constraints, the bundle-inlining pattern, image handling, host theming",{"type":45,"tag":289,"props":8068,"children":8069},{},[8070,8075],{"type":45,"tag":88,"props":8071,"children":8073},{"className":8072},[],[8074],{"type":51,"value":6773},{"type":51,"value":8076}," — reusable HTML scaffolds for picker \u002F confirm \u002F progress \u002F display",{"type":45,"tag":289,"props":8078,"children":8079},{},[8080,8086,8088,8093],{"type":45,"tag":88,"props":8081,"children":8083},{"className":8082},[],[8084],{"type":51,"value":8085},"references\u002Fapps-sdk-messages.md",{"type":51,"value":8087}," — the ",{"type":45,"tag":88,"props":8089,"children":8091},{"className":8090},[],[8092],{"type":51,"value":1866},{"type":51,"value":8094}," class API: widget ↔ host ↔ server messaging, lifecycle & supersession",{"type":45,"tag":289,"props":8096,"children":8097},{},[8098,8104,8106],{"type":45,"tag":88,"props":8099,"children":8101},{"className":8100},[],[8102],{"type":51,"value":8103},"references\u002Fpayload-budgeting.md",{"type":51,"value":8105}," — host tool-result size caps, prune-then-truncate, heavy assets via ",{"type":45,"tag":88,"props":8107,"children":8109},{"className":8108},[],[8110],{"type":51,"value":230},{"type":45,"tag":289,"props":8112,"children":8113},{},[8114,8120,8122,8128],{"type":45,"tag":88,"props":8115,"children":8117},{"className":8116},[],[8118],{"type":51,"value":8119},"references\u002Fabuse-protection.md",{"type":51,"value":8121}," — Anthropic egress CIDRs, tiered rate limiting, ",{"type":45,"tag":88,"props":8123,"children":8125},{"className":8124},[],[8126],{"type":51,"value":8127},"trust proxy",{"type":51,"value":8129},", response caching",{"type":45,"tag":289,"props":8131,"children":8132},{},[8133,8138],{"type":45,"tag":88,"props":8134,"children":8136},{"className":8135},[],[8137],{"type":51,"value":333},{"type":51,"value":8139}," — pre-flight for connector-directory submission",{"type":45,"tag":5400,"props":8141,"children":8142},{},[8143],{"type":51,"value":8144},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":8146,"total":8327},[8147,8168,8182,8194,8211,8224,8245,8263,8277,8290,8298,8311],{"slug":8148,"name":8148,"fn":8149,"description":8150,"org":8151,"tags":8152,"stars":8165,"repoUrl":8166,"updatedAt":8167},"algorithmic-art","create algorithmic art with p5.js","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8153,8156,8159,8162],{"name":8154,"slug":8155,"type":16},"Creative","creative",{"name":8157,"slug":8158,"type":16},"Design","design",{"name":8160,"slug":8161,"type":16},"Generative Art","generative-art",{"name":8163,"slug":8164,"type":16},"JavaScript","javascript",161831,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills","2026-04-06T17:56:15.455818",{"slug":8169,"name":8169,"fn":8170,"description":8171,"org":8172,"tags":8173,"stars":8165,"repoUrl":8166,"updatedAt":8181},"brand-guidelines","apply Anthropic brand colors and typography","Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8174,8177,8178],{"name":8175,"slug":8176,"type":16},"Branding","branding",{"name":8157,"slug":8158,"type":16},{"name":8179,"slug":8180,"type":16},"Typography","typography","2026-04-06T17:56:05.042852",{"slug":8183,"name":8183,"fn":8184,"description":8185,"org":8186,"tags":8187,"stars":8165,"repoUrl":8166,"updatedAt":8193},"canvas-design","create posters and visual art as PNG or PDF","Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8188,8189,8190],{"name":8154,"slug":8155,"type":16},{"name":8157,"slug":8158,"type":16},{"name":8191,"slug":8192,"type":16},"PDF","pdf","2026-04-06T17:56:03.794732",{"slug":8195,"name":8195,"fn":8196,"description":8197,"org":8198,"tags":8199,"stars":8165,"repoUrl":8166,"updatedAt":8210},"claude-api","build apps with the Claude API","Reference for the Claude API \u002F Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration.\nTRIGGER — read BEFORE opening the target file; don't skip because it \"looks like a one-liner\" — whenever: the prompt names Claude\u002FAnthropic in any form (Claude, Anthropic, Fable, Opus, Sonnet, Haiku, `anthropic`, `@anthropic-ai`, `claude-*`, `us.anthropic.*`, `[1m]`); the user asks about an LLM (pricing\u002Fmodel choice\u002Flimits\u002Fcaching) — never answer from memory; OR the task is LLM-shaped with provider unstated (agent\u002FMCP\u002Ftool-definition\u002Fmulti-agent\u002FRAG\u002FLLM-judge\u002Fcomputer-use; generate\u002Fsummarize\u002Fextract\u002Fclassify\u002Frewrite\u002Fconverse over NL; debugging refusals\u002Fcutoffs\u002Fstreaming\u002Ftool-calls\u002Ftokens).\nSKIP only when another provider is being worked on (overrides all triggers): OpenAI\u002FGPT\u002FGemini\u002FLlama\u002FMistral\u002FCohere\u002FOllama named in the query; OR `grep -rE 'openai|langchain_openai|google.generativeai|genai|mistralai|cohere|ollama'` over the project hits (run this grep FIRST if no provider named — don't Read the file).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8200,8201,8202,8205,8207],{"name":21,"slug":22,"type":16},{"name":9,"slug":8,"type":16},{"name":8203,"slug":8204,"type":16},"Anthropic SDK","anthropic-sdk",{"name":8206,"slug":8195,"type":16},"Claude API",{"name":8208,"slug":8209,"type":16},"LLM","llm","2026-07-28T05:36:08.213335",{"slug":8212,"name":8212,"fn":8213,"description":8214,"org":8215,"tags":8216,"stars":8165,"repoUrl":8166,"updatedAt":8223},"doc-coauthoring","co-author documentation and technical specs","Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8217,8220],{"name":8218,"slug":8219,"type":16},"Documentation","documentation",{"name":8221,"slug":8222,"type":16},"Technical Writing","technical-writing","2026-04-06T17:56:14.18897",{"slug":8225,"name":8225,"fn":8226,"description":8227,"org":8228,"tags":8229,"stars":8165,"repoUrl":8166,"updatedAt":8244},"docx","create and edit Word documents","Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', '.dotx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx or .dotx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a 'report', 'memo', 'letter', 'template', or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8230,8233,8235,8238,8241],{"name":8231,"slug":8232,"type":16},"Documents","documents",{"name":8234,"slug":8225,"type":16},"DOCX",{"name":8236,"slug":8237,"type":16},"Office","office",{"name":8239,"slug":8240,"type":16},"Templates","templates",{"name":8242,"slug":8243,"type":16},"Word","word","2026-07-18T05:16:23.136271",{"slug":8246,"name":8246,"fn":8247,"description":8248,"org":8249,"tags":8250,"stars":8165,"repoUrl":8166,"updatedAt":8262},"frontend-design","design production-grade frontend interfaces","Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8251,8252,8255,8258,8261],{"name":8157,"slug":8158,"type":16},{"name":8253,"slug":8254,"type":16},"Frontend","frontend",{"name":8256,"slug":8257,"type":16},"React","react",{"name":8259,"slug":8260,"type":16},"Tailwind CSS","tailwind-css",{"name":24,"slug":25,"type":16},"2026-04-06T17:56:16.723469",{"slug":8264,"name":8264,"fn":8265,"description":8266,"org":8267,"tags":8268,"stars":8165,"repoUrl":8166,"updatedAt":8276},"internal-comms","write internal company communications","A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8269,8272,8273],{"name":8270,"slug":8271,"type":16},"Communications","communications",{"name":8239,"slug":8240,"type":16},{"name":8274,"slug":8275,"type":16},"Writing","writing","2026-04-06T17:56:20.695522",{"slug":8278,"name":8278,"fn":8279,"description":8280,"org":8281,"tags":8282,"stars":8165,"repoUrl":8166,"updatedAt":8289},"mcp-builder","build MCP servers","Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node\u002FTypeScript (MCP SDK).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8283,8284,8287,8288],{"name":21,"slug":22,"type":16},{"name":8285,"slug":8286,"type":16},"API Development","api-development",{"name":8208,"slug":8209,"type":16},{"name":18,"slug":19,"type":16},"2026-04-06T17:56:10.357665",{"slug":8192,"name":8192,"fn":8291,"description":8292,"org":8293,"tags":8294,"stars":8165,"repoUrl":8166,"updatedAt":8297},"read edit and manipulate PDF files","Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text\u002Ftables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting\u002Fdecrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8295,8296],{"name":8231,"slug":8232,"type":16},{"name":8191,"slug":8192,"type":16},"2026-04-06T17:56:02.483316",{"slug":8299,"name":8299,"fn":8300,"description":8301,"org":8302,"tags":8303,"stars":8165,"repoUrl":8166,"updatedAt":8310},"pptx","create and edit PowerPoint presentations","Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx or .potx filename, regardless of what they plan to do with the content afterward. If a .pptx or .potx file needs to be opened, created, or touched, use this skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8304,8307],{"name":8305,"slug":8306,"type":16},"PowerPoint","powerpoint",{"name":8308,"slug":8309,"type":16},"Presentations","presentations","2026-07-18T05:16:24.1471",{"slug":8312,"name":8312,"fn":8313,"description":8314,"org":8315,"tags":8316,"stars":8165,"repoUrl":8166,"updatedAt":8326},"skill-creator","create and optimize agent skills","Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8317,8318,8319,8322,8325],{"name":21,"slug":22,"type":16},{"name":8218,"slug":8219,"type":16},{"name":8320,"slug":8321,"type":16},"Evals","evals",{"name":8323,"slug":8324,"type":16},"Performance","performance",{"name":8221,"slug":8222,"type":16},"2026-04-19T06:45:40.804",490,{"items":8329,"total":1646},[8330,8346,8359,8366,8375,8387,8406],{"slug":8331,"name":8331,"fn":8332,"description":8333,"org":8334,"tags":8335,"stars":26,"repoUrl":27,"updatedAt":8345},"access","manage iMessage channel access and permissions","Manage iMessage channel access — approve pairings, edit allowlists, set DM\u002Fgroup policy. Use when the user asks to pair, approve someone, check who's allowed, or change policy for the iMessage channel.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8336,8339,8342],{"name":8337,"slug":8338,"type":16},"Access Control","access-control",{"name":8340,"slug":8341,"type":16},"iMessage","imessage",{"name":8343,"slug":8344,"type":16},"Messaging","messaging","2026-04-12T04:54:55.917969",{"slug":8347,"name":8347,"fn":8348,"description":8349,"org":8350,"tags":8351,"stars":26,"repoUrl":27,"updatedAt":8358},"agent-development","develop and configure AI agents","This skill should be used when the user asks to \"create an agent\", \"add an agent\", \"write a subagent\", \"agent frontmatter\", \"when to use description\", \"agent examples\", \"agent tools\", \"agent colors\", \"autonomous agent\", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8352,8353,8354,8355],{"name":21,"slug":22,"type":16},{"name":9,"slug":8,"type":16},{"name":8218,"slug":8219,"type":16},{"name":8356,"slug":8357,"type":16},"Plugin Development","plugin-development","2026-04-10T04:55:41.251084",{"slug":4,"name":4,"fn":5,"description":6,"org":8360,"tags":8361,"stars":26,"repoUrl":27,"updatedAt":28},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8362,8363,8364,8365],{"name":21,"slug":22,"type":16},{"name":14,"slug":15,"type":16},{"name":18,"slug":19,"type":16},{"name":24,"slug":25,"type":16},{"slug":93,"name":93,"fn":8279,"description":8367,"org":8368,"tags":8369,"stars":26,"repoUrl":27,"updatedAt":8374},"This skill should be used when the user asks to \"build an MCP server\", \"create an MCP\", \"make an MCP integration\", \"wrap an API for Claude\", \"expose tools to Claude\", \"make an MCP app\", or discusses building something with the Model Context Protocol. It is the entry point for MCP server development — it interrogates the user about their use case, determines the right deployment model (remote HTTP, MCPB, local stdio), picks a tool-design pattern, and hands off to specialized skills.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8370,8371,8372,8373],{"name":21,"slug":22,"type":16},{"name":8285,"slug":8286,"type":16},{"name":14,"slug":15,"type":16},{"name":18,"slug":19,"type":16},"2026-04-06T17:59:33.744601",{"slug":689,"name":689,"fn":8376,"description":8377,"org":8378,"tags":8379,"stars":26,"repoUrl":27,"updatedAt":8386},"package and distribute MCP servers","This skill should be used when the user wants to \"package an MCP server\", \"bundle an MCP\", \"make an MCPB\", \"ship a local MCP server\", \"distribute a local MCP\", discusses \".mcpb files\", mentions bundling a Node or Python runtime with their MCP server, or needs an MCP server that interacts with the local filesystem, desktop apps, or OS and must be installable without the user having Node\u002FPython set up.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8380,8381,8382,8383],{"name":21,"slug":22,"type":16},{"name":14,"slug":15,"type":16},{"name":18,"slug":19,"type":16},{"name":8384,"slug":8385,"type":16},"Packaging","packaging","2026-04-06T17:59:31.159961",{"slug":8388,"name":8388,"fn":8389,"description":8390,"org":8391,"tags":8392,"stars":26,"repoUrl":27,"updatedAt":8405},"cardputer-buddy","develop MicroPython apps for Cardputer","Iterate on the Cardputer-Adv MicroPython app bundle (Claude Buddy, Snake, Hello) after the device is already provisioned via m5-onboard. Use when the user wants to add a new app, push a single changed .py without re-flashing, watch device serial logs, or run a one-shot REPL command. Trigger on \"add an app\", \"push to the cardputer\", \"tail the device\", \"run on the device\", or follow-up work after \u002Fmaker-setup.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8393,8396,8399,8402],{"name":8394,"slug":8395,"type":16},"Hardware","hardware",{"name":8397,"slug":8398,"type":16},"M5Stack","m5stack",{"name":8400,"slug":8401,"type":16},"MicroPython","micropython",{"name":8403,"slug":8404,"type":16},"Python","python","2026-05-06T05:39:00.134385",{"slug":8407,"name":8407,"fn":8408,"description":8409,"org":8410,"tags":8411,"stars":26,"repoUrl":27,"updatedAt":8417},"claude-automation-recommender","recommend Claude Code automations","Analyze a codebase and recommend Claude Code automations (hooks, subagents, skills, plugins, MCP servers). Use when user asks for automation recommendations, wants to optimize their Claude Code setup, mentions improving Claude Code workflows, asks how to first set up Claude Code for a project, or wants to know what Claude Code features they should use.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8412,8415,8416],{"name":8413,"slug":8414,"type":16},"Agent Context","agent-context",{"name":14,"slug":15,"type":16},{"name":18,"slug":19,"type":16},"2026-04-06T18:00:34.049624"]