[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_329":330,"_331":332},"routes/_app.x.$handle.$name",{"_112":111,"_38":52,"_121":98,"_33":122,"_13":14,"_123":-5,"_11":124,"_125":126,"_127":128,"_129":130,"_131":132,"_26":-5,"_133":134,"_135":136,"_137":31,"_138":139,"_140":67,"_141":-5,"_142":-5,"_143":144},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":91,"_92":93,"_94":95,"_96":31},"version",13,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","a8920316-6e0b-456b-ae25-818ad75eafb2","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","019ecafe-e737-71ee-bbe3-991b0d31de70","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { type CallResult, callTool, fetchTools, loadConfig, saveConfig, type ToolDef, type UiConfig } from \"../lib.ts\";\nimport { ConfigPanel } from \"./ConfigPanel.tsx\";\nimport { ToolRunner } from \"./ToolRunner.tsx\";\nimport { ResultView } from \"./ResultView.tsx\";\n\nexport function App() {\n const [config, setConfig] = useState(loadConfig());\n const [tools, setTools] = useState([]);\n const [selected, setSelected] = useState(null);\n const [result, setResult] = useState(null);\n const [running, setRunning] = useState(false);\n const [mcpUrl, setMcpUrl] = useState(\"\");\n const [copied, setCopied] = useState(false);\n\n useEffect(() => {\n setMcpUrl(`${location.origin}/mcp`);\n fetchTools().then((t) => {\n setTools(t);\n if (t.length) setSelected(t[0].name);\n });\n }, []);\n\n function updateConfig(cfg: UiConfig) {\n setConfig(cfg);\n saveConfig(cfg);\n }\n\n async function run(name: string, args: Record) {\n setRunning(true);\n try {\n setResult(await callTool(name, args, config));\n } finally {\n setRunning(false);\n }\n }\n\n function copyUrl() {\n navigator.clipboard?.writeText(mcpUrl);\n setCopied(true);\n setTimeout(() => setCopied(false), 1500);\n }\n\n return (\n

\n {/* Header */}\n

\n 📡\n

CDP MCP — Remote Server

SAP Customer Data Platform ingestion, exposed as a remote MCP server with a live tester.

\n\n

MCP Streamable HTTP endpoint

