Spaces:

lenson78
/

codex-proxy

Paused

App Files Files

icebear commited on Feb 23

Commit

38e103b

unverified ·

2 Parent(s): c3eb32a 50ae780

Merge pull request #7 from icebear0828/refactor/cleanup-dead-code

Browse files

refactor: remove dead code, unused config, and fix type violations

Files changed (13) hide show

.gitignore +1 -2
config/default.yaml +0 -12
public/dashboard.html +0 -889
src/auth/oauth-pkce.ts +20 -0
src/config.ts +0 -12
src/routes/accounts.ts +2 -11
src/routes/auth.ts +3 -22
src/update-checker.ts +4 -3
src/utils/yaml-mutate.ts +2 -2
web/src/components/AccountCard.tsx +3 -3
web/src/components/AddAccount.tsx +3 -2
web/src/components/CopyButton.tsx +2 -1
web/vite.config.ts +1 -1

.gitignore CHANGED Viewed

@@ -1,8 +1,7 @@
 node_modules/
 dist/
 data/
-public/assets/
-public/index.html
 docs/
 bin/
 .env

 node_modules/
 dist/
 data/
+public/
 docs/
 bin/
 .env

config/default.yaml CHANGED Viewed

@@ -30,10 +30,6 @@ server:
   port: 8080
   proxy_api_key: "pwd"
-environment:
-  default_id: null
-  default_branch: "main"
 session:
   ttl_minutes: 60
   cleanup_interval_minutes: 5
@@ -49,11 +45,3 @@ tls:
   # HTTP/SOCKS5 proxy for curl requests to chatgpt.com
   # Example: "http://127.0.0.1:7890"  Also respects HTTPS_PROXY env var
   proxy_url: null
-streaming:
-  status_as_content: false
-  chunk_size: 100
-  chunk_delay_ms: 10
-  heartbeat_interval_s: 15
-  poll_interval_s: 2
-  timeout_s: 300

   port: 8080
   proxy_api_key: "pwd"
 session:
   ttl_minutes: 60
   cleanup_interval_minutes: 5
   # HTTP/SOCKS5 proxy for curl requests to chatgpt.com
   # Example: "http://127.0.0.1:7890"  Also respects HTTPS_PROXY env var
   proxy_url: null

public/dashboard.html DELETED Viewed

