Error

${escapeHtml(message)}

`;\n}\n\nfunction authorizePage(params: {\n origin: string;\n rpId: string;\n clientId: string;\n clientName: string;\n redirectUri: string;\n codeChallenge: string;\n codeChallengeMethod: string;\n scope: string;\n state: string;\n resource: string;\n}): string {\n return `\nSign in — sync-mcp\n\n\n\n\n

\n\n \n

sync·mcp

\n\n

\n \n \n

\n\n \n\n \n\n

\n\n \n \n\n

\n\n\n`;\n}\n\nconst CSS = `\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif;\n background: #0a0a0f;\n color: #e0e0e8;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .container { width: 100%; max-width: 420px; padding: 1rem; }\n .card {\n background: #16161f;\n border: 1px solid #2a2a3a;\n border-radius: 12px;\n padding: 2rem;\n }\n h1 { font-size: 1.5rem; margin-bottom: 0.75rem; font-weight: 600; }\n h1 .dim { color: #666; }\n .sub { color: #999; font-size: 0.9rem; margin-bottom: 1.5rem; line-height: 1.5; }\n .sub strong { color: #c8c8d8; }\n #mode-toggle { display: flex; gap: 0; margin-bottom: 1.25rem; border-radius: 8px; overflow: hidden; border: 1px solid #2a2a3a; }\n .tab {\n flex: 1; padding: 0.5rem; border: none; background: transparent; color: #888;\n cursor: pointer; font-size: 0.85rem; transition: all 0.2s;\n }\n .tab.active { background: #2a2a3a; color: #e0e0e8; }\n label { display: block; font-size: 0.8rem; color: #999; margin-bottom: 0.3rem; }\n input[type=\"text\"] {\n width: 100%; padding: 0.6rem 0.75rem; border: 1px solid #2a2a3a; border-radius: 8px;\n background: #0a0a0f; color: #e0e0e8; font-size: 0.95rem; margin-bottom: 1rem;\n outline: none; transition: border-color 0.2s;\n }\n input:focus { border-color: #5a5aff; }\n .primary {\n width: 100%; padding: 0.7rem; border: none; border-radius: 8px;\n background: #4a4aff; color: white; font-size: 0.95rem; font-weight: 500;\n cursor: pointer; transition: background 0.2s;\n }\n .primary:hover { background: #5a5aff; }\n .secondary {\n padding: 0.7rem 1.5rem; border: 1px solid #2a2a3a; border-radius: 8px;\n background: transparent; color: #999; font-size: 0.95rem; cursor: pointer;\n }\n .btn-row { display: flex; gap: 0.75rem; margin-top: 1.5rem; justify-content: flex-end; }\n .scope-box {\n background: #0a0a0f; border: 1px solid #2a2a3a; border-radius: 8px; padding: 1rem;\n margin: 1rem 0; font-size: 0.85rem;\n }\n .scope-box code { color: #8a8aff; }\n .scope-box ul { margin: 0.5rem 0 0 1.25rem; color: #999; }\n .scope-box li { margin: 0.25rem 0; }\n .status { color: #888; font-size: 0.85rem; margin-top: 0.75rem; min-height: 1.2em; }\n .error { color: #ff6b6b; font-size: 0.85rem; margin-top: 0.5rem; min-height: 1.2em; }\n`;\n\nfunction managePage(origin: string): string {\n return `\nManage — sync·mcp\n\n\n\n\n

\n\n \n

sync·mcp

\n \n

\n\n \n \n\n

\n\n

\n\n\n`;\n}\n\nfunction recoverPage(origin: string): string {\n return `\nRecover — sync·mcp\n\n\n\n\n

\n\n

sync·mcp

Enter your recovery token to register a new passkey for your existing account.

\n Recovery token\n \n \n

\n\n \n\n \n\n

\n\n`;\n}\n\nfunction escapeHtml(str: string): string {\n return str.replace(/&/g, \"&\").replace(//g, \">\")\n .replace(/\"/g, \""\");\n}","deleted","label",[100],"permalink","https://www.val.town/x/c15r/sync-mcp/code/auth.ts","extension","actionData","errors"]