\n {mcpUrl || \"…\"}\n

\n \n {copied ? \"✓ Copied\" : \"Copy URL\"}\n \n

\n\n \n\n {/* Tester */}\n

🧪 Test the tools

\n \n

\n\n {/* Results */}\n

📥 Result

\n \n

\n\n {/* Connect instructions */}\n

🔗 Connect an MCP client (Claude / Cursor)

Add this to your MCP client config. Credentials are passed via headers:

{`{\n  \"mcpServers\": {\n    \"cdp-ingest\": {\n      \"url\": \"${mcpUrl}\",\n      \"headers\": {\n        \"X-CDP-userKey\": \"YOUR_USER_KEY\",\n        \"X-CDP-secret\": \"YOUR_SECRET\",\n        \"X-CDP-baseUrl\": \"https://universe.cdp.gigya.com\",\n        \"X-CDP-businessUnitId\": \"YOUR_BU_ID\"\n      }\n    }\n  }\n}`}

\n Alternatively, set userKey, secret,\n baseUrl, and businessUnitId as env vars on this val\n (defaults used when headers are absent).\n

\n\n \n

\n );\n}\n","createdAt",["D",1781522385557],"branchVersion","branchId","af572a4c-fbf5-4a6b-83af-6add395dd6db","id","88280eeb-5b75-49a5-9c02-7f5038efbc0a","cdp-mcp",["D",1781522163344],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Remote MCP server for SAP CDP ingestion + a web tester UI","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789574399&sig=a8d51a028376b0f18dea863670f2a5f39dc2eca62054b0c7661bee5c0457fba4","c5506c00-2fdd-42b7-a285-6b73e4a74058","pinnedFileId","019ecafe-e739-75a6-b00e-8e7d486c4e4f","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019ecaea-f50a-777f-90f7-048d908ec985","tursoName","88280eeb5b7549a59c027f5038efbc0a","tursoHostname","88280eeb5b7549a59c027f5038efbc0a-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789522836959],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_112":111,"_120":116},"org",{"_112":111,"_113":114,"_115":116,"_19":63,"_117":118,"_119":31},"branch",{"_13":97,"_38":98,"_50":49,"_99":51,"_100":101,"_102":103,"_104":57,"_105":106,"_107":108,"_109":52,"_110":111},"isOwned",14,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","rivkivinter","handle","displayName","רבקי וקסלר-וינטר","avatar","https://lh3.googleusercontent.com/a/ACg8ocKIftIw8s8xWcs-yy31Pl1xsAsEfhdyvfcuMRQYJ_CM_buNQUs=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":324,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":325,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":326,"_92":327,"_94":328,"_96":31},"tree",[199,209,214,215],"files",[199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215],"counts",{"_189":71,"_190":166,"_191":71,"_192":193,"_194":195},"contents",[156,157,158,159],"upstreamProject",{"_50":106,"_38":152,"_59":153,"_61":62,"_56":57,"_90":154},"upstreamBranch",{"_50":101,"_45":145,"_146":147,"_38":98,"_99":106,"_13":148,"_100":-5,"_102":-5,"_149":150,"_54":-5,"_96":31,"_56":57,"_110":151,"_72":108,"_109":152},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_112":151,"_120":155},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789574399&sig=3d6a0be010e77940e58f104bd06b986c1fe4f3a57bc9d85e134d5d62fe89a483",{"_50":184,"_38":185,"_36":186,"_162":-5,"_48":49,"_47":166,"_164":67,"_45":187,"_13":71,"_40":182,"_42":-5,"_30":31,"_169":-5,"_33":188},{"_50":177,"_38":178,"_36":179,"_162":-5,"_48":49,"_47":180,"_164":67,"_45":181,"_13":71,"_40":182,"_42":-5,"_30":31,"_169":-5,"_33":183},{"_50":171,"_38":172,"_36":173,"_162":-5,"_48":49,"_47":166,"_164":31,"_45":174,"_13":71,"_40":26,"_42":175,"_30":31,"_169":-5,"_33":176},{"_50":160,"_38":161,"_36":65,"_162":-5,"_48":49,"_47":163,"_164":67,"_45":165,"_13":166,"_40":167,"_42":168,"_30":31,"_169":-5,"_33":170},"c02ce95c-2b8e-4ecc-a607-8d5332d893c3","index.ts","parentId",6,"latest",["D",1781522276790],1,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { handleMcpRequest, resolveConfig } from \"./server/mcp.ts\";\nimport { toolMap, tools } from \"./server/tools.ts\";\nimport type { CdpConfig } from \"./server/cdp.ts\";\n\nconst app = new Hono();\n\n// ---- Frontend (testing UI) -------------------------------------------------\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---- Remote MCP endpoint (Streamable HTTP transport) -----------------------\n// MCP clients (Claude, Cursor, etc.) POST JSON-RPC here.\napp.post(\"/mcp\", (c) => handleMcpRequest(c.req.raw));\napp.get(\"/mcp\", (c) =>\n c.json({\n error: \"This is the MCP Streamable HTTP endpoint. Use POST with a JSON-RPC body, or connect an MCP client.\",\n serverInfo: { name: \"cdp-ingest\", version: \"1.0.0\" },\n }, 405)\n);\n\n// ---- UI test API -----------------------------------------------------------\n// These power the dashboard. They reuse the exact same tool handlers as MCP,\n// but return the richer `structured` payload for nicer rendering.\n\n// List tool definitions (name, description, JSON Schema).\napp.get(\"/api/tools\", (c) =>\n c.json({\n tools: tools.map((t) => ({ name: t.name, description: t.description, inputSchema: t.inputSchema })),\n })\n);\n\n// Report whether server-side env config is present (never returns secrets).\napp.get(\"/api/config-status\", (c) => {\n const cfg = resolveConfig(c.req.raw);\n return c.json({\n hasUserKey: !!cfg.userKey,\n hasSecret: !!cfg.secret,\n baseUrl: cfg.baseUrl,\n businessUnitId: cfg.businessUnitId ?? null,\n });\n});\n\n// Invoke a tool. Body: { tool, args, config? }.\n// Config from the request body (UI form) overrides env/header config.\napp.post(\"/api/call\", async (c) => {\n const body = await c.req.json().catch(() => ({}));\n const { tool: toolName, args = {}, config: bodyConfig = {} } = body;\n\n const tool = toolMap[toolName];\n if (!tool) return c.json({ error: `Unknown tool: ${toolName}` }, 400);\n\n const base = resolveConfig(c.req.raw);\n const config: CdpConfig = {\n userKey: bodyConfig.userKey || base.userKey,\n secret: bodyConfig.secret || base.secret,\n baseUrl: bodyConfig.baseUrl || base.baseUrl,\n businessUnitId: bodyConfig.businessUnitId || base.businessUnitId,\n };\n\n if (!config.userKey || !config.secret) {\n return c.json({ error: \"Missing credentials. Provide userKey and secret in the Config panel or set env vars.\" }, 400);\n }\n\n const started = Date.now();\n try {\n const result = await tool.handler(config, args);\n return c.json({\n tool: toolName,\n args,\n durationMs: Date.now() - started,\n isError: result.isError ?? false,\n content: result.content,\n structured: result.structured ?? null,\n });\n } catch (e: any) {\n return c.json({\n tool: toolName,\n args,\n durationMs: Date.now() - started,\n isError: true,\n content: [{ type: \"text\", text: `❌ ${e?.message ?? e}` }],\n structured: null,\n });\n }\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[161],"94412855-b61a-4fb1-8739-b23b8fb43d2c","README.md","019ecafe-e739-75a6-b00e-8a7527af6c13",["D",1781522163344],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[172],"92f2b639-db36-472d-be54-5253cfb092c6","server","b8ec4e3e-7457-49e4-8e4d-bddf11c6f2bb",2,["D",1781522190720],"directory",[178],"b34b6501-b9b3-4b98-b939-af359c16705a","frontend","019ecafe-e739-75a6-b00e-850064ad871b",["D",1781522163344],[185],"pulls","branches","forks","envVars",{"_196":71,"_198":71},"connections",{"_196":71,"_197":71},"count","unfilledCount","emptyCount",{"_50":184,"_38":185,"_36":186,"_162":-5,"_48":49,"_47":166,"_164":67,"_45":321,"_13":71,"_40":182,"_42":-5,"_30":31,"_169":-5,"_217":322,"_33":323},{"_50":317,"_38":296,"_36":290,"_162":186,"_48":49,"_47":166,"_164":67,"_45":318,"_13":71,"_40":182,"_42":-5,"_30":31,"_169":-5,"_217":319,"_33":320},{"_50":313,"_38":39,"_36":37,"_162":290,"_48":49,"_47":14,"_164":67,"_45":314,"_13":166,"_40":41,"_42":44,"_30":31,"_169":-5,"_217":315,"_33":316},{"_50":305,"_38":306,"_36":307,"_162":290,"_48":49,"_47":308,"_164":67,"_45":309,"_13":71,"_40":41,"_42":310,"_30":31,"_169":-5,"_217":311,"_33":312},{"_50":297,"_38":298,"_36":299,"_162":290,"_48":49,"_47":300,"_164":67,"_45":301,"_13":71,"_40":41,"_42":302,"_30":31,"_169":-5,"_217":303,"_33":304},{"_50":287,"_38":288,"_36":289,"_162":290,"_48":49,"_47":291,"_164":67,"_45":292,"_13":71,"_40":41,"_42":293,"_30":31,"_169":-5,"_217":294,"_33":295},{"_50":280,"_38":281,"_36":282,"_162":186,"_48":49,"_47":166,"_164":67,"_45":283,"_13":71,"_40":26,"_42":284,"_30":31,"_169":-5,"_217":285,"_33":286},{"_50":272,"_38":273,"_36":274,"_162":186,"_48":49,"_47":275,"_164":67,"_45":276,"_13":166,"_40":26,"_42":277,"_30":31,"_169":-5,"_217":278,"_33":279},{"_50":265,"_38":266,"_36":267,"_162":186,"_48":49,"_47":166,"_164":67,"_45":268,"_13":71,"_40":41,"_42":269,"_30":31,"_169":-5,"_217":270,"_33":271},{"_50":257,"_38":258,"_36":259,"_162":186,"_48":49,"_47":260,"_164":67,"_45":261,"_13":71,"_40":41,"_42":262,"_30":31,"_169":-5,"_217":263,"_33":264},{"_50":177,"_38":178,"_36":179,"_162":-5,"_48":49,"_47":180,"_164":67,"_45":254,"_13":71,"_40":182,"_42":-5,"_30":31,"_169":-5,"_217":255,"_33":256},{"_50":247,"_38":248,"_36":249,"_162":179,"_48":49,"_47":180,"_164":67,"_45":250,"_13":71,"_40":41,"_42":251,"_30":31,"_169":-5,"_217":252,"_33":253},{"_50":239,"_38":240,"_36":241,"_162":179,"_48":49,"_47":242,"_164":67,"_45":243,"_13":71,"_40":41,"_42":244,"_30":31,"_169":-5,"_217":245,"_33":246},{"_50":231,"_38":232,"_36":233,"_162":179,"_48":49,"_47":234,"_164":67,"_45":235,"_13":71,"_40":41,"_42":236,"_30":31,"_169":-5,"_217":237,"_33":238},{"_50":223,"_38":224,"_36":225,"_162":179,"_48":49,"_47":226,"_164":67,"_45":227,"_13":71,"_40":41,"_42":228,"_30":31,"_169":-5,"_217":229,"_33":230},{"_50":171,"_38":172,"_36":173,"_162":-5,"_48":49,"_47":166,"_164":31,"_45":220,"_13":71,"_40":26,"_42":175,"_30":31,"_169":-5,"_217":221,"_33":222},{"_50":160,"_38":161,"_36":65,"_162":-5,"_48":49,"_47":163,"_164":67,"_45":216,"_13":166,"_40":167,"_42":168,"_30":31,"_169":-5,"_217":218,"_33":219},["D",1781522276790],"children",[],[161],["D",1781522163344],[],[172],"439d57ea-96c5-4c79-8f9c-8b6a0a7ec4b6","tools.ts","c75b21aa-68ab-11f1-8cc5-1607ee4eb77e",4,["D",1781522241844],"// Tool definitions shared by the MCP JSON-RPC layer and the UI test API.\n// Each tool is a pure async function (config, args) => MCP tool result.\n\nimport {\n CdpApiError,\n CdpClient,\n type CdpConfig,\n getBusinessUnits,\n getEvents,\n getEventMapping,\n getEventSchema,\n getSource,\n getSources,\n ingestProfile,\n} from \"./cdp.ts\";\nimport { generateMockData } from \"./mock.ts\";\n\nexport interface ToolResult {\n content: { type: \"text\"; text: string }[];\n isError?: boolean;\n // Structured payload used by the UI to render nicer views; ignored by MCP clients.\n structured?: any;\n}\n\nexport interface ToolDef {\n name: string;\n description: string;\n inputSchema: Record; // JSON Schema\n handler: (config: CdpConfig, args: any) => Promise;\n}\n\nfunction text(s: string, extra: Partial = {}): ToolResult {\n return { content: [{ type: \"text\", text: s }], ...extra };\n}\n\nfunction formatError(e: any, message: string): ToolResult {\n if (e instanceof CdpApiError) {\n const parts = [`❌ ${message}`];\n if (e.url) parts.push(`URL: ${e.url}`);\n if (e.callId) parts.push(`callId: ${e.callId}`);\n return text(parts.join(\"\\n\"), { isError: true, structured: { error: message, url: e.url, callId: e.callId, status: e.status } });\n }\n return text(`❌ ${message}: ${e?.message ?? e}`, { isError: true, structured: { error: String(e?.message ?? e) } });\n}\n\nfunction requireBusinessUnit(config: CdpConfig): string | null {\n return config.businessUnitId ? null : \"❌ businessUnitId is required. Configure it first (use list_business_units).\";\n}\n\nexport const tools: ToolDef[] = [\n {\n name: \"list_business_units\",\n description: \"List all business units (with tenant/workspace info) available to the credentials. Use the returned business unit ID as businessUnitId for the other tools.\",\n inputSchema: { type: \"object\", properties: {}, additionalProperties: false },\n handler: async (config) => {\n try {\n const client = new CdpClient(config);\n const all = await getBusinessUnits(client);\n if (!all.length) return text(\"❌ No business units found. Check your credentials.\", { isError: true });\n const rows = all\n .map((bu) => ({\n id: bu.id,\n name: bu.name,\n description: bu.description,\n tenantId: bu.tenantId,\n tenantName: bu.tenantName,\n workspaceId: bu.workspaceId,\n workspaceName: bu.workspaceName,\n }))\n .sort((a, b) => (a.name || \"\").localeCompare(b.name || \"\"));\n let t = `📋 Business Units (${rows.length})\\n\\n`;\n rows.forEach((bu, i) => {\n t += `${i + 1}. ${bu.name} (ID: ${bu.id})\\n`;\n if (bu.tenantName || bu.workspaceName) t += ` tenant: ${bu.tenantName ?? bu.tenantId} | workspace: ${bu.workspaceName ?? bu.workspaceId}\\n`;\n });\n t += \"\\n📌 Next: call list_sources with this businessUnitId.\";\n return text(t, { structured: { businessUnits: rows } });\n } catch (e) {\n return formatError(e, \"Failed to list business units\");\n }\n },\n },\n\n {\n name: \"list_sources\",\n description: \"List all data sources (applications) for the configured business unit.\",\n inputSchema: { type: \"object\", properties: {}, additionalProperties: false },\n handler: async (config) => {\n const err = requireBusinessUnit(config);\n if (err) return text(err, { isError: true });\n try {\n const client = new CdpClient(config);\n const sources = await getSources(client, config.businessUnitId!);\n if (!sources.length) return text(\"❌ No sources available.\", { isError: true });\n let t = `📋 Data Sources (${sources.length})\\n\\n`;\n sources.forEach((s, i) => {\n t += `${i + 1}. ${s.name} — ID: ${s.id} | Type: ${s.type || \"N/A\"}\\n`;\n if (s.description) t += ` ${s.description}\\n`;\n });\n t += \"\\n📌 Next: call list_events with a sourceId.\";\n return text(t, { structured: { sources } });\n } catch (e) {\n return formatError(e, \"Failed to list sources\");\n }\n },\n },\n\n {\n name: \"list_events\",\n description: \"List all available events for a data source.\",\n inputSchema: {\n type: \"object\",\n properties: { sourceId: { type: \"string\", description: \"The data source ID (from list_sources).\" } },\n required: [\"sourceId\"],\n additionalProperties: false,\n },\n handler: async (config, { sourceId }) => {\n const err = requireBusinessUnit(config);\n if (err) return text(err, { isError: true });\n try {\n const client = new CdpClient(config);\n const [events, source] = await Promise.all([\n getEvents(client, config.businessUnitId!, sourceId),\n getSource(client, config.businessUnitId!, sourceId).catch(() => ({ name: sourceId } as any)),\n ]);\n if (!events.length) return text(`❌ No events for source \"${source.name}\".`, { isError: true });\n let t = `📋 Events for \"${source.name}\" (${events.length})\\n\\n`;\n events.forEach((e, i) => {\n t += `${i + 1}. ${e.name} — ID: ${e.id}\\n`;\n if (e.description) t += ` ${e.description}\\n`;\n });\n t += \"\\n📌 Next: call ingest_profile with sourceId and eventId.\";\n return text(t, { structured: { source, events } });\n } catch (e) {\n return formatError(e, \"Failed to list events\");\n }\n },\n },\n\n {\n name: \"ingest_profile\",\n description:\n \"Generate mock profile data from the event schema and ingest it into CDP. \" +\n \"Omit confirm or set to false to preview generated data first.\",\n inputSchema: {\n type: \"object\",\n properties: {\n sourceId: { type: \"string\", description: \"Data source ID.\" },\n eventId: { type: \"string\", description: \"Event ID.\" },\n customData: { type: \"object\", description: \"Fields to override in generated data.\", additionalProperties: true },\n confirm: { type: \"boolean\", description: \"Set true to execute ingestion. Default: preview only.\" },\n },\n required: [\"sourceId\", \"eventId\"],\n additionalProperties: false,\n },\n handler: async (config, { sourceId, eventId, customData, confirm }) => {\n const err = requireBusinessUnit(config);\n if (err) return text(err, { isError: true });\n try {\n const client = new CdpClient(config);\n const buId = config.businessUnitId!;\n const [source, events, schema, mapping] = await Promise.all([\n getSource(client, buId, sourceId),\n getEvents(client, buId, sourceId),\n getEventSchema(client, buId, sourceId, eventId),\n getEventMapping(client, buId, sourceId, eventId).catch(() => undefined),\n ]);\n const event = events.find((e) => e.id === eventId);\n if (!event) return text(`❌ Event \"${eventId}\" not found in \"${source.name}\".`, { isError: true });\n\n let data = generateMockData(schema, mapping);\n if (customData && typeof customData === \"object\") data = { ...data, ...customData };\n\n if (!confirm) {\n return text(\n `📊 Preview\\nSource: ${source.name} | Event: ${event.name}\\n\\n` +\n \"```json\\n\" + JSON.stringify(data, null, 2) + \"\\n```\\n\\nCall again with confirm: true to ingest.\",\n { structured: { mode: \"preview\", source, event, schemaFields: schema.fields, data } },\n );\n }\n\n const response = await ingestProfile(client, buId, sourceId, eventId, data);\n return text(\n `🚀 Ingested\\nSource: ${source.name} | Event: ${event.name}` +\n (response?.callId ? `\\ncallId: ${response.callId}` : \"\") +\n \"\\n\\n```json\\n\" + JSON.stringify(data, null, 2) + \"\\n```\",\n { structured: { mode: \"ingested\", source, event, data, response } },\n );\n } catch (e: any) {\n const code = e instanceof CdpApiError ? e.status : e?.status;\n if (code === 404) return formatError(e, \"Source or event not found.\");\n if (code === 403) return formatError(e, \"Permission denied.\");\n if (code === 400) return formatError(e, `Bad request: ${e?.message ?? \"\"}`);\n return formatError(e, `Ingestion failed: ${e?.message ?? e}`);\n }\n },\n },\n];\n\nexport const toolMap: Record = Object.fromEntries(tools.map((t) => [t.name, t]));\n",[],[178,224],"ad137e67-21a0-4a16-9d66-8adcc2f3bd25","mock.ts","b54b1e16-68ab-11f1-9ab7-1607ee4eb77e",3,["D",1781522211538],"// Schema-aware synthetic data generator.\n// Produces realistic-looking values based on field name / type / format,\n// mirroring the intent of the original mock-data-generator (without the LLM call).\n\nimport type { EventSchema, EventMapping, SchemaField } from \"./cdp.ts\";\n\nconst FIRST_NAMES = [\n \"Jennifer\", \"Michael\", \"Sarah\", \"David\", \"Emily\", \"James\", \"Jessica\",\n \"Daniel\", \"Ashley\", \"Matthew\", \"Amanda\", \"Christopher\", \"Olivia\", \"Noah\",\n];\nconst LAST_NAMES = [\n \"Smith\", \"Johnson\", \"Williams\", \"Brown\", \"Jones\", \"Garcia\", \"Miller\",\n \"Davis\", \"Martinez\", \"Rodriguez\", \"Wilson\", \"Anderson\", \"Taylor\",\n];\nconst DOMAINS = [\"gmail.com\", \"outlook.com\", \"yahoo.com\", \"example.com\", \"company.com\"];\nconst CITIES = [\"New York\", \"London\", \"Berlin\", \"Paris\", \"Tokyo\", \"Madrid\", \"Toronto\"];\nconst COUNTRIES = [\"US\", \"GB\", \"DE\", \"FR\", \"JP\", \"ES\", \"CA\"];\n\nfunction pick(arr: T[]): T {\n return arr[Math.floor(Math.random() * arr.length)];\n}\nfunction num(min: number, max: number): number {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nfunction valueForField(field: SchemaField): any {\n const name = field.name.toLowerCase();\n const leaf = name.split(\".\").pop() || name;\n\n if (field.enum?.length) return pick(field.enum);\n\n // Format-driven\n if (field.format === \"email\" || leaf.includes(\"email\")) {\n const f = pick(FIRST_NAMES).toLowerCase();\n const l = pick(LAST_NAMES).toLowerCase();\n return `${f}.${l}${num(1, 999)}@${pick(DOMAINS)}`;\n }\n if (field.format === \"date-time\" || leaf.includes(\"timestamp\") || leaf.endsWith(\"at\") || leaf.includes(\"date\")) {\n return new Date(Date.now() - num(0, 1000 * 60 * 60 * 24 * 365)).toISOString();\n }\n if (field.format === \"uuid\" || leaf === \"id\" || leaf.endsWith(\"id\")) {\n return crypto.randomUUID();\n }\n\n // Name-driven\n if (leaf.includes(\"firstname\") || leaf === \"first\" || leaf === \"givenname\") return pick(FIRST_NAMES);\n if (leaf.includes(\"lastname\") || leaf === \"last\" || leaf === \"familyname\" || leaf === \"surname\") return pick(LAST_NAMES);\n if (leaf.includes(\"phone\") || leaf.includes(\"mobile\")) return `+1${num(200, 999)}${num(200, 999)}${num(1000, 9999)}`;\n if (leaf.includes(\"city\")) return pick(CITIES);\n if (leaf.includes(\"country\")) return pick(COUNTRIES);\n if (leaf.includes(\"zip\") || leaf.includes(\"postal\")) return String(num(10000, 99999));\n if (leaf.includes(\"address\") || leaf.includes(\"street\")) return `${num(1, 9999)} ${pick(LAST_NAMES)} St`;\n if (leaf.includes(\"age\")) return num(18, 80);\n if (leaf.includes(\"gender\")) return pick([\"m\", \"f\", \"u\"]);\n if (leaf.includes(\"company\") || leaf.includes(\"organization\")) return `${pick(LAST_NAMES)} Inc`;\n if (leaf.includes(\"url\") || leaf.includes(\"website\")) return `https://${pick(DOMAINS)}`;\n\n // Type-driven fallback\n switch (field.type) {\n case \"integer\":\n case \"number\":\n return num(1, 1000);\n case \"boolean\":\n return Math.random() > 0.5;\n case \"array\":\n return [];\n case \"object\":\n return {};\n default:\n return `${leaf}_${num(100, 999)}`;\n }\n}\n\n/**\n * Build a nested object out of dot-delimited field names.\n */\nfunction setNested(target: Record, path: string, value: any): void {\n const parts = path.split(\".\");\n let cur = target;\n for (let i = 0; i < parts.length - 1; i++) {\n cur[parts[i]] ??= {};\n cur = cur[parts[i]];\n }\n cur[parts[parts.length - 1]] = value;\n}\n\nexport function generateMockData(\n schema: EventSchema,\n _mapping?: EventMapping,\n): Record {\n const out: Record = {};\n const fields = schema.fields || [];\n\n if (fields.length === 0) {\n // No schema info — produce a minimal sensible profile.\n const first = pick(FIRST_NAMES);\n const last = pick(LAST_NAMES);\n return {\n FirstName: first,\n LastName: last,\n Email: `${first.toLowerCase()}.${last.toLowerCase()}${num(1, 999)}@${pick(DOMAINS)}`,\n };\n }\n\n for (const field of fields) {\n // Prefer required fields and a sampling of optional ones for a realistic payload.\n if (field.required || Math.random() > 0.3) {\n setNested(out, field.name, valueForField(field));\n }\n }\n return out;\n}\n",[],[178,232],"595c9830-9f21-4775-8fde-b385bd4009a3","mcp.ts","d29940f6-68ab-11f1-9410-1607ee4eb77e",5,["D",1781522260706],"// Minimal MCP server over the Streamable HTTP transport (JSON-RPC 2.0).\n// Implements: initialize, notifications/initialized, tools/list, tools/call.\n// Spec: https://modelcontextprotocol.io/specification/2025-03-26/basic/transports\n//\n// Config resolution order (per request): X-CDP-* headers > env vars.\n// This lets one deployed server serve different credentials per MCP client.\n\nimport type { CdpConfig } from \"./cdp.ts\";\nimport { toolMap, tools } from \"./tools.ts\";\n\nconst PROTOCOL_VERSION = \"2025-03-26\";\nconst SERVER_INFO = { name: \"cdp-ingest\", version: \"1.0.0\" };\n\ninterface JsonRpcRequest {\n jsonrpc: \"2.0\";\n id?: string | number | null;\n method: string;\n params?: any;\n}\n\nfunction rpcResult(id: any, result: any) {\n return { jsonrpc: \"2.0\", id, result };\n}\nfunction rpcError(id: any, code: number, message: string, data?: any) {\n return { jsonrpc: \"2.0\", id, error: { code, message, ...(data !== undefined ? { data } : {}) } };\n}\n\nexport function resolveConfig(req: Request): CdpConfig {\n const h = req.headers;\n const env = (k: string) => Deno.env.get(k) || undefined;\n return {\n userKey: h.get(\"x-cdp-userkey\") || env(\"userKey\") || \"\",\n secret: h.get(\"x-cdp-secret\") || env(\"secret\") || \"\",\n baseUrl: h.get(\"x-cdp-baseurl\") || env(\"baseUrl\") || \"https://universe.cdp.gigya.com\",\n businessUnitId: h.get(\"x-cdp-businessunitid\") || env(\"businessUnitId\") || undefined,\n };\n}\n\nasync function handleRpc(rpc: JsonRpcRequest, config: CdpConfig): Promise {\n const { id, method, params } = rpc;\n\n switch (method) {\n case \"initialize\":\n return rpcResult(id, {\n protocolVersion: PROTOCOL_VERSION,\n capabilities: { tools: { listChanged: false } },\n serverInfo: SERVER_INFO,\n });\n\n // Notifications have no id and expect no response.\n case \"notifications/initialized\":\n case \"notifications/cancelled\":\n return null;\n\n case \"ping\":\n return rpcResult(id, {});\n\n case \"tools/list\":\n return rpcResult(id, {\n tools: tools.map((t) => ({\n name: t.name,\n description: t.description,\n inputSchema: t.inputSchema,\n })),\n });\n\n case \"tools/call\": {\n const name = params?.name;\n const args = params?.arguments ?? {};\n const tool = toolMap[name];\n if (!tool) return rpcError(id, -32602, `Unknown tool: ${name}`);\n try {\n const result = await tool.handler(config, args);\n return rpcResult(id, {\n content: result.content,\n isError: result.isError ?? false,\n });\n } catch (e: any) {\n return rpcResult(id, {\n content: [{ type: \"text\", text: `❌ Tool execution error: ${e?.message ?? e}` }],\n isError: true,\n });\n }\n }\n\n default:\n return rpcError(id, -32601, `Method not found: ${method}`);\n }\n}\n\n/**\n * Handle a POST to the /mcp endpoint. Accepts a single JSON-RPC request or a batch.\n * Returns a Response (JSON). Notifications produce 202 Accepted with no body.\n */\nexport async function handleMcpRequest(req: Request): Promise {\n let body: any;\n try {\n body = await req.json();\n } catch {\n return Response.json(rpcError(null, -32700, \"Parse error\"), { status: 400 });\n }\n\n const config = resolveConfig(req);\n\n if (Array.isArray(body)) {\n const responses = (await Promise.all(body.map((r) => handleRpc(r, config)))).filter((r) => r !== null);\n if (responses.length === 0) return new Response(null, { status: 202 });\n return Response.json(responses);\n }\n\n const response = await handleRpc(body, config);\n if (response === null) return new Response(null, { status: 202 });\n return Response.json(response);\n}\n",[],[178,240],"c1ce2e5f-c59c-4830-b8e5-ce4c8da65048","cdp.ts","a8e26576-68ab-11f1-a0ba-1607ee4eb77e",["D",1781522190720],"// CDP API client + services, ported from the stdio implementation for Deno/Val Town.\n// No filesystem: configuration is passed explicitly per-request instead of read from ~/.cdp-mcp.\n\nexport interface CdpConfig {\n userKey: string;\n secret: string;\n baseUrl: string;\n businessUnitId?: string;\n}\n\nexport interface DataSource {\n id: string;\n name: string;\n type?: string;\n description?: string;\n}\n\nexport interface DataEvent {\n id: string;\n name: string;\n description?: string;\n hasDynamicSchema?: boolean;\n schema?: any;\n}\n\nexport interface SchemaField {\n name: string;\n type: string;\n required: boolean;\n description?: string;\n format?: string;\n enum?: any[];\n}\n\nexport interface EventSchema {\n eventId: string;\n fields: SchemaField[];\n raw?: any;\n}\n\nexport type EventMapping = any;\n\nexport class CdpApiError extends Error {\n status?: number;\n url?: string;\n callId?: string;\n body?: any;\n constructor(message: string, opts: { status?: number; url?: string; callId?: string; body?: any } = {}) {\n super(message);\n this.name = \"CdpApiError\";\n Object.assign(this, opts);\n }\n}\n\n/**\n * Authenticated CDP API client. Every request automatically injects\n * ?userKey=...&secret=... as query params, mirroring the original axios interceptor.\n */\nexport class CdpClient {\n constructor(private config: CdpConfig) {}\n\n private buildUrl(endpoint: string, params: Record = {}): string {\n const url = new URL(endpoint, this.config.baseUrl);\n const all = { ...params, userKey: this.config.userKey, secret: this.config.secret };\n for (const [k, v] of Object.entries(all)) {\n if (v !== undefined && v !== null) url.searchParams.set(k, String(v));\n }\n return url.toString();\n }\n\n async request(opts: {\n endpoint: string;\n method?: string;\n params?: Record;\n data?: any;\n }): Promise {\n const { endpoint, method = \"GET\", params = {}, data } = opts;\n const url = this.buildUrl(endpoint, params);\n\n const res = await fetch(url, {\n method,\n headers: { \"Content-Type\": \"application/json\" },\n body: data !== undefined ? JSON.stringify(data) : undefined,\n });\n\n const callIdHeader = res.headers.get(\"x-callid\") || res.headers.get(\"callid\") ||\n res.headers.get(\"x-gigya-callid\") || undefined;\n\n let json: any = null;\n const text = await res.text();\n if (text) {\n try {\n json = JSON.parse(text);\n } catch {\n json = text;\n }\n }\n\n // Mirror the original error handling: gigya returns errorCode in body even on HTTP 200.\n if (json && typeof json === \"object\" && json.errorCode && json.errorCode !== 0) {\n const msg = json.errorMessage || json.errorDetails || \"API request failed\";\n throw new CdpApiError(msg, {\n status: res.status,\n url,\n callId: json.callId || callIdHeader,\n body: json,\n });\n }\n\n if (!res.ok) {\n const msg = (json && (json.errorMessage || json.message)) || `HTTP ${res.status}`;\n throw new CdpApiError(msg, { status: res.status, url, callId: callIdHeader, body: json });\n }\n\n if (json && typeof json === \"object\" && callIdHeader && !json.callId) {\n json.callId = callIdHeader;\n }\n\n return json as T;\n }\n\n get(endpoint: string, params?: Record) {\n return this.request({ endpoint, method: \"GET\", params });\n }\n post(endpoint: string, data?: any, params?: Record) {\n return this.request({ endpoint, method: \"POST\", data, params });\n }\n}\n\n// ---------------------------------------------------------------------------\n// Services (mirror the mono-repo ApplicationService / SchemaService / IngestService)\n// ---------------------------------------------------------------------------\n\nexport async function getBusinessUnits(client: CdpClient): Promise {\n const all = await client.get(\"/api/businessunits\");\n return Array.isArray(all) ? all : [];\n}\n\nexport async function getSources(client: CdpClient, businessUnitId: string): Promise {\n const res = await client.get(`/api/businessunits/${businessUnitId}/applications`);\n return res || [];\n}\n\nexport async function getSource(client: CdpClient, businessUnitId: string, sourceId: string): Promise {\n return client.get(`/api/businessunits/${businessUnitId}/applications/${sourceId}`);\n}\n\nexport async function getEvents(client: CdpClient, businessUnitId: string, sourceId: string): Promise {\n const res = await client.get(\n `/api/businessunits/${businessUnitId}/applications/${sourceId}/dataevents`,\n );\n return res || [];\n}\n\nexport async function getEventSchema(\n client: CdpClient,\n businessUnitId: string,\n sourceId: string,\n eventId: string,\n): Promise {\n const event = await client.get(\n `/api/businessunits/${businessUnitId}/applications/${sourceId}/dataevents/${eventId}`,\n );\n\n if (event.hasDynamicSchema) {\n const response = await client.get(\n `/api/businessunits/${businessUnitId}/applications/${sourceId}/dataevents/${eventId}/schemas/dynamic`,\n );\n const rootSchema = response.dynamicSchemas?.[\"/\"] || {};\n return { eventId, fields: extractSchemaFields(rootSchema), raw: response };\n }\n\n const fields = event.schema ? extractSchemaFields(event.schema) : [];\n return { eventId, fields };\n}\n\nexport async function getEventMapping(\n client: CdpClient,\n businessUnitId: string,\n sourceId: string,\n eventId: string,\n): Promise {\n return client.get(\n `/api/businessunits/${businessUnitId}/applications/${sourceId}/dataevents/${eventId}/mappingsV2`,\n );\n}\n\nexport async function ingestProfile(\n client: CdpClient,\n businessUnitId: string,\n applicationId: string,\n dataEventId: string,\n data: any,\n): Promise {\n return client.post(\n `/api/businessunits/${businessUnitId}/applications/${applicationId}/dataevents/${dataEventId}/event?isTraceMode=true`,\n data,\n );\n}\n\nexport function extractSchemaFields(schema: any, prefix = \"\"): SchemaField[] {\n const fields: SchemaField[] = [];\n if (schema?.type === \"object\" && schema.properties) {\n const required = new Set(schema.required || []);\n for (const [key, value] of Object.entries(schema.properties)) {\n const fullName = prefix ? `${prefix}.${key}` : key;\n if (value.type === \"object\" && value.properties) {\n fields.push(...extractSchemaFields(value, fullName));\n } else {\n const type = Array.isArray(value.type) ? value.type[0] : (value.type || \"string\");\n const enumValues = value.enum || (value.oneOf?.map((o: any) => o.const).filter(Boolean));\n fields.push({\n name: fullName,\n type: type as string,\n required: required.has(key),\n description: value.description,\n format: value.format,\n ...(enumValues?.length ? { enum: enumValues } : {}),\n });\n }\n }\n }\n return fields;\n}\n",[],[178,248],["D",1781522190720],[210,211,212,213],[178],"a86e0a40-7923-4499-ac18-69a13320d5c7","lib.ts","eceb8dc4-68ab-11f1-be0c-1607ee4eb77e",9,["D",1781522304846],"// Shared client-side types + a tiny localStorage-backed config store.\n\nexport interface ToolDef {\n name: string;\n description: string;\n inputSchema: {\n type: string;\n properties?: Record;\n required?: string[];\n };\n}\n\nexport interface CallResult {\n tool: string;\n args: Record;\n durationMs: number;\n isError: boolean;\n content: { type: string; text: string }[];\n structured: any;\n}\n\nexport interface UiConfig {\n userKey: string;\n secret: string;\n baseUrl: string;\n businessUnitId: string;\n}\n\nconst KEY = \"cdp-mcp-config\";\n\nexport const defaultConfig: UiConfig = {\n userKey: \"\",\n secret: \"\",\n baseUrl: \"https://universe.cdp.gigya.com\",\n businessUnitId: \"\",\n};\n\nexport function loadConfig(): UiConfig {\n try {\n const raw = localStorage.getItem(KEY);\n if (raw) return { ...defaultConfig, ...JSON.parse(raw) };\n } catch {\n // ignore\n }\n return { ...defaultConfig };\n}\n\nexport function saveConfig(cfg: UiConfig): void {\n try {\n localStorage.setItem(KEY, JSON.stringify(cfg));\n } catch {\n // ignore\n }\n}\n\nexport async function callTool(tool: string, args: Record, config: UiConfig): Promise {\n const res = await fetch(\"/api/call\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ tool, args, config }),\n });\n const data = await res.json();\n if (!res.ok) {\n return {\n tool,\n args,\n durationMs: 0,\n isError: true,\n content: [{ type: \"text\", text: data.error || `HTTP ${res.status}` }],\n structured: null,\n };\n }\n return data as CallResult;\n}\n\nexport async function fetchTools(): Promise {\n const res = await fetch(\"/api/tools\");\n const data = await res.json();\n return data.tools as ToolDef[];\n}\n",[],[185,258],"8c6d330a-67ad-441f-86d5-6b7354e41f60","index.tsx","019ecafe-e739-75a6-b00e-808bd3800975",["D",1781522163344],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[185,266],"0467acd0-f745-47f5-935e-139d8989a994","index.html","019ecafe-e739-75a6-b00e-7dafb8688064",7,["D",1781522293626],"\n\n \n \n \n CDP MCP — Remote Server & Tester\n \n \n \n \n