@@ -1,889 +0,0 @@
-<!DOCTYPE html>
-<html lang="en"><head>
-<meta charset="utf-8"/>
-<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-<title>Codex Proxy Developer Dashboard</title>
-<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
-<script>
-    tailwind.config = {
-        darkMode: "class",
-        theme: {
-            extend: {
-                colors: {
-                    "primary": "rgb(var(--primary) / <alpha-value>)",
-                    "primary-hover": "rgb(var(--primary-hover) / <alpha-value>)",
-                    "bg-light": "#f6f8f6",
-                    "bg-dark": "#0d1117",
-                    "card-dark": "#161b22",
-                    "border-dark": "#30363d",
-                    "text-main": "#e6edf3",
-                    "text-dim": "#8b949e",
-                },
-                fontFamily: {
-                    "display": ["system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"],
-                    "mono": ["ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", "monospace"],
-                },
-                borderRadius: {"DEFAULT": "0.25rem", "lg": "0.5rem", "xl": "0.75rem", "full": "9999px"},
-            },
-        },
-    }
-</script>
-<style>
-    :root   { --primary: 16 162 53;  --primary-hover: 14 140 46; }
-    .dark   { --primary: 16 163 127; --primary-hover: 14 140 108; }
-    /* Dark scrollbar for code blocks */
-    pre::-webkit-scrollbar { height: 8px; }
-    pre::-webkit-scrollbar-track { background: #0d1117; }
-    pre::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
-    pre::-webkit-scrollbar-thumb:hover { background: #8b949e; }
-</style>
-<!-- Prevent flash: apply theme before render -->
-<script>
-    try {
-        const t = localStorage.getItem('codex-proxy-theme');
-        if (t === 'dark' || (!t && window.matchMedia('(prefers-color-scheme: dark)').matches))
-            document.documentElement.classList.add('dark');
-    } catch {}
-</script>
-</head>
-<body class="bg-bg-light dark:bg-bg-dark font-display text-slate-900 dark:text-text-main antialiased min-h-screen flex flex-col transition-colors">
-<!-- Top Navigation -->
-<header class="sticky top-0 z-50 w-full bg-white dark:bg-card-dark border-b border-gray-200 dark:border-border-dark shadow-sm transition-colors">
-<div class="px-4 md:px-8 lg:px-40 flex h-14 items-center justify-center">
-<div class="flex w-full max-w-[960px] items-center justify-between">
-<!-- Logo & Title -->
-<div class="flex items-center gap-3">
-<div class="flex items-center justify-center size-8 rounded-full bg-primary/10 text-primary border border-primary/20">
-<svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
-</div>
-<h1 class="text-[0.9rem] font-bold tracking-tight">Codex Proxy</h1>
-</div>
-<!-- Actions -->
-<div class="flex items-center gap-3">
-<div class="hidden sm:flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20" id="serverBadge">
-<span class="relative flex h-2.5 w-2.5">
-<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
-<span class="relative inline-flex rounded-full h-2.5 w-2.5 bg-primary"></span>
-</span>
-<span class="text-xs font-semibold text-primary" data-i18n="serverOnline">Server Online</span>
-</div>
-<!-- Language Toggle -->
-<button id="langToggle" onclick="toggleLang()" class="p-2 rounded-lg text-slate-500 dark:text-text-dim hover:bg-slate-100 dark:hover:bg-border-dark transition-colors" title="中/EN">
-<span class="text-xs font-bold">EN</span>
-</button>
-<!-- Theme Toggle -->
-<button id="themeToggle" onclick="toggleTheme()" class="p-2 rounded-lg text-slate-500 dark:text-text-dim hover:bg-slate-100 dark:hover:bg-border-dark transition-colors" data-i18n-title="toggleTheme" title="Toggle theme">
-<span id="themeIcon"><svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"/></svg></span>
-</button>
-<button id="addAccountBtn" onclick="startAddAccount()" class="flex items-center gap-2 px-4 py-2 bg-primary hover:bg-primary-hover text-white text-xs font-semibold rounded-lg transition-colors shadow-sm active:scale-95">
-<svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg>
-<span data-i18n="addAccount">Add Account</span>
-</button>
-</div>
-</div>
-</div>
-</header>
-<!-- Main Content -->
-<main class="flex-grow px-4 md:px-8 lg:px-40 py-8 flex justify-center">
-<div class="flex flex-col w-full max-w-[960px] gap-6">
-<!-- Add Account Section (hidden by default) -->
-<section id="addSection" class="hidden bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-xl p-5 shadow-sm transition-colors">
-  <ol class="text-sm text-slate-500 dark:text-text-dim mb-4 space-y-1.5 list-decimal list-inside">
-    <li data-i18n-html="addStep1">Complete the login in the popup window (if blocked, right-click "Add Account" and open the link in a new tab).</li>
-    <li data-i18n-html="addStep2">After login, the browser will redirect to a <code class="text-xs bg-slate-100 dark:bg-bg-dark px-1.5 py-0.5 rounded">localhost:1455/auth/callback?...</code> page (it may show "unable to connect" — that's normal).</li>
-    <li data-i18n-html="addStep3">Copy the <strong class="text-slate-700 dark:text-text-main">full URL</strong> from the address bar and paste it below.</li>
-  </ol>
-  <div class="flex gap-3">
-    <input id="addCallbackInput" type="text" data-i18n-placeholder="pasteCallback" placeholder="Paste callback URL here" class="flex-1 px-3 py-2.5 bg-slate-50 dark:bg-bg-dark border border-gray-200 dark:border-border-dark rounded-lg text-sm font-mono text-slate-600 dark:text-text-main focus:ring-2 focus:ring-primary/50 focus:border-primary outline-none transition-colors"/>
-    <button id="addRelayBtn" onclick="submitAddRelay()" class="px-4 py-2.5 bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-lg text-sm font-medium text-slate-700 dark:text-text-main hover:bg-slate-50 dark:hover:bg-border-dark transition-colors" data-i18n="submit">Submit</button>
-  </div>
-  <p id="addInfo" class="text-sm text-primary mt-2 hidden"></p>
-  <p id="addError" class="text-sm text-red-500 mt-2 hidden"></p>
-</section>
-<!-- Section 1: Connected Accounts -->
-<section class="flex flex-col gap-4">
-<div class="flex items-end justify-between">
-<div class="flex flex-col gap-1">
-<h2 class="text-[0.95rem] font-bold tracking-tight" data-i18n="connectedAccounts">Connected Accounts</h2>
-<p class="text-slate-500 dark:text-text-dim text-[0.8rem]" data-i18n="connectedAccountsDesc">Manage your AI model proxy services and usage limits.</p>
-</div>
-</div>
-<div id="accountList" class="grid grid-cols-1 md:grid-cols-2 gap-4">
-  <div class="md:col-span-2 text-center py-8 text-slate-400 dark:text-text-dim text-sm bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-xl transition-colors" data-i18n="loadingAccounts">Loading accounts...</div>
-</div>
-</section>
-<!-- Section 2: API Configuration -->
-<section class="bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-xl p-5 shadow-sm transition-colors">
-<div class="flex items-center justify-between mb-6 border-b border-slate-100 dark:border-border-dark pb-4">
-<div class="flex items-center gap-2">
-<svg class="size-5 text-primary" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 010 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 010-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
-<h2 class="text-[0.95rem] font-bold" data-i18n="apiConfig">API Configuration</h2>
-</div>
-</div>
-<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-<!-- Base URL -->
-<div class="space-y-1.5">
-<label class="text-xs font-semibold text-slate-700 dark:text-text-main" data-i18n="baseProxyUrl">Base Proxy URL</label>
-<div class="relative flex items-center">
-<input id="baseUrl" class="w-full pl-3 pr-10 py-2.5 bg-slate-100 dark:bg-bg-dark border border-gray-200 dark:border-border-dark rounded-lg text-[0.78rem] font-mono text-slate-500 dark:text-text-dim outline-none cursor-default select-all" type="text" value="Loading..." readonly/>
-<button onclick="copyField('baseUrl', this)" class="absolute right-2 p-1.5 text-slate-400 dark:text-text-dim hover:text-primary transition-colors rounded-md hover:bg-slate-100 dark:hover:bg-border-dark" data-i18n-title="copyUrl" title="Copy URL">
-<svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
-</button>
-</div>
-</div>
-<!-- Default Model -->
-<div class="space-y-1.5">
-<label class="text-xs font-semibold text-slate-700 dark:text-text-main" data-i18n="defaultModel">Default Model</label>
-<div class="relative">
-<select id="defaultModel" class="w-full appearance-none pl-3 pr-10 py-2.5 bg-white dark:bg-bg-dark border border-gray-200 dark:border-border-dark rounded-lg text-[0.78rem] text-slate-700 dark:text-text-main font-medium focus:ring-1 focus:ring-primary focus:border-primary outline-none cursor-pointer transition-colors">
-<option value="codex">codex</option>
-</select>
-<div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-slate-500 dark:text-text-dim">
-<svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/></svg>
-</div>
-</div>
-</div>
-<!-- API Key -->
-<div class="space-y-1.5 md:col-span-2">
-<label class="text-xs font-semibold text-slate-700 dark:text-text-main" data-i18n="yourApiKey">Your API Key</label>
-<div class="relative flex items-center">
-<div class="absolute left-3 text-slate-400 dark:text-text-dim">
-<svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"/></svg>
-</div>
-<input id="apiKey" class="w-full pl-10 pr-10 py-2.5 bg-slate-100 dark:bg-bg-dark border border-gray-200 dark:border-border-dark rounded-lg text-[0.78rem] font-mono text-slate-500 dark:text-text-dim outline-none cursor-default select-all tracking-wider" type="text" value="Loading..." readonly/>
-<button onclick="copyField('apiKey', this)" class="absolute right-2 p-1.5 text-slate-400 dark:text-text-dim hover:text-primary transition-colors rounded-md hover:bg-slate-100 dark:hover:bg-border-dark" data-i18n-title="copyApiKey" title="Copy API Key">
-<svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
-</button>
-</div>
-<p class="text-xs text-slate-400 dark:text-text-dim mt-1" data-i18n="apiKeyHint">Use this key to authenticate requests to the proxy. Do not share it.</p>
-</div>
-</div>
-</section>
-<!-- Section 3: Integration Examples -->
-<section class="flex flex-col gap-4">
-<h2 class="text-[0.95rem] font-bold" data-i18n="integrationExamples">Integration Examples</h2>
-<div class="bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-xl overflow-hidden shadow-sm transition-colors">
-<!-- Top Tabs: Providers -->
-<div id="protocolTabs" class="flex border-b border-gray-200 dark:border-border-dark bg-slate-50/50 dark:bg-bg-dark/30">
-<button onclick="switchProtocol('openai', this)" class="proto-tab px-6 py-3 text-[0.82rem] font-semibold text-primary border-b-2 border-primary bg-white dark:bg-card-dark transition-colors" data-proto="openai">OpenAI</button>
-<button onclick="switchProtocol('anthropic', this)" class="proto-tab px-6 py-3 text-[0.82rem] font-medium text-slate-500 dark:text-text-dim hover:text-slate-700 dark:hover:text-text-main hover:bg-slate-50 dark:hover:bg-[#21262d] border-b-2 border-transparent transition-colors" data-proto="anthropic">Anthropic</button>
-<button onclick="switchProtocol('gemini', this)" class="proto-tab px-6 py-3 text-[0.82rem] font-medium text-slate-500 dark:text-text-dim hover:text-slate-700 dark:hover:text-text-main hover:bg-slate-50 dark:hover:bg-[#21262d] border-b-2 border-transparent transition-colors" data-proto="gemini">Gemini</button>
-</div>
-<!-- Sub Tabs: Languages & Content -->
-<div class="p-5">
-<div class="flex items-center justify-between mb-4">
-<div id="langTabs" class="flex gap-2 p-1 bg-slate-100 dark:bg-bg-dark dark:border dark:border-border-dark rounded-lg">
-<button onclick="switchLang('python', this)" class="lang-tab px-3 py-1.5 text-xs font-semibold rounded bg-white dark:bg-[#21262d] text-slate-800 dark:text-text-main shadow-sm border border-transparent dark:border-border-dark transition-all" data-lang="python">Python</button>
-<button onclick="switchLang('node', this)" class="lang-tab px-3 py-1.5 text-xs font-medium rounded text-slate-500 dark:text-text-dim hover:text-slate-700 dark:hover:text-text-main hover:bg-white/50 dark:hover:bg-[#21262d] border border-transparent transition-all" data-lang="node">Node.js</button>
-<button onclick="switchLang('curl', this)" class="lang-tab px-3 py-1.5 text-xs font-medium rounded text-slate-500 dark:text-text-dim hover:text-slate-700 dark:hover:text-text-main hover:bg-white/50 dark:hover:bg-[#21262d] border border-transparent transition-all" data-lang="curl">cURL</button>
-</div>
-</div>
-<!-- Code Block -->
-<div id="codeContainer" class="relative group rounded-lg overflow-hidden bg-[#0d1117] text-slate-300 font-mono text-xs border border-slate-800 dark:border-border-dark">
-<div class="absolute right-2 top-2 z-10 opacity-0 group-hover:opacity-100 transition-opacity">
-<button onclick="copyCurrentCode()" class="flex items-center gap-1.5 px-3 py-1.5 bg-slate-700 hover:bg-slate-600 text-white rounded text-xs font-medium transition-colors">
-<svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg> <span data-i18n="copy">Copy</span>
-</button>
-</div>
-<div class="p-4 overflow-x-auto">
-<pre class="m-0"><code id="codeBlock">Loading...</code></pre>
-</div>
-</div>
-</div>
-</div>
-</section>
-</div>
-</main>
-<!-- Footer -->
-<footer class="mt-auto border-t border-gray-200 dark:border-border-dark bg-white dark:bg-card-dark py-6 transition-colors">
-<div class="container mx-auto px-4 text-center">
-<p class="text-[0.8rem] text-slate-500 dark:text-text-dim" data-i18n="footer">&copy; 2025 Codex Proxy. All rights reserved.</p>
-</div>
-</footer>
-<script>
-// ── i18n ──────────────────────────────────────────────────────
-const LANG = {
-  en: {
-    serverOnline: "Server Online",
-    addAccount: "Add Account",
-    toggleTheme: "Toggle theme",
-    connectedAccounts: "Connected Accounts",
-    connectedAccountsDesc: "Manage your AI model proxy services and usage limits.",
-    loadingAccounts: "Loading accounts...",
-    noAccounts: 'No accounts connected. Click "Add Account" to get started.',
-    deleteAccount: "Delete account",
-    removeConfirm: "Remove this account?",
-    accountAdded: "Account added successfully!",
-    active: "Active",
-    expired: "Expired",
-    rateLimited: "Rate Limited",
-    refreshing: "Refreshing",
-    disabled: "Disabled",
-    freeTier: "Free Tier",
-    totalRequests: "Total Requests",
-    tokensUsed: "Tokens Used",
-    rateLimit: "Rate Limit",
-    limitReached: "Limit Reached",
-    used: "Used",
-    ok: "OK",
-    resetsAt: "Resets at",
-    apiConfig: "API Configuration",
-    baseProxyUrl: "Base Proxy URL",
-    defaultModel: "Default Model",
-    yourApiKey: "Your API Key",
-    apiKeyHint: "Use this key to authenticate requests to the proxy. Do not share it.",
-    copyUrl: "Copy URL",
-    copyApiKey: "Copy API Key",
-    integrationExamples: "Integration Examples",
-    copy: "Copy",
-    addStep1: 'Complete the login in the popup window (if blocked, right-click "Add Account" and open the link in a new tab).',
-    addStep2: 'After login, the browser will redirect to a <code class="text-xs bg-slate-100 dark:bg-bg-dark px-1.5 py-0.5 rounded">localhost:1455/auth/callback?...</code> page (it may show "unable to connect" — that\'s normal).',
-    addStep3: 'Copy the <strong class="text-slate-700 dark:text-text-main">full URL</strong> from the address bar and paste it below.',
-    pasteCallback: "Paste callback URL here",
-    submit: "Submit",
-    submitting: "Submitting...",
-    pleasePassCallback: "Please paste the callback URL",
-    failedStartLogin: "Failed to start login",
-    failedExchangeCode: "Failed to exchange code",
-    failedDeleteAccount: "Failed to delete account.",
-    networkError: "Network error: ",
-    copied: "Copied!",
-    copyFailed: "Failed",
-    footer: "\u00a9 2025 Codex Proxy. All rights reserved.",
-  },
-  zh: {
-    serverOnline: "\u670d\u52a1\u8fd0\u884c\u4e2d",
-    addAccount: "\u6dfb\u52a0\u8d26\u6237",
-    toggleTheme: "\u5207\u6362\u4e3b\u9898",
-    connectedAccounts: "\u5df2\u8fde\u63a5\u8d26\u6237",
-    connectedAccountsDesc: "\u7ba1\u7406\u4f60\u7684 AI \u6a21\u578b\u4ee3\u7406\u670d\u52a1\u548c\u7528\u91cf\u9650\u5236\u3002",
-    loadingAccounts: "\u6b63\u5728\u52a0\u8f7d\u8d26\u6237...",
-    noAccounts: "\u6682\u65e0\u5df2\u8fde\u63a5\u7684\u8d26\u6237\u3002\u70b9\u51fb\u300c\u6dfb\u52a0\u8d26\u6237\u300d\u5f00\u59cb\u4f7f\u7528\u3002",
-    deleteAccount: "\u5220\u9664\u8d26\u6237",
-    removeConfirm: "\u786e\u5b9a\u8981\u79fb\u9664\u6b64\u8d26\u6237\u5417\uff1f",
-    accountAdded: "\u8d26\u6237\u6dfb\u52a0\u6210\u529f\uff01",
-    active: "\u6d3b\u8dc3",
-    expired: "\u5df2\u8fc7\u671f",
-    rateLimited: "\u5df2\u9650\u901f",
-    refreshing: "\u5237\u65b0\u4e2d",
-    disabled: "\u5df2\u7981\u7528",
-    freeTier: "\u514d\u8d39\u7248",
-    totalRequests: "\u603b\u8bf7\u6c42\u6570",
-    tokensUsed: "Token \u7528\u91cf",
-    rateLimit: "\u901f\u7387\u9650\u5236",
-    limitReached: "\u5df2\u8fbe\u4e0a\u9650",
-    used: "\u5df2\u4f7f\u7528",
-    ok: "\u6b63\u5e38",
-    resetsAt: "\u91cd\u7f6e\u65f6\u95f4",
-    apiConfig: "API \u914d\u7f6e",
-    baseProxyUrl: "\u4ee3\u7406 URL",
-    defaultModel: "\u9ed8\u8ba4\u6a21\u578b",
-    yourApiKey: "API \u5bc6\u94a5",
-    apiKeyHint: "\u4f7f\u7528\u6b64\u5bc6\u94a5\u5411\u4ee3\u7406\u53d1\u9001\u8ba4\u8bc1\u8bf7\u6c42\uff0c\u8bf7\u52ff\u6cc4\u9732\u3002",
-    copyUrl: "\u590d\u5236 URL",
-    copyApiKey: "\u590d\u5236 API \u5bc6\u94a5",
-    integrationExamples: "\u96c6\u6210\u793a\u4f8b",
-    copy: "\u590d\u5236",
-    addStep1: "\u5728\u5f39\u51fa\u7684\u7a97\u53e3\u4e2d\u5b8c\u6210\u767b\u5f55\uff08\u5982\u5f39\u7a97\u88ab\u62e6\u622a\uff0c\u53f3\u952e\u300c\u6dfb\u52a0\u8d26\u6237\u300d\u6309\u94ae\u5728\u65b0\u6807\u7b7e\u9875\u6253\u5f00\u94fe\u63a5\uff09\u3002",
-    addStep2: '\u767b\u5f55\u6210\u529f\u540e\uff0c\u6d4f\u89c8\u5668\u4f1a\u8df3\u8f6c\u5230 <code class="text-xs bg-slate-100 dark:bg-bg-dark px-1.5 py-0.5 rounded">localhost:1455/auth/callback?...</code> \u9875\u9762\uff08\u53ef\u80fd\u663e\u793a\u201c\u65e0\u6cd5\u8bbf\u95ee\u201d\u2014\u2014\u8fd9\u662f\u6b63\u5e38\u7684\uff09\u3002',
-    addStep3: '\u590d\u5236\u5730\u5740\u680f\u4e2d\u7684<strong class="text-slate-700 dark:text-text-main">\u5b8c\u6574 URL</strong>\uff0c\u7c98\u8d34\u5230\u4e0b\u65b9\u8f93\u5165\u6846\u3002',
-    pasteCallback: "\u7c98\u8d34\u56de\u8c03 URL",
-    submit: "\u63d0\u4ea4",
-    submitting: "\u63d0\u4ea4\u4e2d...",
-    pleasePassCallback: "\u8bf7\u7c98\u8d34\u56de\u8c03 URL",
-    failedStartLogin: "\u767b\u5f55\u542f\u52a8\u5931\u8d25",
-    failedExchangeCode: "\u6388\u6743\u7801\u4ea4\u6362\u5931\u8d25",
-    failedDeleteAccount: "\u5220\u9664\u8d26\u6237\u5931\u8d25\u3002",
-    networkError: "\u7f51\u7edc\u9519\u8bef\uff1a",
-    copied: "\u5df2\u590d\u5236\uff01",
-    copyFailed: "\u5931\u8d25",
-    footer: "\u00a9 2025 Codex Proxy\u3002\u4fdd\u7559\u6240\u6709\u6743\u5229\u3002",
-  },
-};
-let currentLangCode = localStorage.getItem('codex-proxy-lang')
-  || (navigator.language.startsWith('zh') ? 'zh' : 'en');
-function t(key) {
-  return LANG[currentLangCode]?.[key] ?? LANG.en[key] ?? key;
-}
-function applyI18n() {
-  document.querySelectorAll('[data-i18n]').forEach(el => {
-    el.textContent = t(el.dataset.i18n);
-  });
-  document.querySelectorAll('[data-i18n-html]').forEach(el => {
-    el.innerHTML = t(el.dataset.i18nHtml);
-  });
-  document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
-    el.placeholder = t(el.dataset.i18nPlaceholder);
-  });
-  document.querySelectorAll('[data-i18n-title]').forEach(el => {
-    el.title = t(el.dataset.i18nTitle);
-  });
-}
-function toggleLang() {
-  currentLangCode = currentLangCode === 'en' ? 'zh' : 'en';
-  localStorage.setItem('codex-proxy-lang', currentLangCode);
-  applyI18n();
-  updateLangToggle();
-  loadAccounts();
-}
-function updateLangToggle() {
-  const el = document.getElementById('langToggle');
-  if (el) el.querySelector('span').textContent = currentLangCode === 'en' ? 'EN' : '\u4e2d';
-}
-// ── State ──────────────────────────────────────────────────────
-let authData = null;
-let serverBaseUrl = '';
-let serverApiKey = '';
-let currentProtocol = 'openai';
-let currentLang = 'python';
-let addPollTimer = null;
-const avatarColors = [
-  ['bg-purple-100 dark:bg-[#2a1a3f]', 'text-purple-600 dark:text-purple-400'],
-  ['bg-amber-100 dark:bg-[#3d2c16]',  'text-amber-600 dark:text-amber-500'],
-  ['bg-blue-100 dark:bg-[#1a2a3f]',   'text-blue-600 dark:text-blue-400'],
-  ['bg-emerald-100 dark:bg-[#112a1f]', 'text-emerald-600 dark:text-emerald-400'],
-  ['bg-red-100 dark:bg-[#3f1a1a]',    'text-red-600 dark:text-red-400'],
-];
-// ── Theme Toggle ───────────────────────────────────────────────
-function toggleTheme() {
-  const html = document.documentElement;
-  const isDark = html.classList.toggle('dark');
-  localStorage.setItem('codex-proxy-theme', isDark ? 'dark' : 'light');
-  updateThemeIcon();
-}
-const SVG_MOON = '<svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"/></svg>';
-const SVG_SUN = '<svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"/></svg>';
-const SVG_COPY = '<svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>';
-const SVG_CHECK = '<svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>';
-function updateThemeIcon() {
-  const el = document.getElementById('themeIcon');
-  if (!el) return;
-  el.innerHTML = document.documentElement.classList.contains('dark') ? SVG_SUN : SVG_MOON;
-}
-updateThemeIcon();
-// ── Helpers ────────────────────────────────────────────────────
-function escapeHtml(str) {
-  const div = document.createElement('div');
-  div.textContent = str;
-  return div.innerHTML;
-}
-function formatNumber(n) {
-  if (n >= 1000000) return (n / 1000000).toFixed(1) + 'M';
-  if (n >= 1000) return (n / 1000).toFixed(1) + 'k';
-  return String(n);
-}
-function formatResetTime(unixSec) {
-  const d = new Date(unixSec * 1000);
-  const now = new Date();
-  const time = d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit', second: '2-digit' });
-  // Same calendar day → just show time
-  if (d.getFullYear() === now.getFullYear() && d.getMonth() === now.getMonth() && d.getDate() === now.getDate()) {
-    return time;
-  }
-  // Tomorrow
-  const tomorrow = new Date(now); tomorrow.setDate(tomorrow.getDate() + 1);
-  if (d.getFullYear() === tomorrow.getFullYear() && d.getMonth() === tomorrow.getMonth() && d.getDate() === tomorrow.getDate()) {
-    return (currentLangCode === 'zh' ? '明天 ' : 'Tomorrow ') + time;
-  }
-  // Other dates → full date + time
-  const date = d.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
-  return date + ' ' + time;
-}
-function statusBadge(status) {
-  const map = {
-    active:       ['bg-green-100 text-green-700 border-green-200 dark:bg-[#11281d] dark:text-primary dark:border-[#1a442e]', 'active'],
-    expired:      ['bg-red-100 text-red-600 border-red-200 dark:bg-red-900/20 dark:text-red-400 dark:border-red-800/30', 'expired'],
-    rate_limited: ['bg-amber-100 text-amber-700 border-amber-200 dark:bg-amber-900/20 dark:text-amber-400 dark:border-amber-800/30', 'rateLimited'],
-    refreshing:   ['bg-blue-100 text-blue-600 border-blue-200 dark:bg-blue-900/20 dark:text-blue-400 dark:border-blue-800/30', 'refreshing'],
-    disabled:     ['bg-slate-100 text-slate-500 border-slate-200 dark:bg-slate-800/30 dark:text-slate-400 dark:border-slate-700/30', 'disabled'],
-  };
-  const [cls, key] = map[status] || map.disabled;
-  return `<span class="px-2.5 py-1 rounded-full ${cls} text-xs font-medium border">${escapeHtml(t(key))}</span>`;
-}
-// ── OAuth message listener ─────────────────────────────────────
-window.addEventListener('message', async (event) => {
-  if (event.data?.type === 'oauth-callback-success') {
-    if (addPollTimer) clearInterval(addPollTimer);
-    document.getElementById('addSection').classList.add('hidden');
-    showAddInfo(t('accountAdded'));
-    await loadAccounts();
-    await loadStatus();
-  }
-});
-// ── Accounts ───────────────────────────────────────────────────
-async function loadAccounts() {
-  try {
-    const resp = await fetch('/auth/accounts?quota=true');
-    const data = await resp.json();
-    renderAccounts(data.accounts || []);
-  } catch (err) {
-    document.getElementById('accountList').innerHTML =
-      `<div class="md:col-span-2 text-center py-8 text-red-400 text-sm bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-xl">${escapeHtml(err.message)}</div>`;
-  }
-}
-function renderAccounts(accounts) {
-  const container = document.getElementById('accountList');
-  if (accounts.length === 0) {
-    container.innerHTML = `<div class="md:col-span-2 text-center py-8 text-slate-400 dark:text-text-dim text-sm bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-xl">
-      ${escapeHtml(t('noAccounts'))}
-    </div>`;
-    return;
-  }
-  container.innerHTML = accounts.map((acct, i) => {
-    const usage = acct.usage || {};
-    const email = acct.email || 'Unknown';
-    const initial = email.charAt(0).toUpperCase();
-    const [bgColor, textColor] = avatarColors[i % avatarColors.length];
-    const requests = usage.request_count ?? 0;
-    const tokens = (usage.input_tokens ?? 0) + (usage.output_tokens ?? 0);
-    const plan = acct.planType || t('freeTier');
-    // Quota bar
-    let quotaHtml = '';
-    const q = acct.quota;
-    if (q && q.rate_limit) {
-      const rl = q.rate_limit;
-      const pct = rl.used_percent != null ? Math.round(rl.used_percent) : null;
-      const barColor = pct == null ? 'bg-primary'
-        : pct >= 90 ? 'bg-red-500'
-        : pct >= 60 ? 'bg-amber-500'
-        : 'bg-primary';
-      const pctColor = pct == null ? 'text-primary'
-        : pct >= 90 ? 'text-red-500'
-        : pct >= 60 ? 'text-amber-600 dark:text-amber-500'
-        : 'text-primary';
-      const resetAt = rl.reset_at ? formatResetTime(rl.reset_at) : null;
-      quotaHtml = `
-        <div class="pt-3 mt-3 border-t border-slate-100 dark:border-border-dark">
-          <div class="flex justify-between text-[0.78rem] mb-1.5">
-            <span class="text-slate-500 dark:text-text-dim">${escapeHtml(t('rateLimit'))}</span>
-            ${rl.limit_reached
-              ? `<span class="px-2 py-0.5 rounded-full bg-red-100 dark:bg-red-900/20 text-red-600 dark:text-red-400 text-xs font-medium">${escapeHtml(t('limitReached'))}</span>`
-              : pct != null
-                ? `<span class="font-medium ${pctColor}">${pct}% ${escapeHtml(t('used'))}</span>`
-                : `<span class="font-medium text-primary">${escapeHtml(t('ok'))}</span>`}
-          </div>
-          ${pct != null ? `
-            <div class="w-full bg-slate-100 dark:bg-border-dark rounded-full h-2 overflow-hidden">
-              <div class="${barColor} h-2 rounded-full transition-all" style="width: ${pct}%"></div>
-            </div>` : ''}
-          ${resetAt ? `<p class="text-xs text-slate-400 dark:text-text-dim mt-1">${escapeHtml(t('resetsAt'))} ${escapeHtml(resetAt)}</p>` : ''}
-        </div>`;
-    }
-    return `
-    <div class="group bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-xl p-4 shadow-sm hover:shadow-md transition-all hover:border-primary/30 dark:hover:border-primary/50 relative">
-      <button onclick="deleteAccount('${escapeHtml(acct.id)}')" class="absolute top-3 right-3 opacity-0 group-hover:opacity-100 p-1.5 text-slate-300 dark:text-text-dim hover:text-red-500 transition-all rounded-md hover:bg-red-50 dark:hover:bg-red-900/20" title="${escapeHtml(t('deleteAccount'))}">
-        <svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"/></svg>
-      </button>
-      <div class="flex justify-between items-start mb-4">
-        <div class="flex items-center gap-3">
-          <div class="size-10 rounded-full ${bgColor} ${textColor} flex items-center justify-center font-bold text-lg">${initial}</div>
-          <div>
-            <h3 class="text-[0.82rem] font-semibold leading-tight">${escapeHtml(email)}</h3>
-            <p class="text-xs text-slate-500 dark:text-text-dim">${escapeHtml(plan)}</p>
-          </div>
-        </div>
-        ${statusBadge(acct.status)}
-      </div>
-      <div class="space-y-2">
-        <div class="flex justify-between text-[0.78rem]">
-          <span class="text-slate-500 dark:text-text-dim">${escapeHtml(t('totalRequests'))}</span>
-          <span class="font-medium">${formatNumber(requests)}</span>
-        </div>
-        <div class="flex justify-between text-[0.78rem]">
-          <span class="text-slate-500 dark:text-text-dim">${escapeHtml(t('tokensUsed'))}</span>
-          <span class="font-medium">${formatNumber(tokens)}</span>
-        </div>
-      </div>
-      ${quotaHtml}
-    </div>`;
-  }).join('');
-}
-async function deleteAccount(id) {
-  if (!confirm(t('removeConfirm'))) return;
-  try {
-    const resp = await fetch('/auth/accounts/' + encodeURIComponent(id), { method: 'DELETE' });
-    if (!resp.ok) {
-      const data = await resp.json();
-      alert(data.error || t('failedDeleteAccount'));
-      return;
-    }
-    await loadAccounts();
-    await loadStatus();
-  } catch (err) {
-    alert(t('networkError') + err.message);
-  }
-}
-// ── Add Account ────────────────────────────────────────────────
-function showAddInfo(msg) {
-  const el = document.getElementById('addInfo');
-  el.textContent = msg;
-  el.classList.remove('hidden');
-  document.getElementById('addError').classList.add('hidden');
-}
-function showAddError(msg) {
-  const el = document.getElementById('addError');
-  el.textContent = msg;
-  el.classList.remove('hidden');
-  document.getElementById('addInfo').classList.add('hidden');
-}
-async function startAddAccount() {
-  const btn = document.getElementById('addAccountBtn');
-  const infoEl = document.getElementById('addInfo');
-  const errEl = document.getElementById('addError');
-  infoEl.classList.add('hidden');
-  errEl.classList.add('hidden');
-  btn.disabled = true;
-  try {
-    const resp = await fetch('/auth/login-start', { method: 'POST' });
-    const data = await resp.json();
-    if (!resp.ok || !data.authUrl) {
-      throw new Error(data.error || t('failedStartLogin'));
-    }
-    window.open(data.authUrl, 'oauth_add', 'width=600,height=700,scrollbars=yes');
-    document.getElementById('addSection').classList.remove('hidden');
-    btn.disabled = false;
-    if (addPollTimer) clearInterval(addPollTimer);
-    const prevCount = (await fetch('/auth/accounts').then(r => r.json())).accounts?.length || 0;
-    addPollTimer = setInterval(async () => {
-      try {
-        const r = await fetch('/auth/accounts');
-        const d = await r.json();
-        if ((d.accounts?.length || 0) > prevCount) {
-          clearInterval(addPollTimer);
-          document.getElementById('addSection').classList.add('hidden');
-          showAddInfo(t('accountAdded'));
-          await loadAccounts();
-          await loadStatus();
-        }
-      } catch {}
-    }, 2000);
-    setTimeout(() => { if (addPollTimer) clearInterval(addPollTimer); }, 5 * 60 * 1000);
-  } catch (err) {
-    btn.disabled = false;
-    showAddError(err.message);
-  }
-}
-async function submitAddRelay() {
-  const callbackUrl = document.getElementById('addCallbackInput').value.trim();
-  document.getElementById('addInfo').classList.add('hidden');
-  document.getElementById('addError').classList.add('hidden');
-  if (!callbackUrl) { showAddError(t('pleasePassCallback')); return; }
-  const btn = document.getElementById('addRelayBtn');
-  btn.disabled = true;
-  btn.textContent = t('submitting');
-  try {
-    const resp = await fetch('/auth/code-relay', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ callbackUrl }),
-    });
-    const data = await resp.json();
-    if (resp.ok && data.success) {
-      if (addPollTimer) clearInterval(addPollTimer);
-      document.getElementById('addSection').classList.add('hidden');
-      document.getElementById('addCallbackInput').value = '';
-      showAddInfo(t('accountAdded'));
-      await loadAccounts();
-      await loadStatus();
-    } else {
-      showAddError(data.error || t('failedExchangeCode'));
-    }
-  } catch (err) {
-    showAddError(t('networkError') + err.message);
-  } finally {
-    btn.textContent = t('submit');
-    btn.disabled = false;
-  }
-}
-// ── Status & Config ────────────────────────────────────────────
-async function loadStatus() {
-  try {
-    const resp = await fetch('/auth/status');
-    authData = await resp.json();
-    if (!authData.authenticated) return;
-    serverBaseUrl = `${window.location.origin}/v1`;
-    serverApiKey = authData.proxy_api_key || 'any-string';
-    document.getElementById('baseUrl').value = serverBaseUrl;
-    document.getElementById('apiKey').value = serverApiKey;
-    await populateModelDropdown();
-    updateCodeExamples();
-  } catch (err) {
-    console.error('Status load error:', err);
-  }
-}
-async function populateModelDropdown() {
-  const sel = document.getElementById('defaultModel');
-  try {
-    const resp = await fetch('/v1/models');
-    const data = await resp.json();
-    const models = data.data.map(m => m.id);
-    if (models.length > 0) {
-      sel.innerHTML = '';
-      models.forEach(id => {
-        const opt = document.createElement('option');
-        opt.value = id;
-        opt.textContent = id;
-        sel.appendChild(opt);
-      });
-      const preferred = models.find(n => n.includes('5.3-codex'));
-      if (preferred) sel.value = preferred;
-    }
-  } catch {
-    sel.innerHTML = '<option value="codex">codex</option>';
-  }
-}
-// ── Code Examples ──────────────────────────────────────────────
-function updateCodeExamples() {
-  const baseUrl = document.getElementById('baseUrl').value;
-  const apiKey = document.getElementById('apiKey').value || 'any-string';
-  const model = document.getElementById('defaultModel').value;
-  const origin = window.location.origin;
-  window._codeExamples = {
-    'openai-python': `from openai import OpenAI
-client = OpenAI(
-    base_url="${baseUrl}",
-    api_key="${apiKey}",
-)
-response = client.chat.completions.create(
-    model="${model}",
-    messages=[{"role": "user", "content": "Hello"}],
-)
-print(response.choices[0].message.content)`,
-    'openai-curl': `curl ${baseUrl}/chat/completions \\
-  -H "Content-Type: application/json" \\
-  -H "Authorization: Bearer ${apiKey}" \\
-  -d '{
-    "model": "${model}",
-    "messages": [{"role": "user", "content": "Hello"}]
-  }'`,
-    'openai-node': `import OpenAI from "openai";
-const client = new OpenAI({
-    baseURL: "${baseUrl}",
-    apiKey: "${apiKey}",
-});
-const stream = await client.chat.completions.create({
-    model: "${model}",
-    messages: [{ role: "user", content: "Hello" }],
-    stream: true,
-});
-for await (const chunk of stream) {
-    process.stdout.write(chunk.choices[0]?.delta?.content || "");
-}`,
-    'anthropic-python': `import anthropic
-client = anthropic.Anthropic(
-    base_url="${origin}/v1",
-    api_key="${apiKey}",
-)
-message = client.messages.create(
-    model="claude-sonnet-4-20250514",
-    max_tokens=1024,
-    messages=[{"role": "user", "content": "Hello"}],
-)
-print(message.content[0].text)`,
-    'anthropic-curl': `curl ${origin}/v1/messages \\
-  -H "Content-Type: application/json" \\
-  -H "x-api-key: ${apiKey}" \\
-  -H "anthropic-version: 2023-06-01" \\
-  -d '{
-    "model": "claude-sonnet-4-20250514",
-    "max_tokens": 1024,
-    "messages": [{"role": "user", "content": "Hello"}]
-  }'`,
-    'anthropic-node': `import Anthropic from "@anthropic-ai/sdk";
-const client = new Anthropic({
-    baseURL: "${origin}/v1",
-    apiKey: "${apiKey}",
-});
-const message = await client.messages.create({
-    model: "claude-sonnet-4-20250514",
-    max_tokens: 1024,
-    messages: [{ role: "user", content: "Hello" }],
-});
-console.log(message.content[0].text);`,
-    'gemini-python': `from google import genai
-client = genai.Client(
-    api_key="${apiKey}",
-    http_options={"base_url": "${origin}/v1beta"},
-)
-response = client.models.generate_content(
-    model="gemini-2.5-pro",
-    contents="Hello",
-)
-print(response.text)`,
-    'gemini-curl': `curl "${origin}/v1beta/models/gemini-2.5-pro:generateContent?key=${apiKey}" \\
-  -H "Content-Type: application/json" \\
-  -d '{
-    "contents": [{"role": "user", "parts": [{"text": "Hello"}]}]
-  }'`,
-    'gemini-node': `import { GoogleGenAI } from "@google/genai";
-const ai = new GoogleGenAI({
-    apiKey: "${apiKey}",
-    httpOptions: { baseUrl: "${origin}/v1beta" },
-});
-const response = await ai.models.generateContent({
-    model: "gemini-2.5-pro",
-    contents: "Hello",
-});
-console.log(response.text);`,
-  };
-  showCurrentCode();
-}
-function showCurrentCode() {
-  const key = `${currentProtocol}-${currentLang}`;
-  const code = (window._codeExamples && window._codeExamples[key]) || 'Loading...';
-  document.getElementById('codeBlock').textContent = code;
-}
-// ── Tab Switching ──────────────────────────────────────────────
-const PROTO_ACTIVE  = 'proto-tab px-6 py-3 text-[0.82rem] font-semibold text-primary border-b-2 border-primary bg-white dark:bg-card-dark transition-colors';
-const PROTO_INACTIVE = 'proto-tab px-6 py-3 text-[0.82rem] font-medium text-slate-500 dark:text-text-dim hover:text-slate-700 dark:hover:text-text-main hover:bg-slate-50 dark:hover:bg-[#21262d] border-b-2 border-transparent transition-colors';
-const LANG_ACTIVE   = 'lang-tab px-3 py-1.5 text-xs font-semibold rounded bg-white dark:bg-[#21262d] text-slate-800 dark:text-text-main shadow-sm border border-transparent dark:border-border-dark transition-all';
-const LANG_INACTIVE = 'lang-tab px-3 py-1.5 text-xs font-medium rounded text-slate-500 dark:text-text-dim hover:text-slate-700 dark:hover:text-text-main hover:bg-white/50 dark:hover:bg-[#21262d] border border-transparent transition-all';
-function switchProtocol(proto, el) {
-  currentProtocol = proto;
-  document.querySelectorAll('.proto-tab').forEach(t => t.className = PROTO_INACTIVE);
-  el.className = PROTO_ACTIVE;
-  showCurrentCode();
-}
-function switchLang(lang, el) {
-  currentLang = lang;
-  document.querySelectorAll('.lang-tab').forEach(t => t.className = LANG_INACTIVE);
-  el.className = LANG_ACTIVE;
-  showCurrentCode();
-}
-// ── Copy ───────────────────────────────────────────────────────
-function fallbackCopy(text) {
-  const ta = document.createElement('textarea');
-  ta.value = text;
-  ta.style.cssText = 'position:fixed;left:-9999px;opacity:0';
-  document.body.appendChild(ta);
-  ta.select();
-  let ok = false;
-  try { ok = document.execCommand('copy'); } catch {}
-  document.body.removeChild(ta);
-  return ok;
-}
-async function clipboardCopy(text) {
-  if (navigator.clipboard?.writeText) {
-    try { await navigator.clipboard.writeText(text); return true; } catch {}
-  }
-  return fallbackCopy(text);
-}
-async function copyField(id, btn) {
-  const el = document.getElementById(id);
-  const text = el.value !== undefined ? el.value : el.textContent;
-  const ok = await clipboardCopy(text);
-  btn.innerHTML = ok ? SVG_CHECK : '<svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>';
-  btn.classList.add(ok ? 'text-primary' : 'text-red-500');
-  setTimeout(() => { btn.innerHTML = SVG_COPY; btn.classList.remove('text-primary', 'text-red-500'); }, 2000);
-}
-async function copyCurrentCode() {
-  const key = `${currentProtocol}-${currentLang}`;
-  const code = window._codeExamples?.[key] || '';
-  const ok = await clipboardCopy(code);
-  const btn = document.querySelector('#codeContainer button');
-  if (!btn) return;
-  const label = btn.querySelector('span');
-  const svg = btn.querySelector('svg');
-  if (ok) {
-    if (label) label.textContent = t('copied');
-    btn.classList.add('bg-primary', 'hover:bg-primary-hover');
-    btn.classList.remove('bg-slate-700', 'hover:bg-slate-600');
-  } else {
-    if (label) label.textContent = t('copyFailed');
-    btn.classList.add('bg-red-600', 'hover:bg-red-700');
-    btn.classList.remove('bg-slate-700', 'hover:bg-slate-600');
-  }
-  setTimeout(() => {
-    if (label) label.textContent = t('copy');
-    btn.classList.remove('bg-primary', 'hover:bg-primary-hover', 'bg-red-600', 'hover:bg-red-700');
-    btn.classList.add('bg-slate-700', 'hover:bg-slate-600');
-  }, 2000);
-}
-// ── Init ───────────────────────────────────────────────────────
-try { localStorage.removeItem('codex-proxy-config-overrides'); } catch {}
-applyI18n();
-updateLangToggle();
-loadStatus();
-loadAccounts();
-document.getElementById('defaultModel').addEventListener('change', () => updateCodeExamples());
-</script>
-</body></html>

