[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_105":106,"_107":108},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","mcpconformance","name","mcp-client-conformance","path","src/hosted/run-page.ts","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":34,"_63":-5,"_64":-5,"_65":38,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/mcpconformance/mcp-client-conformance/code/src/hosted/run-page.ts","extension","id","325a1d77-85a0-45e5-b370-4d7352666c49","run-page.ts","fileId","cf46f6d2-b01d-11f1-964b-1607ee4eb77e","parentId","11abc952-e3be-41e6-ac33-6929c3af1284","branchId","fdc11199-683b-41f1-a3c5-d5ac53972f86","branchVersion",378,"latest",true,"createdAt",["D",1789377750311],"version",0,"fileType","script","content","/**\n * The run page (`/s/`, and `/s//` for one revision),\n * written for the author of one client setting it up, and the bulk page\n * (`/s//bulk`) for testing many clients at once.\n *\n * The run page, top to bottom: what the run is and how many cells can start\n * at each revision; a \"your client\" picker (./config-picker.ts) whose block\n * covers the starter set only; then, with a live line on every URL, one URL\n * per revision for the scenarios that need no sign-in, the cells that need a\n * URL of their own, and the auth cells, `auth/metadata-default` first and\n * the rest folded by group; last, how many cells the client has reached and\n * how many need a look. The live lines refresh with the report's script\n * (./html.ts liveScript) and are judged as the report judges\n * (./run-status.ts).\n *\n * The bulk page has every client's block for every cell, the mcpServers map\n * of all of them, and the matrix of the run with each cell's steps.\n */\n\nimport {\n clientBlocks,\n copyScript,\n escapeHtml as esc,\n jsonForScript,\n liveNote,\n liveScript,\n page,\n renderMatrixTable,\n STATE_STYLE\n} from './html.ts';\nimport { configPicker, pickerScript } from './config-picker.ts';\nimport {\n CLIENTS,\n clientConfig,\n compositeName,\n serverName,\n type ClientKind,\n type ServerEntry\n} from './client-config.ts';\nimport {\n COMPOSITE_SEPARATOR,\n DEFAULT_COMPOSITES,\n notComposableReason\n} from './composite.ts';\nimport { MCP_PATH, type HostedMatrix } from './matrix.ts';\nimport type { CellConfig, RunConfig } from './server.ts';\nimport type { CellState } from './report.ts';\nimport type { ClientIdentity } from './identity.ts';\nimport type { BuildInfo } from './build.ts';\nimport type { CellLive, RunLive } from './run-status.ts';\n\n/** A ready-made composite of the run: its children and its URLs. */\ninterface ReadyComposite {\n revision: string;\n children: string[];\n /** The composite's page. */\n cell: string;\n /** Its MCP endpoint. */\n url: string;\n}\n\n/** The run's ready-made composites, per revision in scope. */\nfunction readyComposites(\n origin: string,\n matrix: HostedMatrix,\n config: RunConfig\n): ReadyComposite[] {\n const revisions = config.revision ? [config.revision] : matrix.revisions;\n return revisions.flatMap((revision) => {\n const children = (DEFAULT_COMPOSITES[revision] ?? []).filter(\n (name) => matrix.cell(name, revision)?.startable\n );\n if (children.length < 2) return [];\n const cell = `${origin}/s/${config.runId}/${revision}/${children.join(COMPOSITE_SEPARATOR)}`;\n return [{ revision, children, cell, url: `${cell}${MCP_PATH}` }];\n });\n}\n\n/** The auth cell a client should start with, at each revision. */\nexport const STARTER_AUTH = 'auth/metadata-default';\n\nconst isAuth = (c: Pick) =>\n c.scenario.startsWith('auth/');\n\n/** The run's cells by where the run page lists them. */\nfunction cellsOf(origin: string, matrix: HostedMatrix, config: RunConfig) {\n const composites = readyComposites(origin, matrix, config);\n const covered = new Set(\n composites.flatMap((c) =>\n c.children.map((child) => `${c.revision}/${child}`)\n )\n );\n return {\n composites,\n alone: config.cells.filter(\n (c) => !isAuth(c) && !covered.has(`${c.revision}/${c.scenario}`)\n ),\n auth: config.cells.filter(isAuth)\n };\n}\n\n/**\n * The entries of the client blocks. The full one (the bulk page) covers\n * every startable cell of the run once: the ready-made composites, then each\n * cell no composite carries (one that cannot share a URL, such as\n * `request-metadata`), then every auth cell, switched off where the client\n * can say so, since each starts a sign-in when the client connects (and\n * `codex mcp list` fetches the metadata of every one that is on). The\n * starter (the run page's picker): the composites and one auth cell per\n * revision, on.\n */\nexport function runClientEntries(\n origin: string,\n matrix: HostedMatrix,\n config: RunConfig\n): { starter: ServerEntry[]; all: ServerEntry[] } {\n const { composites, alone, auth } = cellsOf(origin, matrix, config);\n const ready = composites.map((c) => ({\n name: compositeName(c.revision, c.children),\n url: c.url\n }));\n const entry = (c: CellConfig) => ({\n name: serverName(c.revision, c.scenario),\n url: c.url\n });\n return {\n starter: [\n ...ready,\n ...auth.filter((c) => c.scenario === STARTER_AUTH).map(entry)\n ],\n all: [\n ...ready,\n ...alone.map(entry),\n ...auth.map((c) => ({ ...entry(c), enabled: false }))\n ]\n };\n}\n\n/**\n * \"At 2025-11-25, 18 cells can start here, and at 2026-07-28, 31 can.\":\n * per revision, so a total is never read as a count at every revision.\n */\nexport function startableSentence(\n cells: readonly { revision: string }[],\n revisions: readonly string[]\n): string {\n const parts = revisions.map((r, i) => {\n const n = cells.filter((c) => c.revision === r).length;\n return i === 0\n ? `At ${esc(r)}, ${n} cell${n === 1 ? '' : 's'} can start here`\n : `at ${esc(r)}, ${n} can`;\n });\n if (parts.length < 2) return `${parts.join('')}.`;\n return `${parts.slice(0, -1).join(', ')}, and ${parts[parts.length - 1]}.`;\n}\n\n/**\n * Each state as the run page's live line says it: a glyph and a word on a\n * pill in the state's colour, so no state is told by colour alone. A cell\n * the client reached reads \"reached\" until it fails or stops; whether it\n * passes is the report's to say.\n */\nexport const LIVE_LABEL: Record = {\n pass: '✓ reached',\n fail: '✗ fails',\n stopped: '■ stopped',\n waiting: '◔ waiting',\n 'in-progress': '◑ in progress',\n incomplete: '◐ stopped short',\n 'not-tried': '○ not reached yet',\n 'not-startable': '⊘ unavailable',\n 'n/a': '– not part of this revision'\n};\n\nfunction livePill(state: CellState): string {\n return `${esc(LIVE_LABEL[state])}`;\n}\n\n/** \"12 s ago\", \"3 min ago\": how long before `now` the time `iso` was. */\nexport function ago(iso: string, now: number): string {\n const s = Math.max(0, Math.round((now - Date.parse(iso)) / 1000));\n if (s < 5) return 'just now';\n if (s < 60) return `${s} s ago`;\n const m = Math.floor(s / 60);\n if (m < 60) return `${m} min ago`;\n const h = Math.floor(m / 60);\n if (h < 48) return `${h} h ago`;\n return `${Math.floor(h / 24)} days ago`;\n}\n\n/** Who the client said it was, short: \"test-client 1.0.0\". */\nfunction who(identities: readonly ClientIdentity[]): string {\n const names = identities.map((i) => {\n if (i.name)\n return `${esc(i.name)}${i.version ? ` ${esc(i.version)}` : ''}`;\n if (i.userAgent) {\n const ua =\n i.userAgent.length > 40 ? `${i.userAgent.slice(0, 40)}…` : i.userAgent;\n return `${esc(ua)}`;\n }\n return 'an unnamed client';\n });\n return [...new Set(names)].join(', ');\n}\n\n/** \"last request 12 s ago by test-client 1.0.0\". */\nfunction lastSeen(\n live: Pick,\n now: number\n): string {\n const parts: string[] = [];\n if (live.lastRequestAt) {\n parts.push(\n `last request ${ago(live.lastRequestAt, now)}`\n );\n }\n if (live.identities.length) parts.push(`by ${who(live.identities)}`);\n return parts.join(' ');\n}\n\n/** A cell nothing is known about yet reads not reached. */\nconst NOT_REACHED: CellLive = {\n state: 'not-tried',\n identities: [],\n resultsUrl: ''\n};\n\n/** One cell's live line: its state, then when and who, then its results. */\nfunction cellLine(live: CellLive | undefined, now: number): string {\n const cell = live ?? NOT_REACHED;\n const seen = cell.state === 'not-tried' ? '' : lastSeen(cell, now);\n const results = cell.resultsUrl\n ? ` · results`\n : '';\n return `${livePill(cell.state)}${seen ? ` ${seen}` : ''}${cell.state === 'not-tried' ? '' : results}`;\n}\n\n/** Worst first: what a composite's line leads with. */\nconst WORST: readonly CellState[] = [\n 'fail',\n 'stopped',\n 'waiting',\n 'incomplete',\n 'in-progress',\n 'pass'\n];\n\n/**\n * A composite's live line, over its children: the worst state any reached\n * child is in, how many were reached, and the latest request among them.\n */\nfunction compositeLine(children: CellLive[], now: number): string {\n const reached = children.filter((c) => c.state !== 'not-tried');\n if (!reached.length) return livePill('not-tried');\n const state = WORST.find((s) => reached.some((c) => c.state === s)) ?? 'pass';\n const latest = reached\n .map((c) => c.lastRequestAt)\n .filter((t): t is string => !!t)\n .sort()\n .pop();\n const identities = new Map();\n for (const c of reached) {\n for (const i of c.identities) {\n identities.set(`${i.name}\\n${i.version}\\n${i.userAgent}`, i);\n }\n }\n const failing = reached.filter((c) => c.state === 'fail').length;\n const counts =\n `${reached.length} of ${children.length} scenarios reached` +\n (failing ? `, ${failing} fail${failing === 1 ? 's' : ''}` : '');\n const seen = lastSeen(\n {\n ...(latest && { lastRequestAt: latest }),\n identities: [...identities.values()]\n },\n now\n );\n return `${livePill(state)} ${counts}${seen ? `, ${seen}` : ''}`;\n}\n\n/** One URL row: revision, what it is, copy, and the live line under it. */\nfunction urlRow(\n revision: string,\n what: string,\n url: string,\n line: string,\n more = ''\n): string {\n return (\n `

${esc(revision)}${what}` +\n `` +\n `

${line}${more}

`\n );\n}\n\n/** A single cell's row: its name linked to its page. */\nfunction cellRow(\n runId: string,\n c: CellConfig,\n live: RunLive,\n note = ''\n): string {\n const key = `${c.revision}/${c.scenario}`;\n return urlRow(\n c.revision,\n `${esc(c.scenario)}${\n note ? ` ${esc(note)}` : ''\n }`,\n c.url,\n cellLine(live.cells.get(key), live.now)\n );\n}\n\nfunction compositeRows(composites: ReadyComposite[], live: RunLive): string {\n return composites\n .map((c) => {\n const children = c.children.map(\n (child) => live.cells.get(`${c.revision}/${child}`) ?? NOT_REACHED\n );\n const each = c.children\n .map(\n (child, i) =>\n `

${esc(child)} ${cellLine(children[i], live.now)}

`\n )\n .join('');\n const fold =\n `

the ${c.children.length} scenarios behind it

` +\n `

${each}

`;\n return urlRow(\n c.revision,\n `${esc(c.url)} ${c.children.length} scenarios`,\n c.url,\n compositeLine(children, live.now),\n fold\n );\n })\n .join('');\n}\n\n/** Auth cells by what they test, as the rest of the auth list is folded. */\nconst AUTH_GROUPS: readonly [id: string, title: string, test: RegExp][] = [\n ['metadata', 'Metadata discovery', /^auth\\/metadata-(default|var\\d+)$/],\n ['scopes', 'Scopes', /^auth\\/(scope-|offline-access-)/],\n [\n 'client-auth',\n 'Registration and token endpoint authentication',\n /^auth\\/(token-endpoint-auth-|pre-registration$|basic-cimd$)/\n ],\n ['issuer', 'Issuer checks', /^auth\\/(iss-|metadata-issuer-mismatch$)/],\n ['other', 'Other auth', /^auth\\//]\n];\n\n/** What the cells of a fold stand at, for its summary: \"2 reached, 1 fails\". */\nfunction foldCounts(cells: CellConfig[], live: RunLive): string {\n const states = cells.map(\n (c) => live.cells.get(`${c.revision}/${c.scenario}`)?.state ?? 'not-tried'\n );\n const reached = states.filter((s) => s !== 'not-tried').length;\n if (!reached) return '';\n const failing = states.filter((s) => s === 'fail').length;\n return ` · ${reached} reached${failing ? `, ${failing} fail${failing === 1 ? 's' : ''}` : ''}`;\n}\n\nfunction authSection(\n auth: CellConfig[],\n matrix: HostedMatrix,\n config: RunConfig,\n live: RunLive\n): string {\n if (!auth.length) {\n const revision = config.revision ?? matrix.revisions[0];\n const reason = matrix.cell(STARTER_AUTH, revision)?.startReason;\n return `

This deployment cannot start the auth cells${\n reason ? `: ${esc(reason)}` : ''\n }.

`;\n }\n const order = new Map(matrix.rows.map((r, i) => [r.scenario, i]));\n const byScenario = (a: CellConfig, b: CellConfig) =>\n (order.get(a.scenario) ?? 0) - (order.get(b.scenario) ?? 0) ||\n a.revision.localeCompare(b.revision);\n const starters = auth.filter((c) => c.scenario === STARTER_AUTH);\n const rest = auth.filter((c) => c.scenario !== STARTER_AUTH);\n const placed = new Set();\n const folds = AUTH_GROUPS.map(([id, title, test]) => {\n const cells = rest\n .filter((c) => !placed.has(c) && test.test(c.scenario))\n .sort(byScenario);\n cells.forEach((c) => placed.add(c));\n if (!cells.length) return '';\n return (\n `

${esc(title)} (${cells.length})${foldCounts(cells, live)}

` +\n cells.map((c) => cellRow(config.runId, c, live)).join('') +\n '

'\n );\n }).join('');\n return (\n `

Start with ${STARTER_AUTH} at each revision. The test ` +\n `authorization server approves the sign-in at once, with no account.

` +\n starters\n .sort(byScenario)\n .map((c) => cellRow(config.runId, c, live))\n .join('') +\n folds\n );\n}\n\n/** Why a cell outside the composites needs a URL of its own. */\nfunction aloneNote(scenario: string): string {\n return notComposableReason(scenario) ?? 'not in the ready-made composite';\n}\n\n/** The last step: how far the client has got, and the way to the results. */\nfunction resultsLine(config: RunConfig, live: RunLive): string {\n const cells = (n: number) => `${n} cell${n === 1 ? '' : 's'}`;\n const said = !live.reached\n ? 'Your client has not reached any cell yet.'\n : `Your client has reached ${cells(live.reached)} so far, and ${\n live.needsLook\n ? `${live.needsLook} need${live.needsLook === 1 ? 's' : ''} a look`\n : 'none needs a look'\n }.`;\n return (\n `

${said} ` +\n `Open the results

`\n );\n}\n\nconst runCss = ``;\n\nfunction runCrumbs(config: RunConfig, here?: string): string {\n const run = esc(config.runId);\n const parts = [\n `matrix`,\n `run ${run}`\n ];\n if (config.revision) parts.push(`${esc(config.revision)}`);\n if (here) parts.push(here);\n return `

${parts.join(' › ')} · results

`;\n}\n\n/** The run page, or one revision's (`config.revision`). */\nexport function renderRunPage(\n origin: string,\n matrix: HostedMatrix,\n config: RunConfig,\n live: RunLive,\n build?: BuildInfo\n): string {\n const run = esc(config.runId);\n const revisions = config.revision ? [config.revision] : matrix.revisions;\n const { composites, alone, auth } = cellsOf(origin, matrix, config);\n const { starter, all } = runClientEntries(origin, matrix, config);\n const bulk = `/s/${run}/bulk`;\n const picker = configPicker(starter, {\n urlPanel:\n '

Each URL below has a copy button: paste it wherever your client adds a server.

'\n });\n const noSignIn = composites.length\n ? compositeRows(composites, live)\n : '

No revision here has scenarios that can share a URL.

';\n const own = alone.length\n ? `

Add the cells that need a URL of their own

` +\n alone\n .map((c) => cellRow(config.runId, c, live, aloneNote(c.scenario)))\n .join('') +\n '

'\n : '';\n const title = config.revision\n ? `run ${config.runId} @ ${config.revision}`\n : `run ${config.runId}`;\n return page(\n title,\n `${runCss}

Set up run `${run}`${\n config.revision ? ` @ ${esc(config.revision)}` : ''\n }

\n${runCrumbs(config)}\n

A run tests one client. Point your client at the URLs below: each cell records\nwhat your client sends to its URL, and the results\njudge it. Use a new run for another client.\n${startableSentence(config.cells, revisions)}

Pick your client
${picker}\n
The block covers the starter set: the one URL per revision below and\n${STARTER_AUTH} at each revision. Testing many clients at once? Every\nclient’s block for all ${all.length} entries, and one mcpServers block for all\n${config.cells.length} cells, are on the bulk page.

\n${liveNote}

Add one URL per revision for the scenarios that need no sign-in
\n
Each scenario behind the URL still records and scores in its own cell.
\n${noSignIn}
Add the auth cells, one URL and one sign-in each
\n${authSection(auth, matrix, config, live)}
Read the results
\n${resultsLine(config, live)}

\n${liveScript}\n${copyScript}\n${pickerScript}`,\n build\n );\n}\n\n/**\n * The bulk page: every client's block for every startable cell of the run\n * (runClientEntries().all), one mcpServers map of all of them, and the\n * matrix of the run with each cell's steps and links.\n */\nexport function renderBulkPage(\n origin: string,\n matrix: HostedMatrix,\n config: RunConfig,\n build?: BuildInfo\n): string {\n const run = esc(config.runId);\n const { all } = runClientEntries(origin, matrix, config);\n const embedded = ``;\n return page(\n `run ${config.runId}: every client's config`,\n `

Every client’s config for run `${run}`

\n${runCrumbs(config, 'bulk')}\n

For testing several clients at once. For one client, the\nrun page gives the URLs to start with and shows which ones\nyour client has reached.\n\n— one entry per cell, keyed <revision>/<scenario>

\n${clientBlocks(\n all,\n `Each block covers every startable cell of the run once: the ready-made composites, each cell that cannot share a URL ` +\n '(such as request-metadata), and every auth cell, switched off where the client can say so: ' +\n 'switch on the ones you want to test.',\n `copy all ${all.length}`\n)}\n

Every cell

Each startable cell with its own URL, its steps, and the mcpServers\nentry plus the env the CLI runner would set.

\n${renderMatrixTable(matrix, { origin, runId: config.runId })}\n${embedded}\n${copyScript}`,\n build\n );\n}\n\n/** The bulk page as JSON: the run's config, and every client's full block. */\nexport function bulkJson(\n origin: string,\n matrix: HostedMatrix,\n config: RunConfig\n): RunConfig & { clients: Record } {\n const { all } = runClientEntries(origin, matrix, config);\n const clients = Object.fromEntries(\n CLIENTS.map((c) => [c.kind, clientConfig(c.kind, all)])\n ) as Record;\n return { ...config, clients };\n}\n","deleted",false,"label",[47,48,24],"src","hosted","7dcb6042-d92f-40c5-9cc8-0f661f96e58b",["D",1789043604380],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","f4518a30-f52b-4b12-891c-a8fffb7240f8","pinnedFileId","e6dd13e2-ad13-11f1-a612-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a07c12-b73a-76de-b96a-421ce8582af6","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_104":-5},"org",{"_9":10,"_98":99,"_100":-5,"_58":-5,"_101":102,"_103":44},"branch",{"_37":88,"_11":89,"_22":30,"_90":49,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":12,"_97":10},"isOwned",396,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","MCP Conformance","avatar","tier","free","canRestrictVals","profileImageUrl","ctx",{"_81":-5,"_138":139,"_140":141,"_142":143,"_144":44,"_145":44,"_146":44,"_147":34,"_148":-5,"_149":-7,"_150":-7,"_151":38,"_152":44,"_153":44,"_154":-5,"_155":44,"_156":44,"_157":44,"_158":-5},"ENV",{"_109":110,"_111":112,"_113":89,"_114":115,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Add the cells that need a URL of their own

Set up run ${run}${\n config.revision ? ` @ ${esc(config.revision)}` : ''\n }

Pick your client

Add one URL per revision for the scenarios that need no sign-in

Add the auth cells, one URL and one sign-in each

Read the results

Every client’s config for run ${run}

Every cell

Set up run `${run}`${\n config.revision ? ` @ ${esc(config.revision)}` : ''\n }

Every client’s config for run `${run}`