\n \n \n \n\n",[],[185,273],"642a44a6-7a18-4be5-b75c-b8194deb5e2a","favicon.svg","019ecafe-e739-75a6-b00e-7a11522a7d03",["D",1781522163344],"\n",[],[185,281],"0843d791-1b13-4d7b-a531-60c4a91624d4","ToolRunner.tsx","0f73e8fa-68ac-11f1-a168-1607ee4eb77e","019ecafe-e739-75a6-b00e-77a2586588ed",12,["D",1781522362800],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ToolDef } from \"../lib.ts\";\n\nconst TOOL_ICON: Record = {\n list_business_units: \"🏢\",\n list_sources: \"🔌\",\n list_events: \"⚡\",\n ingest_profile: \"👤\",\n};\n\ninterface Props {\n tools: ToolDef[];\n selected: string | null;\n onSelect: (name: string) => void;\n running: boolean;\n onRun: (name: string, args: Record) => void;\n}\n\nexport function ToolRunner({ tools, selected, onSelect, running, onRun }: Props) {\n const [args, setArgs] = useState>({});\n const tool = tools.find((t) => t.name === selected) || null;\n\n function select(name: string) {\n setArgs({});\n onSelect(name);\n }\n\n function field(name: string, schema: { type?: string; description?: string }, required: boolean) {\n const val = args[name] ?? \"\";\n if (schema.type === \"boolean\") {\n return (\n \n setArgs({ ...args, [name]: (e.target as HTMLInputElement).checked })}\n />\n {name}\n {schema.description}\n \n );\n }\n const isObject = schema.type === \"object\";\n return (\n \n \n {name}{required && *}\n {schema.description && — {schema.description}}\n \n {isObject\n ? (\n setArgs({ ...args, [name]: (e.target as HTMLTextAreaElement).value })}\n class=\"mt-1 w-full px-3 py-2 rounded-lg border border-slate-300 outline-none focus:border-blue-500 text-sm font-mono h-24\"\n />\n )\n : (\n setArgs({ ...args, [name]: (e.target as HTMLInputElement).value })}\n class=\"mt-1 w-full px-3 py-2 rounded-lg border border-slate-300 outline-none focus:border-blue-500 text-sm font-mono\"\n />\n )}\n \n );\n }\n\n function run() {\n if (!tool) return;\n const props = tool.inputSchema.properties || {};\n const finalArgs: Record = {};\n for (const [name, schema] of Object.entries(props)) {\n const v = args[name];\n if (v === undefined || v === \"\") continue;\n if (schema.type === \"object\" && typeof v === \"string\") {\n try {\n finalArgs[name] = JSON.parse(v);\n } catch {\n finalArgs[name] = v; // server will validate\n }\n } else {\n finalArgs[name] = v;\n }\n }\n onRun(tool.name, finalArgs);\n }\n\n return (\n

