@bitkyc08/opencodex 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 opencodex contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.ko.md

@@ -0,0 +1,164 @@
+<div align="center">
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="assets/logo-dark.png">
+  <img alt="opencodex" src="assets/logo-light.png" width="96" height="96">
+</picture>
+
+# opencodex (`ocx`)
+
+**[OpenAI Codex](https://openai.com/codex)를 위한 범용 프로바이더 proxy — Codex CLI, App, SDK에서 어떤 LLM이든 사용하세요.**
+
+[English](README.md) · **한국어** · [简体中文](README.zh-CN.md)
+
+📖 **[전체 문서 →](https://lidge-jun.github.io/opencodex/ko/)**
+
+</div>
+
+<p align="center">
+  <img src="assets/dashboard.png" alt="opencodex 대시보드 — 프록시 상태·프로바이더·모델을 보여주는 다크 컨트롤 패널" width="820">
+</p>
+
+Codex는 오직 Responses API(`/v1/responses`)만 사용합니다. opencodex는 Codex와 여러분의 LLM
+프로바이더 사이에 위치하여, 프로토콜을 실시간으로 변환합니다 — streaming, tool 호출, reasoning, 이미지까지
+모두 포함해서 — 양방향으로 동작합니다.
+
+```
+Codex CLI / App / SDK ──/v1/responses──▶ opencodex ──▶ Any provider
+                                              │
+              Anthropic · Google · xAI · Kimi · Ollama Cloud · Groq
+              OpenRouter · Azure · DeepSeek · GLM · …and OpenAI itself
+```
+
+## 빠른 시작
+
+```bash
+# Install
+npm install -g @bitkyc08/opencodex      # or: bun install -g @bitkyc08/opencodex
+
+# Interactive setup (writes config + injects into Codex)
+ocx init
+
+# Start the proxy
+ocx start
+
+# Use Codex normally — it now routes through opencodex
+codex "Write a hello world in Rust"
+```
+
+<details>
+<summary><b><a href="https://bun.sh">bun</a>이 없으신가요?</b> — 먼저 설치하세요 (opencodex는 bun에서 실행됩니다)</summary>
+
+<br/>
+
+```bash
+# macOS / Linux / WSL
+curl -fsSL https://bun.sh/install | bash
+
+# Windows (PowerShell)
+powershell -c "irm bun.sh/install.ps1 | iex"
+```
+
+설치 후 `npm install -g @bitkyc08/opencodex`를 다시 실행하세요. (`ocx` 바이너리는 bun 기반이라 bun이 `PATH`에 있어야 합니다.)
+
+</details>
+
+`provider/model` 형식으로 라우팅된 특정 모델을 지정할 수 있습니다:
+
+```bash
+codex -m "anthropic/claude-opus-4-8" "Explain this stack trace"
+codex -m "ollama-cloud/glm-5.2"      "Write a SQL migration"
+```
+
+## 주요 기능
+
+- **다섯 가지 adapter**로 Anthropic Messages, Google Gemini, Azure, OpenAI Responses passthrough,
+  그리고 **모든 OpenAI 호환 Chat Completions** 엔드포인트를 지원합니다.
+- **OAuth, API 키, 또는 ChatGPT forward.** xAI / Anthropic / Kimi 계정으로 로그인하거나(토큰은
+  자동 갱신됩니다), `codex login`을 forward 하거나, 키를 붙여넣으세요(`${ENV_VARS}` 지원). 18개 프로바이더의
+  API 키 카탈로그(**Ollama Cloud** 포함)가 기본 내장되어 있습니다.
+- **Codex에 바로 통합.** `~/.codex/config.toml`에 `[model_providers.opencodex]` 테이블을 주입하고
+  라우팅된 모델을 Codex의 카탈로그와 서브에이전트 선택기에 병합합니다 — 완전히 되돌릴 수 있습니다.
+- **Sidecar.** OpenAI가 아닌 모델에도 ChatGPT 로그인을 통한 `gpt-5.4-mini`를 사용해 실제 **웹 검색**과
+  **이미지 이해** 기능을 제공합니다.
+- 프로바이더, OAuth 로그인, 모델 선택, 요청 로그를 위한 **웹 대시보드**.
+
+## 프로바이더 및 adapter
+
+| Provider | Adapter | Auth |
+|---|---|---|
+| OpenAI (ChatGPT login) | `openai-responses` | forward (키 불필요) |
+| OpenAI (API key) | `openai-responses` | key |
+| Anthropic Claude | `anthropic` | oauth / key |
+| xAI Grok | `openai-chat` | oauth / key |
+| Kimi (Moonshot) | `openai-chat` | oauth / key |
+| Google Gemini | `google` | key |
+| Azure OpenAI | `azure` | key |
+| Ollama Cloud + 17개 프로바이더 카탈로그 | `openai-chat` | key |
+| Ollama / vLLM / LM Studio (로컬) | `openai-chat` | key (보통 비워둠) |
+| 모든 OpenAI 호환 엔드포인트 | `openai-chat` | key |
+
+## CLI
+
+```bash
+ocx init                       # interactive setup
+ocx start [--port 10100]       # start the proxy
+ocx stop                       # stop + restore native Codex
+ocx restore                    # restore without stopping (alias: ocx eject)
+ocx sync                       # refresh models + re-inject into Codex
+ocx status                     # is the proxy running?
+ocx login <xai|anthropic|kimi> # OAuth login
+ocx logout <provider>          # remove a stored login
+ocx gui                        # open the web dashboard
+ocx service <install|start|stop|status|uninstall>   # run as a background service
+```
+
+## 설정
+
+설정은 `~/.opencodex/config.json`에 저장됩니다. 최소 예시:
+
+```json
+{
+  "port": 10100,
+  "defaultProvider": "anthropic",
+  "providers": {
+    "anthropic": {
+      "adapter": "anthropic",
+      "baseUrl": "https://api.anthropic.com",
+      "authMode": "oauth",
+      "defaultModel": "claude-sonnet-4-6"
+    },
+    "ollama-cloud": {
+      "adapter": "openai-chat",
+      "baseUrl": "https://ollama.com/v1",
+      "apiKey": "${OLLAMA_API_KEY}",
+      "defaultModel": "glm-5.2"
+    }
+  }
+}
+```
+
+모든 필드에 대한 자세한 내용은 **[설정 레퍼런스](https://lidge-jun.github.io/opencodex/ko/reference/configuration/)**
+를 참고하세요.
+
+## 문서
+
+전체 개발자 문서 — 아키텍처, 모든 adapter, 요청 라이프사이클, sidecar,
+Codex 통합, CLI/설정 레퍼런스 — 는 [`docs-site/`](./docs-site) 아래의 Astro 사이트이며
+**[lidge-jun.github.io/opencodex](https://lidge-jun.github.io/opencodex/ko/)**에 게시됩니다.
+
+## 개발
+
+```bash
+git clone https://github.com/lidge-jun/opencodex.git
+cd opencodex
+bun install
+bun run dev          # start the proxy in dev mode
+bun x tsc --noEmit   # typecheck
+```
+
+**[기여하기](https://lidge-jun.github.io/opencodex/ko/contributing/)**를 참고하세요.
+
+## 라이선스
+
+MIT

package/README.md

@@ -0,0 +1,165 @@
+<div align="center">
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="assets/logo-dark.png">
+  <img alt="opencodex" src="assets/logo-light.png" width="96" height="96">
+</picture>
+
+# opencodex (`ocx`)
+
+**Universal provider proxy for [OpenAI Codex](https://openai.com/codex) — use any LLM with Codex CLI, App, and SDK.**
+
+[English](README.md) · [한국어](README.ko.md) · [简体中文](README.zh-CN.md)
+
+📖 **[Full documentation →](https://lidge-jun.github.io/opencodex/)**
+
+</div>
+
+<p align="center">
+  <img src="assets/dashboard.png" alt="opencodex dashboard — a dark provider control panel showing live proxy status, routed providers, and available models" width="820">
+</p>
+
+Codex only speaks the Responses API (`/v1/responses`). opencodex sits between Codex and your LLM
+provider, translating the protocol on the fly — streaming, tool calls, reasoning, and images included
+— in both directions.
+
+```
+Codex CLI / App / SDK ──/v1/responses──▶ opencodex ──▶ Any provider
+                                              │
+              Anthropic · Google · xAI · Kimi · Ollama Cloud · Groq
+              OpenRouter · Azure · DeepSeek · GLM · …and OpenAI itself
+```
+
+## Quick start
+
+```bash
+# Install
+npm install -g @bitkyc08/opencodex      # or: bun install -g @bitkyc08/opencodex
+
+# Interactive setup (writes config + injects into Codex)
+ocx init
+
+# Start the proxy
+ocx start
+
+# Use Codex normally — it now routes through opencodex
+codex "Write a hello world in Rust"
+```
+
+<details>
+<summary><b>Don't have <a href="https://bun.sh">bun</a>?</b> — install it first (opencodex runs on bun)</summary>
+
+<br/>
+
+```bash
+# macOS / Linux / WSL
+curl -fsSL https://bun.sh/install | bash
+
+# Windows (PowerShell)
+powershell -c "irm bun.sh/install.ps1 | iex"
+```
+
+Then re-run `npm install -g @bitkyc08/opencodex`. (The `ocx` binary is bun-native, so bun must be on your `PATH`.)
+
+</details>
+
+Target a specific routed model with the `provider/model` form:
+
+```bash
+codex -m "anthropic/claude-opus-4-8" "Explain this stack trace"
+codex -m "ollama-cloud/glm-5.2"      "Write a SQL migration"
+```
+
+## Highlights
+
+- **Five adapters** cover Anthropic Messages, Google Gemini, Azure, the OpenAI Responses passthrough,
+  and **every OpenAI-compatible Chat Completions** endpoint.
+- **OAuth, API key, or ChatGPT forward.** Log in with your xAI / Anthropic / Kimi account (tokens
+  auto-refresh), forward your `codex login`, or paste a key (`${ENV_VARS}` supported). An 18-provider
+  API-key catalog (incl. **Ollama Cloud**) is built in.
+- **Drops into Codex.** Injects a `[model_providers.opencodex]` table into `~/.codex/config.toml` and
+  merges routed models into Codex's catalog and subagent picker — fully reversible.
+- **Sidecars.** Give non-OpenAI models real **web search** and **image understanding** via a
+  `gpt-5.4-mini` over your ChatGPT login.
+- **Web dashboard** for providers, OAuth login, model selection, and request logs.
+
+## Providers & adapters
+
+| Provider | Adapter | Auth |
+|---|---|---|
+| OpenAI (ChatGPT login) | `openai-responses` | forward (no key) |
+| OpenAI (API key) | `openai-responses` | key |
+| Anthropic Claude | `anthropic` | oauth / key |
+| xAI Grok | `openai-chat` | oauth / key |
+| Kimi (Moonshot) | `openai-chat` | oauth / key |
+| Google Gemini | `google` | key |
+| Azure OpenAI | `azure` | key |
+| Ollama Cloud + 17-provider catalog | `openai-chat` | key |
+| Ollama / vLLM / LM Studio (local) | `openai-chat` | key (usually blank) |
+| Any OpenAI-compatible endpoint | `openai-chat` | key |
+
+## CLI
+
+```bash
+ocx init                       # interactive setup
+ocx start [--port 10100]       # start the proxy
+ocx stop                       # stop + restore native Codex
+ocx restore                    # restore without stopping (alias: ocx eject)
+ocx sync                       # refresh models + re-inject into Codex
+ocx status                     # is the proxy running?
+ocx login <xai|anthropic|kimi> # OAuth login
+ocx logout <provider>          # remove a stored login
+ocx gui                        # open the web dashboard
+ocx service <install|start|stop|status|uninstall>   # run as a background service
+ocx update                     # update opencodex to the latest published version
+```
+
+## Configuration
+
+Config lives at `~/.opencodex/config.json`. Minimal example:
+
+```json
+{
+  "port": 10100,
+  "defaultProvider": "anthropic",
+  "providers": {
+    "anthropic": {
+      "adapter": "anthropic",
+      "baseUrl": "https://api.anthropic.com",
+      "authMode": "oauth",
+      "defaultModel": "claude-sonnet-4-6"
+    },
+    "ollama-cloud": {
+      "adapter": "openai-chat",
+      "baseUrl": "https://ollama.com/v1",
+      "apiKey": "${OLLAMA_API_KEY}",
+      "defaultModel": "glm-5.2"
+    }
+  }
+}
+```
+
+See the **[Configuration reference](https://lidge-jun.github.io/opencodex/reference/configuration/)**
+for every field.
+
+## Documentation
+
+The full developer documentation — architecture, every adapter, the request lifecycle, the sidecars,
+Codex integration, and the CLI/config reference — is an Astro site under [`docs-site/`](./docs-site)
+and published to **[lidge-jun.github.io/opencodex](https://lidge-jun.github.io/opencodex/)**.
+
+## Development
+
+```bash
+git clone https://github.com/lidge-jun/opencodex.git
+cd opencodex
+bun install
+bun run dev          # start the proxy in dev mode
+bun x tsc --noEmit   # typecheck
+```
+
+See **[Contributing](https://lidge-jun.github.io/opencodex/contributing/)**.
+
+## License
+
+MIT

package/README.zh-CN.md

@@ -0,0 +1,162 @@
+<div align="center">
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="assets/logo-dark.png">
+  <img alt="opencodex" src="assets/logo-light.png" width="96" height="96">
+</picture>
+
+# opencodex (`ocx`)
+
+**面向 [OpenAI Codex](https://openai.com/codex) 的通用 provider proxy —— 在 Codex CLI、App 和 SDK 中使用任意 LLM。**
+
+[English](README.md) · [한국어](README.ko.md) · **简体中文**
+
+📖 **[完整文档 →](https://lidge-jun.github.io/opencodex/zh-cn/)**
+
+</div>
+
+<p align="center">
+  <img src="assets/dashboard.png" alt="opencodex 控制台 —— 展示代理状态、provider 与可用模型的深色控制面板" width="820">
+</p>
+
+Codex 只能使用 Responses API（`/v1/responses`）。opencodex 位于 Codex 与你的 LLM
+provider 之间，实时翻译两者之间的协议 —— 包括 streaming、工具调用、推理（reasoning）和图像
+—— 并且是双向的。
+
+```
+Codex CLI / App / SDK ──/v1/responses──▶ opencodex ──▶ Any provider
+                                              │
+              Anthropic · Google · xAI · Kimi · Ollama Cloud · Groq
+              OpenRouter · Azure · DeepSeek · GLM · …and OpenAI itself
+```
+
+## 快速开始
+
+```bash
+# Install
+npm install -g @bitkyc08/opencodex      # or: bun install -g @bitkyc08/opencodex
+
+# Interactive setup (writes config + injects into Codex)
+ocx init
+
+# Start the proxy
+ocx start
+
+# Use Codex normally — it now routes through opencodex
+codex "Write a hello world in Rust"
+```
+
+<details>
+<summary><b>没有 <a href="https://bun.sh">bun</a>？</b> —— 先安装它（opencodex 运行在 bun 上）</summary>
+
+<br/>
+
+```bash
+# macOS / Linux / WSL
+curl -fsSL https://bun.sh/install | bash
+
+# Windows (PowerShell)
+powershell -c "irm bun.sh/install.ps1 | iex"
+```
+
+然后重新运行 `npm install -g @bitkyc08/opencodex`。（`ocx` 可执行文件是 bun 原生的，因此 bun 必须在你的 `PATH` 中。）
+
+</details>
+
+使用 `provider/model` 形式指定一个具体的已路由模型：
+
+```bash
+codex -m "anthropic/claude-opus-4-8" "Explain this stack trace"
+codex -m "ollama-cloud/glm-5.2"      "Write a SQL migration"
+```
+
+## 亮点
+
+- **五种 adapter**，覆盖 Anthropic Messages、Google Gemini、Azure、OpenAI Responses 直通（passthrough），
+  以及**所有 OpenAI 兼容的 Chat Completions** 端点。
+- **OAuth、API key 或 ChatGPT 转发（forward）。** 用你的 xAI / Anthropic / Kimi 账户登录（token
+  自动刷新）、转发你的 `codex login`，或直接粘贴一个 key（支持 `${ENV_VARS}`）。内置一份 18 家 provider 的
+  API-key 目录（含 **Ollama Cloud**）。
+- **无缝接入 Codex。** 向 `~/.codex/config.toml` 注入一个 `[model_providers.opencodex]` 表，并
+  将已路由的模型合并进 Codex 的目录和 subagent 选择器 —— 完全可逆。
+- **Sidecars。** 通过基于你 ChatGPT 登录的 `gpt-5.4-mini`，为非 OpenAI 模型提供真正的**网页搜索**和**图像理解**能力。
+- **Web 仪表盘**，用于管理 provider、OAuth 登录、模型选择和请求日志。
+
+## Providers 与 adapters
+
+| Provider | Adapter | Auth |
+|---|---|---|
+| OpenAI（ChatGPT 登录） | `openai-responses` | 转发（无需 key） |
+| OpenAI（API key） | `openai-responses` | key |
+| Anthropic Claude | `anthropic` | oauth / key |
+| xAI Grok | `openai-chat` | oauth / key |
+| Kimi（Moonshot） | `openai-chat` | oauth / key |
+| Google Gemini | `google` | key |
+| Azure OpenAI | `azure` | key |
+| Ollama Cloud + 17 家 provider 目录 | `openai-chat` | key |
+| Ollama / vLLM / LM Studio（本地） | `openai-chat` | key（通常留空） |
+| 任意 OpenAI 兼容端点 | `openai-chat` | key |
+
+## CLI
+
+```bash
+ocx init                       # interactive setup
+ocx start [--port 10100]       # start the proxy
+ocx stop                       # stop + restore native Codex
+ocx restore                    # restore without stopping (alias: ocx eject)
+ocx sync                       # refresh models + re-inject into Codex
+ocx status                     # is the proxy running?
+ocx login <xai|anthropic|kimi> # OAuth login
+ocx logout <provider>          # remove a stored login
+ocx gui                        # open the web dashboard
+ocx service <install|start|stop|status|uninstall>   # run as a background service
+```
+
+## 配置
+
+配置文件位于 `~/.opencodex/config.json`。最小示例：
+
+```json
+{
+  "port": 10100,
+  "defaultProvider": "anthropic",
+  "providers": {
+    "anthropic": {
+      "adapter": "anthropic",
+      "baseUrl": "https://api.anthropic.com",
+      "authMode": "oauth",
+      "defaultModel": "claude-sonnet-4-6"
+    },
+    "ollama-cloud": {
+      "adapter": "openai-chat",
+      "baseUrl": "https://ollama.com/v1",
+      "apiKey": "${OLLAMA_API_KEY}",
+      "defaultModel": "glm-5.2"
+    }
+  }
+}
+```
+
+每个字段的说明请参阅 **[配置参考](https://lidge-jun.github.io/opencodex/zh-cn/reference/configuration/)**。
+
+## 文档
+
+完整的开发者文档 —— 架构、每个 adapter、请求生命周期、sidecars、
+Codex 集成，以及 CLI/配置参考 —— 是位于 [`docs-site/`](./docs-site) 下的一个 Astro 站点，
+并发布于 **[lidge-jun.github.io/opencodex](https://lidge-jun.github.io/opencodex/zh-cn/)**。
+
+## 开发
+
+```bash
+git clone https://github.com/lidge-jun/opencodex.git
+cd opencodex
+bun install
+bun run dev          # start the proxy in dev mode
+bun x tsc --noEmit   # typecheck
+```
+
+请参阅 **[贡献指南](https://lidge-jun.github.io/opencodex/zh-cn/contributing/)**。
+
+## 许可证
+
+MIT

package/gui/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/gui/dist/assets/index-C1wlp1SM.css

@@ -0,0 +1 @@
+:root{--bg:#0b0b0f;--surface:#14141a;--raised:#1c1c25;--raised-hover:#232330;--border:#2a2a35;--border-soft:#20202a;--text:#e9e9ee;--muted:#9a9aa6;--faint:#6a6a76;--accent:#7c5cff;--accent-hover:#9077ff;--accent-ink:#fff;--accent-soft:#7c5cff24;--accent-ring:#7c5cff73;--green:#34d399;--green-soft:#34d39921;--red:#f87171;--red-soft:#f8717121;--amber:#fbbf24;--amber-soft:#fbbf2421;--radius:12px;--radius-sm:8px;--radius-xs:6px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--shadow:0 1px 2px #00000080, 0 12px 32px #00000047;--shadow-sm:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(1200px 600px at 18% -10%,#7c5cff14,#0000 60%);margin:0;font-size:14px;line-height:1.5}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.92em}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:650}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#353542}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:4px}.app{grid-template-columns:232px 1fr;min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--border-soft);background:linear-gradient(#ffffff04,#0000);flex-direction:column;align-self:start;gap:4px;height:100dvh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:6px 8px 14px;display:flex}.brand img{width:26px;height:26px}.brand .name{letter-spacing:-.02em;font-size:15px;font-weight:700}.brand .ver{font-family:var(--mono);color:var(--muted);background:var(--raised);border:1px solid var(--border);border-radius:99px;padding:1px 6px;font-size:10px}.nav-item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;color:var(--muted);font:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--raised);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text)}.nav-item svg{width:17px;height:17px;color:var(--faint);flex-shrink:0}.nav-item.active svg{color:var(--accent)}.sidebar-foot{margin-top:auto;padding-top:12px}.sidebar-link{color:var(--muted);border-radius:var(--radius-sm);align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.sidebar-link:hover{background:var(--raised);color:var(--text);text-decoration:none}.sidebar-link svg{width:16px;height:16px}.main{min-width:0}.main-inner{max-width:980px;margin:0 auto;padding:32px 36px 64px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.page-head h2{font-size:19px}.page-sub{color:var(--muted);max-width:70ch;margin:4px 0 22px;font-size:13.5px}.page-sub b{color:var(--text);font-weight:600}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:550;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn svg{width:15px;height:15px}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--raised);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--raised-hover)}.btn-danger{color:var(--red);background:0 0;border-color:#f871714d}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.btn-sm{border-radius:var(--radius-xs);padding:4px 9px;font-size:12px}.btn-icon{padding:5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.panel-accent{background:linear-gradient(180deg, var(--accent-soft), transparent 120%), var(--surface);border-color:#7c5cff47}.stat-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px}.stat .label{color:var(--muted);align-items:center;gap:6px;margin-bottom:7px;font-size:12px;display:flex}.stat .label svg{width:14px;height:14px}.stat .value{letter-spacing:-.02em;font-size:23px;font-weight:700;line-height:1.1}.stat .value.mono{font-family:var(--mono);font-size:19px}.badge{font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.01em;border-radius:99px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent-hover)}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-muted{background:var(--raised);color:var(--muted);border:1px solid var(--border)}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot-green{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.dot-red{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:9px 12px;font-size:11.5px;font-weight:600}.tbl tbody td{border-bottom:1px solid var(--border-soft);padding:10px 12px}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:#ffffff05}.tbl .num{text-align:right;font-family:var(--mono)}.tbl-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.input,textarea.input{border-radius:var(--radius-sm);background:var(--raised);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;padding:8px 11px;font-size:13px;transition:border-color .12s}.input::placeholder{color:var(--faint)}.input:focus{border-color:var(--accent);outline:none}textarea.input{resize:vertical;font-family:var(--mono);line-height:1.55}.field-label{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:500;display:block}select.input{appearance:none}.switch{cursor:pointer;background:var(--border);border:none;border-radius:99px;flex-shrink:0;width:34px;height:19px;padding:0;transition:background .15s;position:relative}.switch.on{background:var(--accent)}.switch:disabled{opacity:.6;cursor:default}.switch .knob{background:#fff;border-radius:50%;width:15px;height:15px;transition:left .15s;position:absolute;top:2px;left:2px}.switch.on .knob{left:17px}.muted{color:var(--muted)}.faint{color:var(--faint)}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;display:flex}.chip{font-family:var(--mono);background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);padding:1px 7px;font-size:12px}.empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);padding:56px 20px}.empty svg{width:30px;height:30px;color:var(--faint);margin-bottom:12px}.empty .title{color:var(--text);margin-bottom:6px;font-weight:600}.notice{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:13px;display:flex}.notice svg{flex-shrink:0;width:15px;height:15px}.notice-ok{background:var(--green-soft);color:var(--green)}.notice-err{background:var(--red-soft);color:var(--red)}.h-section{color:var(--text);align-items:center;gap:8px;margin:30px 0 12px;font-size:13px;font-weight:600;display:flex}.h-section .count{color:var(--muted);font-weight:500;font-family:var(--mono);font-size:12px}.spin{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0009;justify-content:center;align-items:flex-start;padding:8vh 16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:520px;box-shadow:var(--shadow);max-height:84vh;padding:20px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{font-size:16px}.list-row{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--raised);cursor:pointer;width:100%;color:var(--text);font:inherit;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;transition:background .12s,border-color .12s;display:flex}.list-row:hover{background:var(--raised-hover);border-color:#34343f}.list-row .title{font-size:14px;font-weight:600}.list-row .sub{color:var(--muted);margin-top:2px;font-size:12px}.prov-card{justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 16px;display:flex}.link-btn{color:var(--accent-hover);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:13px;text-decoration:underline}@media (width<=760px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-soft);flex-flow:wrap;align-items:center;height:auto;position:static}.brand{width:100%;padding:6px 8px}.nav-item{width:auto}.sidebar-foot{margin:0;padding:0}.main-inner{padding:22px 18px 48px}.stat-row{grid-template-columns:repeat(2,1fr)}}