src/auth/oauth-pkce.ts CHANGED Viewed

@@ -393,6 +393,26 @@ export interface CliAuthJson {
   expires_at?: number;
 }
 /**
  * Read and parse the Codex CLI auth.json file.
  * Path: $CODEX_HOME/auth.json (default: ~/.codex/auth.json)

   expires_at?: number;
 }
+/**
+ * Start an OAuth flow with callback server in one call.
+ * Combines createOAuthSession + startCallbackServer + account registration.
+ * Used by /auth/login, /auth/login-start, and /auth/accounts/login.
+ */
+export function startOAuthFlow(
+  originalHost: string,
+  returnTo: "login" | "dashboard",
+  pool: { addAccount(accessToken: string, refreshToken?: string): string },
+  scheduler: { scheduleOne(entryId: string, accessToken: string): void },
+): { authUrl: string; state: string } {
+  const { authUrl, state, port } = createOAuthSession(originalHost, returnTo);
+  startCallbackServer(port, (accessToken, refreshToken) => {
+    const entryId = pool.addAccount(accessToken, refreshToken);
+    scheduler.scheduleOne(entryId, accessToken);
+    console.log(`[Auth] OAuth via callback server — account ${entryId} added`);
+  });
+  return { authUrl, state };
+}
 /**
  * Read and parse the Codex CLI auth.json file.
  * Path: $CODEX_HOME/auth.json (default: ~/.codex/auth.json)

src/config.ts CHANGED Viewed

@@ -36,10 +36,6 @@ const ConfigSchema = z.object({
     port: z.number().min(1).max(65535).default(8080),
     proxy_api_key: z.string().nullable().default(null),
   }),
-  environment: z.object({
-    default_id: z.string().nullable().default(null),
-    default_branch: z.string().default("main"),
-  }),
   session: z.object({
     ttl_minutes: z.number().min(1).default(60),
     cleanup_interval_minutes: z.number().min(1).default(5),
@@ -50,14 +46,6 @@ const ConfigSchema = z.object({
     proxy_url: z.string().nullable().default(null),
     transport: z.enum(["auto", "curl-cli", "libcurl-ffi"]).default("auto"),
   }).default({}),
-  streaming: z.object({
-    status_as_content: z.boolean().default(false),
-    chunk_size: z.number().default(100),
-    chunk_delay_ms: z.number().default(10),
-    heartbeat_interval_s: z.number().default(15),
-    poll_interval_s: z.number().default(2),
-    timeout_s: z.number().default(300),
-  }),
 });
 export type AppConfig = z.infer<typeof ConfigSchema>;

     port: z.number().min(1).max(65535).default(8080),
     proxy_api_key: z.string().nullable().default(null),
   }),
   session: z.object({
     ttl_minutes: z.number().min(1).default(60),
     cleanup_interval_minutes: z.number().min(1).default(5),
     proxy_url: z.string().nullable().default(null),
     transport: z.enum(["auto", "curl-cli", "libcurl-ffi"]).default("auto"),
   }).default({}),
 });
 export type AppConfig = z.infer<typeof ConfigSchema>;

src/routes/accounts.ts CHANGED Viewed

@@ -17,7 +17,7 @@ import { Hono } from "hono";
 import type { AccountPool } from "../auth/account-pool.js";
 import type { RefreshScheduler } from "../auth/refresh-scheduler.js";
 import { validateManualToken } from "../auth/chatgpt-oauth.js";
-import { createOAuthSession, startCallbackServer } from "../auth/oauth-pkce.js";
 import { getConfig } from "../config.js";
 import { CodexApi } from "../proxy/codex-api.js";
 import type { CodexUsageResponse } from "../proxy/codex-api.js";
@@ -62,16 +62,7 @@ export function createAccountRoutes(
   app.get("/auth/accounts/login", (c) => {
     const config = getConfig();
     const originalHost = c.req.header("host") || `localhost:${config.server.port}`;
-    const { authUrl, port } = createOAuthSession(originalHost, "dashboard");
-    // Start temporary callback server for same-machine callback
-    startCallbackServer(port, (accessToken, refreshToken) => {
-      const entryId = pool.addAccount(accessToken, refreshToken);
-      scheduler.scheduleOne(entryId, accessToken);
-      console.log(`[Auth] OAuth via callback server — account ${entryId} added`);
-    });
     return c.redirect(authUrl);
   });

 import type { AccountPool } from "../auth/account-pool.js";
 import type { RefreshScheduler } from "../auth/refresh-scheduler.js";
 import { validateManualToken } from "../auth/chatgpt-oauth.js";
+import { startOAuthFlow } from "../auth/oauth-pkce.js";
 import { getConfig } from "../config.js";
 import { CodexApi } from "../proxy/codex-api.js";
 import type { CodexUsageResponse } from "../proxy/codex-api.js";
   app.get("/auth/accounts/login", (c) => {
     const config = getConfig();
     const originalHost = c.req.header("host") || `localhost:${config.server.port}`;
+    const { authUrl } = startOAuthFlow(originalHost, "dashboard", pool, scheduler);
     return c.redirect(authUrl);
   });

src/routes/auth.ts CHANGED Viewed

@@ -4,10 +4,9 @@ import type { RefreshScheduler } from "../auth/refresh-scheduler.js";
 import { validateManualToken } from "../auth/chatgpt-oauth.js";
 import { getConfig } from "../config.js";
 import {
-  createOAuthSession,
   consumeSession,
   exchangeCode,
-  startCallbackServer,
   requestDeviceCode,
   pollDeviceToken,
   importCliAuth,
@@ -38,16 +37,7 @@ export function createAuthRoutes(
   app.get("/auth/login", (c) => {
     const config = getConfig();
     const originalHost = c.req.header("host") || `localhost:${config.server.port}`;
-    const { authUrl, port } = createOAuthSession(originalHost, "login");
-    // Start temporary callback server for same-machine callback
-    startCallbackServer(port, (accessToken, refreshToken) => {
-      const entryId = pool.addAccount(accessToken, refreshToken);
-      scheduler.scheduleOne(entryId, accessToken);
-      console.log(`[Auth] OAuth via callback server — account ${entryId} added`);
-    });
     return c.redirect(authUrl);
   });
@@ -55,16 +45,7 @@ export function createAuthRoutes(
   app.post("/auth/login-start", (c) => {
     const config = getConfig();
     const originalHost = c.req.header("host") || `localhost:${config.server.port}`;
-    const { authUrl, state, port } = createOAuthSession(originalHost, "login");
-    // Start temporary callback server for same-machine callback
-    startCallbackServer(port, (accessToken, refreshToken) => {
-      const entryId = pool.addAccount(accessToken, refreshToken);
-      scheduler.scheduleOne(entryId, accessToken);
-      console.log(`[Auth] OAuth via callback server — account ${entryId} added`);
-    });
     return c.json({ authUrl, state });
   });

 import { validateManualToken } from "../auth/chatgpt-oauth.js";
 import { getConfig } from "../config.js";
 import {
+  startOAuthFlow,
   consumeSession,
   exchangeCode,
   requestDeviceCode,
   pollDeviceToken,
   importCliAuth,
   app.get("/auth/login", (c) => {
     const config = getConfig();
     const originalHost = c.req.header("host") || `localhost:${config.server.port}`;
+    const { authUrl } = startOAuthFlow(originalHost, "login", pool, scheduler);
     return c.redirect(authUrl);
   });
   app.post("/auth/login-start", (c) => {
     const config = getConfig();
     const originalHost = c.req.header("host") || `localhost:${config.server.port}`;
+    const { authUrl, state } = startOAuthFlow(originalHost, "login", pool, scheduler);
     return c.json({ authUrl, state });
   });

src/update-checker.ts CHANGED Viewed

@@ -64,9 +64,10 @@ function parseAppcast(xml: string): {
 }
 function applyVersionUpdate(version: string, build: string): void {
-  mutateYaml(CONFIG_PATH, (data: any) => {
-    data.client.app_version = version;
-    data.client.build_number = build;
   });
   mutateClientConfig({ app_version: version, build_number: build });
 }

 }
 function applyVersionUpdate(version: string, build: string): void {
+  mutateYaml(CONFIG_PATH, (data) => {
+    const client = data.client as Record<string, unknown>;
+    client.app_version = version;
+    client.build_number = build;
   });
   mutateClientConfig({ app_version: version, build_number: build });
 }

src/utils/yaml-mutate.ts CHANGED Viewed

@@ -12,9 +12,9 @@ import yaml from "js-yaml";
  * Load a YAML file, apply a mutator function, and atomically write it back.
  * Uses tmp-file + rename for crash safety.
  */