\n {/* Tool list */}\n

\n {tools.map((t) => (\n select(t.name)}\n class={`w-full text-left px-3 py-2 rounded-lg border transition-colors ${\n selected === t.name\n ? \"border-blue-500 bg-blue-50\"\n : \"border-slate-200 bg-white hover:border-slate-300\"\n }`}\n >\n

\n {TOOL_ICON[t.name] ?? \"🛠️\"}\n {t.name}\n

{t.description}

\n \n ))}\n

\n\n {/* Args form */}\n

\n {!tool\n ?

Select a tool to configure and run it.

\n : (\n

{tool.name}

{tool.description}

\n {Object.keys(tool.inputSchema.properties || {}).length === 0\n ?

No parameters.

\n : (\n

\n {Object.entries(tool.inputSchema.properties || {}).map(([name, schema]) =>\n field(name, schema, (tool.inputSchema.required || []).includes(name))\n )}\n

\n )}\n \n {running ? \"Running…\" : \"▶ Run tool\"}\n \n

\n )}\n

\n );\n}\n",[],[185,296,288],"components","54c0a5c0-cdb0-4048-9801-23129fa0a59a","ResultView.tsx","038a6ffa-68ac-11f1-b0cd-1607ee4eb77e",11,["D",1781522342817],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { CallResult } from \"../lib.ts\";\n\nfunction Json({ data }: { data: any }) {\n return (\n

\n      {JSON.stringify(data, null, 2)}\n

\n );\n}\n\nfunction CopyButton({ value }: { value: string }) {\n return (\n navigator.clipboard?.writeText(value)}\n class=\"text-xs text-slate-500 hover:text-slate-800 border border-slate-200 rounded px-2 py-1\"\n title=\"Copy ID\"\n >\n 📋 copy\n \n );\n}\n\nfunction EntityTable(\n { title, rows, columns }: {\n title: string;\n rows: any[];\n columns: { key: string; label: string; mono?: boolean }[];\n },\n) {\n return (\n

{title} ({rows.length})

\n \n \n \n {columns.map((c) => )}\n \n \n \n \n {rows.map((r, i) => (\n \n {columns.map((c) => (\n \n ))}\n \n \n ))}\n \n

{c.label}
\n {r[c.key] ?? —}\n	\n {r.id && }\n

\n );\n}\n\nfunction StructuredView({ s }: { s: any }) {\n if (!s) return null;\n\n if (s.businessUnits) {\n return (\n \n );\n }\n\n if (s.sources) {\n return (\n \n );\n }\n\n if (s.events) {\n return (\n

\n {s.source &&

Source: {s.source.name}

}\n \n

\n );\n }\n\n if (s.mode === \"preview\" || s.mode === \"ingested\") {\n return (\n

\n \n {s.mode === \"ingested\" ? \"🚀 Ingested\" : \"📊 Preview\"}\n \n {s.source && {s.source.name} · {s.event?.name}}\n {s.response?.callId && (\n callId: {s.response.callId}\n )}\n

\n {s.schemaFields && s.schemaFields.length > 0 && (\n

Schema fields ({s.schemaFields.length})

\n {s.schemaFields.map((f: any) => (\n \n {f.name}: {f.type}{f.required ? \"*\" : \"\"}\n \n ))}\n

\n )}\n

Generated payload

\n \n

\n );\n }\n\n if (s.error) {\n return (\n

{s.error}

\n {s.url &&

{s.url}

}\n {s.callId &&

callId: {s.callId}

}\n

\n );\n }\n\n return ;\n}\n\nexport function ResultView({ result }: { result: CallResult | null }) {\n if (!result) {\n return (\n

\n Run a tool to see results here.\n

\n );\n }\n\n const rawText = result.content.map((c) => c.text).join(\"\\n\");\n\n return (\n

\n {result.tool}\n {result.isError\n ? error\n : success}\n {result.durationMs} ms\n

\n\n {result.structured\n ? \n :

{rawText}

}\n\n

Raw MCP text content

{rawText}

\n );\n}\n",[],[185,296,298],"61548b58-37d6-4fcd-8a69-0f976dd579f3","ConfigPanel.tsx","f4b13c3e-68ab-11f1-917a-1607ee4eb77e",10,["D",1781522317888],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { UiConfig } from \"../lib.ts\";\n\ninterface Props {\n config: UiConfig;\n onChange: (cfg: UiConfig) => void;\n}\n\nfunction Field(\n { label, value, onChange, type = \"text\", placeholder }: {\n label: string;\n value: string;\n onChange: (v: string) => void;\n type?: string;\n placeholder?: string;\n },\n) {\n return (\n \n {label}\n onChange((e.target as HTMLInputElement).value)}\n class=\"mt-1 w-full px-3 py-2 rounded-lg border border-slate-300 focus:border-blue-500 focus:ring-1 focus:ring-blue-500 outline-none text-sm font-mono\"\n />\n \n );\n}\n\nexport function ConfigPanel({ config, onChange }: Props) {\n const [open, setOpen] = useState(true);\n const set = (k: keyof UiConfig) => (v: string) => onChange({ ...config, [k]: v });\n const ready = config.userKey && config.secret;\n\n return (\n

\n setOpen((o) => !o)}\n class=\"w-full flex items-center justify-between px-5 py-4 text-left\"\n >\n

\n 🔐\n

Connection & Credentials

\n \n {ready ? \"ready\" : \"needs credentials\"}\n \n

\n {open ? \"▲\" : \"▼\"}\n \n\n {open && (\n

\n \n \n \n \n

\n Stored only in your browser (localStorage) and sent per-request. Use list_business_units to discover a businessUnitId.\n

\n )}\n

\n );\n}\n",[],[185,296,306],"1f418b37-abb8-471c-bb7c-00b98d4dc98b",["D",1781522385557],[],[185,296,39],"89578580-c286-43a5-bbb9-ba5b7e42c42a",["D",1781522163344],[201,202,203,204],[185,296],["D",1781522163344],[200,205,206,207,208],[185],["D",1781522163344],["D",1789522836959],{"_112":111,"_120":116},{"_112":111,"_113":114,"_115":116,"_19":63,"_117":118,"_119":31},{"_13":97,"_38":98,"_50":49,"_99":51,"_100":101,"_102":103,"_104":57,"_105":106,"_107":108,"_109":52,"_110":111},"ctx",{"_90":-5,"_142":362,"_363":364,"_365":366,"_367":31,"_368":31,"_369":31,"_370":67,"_371":-5,"_372":-7,"_373":-7,"_374":71,"_375":31,"_376":31,"_377":-5,"_378":31,"_379":31,"_380":31,"_381":-5},"ENV",{"_333":334,"_335":336,"_337":98,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v13