-export function mutateYaml(filePath: string, mutator: (data: any) => void): void {
   const raw = readFileSync(filePath, "utf-8");
-  const data = yaml.load(raw);
   mutator(data);
   const tmp = filePath + ".tmp";
   writeFileSync(tmp, yaml.dump(data, { lineWidth: -1, quotingType: '"' }), "utf-8");

  * Load a YAML file, apply a mutator function, and atomically write it back.
  * Uses tmp-file + rename for crash safety.
  */
+export function mutateYaml(filePath: string, mutator: (data: Record<string, unknown>) => void): void {
   const raw = readFileSync(filePath, "utf-8");
+  const data = yaml.load(raw) as Record<string, unknown>;
   mutator(data);
   const tmp = filePath + ".tmp";
   writeFileSync(tmp, yaml.dump(data, { lineWidth: -1, quotingType: '"' }), "utf-8");

web/src/components/AccountCard.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useCallback } from "preact/hooks";
-import { useT } from "../i18n/context";
-import { useI18n } from "../i18n/context";
 import { formatNumber, formatResetTime } from "../utils/format";
 import type { Account } from "../hooks/use-accounts";
@@ -91,7 +91,7 @@ export function AccountCard({ account, index, onDelete }: AccountCardProps) {
         </div>
         <div class="flex items-center gap-2">
           <span class={`px-2.5 py-1 rounded-full ${statusCls} text-xs font-medium border`}>
-            {t(statusKey as any)}
           </span>
           <button
             onClick={handleDelete}

 import { useCallback } from "preact/hooks";
+import { useT, useI18n } from "../i18n/context";
+import type { TranslationKey } from "../i18n/translations";
 import { formatNumber, formatResetTime } from "../utils/format";
 import type { Account } from "../hooks/use-accounts";
         </div>
         <div class="flex items-center gap-2">
           <span class={`px-2.5 py-1 rounded-full ${statusCls} text-xs font-medium border`}>
+            {t(statusKey as TranslationKey)}
           </span>
           <button
             onClick={handleDelete}

web/src/components/AddAccount.tsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import { useState, useCallback } from "preact/hooks";
 import { useT } from "../i18n/context";
 interface AddAccountProps {
   visible: boolean;
@@ -25,10 +26,10 @@ export function AddAccount({ visible, onSubmitRelay, addInfo, addError }: AddAcc
   return (
     <>
       {addInfo && (
-        <p class="text-sm text-primary">{t(addInfo as any)}</p>
       )}
       {addError && (
-        <p class="text-sm text-red-500">{t(addError as any)}</p>
       )}
       {visible && (
         <section class="bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-xl p-5 shadow-sm transition-colors">

 import { useState, useCallback } from "preact/hooks";
 import { useT } from "../i18n/context";
+import type { TranslationKey } from "../i18n/translations";
 interface AddAccountProps {
   visible: boolean;
   return (
     <>
       {addInfo && (
+        <p class="text-sm text-primary">{t(addInfo as TranslationKey)}</p>
       )}
       {addError && (
+        <p class="text-sm text-red-500">{t(addError as TranslationKey)}</p>
       )}
       {visible && (
         <section class="bg-white dark:bg-card-dark border border-gray-200 dark:border-border-dark rounded-xl p-5 shadow-sm transition-colors">

web/src/components/CopyButton.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 import { useState, useCallback } from "preact/hooks";
 import { clipboardCopy } from "../utils/clipboard";
 import { useT } from "../i18n/context";
 interface CopyButtonProps {
   getText: () => string;
@@ -72,7 +73,7 @@ export function CopyButton({ getText, class: className, titleKey, variant = "ico
             ? "text-red-500"
             : "text-slate-400 dark:text-text-dim hover:text-primary"
       } ${className || ""}`}
-      title={titleKey ? t(titleKey as any) : undefined}
     >
       {state === "ok" ? SVG_CHECK : state === "fail" ? SVG_FAIL : SVG_COPY}
     </button>

 import { useState, useCallback } from "preact/hooks";
 import { clipboardCopy } from "../utils/clipboard";
 import { useT } from "../i18n/context";
+import type { TranslationKey } from "../i18n/translations";
 interface CopyButtonProps {
   getText: () => string;
             ? "text-red-500"
             : "text-slate-400 dark:text-text-dim hover:text-primary"
       } ${className || ""}`}
+      title={titleKey ? t(titleKey as TranslationKey) : undefined}
     >
       {state === "ok" ? SVG_CHECK : state === "fail" ? SVG_FAIL : SVG_COPY}
     </button>

web/vite.config.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export default defineConfig({
   plugins: [preact()],
   build: {
     outDir: "../public",
-    emptyOutDir: false,
   },
   server: {
     port: 5173,

   plugins: [preact()],
   build: {
     outDir: "../public",
+    emptyOutDir: true,
   },
   server: {
     port: 5173,