From 198dc500aa6d9a55ff8b4b4e6689d8d096c2e745 Mon Sep 17 00:00:00 2001
From: dreamhunter2333 <dreamhunter2333@gmail.com>
Date: Wed, 17 Dec 2025 18:41:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E5=B9=B6=E6=B7=BB=E5=8A=A0=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=20loading=20=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 完全重构前端管理界面，采用模块化架构
- 新增独立的 CSS 和 JS 模块（utils, auth, channels, tokens, pricing, api-test, database）
- 实现统一的 loading 遮罩效果，所有 API 请求自动显示加载状态
- 添加现代化多选下拉框组件用于频道选择
- 实现模型部署映射的可视化表格编辑
- 修复页面高度自适应问题，管理页面占满全屏
- 优化侧边栏布局，添加 GitHub 链接和版本号
- 令牌管理页面隐藏敏感 key，添加复制功能
- 管理页面切换时自动重置为列表视图并重新加载数据
- 新增 Claude Proxy 提供商支持
- 统一所有 API 调用的错误处理和 loading 状态管理

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 public/css/styles.css         |  981 ++++++
 public/index.html             | 3582 +++-----------------
 public/js/api-test.js         |  123 +
 public/js/auth.js             |   80 +
 public/js/channels.js         |  407 +++
 public/js/database.js         |   27 +
 public/js/main.js             |   64 +
 public/js/pricing.js          |  203 ++
 public/js/tokens.js           |  454 +++
 public/js/utils.js            |  180 +
 src/providers/claude-proxy.ts |  276 ++
 src/providers/index.ts        |    3 +
 type.d.ts                     |    2 +-
 worker-configuration.d.ts     | 5990 ++++++++++++++++++++++++++++++---
 14 files changed, 8872 insertions(+), 3500 deletions(-)
 create mode 100644 public/css/styles.css
 create mode 100644 public/js/api-test.js
 create mode 100644 public/js/auth.js
 create mode 100644 public/js/channels.js
 create mode 100644 public/js/database.js
 create mode 100644 public/js/main.js
 create mode 100644 public/js/pricing.js
 create mode 100644 public/js/tokens.js
 create mode 100644 public/js/utils.js
 create mode 100644 src/providers/claude-proxy.ts

diff --git a/public/css/styles.css b/public/css/styles.css
new file mode 100644
index 0000000..ced5226
--- /dev/null
+++ b/public/css/styles.css
@@ -0,0 +1,981 @@
+/* ===== CSS Variables (shadcn/ui inspired) ===== */
+:root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 330 81% 60%;
+    --primary-foreground: 0 0% 100%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 330 45% 96%;
+    --accent-foreground: 330 81% 30%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 100%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 330 81% 60%;
+    --radius: 0.5rem;
+}
+
+.dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 330 81% 68%;
+    --primary-foreground: 330 20% 10%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 330 25% 15%;
+    --accent-foreground: 330 81% 68%;
+    --destructive: 0 62.8% 50%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 330 81% 68%;
+}
+
+/* ===== Base Styles ===== */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
+    background-color: hsl(var(--background));
+    color: hsl(var(--foreground));
+    line-height: 1.5;
+    -webkit-font-smoothing: antialiased;
+}
+
+/* ===== Layout ===== */
+.app-container {
+    display: flex;
+    min-height: 100vh;
+}
+
+/* Sidebar */
+.sidebar {
+    width: 280px;
+    border-right: 1px solid hsl(var(--border));
+    background-color: hsl(var(--card));
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    height: 100vh;
+    overflow-y: auto;
+}
+
+.sidebar-header {
+    padding: 1.5rem 1.5rem 1rem;
+    border-bottom: 1px solid hsl(var(--border));
+}
+
+.sidebar-brand {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    font-size: 1.25rem;
+    font-weight: 600;
+}
+
+.sidebar-nav {
+    flex: 1;
+    padding: 1rem 0.75rem;
+}
+
+.nav-section {
+    margin-bottom: 1.5rem;
+}
+
+.nav-section-title {
+    padding: 0.5rem 0.75rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: hsl(var(--muted-foreground));
+}
+
+.nav-item {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    padding: 0.625rem 0.75rem;
+    margin: 0.125rem 0;
+    border-radius: var(--radius);
+    color: hsl(var(--foreground));
+    text-decoration: none;
+    cursor: pointer;
+    transition: all 0.15s;
+    font-size: 0.875rem;
+    font-weight: 500;
+    border: none;
+    background: none;
+    width: 100%;
+    text-align: left;
+}
+
+.nav-item:hover {
+    background-color: hsl(var(--accent));
+    color: hsl(var(--accent-foreground));
+}
+
+.nav-item.active {
+    background-color: hsl(var(--primary));
+    color: hsl(var(--primary-foreground));
+}
+
+.nav-item-icon {
+    font-size: 1.25rem;
+    width: 1.25rem;
+    height: 1.25rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.sidebar-footer {
+    padding: 1rem 1.5rem;
+    border-top: 1px solid hsl(var(--border));
+}
+
+/* Main Content */
+.main-content {
+    flex: 1;
+    margin-left: 280px;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.main-header {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background-color: hsl(var(--background) / 0.95);
+    backdrop-filter: blur(8px);
+    border-bottom: 1px solid hsl(var(--border));
+    padding: 1rem 2rem;
+}
+
+.header-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    max-width: 1400px;
+}
+
+.header-title {
+    font-size: 1.5rem;
+    font-weight: 600;
+}
+
+.header-actions {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.content-wrapper {
+    flex: 1;
+    padding: 2rem;
+    max-width: 1400px;
+}
+
+/* ===== Components ===== */
+/* Card */
+.card {
+    background-color: hsl(var(--card));
+    border: 1px solid hsl(var(--border));
+    border-radius: calc(var(--radius) + 2px);
+    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
+}
+
+.card-header {
+    padding: 1.5rem;
+    border-bottom: 1px solid hsl(var(--border));
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+}
+
+.card-header > .flex {
+    margin-left: auto;
+}
+
+.card-title {
+    font-size: 1.25rem;
+    font-weight: 600;
+    line-height: 1;
+}
+
+.card-description {
+    font-size: 0.875rem;
+    color: hsl(var(--muted-foreground));
+    margin-top: 0.375rem;
+}
+
+.card-content {
+    padding: 1.5rem;
+    margin-top: 0;
+}
+
+.card-footer {
+    padding: 1.5rem;
+    border-top: 1px solid hsl(var(--border));
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+/* Button */
+.btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    border-radius: var(--radius);
+    font-size: 0.875rem;
+    font-weight: 500;
+    padding: 0.625rem 1rem;
+    border: none;
+    cursor: pointer;
+    transition: all 0.15s;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.btn:disabled {
+    pointer-events: none;
+    opacity: 0.5;
+}
+
+.btn-primary {
+    background-color: hsl(var(--primary));
+    color: hsl(var(--primary-foreground));
+}
+
+.btn-primary:hover {
+    background-color: hsl(var(--primary) / 0.9);
+}
+
+.btn-secondary {
+    background-color: hsl(var(--secondary));
+    color: hsl(var(--secondary-foreground));
+}
+
+.btn-secondary:hover {
+    background-color: hsl(var(--secondary) / 0.8);
+}
+
+.btn-outline {
+    background-color: transparent;
+    border: 1px solid hsl(var(--input));
+    color: hsl(var(--foreground));
+}
+
+.btn-outline:hover {
+    background-color: hsl(var(--accent));
+    color: hsl(var(--accent-foreground));
+}
+
+.btn-destructive {
+    background-color: hsl(var(--destructive));
+    color: hsl(var(--destructive-foreground));
+}
+
+.btn-destructive:hover {
+    background-color: hsl(var(--destructive) / 0.9);
+}
+
+.btn-ghost {
+    background-color: transparent;
+    color: hsl(var(--foreground));
+}
+
+.btn-ghost:hover {
+    background-color: hsl(var(--accent));
+    color: hsl(var(--accent-foreground));
+}
+
+.btn-sm {
+    padding: 0.375rem 0.75rem;
+    font-size: 0.8125rem;
+}
+
+.btn-lg {
+    padding: 0.75rem 1.5rem;
+    font-size: 1rem;
+}
+
+/* Input */
+.input {
+    display: flex;
+    width: 100%;
+    border-radius: var(--radius);
+    border: 1px solid hsl(var(--input));
+    background-color: hsl(var(--background));
+    padding: 0.625rem 0.75rem;
+    font-size: 0.875rem;
+    transition: all 0.15s;
+    color: hsl(var(--foreground));
+}
+
+select.input[multiple] {
+    display: block;
+    padding: 0.5rem;
+}
+
+select.input[multiple] option {
+    padding: 0.5rem;
+    border-radius: 4px;
+    margin-bottom: 2px;
+}
+
+select.input[multiple] option:checked {
+    background: hsl(var(--primary));
+    color: hsl(var(--primary-foreground));
+}
+
+/* Multi-Select Component */
+.multi-select-wrapper {
+    position: relative;
+    width: 100%;
+}
+
+.multi-select-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0.625rem 0.75rem;
+    border: 1px solid hsl(var(--input));
+    border-radius: var(--radius);
+    background-color: hsl(var(--background));
+    cursor: pointer;
+    transition: all 0.15s;
+}
+
+.multi-select-trigger:hover {
+    border-color: hsl(var(--ring));
+}
+
+.multi-select-value {
+    flex: 1;
+    font-size: 0.875rem;
+    color: hsl(var(--foreground));
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.multi-select-value.placeholder {
+    color: hsl(var(--muted-foreground));
+}
+
+.multi-select-arrow {
+    font-size: 0.75rem;
+    color: hsl(var(--muted-foreground));
+    transition: transform 0.2s;
+}
+
+.multi-select-trigger.open .multi-select-arrow {
+    transform: rotate(180deg);
+}
+
+.multi-select-dropdown {
+    position: absolute;
+    top: calc(100% + 0.25rem);
+    left: 0;
+    right: 0;
+    background: hsl(var(--background));
+    border: 1px solid hsl(var(--input));
+    border-radius: var(--radius);
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+    z-index: 50;
+    max-height: 300px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+}
+
+.multi-select-search {
+    padding: 0.5rem;
+    border-bottom: 1px solid hsl(var(--border));
+}
+
+.multi-select-search .input {
+    padding: 0.5rem;
+    font-size: 0.875rem;
+}
+
+.multi-select-options {
+    overflow-y: auto;
+    max-height: 250px;
+}
+
+.multi-select-option {
+    display: flex;
+    align-items: center;
+    padding: 0.625rem 0.75rem;
+    cursor: pointer;
+    transition: background-color 0.15s;
+    gap: 0.5rem;
+}
+
+.multi-select-option:hover {
+    background-color: hsl(var(--accent));
+}
+
+.multi-select-option input[type="checkbox"] {
+    width: 1rem;
+    height: 1rem;
+    cursor: pointer;
+}
+
+.multi-select-option label {
+    flex: 1;
+    font-size: 0.875rem;
+    cursor: pointer;
+    margin: 0;
+}
+
+.multi-select-loading,
+.multi-select-empty {
+    padding: 1rem;
+    text-align: center;
+    color: hsl(var(--muted-foreground));
+    font-size: 0.875rem;
+}
+
+.input:focus {
+    outline: none;
+    border-color: hsl(var(--ring));
+    box-shadow: 0 0 0 2px hsl(var(--ring) / 0.2);
+}
+
+.input:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+}
+
+/* Label */
+.label {
+    display: block;
+    font-size: 0.875rem;
+    font-weight: 500;
+    margin-bottom: 0.5rem;
+    color: hsl(var(--foreground));
+}
+
+/* Badge */
+.badge {
+    display: inline-flex;
+    align-items: center;
+    border-radius: calc(var(--radius) - 2px);
+    padding: 0.25rem 0.625rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    line-height: 1;
+    transition: all 0.15s;
+}
+
+.badge-default {
+    background-color: hsl(var(--primary));
+    color: hsl(var(--primary-foreground));
+}
+
+.badge-secondary {
+    background-color: hsl(var(--secondary));
+    color: hsl(var(--secondary-foreground));
+}
+
+.badge-success {
+    background-color: hsl(142.1 76.2% 36.3%);
+    color: hsl(0 0% 100%);
+}
+
+.badge-warning {
+    background-color: hsl(47.9 95.8% 53.1%);
+    color: hsl(26 83.3% 14.1%);
+}
+
+.badge-destructive {
+    background-color: hsl(var(--destructive));
+    color: hsl(var(--destructive-foreground));
+}
+
+.badge-outline {
+    background-color: transparent;
+    border: 1px solid hsl(var(--border));
+    color: hsl(var(--foreground));
+}
+
+/* Table */
+.table-container {
+    overflow-x: auto;
+    border-radius: var(--radius);
+    border: 1px solid hsl(var(--border));
+}
+
+.table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.875rem;
+}
+
+.table thead {
+    background-color: hsl(var(--muted));
+}
+
+.table th {
+    padding: 0.75rem 1rem;
+    text-align: left;
+    font-weight: 600;
+    color: hsl(var(--muted-foreground));
+    border-bottom: 1px solid hsl(var(--border));
+}
+
+.table td {
+    padding: 0.75rem 1rem;
+    border-bottom: 1px solid hsl(var(--border));
+}
+
+.table tbody tr:hover {
+    background-color: hsl(var(--muted) / 0.5);
+}
+
+.table tbody tr:last-child td {
+    border-bottom: none;
+}
+
+/* Alert */
+.alert {
+    padding: 1rem;
+    border-radius: var(--radius);
+    border: 1px solid hsl(var(--border));
+    margin-bottom: 1rem;
+}
+
+.alert-info {
+    background-color: hsl(330 100% 97%);
+    border-color: hsl(330 81% 85%);
+    color: hsl(330 81% 30%);
+}
+
+.dark .alert-info {
+    background-color: hsl(330 40% 15%);
+    border-color: hsl(330 40% 25%);
+    color: hsl(330 81% 85%);
+}
+
+.alert-success {
+    background-color: hsl(142.1 76.2% 36.3% / 0.1);
+    border-color: hsl(142.1 76.2% 36.3% / 0.3);
+}
+
+.alert-warning {
+    background-color: hsl(47.9 95.8% 53.1% / 0.1);
+    border-color: hsl(47.9 95.8% 53.1% / 0.3);
+}
+
+.alert-error {
+    background-color: hsl(var(--destructive) / 0.1);
+    border-color: hsl(var(--destructive) / 0.3);
+}
+
+/* Modal */
+.modal-overlay {
+    position: fixed;
+    inset: 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+    z-index: 50;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    animation: fadeIn 0.2s ease;
+}
+
+.modal-overlay.active {
+    display: flex;
+}
+
+.modal-content {
+    background-color: hsl(var(--card));
+    border: 1px solid hsl(var(--border));
+    border-radius: calc(var(--radius) + 4px);
+    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    max-width: 32rem;
+    width: 90%;
+    max-height: 90vh;
+    overflow-y: auto;
+    animation: slideUp 0.2s ease;
+}
+
+.modal-header {
+    padding: 1.5rem;
+    border-bottom: 1px solid hsl(var(--border));
+}
+
+.modal-title {
+    font-size: 1.25rem;
+    font-weight: 600;
+}
+
+.modal-body {
+    padding: 1.5rem;
+}
+
+.modal-footer {
+    padding: 1.5rem;
+    border-top: 1px solid hsl(var(--border));
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.75rem;
+}
+
+/* Form Group */
+.form-group {
+    margin-bottom: 1.25rem;
+}
+
+.form-group:last-child {
+    margin-bottom: 0;
+}
+
+/* Grid */
+.grid {
+    display: grid;
+    gap: 1.5rem;
+}
+
+.grid-cols-2 {
+    grid-template-columns: repeat(2, 1fr);
+}
+
+.grid-cols-3 {
+    grid-template-columns: repeat(3, 1fr);
+}
+
+.grid-cols-4 {
+    grid-template-columns: repeat(4, 1fr);
+}
+
+/* Stats Card */
+.stats-card {
+    background-color: hsl(var(--card));
+    border: 1px solid hsl(var(--border));
+    border-radius: calc(var(--radius) + 2px);
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.stats-card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.stats-card-title {
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: hsl(var(--muted-foreground));
+}
+
+.stats-card-value {
+    font-size: 2rem;
+    font-weight: 700;
+}
+
+.stats-card-trend {
+    font-size: 0.875rem;
+    color: hsl(var(--muted-foreground));
+}
+
+/* Animations */
+@keyframes fadeIn {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+@keyframes slideUp {
+    from {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes slideIn {
+    from { transform: translateX(100%); opacity: 0; }
+    to { transform: translateX(0); opacity: 1; }
+}
+
+@keyframes fadeOut {
+    from { opacity: 1; }
+    to { opacity: 0; }
+}
+
+/* Utilities */
+.hidden {
+    display: none !important;
+}
+
+.flex {
+    display: flex;
+}
+
+.items-center {
+    align-items: center;
+}
+
+.justify-between {
+    justify-content: space-between;
+}
+
+.gap-2 {
+    gap: 0.5rem;
+}
+
+.gap-4 {
+    gap: 1rem;
+}
+
+.mt-1 {
+    margin-top: 0.25rem;
+}
+
+.mt-2 {
+    margin-top: 0.5rem;
+}
+
+.mb-3 {
+    margin-bottom: 0.75rem;
+}
+
+.mb-4 {
+    margin-bottom: 1rem;
+}
+
+.mb-6 {
+    margin-bottom: 1.5rem;
+}
+
+.text-sm {
+    font-size: 0.875rem;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.text-muted {
+    color: hsl(var(--muted-foreground));
+}
+
+.font-medium {
+    font-weight: 500;
+}
+
+.font-semibold {
+    font-weight: 600;
+}
+
+.w-full {
+    width: 100%;
+}
+
+code {
+    background-color: hsl(var(--muted));
+    padding: 0.125rem 0.25rem;
+    border-radius: 0.25rem;
+    font-size: 0.875em;
+    font-family: 'Courier New', monospace;
+}
+
+/* Tab Content */
+.tab-content {
+    display: none;
+}
+
+.tab-content.active {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+
+/* Responsive */
+@media (max-width: 1024px) {
+    .sidebar {
+        transform: translateX(-100%);
+        transition: transform 0.3s;
+    }
+
+    .sidebar.mobile-open {
+        transform: translateX(0);
+    }
+
+    .main-content {
+        margin-left: 0;
+    }
+
+    .grid-cols-2,
+    .grid-cols-3,
+    .grid-cols-4 {
+        grid-template-columns: 1fr;
+    }
+}
+
+/* ===== Loading Overlay ===== */
+#loadingOverlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+    z-index: 9999;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    opacity: 0;
+    transition: opacity 0.2s;
+    pointer-events: none;
+}
+
+#loadingOverlay.active {
+    opacity: 1;
+    pointer-events: auto;
+}
+
+.loading-spinner {
+    width: 48px;
+    height: 48px;
+    border: 3px solid rgba(255, 255, 255, 0.2);
+    border-top-color: hsl(var(--primary));
+    border-radius: 50%;
+    animation: spin 0.8s linear infinite;
+}
+
+.loading-text {
+    margin-top: 1rem;
+    color: white;
+    font-size: 0.875rem;
+    font-weight: 500;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+/* ===== Item List Styles ===== */
+#tokenListView,
+#channelListView,
+#pricingContent {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+
+.item-list {
+    flex: 1;
+    overflow-y: auto;
+    padding: 1.5rem;
+    padding-right: 1.5rem;
+    min-height: 0;
+}
+
+.item-list::-webkit-scrollbar {
+    width: 6px;
+}
+
+.item-list::-webkit-scrollbar-track {
+    background: hsl(var(--muted));
+    border-radius: 3px;
+}
+
+.item-list::-webkit-scrollbar-thumb {
+    background: hsl(var(--border));
+    border-radius: 3px;
+}
+
+.item-list::-webkit-scrollbar-thumb:hover {
+    background: hsl(var(--muted-foreground));
+}
+
+.item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 18px 20px;
+    border: 1px solid hsl(var(--border));
+    border-radius: var(--radius);
+    margin-bottom: 12px;
+    background: hsl(var(--card));
+    transition: all 0.2s ease;
+}
+
+.item:hover {
+    border-color: hsl(var(--primary));
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+    transform: translateX(4px);
+}
+
+.item-info {
+    flex: 1;
+    min-width: 0;
+}
+
+.item-key {
+    font-weight: 600;
+    color: hsl(var(--foreground));
+    margin-bottom: 6px;
+    font-size: 15px;
+}
+
+.item-details {
+    font-size: 13px;
+    color: hsl(var(--muted-foreground));
+    line-height: 1.5;
+}
+
+.actions {
+    display: flex;
+    gap: 8px;
+    flex-shrink: 0;
+}
+
+.btn-danger {
+    background-color: hsl(var(--destructive));
+    color: hsl(var(--destructive-foreground));
+}
+
+.btn-danger:hover {
+    opacity: 0.9;
+}
diff --git a/public/index.html b/public/index.html
index 34e0f5e..813b4c5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,3096 +1,590 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
-
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AWSL One API 管理面板</title>
-    <link rel="icon"
-        href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🤖</text></svg>">
-    <style>
-        /* === CSS Custom Properties === */
-        :root {
-            --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            --primary-color: #6366f1;
-            --primary-dark: #4f46e5;
-            --primary-light: #818cf8;
-            --secondary-color: #8b5cf6;
-            --accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
-            --success-color: #10b981;
-            --success-light: #d1fae5;
-            --warning-color: #f59e0b;
-            --warning-light: #fef3c7;
-            --danger-color: #ef4444;
-            --danger-light: #fee2e2;
-            --text-primary: #1e293b;
-            --text-secondary: #64748b;
-            --text-muted: #94a3b8;
-            --bg-primary: #f8fafc;
-            --bg-secondary: #f1f5f9;
-            --bg-card: rgba(255, 255, 255, 0.9);
-            --border-color: #e2e8f0;
-            --border-light: #f1f5f9;
-            --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-            --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-            --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-            --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-            --shadow-glow: 0 0 40px rgba(99, 102, 241, 0.15);
-            --radius-sm: 8px;
-            --radius-md: 12px;
-            --radius-lg: 16px;
-            --radius-xl: 24px;
-            --transition-fast: 0.15s ease;
-            --transition-normal: 0.25s ease;
-            --transition-slow: 0.4s ease;
-        }
-
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-            background: var(--primary-gradient);
-            background-attachment: fixed;
-            min-height: 100vh;
-            padding: 24px;
-            line-height: 1.6;
-        }
-
-        /* === Container === */
-        .container {
-            max-width: 1280px;
-            margin: 0 auto;
-            background: white;
-            border-radius: var(--radius-xl);
-            box-shadow: var(--shadow-xl), var(--shadow-glow);
-            overflow: hidden;
-        }
-
-        /* === Header === */
-        .header {
-            background: var(--accent-gradient);
-            color: white;
-            padding: 28px 32px;
-            text-align: center;
-            position: relative;
-            overflow: hidden;
-        }
-
-        .header::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-            opacity: 0.5;
-        }
-
-        .header.compact {
-            padding: 18px 24px;
-        }
-
-        .header h1 {
-            font-size: 2rem;
-            font-weight: 700;
-            margin-bottom: 8px;
-            position: relative;
-            letter-spacing: -0.025em;
-        }
-
-        .header.compact h1 {
-            font-size: 1.5rem;
-            margin-bottom: 4px;
-        }
-
-        .header p {
-            margin-bottom: 0;
-            opacity: 0.9;
-            font-weight: 400;
-            position: relative;
-        }
-
-        .header.compact p {
-            font-size: 0.875rem;
-        }
-
-        .header-info {
-            position: absolute;
-            top: 18px;
-            left: 24px;
-            font-size: 13px;
-            opacity: 0.85;
-            z-index: 1;
-        }
-
-        .header-info a {
-            color: white;
-            text-decoration: none;
-            margin-right: 16px;
-            transition: opacity var(--transition-fast);
-            font-weight: 500;
-        }
-
-        .header-info a:hover {
-            opacity: 1;
-            text-decoration: none;
-        }
-
-        .header-info span {
-            background: rgba(255, 255, 255, 0.2);
-            padding: 4px 10px;
-            border-radius: 20px;
-            font-size: 12px;
-        }
-
-        /* === Auth Section === */
-        .auth-section {
-            padding: 80px 24px;
-            background: var(--bg-secondary);
-            text-align: center;
-        }
-
-        .auth-container {
-            max-width: 440px;
-            margin: 0 auto;
-            background: white;
-            padding: 48px 40px;
-            border-radius: var(--radius-lg);
-            box-shadow: var(--shadow-xl);
-            border: 1px solid var(--border-light);
-        }
-
-        .auth-title {
-            font-size: 1.75rem;
-            font-weight: 700;
-            margin-bottom: 32px;
-            color: var(--text-primary);
-            letter-spacing: -0.025em;
-        }
-
-        .auth-input {
-            width: 100%;
-            padding: 16px 18px;
-            border: 2px solid var(--border-color);
-            border-radius: var(--radius-md);
-            margin-bottom: 20px;
-            font-size: 15px;
-            transition: all var(--transition-normal);
-            background: var(--bg-primary);
-        }
-
-        .auth-input:focus {
-            outline: none;
-            border-color: var(--primary-color);
-            box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
-            background: white;
-        }
-
-        .auth-btn {
-            width: 100%;
-            padding: 16px;
-            background: var(--accent-gradient);
-            color: white;
-            border: none;
-            border-radius: var(--radius-md);
-            font-size: 15px;
-            font-weight: 600;
-            cursor: pointer;
-            transition: all var(--transition-normal);
-            position: relative;
-            overflow: hidden;
-        }
-
-        .auth-btn::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: -100%;
-            width: 100%;
-            height: 100%;
-            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
-            transition: left 0.5s ease;
-        }
-
-        .auth-btn:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 8px 25px rgba(99, 102, 241, 0.35);
-        }
-
-        .auth-btn:hover::before {
-            left: 100%;
-        }
-
-        .auth-btn:active {
-            transform: translateY(0);
-        }
-
-        /* === Tabs === */
-        .tabs {
-            display: flex;
-            background: var(--bg-secondary);
-            border-bottom: 1px solid var(--border-color);
-            padding: 4px;
-            gap: 4px;
-        }
-
-        .tab {
-            flex: 1;
-            padding: 14px 20px;
-            text-align: center;
-            cursor: pointer;
-            border: none;
-            background: transparent;
-            font-size: 14px;
-            font-weight: 500;
-            transition: all var(--transition-normal);
-            border-radius: var(--radius-sm);
-            color: var(--text-secondary);
-            position: relative;
-        }
-
-        .tab.active {
-            background: white;
-            color: var(--primary-color);
-            font-weight: 600;
-            box-shadow: var(--shadow-sm);
-        }
-
-        .tab:hover:not(.active) {
-            background: rgba(99, 102, 241, 0.05);
-            color: var(--primary-color);
-        }
-
-        .tab-content {
-            display: none;
-            padding: 32px;
-            animation: fadeIn 0.3s ease;
-        }
-
-        .tab-content.active {
-            display: block;
-        }
-
-        @keyframes fadeIn {
-            from { opacity: 0; transform: translateY(8px); }
-            to { opacity: 1; transform: translateY(0); }
-        }
-
-        /* === Buttons === */
-        .btn {
-            background: var(--accent-gradient);
-            color: white;
-            border: none;
-            padding: 10px 18px;
-            border-radius: var(--radius-sm);
-            cursor: pointer;
-            font-size: 13px;
-            font-weight: 600;
-            transition: all var(--transition-normal);
-            margin: 4px;
-            display: inline-flex;
-            align-items: center;
-            gap: 6px;
-            position: relative;
-            overflow: hidden;
-        }
-
-        .btn::before {
-            content: '';
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            width: 0;
-            height: 0;
-            background: rgba(255, 255, 255, 0.2);
-            border-radius: 50%;
-            transform: translate(-50%, -50%);
-            transition: width 0.4s ease, height 0.4s ease;
-        }
-
-        .btn:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 6px 20px rgba(99, 102, 241, 0.35);
-        }
-
-        .btn:hover::before {
-            width: 200%;
-            height: 200%;
-        }
-
-        .btn:active {
-            transform: translateY(0);
-        }
-
-        .btn-secondary {
-            background: transparent;
-            color: var(--primary-color);
-            border: 2px solid var(--primary-color);
-        }
-
-        .btn-secondary:hover {
-            background: rgba(99, 102, 241, 0.08);
-            box-shadow: 0 4px 15px rgba(99, 102, 241, 0.15);
-        }
-
-        .btn-secondary.btn-warning {
-            background: transparent;
-            color: var(--warning-color);
-            border: 2px solid var(--warning-color);
-        }
-
-        .btn-secondary.btn-warning:hover {
-            background: rgba(245, 158, 11, 0.08);
-            box-shadow: 0 4px 15px rgba(245, 158, 11, 0.2);
-        }
-
-        .btn-danger {
-            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
-        }
-
-        .btn-danger:hover {
-            box-shadow: 0 6px 20px rgba(239, 68, 68, 0.35);
-        }
-
-        .btn-warning {
-            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
-        }
-
-        .btn-warning:hover {
-            box-shadow: 0 6px 20px rgba(245, 158, 11, 0.35);
-        }
-
-        /* === Form Elements === */
-        .form-group {
-            margin-bottom: 24px;
-        }
-
-        .form-group label {
-            display: block;
-            margin-bottom: 8px;
-            font-weight: 600;
-            color: var(--text-primary);
-            font-size: 14px;
-        }
-
-        .form-control {
-            width: 100%;
-            padding: 12px 16px;
-            border: 2px solid var(--border-color);
-            border-radius: var(--radius-sm);
-            font-size: 14px;
-            transition: all var(--transition-normal);
-            background: var(--bg-primary);
-        }
-
-        .form-control:focus {
-            outline: none;
-            border-color: var(--primary-color);
-            box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
-            background: white;
-        }
-
-        select.form-control {
-            cursor: pointer;
-            background-color: var(--bg-primary);
-            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
-            background-repeat: no-repeat;
-            background-position: right 12px center;
-            padding-right: 36px;
-            appearance: none;
-        }
-
-        textarea.form-control {
-            resize: vertical;
-            min-height: 100px;
-        }
-
-        /* === Cards === */
-        .card {
-            background: white;
-            border: 1px solid var(--border-light);
-            border-radius: var(--radius-lg);
-            padding: 24px;
-            margin-bottom: 24px;
-            box-shadow: var(--shadow-md);
-            transition: all var(--transition-normal);
-        }
-
-        .card:hover {
-            box-shadow: var(--shadow-lg);
-        }
-
-        .card-header {
-            border-bottom: 1px solid var(--border-light);
-            padding-bottom: 16px;
-            margin-bottom: 24px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            flex-wrap: wrap;
-            gap: 12px;
-        }
-
-        .card-header div {
-            display: flex;
-            gap: 8px;
-            align-items: center;
-            flex-wrap: wrap;
-        }
-
-        .card-title {
-            font-size: 1.25rem;
-            font-weight: 700;
-            color: var(--text-primary);
-            letter-spacing: -0.025em;
-        }
-
-        /* === Item List === */
-        .item-list {
-            max-height: 480px;
-            overflow-y: auto;
-            padding-right: 4px;
-        }
-
-        .item-list::-webkit-scrollbar {
-            width: 6px;
-        }
-
-        .item-list::-webkit-scrollbar-track {
-            background: var(--bg-secondary);
-            border-radius: 3px;
-        }
-
-        .item-list::-webkit-scrollbar-thumb {
-            background: var(--border-color);
-            border-radius: 3px;
-        }
-
-        .item-list::-webkit-scrollbar-thumb:hover {
-            background: var(--text-muted);
-        }
-
-        .item {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 18px 20px;
-            border: 1px solid var(--border-light);
-            border-radius: var(--radius-md);
-            margin-bottom: 12px;
-            background: var(--bg-primary);
-            transition: all var(--transition-normal);
-        }
-
-        .item:hover {
-            border-color: var(--primary-light);
-            background: white;
-            box-shadow: var(--shadow-sm);
-            transform: translateX(4px);
-        }
-
-        .item-info {
-            flex: 1;
-            min-width: 0;
-        }
-
-        .item-key {
-            font-weight: 600;
-            color: var(--text-primary);
-            margin-bottom: 6px;
-            font-size: 15px;
-        }
-
-        .item-details {
-            font-size: 13px;
-            color: var(--text-secondary);
-            line-height: 1.5;
-        }
-
-        .actions {
-            display: flex;
-            gap: 8px;
-            flex-shrink: 0;
-        }
-
-        .copy-btn {
-            background: none;
-            border: none;
-            color: var(--primary-color);
-            cursor: pointer;
-            font-size: 12px;
-            margin-left: 5px;
-            padding: 4px 8px;
-            border-radius: var(--radius-sm);
-            transition: all var(--transition-fast);
-        }
-
-        .copy-btn:hover {
-            background-color: rgba(99, 102, 241, 0.1);
-        }
-
-        #tokenKeyActions {
-            display: flex;
-            gap: 8px;
-        }
-
-        #tokenKeyActions .btn {
-            white-space: nowrap;
-            min-width: 80px;
-            flex-shrink: 0;
-        }
-
-        /* === Alerts === */
-        .alert {
-            padding: 16px 20px;
-            border-radius: var(--radius-md);
-            margin-bottom: 20px;
-            font-weight: 500;
-            display: flex;
-            align-items: center;
-            gap: 12px;
-        }
-
-        .alert.alert-top {
-            position: fixed;
-            top: 24px;
-            left: 50%;
-            transform: translateX(-50%);
-            z-index: 9999;
-            max-width: 480px;
-            min-width: 320px;
-            margin-bottom: 0;
-            box-shadow: var(--shadow-xl);
-            animation: slideInDown 0.4s cubic-bezier(0.16, 1, 0.3, 1);
-            text-align: left;
-            backdrop-filter: blur(10px);
-        }
-
-        @keyframes slideInDown {
-            from {
-                opacity: 0;
-                transform: translateX(-50%) translateY(-30px) scale(0.95);
-            }
-            to {
-                opacity: 1;
-                transform: translateX(-50%) translateY(0) scale(1);
-            }
-        }
-
-        .alert-success {
-            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%);
-            color: #065f46;
-            border: 1px solid rgba(16, 185, 129, 0.3);
-        }
-
-        .alert-error {
-            background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%);
-            color: #991b1b;
-            border: 1px solid rgba(239, 68, 68, 0.3);
-        }
-
-        .loading {
-            text-align: center;
-            padding: 48px;
-            color: var(--text-secondary);
-        }
-
-        /* === Loading Overlay === */
-        #loadingOverlay {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: rgba(15, 23, 42, 0.6);
-            backdrop-filter: blur(8px);
-            z-index: 10002;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            color: white;
-            opacity: 0;
-            transition: opacity var(--transition-normal);
-            pointer-events: auto;
-            cursor: wait;
-        }
-
-        #mainContent.loading-active {
-            position: relative;
-            pointer-events: none;
-        }
-
-        #mainContent.loading-active #loadingOverlay {
-            pointer-events: auto;
-        }
-
-        #loadingOverlay .spinner {
-            width: 48px;
-            height: 48px;
-            border: 3px solid rgba(255, 255, 255, 0.2);
-            border-top-color: white;
-            border-radius: 50%;
-            animation: spin 0.8s linear infinite;
-            margin-bottom: 16px;
-        }
-
-        #loadingOverlay p {
-            margin-top: 8px;
-            font-size: 15px;
-            font-weight: 500;
-            opacity: 0.9;
-        }
-
-        .spinner {
-            border: 3px solid var(--border-color);
-            border-top: 3px solid var(--primary-color);
-            border-radius: 50%;
-            width: 40px;
-            height: 40px;
-            animation: spin 0.8s linear infinite;
-            margin: 0 auto 16px;
-        }
-
-        @keyframes spin {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-        }
-
-        @keyframes pulse {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.6; }
-        }
-
-        /* === Grid === */
-        .grid {
-            display: grid;
-            grid-template-columns: repeat(2, 1fr);
-            gap: 24px;
-        }
-
-        /* === Pricing Table === */
-        .pricing-table {
-            overflow-x: auto;
-            border-radius: var(--radius-md);
-        }
-
-        .pricing-table table {
-            min-width: 600px;
-            border-collapse: separate;
-            border-spacing: 0;
-        }
-
-        .pricing-table thead tr {
-            background: var(--bg-secondary);
-        }
-
-        .pricing-table th {
-            padding: 14px 16px;
-            text-align: left;
-            font-weight: 600;
-            color: var(--text-primary);
-            border-bottom: 2px solid var(--border-color);
-            font-size: 13px;
-            text-transform: uppercase;
-            letter-spacing: 0.05em;
-        }
-
-        .pricing-table td {
-            padding: 12px 16px;
-            border-bottom: 1px solid var(--border-light);
-        }
-
-        .pricing-table input[type="text"],
-        .pricing-table input[type="number"] {
-            width: 100%;
-            border: none;
-            background: transparent;
-            padding: 10px 12px;
-            font-size: 14px;
-            border-radius: var(--radius-sm);
-            transition: all var(--transition-fast);
-        }
-
-        .pricing-table input[type="text"]:focus,
-        .pricing-table input[type="number"]:focus {
-            outline: none;
-            background: white;
-            box-shadow: 0 0 0 2px var(--primary-color);
-        }
-
-        .pricing-table tr:hover td {
-            background-color: var(--bg-primary);
-        }
-
-        /* === Modal === */
-        .modal {
-            display: none;
-            position: fixed;
-            z-index: 10000;
-            left: 0;
-            top: 0;
-            width: 100%;
-            height: 100%;
-            background-color: rgba(15, 23, 42, 0.6);
-            backdrop-filter: blur(8px);
-        }
-
-        .modal-content {
-            background-color: white;
-            margin: 8% auto;
-            padding: 0;
-            border-radius: var(--radius-lg);
-            width: 90%;
-            max-width: 480px;
-            box-shadow: var(--shadow-xl), 0 0 60px rgba(99, 102, 241, 0.15);
-            animation: modalSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
-            overflow: hidden;
-        }
-
-        @keyframes modalSlideIn {
-            from {
-                opacity: 0;
-                transform: translateY(-40px) scale(0.95);
-            }
-            to {
-                opacity: 1;
-                transform: translateY(0) scale(1);
-            }
-        }
-
-        .modal-header {
-            background: var(--accent-gradient);
-            color: white;
-            padding: 24px 28px;
-            position: relative;
-        }
-
-        .modal-title {
-            font-size: 1.5rem;
-            font-weight: 700;
-            margin: 0;
-            letter-spacing: -0.025em;
-        }
-
-        .modal-close {
-            position: absolute;
-            top: 50%;
-            right: 20px;
-            transform: translateY(-50%);
-            background: rgba(255, 255, 255, 0.15);
-            border: none;
-            color: white;
-            width: 36px;
-            height: 36px;
-            border-radius: 50%;
-            font-size: 20px;
-            cursor: pointer;
-            transition: all var(--transition-fast);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .modal-close:hover {
-            background: rgba(255, 255, 255, 0.25);
-            transform: translateY(-50%) scale(1.1);
-        }
-
-        .modal-body {
-            padding: 32px 28px;
-        }
-
-        /* === Feature Cards on Home === */
-        .feature-card {
-            border-radius: var(--radius-md);
-            padding: 24px;
-            transition: all var(--transition-normal);
-            position: relative;
-            overflow: hidden;
-        }
-
-        .feature-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);
-            opacity: 0;
-            transition: opacity var(--transition-normal);
-        }
-
-        .feature-card:hover {
-            transform: translateY(-4px);
-            box-shadow: var(--shadow-lg);
-        }
-
-        .feature-card:hover::before {
-            opacity: 1;
-        }
-
-        /* === Quick Start Section === */
-        .quick-start {
-            background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
-            padding: 24px;
-            border-radius: var(--radius-md);
-            border-left: 4px solid var(--primary-color);
-        }
-
-        .quick-start h4 {
-            color: var(--text-primary);
-            font-size: 16px;
-            font-weight: 700;
-            margin-bottom: 16px;
-        }
-
-        .quick-start ol {
-            margin: 0;
-            padding-left: 20px;
-            color: var(--text-secondary);
-            font-size: 14px;
-        }
-
-        .quick-start li {
-            margin-bottom: 10px;
-            line-height: 1.6;
-        }
-
-        .quick-start li:last-child {
-            margin-bottom: 0;
-        }
-
-        /* === Responsive === */
-        @media (max-width: 768px) {
-            body {
-                padding: 12px;
-            }
-
-            .container {
-                border-radius: var(--radius-lg);
-            }
-
-            .grid {
-                grid-template-columns: 1fr;
-            }
-
-            .tabs {
-                flex-direction: column;
-                padding: 8px;
-            }
-
-            .tab {
-                padding: 12px 16px;
-            }
-
-            .tab-content {
-                padding: 20px;
-            }
-
-            .item {
-                flex-direction: column;
-                align-items: flex-start;
-                gap: 12px;
-            }
-
-            .actions {
-                width: 100%;
-                justify-content: flex-start;
-            }
-
-            .auth-container {
-                margin: 0 12px;
-                padding: 32px 24px;
-            }
-
-            .header-info {
-                position: static;
-                text-align: center;
-                margin-bottom: 12px;
-            }
-
-            .header h1 {
-                font-size: 1.5rem;
-            }
-
-            .header.compact h1 {
-                font-size: 1.25rem;
-            }
-
-            .auth-section {
-                padding: 48px 16px;
-            }
-
-            .card-header {
-                flex-direction: column;
-                align-items: flex-start;
-            }
-
-            .card-header div {
-                width: 100%;
-                justify-content: flex-start;
-            }
-
-            #loginPrompt > div {
-                flex-direction: column !important;
-                gap: 12px !important;
-            }
-
-            #loginPrompt > div > div:last-child {
-                width: 100%;
-                text-align: center;
-            }
-
-            #loginPrompt > div > div:first-child {
-                min-width: auto !important;
-                text-align: center;
-            }
-        }
-
-        /* === Utility Classes === */
-        .text-gradient {
-            background: var(--accent-gradient);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }
-
-        .glass {
-            background: rgba(255, 255, 255, 0.7);
-            backdrop-filter: blur(10px);
-            border: 1px solid rgba(255, 255, 255, 0.3);
-        }
-
-        /* === Smooth Scrollbar === */
-        ::-webkit-scrollbar {
-            width: 8px;
-            height: 8px;
-        }
-
-        ::-webkit-scrollbar-track {
-            background: var(--bg-secondary);
-        }
-
-        ::-webkit-scrollbar-thumb {
-            background: var(--border-color);
-            border-radius: 4px;
-        }
-
-        ::-webkit-scrollbar-thumb:hover {
-            background: var(--text-muted);
-        }
-
-        /* === Selection === */
-        ::selection {
-            background: rgba(99, 102, 241, 0.2);
-            color: var(--text-primary);
-        }
-    </style>
+    <title>AWSL One API - 管理控制台</title>
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🤖</text></svg>">
+    <link rel="stylesheet" href="/css/styles.css">
 </head>
-
 <body>
-    <div class="container">
-        <div class="header" id="mainHeader">
-            <div class="header-info">
-                <a href="https://github.com/dreamhunter2333/awsl-one-api" target="_blank">🔗 GitHub</a>
-                <span>v1.0.0</span>
+    <div class="app-container">
+        <!-- Sidebar -->
+        <aside class="sidebar" id="sidebar">
+            <div class="sidebar-header">
+                <div class="sidebar-brand">
+                    <span>🤖</span>
+                    <span>AWSL One API</span>
+                </div>
             </div>
-            <h1>🚀 Awsl One API</h1>
-            <p>管理面板 - 频道、令牌、定价管理</p>
-            <div id="logoutSection" style="display: none; position: absolute; top: 20px; right: 20px;">
-                <button class="btn btn-secondary btn-warning" onclick="confirmLogout()"
-                    style="font-size: 12px; padding: 8px 16px;">
-                    🚪 退出登录
+
+            <nav class="sidebar-nav">
+                <div class="nav-section">
+                    <div class="nav-section-title">主菜单</div>
+                    <button class="nav-item active" onclick="switchTab('dashboard')" data-tab="dashboard">
+                        <span class="nav-item-icon">📊</span>
+                        <span>仪表盘</span>
+                    </button>
+                    <button class="nav-item" onclick="switchTab('api-test')" data-tab="api-test">
+                        <span class="nav-item-icon">🧪</span>
+                        <span>API 测试</span>
+                    </button>
+                </div>
+
+                <div class="nav-section admin-only hidden">
+                    <div class="nav-section-title">管理</div>
+                    <button class="nav-item" onclick="switchTab('channels')" data-tab="channels">
+                        <span class="nav-item-icon">🔗</span>
+                        <span>频道管理</span>
+                    </button>
+                    <button class="nav-item" onclick="switchTab('tokens')" data-tab="tokens">
+                        <span class="nav-item-icon">🔑</span>
+                        <span>令牌管理</span>
+                    </button>
+                    <button class="nav-item" onclick="switchTab('pricing')" data-tab="pricing">
+                        <span class="nav-item-icon">💰</span>
+                        <span>定价管理</span>
+                    </button>
+                </div>
+
+                <div class="nav-section admin-only hidden">
+                    <div class="nav-section-title">系统</div>
+                    <button class="nav-item" onclick="switchTab('database')" data-tab="database">
+                        <span class="nav-item-icon">🗄️</span>
+                        <span>数据库</span>
+                    </button>
+                </div>
+            </nav>
+
+            <div class="sidebar-footer">
+                <div style="padding: 0.75rem 1rem; border-top: 1px solid hsl(var(--border)); display: flex; justify-content: space-between; align-items: center; font-size: 0.875rem; color: hsl(var(--muted-foreground)); margin-bottom: 0.75rem;">
+                    <a href="https://github.com/dreamhunter2333/awsl-one-api" target="_blank" style="color: hsl(var(--primary)); text-decoration: none; display: flex; align-items: center; gap: 0.25rem; transition: opacity 0.2s;">
+                        🔗 GitHub
+                    </a>
+                    <span>v1.0.0</span>
+                </div>
+                <button class="btn btn-outline w-full" onclick="toggleTheme()" style="justify-content: center; margin-bottom: 0.5rem;">
+                    <span id="themeIcon">🌙</span>
+                    <span style="margin-left: 0.5rem;">切换主题</span>
+                </button>
+                <button class="btn btn-outline w-full" onclick="toggleAuthModal()" id="authButton">
+                    🔑 管理员登录
                 </button>
             </div>
-        </div>
+        </aside>
 
-        <div id="authSection" class="auth-section" style="display: none;">
-            <div class="auth-container">
-                <div class="auth-title">管理员登录</div>
-                <form onsubmit="handleLogin(event)">
-                    <input type="password" id="adminToken" class="auth-input" placeholder="请输入管理员令牌" />
-                    <button type="submit" class="auth-btn">登录</button>
-                </form>
-            </div>
-        </div>
-
-        <!-- 登录模态框 -->
-        <div id="loginModal" class="modal">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h3 class="modal-title">🔐 管理员登录</h3>
-                    <button class="modal-close" onclick="closeLoginModal()">&times;</button>
+        <!-- Main Content -->
+        <main class="main-content">
+            <header class="main-header">
+                <div class="header-content">
+                    <h1 class="header-title" id="pageTitle">仪表盘</h1>
                 </div>
-                <div class="modal-body">
-                    <form onsubmit="handleModalLogin(event)">
-                        <div class="form-group">
-                            <label for="modalAdminToken">管理员令牌</label>
-                            <input type="password" id="modalAdminToken" class="form-control" placeholder="请输入管理员令牌"
-                                autocomplete="off" />
-                        </div>
-                        <button type="submit" class="btn" style="width: 100%; margin: 0;">
-                            🔑 登录
-                        </button>
-                    </form>
-                </div>
-            </div>
-        </div>
+            </header>
 
-        <div id="mainContent">
-            <div class="tabs">
-                <button class="tab" onclick="switchTab('home')">🏠 首页</button>
-                <button class="tab admin-only" onclick="switchTab('system')" style="display: none;">⚙️ 系统管理</button>
-                <button class="tab admin-only" onclick="switchTab('channels')" style="display: none;">🔗 频道管理</button>
-                <button class="tab admin-only" onclick="switchTab('tokens')" style="display: none;">🔑 令牌管理</button>
-                <button class="tab admin-only" onclick="switchTab('pricing')" style="display: none;">💰 定价管理</button>
-                <button class="tab admin-only" onclick="switchTab('api-test')" style="display: none;">🧪 API 测试</button>
-            </div>
-
-            <!-- Home Tab -->
-            <div id="home" class="tab-content">
-                <!-- 未登录时的登录提示 -->
-                <div id="loginPrompt" class="card"
-                    style="background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%); border-left: 4px solid var(--warning-color); margin-bottom: 24px; padding: 18px 20px; border-color: rgba(245, 158, 11, 0.2);">
-                    <div
-                        style="display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;">
-                        <div style="flex: 1; min-width: 200px;">
-                            <p style="margin: 0; color: #92400e; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 8px;">
-                                <span style="font-size: 18px;">💡</span> 要使用管理功能，请先进行身份验证
-                            </p>
-                        </div>
-                        <div style="flex-shrink: 0;">
-                            <button class="btn" onclick="showLoginModal()"
-                                style="background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: white; margin: 0; font-size: 13px; padding: 10px 18px;">
-                                🔑 立即登录
+            <div class="content-wrapper">
+                <!-- Dashboard Tab -->
+                <div id="dashboard" class="tab-content active">
+                    <div class="alert alert-info mb-6" id="loginPrompt">
+                        <div class="flex items-center justify-between">
+                            <div>
+                                <strong>💡 提示</strong>
+                                <p class="text-sm mt-1">要使用管理功能，请先进行身份验证</p>
+                            </div>
+                            <button class="btn btn-primary btn-sm" onclick="toggleAuthModal()">
+                                立即登录
                             </button>
                         </div>
                     </div>
-                </div>
 
-                <!-- 主要内容区域 -->
-                <div class="card">
-                    <div class="card-header">
-                        <h3 class="card-title" style="display: flex; align-items: center; gap: 10px;">
-                            <span style="font-size: 24px;">🚀</span> 欢迎使用 AWSL One API
-                        </h3>
-                    </div>
-                    <div style="margin-bottom: 32px;">
-                        <p style="font-size: 16px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px;">
-                            AWSL One API 是一个强大的 API 代理和管理平台，为您提供统一的 AI 模型接口管理服务。
-                        </p>
+                    <div class="card mb-6">
+                        <div class="card-header">
+                            <h2 class="card-title">欢迎使用 AWSL One API</h2>
+                            <p class="card-description">统一的 AI 模型接口管理服务</p>
+                        </div>
+                        <div class="card-content">
+                            <p class="mb-6">
+                                AWSL One API 是一个强大的 API 代理和管理平台，为您提供统一的 AI 模型接口管理服务。
+                            </p>
 
-                        <div class="grid" style="margin-bottom: 32px;">
-                            <div class="card feature-card"
-                                style="margin-bottom: 0; background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); color: white; border: none;">
-                                <h4 style="color: white; margin-bottom: 12px; font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 8px;">
-                                    <span style="font-size: 20px;">🔗</span> 频道管理
-                                </h4>
-                                <p style="margin: 0; opacity: 0.9; font-size: 14px; line-height: 1.6;">配置和管理 AI 服务提供商的 API 端点，支持 Azure OpenAI 等多种平台。</p>
-                            </div>
-                            <div class="card feature-card"
-                                style="margin-bottom: 0; background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%); color: white; border: none;">
-                                <h4 style="color: white; margin-bottom: 12px; font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 8px;">
-                                    <span style="font-size: 20px;">🔑</span> 令牌管理
-                                </h4>
-                                <p style="margin: 0; opacity: 0.9; font-size: 14px; line-height: 1.6;">生成和管理 API 访问令牌，控制用户访问权限和使用配额。</p>
-                            </div>
-                            <div class="card feature-card"
-                                style="margin-bottom: 0; background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; border: none;">
-                                <h4 style="color: white; margin-bottom: 12px; font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 8px;">
-                                    <span style="font-size: 20px;">💰</span> 定价管理
-                                </h4>
-                                <p style="margin: 0; opacity: 0.9; font-size: 14px; line-height: 1.6;">灵活配置不同 AI 模型的计费策略，精确控制使用成本。</p>
-                            </div>
-                            <div class="card feature-card"
-                                style="margin-bottom: 0; background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%); color: white; border: none;">
-                                <h4 style="color: white; margin-bottom: 12px; font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 8px;">
-                                    <span style="font-size: 20px;">🧪</span> API 测试
-                                </h4>
-                                <p style="margin: 0; opacity: 0.9; font-size: 14px; line-height: 1.6;">内置 API 测试工具，快速验证配置和调试接口问题。</p>
+                            <h3 class="font-semibold mb-4">核心特性</h3>
+                            <div class="grid grid-cols-2 gap-4">
+                                <div class="card">
+                                    <div class="card-content">
+                                        <h4 class="font-semibold mb-2">🌐 多提供商支持</h4>
+                                        <p class="text-sm text-muted">支持 OpenAI、Azure OpenAI 和 Claude API，轻松切换不同的 AI 服务。</p>
+                                    </div>
+                                </div>
+                                <div class="card">
+                                    <div class="card-content">
+                                        <h4 class="font-semibold mb-2">⚖️ 负载均衡</h4>
+                                        <p class="text-sm text-muted">自动在多个频道间分配请求，确保服务稳定性和高可用性。</p>
+                                    </div>
+                                </div>
+                                <div class="card">
+                                    <div class="card-content">
+                                        <h4 class="font-semibold mb-2">📊 用量追踪</h4>
+                                        <p class="text-sm text-muted">实时监控 token 使用情况，精确计算成本，防止超出配额。</p>
+                                    </div>
+                                </div>
+                                <div class="card">
+                                    <div class="card-content">
+                                        <h4 class="font-semibold mb-2">🔐 安全管理</h4>
+                                        <p class="text-sm text-muted">基于令牌的访问控制，为不同用户分配独立的 API 密钥。</p>
+                                    </div>
+                                </div>
                             </div>
                         </div>
+                    </div>
 
-                        <div class="quick-start">
-                            <h4>⚡ 快速开始</h4>
-                            <ol>
-                                <li>首先初始化数据库以设置必要的数据表结构</li>
-                                <li>在频道管理中添加您的 AI 服务提供商配置</li>
-                                <li>创建访问令牌并设置适当的权限和配额</li>
-                                <li>配置模型定价策略以控制使用成本</li>
-                                <li>使用 API 测试工具验证配置是否正常工作</li>
+                    <div class="card">
+                        <div class="card-header">
+                            <h3 class="card-title">快速开始</h3>
+                            <p class="card-description">按照以下步骤开始使用</p>
+                        </div>
+                        <div class="card-content">
+                            <ol style="list-style: decimal; padding-left: 1.5rem; line-height: 2;">
+                                <li><strong>管理员登录：</strong>使用管理员令牌登录系统</li>
+                                <li><strong>配置频道：</strong>添加 OpenAI、Azure 或 Claude API 频道</li>
+                                <li><strong>创建令牌：</strong>为您的应用创建 API 令牌</li>
+                                <li><strong>开始使用：</strong>使用生成的令牌调用 API</li>
                             </ol>
                         </div>
                     </div>
                 </div>
-            </div>
 
-            <!-- System Management Tab -->
-            <div id="system" class="tab-content">
-                <div class="card">
-                    <div class="card-header">
-                        <h3 class="card-title">⚙️ 系统管理</h3>
-                    </div>
-                    <p style="color: #4a5568; margin-bottom: 20px;">管理系统数据库，包括初始化表结构等操作。如果这是首次使用，请先进行数据库初始化。</p>
-                    <button class="btn" onclick="initializeDatabase()">🔄 初始化数据库</button>
-                </div>
-            </div>
-
-            <!-- Channels Tab -->
-            <div id="channels" class="tab-content">
-                <!-- Channel List View -->
-                <div id="channelListView">
+                <!-- API Test Tab -->
+                <div id="api-test" class="tab-content">
                     <div class="card">
                         <div class="card-header">
-                            <h3 class="card-title">频道列表</h3>
-                            <div>
-                                <button class="btn" onclick="showChannelForm()">➕ 添加频道</button>
-                                <button class="btn btn-secondary" onclick="loadChannels()">🔄 刷新</button>
-                            </div>
+                            <h2 class="card-title">API 测试</h2>
+                            <p class="card-description">测试您的 API 连接和配置</p>
                         </div>
-                        <div id="channelsList" class="item-list"></div>
-                    </div>
-                </div>
+                        <div class="card-content">
+                            <form id="apiTestForm" onsubmit="testAPI(event)">
+                                <div class="grid grid-cols-2">
+                                    <div class="form-group">
+                                        <label class="label">API 端点</label>
+                                        <select class="input" id="testEndpoint" onchange="updateRequestTemplate()">
+                                            <option value="/v1/chat/completions">/v1/chat/completions</option>
+                                            <option value="/v1/messages">/v1/messages</option>
+                                            <option value="/v1/completions">/v1/completions</option>
+                                        </select>
+                                    </div>
 
-                <!-- Channel Form View -->
-                <div id="channelFormView" style="display: none;">
-                    <div class="card">
-                        <div class="card-header">
-                            <h3 class="card-title" id="channelFormTitle">添加频道</h3>
-                            <div>
-                                <button class="btn btn-secondary" onclick="toggleChannelEditMode()"
-                                    id="channelModeToggle">📝
-                                    切换到JSON模式</button>
-                                <button class="btn" onclick="saveChannel()">💾 保存频道</button>
-                                <button class="btn btn-secondary" onclick="showChannelList()">← 返回列表</button>
-                            </div>
-                        </div>
-
-                        <!-- 共用标识字段 -->
-                        <div class="form-group">
-                            <label for="channelKey">频道标识</label>
-                            <input type="text" id="channelKey" class="form-control" placeholder="例如: azure-openai-1">
-                        </div>
-
-                        <!-- 表单模式 -->
-                        <div id="channelFormMode">
-                            <div class="form-group">
-                                <label for="channelName">频道名称</label>
-                                <input type="text" id="channelName" class="form-control"
-                                    placeholder="例如: My OpenAI Channel">
-                            </div>
-                            <div class="form-group">
-                                <label for="channelType">频道类型</label>
-                                <select id="channelType" class="form-control" onchange="toggleApiVersionField()">
-                                    <option value="azure-openai">Azure OpenAI</option>
-                                    <option value="openai">OpenAI</option>
-                                </select>
-                            </div>
-                            <div class="form-group">
-                                <label for="channelEndpoint">API 端点</label>
-                                <input type="text" id="channelEndpoint" class="form-control"
-                                    placeholder="例如: https://xxx.openai.azure.com/">
-                            </div>
-                            <div class="form-group">
-                                <label for="channelApiKey">API 密钥</label>
-                                <input type="password" id="channelApiKey" class="form-control"
-                                    placeholder="your-api-key">
-                            </div>
-                            <div class="form-group" id="apiVersionGroup">
-                                <label for="channelApiVersion">API 版本</label>
-                                <input type="text" id="channelApiVersion" class="form-control"
-                                    placeholder="例如: 2024-02-01">
-                            </div>
-                            <div class="form-group">
-                                <label for="deploymentMapper">模型部署映射 (JSON)</label>
-                                <textarea id="deploymentMapper" class="form-control" rows="4"
-                                    placeholder='{"gpt-35-turbo": "gpt-35-turbo", "gpt-4": "gpt-4"}'></textarea>
-                                <small style="color: #666; font-size: 12px;">配置模型名称映射关系（主要用于Azure OpenAI）</small>
-                            </div>
-                            <div class="form-group">
-                                <label for="additionalConfig">其他配置 (JSON，可选)</label>
-                                <textarea id="additionalConfig" class="form-control" rows="3"
-                                    placeholder='{"timeout": 30, "max_retries": 3}'></textarea>
-                                <small style="color: #666; font-size: 12px;">其他自定义配置参数</small>
-                            </div>
-                        </div>
-
-                        <!-- JSON模式 -->
-                        <div id="channelJsonMode" style="display: none;">
-                            <div class="form-group">
-                                <label for="channelValueJson">频道配置 (JSON)</label>
-                                <textarea id="channelValueJson" class="form-control" rows="15"
-                                    placeholder='{"name": "Azure OpenAI", "type": "azure-openai", "endpoint": "https://xxx.openai.azure.com/", "api_key": "your-api-key", "api_version": "2024-02-01", "deployment_mapper": {"gpt-35-turbo": "gpt-35-turbo", "gpt-4": "gpt-4"}}'></textarea>
-                                <small style="color: #666; font-size: 12px;">直接编辑完整的频道配置JSON</small>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Tokens Tab -->
-            <div id="tokens" class="tab-content">
-                <!-- Token List View -->
-                <div id="tokenListView">
-                    <div class="card">
-                        <div class="card-header">
-                            <h3 class="card-title">令牌列表</h3>
-                            <div>
-                                <button class="btn" onclick="showTokenForm()">➕ 添加令牌</button>
-                                <button class="btn btn-secondary" onclick="loadTokens()">🔄 刷新</button>
-                            </div>
-                        </div>
-                        <div id="tokensList" class="item-list"></div>
-                    </div>
-                </div>
-
-                <!-- Token Form View -->
-                <div id="tokenFormView" style="display: none;">
-                    <div class="card">
-                        <div class="card-header">
-                            <h3 class="card-title" id="tokenFormTitle">添加令牌</h3>
-                            <div>
-                                <button class="btn btn-secondary" onclick="toggleTokenEditMode()"
-                                    id="tokenModeToggle">📝
-                                    切换到JSON模式</button>
-                                <button class="btn" onclick="saveToken()">💾 保存令牌</button>
-                                <button class="btn btn-secondary" onclick="showTokenList()">← 返回列表</button>
-                            </div>
-                        </div>
-
-                        <!-- 共用标识字段 -->
-                        <div class="form-group">
-                            <label for="tokenKey">令牌标识</label>
-                            <div style="display: flex; gap: 10px; align-items: center;">
-                                <input type="text" id="tokenKey" class="form-control" placeholder="输入令牌标识或点击生成">
-                                <div id="tokenKeyActions">
-                                    <button type="button" id="generateTokenBtn" class="btn btn-secondary"
-                                        onclick="generateTokenKey()">🎲 生成</button>
-                                    <button type="button" id="copyTokenBtn" class="btn btn-secondary"
-                                        onclick="copyTokenKey()" style="display: none;">📋 复制</button>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- 表单模式 -->
-                        <div id="tokenFormMode">
-                            <div class="form-group">
-                                <label for="tokenName">令牌名称</label>
-                                <input type="text" id="tokenName" class="form-control" placeholder="例如: 用户令牌1">
-                            </div>
-                            <div class="form-group">
-                                <label for="channelKeysInput">允许访问的频道</label>
-                                <input type="text" id="channelKeysInput" class="form-control"
-                                    placeholder="输入频道标识，多个用逗号分隔，留空表示允许所有频道">
-                                <small style="color: #666; font-size: 12px;">例如: azure-openai-1, azure-openai-2
-                                    (留空表示允许访问所有频道)</small>
-                            </div>
-                            <div class="form-group">
-                                <label for="totalQuotaInput">总配额</label>
-                                <input type="number" id="totalQuotaInput" class="form-control" placeholder="1000000"
-                                    min="0" step="1">
-                                <div style="margin-top: 10px;">
-                                    <small
-                                        style="color: #666; font-size: 12px; display: block; margin-bottom: 8px;">快速选择:</small>
-                                    <div style="display: flex; gap: 5px; flex-wrap: wrap;">
-                                        <button type="button" class="btn btn-secondary"
-                                            style="padding: 6px 12px; font-size: 12px; margin: 0;"
-                                            onclick="setQuotaValue(1000000)">$1</button>
-                                        <button type="button" class="btn btn-secondary"
-                                            style="padding: 6px 12px; font-size: 12px; margin: 0;"
-                                            onclick="setQuotaValue(5000000)">$5</button>
-                                        <button type="button" class="btn btn-secondary"
-                                            style="padding: 6px 12px; font-size: 12px; margin: 0;"
-                                            onclick="setQuotaValue(10000000)">$10</button>
-                                        <button type="button" class="btn btn-secondary"
-                                            style="padding: 6px 12px; font-size: 12px; margin: 0;"
-                                            onclick="setQuotaValue(20000000)">$20</button>
-                                        <button type="button" class="btn btn-secondary"
-                                            style="padding: 6px 12px; font-size: 12px; margin: 0;"
-                                            onclick="setQuotaValue(50000000)">$50</button>
+                                    <div class="form-group">
+                                        <label class="label">API 令牌</label>
+                                        <input type="text" class="input" id="testApiToken" placeholder="sk-..." required>
                                     </div>
                                 </div>
-                                <small style="color: #666; font-size: 12px; margin-top: 8px; display: block;">设置令牌的总使用配额
-                                    (基础单位：1百万token =
-                                    $1.00，例如：输入1000000表示1美元的配额)</small>
+
+                                <div class="form-group">
+                                    <label class="label">请求体 (JSON)</label>
+                                    <textarea class="input" id="testRequestBody" rows="12" placeholder='{"model": "gpt-3.5-turbo", "messages": [...]}'></textarea>
+                                    <p class="text-sm text-muted mt-1">直接编辑 JSON 格式的请求体</p>
+                                </div>
+
+                                <button type="submit" class="btn btn-primary" id="testSubmitBtn">
+                                    🚀 发送请求
+                                </button>
+                            </form>
+
+                            <div id="testResult" class="hidden" style="margin-top: 1.5rem;">
+                                <div class="flex items-center justify-between mb-3">
+                                    <h3 class="font-semibold">响应结果</h3>
+                                    <div class="flex gap-2">
+                                        <span class="badge badge-secondary" id="testStatusBadge">等待中</span>
+                                        <span class="badge badge-outline" id="testTimeBadge">0ms</span>
+                                    </div>
+                                </div>
+                                <div class="card">
+                                    <div class="card-content">
+                                        <pre id="testResultContent" style="white-space: pre-wrap; word-wrap: break-word; font-size: 0.875rem; line-height: 1.6; max-height: 500px; overflow-y: auto;"></pre>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Channels Tab -->
+                <div id="channels" class="tab-content">
+                    <!-- Channel List View -->
+                    <div id="channelListView">
+                        <div class="card">
+                            <div class="card-header">
+                                <div class="flex gap-2">
+                                    <button class="btn btn-primary" onclick="showChannelForm()">➕ 添加频道</button>
+                                    <button class="btn btn-secondary" onclick="loadChannels()">🔄 刷新</button>
+                                </div>
+                            </div>
+                            <div id="channelsList" class="item-list"></div>
+                        </div>
+                    </div>
+
+                    <!-- Channel Form View -->
+                    <div id="channelFormView" style="display: none;">
+                        <div class="card">
+                            <div class="card-header">
+                                <h3 class="card-title" id="channelFormTitle">添加频道</h3>
+                                <div class="flex gap-2">
+                                    <button class="btn btn-secondary" onclick="toggleChannelEditMode()" id="channelModeToggle">📝 切换到JSON模式</button>
+                                    <button class="btn btn-primary" onclick="saveChannel()">💾 保存频道</button>
+                                    <button class="btn btn-secondary" onclick="showChannelList()">← 返回列表</button>
+                                </div>
+                            </div>
+
+                            <div class="card-content">
+                                <!-- Common Key Field -->
+                                <div class="form-group">
+                                    <label for="channelKey">频道标识</label>
+                                    <input type="text" id="channelKey" class="input" placeholder="例如: azure-openai-1">
+                                </div>
+
+                                <!-- Form Mode -->
+                                <div id="channelFormMode">
+                                    <div class="form-group">
+                                        <label for="channelName">频道名称</label>
+                                        <input type="text" id="channelName" class="input" placeholder="例如: Azure OpenAI">
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="channelType">频道类型</label>
+                                        <select id="channelType" class="input">
+                                            <option value="azure-openai">Azure OpenAI</option>
+                                            <option value="openai">OpenAI</option>
+                                            <option value="claude">Claude</option>
+                                        </select>
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="channelEndpoint">API 端点</label>
+                                        <input type="text" id="channelEndpoint" class="input" placeholder="https://your-resource.openai.azure.com/">
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="channelApiKey">API 密钥</label>
+                                        <input type="password" id="channelApiKey" class="input" placeholder="your-api-key">
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="channelApiVersion">API 版本（可选）</label>
+                                        <input type="text" id="channelApiVersion" class="input" placeholder="例如: 2024-02-01">
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="channelMapperTable">模型部署映射</label>
+                                        <div style="margin-bottom: 0.5rem;">
+                                            <button type="button" class="btn btn-secondary btn-sm" onclick="window.addMapperRow()">➕ 添加映射</button>
+                                        </div>
+                                        <div class="table-container">
+                                            <table class="table">
+                                                <thead>
+                                                    <tr>
+                                                        <th>请求模型名</th>
+                                                        <th>部署模型名</th>
+                                                        <th style="width: 100px; text-align: center;">操作</th>
+                                                    </tr>
+                                                </thead>
+                                                <tbody id="channelMapperTable">
+                                                    <tr>
+                                                        <td colspan="3" class="text-center text-muted">暂无映射，点击上方按钮添加</td>
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </div>
+                                        <p class="text-sm text-muted mt-1">配置模型名称映射关系（主要用于Azure OpenAI）。留空表示不进行映射</p>
+                                    </div>
+                                </div>
+
+                                <!-- JSON Mode -->
+                                <div id="channelJsonMode" style="display: none;">
+                                    <div class="form-group">
+                                        <label for="channelValueJson">频道配置 (JSON)</label>
+                                        <textarea id="channelValueJson" class="input" rows="15" placeholder='{"name": "Azure OpenAI", "type": "azure-openai", "endpoint": "https://xxx.openai.azure.com/", "api_key": "your-api-key", "api_version": "2024-02-01", "deployment_mapper": {"gpt-35-turbo": "gpt-35-turbo", "gpt-4": "gpt-4"}}'></textarea>
+                                        <p class="text-sm text-muted mt-1">直接编辑完整的频道配置JSON</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Tokens Tab -->
+                <div id="tokens" class="tab-content">
+                    <!-- Token List View -->
+                    <div id="tokenListView">
+                        <div class="card">
+                            <div class="card-header">
+                                <div class="flex gap-2">
+                                    <button class="btn btn-primary" onclick="showTokenForm()">➕ 添加令牌</button>
+                                    <button class="btn btn-secondary" onclick="loadTokens()">🔄 刷新</button>
+                                </div>
+                            </div>
+                            <div id="tokensList" class="item-list"></div>
+                        </div>
+                    </div>
+
+                    <!-- Token Form View -->
+                    <div id="tokenFormView" style="display: none;">
+                        <div class="card">
+                            <div class="card-header">
+                                <h3 class="card-title" id="tokenFormTitle">添加令牌</h3>
+                                <div class="flex gap-2">
+                                    <button class="btn btn-secondary" onclick="toggleTokenEditMode()" id="tokenModeToggle">📝 切换到JSON模式</button>
+                                    <button class="btn btn-primary" onclick="saveToken()">💾 保存令牌</button>
+                                    <button class="btn btn-secondary" onclick="showTokenList()">← 返回列表</button>
+                                </div>
+                            </div>
+
+                            <div class="card-content">
+                                <!-- Common Key Field -->
+                                <div class="form-group">
+                                    <label for="tokenKey">令牌标识</label>
+                                    <div class="flex gap-2">
+                                        <input type="text" id="tokenKey" class="input" placeholder="输入令牌标识或点击生成">
+                                        <button type="button" id="generateTokenBtn" class="btn btn-secondary" onclick="generateTokenKey()">🎲 生成</button>
+                                    </div>
+                                </div>
+
+                                <!-- Form Mode -->
+                                <div id="tokenFormMode">
+                                    <div class="form-group">
+                                        <label for="tokenName">令牌名称</label>
+                                        <input type="text" id="tokenName" class="input" placeholder="例如: 用户令牌1">
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="channelKeysSelect">允许访问的频道</label>
+                                        <div class="multi-select-wrapper">
+                                            <div class="multi-select-trigger" id="channelSelectTrigger" onclick="window.toggleChannelDropdown()">
+                                                <span class="multi-select-value" id="channelSelectValue">请选择频道...</span>
+                                                <span class="multi-select-arrow">▼</span>
+                                            </div>
+                                            <div class="multi-select-dropdown hidden" id="channelSelectDropdown">
+                                                <div class="multi-select-search">
+                                                    <input type="text" class="input" placeholder="搜索频道..." id="channelSearchInput" oninput="window.filterChannels()">
+                                                </div>
+                                                <div class="multi-select-options" id="channelOptionsContainer">
+                                                    <div class="multi-select-loading">加载中...</div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <p class="text-sm text-muted mt-1">不选表示允许访问所有频道</p>
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="totalQuotaInput">总配额</label>
+                                        <input type="number" id="totalQuotaInput" class="input" placeholder="1000000" min="0" step="1">
+                                        <div style="margin-top: 10px;">
+                                            <small class="text-sm text-muted" style="display: block; margin-bottom: 8px;">快速选择:</small>
+                                            <div style="display: flex; gap: 5px; flex-wrap: wrap;">
+                                                <button type="button" class="btn btn-secondary btn-sm" onclick="setQuotaValue(1000000)">$1</button>
+                                                <button type="button" class="btn btn-secondary btn-sm" onclick="setQuotaValue(5000000)">$5</button>
+                                                <button type="button" class="btn btn-secondary btn-sm" onclick="setQuotaValue(10000000)">$10</button>
+                                                <button type="button" class="btn btn-secondary btn-sm" onclick="setQuotaValue(20000000)">$20</button>
+                                                <button type="button" class="btn btn-secondary btn-sm" onclick="setQuotaValue(50000000)">$50</button>
+                                            </div>
+                                        </div>
+                                        <p class="text-sm text-muted mt-2">设置令牌的总使用配额 (基础单位：1百万token = $1.00，例如：输入1000000表示1美元的配额)</p>
+                                    </div>
+                                </div>
+
+                                <!-- JSON Mode -->
+                                <div id="tokenJsonMode" style="display: none;">
+                                    <div class="form-group">
+                                        <label for="tokenValueJson">令牌配置 (JSON)</label>
+                                        <textarea id="tokenValueJson" class="input" rows="10" placeholder='{"name": "用户令牌1", "channel_keys": ["azure-openai-1"], "total_quota": 1000000}'></textarea>
+                                        <p class="text-sm text-muted mt-1">直接编辑完整的令牌配置JSON</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Pricing Tab -->
+                <div id="pricing" class="tab-content">
+                    <div class="card">
+                        <div class="card-header">
+                            <div class="flex gap-2">
+                                <button class="btn btn-secondary" onclick="togglePricingEditMode()" id="pricingModeToggle">📝 切换到JSON模式</button>
+                                <button class="btn btn-secondary" onclick="addPricingModel()" id="addPricingModelBtn">➕ 添加模型</button>
+                                <button class="btn btn-primary" onclick="savePricing(event)">💾 更新定价</button>
+                                <button class="btn btn-secondary" onclick="loadPricing()">🔄 刷新</button>
                             </div>
                         </div>
 
-                        <!-- JSON模式 -->
-                        <div id="tokenJsonMode" style="display: none;">
-                            <div class="form-group">
-                                <label for="tokenValueJson">令牌配置 (JSON)</label>
-                                <textarea id="tokenValueJson" class="form-control" rows="12"
-                                    placeholder='{"name": "用户令牌1", "channel_keys": ["azure-openai-1", "azure-openai-2"], "total_quota": 1000000}'></textarea>
-                                <small style="color: #666; font-size: 12px;">直接编辑完整的令牌配置JSON</small>
+                        <div class="card-content">
+                            <div style="background: hsl(var(--accent)); padding: 15px; border-radius: 6px; margin-bottom: 20px; border-left: 4px solid hsl(var(--primary));">
+                                <h4 style="margin: 0 0 10px 0; color: hsl(var(--foreground)); font-size: 14px; font-weight: 600;">💡 定价说明</h4>
+                                <p style="margin: 0; font-size: 13px; color: hsl(var(--foreground)); line-height: 1.5;">
+                                    <strong>基础配额单位：1百万token = $1.00</strong> | 定价配置为不同模型相对于基础单位的倍率 | 例如：gpt-4的input倍率为30，表示1百万token消耗30美元配额
+                                </p>
+                            </div>
+
+                            <!-- Table Mode -->
+                            <div id="pricingTableMode">
+                                <div class="table-container">
+                                    <table class="table">
+                                        <thead>
+                                            <tr>
+                                                <th>模型名称</th>
+                                                <th>输入倍率</th>
+                                                <th>输出倍率</th>
+                                                <th style="width: 100px; text-align: center;">操作</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody id="pricingTableBody">
+                                            <tr>
+                                                <td colspan="4" class="text-center text-muted">加载中...</td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+
+                            <!-- JSON Mode -->
+                            <div id="pricingJsonMode" style="display: none;">
+                                <div class="form-group">
+                                    <label for="pricingConfigJson">定价配置 (JSON)</label>
+                                    <textarea class="input" id="pricingConfigJson" rows="15" placeholder='{"gpt-3.5-turbo": {"input": 0.001, "output": 0.002}, "gpt-4": {"input": 0.03, "output": 0.06}}'></textarea>
+                                    <p class="text-sm text-muted mt-2">配置格式：模型名称 -> {input: 输入倍率, output: 输出倍率}。倍率基于1百万token=$1.00计算</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Database Tab -->
+                <div id="database" class="tab-content">
+                    <div class="card">
+                        <div class="card-content">
+                            <div class="alert alert-warning mb-4">
+                                <strong>⚠️ 警告：</strong>
+                                <p class="text-sm mt-1">初始化数据库将创建必要的表结构。如果表已存在，操作将被忽略。</p>
+                            </div>
+
+                            <button class="btn btn-primary" onclick="initDatabase()">
+                                🗄️ 初始化数据库
+                            </button>
+
+                            <div id="dbResult" class="hidden" style="margin-top: 1.5rem;">
+                                <div class="card">
+                                    <div class="card-content">
+                                        <pre id="dbResultContent" style="white-space: pre-wrap; font-size: 0.875rem;"></pre>
+                                    </div>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
+        </main>
+    </div>
 
-            <!-- Pricing Tab -->
-            <div id="pricing" class="tab-content">
-                <div class="card">
-                    <div class="card-header">
-                        <h3 class="card-title">定价配置</h3>
-                        <div>
-                            <button class="btn btn-secondary" onclick="togglePricingEditMode()"
-                                id="pricingModeToggle">📝
-                                切换到JSON模式</button>
-                            <button class="btn btn-secondary" onclick="addPricingModel()" id="addPricingModelBtn">➕
-                                添加模型</button>
-                            <button class="btn" onclick="updatePricing()">💾 更新定价</button>
-                            <button class="btn btn-secondary" onclick="loadPricing()">🔄 刷新</button>
-                        </div>
-                    </div>
-                    <div
-                        style="background: #f8f9fa; padding: 15px; border-radius: 6px; margin-bottom: 20px; border-left: 4px solid #4c51bf;">
-                        <h4 style="margin: 0 0 10px 0; color: #2d3748; font-size: 14px;">💡 定价说明</h4>
-                        <p style="margin: 0; font-size: 13px; color: #4a5568; line-height: 1.5;">
-                            <strong>基础配额单位：1百万token = $1.00</strong> | 定价配置为不同模型相对于基础单位的倍率 |
-                            例如：gpt-4的input倍率为30，表示1百万token消耗30美元配额
-                        </p>
-                    </div>
-                    <div id="pricingContent">
-                        <!-- 表格模式 -->
-                        <div id="pricingTableMode" class="pricing-table">
-                            <table style="width: 100%; border-collapse: collapse; margin-top: 10px;">
-                                <thead>
-                                    <tr style="background-color: #f8f9fa; border-bottom: 2px solid #e9ecef;">
-                                        <th
-                                            style="padding: 12px; text-align: left; font-weight: 600; color: #2d3748; border: 1px solid #e9ecef;">
-                                            模型名称</th>
-                                        <th
-                                            style="padding: 12px; text-align: left; font-weight: 600; color: #2d3748; border: 1px solid #e9ecef;">
-                                            输入倍率</th>
-                                        <th
-                                            style="padding: 12px; text-align: left; font-weight: 600; color: #2d3748; border: 1px solid #e9ecef;">
-                                            输出倍率</th>
-                                        <th
-                                            style="padding: 12px; text-align: center; font-weight: 600; color: #2d3748; border: 1px solid #e9ecef; width: 100px;">
-                                            操作</th>
-                                    </tr>
-                                </thead>
-                                <tbody id="pricingTableBody">
-                                    <!-- 动态生成的定价行 -->
-                                </tbody>
-                            </table>
-                        </div>
-
-                        <!-- JSON模式 -->
-                        <div id="pricingJsonMode" style="display: none;">
-                            <div class="form-group">
-                                <label for="pricingConfigJson">定价配置 (JSON)</label>
-                                <textarea id="pricingConfigJson" class="form-control" rows="15"
-                                    placeholder='{"gpt-3.5-turbo": {"input": 0.001, "output": 0.002}, "gpt-4": {"input": 0.03, "output": 0.06}}'></textarea>
-                                <small style="color: #666; font-size: 12px; margin-top: 8px; display: block;">
-                                    配置格式：模型名称 -> {input: 输入倍率, output: 输出倍率}。倍率基于1百万token=$1.00计算
-                                </small>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+    <!-- Auth Modal -->
+    <div class="modal-overlay" id="authModal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2 class="modal-title">管理员身份验证</h2>
             </div>
-
-            <!-- API Test Tab -->
-            <div id="api-test" class="tab-content">
-                <div class="card">
-                    <div class="card-header">
-                        <h3 class="card-title">API 测试</h3>
-                        <div>
-                            <button class="btn" onclick="sendApiTest()">🚀 发送请求</button>
-                            <button class="btn btn-secondary" onclick="clearApiTest()">🧹 清空</button>
-                        </div>
+            <div class="modal-body">
+                <form id="authForm" onsubmit="authenticate(event)">
+                    <div class="form-group">
+                        <label class="label">管理员令牌</label>
+                        <input type="password" class="input" id="adminToken" placeholder="请输入管理员令牌" required>
                     </div>
-                    <div class="grid">
-                        <div>
-                            <div class="form-group">
-                                <label for="apiTestToken">Bearer Token</label>
-                                <input type="text" id="apiTestToken" class="form-control"
-                                    placeholder="输入你的 API Token (sk-...)">
-                                <small style="color: #666; font-size: 12px;">从令牌管理页面复制你的 API Token</small>
-                            </div>
-                            <div class="form-group">
-                                <label for="apiTestRequest">请求 JSON</label>
-                                <textarea id="apiTestRequest" class="form-control" rows="12" placeholder='输入请求 JSON...'>{
-  "model": "gpt-4",
-  "messages": [
-    {
-      "role": "user",
-      "content": "Hello, world!"
-    }
-  ]
-}</textarea>
-                                <small style="color: #666; font-size: 12px;">请求将发送到 /v1/chat/completions 端点</small>
-                            </div>
-                        </div>
-                        <div>
-                            <div class="form-group">
-                                <label for="apiTestResponse">响应 JSON</label>
-                                <textarea id="apiTestResponse" class="form-control" rows="16"
-                                    placeholder="API 响应将显示在这里..." readonly></textarea>
-                                <div id="apiTestStatus"
-                                    style="margin-top: 10px; padding: 10px; border-radius: 6px; display: none;"></div>
-                            </div>
-                        </div>
+                    <div id="authError" class="alert alert-error hidden">
+                        <strong>❌ 错误：</strong>
+                        <p class="text-sm mt-1" id="authErrorMessage"></p>
                     </div>
-                </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline" onclick="toggleAuthModal()">取消</button>
+                <button class="btn btn-primary" onclick="authenticate(event)">登录</button>
             </div>
         </div>
     </div>
 
-    <script>
-        // === 全局变量 ===
-        let adminToken = '';
-        let currentEditingChannel = null;
-        let currentEditingToken = null;
-
-        // === 通用工具函数 ===
-
-        // DOM元素操作工具类
-        const DOMUtils = {
-            // 获取元素并检查是否存在
-            getElement(id) {
-                const element = document.getElementById(id);
-                if (!element) {
-                    console.warn(`Element with id '${id}' not found`);
-                }
-                return element;
-            },
-
-            // 显示/隐藏元素
-            show(elementOrId) {
-                const element = typeof elementOrId === 'string' ? this.getElement(elementOrId) : elementOrId;
-                if (element) element.style.display = 'block';
-            },
-
-            hide(elementOrId) {
-                const element = typeof elementOrId === 'string' ? this.getElement(elementOrId) : elementOrId;
-                if (element) element.style.display = 'none';
-            },
-
-            // 切换class
-            toggleClass(elementOrId, className, force) {
-                const element = typeof elementOrId === 'string' ? this.getElement(elementOrId) : elementOrId;
-                if (element) {
-                    if (force !== undefined) {
-                        element.classList.toggle(className, force);
-                    } else {
-                        element.classList.toggle(className);
-                    }
-                }
-            },
-
-            // 清空输入框
-            clearInput(id) {
-                const element = this.getElement(id);
-                if (element) element.value = '';
-            },
-
-            // 设置输入框值
-            setValue(id, value) {
-                const element = this.getElement(id);
-                if (element) element.value = value || '';
-            },
-
-            // 获取输入框值
-            getValue(id) {
-                const element = this.getElement(id);
-                return element ? element.value.trim() : '';
-            },
-
-            // 聚焦元素
-            focus(id, delay = 0) {
-                const element = this.getElement(id);
-                if (element) {
-                    if (delay > 0) {
-                        setTimeout(() => element.focus(), delay);
-                    } else {
-                        element.focus();
-                    }
-                }
-            }
-        };
-
-        // 表单状态管理工具类
-        const FormUtils = {
-            // 设置输入框为只读状态
-            setReadonly(id, readonly = true) {
-                const element = DOMUtils.getElement(id);
-                if (element) {
-                    element.readOnly = readonly;
-                    element.disabled = readonly;
-                    element.style.cursor = readonly ? 'not-allowed' : 'text';
-                    element.style.backgroundColor = readonly ? '#f8f9fa' : '';
-                    element.placeholder = readonly ? '编辑时不可修改' : element.getAttribute('data-original-placeholder') || '';
-                }
-            },
-
-            // 保存原始placeholder
-            saveOriginalPlaceholder(id) {
-                const element = DOMUtils.getElement(id);
-                if (element && !element.getAttribute('data-original-placeholder')) {
-                    element.setAttribute('data-original-placeholder', element.placeholder);
-                }
-            },
-
-            // 验证必填字段
-            validateRequired(fields) {
-                for (const field of fields) {
-                    const value = DOMUtils.getValue(field.id);
-                    if (!value) {
-                        showAlert(field.message || `请填写${field.name}`, 'error');
-                        return false;
-                    }
-                }
-                return true;
-            },
-
-            // 验证JSON格式
-            validateJSON(jsonString, errorMessage = 'JSON格式错误') {
-                try {
-                    return JSON.parse(jsonString);
-                } catch (error) {
-                    showAlert(errorMessage, 'error');
-                    return null;
-                }
-            }
-        };
-
-        // Tab管理工具类
-        const TabUtils = {
-            // 激活tab
-            activateTab(tabName) {
-                // 隐藏所有tab内容
-                document.querySelectorAll('.tab-content').forEach(tab => tab.classList.remove('active'));
-                document.querySelectorAll('.tab').forEach(btn => btn.classList.remove('active'));
-
-                // 显示目标tab
-                const targetTab = DOMUtils.getElement(tabName);
-                if (targetTab) targetTab.classList.add('active');
-
-                // 激活对应按钮
-                const targetButton = document.querySelector(`.tab[onclick="switchTab('${tabName}')"]`);
-                if (targetButton) targetButton.classList.add('active');
-            },
-
-            // 设置管理员tabs可见性
-            setAdminTabsVisible(visible = true) {
-                document.querySelectorAll('.admin-only').forEach(tab => {
-                    tab.style.display = visible ? 'block' : 'none';
-                });
-            }
-        };
-
-        // 认证状态管理
-        const AuthManager = {
-            // 检查是否已登录
-            isAuthenticated() {
-                return !!adminToken;
-            },
-
-            // 设置token
-            setToken(token) {
-                adminToken = token;
-                localStorage.setItem('adminToken', token);
-            },
-
-            // 清除token
-            clearToken() {
-                adminToken = '';
-                localStorage.removeItem('adminToken');
-            },
-
-            // 从localStorage恢复token
-            restoreToken() {
-                const savedToken = localStorage.getItem('adminToken');
-                if (savedToken) {
-                    adminToken = savedToken;
-                    return true;
-                }
-                return false;
-            }
-        };
-
-        // === 认证相关函数 ===
-
-        // 显示登录模态框
-        function showLoginModal() {
-            DOMUtils.show('loginModal');
-            DOMUtils.clearInput('modalAdminToken');
-            DOMUtils.focus('modalAdminToken', 100);
-        }
-
-        // 关闭登录模态框
-        function closeLoginModal() {
-            DOMUtils.hide('loginModal');
-        }
-
-        // 处理模态框登录表单提交
-        function handleModalLogin(event) {
-            event.preventDefault();
-            authenticateFromModal();
-        }
-
-        // 模态框身份验证
-        function authenticateFromModal() {
-            const token = DOMUtils.getValue('modalAdminToken');
-            if (!token) {
-                showAlert('请输入管理员令牌', 'error');
-                return;
-            }
-
-            AuthManager.setToken(token);
-            closeLoginModal();
-            showMainContent();
-            showAlert('登录成功！', 'success');
-        }
-
-        // 显示登录页面 (保留兼容性)
-        function showLoginPage() {
-            showLoginModal();
-        }
-
-        // 显示主页面（未登录状态）
-        function showHomePage() {
-            DOMUtils.hide('authSection');
-            DOMUtils.show('mainContent');
-            DOMUtils.hide('logoutSection');
-            DOMUtils.toggleClass('mainHeader', 'compact', true);
-
-            // 显示登录提示
-            DOMUtils.show('loginPrompt');
-
-            // 隐藏管理员专用的tabs
-            TabUtils.setAdminTabsVisible(false);
-
-            // 激活首页tab
-            TabUtils.activateTab('home');
-        }
-
-        // 处理登录表单提交（支持回车键）
-        function handleLogin(event) {
-            event.preventDefault();
-            authenticate();
-        }
-
-        // Authentication
-        function authenticate() {
-            const token = DOMUtils.getValue('adminToken');
-            if (!token) {
-                showAlert('请输入管理员令牌', 'error');
-                return;
-            }
-
-            AuthManager.setToken(token);
-            showMainContent();
-        }
-
-        // 显示主内容区域（已登录状态）
-        function showMainContent() {
-            DOMUtils.hide('authSection');
-            DOMUtils.show('mainContent');
-            DOMUtils.show('logoutSection');
-            DOMUtils.toggleClass('mainHeader', 'compact', true);
-
-            // 隐藏登录提示
-            DOMUtils.hide('loginPrompt');
-
-            // 显示管理员专用的tabs
-            TabUtils.setAdminTabsVisible(true);
-
-            // 激活首页tab
-            TabUtils.activateTab('home');
-        }
-
-        // 确认退出登录
-        function confirmLogout() {
-            if (confirm('确定要退出登录吗？\n\n退出后您需要重新输入管理员令牌才能使用管理功能。')) {
-                logout();
-            }
-        }
-
-        // 退出登录
-        function logout() {
-            AuthManager.clearToken();
-            showHomePage();
-            DOMUtils.clearInput('adminToken');
-            showAlert('已退出登录', 'success');
-        }
-
-        // Tab switching
-        function switchTab(tabName) {
-            // 检查是否为管理员专用tab且用户未登录
-            const adminOnlyTabs = ['system', 'channels', 'tokens', 'pricing', 'api-test'];
-            if (adminOnlyTabs.includes(tabName) && !AuthManager.isAuthenticated()) {
-                showAlert('请先登录后再访问管理功能', 'error');
-                return;
-            }
-
-            // 隐藏所有表单视图，显示列表视图
-            if (tabName === 'channels') {
-                showChannelList();
-            } else if (tabName === 'tokens') {
-                showTokenList();
-            }
-
-            // 激活tab
-            TabUtils.activateTab(tabName);
-
-            // 切换tab时重新获取数据
-            const tabDataLoaders = {
-                'channels': loadChannels,
-                'tokens': loadTokens,
-                'pricing': loadPricing
-            };
-
-            const loader = tabDataLoaders[tabName];
-            if (loader) {
-                loader();
-            }
-        }
-
-        // === API请求工具函数 ===
-
-        // API request helper
-        async function apiRequest(url, method = 'GET', body = null, showGlobalLoading = true, loadingMessage = '正在处理请求...') {
-            const options = {
-                method,
-                headers: {
-                    'Content-Type': 'application/json',
-                    'x-admin-token': adminToken
-                }
-            };
-
-            if (body) {
-                options.body = JSON.stringify(body);
-            }
-
-            // 显示全局 loading
-            if (showGlobalLoading) {
-                showLoading(loadingMessage);
-            }
-
-            try {
-                const response = await fetch(url, options);
-                if (!response.ok) {
-                    const errorText = await response.text();
-                    throw new Error(`HTTP ${response.status}: ${errorText}`);
-                }
-
-                const result = await response.json();
-
-                // 处理 CommonResponse 格式
-                if (result.success === false) {
-                    throw new Error(result.message || '请求失败');
-                }
-
-                // 返回实际数据，如果有 data 字段则返回 data，否则返回整个结果
-                return result.data !== undefined ? result.data : result;
-            } catch (error) {
-                console.error('API Error:', error);
-                throw error;
-            } finally {
-                // 无论成功还是失败都隐藏 loading
-                if (showGlobalLoading) {
-                    hideLoading();
-                }
-            }
-        }
-
-        // Database functions
-        async function initializeDatabase() {
-            try {
-                await apiRequest('/api/admin/db_initialize', 'POST', null, true, '正在初始化数据库...');
-                showAlert('数据库初始化成功！', 'success');
-            } catch (error) {
-                showAlert(`数据库初始化失败: ${error.message}`, 'error');
-            }
-        }
-
-        // === 表单编辑模式管理 ===
-
-        // 编辑模式管理类
-        class EditModeManager {
-            constructor(formModeId, jsonModeId, toggleBtnId, formModeText, jsonModeText) {
-                this.formModeElement = DOMUtils.getElement(formModeId);
-                this.jsonModeElement = DOMUtils.getElement(jsonModeId);
-                this.toggleBtn = DOMUtils.getElement(toggleBtnId);
-                this.formModeText = formModeText;
-                this.jsonModeText = jsonModeText;
-                this.currentMode = 'form';
-            }
-
-            // 切换编辑模式
-            toggle(formToJsonConverter, jsonToFormConverter) {
-                if (this.currentMode === 'form') {
-                    this._switchToJsonMode(formToJsonConverter);
-                } else {
-                    this._switchToFormMode(jsonToFormConverter);
-                }
-            }
-
-            _switchToJsonMode(converter) {
-                if (converter) {
-                    const data = converter();
-                    if (data && this.jsonModeElement) {
-                        const textarea = this.jsonModeElement.querySelector('textarea');
-                        if (textarea) {
-                            textarea.value = JSON.stringify(data, null, 2);
-                        }
-                    }
-                }
-
-                DOMUtils.hide(this.formModeElement);
-                DOMUtils.show(this.jsonModeElement);
-                if (this.toggleBtn) this.toggleBtn.textContent = this.formModeText;
-                this.currentMode = 'json';
-            }
-
-            _switchToFormMode(converter) {
-                if (converter) {
-                    try {
-                        const textarea = this.jsonModeElement?.querySelector('textarea');
-                        const jsonValue = textarea?.value;
-                        if (jsonValue) {
-                            const parsed = JSON.parse(jsonValue);
-                            converter(parsed);
-                        }
-                    } catch (error) {
-                        console.warn('JSON格式错误，无法转换到表单模式:', error);
-                    }
-                }
-
-                DOMUtils.show(this.formModeElement);
-                DOMUtils.hide(this.jsonModeElement);
-                if (this.toggleBtn) this.toggleBtn.textContent = this.jsonModeText;
-                this.currentMode = 'form';
-            }
-
-            // 重置到表单模式
-            resetToFormMode() {
-                this.currentMode = 'form';
-                DOMUtils.show(this.formModeElement);
-                DOMUtils.hide(this.jsonModeElement);
-                if (this.toggleBtn) this.toggleBtn.textContent = this.jsonModeText;
-            }
-
-            // 获取当前模式
-            getCurrentMode() {
-                return this.currentMode;
-            }
-        }
-
-        // === CHANNEL FUNCTIONS ===
-
-        // 全局变量跟踪编辑模式
-        let channelEditMode = 'form';
-        let tokenEditMode = 'form';
-        let pricingEditMode = 'table';
-
-        // 创建频道编辑模式管理器
-        const channelModeManager = new EditModeManager(
-            'channelFormMode',
-            'channelJsonMode',
-            'channelModeToggle',
-            '📋 切换到表单模式',
-            '📝 切换到JSON模式'
-        );
-
-        // 切换频道编辑模式
-        function toggleChannelEditMode() {
-            channelModeManager.toggle(
-                collectChannelFormData,
-                (parsed) => {
-                    const key = DOMUtils.getValue('channelKey');
-                    fillChannelForm(key, parsed);
-                }
-            );
-            channelEditMode = channelModeManager.getCurrentMode();
-        }
-
-        // 收集频道表单数据
-        function collectChannelFormData() {
-            const requiredFields = [
-                { id: 'channelName', name: '频道名称' },
-                { id: 'channelEndpoint', name: 'API端点' },
-                { id: 'channelApiKey', name: 'API密钥' }
-            ];
-
-            // 检查必填字段
-            for (const field of requiredFields) {
-                if (!DOMUtils.getValue(field.id)) {
-                    return null;
-                }
-            }
-
-            const config = {
-                name: DOMUtils.getValue('channelName'),
-                type: DOMUtils.getValue('channelType'),
-                endpoint: DOMUtils.getValue('channelEndpoint'),
-                api_key: DOMUtils.getValue('channelApiKey')
-            };
-
-            // 可选字段
-            const apiVersion = DOMUtils.getValue('channelApiVersion');
-            if (apiVersion) {
-                config.api_version = apiVersion;
-            }
-
-            // 处理JSON字段
-            const deploymentMapperText = DOMUtils.getValue('deploymentMapper');
-            if (deploymentMapperText) {
-                const parsed = FormUtils.validateJSON(deploymentMapperText, '部署映射JSON格式错误');
-                if (parsed) config.deployment_mapper = parsed;
-            }
-
-            const additionalConfigText = DOMUtils.getValue('additionalConfig');
-            if (additionalConfigText) {
-                const parsed = FormUtils.validateJSON(additionalConfigText, '其他配置JSON格式错误');
-                if (parsed) Object.assign(config, parsed);
-            }
-
-            return config;
-        }
-
-        // 填充频道表单
-        function fillChannelForm(key, config) {
-            const fieldMappings = [
-                { id: 'channelKey', value: key },
-                { id: 'channelName', value: config.name },
-                { id: 'channelType', value: config.type },
-                { id: 'channelEndpoint', value: config.endpoint },
-                { id: 'channelApiKey', value: config.api_key },
-                { id: 'channelApiVersion', value: config.api_version }
-            ];
-
-            fieldMappings.forEach(field => DOMUtils.setValue(field.id, field.value));
-
-            // 处理特殊字段
-            if (config.deployment_mapper) {
-                DOMUtils.setValue('deploymentMapper', JSON.stringify(config.deployment_mapper, null, 2));
-            } else {
-                DOMUtils.clearInput('deploymentMapper');
-            }
-
-            // 处理其他配置
-            const additionalConfig = { ...config };
-            ['name', 'type', 'endpoint', 'api_key', 'api_version', 'deployment_mapper'].forEach(key => {
-                delete additionalConfig[key];
-            });
-
-            if (Object.keys(additionalConfig).length > 0) {
-                DOMUtils.setValue('additionalConfig', JSON.stringify(additionalConfig, null, 2));
-            } else {
-                DOMUtils.clearInput('additionalConfig');
-            }
-        }
-
-        // 切换API版本字段的显示状态
-        function toggleApiVersionField() {
-            const channelType = DOMUtils.getValue('channelType');
-            const apiVersionGroup = DOMUtils.getElement('apiVersionGroup');
-
-            if (channelType === 'azure-openai') {
-                DOMUtils.show(apiVersionGroup);
-            } else {
-                DOMUtils.hide(apiVersionGroup);
-                DOMUtils.clearInput('channelApiVersion');
-            }
-        }
-
-        // 显示频道列表
-        function showChannelList() {
-            DOMUtils.show('channelListView');
-            DOMUtils.hide('channelFormView');
-            currentEditingChannel = null;
-        }
-
-        // 显示频道表单
-        function showChannelForm(isEdit = false) {
-            DOMUtils.hide('channelListView');
-            DOMUtils.show('channelFormView');
-            DOMUtils.setValue('channelFormTitle', isEdit ? '编辑频道' : '添加频道');
-
-            if (!isEdit) {
-                clearChannelForm();
-            }
-        }
-
-        // 清空频道表单
-        function clearChannelForm() {
-            // 清空所有输入字段
-            const fieldIds = [
-                'channelKey', 'channelName', 'channelEndpoint',
-                'channelApiKey', 'channelApiVersion', 'deploymentMapper',
-                'additionalConfig', 'channelValueJson'
-            ];
-
-            fieldIds.forEach(id => DOMUtils.clearInput(id));
-
-            // 重置表单状态
-            FormUtils.setReadonly('channelKey', false);
-            DOMUtils.setValue('channelType', 'openai');
-            DOMUtils.getElement('channelKey').placeholder = '例如: openai-1';
-
-            // 重置编辑模式
-            channelModeManager.resetToFormMode();
-            channelEditMode = 'form';
-            currentEditingChannel = null;
-
-            // 确保API版本字段根据类型正确显示
-            toggleApiVersionField();
-        }
-
-        // 编辑频道
-        function editChannelFromList(key, originalValue) {
-            currentEditingChannel = key;
-
-            const parsed = FormUtils.validateJSON(originalValue, '频道配置格式错误');
-            if (!parsed) return;
-
-            // 设置key字段为只读
-            FormUtils.saveOriginalPlaceholder('channelKey');
-            FormUtils.setReadonly('channelKey', true);
-            DOMUtils.setValue('channelKey', key);
-
-            if (channelEditMode === 'form') {
-                fillChannelForm(key, parsed);
-            } else {
-                DOMUtils.setValue('channelValueJson', JSON.stringify(parsed, null, 2));
-            }
-
-            toggleApiVersionField();
-            showChannelForm(true);
-        }
-
-        // 保存频道
-        async function saveChannel() {
-            const key = DOMUtils.getValue('channelKey');
-            if (!key) {
-                showAlert('请填写频道标识', 'error');
-                return;
-            }
-
-            let config;
-            if (channelEditMode === 'form') {
-                config = collectChannelFormData();
-                if (!config) {
-                    showAlert('请填写所有必填字段（频道名称、端点、API密钥）', 'error');
-                    return;
-                }
-            } else {
-                const jsonValue = DOMUtils.getValue('channelValueJson');
-                if (!jsonValue) {
-                    showAlert('请填写配置JSON', 'error');
-                    return;
-                }
-                config = FormUtils.validateJSON(jsonValue, 'JSON格式错误，请检查配置格式');
-                if (!config) return;
-            }
-
-            try {
-                await apiRequest(`/api/admin/channel/${encodeURIComponent(key)}`, 'POST', config, true, '正在保存频道...');
-                showAlert('频道保存成功！', 'success');
-                clearChannelForm();
-                showChannelList();
-                loadChannels();
-            } catch (error) {
-                showAlert(`保存频道失败: ${error.message}`, 'error');
-            }
-        }
-
-        // Channel functions
-        async function loadChannels() {
-            try {
-                const channels = await apiRequest('/api/admin/channel', 'GET', null, true);
-                displayChannels(channels);
-            } catch (error) {
-                DOMUtils.getElement('channelsList').innerHTML = `<div class="alert alert-error">加载频道失败: ${error.message}</div>`;
-            }
-        }
-
-        async function deleteChannel(key) {
-            if (!confirm('确定要删除这个频道吗？')) return;
-
-            try {
-                await apiRequest(`/api/admin/channel/${encodeURIComponent(key)}`, 'DELETE', null, true, '正在删除频道...');
-                showAlert('频道删除成功！', 'success');
-                loadChannels();
-            } catch (error) {
-                showAlert(`删除频道失败: ${error.message}`, 'error');
-            }
-        }
-
-        // 显示频道列表的通用函数
-        function displayChannels(channels) {
-            const container = DOMUtils.getElement('channelsList');
-            if (!container) return;
-
-            // 处理空数据的情况
-            if (!channels || !Array.isArray(channels) || channels.length === 0) {
-                container.innerHTML = '<div class="alert alert-error">暂无频道数据</div>';
-                return;
-            }
-
-            container.innerHTML = channels.map(item => {
-                let parsedValue = {};
-                try {
-                    parsedValue = JSON.parse(item.value);
-                } catch {
-                    parsedValue = { name: 'Invalid JSON', type: 'azure-openai', endpoint: '' };
-                }
-
-                const name = parsedValue.name || 'No name';
-                const type = parsedValue.type || 'Unknown';
-                const endpoint = (parsedValue.endpoint || '');
-                const endpointDisplay = endpoint.length > 50 ? endpoint.substring(0, 50) + '...' : endpoint;
-
-                return `
-                    <div class="item">
-                        <div class="item-info">
-                            <div class="item-key">${name}</div>
-                            <div class="item-details">
-                                ${item.key || 'Unknown'} | 类型: ${type} | 端点: ${endpointDisplay}
-                            </div>
-                        </div>
-                        <div class="actions">
-                            <button class="btn btn-secondary" onclick="editChannelFromList('${item.key}', '${item.value.replace(/'/g, '\\\'').replace(/"/g, '&quot;')}')">✏️ 编辑</button>
-                            <button class="btn btn-danger" onclick="deleteChannel('${item.key}')">🗑️ 删除</button>
-                        </div>
+    <!-- Add Channel Modal -->
+    <div class="modal-overlay" id="addChannelModal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2 class="modal-title">添加频道</h2>
+            </div>
+            <div class="modal-body">
+                <form id="addChannelForm">
+                    <div class="form-group">
+                        <label class="label">频道 Key</label>
+                        <input type="text" class="input" id="channelKey" placeholder="channel-1" required>
                     </div>
-                `;
-            }).join('');
-        }
-
-        // === TOKEN FUNCTIONS ===
-
-        // 创建令牌编辑模式管理器
-        const tokenModeManager = new EditModeManager(
-            'tokenFormMode',
-            'tokenJsonMode',
-            'tokenModeToggle',
-            '📋 切换到表单模式',
-            '📝 切换到JSON模式'
-        );
-
-        // 切换令牌编辑模式
-        function toggleTokenEditMode() {
-            tokenModeManager.toggle(
-                () => {
-                    const formData = collectTokenFormData();
-                    delete formData.key; // 从配置中移除key，因为key现在是共用的
-                    return formData;
-                },
-                (parsed) => {
-                    const key = DOMUtils.getValue('tokenKey');
-                    fillTokenForm(key, parsed);
-                }
-            );
-            tokenEditMode = tokenModeManager.getCurrentMode();
-        }
-
-        // 收集令牌表单数据
-        function collectTokenFormData() {
-            const channelKeysInput = DOMUtils.getValue('channelKeysInput');
-            const channelKeys = channelKeysInput
-                ? channelKeysInput.split(',').map(key => key.trim()).filter(key => key.length > 0)
-                : [];
-
-            return {
-                key: DOMUtils.getValue('tokenKey'),
-                name: DOMUtils.getValue('tokenName'),
-                channel_keys: channelKeys,
-                total_quota: parseFloat(DOMUtils.getValue('totalQuotaInput')) || 0
-            };
-        }
-
-        // 填充令牌表单
-        function fillTokenForm(key, config) {
-            DOMUtils.setValue('tokenName', config.name);
-            DOMUtils.setValue('tokenKey', key);
-
-            const channelKeysStr = config.channel_keys && Array.isArray(config.channel_keys)
-                ? config.channel_keys.join(', ')
-                : '';
-            DOMUtils.setValue('channelKeysInput', channelKeysStr);
-            DOMUtils.setValue('totalQuotaInput', config.total_quota);
-        }
-
-        // Token按钮状态管理类
-        class TokenButtonManager {
-            static setEditMode(isEdit) {
-                const tokenKeyInput = DOMUtils.getElement('tokenKey');
-                const generateBtn = DOMUtils.getElement('generateTokenBtn');
-                const copyBtn = DOMUtils.getElement('copyTokenBtn');
-
-                if (isEdit) {
-                    // 编辑模式：只显示复制按钮，token key 不可编辑
-                    FormUtils.setReadonly('tokenKey', true);
-                    DOMUtils.hide(generateBtn);
-                    DOMUtils.show(copyBtn);
-                } else {
-                    // 创建模式：显示生成按钮，token key 可编辑
-                    FormUtils.setReadonly('tokenKey', false);
-                    DOMUtils.show(generateBtn);
-                    DOMUtils.hide(copyBtn);
-                    if (tokenKeyInput) {
-                        tokenKeyInput.placeholder = '输入令牌标识或点击生成';
-                    }
-                }
-            }
-        }
-
-        // 显示令牌列表
-        function showTokenList() {
-            DOMUtils.show('tokenListView');
-            DOMUtils.hide('tokenFormView');
-            currentEditingToken = null;
-        }
-
-        // 显示令牌表单
-        function showTokenForm(isEdit = false) {
-            DOMUtils.hide('tokenListView');
-            DOMUtils.show('tokenFormView');
-
-            const titleElement = DOMUtils.getElement('tokenFormTitle');
-            if (titleElement) titleElement.textContent = isEdit ? '编辑令牌' : '添加令牌';
-
-            TokenButtonManager.setEditMode(isEdit);
-
-            if (!isEdit) {
-                clearTokenForm();
-                generateTokenKey(); // 自动生成token标识
-            }
-        }
-
-        // 清空令牌表单
-        function clearTokenForm() {
-            // 清空所有字段
-            const fieldIds = ['tokenName', 'channelKeysInput', 'totalQuotaInput', 'tokenValueJson'];
-            fieldIds.forEach(id => DOMUtils.clearInput(id));
-
-            // 重置token key输入框状态
-            FormUtils.saveOriginalPlaceholder('tokenKey');
-            FormUtils.setReadonly('tokenKey', false);
-            DOMUtils.clearInput('tokenKey');
-
-            const tokenKeyInput = DOMUtils.getElement('tokenKey');
-            if (tokenKeyInput) {
-                tokenKeyInput.placeholder = '输入令牌标识或点击生成';
-            }
-
-            // 重置编辑模式
-            tokenModeManager.resetToFormMode();
-            tokenEditMode = 'form';
-            currentEditingToken = null;
-        }
-
-        // 生成token key
-        function generateTokenKey() {
-            const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-            let result = 'sk-';
-            for (let i = 0; i < 48; i++) {
-                result += chars.charAt(Math.floor(Math.random() * chars.length));
-            }
-            DOMUtils.setValue('tokenKey', result);
-        }
-
-        // 复制token key
-        function copyTokenKey() {
-            const tokenKey = DOMUtils.getValue('tokenKey');
-            if (!tokenKey) {
-                showAlert('请先生成令牌标识', 'error');
-                return;
-            }
-            copyToClipboard(tokenKey);
-        }
-
-        // 设置配额值
-        function setQuotaValue(value) {
-            DOMUtils.setValue('totalQuotaInput', value);
-        }
-
-        // 从列表编辑令牌
-        function editTokenFromList(key, originalValue) {
-            currentEditingToken = key;
-
-            const parsed = FormUtils.validateJSON(originalValue, '令牌配置格式错误');
-            if (!parsed) return;
-
-            // 设置key字段状态
-            FormUtils.saveOriginalPlaceholder('tokenKey');
-            FormUtils.setReadonly('tokenKey', true);
-            DOMUtils.setValue('tokenKey', key);
-
-            // 根据模式填充数据
-            if (tokenEditMode === 'form') {
-                fillTokenForm(key, parsed);
-            } else {
-                DOMUtils.setValue('tokenValueJson', JSON.stringify(parsed, null, 2));
-            }
-
-            TokenButtonManager.setEditMode(true);
-            showTokenForm(true);
-        }
-
-        // 保存令牌
-        async function saveToken() {
-            const key = DOMUtils.getValue('tokenKey');
-            if (!key) {
-                showAlert('请填写令牌标识', 'error');
-                return;
-            }
-
-            let config;
-            if (tokenEditMode === 'form') {
-                const formData = collectTokenFormData();
-                config = {
-                    name: formData.name,
-                    channel_keys: formData.channel_keys,
-                    total_quota: formData.total_quota
-                };
-
-                // 验证必填字段
-                if (!FormUtils.validateRequired([
-                    { id: 'tokenName', name: '令牌名称', message: '请填写令牌名称' }
-                ])) {
-                    return;
-                }
-
-                if (!formData.total_quota || isNaN(formData.total_quota) || formData.total_quota < 0) {
-                    showAlert('请输入有效的总配额数值', 'error');
-                    return;
-                }
-            } else {
-                const jsonValue = DOMUtils.getValue('tokenValueJson');
-                if (!jsonValue) {
-                    showAlert('请填写配置JSON', 'error');
-                    return;
-                }
-                config = FormUtils.validateJSON(jsonValue, 'JSON格式错误，请检查配置格式');
-                if (!config) return;
-            }
-
-            try {
-                await apiRequest(`/api/admin/token/${encodeURIComponent(key)}`, 'POST', config, true, '正在保存令牌...');
-                showAlert('令牌保存成功！', 'success');
-                clearTokenForm();
-                showTokenList();
-                loadTokens();
-            } catch (error) {
-                showAlert(`保存令牌失败: ${error.message}`, 'error');
-            }
-        }
-
-        // Token functions
-        async function loadTokens() {
-            try {
-                const tokens = await apiRequest('/api/admin/token', 'GET', null, true);
-                displayTokens(tokens);
-            } catch (error) {
-                DOMUtils.getElement('tokensList').innerHTML = `<div class="alert alert-error">加载令牌失败: ${error.message}</div>`;
-            }
-        }
-
-        async function deleteToken(key) {
-            if (!confirm('确定要删除这个令牌吗？')) return;
-
-            try {
-                await apiRequest(`/api/admin/token/${encodeURIComponent(key)}`, 'DELETE', null, true, '正在删除令牌...');
-                showAlert('令牌删除成功！', 'success');
-                loadTokens();
-            } catch (error) {
-                showAlert(`删除令牌失败: ${error.message}`, 'error');
-            }
-        }
-
-        // 显示令牌列表的通用函数
-        function displayTokens(tokens) {
-            const container = DOMUtils.getElement('tokensList');
-            if (!container) return;
-
-            // 处理空数据的情况
-            if (!tokens || !Array.isArray(tokens) || tokens.length === 0) {
-                container.innerHTML = '<div class="alert alert-error">暂无令牌数据</div>';
-                return;
-            }
-
-            container.innerHTML = tokens.map(item => {
-                let parsedValue = {};
-                try {
-                    parsedValue = JSON.parse(item.value);
-                } catch {
-                    parsedValue = { name: 'Invalid JSON', channel_keys: ['Invalid JSON'], total_quota: 0 };
-                }
-
-                // 处理 channel_keys 显示
-                const channelsDisplay = parsedValue.channel_keys && parsedValue.channel_keys.length > 0
-                    ? parsedValue.channel_keys.join(', ')
-                    : '所有频道';
-
-                // 将配额转换为美元显示
-                const totalQuotaValue = parsedValue.total_quota || 0;
-                const quotaInDollars = (totalQuotaValue / 1000000).toFixed(2);
-                const usageValue = item.usage || 0;
-                const usageInDollars = (usageValue / 1000000).toFixed(2);
-
-                const tokenName = parsedValue.name || '未命名';
-
-                return `
-                    <div class="item">
-                        <div class="item-info">
-                            <div class="item-key">${tokenName}</div>
-                            <div class="item-details">
-                                频道: ${channelsDisplay} | 配额: $${quotaInDollars} | 已用: $${usageInDollars}
-                            </div>
-                        </div>
-                        <div class="actions">
-                            <button class="btn btn-secondary" onclick="copyToClipboard('${item.key}')" title="复制token">📋 复制</button>
-                            <button class="btn btn-secondary" onclick="editTokenFromList('${item.key}', '${item.value.replace(/'/g, '\\\'').replace(/"/g, '&quot;')}')">✏️ 编辑</button>
-                            <button class="btn btn-danger" onclick="deleteToken('${item.key}')">🗑️ 删除</button>
-                        </div>
+                    <div class="form-group">
+                        <label class="label">频道名称</label>
+                        <input type="text" class="input" id="channelName" placeholder="My Channel" required>
                     </div>
-                `;
-            }).join('');
-        }
-
-        // === PRICING FUNCTIONS ===
-
-        // 创建定价编辑模式管理器
-        const pricingModeManager = new EditModeManager(
-            'pricingTableMode',
-            'pricingJsonMode',
-            'pricingModeToggle',
-            '📊 切换到表格模式',
-            '📝 切换到JSON模式'
-        );
-
-        // 切换定价编辑模式
-        function togglePricingEditMode() {
-            const addBtn = DOMUtils.getElement('addPricingModelBtn');
-
-            pricingModeManager.toggle(
-                collectPricingTableData,
-                (parsed) => displayPricingTable(parsed)
-            );
-
-            pricingEditMode = pricingModeManager.getCurrentMode();
-
-            // 控制添加模型按钮的显示
-            if (addBtn) {
-                if (pricingEditMode === 'table') {
-                    DOMUtils.show(addBtn);
-                } else {
-                    DOMUtils.hide(addBtn);
-                }
-            }
-        }
-
-        // 收集定价表格数据
-        function collectPricingTableData() {
-            const tbody = DOMUtils.getElement('pricingTableBody');
-            const config = {};
-
-            if (!tbody) return config;
-
-            Array.from(tbody.children).forEach((row) => {
-                const inputs = row.querySelectorAll('input');
-                if (inputs.length < 3) return;
-
-                const modelName = inputs[0].value.trim();
-                const inputPrice = parseFloat(inputs[1].value) || 0;
-                const outputPrice = parseFloat(inputs[2].value) || 0;
-
-                if (modelName) {
-                    config[modelName] = {
-                        input: inputPrice,
-                        output: outputPrice
-                    };
-                }
-            });
-
-            return config;
-        }
-
-        // 添加新的定价模型行
-        function addPricingModel() {
-            const tbody = DOMUtils.getElement('pricingTableBody');
-            if (!tbody) return;
-
-            const rowIndex = tbody.children.length;
-            const row = document.createElement('tr');
-            row.style.borderBottom = '1px solid #e9ecef';
-            row.innerHTML = `
-                <td style="padding: 12px; border: 1px solid #e9ecef;">
-                    <input type="text" class="form-control" placeholder="例如: gpt-4"
-                           onchange="validatePricingRow(${rowIndex})" style="border: none; padding: 8px; background: transparent;">
-                </td>
-                <td style="padding: 12px; border: 1px solid #e9ecef;">
-                    <input type="number" class="form-control" placeholder="0.03" step="0.001" min="0"
-                           onchange="validatePricingRow(${rowIndex})" style="border: none; padding: 8px; background: transparent;">
-                </td>
-                <td style="padding: 12px; border: 1px solid #e9ecef;">
-                    <input type="number" class="form-control" placeholder="0.06" step="0.001" min="0"
-                           onchange="validatePricingRow(${rowIndex})" style="border: none; padding: 8px; background: transparent;">
-                </td>
-                <td style="padding: 12px; border: 1px solid #e9ecef; text-align: center;">
-                    <button class="btn btn-danger" onclick="removePricingRow(this)" style="font-size: 12px; padding: 6px 12px; white-space: nowrap;">🗑️ 删除</button>
-                </td>
-            `;
-            tbody.appendChild(row);
-        }
-
-        // 删除定价模型行
-        function removePricingRow(button) {
-            const row = button.closest('tr');
-            if (row) row.remove();
-        }
-
-        // 验证定价行数据
-        function validatePricingRow(rowIndex) {
-            // 这里可以添加验证逻辑，比如检查模型名称是否重复等
-        }
-
-        // Pricing functions
-        async function loadPricing() {
-            try {
-                const pricing = await apiRequest('/api/admin/pricing', 'GET', null, true);
-                const addBtn = DOMUtils.getElement('addPricingModelBtn');
-
-                if (pricingEditMode === 'table') {
-                    displayPricingTable(pricing);
-                    if (addBtn) DOMUtils.show(addBtn);
-                } else {
-                    DOMUtils.setValue('pricingConfigJson', JSON.stringify(pricing, null, 2));
-                    if (addBtn) DOMUtils.hide(addBtn);
-                }
-            } catch (error) {
-                // 失败时显示错误信息并重新创建表格结构
-                if (pricingEditMode === 'table') {
-                    const pricingContent = DOMUtils.getElement('pricingContent');
-                    if (pricingContent) {
-                        pricingContent.innerHTML = `
-                            <div class="alert alert-error">加载定价配置失败: ${error.message}</div>
-                            <div id="pricingTableMode" class="pricing-table">
-                                <table style="width: 100%; border-collapse: collapse; margin-top: 10px;">
-                                    <thead>
-                                        <tr style="background-color: #f8f9fa; border-bottom: 2px solid #e9ecef;">
-                                            <th style="padding: 12px; text-align: left; font-weight: 600; color: #2d3748; border: 1px solid #e9ecef;">模型名称</th>
-                                            <th style="padding: 12px; text-align: left; font-weight: 600; color: #2d3748; border: 1px solid #e9ecef;">输入倍率</th>
-                                            <th style="padding: 12px; text-align: left; font-weight: 600; color: #2d3748; border: 1px solid #e9ecef;">输出倍率</th>
-                                            <th style="padding: 12px; text-align: center; font-weight: 600; color: #2d3748; border: 1px solid #e9ecef; width: 100px;">操作</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody id="pricingTableBody">
-                                        <!-- 动态生成的定价行 -->
-                                    </tbody>
-                                </table>
-                            </div>
-                            <div id="pricingJsonMode" style="display: none;">
-                                <div class="form-group">
-                                    <label for="pricingConfigJson">定价配置 (JSON)</label>
-                                    <textarea id="pricingConfigJson" class="form-control" rows="15"
-                                        placeholder='{"gpt-3.5-turbo": {"input": 0.001, "output": 0.002}, "gpt-4": {"input": 0.03, "output": 0.06}}'></textarea>
-                                    <small style="color: #666; font-size: 12px; margin-top: 8px; display: block;">
-                                        配置格式：模型名称 -> {input: 输入倍率, output: 输出倍率}。倍率基于1百万token=$1.00计算
-                                    </small>
-                                </div>
-                            </div>
-                        `;
-                    }
-                } else {
-                    showAlert(`加载定价配置失败: ${error.message}`, 'error');
-                }
-            }
-        }
-
-        // 显示定价配置表格
-        function displayPricingTable(pricing) {
-            const tbody = DOMUtils.getElement('pricingTableBody');
-            if (!tbody) return;
-
-            tbody.innerHTML = '';
-
-            // 如果没有定价数据，添加一行空白行
-            if (!pricing || Object.keys(pricing).length === 0) {
-                addPricingModel();
-                return;
-            }
-
-            // 为每个模型创建一行
-            Object.entries(pricing).forEach(([modelName, modelPricing]) => {
-                const row = document.createElement('tr');
-                row.style.borderBottom = '1px solid #e9ecef';
-
-                const inputPrice = modelPricing.input || 0;
-                const outputPrice = modelPricing.output || 0;
-
-                row.innerHTML = `
-                    <td style="padding: 12px; border: 1px solid #e9ecef;">
-                        <input type="text" class="form-control" value="${modelName}"
-                               style="border: none; padding: 8px; background: transparent;">
-                    </td>
-                    <td style="padding: 12px; border: 1px solid #e9ecef;">
-                        <input type="number" class="form-control" value="${inputPrice}" step="0.001" min="0"
-                               style="border: none; padding: 8px; background: transparent;">
-                    </td>
-                    <td style="padding: 12px; border: 1px solid #e9ecef;">
-                        <input type="number" class="form-control" value="${outputPrice}" step="0.001" min="0"
-                               style="border: none; padding: 8px; background: transparent;">
-                    </td>
-                    <td style="padding: 12px; border: 1px solid #e9ecef; text-align: center;">
-                        <button class="btn btn-danger" onclick="removePricingRow(this)" style="font-size: 12px; padding: 6px 12px; white-space: nowrap;">🗑️ 删除</button>
-                    </td>
-                `;
-                tbody.appendChild(row);
-            });
-        }
-
-        // 定价验证类
-        class PricingValidator {
-            static validateTableData() {
-                const tbody = DOMUtils.getElement('pricingTableBody');
-                if (!tbody) {
-                    return { isValid: false, error: '定价表格未找到，请刷新页面重试' };
-                }
-
-                const config = {};
-                let errorMessage = '';
-
-                // 遍历所有行收集数据
-                const rows = Array.from(tbody.children);
-                for (let index = 0; index < rows.length; index++) {
-                    const row = rows[index];
-                    const inputs = row.querySelectorAll('input');
-                    if (inputs.length < 3) continue;
-
-                    const modelName = inputs[0].value.trim();
-                    const inputPrice = parseFloat(inputs[1].value);
-                    const outputPrice = parseFloat(inputs[2].value);
-
-                    // 验证数据
-                    if (!modelName) {
-                        errorMessage = `第 ${index + 1} 行：模型名称不能为空`;
-                        break;
-                    }
-
-                    if (isNaN(inputPrice) || inputPrice < 0) {
-                        errorMessage = `第 ${index + 1} 行：输入倍率必须是有效的非负数`;
-                        break;
-                    }
-
-                    if (isNaN(outputPrice) || outputPrice < 0) {
-                        errorMessage = `第 ${index + 1} 行：输出倍率必须是有效的非负数`;
-                        break;
-                    }
-
-                    // 检查模型名称是否重复
-                    if (config[modelName]) {
-                        errorMessage = `模型名称 "${modelName}" 重复`;
-                        break;
-                    }
-
-                    config[modelName] = {
-                        input: inputPrice,
-                        output: outputPrice
-                    };
-                }
-
-                if (errorMessage) {
-                    return { isValid: false, error: errorMessage };
-                }
-
-                if (Object.keys(config).length === 0) {
-                    return { isValid: false, error: '请至少添加一个模型的定价配置' };
-                }
-
-                return { isValid: true, data: config };
-            }
-        }
-
-        async function updatePricing() {
-            let config;
-
-            if (pricingEditMode === 'table') {
-                const validation = PricingValidator.validateTableData();
-                if (!validation.isValid) {
-                    showAlert(validation.error, 'error');
-                    return;
-                }
-                config = validation.data;
-            } else {
-                const configText = DOMUtils.getValue('pricingConfigJson');
-                if (!configText) {
-                    showAlert('请填写定价配置', 'error');
-                    return;
-                }
-                config = FormUtils.validateJSON(configText, '配置格式错误，请检查JSON格式');
-                if (!config) return;
-            }
-
-            try {
-                await apiRequest('/api/admin/pricing', 'POST', config, true, '正在更新定价配置...');
-                showAlert('定价配置更新成功！', 'success');
-                loadPricing();
-            } catch (error) {
-                showAlert(`更新定价配置失败: ${error.message}`, 'error');
-            }
-        }
-
-        // === API TEST FUNCTIONS ===
-
-        // API测试管理类
-        class ApiTestManager {
-            static async sendRequest() {
-                const token = DOMUtils.getValue('apiTestToken');
-                const requestText = DOMUtils.getValue('apiTestRequest');
-                const responseTextarea = DOMUtils.getElement('apiTestResponse');
-                const statusDiv = DOMUtils.getElement('apiTestStatus');
-
-                if (!FormUtils.validateRequired([
-                    { id: 'apiTestToken', name: 'Bearer Token', message: '请输入 Bearer Token' },
-                    { id: 'apiTestRequest', name: '请求 JSON', message: '请输入请求 JSON' }
-                ])) {
-                    return;
-                }
-
-                const requestJson = FormUtils.validateJSON(requestText, '请求 JSON 格式错误');
-                if (!requestJson) return;
-
-                // 显示加载状态
-                if (responseTextarea) responseTextarea.value = '正在发送请求...';
-                if (statusDiv) statusDiv.style.display = 'none';
-
-                try {
-                    const startTime = Date.now();
-
-                    const response = await fetch('/v1/chat/completions', {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json',
-                            'Authorization': `Bearer ${token}`
-                        },
-                        body: JSON.stringify(requestJson)
-                    });
-
-                    const endTime = Date.now();
-                    const duration = endTime - startTime;
-
-                    this._displayTestResult(response, duration, responseTextarea, statusDiv);
-                } catch (error) {
-                    this._displayTestError(error, responseTextarea, statusDiv);
-                }
-            }
-
-            static async _displayTestResult(response, duration, responseTextarea, statusDiv) {
-                if (statusDiv) statusDiv.style.display = 'block';
-
-                if (response.ok) {
-                    const responseData = await response.json();
-                    if (responseTextarea) {
-                        responseTextarea.value = JSON.stringify(responseData, null, 2);
-                    }
-
-                    if (statusDiv) {
-                        statusDiv.className = 'alert alert-success';
-                        statusDiv.innerHTML = `
-                            <strong>✅ 请求成功</strong><br>
-                            状态码: ${response.status}<br>
-                            响应时间: ${duration}ms
-                        `;
-                    }
-                } else {
-                    const errorText = await response.text();
-                    if (responseTextarea) responseTextarea.value = errorText;
-
-                    if (statusDiv) {
-                        statusDiv.className = 'alert alert-error';
-                        statusDiv.innerHTML = `
-                            <strong>❌ 请求失败</strong><br>
-                            状态码: ${response.status}<br>
-                            响应时间: ${duration}ms
-                        `;
-                    }
-                }
-            }
-
-            static _displayTestError(error, responseTextarea, statusDiv) {
-                if (responseTextarea) {
-                    responseTextarea.value = `请求失败: ${error.message}`;
-                }
-
-                if (statusDiv) {
-                    statusDiv.style.display = 'block';
-                    statusDiv.className = 'alert alert-error';
-                    statusDiv.innerHTML = `<strong>❌ 网络错误</strong><br>${error.message}`;
-                }
-            }
-
-            static clear() {
-                DOMUtils.clearInput('apiTestToken');
-                DOMUtils.setValue('apiTestRequest', `{
-  "model": "gpt-4",
-  "messages": [
-    {
-      "role": "user",
-      "content": "Hello, world!"
-    }
-  ]
-}`);
-                DOMUtils.clearInput('apiTestResponse');
-                const statusDiv = DOMUtils.getElement('apiTestStatus');
-                if (statusDiv) statusDiv.style.display = 'none';
-            }
-        }
-
-        // 发送 API 测试请求
-        async function sendApiTest() {
-            await ApiTestManager.sendRequest();
-        }
-
-        // 清空 API 测试数据
-        function clearApiTest() {
-            ApiTestManager.clear();
-        }
-
-        // === UTILITY FUNCTIONS ===
-
-        // 剪贴板管理类
-        class ClipboardManager {
-            static async copy(text) {
-                try {
-                    await navigator.clipboard.writeText(text);
-                    showAlert('已复制到剪贴板', 'success', 2000);
-                } catch (error) {
-                    // 降级方案
-                    this._fallbackCopy(text);
-                }
-            }
-
-            static _fallbackCopy(text) {
-                const textArea = document.createElement('textarea');
-                textArea.value = text;
-                document.body.appendChild(textArea);
-                textArea.select();
-                document.execCommand('copy');
-                document.body.removeChild(textArea);
-                showAlert('已复制到剪贴板', 'success', 2000);
-            }
-        }
-
-        function copyToClipboard(text) {
-            ClipboardManager.copy(text);
-        }
-
-        // 消息提示管理类
-        class AlertManager {
-            static show(message, type, duration = 5000) {
-                // 移除现有提示
-                this._removeExistingAlerts();
-
-                const alertDiv = document.createElement('div');
-                alertDiv.className = `alert alert-${type} alert-top`;
-                alertDiv.textContent = message;
-
-                const container = document.querySelector('.container');
-                if (container) {
-                    container.insertBefore(alertDiv, container.firstChild);
-                }
-
-                // 自动移除
-                setTimeout(() => {
-                    alertDiv.remove();
-                }, duration);
-            }
-
-            static _removeExistingAlerts() {
-                const existingAlerts = document.querySelectorAll('.alert');
-                existingAlerts.forEach(alert => alert.remove());
-            }
-        }
-
-        function showAlert(message, type, duration = 5000) {
-            AlertManager.show(message, type, duration);
-        }
-
-        // Loading 管理对象
-        const LoadingManager = {
-            delayTimer: null,
-            minShowTimer: null,
-            loadingElement: null,
-            showStartTime: null,
-            showDelay: 500, // 延迟 500ms 显示，避免快速请求的闪烁
-            minShowDuration: 500, // 最小显示时长 500ms，避免一闪而过
-
-            show(message) {
-                // 如果已存在 loading，先清理
-                this.hide();
-
-                // 设置延迟显示
-                this.delayTimer = setTimeout(() => {
-                    this._showLoading(message);
-                }, this.showDelay);
-            },
-
-            _showLoading(message) {
-                const mainContent = document.getElementById('mainContent');
-                if (!mainContent) return;
-
-                // 记录显示开始时间
-                this.showStartTime = Date.now();
-
-                // 添加 loading 状态类
-                mainContent.classList.add('loading-active');
-
-                // 创建 loading 元素
-                const loadingDiv = document.createElement('div');
-                loadingDiv.id = 'loadingOverlay';
-                loadingDiv.innerHTML = `
-                    <div class="spinner"></div>
-                    <p>${message}</p>
-                `;
-
-                // 初始设置为透明，准备淡入动画
-                loadingDiv.style.opacity = '0';
-                mainContent.appendChild(loadingDiv);
-
-                this.loadingElement = loadingDiv;
-
-                // 触发淡入动画
-                requestAnimationFrame(() => {
-                    loadingDiv.style.opacity = '1';
-                });
-            },
-
-            hide() {
-                // 清除延迟显示定时器
-                if (this.delayTimer) {
-                    clearTimeout(this.delayTimer);
-                    this.delayTimer = null;
-                }
-
-                // 如果 loading 还没有显示，直接返回
-                if (!this.loadingElement) {
-                    return;
-                }
-
-                // 计算已显示时长
-                const showDuration = Date.now() - this.showStartTime;
-                const remainingMinShowTime = Math.max(0, this.minShowDuration - showDuration);
-
-                // 如果还没达到最小显示时长，延迟隐藏
-                if (remainingMinShowTime > 0) {
-                    this.minShowTimer = setTimeout(() => {
-                        this._hideLoading();
-                    }, remainingMinShowTime);
-                } else {
-                    this._hideLoading();
-                }
-            },
-
-            _hideLoading() {
-                // 清除最小显示定时器
-                if (this.minShowTimer) {
-                    clearTimeout(this.minShowTimer);
-                    this.minShowTimer = null;
-                }
-
-                if (this.loadingElement) {
-                    // 淡出动画
-                    this.loadingElement.style.opacity = '0';
-
-                    // 等待动画完成后移除元素
-                    setTimeout(() => {
-                        if (this.loadingElement) {
-                            this.loadingElement.remove();
-                            this.loadingElement = null;
-                        }
-
-                        // 移除 loading 状态类
-                        const mainContent = document.getElementById('mainContent');
-                        if (mainContent) {
-                            mainContent.classList.remove('loading-active');
-                        }
-                    }, 300); // 与 CSS transition 时间匹配
-                }
-
-                this.showStartTime = null;
-            }
-        };
-
-        // 保持原有的函数接口，以兼容现有代码
-        function showLoading(message) {
-            LoadingManager.show(message);
-        }
-
-        function hideLoading() {
-            LoadingManager.hide();
-        }
-
-        // === 页面初始化和事件处理 ===
-
-        // 页面初始化管理类
-        class PageInitializer {
-            static init() {
-                this._initAuth();
-                this._initEventListeners();
-                this._initKeyboardShortcuts();
-            }
-
-            static _initAuth() {
-                if (AuthManager.restoreToken()) {
-                    showMainContent();
-                } else {
-                    showHomePage();
-                }
-            }
-
-            static _initEventListeners() {
-                // 为登录输入框添加回车键监听
-                const tokenInput = DOMUtils.getElement('adminToken');
-                if (tokenInput) {
-                    tokenInput.addEventListener('keypress', (event) => {
-                        if (event.key === 'Enter') {
-                            authenticate();
-                        }
-                    });
-                }
-
-                // 点击模态框外部关闭
-                window.onclick = (event) => {
-                    const modal = DOMUtils.getElement('loginModal');
-                    if (event.target === modal) {
-                        closeLoginModal();
-                    }
-                };
-            }
-
-            static _initKeyboardShortcuts() {
-                // ESC键关闭模态框
-                document.addEventListener('keydown', (event) => {
-                    if (event.key === 'Escape') {
-                        const modal = DOMUtils.getElement('loginModal');
-                        if (modal && modal.style.display === 'block') {
-                            closeLoginModal();
-                        }
-                    }
-                });
-            }
-        }
-
-        // Initialize on page load
-        document.addEventListener('DOMContentLoaded', () => {
-            PageInitializer.init();
-        });
-    </script>
+                    <div class="form-group">
+                        <label class="label">类型</label>
+                        <select class="input" id="channelType" required>
+                            <option value="openai">OpenAI</option>
+                            <option value="azure-openai">Azure OpenAI</option>
+                            <option value="claude">Claude</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label class="label">API 端点</label>
+                        <input type="url" class="input" id="channelEndpoint" placeholder="https://api.openai.com" required>
+                    </div>
+                    <div class="form-group">
+                        <label class="label">API 密钥</label>
+                        <input type="password" class="input" id="channelApiKey" placeholder="sk-..." required>
+                    </div>
+                    <div class="form-group">
+                        <label class="label">模型映射 (JSON)</label>
+                        <textarea class="input" id="channelMapper" rows="4" placeholder='{"gpt-3.5-turbo": "gpt-3.5-turbo"}' required></textarea>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline" onclick="toggleModal('addChannelModal')">取消</button>
+                <button class="btn btn-primary" onclick="addChannel(event)">添加</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Add Token Modal -->
+    <div class="modal-overlay" id="addTokenModal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2 class="modal-title">创建令牌</h2>
+            </div>
+            <div class="modal-body">
+                <form id="addTokenForm">
+                    <div class="form-group">
+                        <label class="label">令牌 Key</label>
+                        <input type="text" class="input" id="tokenKey" placeholder="sk-..." required>
+                    </div>
+                    <div class="form-group">
+                        <label class="label">令牌名称</label>
+                        <input type="text" class="input" id="tokenName" placeholder="My Token" required>
+                    </div>
+                    <div class="form-group">
+                        <label class="label">总配额</label>
+                        <input type="number" class="input" id="tokenQuota" placeholder="100" step="0.01" required>
+                    </div>
+                    <div class="form-group">
+                        <label class="label">允许的频道 (留空允许所有)</label>
+                        <input type="text" class="input" id="tokenChannels" placeholder="channel-1,channel-2">
+                        <p class="text-sm text-muted mt-1">多个频道用逗号分隔</p>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline" onclick="toggleModal('addTokenModal')">取消</button>
+                <button class="btn btn-primary" onclick="addToken(event)">创建</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Loading Overlay -->
+    <div id="loadingOverlay">
+        <div class="loading-spinner"></div>
+        <div class="loading-text">加载中...</div>
+    </div>
+
+    <script type="module" src="/js/main.js"></script>
 </body>
-
 </html>
diff --git a/public/js/api-test.js b/public/js/api-test.js
new file mode 100644
index 0000000..2e27ef8
--- /dev/null
+++ b/public/js/api-test.js
@@ -0,0 +1,123 @@
+// ===== API Test Module =====
+import { showNotification } from './utils.js';
+
+// API Test Template
+export function updateRequestTemplate() {
+    const endpoint = document.getElementById('testEndpoint').value;
+    const requestBody = document.getElementById('testRequestBody');
+
+    const templates = {
+        '/v1/chat/completions': {
+            model: "gpt-3.5-turbo",
+            messages: [
+                { role: "user", content: "你好，请介绍一下你自己。" }
+            ],
+            temperature: 0.7,
+            max_tokens: 1024
+        },
+        '/v1/messages': {
+            model: "claude-haiku-4-5-20251001",
+            max_tokens: 1024,
+            messages: [
+                { role: "user", content: "你好，请介绍一下你自己。" }
+            ]
+        },
+        '/v1/completions': {
+            model: "gpt-3.5-turbo-instruct",
+            prompt: "你好，请介绍一下你自己。",
+            max_tokens: 1024,
+            temperature: 0.7
+        }
+    };
+
+    requestBody.value = JSON.stringify(templates[endpoint], null, 2);
+}
+
+export async function testAPI(event) {
+    event.preventDefault();
+
+    const endpoint = document.getElementById('testEndpoint').value;
+    const token = document.getElementById('testApiToken').value;
+    const requestBodyText = document.getElementById('testRequestBody').value;
+
+    const resultDiv = document.getElementById('testResult');
+    const resultContent = document.getElementById('testResultContent');
+    const statusBadge = document.getElementById('testStatusBadge');
+    const timeBadge = document.getElementById('testTimeBadge');
+    const submitBtn = document.getElementById('testSubmitBtn');
+
+    // Validate JSON
+    let requestBody;
+    try {
+        requestBody = JSON.parse(requestBodyText);
+    } catch (error) {
+        showNotification('JSON 格式错误：' + error.message, 'error');
+        return;
+    }
+
+    resultDiv.classList.remove('hidden');
+    resultContent.textContent = '发送请求中...';
+    statusBadge.textContent = '请求中';
+    statusBadge.className = 'badge badge-warning';
+    submitBtn.disabled = true;
+
+    const startTime = Date.now();
+
+    try {
+        const response = await fetch(endpoint, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${token}`
+            },
+            body: JSON.stringify(requestBody)
+        });
+
+        const endTime = Date.now();
+        const duration = endTime - startTime;
+        timeBadge.textContent = `${duration}ms`;
+
+        if (response.ok) {
+            statusBadge.textContent = '成功';
+            statusBadge.className = 'badge badge-success';
+        } else {
+            statusBadge.textContent = `失败 ${response.status}`;
+            statusBadge.className = 'badge badge-destructive';
+        }
+
+        // Handle streaming vs non-streaming
+        const isStreaming = requestBody.stream === true;
+
+        if (isStreaming) {
+            resultContent.textContent = '';
+            const reader = response.body.getReader();
+            const decoder = new TextDecoder();
+
+            while (true) {
+                const { done, value } = await reader.read();
+                if (done) break;
+
+                const chunk = decoder.decode(value);
+                resultContent.textContent += chunk;
+            }
+        } else {
+            const data = await response.json();
+            resultContent.textContent = JSON.stringify(data, null, 2);
+        }
+
+        if (!response.ok) {
+            showNotification('API 请求失败', 'error');
+        }
+    } catch (error) {
+        const endTime = Date.now();
+        const duration = endTime - startTime;
+        timeBadge.textContent = `${duration}ms`;
+
+        statusBadge.textContent = '错误';
+        statusBadge.className = 'badge badge-destructive';
+        resultContent.textContent = '错误：' + error.message;
+        showNotification('请求失败：' + error.message, 'error');
+    } finally {
+        submitBtn.disabled = false;
+    }
+}
diff --git a/public/js/auth.js b/public/js/auth.js
new file mode 100644
index 0000000..8d57ccd
--- /dev/null
+++ b/public/js/auth.js
@@ -0,0 +1,80 @@
+// ===== Authentication Module =====
+import { toggleModal, showNotification, showLoading, hideLoading } from './utils.js';
+
+export function toggleAuthModal() {
+    const adminToken = localStorage.getItem('adminToken');
+
+    if (adminToken) {
+        // Logout
+        if (confirm('确定要退出登录吗？')) {
+            localStorage.removeItem('adminToken');
+            onLogout();
+        }
+    } else {
+        toggleModal('authModal');
+    }
+}
+
+export async function authenticate(event) {
+    event.preventDefault();
+    const token = document.getElementById('adminToken').value;
+
+    showLoading('验证令牌...');
+    try {
+        const response = await fetch('/api/admin/channel', {
+            headers: { 'x-admin-token': token }
+        });
+
+        if (response.ok) {
+            localStorage.setItem('adminToken', token);
+            toggleModal('authModal');
+            onAuthenticated();
+            showNotification('登录成功', 'success');
+        } else {
+            showAuthError('管理员令牌无效');
+        }
+    } catch (error) {
+        showAuthError('认证失败：' + error.message);
+    } finally {
+        hideLoading();
+    }
+}
+
+function showAuthError(message) {
+    document.getElementById('authError').classList.remove('hidden');
+    document.getElementById('authErrorMessage').textContent = message;
+}
+
+function onAuthenticated() {
+    document.querySelectorAll('.admin-only').forEach(el => {
+        el.classList.remove('hidden');
+    });
+    document.getElementById('loginPrompt').classList.add('hidden');
+    const authButton = document.getElementById('authButton');
+    authButton.textContent = '🚪 退出登录';
+    authButton.style.color = 'hsl(var(--destructive))';
+    authButton.style.borderColor = 'hsl(var(--destructive))';
+}
+
+function onLogout() {
+    document.querySelectorAll('.admin-only').forEach(el => {
+        el.classList.add('hidden');
+    });
+    document.getElementById('loginPrompt').classList.remove('hidden');
+    const authButton = document.getElementById('authButton');
+    authButton.textContent = '🔑 管理员登录';
+    authButton.style.color = '';
+    authButton.style.borderColor = '';
+
+    if (window.switchTab) {
+        window.switchTab('dashboard');
+    }
+}
+
+// Initialize on page load
+export function initAuth() {
+    const adminToken = localStorage.getItem('adminToken');
+    if (adminToken) {
+        onAuthenticated();
+    }
+}
diff --git a/public/js/channels.js b/public/js/channels.js
new file mode 100644
index 0000000..6125887
--- /dev/null
+++ b/public/js/channels.js
@@ -0,0 +1,407 @@
+// ===== Channel Management Module =====
+import { toggleModal, showNotification, showLoading, hideLoading } from './utils.js';
+
+let channelEditMode = 'form'; // 'form' or 'json'
+let currentEditingKey = null;
+
+// Add model mapper row
+export function addMapperRow() {
+    const tbody = document.getElementById('channelMapperTable');
+    if (!tbody) return;
+
+    // Remove empty message if exists
+    if (tbody.querySelector('.text-center')) {
+        tbody.innerHTML = '';
+    }
+
+    const row = document.createElement('tr');
+    row.innerHTML = `
+        <td style="padding: 12px;">
+            <input type="text" class="input" placeholder="例如: gpt-4" style="padding: 0.5rem;">
+        </td>
+        <td style="padding: 12px;">
+            <input type="text" class="input" placeholder="例如: gpt-4-deployment" style="padding: 0.5rem;">
+        </td>
+        <td style="padding: 12px; text-align: center;">
+            <button type="button" class="btn btn-danger btn-sm" onclick="window.removeMapperRow(this)">🗑️ 删除</button>
+        </td>
+    `;
+    tbody.appendChild(row);
+}
+
+// Remove model mapper row
+export function removeMapperRow(button) {
+    const row = button.closest('tr');
+    if (row) {
+        row.remove();
+    }
+
+    // If no rows left, show empty message
+    const tbody = document.getElementById('channelMapperTable');
+    if (tbody && tbody.children.length === 0) {
+        tbody.innerHTML = '<tr><td colspan="3" class="text-center text-muted">暂无映射，点击上方按钮添加</td></tr>';
+    }
+}
+
+// Display mapper table
+function displayMapperTable(mapper) {
+    const tbody = document.getElementById('channelMapperTable');
+    if (!tbody) return;
+
+    tbody.innerHTML = '';
+
+    if (!mapper || Object.keys(mapper).length === 0) {
+        tbody.innerHTML = '<tr><td colspan="3" class="text-center text-muted">暂无映射，点击上方按钮添加</td></tr>';
+        return;
+    }
+
+    Object.entries(mapper).forEach(([requestModel, deploymentModel]) => {
+        const row = document.createElement('tr');
+        row.innerHTML = `
+            <td style="padding: 12px;">
+                <input type="text" class="input" value="${requestModel}" placeholder="例如: gpt-4" style="padding: 0.5rem;">
+            </td>
+            <td style="padding: 12px;">
+                <input type="text" class="input" value="${deploymentModel}" placeholder="例如: gpt-4-deployment" style="padding: 0.5rem;">
+            </td>
+            <td style="padding: 12px; text-align: center;">
+                <button type="button" class="btn btn-danger btn-sm" onclick="window.removeMapperRow(this)">🗑️ 删除</button>
+            </td>
+        `;
+        tbody.appendChild(row);
+    });
+}
+
+// Collect mapper table data
+function collectMapperTableData() {
+    const tbody = document.getElementById('channelMapperTable');
+    const mapper = {};
+
+    if (!tbody) return mapper;
+
+    Array.from(tbody.children).forEach((row) => {
+        // Skip empty message row
+        if (row.querySelector('.text-center')) return;
+
+        const inputs = row.querySelectorAll('input');
+        if (inputs.length < 2) return;
+
+        const requestModel = inputs[0].value.trim();
+        const deploymentModel = inputs[1].value.trim();
+
+        if (requestModel && deploymentModel) {
+            mapper[requestModel] = deploymentModel;
+        }
+    });
+
+    return mapper;
+}
+
+// Load channels from API
+export async function loadChannels() {
+    const adminToken = localStorage.getItem('adminToken');
+    showLoading('加载频道列表...');
+    try {
+        const response = await fetch('/api/admin/channel', {
+            headers: { 'x-admin-token': adminToken }
+        });
+
+        if (response.ok) {
+            const result = await response.json();
+            const channels = result.data || [];
+            displayChannels(channels);
+        }
+    } catch (error) {
+        console.error('Failed to load channels:', error);
+        showNotification('加载频道失败', 'error');
+    } finally {
+        hideLoading();
+    }
+}
+
+// Display channels in the list
+function displayChannels(channels) {
+    const container = document.getElementById('channelsList');
+    if (!container) return;
+
+    if (!channels || channels.length === 0) {
+        container.innerHTML = '<div style="text-align: center; padding: 3rem 1rem; color: hsl(var(--muted-foreground));">📂 暂无频道数据</div>';
+        return;
+    }
+
+    container.innerHTML = channels.map(item => {
+        let parsedValue = {};
+        try {
+            parsedValue = typeof item.value === 'string' ? JSON.parse(item.value) : item.value;
+        } catch {
+            parsedValue = { name: 'Invalid JSON', type: 'unknown', endpoint: '' };
+        }
+
+        const name = parsedValue.name || 'No name';
+        const type = parsedValue.type || 'Unknown';
+        const endpoint = parsedValue.endpoint || '';
+        const endpointDisplay = endpoint.length > 50 ? endpoint.substring(0, 50) + '...' : endpoint;
+        const modelCount = Object.keys(parsedValue.deployment_mapper || {}).length;
+
+        return `
+            <div class="item">
+                <div class="item-info">
+                    <div class="item-key">${name}</div>
+                    <div class="item-details">
+                        ${item.key} | 类型: ${type} | 端点: ${endpointDisplay} | ${modelCount} 个模型
+                    </div>
+                </div>
+                <div class="actions">
+                    <button class="btn btn-secondary" onclick="window.editChannel('${item.key}')">✏️ 编辑</button>
+                    <button class="btn btn-danger" onclick="window.deleteChannel('${item.key}')">🗑️ 删除</button>
+                </div>
+            </div>
+        `;
+    }).join('');
+}
+
+// Show channel list view
+export function showChannelList() {
+    document.getElementById('channelListView').style.display = 'block';
+    document.getElementById('channelFormView').style.display = 'none';
+    loadChannels();
+}
+
+// Show channel form for adding
+export function showChannelForm() {
+    currentEditingKey = null;
+    document.getElementById('channelFormTitle').textContent = '添加频道';
+    document.getElementById('channelListView').style.display = 'none';
+    document.getElementById('channelFormView').style.display = 'block';
+    clearChannelForm();
+    // Reset to form mode
+    channelEditMode = 'form';
+    document.getElementById('channelFormMode').style.display = 'block';
+    document.getElementById('channelJsonMode').style.display = 'none';
+    document.getElementById('channelModeToggle').textContent = '📝 切换到JSON模式';
+
+    // Channel key should be editable when creating
+    document.getElementById('channelKey').disabled = false;
+    document.getElementById('channelKey').placeholder = '例如: azure-openai-1';
+}
+
+// Edit existing channel
+export async function editChannel(key) {
+    currentEditingKey = key;
+    document.getElementById('channelFormTitle').textContent = '编辑频道';
+    document.getElementById('channelListView').style.display = 'none';
+    document.getElementById('channelFormView').style.display = 'block';
+
+    const adminToken = localStorage.getItem('adminToken');
+    showLoading('加载频道数据...');
+    try {
+        const response = await fetch('/api/admin/channel', {
+            headers: { 'x-admin-token': adminToken }
+        });
+
+        if (response.ok) {
+            const result = await response.json();
+            const channels = result.data || [];
+            const channel = channels.find(c => c.key === key);
+
+            if (channel) {
+                const config = typeof channel.value === 'string' ? JSON.parse(channel.value) : channel.value;
+                fillChannelForm(key, config);
+
+                // Set channel key as readonly when editing
+                document.getElementById('channelKey').disabled = true;
+            }
+        }
+    } catch (error) {
+        showNotification('加载频道数据失败', 'error');
+    } finally {
+        hideLoading();
+    }
+}
+
+// Fill form with channel data
+function fillChannelForm(key, config) {
+    document.getElementById('channelKey').value = key;
+    // Don't change disabled state here - it's set by editChannel
+    document.getElementById('channelName').value = config.name || '';
+    document.getElementById('channelType').value = config.type || 'azure-openai';
+    document.getElementById('channelEndpoint').value = config.endpoint || '';
+    document.getElementById('channelApiKey').value = config.api_key || '';
+    document.getElementById('channelApiVersion').value = config.api_version || '';
+
+    // Display mapper table
+    displayMapperTable(config.deployment_mapper || {});
+
+    // Update JSON mode
+    document.getElementById('channelValueJson').value = JSON.stringify(config, null, 2);
+}
+
+// Clear form
+function clearChannelForm() {
+    document.getElementById('channelKey').value = '';
+    document.getElementById('channelKey').disabled = false;
+    document.getElementById('channelName').value = '';
+    document.getElementById('channelType').value = 'azure-openai';
+    document.getElementById('channelEndpoint').value = '';
+    document.getElementById('channelApiKey').value = '';
+    document.getElementById('channelApiVersion').value = '';
+
+    // Clear mapper table
+    const tbody = document.getElementById('channelMapperTable');
+    if (tbody) {
+        tbody.innerHTML = '<tr><td colspan="3" class="text-center text-muted">暂无映射，点击上方按钮添加</td></tr>';
+    }
+
+    document.getElementById('channelValueJson').value = '';
+}
+
+// Toggle between form and JSON mode
+export function toggleChannelEditMode() {
+    if (channelEditMode === 'form') {
+        // Switch to JSON mode - collect form data and show in JSON
+        const formData = collectChannelFormData();
+        if (formData) {
+            document.getElementById('channelValueJson').value = JSON.stringify(formData, null, 2);
+        }
+        document.getElementById('channelFormMode').style.display = 'none';
+        document.getElementById('channelJsonMode').style.display = 'block';
+        document.getElementById('channelModeToggle').textContent = '📋 切换到表单模式';
+        channelEditMode = 'json';
+    } else {
+        // Switch to form mode - parse JSON and fill form
+        try {
+            const jsonValue = document.getElementById('channelValueJson').value;
+            if (jsonValue) {
+                const config = JSON.parse(jsonValue);
+                document.getElementById('channelName').value = config.name || '';
+                document.getElementById('channelType').value = config.type || 'azure-openai';
+                document.getElementById('channelEndpoint').value = config.endpoint || '';
+                document.getElementById('channelApiKey').value = config.api_key || '';
+                document.getElementById('channelApiVersion').value = config.api_version || '';
+
+                // Display mapper table
+                displayMapperTable(config.deployment_mapper || {});
+            }
+        } catch (error) {
+            showNotification('JSON格式错误', 'error');
+            return;
+        }
+        document.getElementById('channelFormMode').style.display = 'block';
+        document.getElementById('channelJsonMode').style.display = 'none';
+        document.getElementById('channelModeToggle').textContent = '📝 切换到JSON模式';
+        channelEditMode = 'form';
+    }
+}
+
+// Collect form data
+function collectChannelFormData() {
+    const name = document.getElementById('channelName').value;
+    const type = document.getElementById('channelType').value;
+    const endpoint = document.getElementById('channelEndpoint').value;
+    const apiKey = document.getElementById('channelApiKey').value;
+    const apiVersion = document.getElementById('channelApiVersion').value;
+
+    if (!name || !endpoint || !apiKey) {
+        return null;
+    }
+
+    // Collect mapper data from table
+    const deploymentMapper = collectMapperTableData();
+
+    const config = {
+        name,
+        type,
+        endpoint,
+        api_key: apiKey,
+        deployment_mapper: deploymentMapper
+    };
+
+    if (apiVersion) {
+        config.api_version = apiVersion;
+    }
+
+    return config;
+}
+
+// Save channel (add or update)
+export async function saveChannel() {
+    const key = document.getElementById('channelKey').value || currentEditingKey;
+    if (!key) {
+        showNotification('请填写频道标识', 'error');
+        return;
+    }
+
+    let config;
+    if (channelEditMode === 'form') {
+        config = collectChannelFormData();
+        if (!config) {
+            showNotification('请填写所有必填字段（频道名称、端点、API密钥）', 'error');
+            return;
+        }
+    } else {
+        const jsonValue = document.getElementById('channelValueJson').value;
+        if (!jsonValue) {
+            showNotification('请填写配置JSON', 'error');
+            return;
+        }
+        try {
+            config = JSON.parse(jsonValue);
+        } catch {
+            showNotification('JSON格式错误，请检查配置格式', 'error');
+            return;
+        }
+    }
+
+    const adminToken = localStorage.getItem('adminToken');
+
+    showLoading('保存频道...');
+    try {
+        const response = await fetch(`/api/admin/channel/${encodeURIComponent(key)}`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'x-admin-token': adminToken
+            },
+            body: JSON.stringify(config)
+        });
+
+        if (response.ok) {
+            showNotification(currentEditingKey ? '频道更新成功' : '频道添加成功', 'success');
+            clearChannelForm();
+            showChannelList();
+        } else {
+            const error = await response.text();
+            showNotification('保存失败：' + error, 'error');
+        }
+    } catch (error) {
+        showNotification('保存失败：' + error.message, 'error');
+    } finally {
+        hideLoading();
+    }
+}
+
+// Delete channel
+export async function deleteChannel(key) {
+    if (!confirm(`确定要删除频道 "${key}" 吗？`)) return;
+
+    const adminToken = localStorage.getItem('adminToken');
+
+    showLoading('删除频道...');
+    try {
+        const response = await fetch(`/api/admin/channel/${encodeURIComponent(key)}`, {
+            method: 'DELETE',
+            headers: { 'x-admin-token': adminToken }
+        });
+
+        if (response.ok) {
+            showNotification('频道已删除', 'success');
+            loadChannels();
+        } else {
+            showNotification('删除失败', 'error');
+        }
+    } catch (error) {
+        showNotification('删除失败：' + error.message, 'error');
+    } finally {
+        hideLoading();
+    }
+}
diff --git a/public/js/database.js b/public/js/database.js
new file mode 100644
index 0000000..9748458
--- /dev/null
+++ b/public/js/database.js
@@ -0,0 +1,27 @@
+// ===== Database Management Module =====
+import { showNotification, showLoading, hideLoading } from './utils.js';
+
+export async function initDatabase() {
+    const adminToken = localStorage.getItem('adminToken');
+    showLoading('初始化数据库...');
+    try {
+        const response = await fetch('/api/admin/db_initialize', {
+            method: 'POST',
+            headers: { 'x-admin-token': adminToken }
+        });
+
+        const data = await response.json();
+        document.getElementById('dbResult').classList.remove('hidden');
+        document.getElementById('dbResultContent').textContent = JSON.stringify(data, null, 2);
+
+        if (response.ok) {
+            showNotification('数据库初始化成功', 'success');
+        } else {
+            showNotification('数据库初始化失败', 'error');
+        }
+    } catch (error) {
+        showNotification('初始化失败：' + error.message, 'error');
+    } finally {
+        hideLoading();
+    }
+}
diff --git a/public/js/main.js b/public/js/main.js
new file mode 100644
index 0000000..4816495
--- /dev/null
+++ b/public/js/main.js
@@ -0,0 +1,64 @@
+// ===== Main Entry Point =====
+import { toggleModal, switchTab, toggleTheme, showNotification, copyToClipboard } from './utils.js';
+import { toggleAuthModal, authenticate, initAuth } from './auth.js';
+import { updateRequestTemplate, testAPI } from './api-test.js';
+import { loadChannels, showChannelList, showChannelForm, editChannel, saveChannel, toggleChannelEditMode, deleteChannel, addMapperRow, removeMapperRow } from './channels.js';
+import { loadTokens, showTokenList, showTokenForm, editToken, saveToken, generateTokenKey, toggleTokenEditMode, deleteToken, setQuotaValue, toggleChannelDropdown, toggleChannelSelection, filterChannels } from './tokens.js';
+import { loadPricing, savePricing, addPricingModel, removePricingRow, togglePricingEditMode } from './pricing.js';
+import { initDatabase } from './database.js';
+
+// Expose functions to global scope for onclick handlers
+window.toggleModal = toggleModal;
+window.switchTab = switchTab;
+window.toggleTheme = toggleTheme;
+window.copyToClipboard = copyToClipboard;
+window.toggleAuthModal = toggleAuthModal;
+window.authenticate = authenticate;
+window.updateRequestTemplate = updateRequestTemplate;
+window.testAPI = testAPI;
+window.loadChannels = loadChannels;
+window.showChannelList = showChannelList;
+window.showChannelForm = showChannelForm;
+window.editChannel = editChannel;
+window.saveChannel = saveChannel;
+window.toggleChannelEditMode = toggleChannelEditMode;
+window.deleteChannel = deleteChannel;
+window.addMapperRow = addMapperRow;
+window.removeMapperRow = removeMapperRow;
+window.loadTokens = loadTokens;
+window.showTokenList = showTokenList;
+window.showTokenForm = showTokenForm;
+window.editToken = editToken;
+window.saveToken = saveToken;
+window.generateTokenKey = generateTokenKey;
+window.setQuotaValue = setQuotaValue;
+window.toggleTokenEditMode = toggleTokenEditMode;
+window.deleteToken = deleteToken;
+window.toggleChannelDropdown = toggleChannelDropdown;
+window.toggleChannelSelection = toggleChannelSelection;
+window.filterChannels = filterChannels;
+window.loadPricing = loadPricing;
+window.savePricing = savePricing;
+window.addPricingModel = addPricingModel;
+window.removePricingRow = removePricingRow;
+window.togglePricingEditMode = togglePricingEditMode;
+window.initDatabase = initDatabase;
+
+// Initialize on DOMContentLoaded
+document.addEventListener('DOMContentLoaded', () => {
+    // Initialize theme
+    const isDark = localStorage.getItem('theme') === 'dark';
+    if (isDark) {
+        document.documentElement.classList.add('dark');
+        document.getElementById('themeIcon').textContent = '☀️';
+    } else {
+        document.documentElement.classList.remove('dark');
+        document.getElementById('themeIcon').textContent = '🌙';
+    }
+
+    // Initialize authentication
+    initAuth();
+
+    // Initialize API test template
+    updateRequestTemplate();
+});
diff --git a/public/js/pricing.js b/public/js/pricing.js
new file mode 100644
index 0000000..0aaf903
--- /dev/null
+++ b/public/js/pricing.js
@@ -0,0 +1,203 @@
+// ===== Pricing Management Module =====
+import { showNotification, showLoading, hideLoading } from './utils.js';
+
+let pricingEditMode = 'table'; // 'table' or 'json'
+
+export async function loadPricing() {
+    const adminToken = localStorage.getItem('adminToken');
+    showLoading('加载定价配置...');
+    try {
+        const response = await fetch('/api/admin/pricing', {
+            headers: { 'x-admin-token': adminToken }
+        });
+
+        if (response.ok) {
+            const data = await response.json();
+            const pricing = data.data || {};
+
+            if (pricingEditMode === 'table') {
+                displayPricingTable(pricing);
+                const addBtn = document.getElementById('addPricingModelBtn');
+                if (addBtn) addBtn.style.display = 'block';
+            } else {
+                document.getElementById('pricingConfigJson').value = JSON.stringify(pricing, null, 2);
+                const addBtn = document.getElementById('addPricingModelBtn');
+                if (addBtn) addBtn.style.display = 'none';
+            }
+        }
+    } catch (error) {
+        console.error('Failed to load pricing:', error);
+        showNotification('加载定价失败', 'error');
+    } finally {
+        hideLoading();
+    }
+}
+
+function displayPricingTable(pricing) {
+    const tbody = document.getElementById('pricingTableBody');
+    if (!tbody) return;
+
+    tbody.innerHTML = '';
+
+    // 如果没有定价数据，添加一个空行
+    if (!pricing || Object.keys(pricing).length === 0) {
+        addPricingModel();
+        return;
+    }
+
+    // 为每个模型创建一行
+    Object.entries(pricing).forEach(([modelName, modelPricing]) => {
+        const row = document.createElement('tr');
+        const inputPrice = modelPricing.input || 0;
+        const outputPrice = modelPricing.output || 0;
+
+        row.innerHTML = `
+            <td style="padding: 12px;">
+                <input type="text" class="input" value="${modelName}" placeholder="例如: gpt-4">
+            </td>
+            <td style="padding: 12px;">
+                <input type="number" class="input" value="${inputPrice}" step="0.000001" min="0" placeholder="0.001">
+            </td>
+            <td style="padding: 12px;">
+                <input type="number" class="input" value="${outputPrice}" step="0.000001" min="0" placeholder="0.002">
+            </td>
+            <td style="padding: 12px; text-align: center;">
+                <button class="btn btn-danger btn-sm" onclick="window.removePricingRow(this)">🗑️ 删除</button>
+            </td>
+        `;
+        tbody.appendChild(row);
+    });
+}
+
+export function addPricingModel() {
+    const tbody = document.getElementById('pricingTableBody');
+    if (!tbody) return;
+
+    const row = document.createElement('tr');
+    row.innerHTML = `
+        <td style="padding: 12px;">
+            <input type="text" class="input" placeholder="例如: gpt-4">
+        </td>
+        <td style="padding: 12px;">
+            <input type="number" class="input" step="0.000001" min="0" placeholder="0.001">
+        </td>
+        <td style="padding: 12px;">
+            <input type="number" class="input" step="0.000001" min="0" placeholder="0.002">
+        </td>
+        <td style="padding: 12px; text-align: center;">
+            <button class="btn btn-danger btn-sm" onclick="window.removePricingRow(this)">🗑️ 删除</button>
+        </td>
+    `;
+    tbody.appendChild(row);
+}
+
+export function removePricingRow(button) {
+    const row = button.closest('tr');
+    if (row) {
+        row.remove();
+    }
+}
+
+function collectPricingTableData() {
+    const tbody = document.getElementById('pricingTableBody');
+    const config = {};
+
+    if (!tbody) return config;
+
+    Array.from(tbody.children).forEach((row) => {
+        const inputs = row.querySelectorAll('input');
+        if (inputs.length < 3) return;
+
+        const modelName = inputs[0].value.trim();
+        const inputPrice = parseFloat(inputs[1].value) || 0;
+        const outputPrice = parseFloat(inputs[2].value) || 0;
+
+        if (modelName) {
+            config[modelName] = {
+                input: inputPrice,
+                output: outputPrice
+            };
+        }
+    });
+
+    return config;
+}
+
+export function togglePricingEditMode() {
+    if (pricingEditMode === 'table') {
+        // Switch to JSON mode - collect table data and show in JSON
+        const config = collectPricingTableData();
+        document.getElementById('pricingConfigJson').value = JSON.stringify(config, null, 2);
+        document.getElementById('pricingTableMode').style.display = 'none';
+        document.getElementById('pricingJsonMode').style.display = 'block';
+        document.getElementById('pricingModeToggle').textContent = '📊 切换到表格模式';
+        const addBtn = document.getElementById('addPricingModelBtn');
+        if (addBtn) addBtn.style.display = 'none';
+        pricingEditMode = 'json';
+    } else {
+        // Switch to table mode - parse JSON and display table
+        try {
+            const jsonValue = document.getElementById('pricingConfigJson').value;
+            const config = jsonValue ? JSON.parse(jsonValue) : {};
+            displayPricingTable(config);
+        } catch (error) {
+            showNotification('JSON格式错误', 'error');
+            return;
+        }
+        document.getElementById('pricingTableMode').style.display = 'block';
+        document.getElementById('pricingJsonMode').style.display = 'none';
+        document.getElementById('pricingModeToggle').textContent = '📝 切换到JSON模式';
+        const addBtn = document.getElementById('addPricingModelBtn');
+        if (addBtn) addBtn.style.display = 'block';
+        pricingEditMode = 'table';
+    }
+}
+
+export async function savePricing(event) {
+    if (event) event.preventDefault();
+
+    const adminToken = localStorage.getItem('adminToken');
+    let config;
+
+    try {
+        if (pricingEditMode === 'table') {
+            // Validate table data
+            config = collectPricingTableData();
+            if (Object.keys(config).length === 0) {
+                showNotification('请至少添加一个模型定价', 'error');
+                return;
+            }
+        } else {
+            // Validate JSON
+            const configText = document.getElementById('pricingConfigJson').value;
+            if (!configText) {
+                showNotification('请填写定价配置', 'error');
+                return;
+            }
+            config = JSON.parse(configText);
+        }
+
+        // Save to API
+        showLoading('保存定价配置...');
+        const response = await fetch('/api/admin/pricing', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'x-admin-token': adminToken
+            },
+            body: JSON.stringify(config)
+        });
+
+        if (response.ok) {
+            showNotification('定价配置已保存', 'success');
+            loadPricing();
+        } else {
+            const error = await response.text();
+            showNotification('保存失败：' + error, 'error');
+        }
+    } catch (error) {
+        showNotification('保存失败：' + error.message, 'error');
+    } finally {
+        hideLoading();
+    }
+}
diff --git a/public/js/tokens.js b/public/js/tokens.js
new file mode 100644
index 0000000..f5cadbd
--- /dev/null
+++ b/public/js/tokens.js
@@ -0,0 +1,454 @@
+// ===== Token Management Module =====
+import { toggleModal, showNotification, showLoading, hideLoading } from './utils.js';
+
+let tokenEditMode = 'form'; // 'form' or 'json'
+let currentEditingKey = null;
+let availableChannels = []; // Store available channels for select options
+let selectedChannels = []; // Store selected channel keys
+
+// Load available channels
+async function loadAvailableChannels() {
+    const adminToken = localStorage.getItem('adminToken');
+    try {
+        const response = await fetch('/api/admin/channel', {
+            headers: { 'x-admin-token': adminToken }
+        });
+
+        if (response.ok) {
+            const result = await response.json();
+            const channels = result.data || [];
+            availableChannels = channels.map(c => c.key);
+            populateChannelOptions();
+        }
+    } catch (error) {
+        console.error('Failed to load channels:', error);
+    }
+}
+
+// Populate channel options in the dropdown
+function populateChannelOptions() {
+    const container = document.getElementById('channelOptionsContainer');
+    if (!container) return;
+
+    if (availableChannels.length === 0) {
+        container.innerHTML = '<div class="multi-select-empty">暂无可用频道</div>';
+    } else {
+        container.innerHTML = availableChannels.map(key => `
+            <div class="multi-select-option" onclick="window.toggleChannelSelection('${key}', event)">
+                <input type="checkbox" id="channel_${key}" value="${key}" ${selectedChannels.includes(key) ? 'checked' : ''}>
+                <label for="channel_${key}">${key}</label>
+            </div>
+        `).join('');
+    }
+    updateChannelDisplay();
+}
+
+// Toggle channel dropdown
+export function toggleChannelDropdown() {
+    const dropdown = document.getElementById('channelSelectDropdown');
+    const trigger = document.getElementById('channelSelectTrigger');
+
+    if (dropdown.classList.contains('hidden')) {
+        dropdown.classList.remove('hidden');
+        trigger.classList.add('open');
+        // Close dropdown when clicking outside
+        setTimeout(() => {
+            document.addEventListener('click', closeChannelDropdownOnClickOutside);
+        }, 0);
+    } else {
+        dropdown.classList.add('hidden');
+        trigger.classList.remove('open');
+        document.removeEventListener('click', closeChannelDropdownOnClickOutside);
+    }
+}
+
+function closeChannelDropdownOnClickOutside(event) {
+    const wrapper = document.querySelector('.multi-select-wrapper');
+    if (wrapper && !wrapper.contains(event.target)) {
+        const dropdown = document.getElementById('channelSelectDropdown');
+        const trigger = document.getElementById('channelSelectTrigger');
+        dropdown.classList.add('hidden');
+        trigger.classList.remove('open');
+        document.removeEventListener('click', closeChannelDropdownOnClickOutside);
+    }
+}
+
+// Toggle channel selection
+export function toggleChannelSelection(channelKey, event) {
+    event.stopPropagation();
+
+    const checkbox = document.getElementById(`channel_${channelKey}`);
+    if (checkbox) {
+        checkbox.checked = !checkbox.checked;
+    }
+
+    if (selectedChannels.includes(channelKey)) {
+        selectedChannels = selectedChannels.filter(k => k !== channelKey);
+    } else {
+        selectedChannels.push(channelKey);
+    }
+
+    updateChannelDisplay();
+}
+
+// Update the display of selected channels
+function updateChannelDisplay() {
+    const valueElement = document.getElementById('channelSelectValue');
+    if (!valueElement) return;
+
+    if (selectedChannels.length === 0) {
+        valueElement.textContent = '请选择频道...';
+        valueElement.classList.add('placeholder');
+    } else if (selectedChannels.length === 1) {
+        valueElement.textContent = selectedChannels[0];
+        valueElement.classList.remove('placeholder');
+    } else {
+        valueElement.textContent = `已选择 ${selectedChannels.length} 个频道`;
+        valueElement.classList.remove('placeholder');
+    }
+}
+
+// Filter channels based on search
+export function filterChannels() {
+    const searchInput = document.getElementById('channelSearchInput');
+    const searchTerm = searchInput.value.toLowerCase();
+    const options = document.querySelectorAll('.multi-select-option');
+
+    options.forEach(option => {
+        const label = option.querySelector('label').textContent.toLowerCase();
+        if (label.includes(searchTerm)) {
+            option.style.display = '';
+        } else {
+            option.style.display = 'none';
+        }
+    });
+}
+
+// Load tokens from API
+export async function loadTokens() {
+    const adminToken = localStorage.getItem('adminToken');
+    showLoading('加载令牌列表...');
+    try {
+        const response = await fetch('/api/admin/token', {
+            headers: { 'x-admin-token': adminToken }
+        });
+
+        if (response.ok) {
+            const result = await response.json();
+            const tokens = result.data || [];
+            displayTokens(tokens);
+        }
+    } catch (error) {
+        console.error('Failed to load tokens:', error);
+        showNotification('加载令牌失败', 'error');
+    } finally {
+        hideLoading();
+    }
+}
+
+// Display tokens in the list
+function displayTokens(tokens) {
+    const container = document.getElementById('tokensList');
+    if (!container) return;
+
+    if (!tokens || tokens.length === 0) {
+        container.innerHTML = '<div style="text-align: center; padding: 3rem 1rem; color: hsl(var(--muted-foreground));">🎫 暂无令牌数据</div>';
+        return;
+    }
+
+    container.innerHTML = tokens.map(item => {
+        let parsedValue = {};
+        try {
+            parsedValue = typeof item.value === 'string' ? JSON.parse(item.value) : item.value;
+        } catch {
+            parsedValue = { name: 'Invalid JSON', channel_keys: [], total_quota: 0 };
+        }
+
+        const name = parsedValue.name || '未命名';
+        const channelKeys = parsedValue.channel_keys || [];
+        const channelDisplay = channelKeys.length === 0 ? '所有频道' : channelKeys.slice(0, 2).join(', ') + (channelKeys.length > 2 ? '...' : '');
+        const usage = item.usage || 0;
+        const totalQuota = parsedValue.total_quota || 0;
+
+        // 将配额转换为美元显示
+        const totalQuotaValue = totalQuota || 0;
+        const quotaInDollars = (totalQuotaValue / 1000000).toFixed(2);
+        const usageValue = usage || 0;
+        const usageInDollars = (usageValue / 1000000).toFixed(2);
+
+        return `
+            <div class="item">
+                <div class="item-info">
+                    <div class="item-key">${name}</div>
+                    <div class="item-details">
+                        频道: ${channelDisplay} | 配额: $${quotaInDollars} | 已用: $${usageInDollars}
+                    </div>
+                </div>
+                <div class="actions">
+                    <button class="btn btn-secondary" onclick="window.copyToClipboard('${item.key}')" title="复制token">📋 复制</button>
+                    <button class="btn btn-secondary" onclick="window.editToken('${item.key}')">✏️ 编辑</button>
+                    <button class="btn btn-danger" onclick="window.deleteToken('${item.key}')">🗑️ 删除</button>
+                </div>
+            </div>
+        `;
+    }).join('');
+}
+
+// Show token list view
+export function showTokenList() {
+    document.getElementById('tokenListView').style.display = 'block';
+    document.getElementById('tokenFormView').style.display = 'none';
+    loadTokens();
+}
+
+// Show token form for adding
+export async function showTokenForm() {
+    currentEditingKey = null;
+    document.getElementById('tokenFormTitle').textContent = '添加令牌';
+    document.getElementById('tokenListView').style.display = 'none';
+    document.getElementById('tokenFormView').style.display = 'block';
+    clearTokenForm();
+    // Reset to form mode
+    tokenEditMode = 'form';
+    document.getElementById('tokenFormMode').style.display = 'block';
+    document.getElementById('tokenJsonMode').style.display = 'none';
+    document.getElementById('tokenModeToggle').textContent = '📝 切换到JSON模式';
+
+    // Token key should be editable when creating
+    document.getElementById('tokenKey').disabled = false;
+    document.getElementById('tokenKey').placeholder = '输入令牌标识或点击生成';
+
+    // Enable generate button for new tokens
+    const generateBtn = document.getElementById('generateTokenBtn');
+    if (generateBtn) {
+        generateBtn.disabled = false;
+    }
+
+    // Load available channels and auto-generate token key
+    await loadAvailableChannels();
+    generateTokenKey();
+}
+
+// Edit existing token
+export async function editToken(key) {
+    currentEditingKey = key;
+    document.getElementById('tokenFormTitle').textContent = '编辑令牌';
+    document.getElementById('tokenListView').style.display = 'none';
+    document.getElementById('tokenFormView').style.display = 'block';
+
+    showLoading('加载令牌数据...');
+    try {
+        // Load available channels first
+        await loadAvailableChannels();
+
+        const adminToken = localStorage.getItem('adminToken');
+        const response = await fetch('/api/admin/token', {
+            headers: { 'x-admin-token': adminToken }
+        });
+
+        if (response.ok) {
+            const result = await response.json();
+            const tokens = result.data || [];
+            const token = tokens.find(t => t.key === key);
+
+            if (token) {
+                const config = typeof token.value === 'string' ? JSON.parse(token.value) : token.value;
+                fillTokenForm(key, config, token.usage || 0);
+
+                // Set token key as readonly when editing
+                document.getElementById('tokenKey').disabled = true;
+
+                // Disable generate button when editing
+                const generateBtn = document.getElementById('generateTokenBtn');
+                if (generateBtn) {
+                    generateBtn.disabled = true;
+                }
+            }
+        }
+    } catch (error) {
+        showNotification('加载令牌数据失败', 'error');
+    } finally {
+        hideLoading();
+    }
+}
+
+// Fill form with token data
+function fillTokenForm(key, config, usage) {
+    document.getElementById('tokenKey').value = key;
+    // Don't change disabled state here - it's set by editToken
+    document.getElementById('tokenName').value = config.name || '';
+
+    // Set selected channels
+    selectedChannels = config.channel_keys && Array.isArray(config.channel_keys) ? config.channel_keys : [];
+    populateChannelOptions();
+
+    document.getElementById('totalQuotaInput').value = config.total_quota || 0;
+
+    // Update JSON mode
+    document.getElementById('tokenValueJson').value = JSON.stringify(config, null, 2);
+}
+
+// Clear form
+function clearTokenForm() {
+    document.getElementById('tokenKey').value = '';
+    document.getElementById('tokenKey').disabled = false;
+    document.getElementById('tokenName').value = '';
+
+    // Clear selected channels
+    selectedChannels = [];
+    updateChannelDisplay();
+
+    document.getElementById('totalQuotaInput').value = '';
+    document.getElementById('tokenValueJson').value = '';
+}
+
+// Set quota value (for quick buttons)
+export function setQuotaValue(value) {
+    document.getElementById('totalQuotaInput').value = value;
+}
+
+// Generate random token key
+export function generateTokenKey() {
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    let token = 'sk-';
+    for (let i = 0; i < 48; i++) {
+        token += chars.charAt(Math.floor(Math.random() * chars.length));
+    }
+    document.getElementById('tokenKey').value = token;
+}
+
+// Toggle between form and JSON mode
+export function toggleTokenEditMode() {
+    if (tokenEditMode === 'form') {
+        // Switch to JSON mode - collect form data and show in JSON
+        const formData = collectTokenFormData();
+        if (formData) {
+            document.getElementById('tokenValueJson').value = JSON.stringify(formData, null, 2);
+        }
+        document.getElementById('tokenFormMode').style.display = 'none';
+        document.getElementById('tokenJsonMode').style.display = 'block';
+        document.getElementById('tokenModeToggle').textContent = '📋 切换到表单模式';
+        tokenEditMode = 'json';
+    } else {
+        // Switch to form mode - parse JSON and fill form
+        try {
+            const jsonValue = document.getElementById('tokenValueJson').value;
+            if (jsonValue) {
+                const config = JSON.parse(jsonValue);
+                document.getElementById('tokenName').value = config.name || '';
+
+                // Set selected channels
+                selectedChannels = config.channel_keys && Array.isArray(config.channel_keys) ? config.channel_keys : [];
+                populateChannelOptions();
+
+                document.getElementById('totalQuotaInput').value = config.total_quota || 0;
+            }
+        } catch (error) {
+            showNotification('JSON格式错误', 'error');
+            return;
+        }
+        document.getElementById('tokenFormMode').style.display = 'block';
+        document.getElementById('tokenJsonMode').style.display = 'none';
+        document.getElementById('tokenModeToggle').textContent = '📝 切换到JSON模式';
+        tokenEditMode = 'form';
+    }
+}
+
+// Collect form data
+function collectTokenFormData() {
+    const name = document.getElementById('tokenName').value;
+    const totalQuota = parseFloat(document.getElementById('totalQuotaInput').value) || 0;
+
+    if (!name) {
+        return null;
+    }
+
+    return {
+        name,
+        channel_keys: selectedChannels,
+        total_quota: totalQuota
+    };
+}
+
+// Save token (add or update)
+export async function saveToken() {
+    const key = document.getElementById('tokenKey').value || currentEditingKey;
+    if (!key) {
+        showNotification('请填写令牌标识', 'error');
+        return;
+    }
+
+    let config;
+    if (tokenEditMode === 'form') {
+        config = collectTokenFormData();
+        if (!config) {
+            showNotification('请填写所有必填字段（令牌名称）', 'error');
+            return;
+        }
+    } else {
+        const jsonValue = document.getElementById('tokenValueJson').value;
+        if (!jsonValue) {
+            showNotification('请填写配置JSON', 'error');
+            return;
+        }
+        try {
+            config = JSON.parse(jsonValue);
+        } catch {
+            showNotification('JSON格式错误，请检查配置格式', 'error');
+            return;
+        }
+    }
+
+    const adminToken = localStorage.getItem('adminToken');
+
+    showLoading('保存令牌...');
+    try {
+        const response = await fetch(`/api/admin/token/${encodeURIComponent(key)}`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'x-admin-token': adminToken
+            },
+            body: JSON.stringify(config)
+        });
+
+        if (response.ok) {
+            showNotification(currentEditingKey ? '令牌更新成功' : '令牌添加成功', 'success');
+            clearTokenForm();
+            showTokenList();
+        } else {
+            const error = await response.text();
+            showNotification('保存失败：' + error, 'error');
+        }
+    } catch (error) {
+        showNotification('保存失败：' + error.message, 'error');
+    } finally {
+        hideLoading();
+    }
+}
+
+// Delete token
+export async function deleteToken(key) {
+    if (!confirm(`确定要删除令牌 "${key}" 吗？`)) return;
+
+    const adminToken = localStorage.getItem('adminToken');
+
+    showLoading('删除令牌...');
+    try {
+        const response = await fetch(`/api/admin/token/${encodeURIComponent(key)}`, {
+            method: 'DELETE',
+            headers: { 'x-admin-token': adminToken }
+        });
+
+        if (response.ok) {
+            showNotification('令牌已删除', 'success');
+            loadTokens();
+        } else {
+            showNotification('删除失败', 'error');
+        }
+    } catch (error) {
+        showNotification('删除失败：' + error.message, 'error');
+    } finally {
+        hideLoading();
+    }
+}
diff --git a/public/js/utils.js b/public/js/utils.js
new file mode 100644
index 0000000..1ce4bd0
--- /dev/null
+++ b/public/js/utils.js
@@ -0,0 +1,180 @@
+// ===== Utility Functions =====
+
+// Modal Management
+export function toggleModal(modalId) {
+    const modal = document.getElementById(modalId);
+    modal.classList.toggle('active');
+}
+
+// Tab Switching
+export function switchTab(tabName) {
+    // Update active tab content
+    document.querySelectorAll('.tab-content').forEach(tab => {
+        tab.classList.remove('active');
+    });
+    document.getElementById(tabName).classList.add('active');
+
+    // Update active nav item
+    document.querySelectorAll('.nav-item').forEach(item => {
+        item.classList.remove('active');
+    });
+    const targetNav = document.querySelector(`[data-tab="${tabName}"]`);
+    if (targetNav) {
+        targetNav.classList.add('active');
+    }
+
+    // Update page title
+    const titles = {
+        'dashboard': '仪表盘',
+        'api-test': 'API 测试',
+        'channels': '频道管理',
+        'tokens': '令牌管理',
+        'pricing': '定价管理',
+        'database': '数据库管理'
+    };
+    document.getElementById('pageTitle').textContent = titles[tabName] || tabName;
+
+    // Load data for specific tabs if authenticated
+    const adminToken = localStorage.getItem('adminToken');
+    if (adminToken) {
+        // Reset to list view and reload data for management pages
+        if (tabName === 'channels') {
+            window.showChannelList && window.showChannelList();
+        }
+        if (tabName === 'tokens') {
+            window.showTokenList && window.showTokenList();
+        }
+        if (tabName === 'pricing') {
+            window.loadPricing && window.loadPricing();
+        }
+    }
+}
+
+// Theme Toggle
+export function toggleTheme() {
+    const isDark = document.documentElement.classList.contains('dark');
+    if (isDark) {
+        document.documentElement.classList.remove('dark');
+        localStorage.setItem('theme', 'light');
+        document.getElementById('themeIcon').textContent = '🌙';
+    } else {
+        document.documentElement.classList.add('dark');
+        localStorage.setItem('theme', 'dark');
+        document.getElementById('themeIcon').textContent = '☀️';
+    }
+}
+
+// Notification System
+export function showNotification(message, type = 'info') {
+    const className = type === 'success' ? 'alert-success' : (type === 'error' ? 'alert-error' : 'alert-info');
+    console.log(`[${type.toUpperCase()}] ${message}`);
+
+    // Create toast notification
+    const toast = document.createElement('div');
+    toast.className = `alert ${className}`;
+    toast.style.cssText = 'position: fixed; top: 20px; right: 20px; z-index: 100; min-width: 300px; animation: slideIn 0.3s ease;';
+    toast.innerHTML = `<strong>${type === 'success' ? '✅' : type === 'error' ? '❌' : 'ℹ️'}</strong> <span>${message}</span>`;
+    document.body.appendChild(toast);
+
+    setTimeout(() => {
+        toast.style.animation = 'fadeOut 0.3s ease';
+        setTimeout(() => toast.remove(), 300);
+    }, 3000);
+}
+
+// Copy to Clipboard
+export function copyToClipboard(text) {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(text).then(() => {
+            showNotification('已复制到剪贴板', 'success');
+        }).catch(err => {
+            console.error('复制失败:', err);
+            fallbackCopy(text);
+        });
+    } else {
+        fallbackCopy(text);
+    }
+}
+
+// Fallback copy method for older browsers
+function fallbackCopy(text) {
+    const textArea = document.createElement('textarea');
+    textArea.value = text;
+    textArea.style.position = 'fixed';
+    textArea.style.top = '0';
+    textArea.style.left = '0';
+    textArea.style.width = '2em';
+    textArea.style.height = '2em';
+    textArea.style.padding = '0';
+    textArea.style.border = 'none';
+    textArea.style.outline = 'none';
+    textArea.style.boxShadow = 'none';
+    textArea.style.background = 'transparent';
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+
+    try {
+        const successful = document.execCommand('copy');
+        if (successful) {
+            showNotification('已复制到剪贴板', 'success');
+        } else {
+            showNotification('复制失败', 'error');
+        }
+    } catch (err) {
+        console.error('复制失败:', err);
+        showNotification('复制失败', 'error');
+    }
+
+    document.body.removeChild(textArea);
+}
+
+// Loading Overlay
+let loadingTimeout = null;
+
+export function showLoading(message = '加载中...') {
+    const overlay = document.getElementById('loadingOverlay');
+    const textEl = overlay.querySelector('.loading-text');
+
+    if (textEl) {
+        textEl.textContent = message;
+    }
+
+    // 延迟显示，避免快速请求闪烁
+    clearTimeout(loadingTimeout);
+    loadingTimeout = setTimeout(() => {
+        overlay.classList.add('active');
+    }, 100);
+}
+
+export function hideLoading() {
+    clearTimeout(loadingTimeout);
+    const overlay = document.getElementById('loadingOverlay');
+    overlay.classList.remove('active');
+}
+
+// Fetch wrapper with automatic loading
+export async function fetchWithLoading(url, options = {}, loadingMessage = '加载中...') {
+    const adminToken = localStorage.getItem('adminToken');
+
+    // Add admin token to headers
+    const headers = {
+        ...options.headers,
+        'x-admin-token': adminToken
+    };
+
+    // Show loading
+    showLoading(loadingMessage);
+
+    try {
+        const response = await fetch(url, {
+            ...options,
+            headers
+        });
+
+        return response;
+    } finally {
+        hideLoading();
+    }
+}
+
diff --git a/src/providers/claude-proxy.ts b/src/providers/claude-proxy.ts
new file mode 100644
index 0000000..31890f5
--- /dev/null
+++ b/src/providers/claude-proxy.ts
@@ -0,0 +1,276 @@
+import { Context } from "hono"
+
+/**
+ * Claude API Proxy Provider
+ *
+ * Implements relay/proxy functionality for Anthropic Claude API (/v1/messages endpoint)
+ * Handles both streaming and non-streaming requests with token usage tracking
+ */
+
+// Claude-specific types
+type ClaudeMessageResponse = {
+    id: string;
+    type: "message";
+    role: "assistant";
+    model: string;
+    content: Array<{ type: "text"; text: string }>;
+    stop_reason: string | null;
+    stop_sequence: string | null;
+    usage: {
+        input_tokens: number;
+        output_tokens: number;
+    };
+}
+
+type ClaudeStreamEvent = {
+    type: "message_start" | "content_block_start" | "content_block_delta" |
+          "content_block_stop" | "message_delta" | "message_stop" | "ping" | "error";
+    message?: {
+        usage: {
+            input_tokens: number;
+            output_tokens: number;
+        };
+    };
+    delta?: {
+        stop_reason?: string;
+        stop_sequence?: string | null;
+    };
+    usage?: {
+        output_tokens: number;
+    };
+}
+
+/**
+ * Builds the proxy request for Claude API
+ * - Sets x-api-key header (Claude uses this instead of Authorization)
+ * - Sets anthropic-version header (required by Claude API)
+ * - Forces stream: true for usage tracking (similar to OpenAI pattern)
+ */
+const buildProxyRequest = (
+    request: Request,
+    reqJson: any,
+    config: ChannelConfig
+): Request => {
+    const url = new URL(request.url)
+    const targetUrl = new URL(config.endpoint)
+
+    // Claude API uses /v1/messages endpoint
+    targetUrl.pathname = url.pathname
+
+    const targetHeaders = new Headers(request.headers)
+
+    // Claude uses x-api-key header instead of Authorization
+    targetHeaders.set("x-api-key", config.api_key)
+
+    // Required API version header
+    targetHeaders.set("anthropic-version", config.api_version || "2023-06-01")
+
+    // Ensure content-type is set
+    targetHeaders.set("Content-Type", "application/json")
+
+    return new Request(targetUrl, {
+        method: request.method,
+        headers: targetHeaders,
+        body: JSON.stringify(reqJson),
+    })
+}
+
+/**
+ * Extracts and saves usage data from Claude response
+ * Claude provides usage in a different format than OpenAI:
+ * - Non-streaming: usage.input_tokens + usage.output_tokens
+ * - Streaming: message_start (input_tokens) + message_delta (output_tokens)
+ */
+const checkoutUsageData = async (
+    saveUsage: (usage: Usage) => Promise<void>,
+    response: Response | ClaudeMessageResponse
+): Promise<void> => {
+    try {
+        const res = response instanceof Response
+            ? await response.clone().json<ClaudeMessageResponse>()
+            : response
+
+        if (!res.usage) return;
+
+        // Convert Claude usage format to internal Usage type
+        const usage: Usage = {
+            prompt_tokens: res.usage.input_tokens,
+            completion_tokens: res.usage.output_tokens,
+            total_tokens: res.usage.input_tokens + res.usage.output_tokens,
+        }
+
+        await saveUsage(usage)
+    } catch (error) {
+        console.error("Error logging Claude usage data:", error)
+    }
+}
+
+/**
+ * Processes Claude SSE stream data to extract token usage
+ *
+ * Claude SSE format:
+ * event: message_start
+ * data: {"type": "message_start", "message": {..., "usage": {"input_tokens": 26, "output_tokens": 0}}}
+ *
+ * event: message_delta
+ * data: {"type": "message_delta", "delta": {...}, "usage": {"output_tokens": 40}}
+ *
+ * We accumulate input_tokens from message_start and output_tokens from message_delta
+ */
+const processStreamData = async (
+    lines: string[],
+    usageAccumulator: { input_tokens: number; output_tokens: number },
+    saveUsage: (usage: Usage) => Promise<void>
+): Promise<void> => {
+    for (const line of lines) {
+        const trimmedLine = line.trim()
+
+        // Skip empty lines and non-data lines
+        if (!trimmedLine.length || !trimmedLine.startsWith('data:')) continue
+
+        // Extract JSON content after "data: " prefix
+        const jsonContent = trimmedLine.replace('data:', '').trim()
+
+        // Skip ping events
+        if (jsonContent === '{}') continue
+
+        try {
+            const event = JSON.parse(jsonContent) as ClaudeStreamEvent
+
+            // Extract input tokens from message_start event
+            if (event.type === "message_start" && event.message?.usage) {
+                usageAccumulator.input_tokens = event.message.usage.input_tokens
+            }
+
+            // Extract output tokens from message_delta event
+            if (event.type === "message_delta" && event.usage) {
+                usageAccumulator.output_tokens = event.usage.output_tokens
+            }
+
+            // When stream ends, save the accumulated usage
+            if (event.type === "message_stop") {
+                const usage: Usage = {
+                    prompt_tokens: usageAccumulator.input_tokens,
+                    completion_tokens: usageAccumulator.output_tokens,
+                    total_tokens: usageAccumulator.input_tokens + usageAccumulator.output_tokens,
+                }
+                await saveUsage(usage)
+            }
+        } catch (e) {
+            console.error("Error parsing Claude stream data:", e, "Line:", jsonContent)
+        }
+    }
+}
+
+/**
+ * Handles Claude streaming response
+ * - Reads the stream chunk by chunk
+ * - Buffers incomplete lines
+ * - Extracts token usage from SSE events
+ * - Runs in background via c.executionCtx.waitUntil()
+ */
+const handleStreamResponse = async (
+    c: Context<HonoCustomType>,
+    streamForServer: ReadableStream<any> | undefined,
+    saveUsage: (usage: Usage) => Promise<void>
+): Promise<void> => {
+    const reader = streamForServer?.getReader()
+    if (!reader) {
+        throw new Error("No reader found in response body")
+    }
+
+    const decoder = new TextDecoder('utf-8')
+    let buffer = ""
+
+    // Accumulator for token usage across stream events
+    const usageAccumulator = {
+        input_tokens: 0,
+        output_tokens: 0,
+    }
+
+    while (true) {
+        const { done, value } = await reader.read()
+        if (done) break
+
+        const chunk = decoder.decode(value, { stream: true })
+        buffer += chunk
+
+        // Wait until we have complete lines
+        if (!chunk.includes('\n')) continue
+
+        const lines = buffer.split('\n')
+        buffer = lines.pop() || ""
+
+        await processStreamData(lines, usageAccumulator, saveUsage)
+    }
+
+    // Process any remaining buffered data
+    if (buffer.trim()) {
+        await processStreamData([buffer], usageAccumulator, saveUsage)
+    }
+}
+
+/**
+ * Main Claude proxy handler
+ *
+ * Flow:
+ * 1. Extract and validate model from request
+ * 2. Map model name via deployment_mapper
+ * 3. Force stream: true for usage tracking (Claude doesn't need stream_options)
+ * 4. Build proxy request with Claude-specific headers
+ * 5. Forward request to Claude API
+ * 6. For streaming: tee the response and extract usage in background
+ * 7. For non-streaming: extract usage from response body
+ */
+export default {
+    async fetch(
+        c: Context<HonoCustomType>,
+        config: ChannelConfig,
+        saveUsage: (usage: Usage) => Promise<void>,
+    ): Promise<Response> {
+        // Parse request body
+        const reqJson = await c.req.json()
+        const { model: modelName, stream } = reqJson;
+
+        // Validate model support
+        const deploymentName = config.deployment_mapper[modelName]
+        if (!deploymentName) {
+            throw new Error(`Model ${modelName} not supported`)
+        }
+
+        // Map model name
+        reqJson.model = deploymentName
+
+        // Force streaming for usage tracking
+        // Unlike OpenAI, Claude doesn't need stream_options - usage is always included
+        if (!stream) {
+            // Even for non-streaming, we might want to force stream for consistency
+            // But Claude's non-streaming response already includes usage, so we keep it as-is
+        }
+
+        // Build and send proxy request
+        const proxyRequest = buildProxyRequest(c.req.raw, reqJson, config)
+        const response = await fetch(proxyRequest)
+
+        // Handle streaming response
+        if (stream || reqJson.stream) {
+            const [streamForClient, streamForServer] = response.body?.tee() || []
+
+            // Process stream in background to extract usage
+            c.executionCtx.waitUntil(handleStreamResponse(c, streamForServer, saveUsage))
+
+            return new Response(streamForClient, {
+                headers: response.headers,
+                status: response.status,
+                statusText: response.statusText,
+            })
+        }
+
+        // Handle non-streaming response
+        if (response.ok) {
+            await checkoutUsageData(saveUsage, response)
+        }
+
+        return response
+    }
+}
diff --git a/src/providers/index.ts b/src/providers/index.ts
index 6cce98b..a168cfa 100644
--- a/src/providers/index.ts
+++ b/src/providers/index.ts
@@ -3,6 +3,7 @@ import { contentJson, fromHono, OpenAPIRoute } from 'chanfana';
 
 import azureOpenaiProxy from "./azure-openai-proxy"
 import openaiProxy from "./openai-proxy"
+import claudeProxy from "./claude-proxy"
 import utils from "../utils"
 import { TokenUtils } from "../admin/token_utils"
 import { CONSTANTS } from "../constants"
@@ -20,6 +21,7 @@ const providerMap: Record<
 > = {
     "azure-openai": azureOpenaiProxy.fetch,
     "openai": openaiProxy.fetch,
+    "claude": claudeProxy.fetch,
 };
 
 class ProxyEndpoint extends OpenAPIRoute {
@@ -134,3 +136,4 @@ class ProxyEndpoint extends OpenAPIRoute {
 }
 
 api.post("/v1/chat/completions", ProxyEndpoint)
+api.post("/v1/messages", ProxyEndpoint)  // Claude API endpoint
diff --git a/type.d.ts b/type.d.ts
index dbae3c4..d99d6f7 100644
--- a/type.d.ts
+++ b/type.d.ts
@@ -32,7 +32,7 @@ type ApiTokenRow = BaseDbRow & {
     usage: number;
 }
 
-type ChannelType = "azure-openai" | "openai" | undefined | null;
+type ChannelType = "azure-openai" | "openai" | "claude" | undefined | null;
 
 type ChannelConfig = {
     name: string;
diff --git a/worker-configuration.d.ts b/worker-configuration.d.ts
index 140509e..4c4d233 100644
--- a/worker-configuration.d.ts
+++ b/worker-configuration.d.ts
@@ -1,5 +1,5 @@
 /* eslint-disable */
-// Runtime types generated with workerd@1.20250428.0 2025-04-28 
+// Runtime types generated with workerd@1.20251210.0 2025-04-28 
 // Begin runtime types
 /*! *****************************************************************************
 Copyright (c) Cloudflare. All rights reserved.
@@ -19,17 +19,26 @@ and limitations under the License.
 // noinspection JSUnusedGlobalSymbols
 declare var onmessage: never;
 /**
- * An abnormal event (called an exception) which occurs as a result of calling a method or accessing a property of a web API.
+ * The **`DOMException`** interface represents an abnormal event (called an **exception**) that occurs as a result of calling a method or accessing a property of a web API.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMException)
  */
 declare class DOMException extends Error {
     constructor(message?: string, name?: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMException/message) */
+    /**
+     * The **`message`** read-only property of the a message or description associated with the given error name.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMException/message)
+     */
     readonly message: string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMException/name) */
+    /**
+     * The **`name`** read-only property of the one of the strings associated with an error name.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMException/name)
+     */
     readonly name: string;
     /**
+     * The **`code`** read-only property of the DOMException interface returns one of the legacy error code constants, or `0` if none match.
      * @deprecated
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMException/code)
@@ -73,45 +82,121 @@ type WorkerGlobalScopeEventMap = {
 declare abstract class WorkerGlobalScope extends EventTarget<WorkerGlobalScopeEventMap> {
     EventTarget: typeof EventTarget;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console) */
+/* The **`console`** object provides access to the debugging console (e.g., the Web console in Firefox). *
+ * The **`console`** object provides access to the debugging console (e.g., the Web console in Firefox).
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console)
+ */
 interface Console {
     "assert"(condition?: boolean, ...data: any[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/clear_static) */
+    /**
+     * The **`console.clear()`** static method clears the console if possible.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/clear_static)
+     */
     clear(): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/count_static) */
+    /**
+     * The **`console.count()`** static method logs the number of times that this particular call to `count()` has been called.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/count_static)
+     */
     count(label?: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/countreset_static) */
+    /**
+     * The **`console.countReset()`** static method resets counter used with console/count_static.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/countReset_static)
+     */
     countReset(label?: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/debug_static) */
+    /**
+     * The **`console.debug()`** static method outputs a message to the console at the 'debug' log level.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/debug_static)
+     */
     debug(...data: any[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/dir_static) */
+    /**
+     * The **`console.dir()`** static method displays a list of the properties of the specified JavaScript object.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/dir_static)
+     */
     dir(item?: any, options?: any): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/dirxml_static) */
+    /**
+     * The **`console.dirxml()`** static method displays an interactive tree of the descendant elements of the specified XML/HTML element.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/dirxml_static)
+     */
     dirxml(...data: any[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/error_static) */
+    /**
+     * The **`console.error()`** static method outputs a message to the console at the 'error' log level.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/error_static)
+     */
     error(...data: any[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/group_static) */
+    /**
+     * The **`console.group()`** static method creates a new inline group in the Web console log, causing any subsequent console messages to be indented by an additional level, until console/groupEnd_static is called.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/group_static)
+     */
     group(...data: any[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/groupcollapsed_static) */
+    /**
+     * The **`console.groupCollapsed()`** static method creates a new inline group in the console.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/groupCollapsed_static)
+     */
     groupCollapsed(...data: any[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/groupend_static) */
+    /**
+     * The **`console.groupEnd()`** static method exits the current inline group in the console.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/groupEnd_static)
+     */
     groupEnd(): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/info_static) */
+    /**
+     * The **`console.info()`** static method outputs a message to the console at the 'info' log level.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/info_static)
+     */
     info(...data: any[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static) */
+    /**
+     * The **`console.log()`** static method outputs a message to the console.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)
+     */
     log(...data: any[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/table_static) */
+    /**
+     * The **`console.table()`** static method displays tabular data as a table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/table_static)
+     */
     table(tabularData?: any, properties?: string[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/time_static) */
+    /**
+     * The **`console.time()`** static method starts a timer you can use to track how long an operation takes.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/time_static)
+     */
     time(label?: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/timeend_static) */
+    /**
+     * The **`console.timeEnd()`** static method stops a timer that was previously started by calling console/time_static.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/timeEnd_static)
+     */
     timeEnd(label?: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/timelog_static) */
+    /**
+     * The **`console.timeLog()`** static method logs the current value of a timer that was previously started by calling console/time_static.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/timeLog_static)
+     */
     timeLog(label?: string, ...data: any[]): void;
     timeStamp(label?: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/trace_static) */
+    /**
+     * The **`console.trace()`** static method outputs a stack trace to the console.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/trace_static)
+     */
     trace(...data: any[]): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/warn_static) */
+    /**
+     * The **`console.warn()`** static method outputs a warning message to the console at the 'warning' log level.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/console/warn_static)
+     */
     warn(...data: any[]): void;
 }
 declare const console: Console;
@@ -185,7 +270,7 @@ declare namespace WebAssembly {
     function validate(bytes: BufferSource): boolean;
 }
 /**
- * This ServiceWorker API interface represents the global execution context of a service worker.
+ * The **`ServiceWorkerGlobalScope`** interface of the Service Worker API represents the global execution context of a service worker.
  * Available only in secure contexts.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ServiceWorkerGlobalScope)
@@ -272,7 +357,7 @@ interface ServiceWorkerGlobalScope extends WorkerGlobalScope {
 declare function addEventListener<Type extends keyof WorkerGlobalScopeEventMap>(type: Type, handler: EventListenerOrEventListenerObject<WorkerGlobalScopeEventMap[Type]>, options?: EventTargetAddEventListenerOptions | boolean): void;
 declare function removeEventListener<Type extends keyof WorkerGlobalScopeEventMap>(type: Type, handler: EventListenerOrEventListenerObject<WorkerGlobalScopeEventMap[Type]>, options?: EventTargetEventListenerOptions | boolean): void;
 /**
- * Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.
+ * The **`dispatchEvent()`** method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget/dispatchEvent)
  */
@@ -281,25 +366,25 @@ declare function dispatchEvent(event: WorkerGlobalScopeEventMap[keyof WorkerGlob
 declare function btoa(data: string): string;
 /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/atob) */
 declare function atob(data: string): string;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/setTimeout) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/setTimeout) */
 declare function setTimeout(callback: (...args: any[]) => void, msDelay?: number): number;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/setTimeout) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/setTimeout) */
 declare function setTimeout<Args extends any[]>(callback: (...args: Args) => void, msDelay?: number, ...args: Args): number;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/clearTimeout) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/clearTimeout) */
 declare function clearTimeout(timeoutId: number | null): void;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/setInterval) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/setInterval) */
 declare function setInterval(callback: (...args: any[]) => void, msDelay?: number): number;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/setInterval) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/setInterval) */
 declare function setInterval<Args extends any[]>(callback: (...args: Args) => void, msDelay?: number, ...args: Args): number;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/clearInterval) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/clearInterval) */
 declare function clearInterval(timeoutId: number | null): void;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/queueMicrotask) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/queueMicrotask) */
 declare function queueMicrotask(task: Function): void;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/structuredClone) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/structuredClone) */
 declare function structuredClone<T>(value: T, options?: StructuredSerializeOptions): T;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/reportError) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/reportError) */
 declare function reportError(error: any): void;
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/fetch) */
+/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/fetch) */
 declare function fetch(input: RequestInfo | URL, init?: RequestInit<RequestInitCfProperties>): Promise<Response>;
 declare const self: ServiceWorkerGlobalScope;
 /**
@@ -330,15 +415,15 @@ declare const origin: string;
 declare const navigator: Navigator;
 interface TestController {
 }
-interface ExecutionContext {
+interface ExecutionContext<Props = unknown> {
     waitUntil(promise: Promise<any>): void;
     passThroughOnException(): void;
-    props: any;
+    readonly props: Props;
 }
 type ExportedHandlerFetchHandler<Env = unknown, CfHostMetadata = unknown> = (request: Request<CfHostMetadata, IncomingRequestCfProperties<CfHostMetadata>>, env: Env, ctx: ExecutionContext) => Response | Promise<Response>;
 type ExportedHandlerTailHandler<Env = unknown> = (events: TraceItem[], env: Env, ctx: ExecutionContext) => void | Promise<void>;
 type ExportedHandlerTraceHandler<Env = unknown> = (traces: TraceItem[], env: Env, ctx: ExecutionContext) => void | Promise<void>;
-type ExportedHandlerTailStreamHandler<Env = unknown> = (event: TailStream.TailEvent, env: Env, ctx: ExecutionContext) => TailStream.TailEventHandlerType | Promise<TailStream.TailEventHandlerType>;
+type ExportedHandlerTailStreamHandler<Env = unknown> = (event: TailStream.TailEvent<TailStream.Onset>, env: Env, ctx: ExecutionContext) => TailStream.TailEventHandlerType | Promise<TailStream.TailEventHandlerType>;
 type ExportedHandlerScheduledHandler<Env = unknown> = (controller: ScheduledController, env: Env, ctx: ExecutionContext) => void | Promise<void>;
 type ExportedHandlerQueueHandler<Env = unknown, Message = unknown> = (batch: MessageBatch<Message>, env: Env, ctx: ExecutionContext) => void | Promise<void>;
 type ExportedHandlerTestHandler<Env = unknown> = (controller: TestController, env: Env, ctx: ExecutionContext) => void | Promise<void>;
@@ -355,30 +440,11 @@ interface ExportedHandler<Env = unknown, QueueHandlerMessage = unknown, CfHostMe
 interface StructuredSerializeOptions {
     transfer?: any[];
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/PromiseRejectionEvent) */
-declare abstract class PromiseRejectionEvent extends Event {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/PromiseRejectionEvent/promise) */
-    readonly promise: Promise<any>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/PromiseRejectionEvent/reason) */
-    readonly reason: any;
-}
 declare abstract class Navigator {
-    sendBeacon(url: string, body?: (ReadableStream | string | (ArrayBuffer | ArrayBufferView) | Blob | FormData | URLSearchParams | URLSearchParams)): boolean;
+    sendBeacon(url: string, body?: BodyInit): boolean;
     readonly userAgent: string;
     readonly hardwareConcurrency: number;
 }
-/**
-* The Workers runtime supports a subset of the Performance API, used to measure timing and performance,
-* as well as timing of subrequests and other operations.
-*
-* [Cloudflare Docs Reference](https://developers.cloudflare.com/workers/runtime-apis/performance/)
-*/
-interface Performance {
-    /* [Cloudflare Docs Reference](https://developers.cloudflare.com/workers/runtime-apis/performance/#performancetimeorigin) */
-    readonly timeOrigin: number;
-    /* [Cloudflare Docs Reference](https://developers.cloudflare.com/workers/runtime-apis/performance/#performancenow) */
-    now(): number;
-}
 interface AlarmInvocationInfo {
     readonly isRetry: boolean;
     readonly retryCount: number;
@@ -402,14 +468,15 @@ interface DurableObjectId {
     equals(other: DurableObjectId): boolean;
     readonly name?: string;
 }
-interface DurableObjectNamespace<T extends Rpc.DurableObjectBranded | undefined = undefined> {
+declare abstract class DurableObjectNamespace<T extends Rpc.DurableObjectBranded | undefined = undefined> {
     newUniqueId(options?: DurableObjectNamespaceNewUniqueIdOptions): DurableObjectId;
     idFromName(name: string): DurableObjectId;
     idFromString(id: string): DurableObjectId;
     get(id: DurableObjectId, options?: DurableObjectNamespaceGetDurableObjectOptions): DurableObjectStub<T>;
+    getByName(name: string, options?: DurableObjectNamespaceGetDurableObjectOptions): DurableObjectStub<T>;
     jurisdiction(jurisdiction: DurableObjectJurisdiction): DurableObjectNamespace<T>;
 }
-type DurableObjectJurisdiction = "eu" | "fedramp";
+type DurableObjectJurisdiction = "eu" | "fedramp" | "fedramp-high";
 interface DurableObjectNamespaceNewUniqueIdOptions {
     jurisdiction?: DurableObjectJurisdiction;
 }
@@ -417,8 +484,11 @@ type DurableObjectLocationHint = "wnam" | "enam" | "sam" | "weur" | "eeur" | "ap
 interface DurableObjectNamespaceGetDurableObjectOptions {
     locationHint?: DurableObjectLocationHint;
 }
-interface DurableObjectState {
+interface DurableObjectClass<_T extends Rpc.DurableObjectBranded | undefined = undefined> {
+}
+interface DurableObjectState<Props = unknown> {
     waitUntil(promise: Promise<any>): void;
+    readonly props: Props;
     readonly id: DurableObjectId;
     readonly storage: DurableObjectStorage;
     container?: Container;
@@ -461,6 +531,7 @@ interface DurableObjectStorage {
     deleteAlarm(options?: DurableObjectSetAlarmOptions): Promise<void>;
     sync(): Promise<void>;
     sql: SqlStorage;
+    kv: SyncKvStorage;
     transactionSync<T>(closure: () => T): T;
     getCurrentBookmark(): Promise<string>;
     getBookmarkForTime(timestamp: number | Date): Promise<string>;
@@ -506,116 +577,120 @@ interface AnalyticsEngineDataPoint {
     blobs?: ((ArrayBuffer | string) | null)[];
 }
 /**
- * An event which takes place in the DOM.
+ * The **`Event`** interface represents an event which takes place on an `EventTarget`.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event)
  */
 declare class Event {
     constructor(type: string, init?: EventInit);
     /**
-     * Returns the type of event, e.g. "click", "hashchange", or "submit".
+     * The **`type`** read-only property of the Event interface returns a string containing the event's type.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/type)
      */
     get type(): string;
     /**
-     * Returns the event's phase, which is one of NONE, CAPTURING_PHASE, AT_TARGET, and BUBBLING_PHASE.
+     * The **`eventPhase`** read-only property of the being evaluated.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/eventPhase)
      */
     get eventPhase(): number;
     /**
-     * Returns true or false depending on how event was initialized. True if event invokes listeners past a ShadowRoot node that is the root of its target, and false otherwise.
+     * The read-only **`composed`** property of the or not the event will propagate across the shadow DOM boundary into the standard DOM.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/composed)
      */
     get composed(): boolean;
     /**
-     * Returns true or false depending on how event was initialized. True if event goes through its target's ancestors in reverse tree order, and false otherwise.
+     * The **`bubbles`** read-only property of the Event interface indicates whether the event bubbles up through the DOM tree or not.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/bubbles)
      */
     get bubbles(): boolean;
     /**
-     * Returns true or false depending on how event was initialized. Its return value does not always carry meaning, but true can indicate that part of the operation during which event was dispatched, can be canceled by invoking the preventDefault() method.
+     * The **`cancelable`** read-only property of the Event interface indicates whether the event can be canceled, and therefore prevented as if the event never happened.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/cancelable)
      */
     get cancelable(): boolean;
     /**
-     * Returns true if preventDefault() was invoked successfully to indicate cancelation, and false otherwise.
+     * The **`defaultPrevented`** read-only property of the Event interface returns a boolean value indicating whether or not the call to Event.preventDefault() canceled the event.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/defaultPrevented)
      */
     get defaultPrevented(): boolean;
     /**
+     * The Event property **`returnValue`** indicates whether the default action for this event has been prevented or not.
      * @deprecated
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/returnValue)
      */
     get returnValue(): boolean;
     /**
-     * Returns the object whose event listener's callback is currently being invoked.
+     * The **`currentTarget`** read-only property of the Event interface identifies the element to which the event handler has been attached.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/currentTarget)
      */
     get currentTarget(): EventTarget | undefined;
     /**
-     * Returns the object to which event is dispatched (its target).
+     * The read-only **`target`** property of the dispatched.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/target)
      */
     get target(): EventTarget | undefined;
     /**
+     * The deprecated **`Event.srcElement`** is an alias for the Event.target property.
      * @deprecated
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/srcElement)
      */
     get srcElement(): EventTarget | undefined;
     /**
-     * Returns the event's timestamp as the number of milliseconds measured relative to the time origin.
+     * The **`timeStamp`** read-only property of the Event interface returns the time (in milliseconds) at which the event was created.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/timeStamp)
      */
     get timeStamp(): number;
     /**
-     * Returns true if event was dispatched by the user agent, and false otherwise.
+     * The **`isTrusted`** read-only property of the when the event was generated by the user agent (including via user actions and programmatic methods such as HTMLElement.focus()), and `false` when the event was dispatched via The only exception is the `click` event, which initializes the `isTrusted` property to `false` in user agents.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/isTrusted)
      */
     get isTrusted(): boolean;
     /**
+     * The **`cancelBubble`** property of the Event interface is deprecated.
      * @deprecated
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/cancelBubble)
      */
     get cancelBubble(): boolean;
     /**
+     * The **`cancelBubble`** property of the Event interface is deprecated.
      * @deprecated
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/cancelBubble)
      */
     set cancelBubble(value: boolean);
     /**
-     * Invoking this method prevents event from reaching any registered event listeners after the current one finishes running and, when dispatched in a tree, also prevents event from reaching any other objects.
+     * The **`stopImmediatePropagation()`** method of the If several listeners are attached to the same element for the same event type, they are called in the order in which they were added.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/stopImmediatePropagation)
      */
     stopImmediatePropagation(): void;
     /**
-     * If invoked when the cancelable attribute value is true, and while executing a listener for the event with passive set to false, signals to the operation that caused event to be dispatched that it needs to be canceled.
+     * The **`preventDefault()`** method of the Event interface tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/preventDefault)
      */
     preventDefault(): void;
     /**
-     * When dispatched in a tree, invoking this method prevents event from reaching any objects other than the current object.
+     * The **`stopPropagation()`** method of the Event interface prevents further propagation of the current event in the capturing and bubbling phases.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/stopPropagation)
      */
     stopPropagation(): void;
     /**
-     * Returns the invocation target objects of event's path (objects on which listeners will be invoked), except for any nodes in shadow trees of which the shadow root's mode is "closed" that are not reachable from event's currentTarget.
+     * The **`composedPath()`** method of the Event interface returns the event's path which is an array of the objects on which listeners will be invoked.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Event/composedPath)
      */
@@ -636,38 +711,26 @@ interface EventListenerObject<EventType extends Event = Event> {
 }
 type EventListenerOrEventListenerObject<EventType extends Event = Event> = EventListener<EventType> | EventListenerObject<EventType>;
 /**
- * EventTarget is a DOM interface implemented by objects that can receive events and may have listeners for them.
+ * The **`EventTarget`** interface is implemented by objects that can receive events and may have listeners for them.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget)
  */
 declare class EventTarget<EventMap extends Record<string, Event> = Record<string, Event>> {
     constructor();
     /**
-     * Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched.
-     *
-     * The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.
-     *
-     * When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.
-     *
-     * When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners.
-     *
-     * When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed.
-     *
-     * If an AbortSignal is passed for options's signal, then the event listener will be removed when signal is aborted.
-     *
-     * The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.
+     * The **`addEventListener()`** method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener)
      */
     addEventListener<Type extends keyof EventMap>(type: Type, handler: EventListenerOrEventListenerObject<EventMap[Type]>, options?: EventTargetAddEventListenerOptions | boolean): void;
     /**
-     * Removes the event listener in target's event listener list with the same type, callback, and options.
+     * The **`removeEventListener()`** method of the EventTarget interface removes an event listener previously registered with EventTarget.addEventListener() from the target.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget/removeEventListener)
      */
     removeEventListener<Type extends keyof EventMap>(type: Type, handler: EventListenerOrEventListenerObject<EventMap[Type]>, options?: EventTargetEventListenerOptions | boolean): void;
     /**
-     * Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.
+     * The **`dispatchEvent()`** method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget/dispatchEvent)
      */
@@ -686,50 +749,70 @@ interface EventTargetHandlerObject {
     handleEvent: (event: Event) => any | undefined;
 }
 /**
- * A controller object that allows you to abort one or more DOM requests as and when desired.
+ * The **`AbortController`** interface represents a controller object that allows you to abort one or more Web requests as and when desired.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortController)
  */
 declare class AbortController {
     constructor();
     /**
-     * Returns the AbortSignal object associated with this object.
+     * The **`signal`** read-only property of the AbortController interface returns an AbortSignal object instance, which can be used to communicate with/abort an asynchronous operation as desired.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortController/signal)
      */
     get signal(): AbortSignal;
     /**
-     * Invoking this method will set this object's AbortSignal's aborted flag and signal to any observers that the associated activity is to be aborted.
+     * The **`abort()`** method of the AbortController interface aborts an asynchronous operation before it has completed.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortController/abort)
      */
     abort(reason?: any): void;
 }
 /**
- * A signal object that allows you to communicate with a DOM request (such as a Fetch) and abort it if required via an AbortController object.
+ * The **`AbortSignal`** interface represents a signal object that allows you to communicate with an asynchronous operation (such as a fetch request) and abort it if required via an AbortController object.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal)
  */
 declare abstract class AbortSignal extends EventTarget {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/abort_static) */
+    /**
+     * The **`AbortSignal.abort()`** static method returns an AbortSignal that is already set as aborted (and which does not trigger an AbortSignal/abort_event event).
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/abort_static)
+     */
     static abort(reason?: any): AbortSignal;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/timeout_static) */
+    /**
+     * The **`AbortSignal.timeout()`** static method returns an AbortSignal that will automatically abort after a specified time.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/timeout_static)
+     */
     static timeout(delay: number): AbortSignal;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/any_static) */
+    /**
+     * The **`AbortSignal.any()`** static method takes an iterable of abort signals and returns an AbortSignal.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/any_static)
+     */
     static any(signals: AbortSignal[]): AbortSignal;
     /**
-     * Returns true if this AbortSignal's AbortController has signaled to abort, and false otherwise.
+     * The **`aborted`** read-only property returns a value that indicates whether the asynchronous operations the signal is communicating with are aborted (`true`) or not (`false`).
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/aborted)
      */
     get aborted(): boolean;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/reason) */
+    /**
+     * The **`reason`** read-only property returns a JavaScript value that indicates the abort reason.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/reason)
+     */
     get reason(): any;
     /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/abort_event) */
     get onabort(): any | null;
     /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/abort_event) */
     set onabort(value: any | null);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/throwIfAborted) */
+    /**
+     * The **`throwIfAborted()`** method throws the signal's abort AbortSignal.reason if the signal has been aborted; otherwise it does nothing.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/AbortSignal/throwIfAborted)
+     */
     throwIfAborted(): void;
 }
 interface Scheduler {
@@ -739,19 +822,27 @@ interface SchedulerWaitOptions {
     signal?: AbortSignal;
 }
 /**
- * Extends the lifetime of the install and activate events dispatched on the global scope as part of the service worker lifecycle. This ensures that any functional events (like FetchEvent) are not dispatched until it upgrades database schemas and deletes the outdated cache entries.
+ * The **`ExtendableEvent`** interface extends the lifetime of the `install` and `activate` events dispatched on the global scope as part of the service worker lifecycle.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ExtendableEvent)
  */
 declare abstract class ExtendableEvent extends Event {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ExtendableEvent/waitUntil) */
+    /**
+     * The **`ExtendableEvent.waitUntil()`** method tells the event dispatcher that work is ongoing.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ExtendableEvent/waitUntil)
+     */
     waitUntil(promise: Promise<any>): void;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/CustomEvent) */
+/**
+ * The **`CustomEvent`** interface represents events initialized by an application for any purpose.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CustomEvent)
+ */
 declare class CustomEvent<T = any> extends Event {
     constructor(type: string, init?: CustomEventCustomEventInit);
     /**
-     * Returns any custom data event was created with. Typically used for synthetic events.
+     * The read-only **`detail`** property of the CustomEvent interface returns any data passed when initializing the event.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CustomEvent/detail)
      */
@@ -764,39 +855,76 @@ interface CustomEventCustomEventInit {
     detail?: any;
 }
 /**
- * A file-like object of immutable, raw data. Blobs represent data that isn't necessarily in a JavaScript-native format. The File interface is based on Blob, inheriting blob functionality and expanding it to support files on the user's system.
+ * The **`Blob`** interface represents a blob, which is a file-like object of immutable, raw data; they can be read as text or binary data, or converted into a ReadableStream so its methods can be used for processing the data.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob)
  */
 declare class Blob {
     constructor(type?: ((ArrayBuffer | ArrayBufferView) | string | Blob)[], options?: BlobOptions);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/size) */
+    /**
+     * The **`size`** read-only property of the Blob interface returns the size of the Blob or File in bytes.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/size)
+     */
     get size(): number;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/type) */
+    /**
+     * The **`type`** read-only property of the Blob interface returns the MIME type of the file.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/type)
+     */
     get type(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/slice) */
+    /**
+     * The **`slice()`** method of the Blob interface creates and returns a new `Blob` object which contains data from a subset of the blob on which it's called.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/slice)
+     */
     slice(start?: number, end?: number, type?: string): Blob;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/arrayBuffer) */
+    /**
+     * The **`arrayBuffer()`** method of the Blob interface returns a Promise that resolves with the contents of the blob as binary data contained in an ArrayBuffer.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/arrayBuffer)
+     */
     arrayBuffer(): Promise<ArrayBuffer>;
+    /**
+     * The **`bytes()`** method of the Blob interface returns a Promise that resolves with a Uint8Array containing the contents of the blob as an array of bytes.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/bytes)
+     */
     bytes(): Promise<Uint8Array>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/text) */
+    /**
+     * The **`text()`** method of the string containing the contents of the blob, interpreted as UTF-8.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/text)
+     */
     text(): Promise<string>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/stream) */
+    /**
+     * The **`stream()`** method of the Blob interface returns a ReadableStream which upon reading returns the data contained within the `Blob`.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Blob/stream)
+     */
     stream(): ReadableStream;
 }
 interface BlobOptions {
     type?: string;
 }
 /**
- * Provides information about files and allows JavaScript in a web page to access their content.
+ * The **`File`** interface provides information about files and allows JavaScript in a web page to access their content.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/File)
  */
 declare class File extends Blob {
     constructor(bits: ((ArrayBuffer | ArrayBufferView) | string | Blob)[] | undefined, name: string, options?: FileOptions);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/File/name) */
+    /**
+     * The **`name`** read-only property of the File interface returns the name of the file represented by a File object.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/File/name)
+     */
     get name(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/File/lastModified) */
+    /**
+     * The **`lastModified`** read-only property of the File interface provides the last modified date of the file as the number of milliseconds since the Unix epoch (January 1, 1970 at midnight).
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/File/lastModified)
+     */
     get lastModified(): number;
 }
 interface FileOptions {
@@ -809,7 +937,11 @@ interface FileOptions {
 * [Cloudflare Docs Reference](https://developers.cloudflare.com/workers/runtime-apis/cache/)
 */
 declare abstract class CacheStorage {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/CacheStorage/open) */
+    /**
+     * The **`open()`** method of the the Cache object matching the `cacheName`.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CacheStorage/open)
+     */
     open(cacheName: string): Promise<Cache>;
     readonly default: Cache;
 }
@@ -839,14 +971,20 @@ interface CacheQueryOptions {
 */
 declare abstract class Crypto {
     /**
+     * The **`Crypto.subtle`** read-only property returns a cryptographic operations.
      * Available only in secure contexts.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Crypto/subtle)
      */
     get subtle(): SubtleCrypto;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Crypto/getRandomValues) */
+    /**
+     * The **`Crypto.getRandomValues()`** method lets you get cryptographically strong random values.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Crypto/getRandomValues)
+     */
     getRandomValues<T extends Int8Array | Uint8Array | Int16Array | Uint16Array | Int32Array | Uint32Array | BigInt64Array | BigUint64Array>(buffer: T): T;
     /**
+     * The **`randomUUID()`** method of the Crypto interface is used to generate a v4 UUID using a cryptographically secure random number generator.
      * Available only in secure contexts.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Crypto/randomUUID)
@@ -855,52 +993,116 @@ declare abstract class Crypto {
     DigestStream: typeof DigestStream;
 }
 /**
- * This Web Crypto API interface provides a number of low-level cryptographic functions. It is accessed via the Crypto.subtle properties available in a window context (via Window.crypto).
+ * The **`SubtleCrypto`** interface of the Web Crypto API provides a number of low-level cryptographic functions.
  * Available only in secure contexts.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto)
  */
 declare abstract class SubtleCrypto {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/encrypt) */
+    /**
+     * The **`encrypt()`** method of the SubtleCrypto interface encrypts data.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/encrypt)
+     */
     encrypt(algorithm: string | SubtleCryptoEncryptAlgorithm, key: CryptoKey, plainText: ArrayBuffer | ArrayBufferView): Promise<ArrayBuffer>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/decrypt) */
+    /**
+     * The **`decrypt()`** method of the SubtleCrypto interface decrypts some encrypted data.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/decrypt)
+     */
     decrypt(algorithm: string | SubtleCryptoEncryptAlgorithm, key: CryptoKey, cipherText: ArrayBuffer | ArrayBufferView): Promise<ArrayBuffer>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/sign) */
+    /**
+     * The **`sign()`** method of the SubtleCrypto interface generates a digital signature.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/sign)
+     */
     sign(algorithm: string | SubtleCryptoSignAlgorithm, key: CryptoKey, data: ArrayBuffer | ArrayBufferView): Promise<ArrayBuffer>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/verify) */
+    /**
+     * The **`verify()`** method of the SubtleCrypto interface verifies a digital signature.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/verify)
+     */
     verify(algorithm: string | SubtleCryptoSignAlgorithm, key: CryptoKey, signature: ArrayBuffer | ArrayBufferView, data: ArrayBuffer | ArrayBufferView): Promise<boolean>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/digest) */
+    /**
+     * The **`digest()`** method of the SubtleCrypto interface generates a _digest_ of the given data, using the specified hash function.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/digest)
+     */
     digest(algorithm: string | SubtleCryptoHashAlgorithm, data: ArrayBuffer | ArrayBufferView): Promise<ArrayBuffer>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/generateKey) */
+    /**
+     * The **`generateKey()`** method of the SubtleCrypto interface is used to generate a new key (for symmetric algorithms) or key pair (for public-key algorithms).
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/generateKey)
+     */
     generateKey(algorithm: string | SubtleCryptoGenerateKeyAlgorithm, extractable: boolean, keyUsages: string[]): Promise<CryptoKey | CryptoKeyPair>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/deriveKey) */
+    /**
+     * The **`deriveKey()`** method of the SubtleCrypto interface can be used to derive a secret key from a master key.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/deriveKey)
+     */
     deriveKey(algorithm: string | SubtleCryptoDeriveKeyAlgorithm, baseKey: CryptoKey, derivedKeyAlgorithm: string | SubtleCryptoImportKeyAlgorithm, extractable: boolean, keyUsages: string[]): Promise<CryptoKey>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/deriveBits) */
+    /**
+     * The **`deriveBits()`** method of the key.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/deriveBits)
+     */
     deriveBits(algorithm: string | SubtleCryptoDeriveKeyAlgorithm, baseKey: CryptoKey, length?: number | null): Promise<ArrayBuffer>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/importKey) */
+    /**
+     * The **`importKey()`** method of the SubtleCrypto interface imports a key: that is, it takes as input a key in an external, portable format and gives you a CryptoKey object that you can use in the Web Crypto API.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/importKey)
+     */
     importKey(format: string, keyData: (ArrayBuffer | ArrayBufferView) | JsonWebKey, algorithm: string | SubtleCryptoImportKeyAlgorithm, extractable: boolean, keyUsages: string[]): Promise<CryptoKey>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/exportKey) */
+    /**
+     * The **`exportKey()`** method of the SubtleCrypto interface exports a key: that is, it takes as input a CryptoKey object and gives you the key in an external, portable format.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/exportKey)
+     */
     exportKey(format: string, key: CryptoKey): Promise<ArrayBuffer | JsonWebKey>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/wrapKey) */
+    /**
+     * The **`wrapKey()`** method of the SubtleCrypto interface 'wraps' a key.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/wrapKey)
+     */
     wrapKey(format: string, key: CryptoKey, wrappingKey: CryptoKey, wrapAlgorithm: string | SubtleCryptoEncryptAlgorithm): Promise<ArrayBuffer>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/unwrapKey) */
+    /**
+     * The **`unwrapKey()`** method of the SubtleCrypto interface 'unwraps' a key.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SubtleCrypto/unwrapKey)
+     */
     unwrapKey(format: string, wrappedKey: ArrayBuffer | ArrayBufferView, unwrappingKey: CryptoKey, unwrapAlgorithm: string | SubtleCryptoEncryptAlgorithm, unwrappedKeyAlgorithm: string | SubtleCryptoImportKeyAlgorithm, extractable: boolean, keyUsages: string[]): Promise<CryptoKey>;
     timingSafeEqual(a: ArrayBuffer | ArrayBufferView, b: ArrayBuffer | ArrayBufferView): boolean;
 }
 /**
- * The CryptoKey dictionary of the Web Crypto API represents a cryptographic key.
+ * The **`CryptoKey`** interface of the Web Crypto API represents a cryptographic key obtained from one of the SubtleCrypto methods SubtleCrypto.generateKey, SubtleCrypto.deriveKey, SubtleCrypto.importKey, or SubtleCrypto.unwrapKey.
  * Available only in secure contexts.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CryptoKey)
  */
 declare abstract class CryptoKey {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/CryptoKey/type) */
+    /**
+     * The read-only **`type`** property of the CryptoKey interface indicates which kind of key is represented by the object.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CryptoKey/type)
+     */
     readonly type: string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/CryptoKey/extractable) */
+    /**
+     * The read-only **`extractable`** property of the CryptoKey interface indicates whether or not the key may be extracted using `SubtleCrypto.exportKey()` or `SubtleCrypto.wrapKey()`.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CryptoKey/extractable)
+     */
     readonly extractable: boolean;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/CryptoKey/algorithm) */
+    /**
+     * The read-only **`algorithm`** property of the CryptoKey interface returns an object describing the algorithm for which this key can be used, and any associated extra parameters.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CryptoKey/algorithm)
+     */
     readonly algorithm: CryptoKeyKeyAlgorithm | CryptoKeyAesKeyAlgorithm | CryptoKeyHmacKeyAlgorithm | CryptoKeyRsaKeyAlgorithm | CryptoKeyEllipticKeyAlgorithm | CryptoKeyArbitraryKeyAlgorithm;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/CryptoKey/usages) */
+    /**
+     * The read-only **`usages`** property of the CryptoKey interface indicates what can be done with the key.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CryptoKey/usages)
+     */
     readonly usages: string[];
 }
 interface CryptoKeyPair {
@@ -1007,24 +1209,14 @@ declare class DigestStream extends WritableStream<ArrayBuffer | ArrayBufferView>
     get bytesWritten(): number | bigint;
 }
 /**
- * A decoder for a specific method, that is a specific character encoding, like utf-8, iso-8859-2, koi8, cp1261, gbk, etc. A decoder takes a stream of bytes as input and emits a stream of code points. For a more scalable, non-native library, see StringView – a C-like representation of strings based on typed arrays.
+ * The **`TextDecoder`** interface represents a decoder for a specific text encoding, such as `UTF-8`, `ISO-8859-2`, `KOI8-R`, `GBK`, etc.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TextDecoder)
  */
 declare class TextDecoder {
     constructor(label?: string, options?: TextDecoderConstructorOptions);
     /**
-     * Returns the result of running encoding's decoder. The method can be invoked zero or more times with options's stream set to true, and then once without options's stream (or set to false), to process a fragmented input. If the invocation without options's stream (or set to false) has no input, it's clearest to omit both arguments.
-     *
-     * ```
-     * var string = "", decoder = new TextDecoder(encoding), buffer;
-     * while(buffer = next_chunk()) {
-     *   string += decoder.decode(buffer, {stream:true});
-     * }
-     * string += decoder.decode(); // end-of-queue
-     * ```
-     *
-     * If the error mode is "fatal" and encoding's decoder returns error, throws a TypeError.
+     * The **`TextDecoder.decode()`** method returns a string containing text decoded from the buffer passed as a parameter.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TextDecoder/decode)
      */
@@ -1034,24 +1226,24 @@ declare class TextDecoder {
     get ignoreBOM(): boolean;
 }
 /**
- * TextEncoder takes a stream of code points as input and emits a stream of bytes. For a more scalable, non-native library, see StringView – a C-like representation of strings based on typed arrays.
+ * The **`TextEncoder`** interface takes a stream of code points as input and emits a stream of UTF-8 bytes.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TextEncoder)
  */
 declare class TextEncoder {
     constructor();
     /**
-     * Returns the result of running UTF-8's encoder.
+     * The **`TextEncoder.encode()`** method takes a string as input, and returns a Global_Objects/Uint8Array containing the text given in parameters encoded with the specific method for that TextEncoder object.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TextEncoder/encode)
      */
     encode(input?: string): Uint8Array;
     /**
-     * Runs the UTF-8 encoder on source, stores the result of that operation into destination, and returns the progress made as an object wherein read is the number of converted code units of source and written is the number of bytes modified in destination.
+     * The **`TextEncoder.encodeInto()`** method takes a string to encode and a destination Uint8Array to put resulting UTF-8 encoded text into, and returns a dictionary object indicating the progress of the encoding.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TextEncoder/encodeInto)
      */
-    encodeInto(input: string, buffer: ArrayBuffer | ArrayBufferView): TextEncoderEncodeIntoResult;
+    encodeInto(input: string, buffer: Uint8Array): TextEncoderEncodeIntoResult;
     get encoding(): string;
 }
 interface TextDecoderConstructorOptions {
@@ -1066,16 +1258,41 @@ interface TextEncoderEncodeIntoResult {
     written: number;
 }
 /**
- * Events providing information related to errors in scripts or in files.
+ * The **`ErrorEvent`** interface represents events providing information related to errors in scripts or in files.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ErrorEvent)
  */
 declare class ErrorEvent extends Event {
     constructor(type: string, init?: ErrorEventErrorEventInit);
+    /**
+     * The **`filename`** read-only property of the ErrorEvent interface returns a string containing the name of the script file in which the error occurred.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ErrorEvent/filename)
+     */
     get filename(): string;
+    /**
+     * The **`message`** read-only property of the ErrorEvent interface returns a string containing a human-readable error message describing the problem.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ErrorEvent/message)
+     */
     get message(): string;
+    /**
+     * The **`lineno`** read-only property of the ErrorEvent interface returns an integer containing the line number of the script file on which the error occurred.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ErrorEvent/lineno)
+     */
     get lineno(): number;
+    /**
+     * The **`colno`** read-only property of the ErrorEvent interface returns an integer containing the column number of the script file on which the error occurred.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ErrorEvent/colno)
+     */
     get colno(): number;
+    /**
+     * The **`error`** read-only property of the ErrorEvent interface returns a JavaScript value, such as an Error or DOMException, representing the error associated with this event.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ErrorEvent/error)
+     */
     get error(): any;
 }
 interface ErrorEventErrorEventInit {
@@ -1086,27 +1303,119 @@ interface ErrorEventErrorEventInit {
     error?: any;
 }
 /**
- * Provides a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the XMLHttpRequest.send() method. It uses the same format a form would use if the encoding type were set to "multipart/form-data".
+ * The **`MessageEvent`** interface represents a message received by a target object.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessageEvent)
+ */
+declare class MessageEvent extends Event {
+    constructor(type: string, initializer: MessageEventInit);
+    /**
+     * The **`data`** read-only property of the The data sent by the message emitter; this can be any data type, depending on what originated this event.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessageEvent/data)
+     */
+    readonly data: any;
+    /**
+     * The **`origin`** read-only property of the origin of the message emitter.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessageEvent/origin)
+     */
+    readonly origin: string | null;
+    /**
+     * The **`lastEventId`** read-only property of the unique ID for the event.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessageEvent/lastEventId)
+     */
+    readonly lastEventId: string;
+    /**
+     * The **`source`** read-only property of the a WindowProxy, MessagePort, or a `MessageEventSource` (which can be a WindowProxy, message emitter.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessageEvent/source)
+     */
+    readonly source: MessagePort | null;
+    /**
+     * The **`ports`** read-only property of the containing all MessagePort objects sent with the message, in order.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessageEvent/ports)
+     */
+    readonly ports: MessagePort[];
+}
+interface MessageEventInit {
+    data: ArrayBuffer | string;
+}
+/**
+ * The **`PromiseRejectionEvent`** interface represents events which are sent to the global script context when JavaScript Promises are rejected.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/PromiseRejectionEvent)
+ */
+declare abstract class PromiseRejectionEvent extends Event {
+    /**
+     * The PromiseRejectionEvent interface's **`promise`** read-only property indicates the JavaScript rejected.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/PromiseRejectionEvent/promise)
+     */
+    readonly promise: Promise<any>;
+    /**
+     * The PromiseRejectionEvent **`reason`** read-only property is any JavaScript value or Object which provides the reason passed into Promise.reject().
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/PromiseRejectionEvent/reason)
+     */
+    readonly reason: any;
+}
+/**
+ * The **`FormData`** interface provides a way to construct a set of key/value pairs representing form fields and their values, which can be sent using the Window/fetch, XMLHttpRequest.send() or navigator.sendBeacon() methods.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData)
  */
 declare class FormData {
     constructor();
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/append) */
+    /**
+     * The **`append()`** method of the FormData interface appends a new value onto an existing key inside a `FormData` object, or adds the key if it does not already exist.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/append)
+     */
     append(name: string, value: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/append) */
+    /**
+     * The **`append()`** method of the FormData interface appends a new value onto an existing key inside a `FormData` object, or adds the key if it does not already exist.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/append)
+     */
     append(name: string, value: Blob, filename?: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/delete) */
+    /**
+     * The **`delete()`** method of the FormData interface deletes a key and its value(s) from a `FormData` object.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/delete)
+     */
     delete(name: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/get) */
+    /**
+     * The **`get()`** method of the FormData interface returns the first value associated with a given key from within a `FormData` object.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/get)
+     */
     get(name: string): (File | string) | null;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/getAll) */
+    /**
+     * The **`getAll()`** method of the FormData interface returns all the values associated with a given key from within a `FormData` object.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/getAll)
+     */
     getAll(name: string): (File | string)[];
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/has) */
+    /**
+     * The **`has()`** method of the FormData interface returns whether a `FormData` object contains a certain key.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/has)
+     */
     has(name: string): boolean;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/set) */
+    /**
+     * The **`set()`** method of the FormData interface sets a new value for an existing key inside a `FormData` object, or adds the key/value if it does not already exist.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/set)
+     */
     set(name: string, value: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/set) */
+    /**
+     * The **`set()`** method of the FormData interface sets a new value for an existing key inside a `FormData` object, or adds the key/value if it does not already exist.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/set)
+     */
     set(name: string, value: Blob, filename?: string): void;
     /* Returns an array of key, value pairs for every entry in the list. */
     entries(): IterableIterator<[
@@ -1194,37 +1503,69 @@ interface DocumentEnd {
     append(content: string, options?: ContentOptions): DocumentEnd;
 }
 /**
- * This is the event type for fetch events dispatched on the service worker global scope. It contains information about the fetch, including the request and how the receiver will treat the response. It provides the event.respondWith() method, which allows us to provide a response to this fetch.
+ * This is the event type for `fetch` events dispatched on the ServiceWorkerGlobalScope.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FetchEvent)
  */
 declare abstract class FetchEvent extends ExtendableEvent {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FetchEvent/request) */
+    /**
+     * The **`request`** read-only property of the the event handler.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FetchEvent/request)
+     */
     readonly request: Request;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/FetchEvent/respondWith) */
+    /**
+     * The **`respondWith()`** method of allows you to provide a promise for a Response yourself.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/FetchEvent/respondWith)
+     */
     respondWith(promise: Response | Promise<Response>): void;
     passThroughOnException(): void;
 }
 type HeadersInit = Headers | Iterable<Iterable<string>> | Record<string, string>;
 /**
- * This Fetch API interface allows you to perform various actions on HTTP request and response headers. These actions include retrieving, setting, adding to, and removing. A Headers object has an associated header list, which is initially empty and consists of zero or more name and value pairs.  You can add to this using methods like append() (see Examples.) In all methods of this interface, header names are matched by case-insensitive byte sequence.
+ * The **`Headers`** interface of the Fetch API allows you to perform various actions on HTTP request and response headers.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers)
  */
 declare class Headers {
     constructor(init?: HeadersInit);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/get) */
+    /**
+     * The **`get()`** method of the Headers interface returns a byte string of all the values of a header within a `Headers` object with a given name.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/get)
+     */
     get(name: string): string | null;
     getAll(name: string): string[];
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/getSetCookie) */
+    /**
+     * The **`getSetCookie()`** method of the Headers interface returns an array containing the values of all Set-Cookie headers associated with a response.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/getSetCookie)
+     */
     getSetCookie(): string[];
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/has) */
+    /**
+     * The **`has()`** method of the Headers interface returns a boolean stating whether a `Headers` object contains a certain header.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/has)
+     */
     has(name: string): boolean;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/set) */
+    /**
+     * The **`set()`** method of the Headers interface sets a new value for an existing header inside a `Headers` object, or adds the header if it does not already exist.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/set)
+     */
     set(name: string, value: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/append) */
+    /**
+     * The **`append()`** method of the Headers interface appends a new value onto an existing header inside a `Headers` object, or adds the header if it does not already exist.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/append)
+     */
     append(name: string, value: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/delete) */
+    /**
+     * The **`delete()`** method of the Headers interface deletes a header from the current `Headers` object.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Headers/delete)
+     */
     delete(name: string): void;
     forEach<This = unknown>(callback: (this: This, value: string, key: string, parent: Headers) => void, thisArg?: This): void;
     /* Returns an iterator allowing to go through all key/value pairs contained in this object. */
@@ -1249,6 +1590,7 @@ declare abstract class Body {
     get bodyUsed(): boolean;
     /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/arrayBuffer) */
     arrayBuffer(): Promise<ArrayBuffer>;
+    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/bytes) */
     bytes(): Promise<Uint8Array>;
     /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/text) */
     text(): Promise<string>;
@@ -1260,7 +1602,7 @@ declare abstract class Body {
     blob(): Promise<Blob>;
 }
 /**
- * This Fetch API interface represents the response to a request.
+ * The **`Response`** interface of the Fetch API represents the response to a request.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response)
  */
@@ -1272,28 +1614,60 @@ declare var Response: {
     json(any: any, maybeInit?: (ResponseInit | Response)): Response;
 };
 /**
- * This Fetch API interface represents the response to a request.
+ * The **`Response`** interface of the Fetch API represents the response to a request.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response)
  */
 interface Response extends Body {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/clone) */
+    /**
+     * The **`clone()`** method of the Response interface creates a clone of a response object, identical in every way, but stored in a different variable.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/clone)
+     */
     clone(): Response;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/status) */
+    /**
+     * The **`status`** read-only property of the Response interface contains the HTTP status codes of the response.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/status)
+     */
     status: number;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/statusText) */
+    /**
+     * The **`statusText`** read-only property of the Response interface contains the status message corresponding to the HTTP status code in Response.status.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/statusText)
+     */
     statusText: string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/headers) */
+    /**
+     * The **`headers`** read-only property of the with the response.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/headers)
+     */
     headers: Headers;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/ok) */
+    /**
+     * The **`ok`** read-only property of the Response interface contains a Boolean stating whether the response was successful (status in the range 200-299) or not.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/ok)
+     */
     ok: boolean;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/redirected) */
+    /**
+     * The **`redirected`** read-only property of the Response interface indicates whether or not the response is the result of a request you made which was redirected.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/redirected)
+     */
     redirected: boolean;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/url) */
+    /**
+     * The **`url`** read-only property of the Response interface contains the URL of the response.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/url)
+     */
     url: string;
     webSocket: WebSocket | null;
     cf: any | undefined;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/type) */
+    /**
+     * The **`type`** read-only property of the Response interface contains the type of the response.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Response/type)
+     */
     type: "default" | "error";
 }
 interface ResponseInit {
@@ -1306,7 +1680,7 @@ interface ResponseInit {
 }
 type RequestInfo<CfHostMetadata = unknown, Cf = CfProperties<CfHostMetadata>> = Request<CfHostMetadata, Cf> | string;
 /**
- * This Fetch API interface represents a resource request.
+ * The **`Request`** interface of the Fetch API represents a resource request.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request)
  */
@@ -1315,55 +1689,63 @@ declare var Request: {
     new <CfHostMetadata = unknown, Cf = CfProperties<CfHostMetadata>>(input: RequestInfo<CfProperties> | URL, init?: RequestInit<Cf>): Request<CfHostMetadata, Cf>;
 };
 /**
- * This Fetch API interface represents a resource request.
+ * The **`Request`** interface of the Fetch API represents a resource request.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request)
  */
 interface Request<CfHostMetadata = unknown, Cf = CfProperties<CfHostMetadata>> extends Body {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/clone) */
+    /**
+     * The **`clone()`** method of the Request interface creates a copy of the current `Request` object.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/clone)
+     */
     clone(): Request<CfHostMetadata, Cf>;
     /**
-     * Returns request's HTTP method, which is "GET" by default.
+     * The **`method`** read-only property of the `POST`, etc.) A String indicating the method of the request.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/method)
      */
     method: string;
     /**
-     * Returns the URL of request as a string.
+     * The **`url`** read-only property of the Request interface contains the URL of the request.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/url)
      */
     url: string;
     /**
-     * Returns a Headers object consisting of the headers associated with request. Note that headers added in the network layer by the user agent will not be accounted for in this object, e.g., the "Host" header.
+     * The **`headers`** read-only property of the with the request.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/headers)
      */
     headers: Headers;
     /**
-     * Returns the redirect mode associated with request, which is a string indicating how redirects for the request will be handled during fetching. A request will follow redirects by default.
+     * The **`redirect`** read-only property of the Request interface contains the mode for how redirects are handled.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/redirect)
      */
     redirect: string;
     fetcher: Fetcher | null;
     /**
-     * Returns the signal associated with request, which is an AbortSignal object indicating whether or not request has been aborted, and its abort event handler.
+     * The read-only **`signal`** property of the Request interface returns the AbortSignal associated with the request.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/signal)
      */
     signal: AbortSignal;
     cf: Cf | undefined;
     /**
-     * Returns request's subresource integrity metadata, which is a cryptographic hash of the resource being fetched. Its value consists of multiple hashes separated by whitespace. [SRI]
+     * The **`integrity`** read-only property of the Request interface contains the subresource integrity value of the request.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/integrity)
      */
     integrity: string;
-    /* Returns a boolean indicating whether or not request can outlive the global in which it was created. */
+    /**
+     * The **`keepalive`** read-only property of the Request interface contains the request's `keepalive` setting (`true` or `false`), which indicates whether the browser will keep the associated request alive if the page that initiated it is unloaded before the request is complete.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/keepalive)
+     */
     keepalive: boolean;
     /**
-     * Returns the cache mode associated with request, which is a string indicating how the request will interact with the browser's cache when fetching.
+     * The **`cache`** read-only property of the Request interface contains the cache mode of the request.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Request/cache)
      */
@@ -1388,7 +1770,7 @@ interface RequestInit<Cf = CfProperties> {
     signal?: (AbortSignal | null);
     encodeResponseBody?: "automatic" | "manual";
 }
-type Service<T extends Rpc.WorkerEntrypointBranded | undefined = undefined> = Fetcher<T>;
+type Service<T extends (new (...args: any[]) => Rpc.WorkerEntrypointBranded) | Rpc.WorkerEntrypointBranded | ExportedHandler<any, any, any> | undefined = undefined> = T extends new (...args: any[]) => Rpc.WorkerEntrypointBranded ? Fetcher<InstanceType<T>> : T extends Rpc.WorkerEntrypointBranded ? Fetcher<T> : T extends Exclude<Rpc.EntrypointBranded, Rpc.WorkerEntrypointBranded> ? never : Fetcher<undefined>;
 type Fetcher<T extends Rpc.EntrypointBranded | undefined = undefined, Reserved extends string = never> = (T extends Rpc.EntrypointBranded ? Rpc.Provider<T, Reserved | "fetch" | "connect"> : unknown) & {
     fetch(input: RequestInfo | URL, init?: RequestInit): Promise<Response>;
     connect(address: SocketAddress | string, options?: SocketOptions): Socket;
@@ -1560,6 +1942,7 @@ interface R2ObjectBody extends R2Object {
     get body(): ReadableStream;
     get bodyUsed(): boolean;
     arrayBuffer(): Promise<ArrayBuffer>;
+    bytes(): Promise<Uint8Array>;
     text(): Promise<string>;
     json<T>(): Promise<T>;
     blob(): Promise<Blob>;
@@ -1713,24 +2096,52 @@ type ReadableStreamReadResult<R = any> = {
     value?: undefined;
 };
 /**
- * This Streams API interface represents a readable stream of byte data. The Fetch API offers a concrete instance of a ReadableStream through the body property of a Response object.
+ * The `ReadableStream` interface of the Streams API represents a readable stream of byte data.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream)
  */
 interface ReadableStream<R = any> {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/locked) */
+    /**
+     * The **`locked`** read-only property of the ReadableStream interface returns whether or not the readable stream is locked to a reader.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/locked)
+     */
     get locked(): boolean;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/cancel) */
+    /**
+     * The **`cancel()`** method of the ReadableStream interface returns a Promise that resolves when the stream is canceled.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/cancel)
+     */
     cancel(reason?: any): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/getReader) */
+    /**
+     * The **`getReader()`** method of the ReadableStream interface creates a reader and locks the stream to it.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/getReader)
+     */
     getReader(): ReadableStreamDefaultReader<R>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/getReader) */
+    /**
+     * The **`getReader()`** method of the ReadableStream interface creates a reader and locks the stream to it.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/getReader)
+     */
     getReader(options: ReadableStreamGetReaderOptions): ReadableStreamBYOBReader;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/pipeThrough) */
+    /**
+     * The **`pipeThrough()`** method of the ReadableStream interface provides a chainable way of piping the current stream through a transform stream or any other writable/readable pair.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/pipeThrough)
+     */
     pipeThrough<T>(transform: ReadableWritablePair<T, R>, options?: StreamPipeOptions): ReadableStream<T>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/pipeTo) */
+    /**
+     * The **`pipeTo()`** method of the ReadableStream interface pipes the current `ReadableStream` to a given WritableStream and returns a Promise that fulfills when the piping process completes successfully, or rejects if any errors were encountered.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/pipeTo)
+     */
     pipeTo(destination: WritableStream<R>, options?: StreamPipeOptions): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/tee) */
+    /**
+     * The **`tee()`** method of the two-element array containing the two resulting branches as new ReadableStream instances.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream/tee)
+     */
     tee(): [
         ReadableStream<R>,
         ReadableStream<R>
@@ -1739,7 +2150,7 @@ interface ReadableStream<R = any> {
     [Symbol.asyncIterator](options?: ReadableStreamValuesOptions): AsyncIterableIterator<R>;
 }
 /**
- * This Streams API interface represents a readable stream of byte data. The Fetch API offers a concrete instance of a ReadableStream through the body property of a Response object.
+ * The `ReadableStream` interface of the Streams API represents a readable stream of byte data.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStream)
  */
@@ -1748,24 +2159,48 @@ declare const ReadableStream: {
     new (underlyingSource: UnderlyingByteSource, strategy?: QueuingStrategy<Uint8Array>): ReadableStream<Uint8Array>;
     new <R = any>(underlyingSource?: UnderlyingSource<R>, strategy?: QueuingStrategy<R>): ReadableStream<R>;
 };
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultReader) */
+/**
+ * The **`ReadableStreamDefaultReader`** interface of the Streams API represents a default reader that can be used to read stream data supplied from a network (such as a fetch request).
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultReader)
+ */
 declare class ReadableStreamDefaultReader<R = any> {
     constructor(stream: ReadableStream);
     get closed(): Promise<void>;
     cancel(reason?: any): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultReader/read) */
+    /**
+     * The **`read()`** method of the ReadableStreamDefaultReader interface returns a Promise providing access to the next chunk in the stream's internal queue.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultReader/read)
+     */
     read(): Promise<ReadableStreamReadResult<R>>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultReader/releaseLock) */
+    /**
+     * The **`releaseLock()`** method of the ReadableStreamDefaultReader interface releases the reader's lock on the stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultReader/releaseLock)
+     */
     releaseLock(): void;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBReader) */
+/**
+ * The `ReadableStreamBYOBReader` interface of the Streams API defines a reader for a ReadableStream that supports zero-copy reading from an underlying byte source.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBReader)
+ */
 declare class ReadableStreamBYOBReader {
     constructor(stream: ReadableStream);
     get closed(): Promise<void>;
     cancel(reason?: any): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBReader/read) */
+    /**
+     * The **`read()`** method of the ReadableStreamBYOBReader interface is used to read data into a view on a user-supplied buffer from an associated readable byte stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBReader/read)
+     */
     read<T extends ArrayBufferView>(view: T): Promise<ReadableStreamReadResult<T>>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBReader/releaseLock) */
+    /**
+     * The **`releaseLock()`** method of the ReadableStreamBYOBReader interface releases the reader's lock on the stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBReader/releaseLock)
+     */
     releaseLock(): void;
     readAtLeast<T extends ArrayBufferView>(minElements: number, view: T): Promise<ReadableStreamReadResult<T>>;
 }
@@ -1780,60 +2215,148 @@ interface ReadableStreamGetReaderOptions {
      */
     mode: "byob";
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBRequest) */
+/**
+ * The **`ReadableStreamBYOBRequest`** interface of the Streams API represents a 'pull request' for data from an underlying source that will made as a zero-copy transfer to a consumer (bypassing the stream's internal queues).
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBRequest)
+ */
 declare abstract class ReadableStreamBYOBRequest {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBRequest/view) */
+    /**
+     * The **`view`** getter property of the ReadableStreamBYOBRequest interface returns the current view.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBRequest/view)
+     */
     get view(): Uint8Array | null;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBRequest/respond) */
+    /**
+     * The **`respond()`** method of the ReadableStreamBYOBRequest interface is used to signal to the associated readable byte stream that the specified number of bytes were written into the ReadableStreamBYOBRequest.view.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBRequest/respond)
+     */
     respond(bytesWritten: number): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBRequest/respondWithNewView) */
+    /**
+     * The **`respondWithNewView()`** method of the ReadableStreamBYOBRequest interface specifies a new view that the consumer of the associated readable byte stream should write to instead of ReadableStreamBYOBRequest.view.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamBYOBRequest/respondWithNewView)
+     */
     respondWithNewView(view: ArrayBuffer | ArrayBufferView): void;
     get atLeast(): number | null;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController) */
+/**
+ * The **`ReadableStreamDefaultController`** interface of the Streams API represents a controller allowing control of a ReadableStream's state and internal queue.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController)
+ */
 declare abstract class ReadableStreamDefaultController<R = any> {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController/desiredSize) */
+    /**
+     * The **`desiredSize`** read-only property of the required to fill the stream's internal queue.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController/desiredSize)
+     */
     get desiredSize(): number | null;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController/close) */
+    /**
+     * The **`close()`** method of the ReadableStreamDefaultController interface closes the associated stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController/close)
+     */
     close(): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController/enqueue) */
+    /**
+     * The **`enqueue()`** method of the ```js-nolint enqueue(chunk) ``` - `chunk` - : The chunk to enqueue.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController/enqueue)
+     */
     enqueue(chunk?: R): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController/error) */
-    error(reason: any): void;
-}
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController) */
-declare abstract class ReadableByteStreamController {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/byobRequest) */
-    get byobRequest(): ReadableStreamBYOBRequest | null;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/desiredSize) */
-    get desiredSize(): number | null;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/close) */
-    close(): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/enqueue) */
-    enqueue(chunk: ArrayBuffer | ArrayBufferView): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/error) */
+    /**
+     * The **`error()`** method of the with the associated stream to error.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableStreamDefaultController/error)
+     */
     error(reason: any): void;
 }
 /**
- * This Streams API interface represents a controller allowing control of a WritableStream's state. When constructing a WritableStream, the underlying sink is given a corresponding WritableStreamDefaultController instance to manipulate.
+ * The **`ReadableByteStreamController`** interface of the Streams API represents a controller for a readable byte stream.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController)
+ */
+declare abstract class ReadableByteStreamController {
+    /**
+     * The **`byobRequest`** read-only property of the ReadableByteStreamController interface returns the current BYOB request, or `null` if there are no pending requests.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/byobRequest)
+     */
+    get byobRequest(): ReadableStreamBYOBRequest | null;
+    /**
+     * The **`desiredSize`** read-only property of the ReadableByteStreamController interface returns the number of bytes required to fill the stream's internal queue to its 'desired size'.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/desiredSize)
+     */
+    get desiredSize(): number | null;
+    /**
+     * The **`close()`** method of the ReadableByteStreamController interface closes the associated stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/close)
+     */
+    close(): void;
+    /**
+     * The **`enqueue()`** method of the ReadableByteStreamController interface enqueues a given chunk on the associated readable byte stream (the chunk is copied into the stream's internal queues).
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/enqueue)
+     */
+    enqueue(chunk: ArrayBuffer | ArrayBufferView): void;
+    /**
+     * The **`error()`** method of the ReadableByteStreamController interface causes any future interactions with the associated stream to error with the specified reason.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ReadableByteStreamController/error)
+     */
+    error(reason: any): void;
+}
+/**
+ * The **`WritableStreamDefaultController`** interface of the Streams API represents a controller allowing control of a WritableStream's state.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultController)
  */
 declare abstract class WritableStreamDefaultController {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultController/signal) */
+    /**
+     * The read-only **`signal`** property of the WritableStreamDefaultController interface returns the AbortSignal associated with the controller.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultController/signal)
+     */
     get signal(): AbortSignal;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultController/error) */
+    /**
+     * The **`error()`** method of the with the associated stream to error.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultController/error)
+     */
     error(reason?: any): void;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController) */
+/**
+ * The **`TransformStreamDefaultController`** interface of the Streams API provides methods to manipulate the associated ReadableStream and WritableStream.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController)
+ */
 declare abstract class TransformStreamDefaultController<O = any> {
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController/desiredSize) */
+    /**
+     * The **`desiredSize`** read-only property of the TransformStreamDefaultController interface returns the desired size to fill the queue of the associated ReadableStream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController/desiredSize)
+     */
     get desiredSize(): number | null;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController/enqueue) */
+    /**
+     * The **`enqueue()`** method of the TransformStreamDefaultController interface enqueues the given chunk in the readable side of the stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController/enqueue)
+     */
     enqueue(chunk?: O): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController/error) */
+    /**
+     * The **`error()`** method of the TransformStreamDefaultController interface errors both sides of the stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController/error)
+     */
     error(reason: any): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController/terminate) */
+    /**
+     * The **`terminate()`** method of the TransformStreamDefaultController interface closes the readable side and errors the writable side of the stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStreamDefaultController/terminate)
+     */
     terminate(): void;
 }
 interface ReadableWritablePair<R = any, W = any> {
@@ -1846,49 +2369,105 @@ interface ReadableWritablePair<R = any, W = any> {
     readable: ReadableStream<R>;
 }
 /**
- * This Streams API interface provides a standard abstraction for writing streaming data to a destination, known as a sink. This object comes with built-in backpressure and queuing.
+ * The **`WritableStream`** interface of the Streams API provides a standard abstraction for writing streaming data to a destination, known as a sink.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStream)
  */
 declare class WritableStream<W = any> {
     constructor(underlyingSink?: UnderlyingSink, queuingStrategy?: QueuingStrategy);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStream/locked) */
+    /**
+     * The **`locked`** read-only property of the WritableStream interface returns a boolean indicating whether the `WritableStream` is locked to a writer.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStream/locked)
+     */
     get locked(): boolean;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStream/abort) */
+    /**
+     * The **`abort()`** method of the WritableStream interface aborts the stream, signaling that the producer can no longer successfully write to the stream and it is to be immediately moved to an error state, with any queued writes discarded.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStream/abort)
+     */
     abort(reason?: any): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStream/close) */
+    /**
+     * The **`close()`** method of the WritableStream interface closes the associated stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStream/close)
+     */
     close(): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStream/getWriter) */
+    /**
+     * The **`getWriter()`** method of the WritableStream interface returns a new instance of WritableStreamDefaultWriter and locks the stream to that instance.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStream/getWriter)
+     */
     getWriter(): WritableStreamDefaultWriter<W>;
 }
 /**
- * This Streams API interface is the object returned by WritableStream.getWriter() and once created locks the < writer to the WritableStream ensuring that no other streams can write to the underlying sink.
+ * The **`WritableStreamDefaultWriter`** interface of the Streams API is the object returned by WritableStream.getWriter() and once created locks the writer to the `WritableStream` ensuring that no other streams can write to the underlying sink.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter)
  */
 declare class WritableStreamDefaultWriter<W = any> {
     constructor(stream: WritableStream);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/closed) */
+    /**
+     * The **`closed`** read-only property of the the stream errors or the writer's lock is released.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/closed)
+     */
     get closed(): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/ready) */
+    /**
+     * The **`ready`** read-only property of the that resolves when the desired size of the stream's internal queue transitions from non-positive to positive, signaling that it is no longer applying backpressure.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/ready)
+     */
     get ready(): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/desiredSize) */
+    /**
+     * The **`desiredSize`** read-only property of the to fill the stream's internal queue.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/desiredSize)
+     */
     get desiredSize(): number | null;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/abort) */
+    /**
+     * The **`abort()`** method of the the producer can no longer successfully write to the stream and it is to be immediately moved to an error state, with any queued writes discarded.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/abort)
+     */
     abort(reason?: any): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/close) */
+    /**
+     * The **`close()`** method of the stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/close)
+     */
     close(): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/write) */
+    /**
+     * The **`write()`** method of the operation.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/write)
+     */
     write(chunk?: W): Promise<void>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/releaseLock) */
+    /**
+     * The **`releaseLock()`** method of the corresponding stream.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WritableStreamDefaultWriter/releaseLock)
+     */
     releaseLock(): void;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStream) */
+/**
+ * The **`TransformStream`** interface of the Streams API represents a concrete implementation of the pipe chain _transform stream_ concept.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStream)
+ */
 declare class TransformStream<I = any, O = any> {
     constructor(transformer?: Transformer<I, O>, writableStrategy?: QueuingStrategy<I>, readableStrategy?: QueuingStrategy<O>);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStream/readable) */
+    /**
+     * The **`readable`** read-only property of the TransformStream interface returns the ReadableStream instance controlled by this `TransformStream`.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStream/readable)
+     */
     get readable(): ReadableStream<O>;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStream/writable) */
+    /**
+     * The **`writable`** read-only property of the TransformStream interface returns the WritableStream instance controlled by this `TransformStream`.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TransformStream/writable)
+     */
     get writable(): WritableStream<I>;
 }
 declare class FixedLengthStream extends IdentityTransformStream {
@@ -1903,20 +2482,36 @@ interface IdentityTransformStreamQueuingStrategy {
 interface ReadableStreamValuesOptions {
     preventCancel?: boolean;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/CompressionStream) */
+/**
+ * The **`CompressionStream`** interface of the Compression Streams API is an API for compressing a stream of data.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CompressionStream)
+ */
 declare class CompressionStream extends TransformStream<ArrayBuffer | ArrayBufferView, Uint8Array> {
     constructor(format: "gzip" | "deflate" | "deflate-raw");
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/DecompressionStream) */
+/**
+ * The **`DecompressionStream`** interface of the Compression Streams API is an API for decompressing a stream of data.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/DecompressionStream)
+ */
 declare class DecompressionStream extends TransformStream<ArrayBuffer | ArrayBufferView, Uint8Array> {
     constructor(format: "gzip" | "deflate" | "deflate-raw");
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TextEncoderStream) */
+/**
+ * The **`TextEncoderStream`** interface of the Encoding API converts a stream of strings into bytes in the UTF-8 encoding.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TextEncoderStream)
+ */
 declare class TextEncoderStream extends TransformStream<string, Uint8Array> {
     constructor();
     get encoding(): string;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/TextDecoderStream) */
+/**
+ * The **`TextDecoderStream`** interface of the Encoding API converts a stream of text in a binary encoding, such as UTF-8 etc., to a stream of strings.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/TextDecoderStream)
+ */
 declare class TextDecoderStream extends TransformStream<ArrayBuffer | ArrayBufferView, string> {
     constructor(label?: string, options?: TextDecoderStreamTextDecoderStreamInit);
     get encoding(): string;
@@ -1928,25 +2523,33 @@ interface TextDecoderStreamTextDecoderStreamInit {
     ignoreBOM?: boolean;
 }
 /**
- * This Streams API interface provides a built-in byte length queuing strategy that can be used when constructing streams.
+ * The **`ByteLengthQueuingStrategy`** interface of the Streams API provides a built-in byte length queuing strategy that can be used when constructing streams.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ByteLengthQueuingStrategy)
  */
 declare class ByteLengthQueuingStrategy implements QueuingStrategy<ArrayBufferView> {
     constructor(init: QueuingStrategyInit);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ByteLengthQueuingStrategy/highWaterMark) */
+    /**
+     * The read-only **`ByteLengthQueuingStrategy.highWaterMark`** property returns the total number of bytes that can be contained in the internal queue before backpressure is applied.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ByteLengthQueuingStrategy/highWaterMark)
+     */
     get highWaterMark(): number;
     /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/ByteLengthQueuingStrategy/size) */
     get size(): (chunk?: any) => number;
 }
 /**
- * This Streams API interface provides a built-in byte length queuing strategy that can be used when constructing streams.
+ * The **`CountQueuingStrategy`** interface of the Streams API provides a built-in chunk counting queuing strategy that can be used when constructing streams.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CountQueuingStrategy)
  */
 declare class CountQueuingStrategy implements QueuingStrategy {
     constructor(init: QueuingStrategyInit);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/CountQueuingStrategy/highWaterMark) */
+    /**
+     * The read-only **`CountQueuingStrategy.highWaterMark`** property returns the total number of chunks that can be contained in the internal queue before backpressure is applied.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CountQueuingStrategy/highWaterMark)
+     */
     get highWaterMark(): number;
     /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/CountQueuingStrategy/size) */
     get size(): (chunk?: any) => number;
@@ -1979,6 +2582,7 @@ interface TraceItem {
     readonly scriptVersion?: ScriptVersion;
     readonly dispatchNamespace?: string;
     readonly scriptTags?: string[];
+    readonly durableObjectId?: string;
     readonly outcome: string;
     readonly executionModel: string;
     readonly truncated: boolean;
@@ -2064,111 +2668,231 @@ interface UnsafeTraceMetrics {
     fromTrace(item: TraceItem): TraceMetrics;
 }
 /**
- * The URL interface represents an object providing static methods used for creating object URLs.
+ * The **`URL`** interface is used to parse, construct, normalize, and encode URL.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL)
  */
 declare class URL {
     constructor(url: string | URL, base?: string | URL);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/origin) */
+    /**
+     * The **`origin`** read-only property of the URL interface returns a string containing the Unicode serialization of the origin of the represented URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/origin)
+     */
     get origin(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/href) */
+    /**
+     * The **`href`** property of the URL interface is a string containing the whole URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/href)
+     */
     get href(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/href) */
+    /**
+     * The **`href`** property of the URL interface is a string containing the whole URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/href)
+     */
     set href(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/protocol) */
+    /**
+     * The **`protocol`** property of the URL interface is a string containing the protocol or scheme of the URL, including the final `':'`.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/protocol)
+     */
     get protocol(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/protocol) */
+    /**
+     * The **`protocol`** property of the URL interface is a string containing the protocol or scheme of the URL, including the final `':'`.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/protocol)
+     */
     set protocol(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/username) */
+    /**
+     * The **`username`** property of the URL interface is a string containing the username component of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/username)
+     */
     get username(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/username) */
+    /**
+     * The **`username`** property of the URL interface is a string containing the username component of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/username)
+     */
     set username(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/password) */
+    /**
+     * The **`password`** property of the URL interface is a string containing the password component of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/password)
+     */
     get password(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/password) */
+    /**
+     * The **`password`** property of the URL interface is a string containing the password component of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/password)
+     */
     set password(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/host) */
+    /**
+     * The **`host`** property of the URL interface is a string containing the host, which is the URL.hostname, and then, if the port of the URL is nonempty, a `':'`, followed by the URL.port of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/host)
+     */
     get host(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/host) */
+    /**
+     * The **`host`** property of the URL interface is a string containing the host, which is the URL.hostname, and then, if the port of the URL is nonempty, a `':'`, followed by the URL.port of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/host)
+     */
     set host(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/hostname) */
+    /**
+     * The **`hostname`** property of the URL interface is a string containing either the domain name or IP address of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/hostname)
+     */
     get hostname(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/hostname) */
+    /**
+     * The **`hostname`** property of the URL interface is a string containing either the domain name or IP address of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/hostname)
+     */
     set hostname(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/port) */
+    /**
+     * The **`port`** property of the URL interface is a string containing the port number of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/port)
+     */
     get port(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/port) */
+    /**
+     * The **`port`** property of the URL interface is a string containing the port number of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/port)
+     */
     set port(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/pathname) */
+    /**
+     * The **`pathname`** property of the URL interface represents a location in a hierarchical structure.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/pathname)
+     */
     get pathname(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/pathname) */
+    /**
+     * The **`pathname`** property of the URL interface represents a location in a hierarchical structure.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/pathname)
+     */
     set pathname(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/search) */
+    /**
+     * The **`search`** property of the URL interface is a search string, also called a _query string_, that is a string containing a `'?'` followed by the parameters of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/search)
+     */
     get search(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/search) */
+    /**
+     * The **`search`** property of the URL interface is a search string, also called a _query string_, that is a string containing a `'?'` followed by the parameters of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/search)
+     */
     set search(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/hash) */
+    /**
+     * The **`hash`** property of the URL interface is a string containing a `'#'` followed by the fragment identifier of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/hash)
+     */
     get hash(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/hash) */
+    /**
+     * The **`hash`** property of the URL interface is a string containing a `'#'` followed by the fragment identifier of the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/hash)
+     */
     set hash(value: string);
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/searchParams) */
+    /**
+     * The **`searchParams`** read-only property of the access to the [MISSING: httpmethod('GET')] decoded query arguments contained in the URL.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/searchParams)
+     */
     get searchParams(): URLSearchParams;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/toJSON) */
+    /**
+     * The **`toJSON()`** method of the URL interface returns a string containing a serialized version of the URL, although in practice it seems to have the same effect as ```js-nolint toJSON() ``` None.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/toJSON)
+     */
     toJSON(): string;
     /*function toString() { [native code] }*/
     toString(): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/canParse_static) */
+    /**
+     * The **`URL.canParse()`** static method of the URL interface returns a boolean indicating whether or not an absolute URL, or a relative URL combined with a base URL, are parsable and valid.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/canParse_static)
+     */
     static canParse(url: string, base?: string): boolean;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/parse_static) */
+    /**
+     * The **`URL.parse()`** static method of the URL interface returns a newly created URL object representing the URL defined by the parameters.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/parse_static)
+     */
     static parse(url: string, base?: string): URL | null;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/createObjectURL_static) */
+    /**
+     * The **`createObjectURL()`** static method of the URL interface creates a string containing a URL representing the object given in the parameter.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/createObjectURL_static)
+     */
     static createObjectURL(object: File | Blob): string;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/revokeObjectURL_static) */
+    /**
+     * The **`revokeObjectURL()`** static method of the URL interface releases an existing object URL which was previously created by calling Call this method when you've finished using an object URL to let the browser know not to keep the reference to the file any longer.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URL/revokeObjectURL_static)
+     */
     static revokeObjectURL(object_url: string): void;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams) */
+/**
+ * The **`URLSearchParams`** interface defines utility methods to work with the query string of a URL.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams)
+ */
 declare class URLSearchParams {
     constructor(init?: (Iterable<Iterable<string>> | Record<string, string> | string));
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/size) */
+    /**
+     * The **`size`** read-only property of the URLSearchParams interface indicates the total number of search parameter entries.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/size)
+     */
     get size(): number;
     /**
-     * Appends a specified key/value pair as a new search parameter.
+     * The **`append()`** method of the URLSearchParams interface appends a specified key/value pair as a new search parameter.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/append)
      */
     append(name: string, value: string): void;
     /**
-     * Deletes the given search parameter, and its associated value, from the list of all search parameters.
+     * The **`delete()`** method of the URLSearchParams interface deletes specified parameters and their associated value(s) from the list of all search parameters.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/delete)
      */
     delete(name: string, value?: string): void;
     /**
-     * Returns the first value associated to the given search parameter.
+     * The **`get()`** method of the URLSearchParams interface returns the first value associated to the given search parameter.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/get)
      */
     get(name: string): string | null;
     /**
-     * Returns all the values association with a given search parameter.
+     * The **`getAll()`** method of the URLSearchParams interface returns all the values associated with a given search parameter as an array.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/getAll)
      */
     getAll(name: string): string[];
     /**
-     * Returns a Boolean indicating if such a search parameter exists.
+     * The **`has()`** method of the URLSearchParams interface returns a boolean value that indicates whether the specified parameter is in the search parameters.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/has)
      */
     has(name: string, value?: string): boolean;
     /**
-     * Sets the value associated to a given search parameter to the given value. If there were several values, delete the others.
+     * The **`set()`** method of the URLSearchParams interface sets the value associated with a given search parameter to the given value.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/set)
      */
     set(name: string, value: string): void;
-    /* [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/sort) */
+    /**
+     * The **`URLSearchParams.sort()`** method sorts all key/value pairs contained in this object in place and returns `undefined`.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/URLSearchParams/sort)
+     */
     sort(): void;
     /* Returns an array of key, value pairs for every entry in the search params. */
     entries(): IterableIterator<[
@@ -2180,7 +2904,7 @@ declare class URLSearchParams {
     /* Returns a list of values in the search params. */
     values(): IterableIterator<string>;
     forEach<This = unknown>(callback: (this: This, value: string, key: string, parent: URLSearchParams) => void, thisArg?: This): void;
-    /*function toString() { [native code] } Returns a string containing a query string suitable for use in a URL. Does not include the question mark. */
+    /*function toString() { [native code] }*/
     toString(): string;
     [Symbol.iterator](): IterableIterator<[
         key: string,
@@ -2230,26 +2954,26 @@ interface URLPatternOptions {
     ignoreCase?: boolean;
 }
 /**
- * A CloseEvent is sent to clients using WebSockets when the connection is closed. This is delivered to the listener indicated by the WebSocket object's onclose attribute.
+ * A `CloseEvent` is sent to clients using WebSockets when the connection is closed.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CloseEvent)
  */
 declare class CloseEvent extends Event {
     constructor(type: string, initializer?: CloseEventInit);
     /**
-     * Returns the WebSocket connection close code provided by the server.
+     * The **`code`** read-only property of the CloseEvent interface returns a WebSocket connection close code indicating the reason the connection was closed.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CloseEvent/code)
      */
     readonly code: number;
     /**
-     * Returns the WebSocket connection close reason provided by the server.
+     * The **`reason`** read-only property of the CloseEvent interface returns the WebSocket connection close reason the server gave for closing the connection; that is, a concise human-readable prose explanation for the closure.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CloseEvent/reason)
      */
     readonly reason: string;
     /**
-     * Returns true if the connection closed cleanly; false otherwise.
+     * The **`wasClean`** read-only property of the CloseEvent interface returns `true` if the connection closed cleanly.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CloseEvent/wasClean)
      */
@@ -2260,23 +2984,6 @@ interface CloseEventInit {
     reason?: string;
     wasClean?: boolean;
 }
-/**
- * A message received by a target object.
- *
- * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessageEvent)
- */
-declare class MessageEvent extends Event {
-    constructor(type: string, initializer: MessageEventInit);
-    /**
-     * Returns the data of the message.
-     *
-     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessageEvent/data)
-     */
-    readonly data: ArrayBuffer | string;
-}
-interface MessageEventInit {
-    data: ArrayBuffer | string;
-}
 type WebSocketEventMap = {
     close: CloseEvent;
     message: MessageEvent;
@@ -2284,7 +2991,7 @@ type WebSocketEventMap = {
     error: ErrorEvent;
 };
 /**
- * Provides the API for creating and managing a WebSocket connection to a server, as well as for sending and receiving data on the connection.
+ * The `WebSocket` object provides the API for creating and managing a WebSocket connection to a server, as well as for sending and receiving data on the connection.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WebSocket)
  */
@@ -2301,20 +3008,20 @@ declare var WebSocket: {
     readonly CLOSED: number;
 };
 /**
- * Provides the API for creating and managing a WebSocket connection to a server, as well as for sending and receiving data on the connection.
+ * The `WebSocket` object provides the API for creating and managing a WebSocket connection to a server, as well as for sending and receiving data on the connection.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WebSocket)
  */
 interface WebSocket extends EventTarget<WebSocketEventMap> {
     accept(): void;
     /**
-     * Transmits data using the WebSocket connection. data can be a string, a Blob, an ArrayBuffer, or an ArrayBufferView.
+     * The **`WebSocket.send()`** method enqueues the specified data to be transmitted to the server over the WebSocket connection, increasing the value of `bufferedAmount` by the number of bytes needed to contain the data.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WebSocket/send)
      */
     send(message: (ArrayBuffer | ArrayBufferView) | string): void;
     /**
-     * Closes the WebSocket connection, optionally using code as the the WebSocket connection close code and reason as the the WebSocket connection close reason.
+     * The **`WebSocket.close()`** method closes the already `CLOSED`, this method does nothing.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WebSocket/close)
      */
@@ -2322,25 +3029,25 @@ interface WebSocket extends EventTarget<WebSocketEventMap> {
     serializeAttachment(attachment: any): void;
     deserializeAttachment(): any | null;
     /**
-     * Returns the state of the WebSocket object's connection. It can have the values described below.
+     * The **`WebSocket.readyState`** read-only property returns the current state of the WebSocket connection.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WebSocket/readyState)
      */
     readyState: number;
     /**
-     * Returns the URL that was used to establish the WebSocket connection.
+     * The **`WebSocket.url`** read-only property returns the absolute URL of the WebSocket as resolved by the constructor.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WebSocket/url)
      */
     url: string | null;
     /**
-     * Returns the subprotocol selected by the server, if any. It can be used in conjunction with the array form of the constructor's second argument to perform subprotocol negotiation.
+     * The **`WebSocket.protocol`** read-only property returns the name of the sub-protocol the server selected; this will be one of the strings specified in the `protocols` parameter when creating the WebSocket object, or the empty string if no connection is established.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WebSocket/protocol)
      */
     protocol: string | null;
     /**
-     * Returns the extensions selected by the server, if any.
+     * The **`WebSocket.extensions`** read-only property returns the extensions selected by the server.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/WebSocket/extensions)
      */
@@ -2403,29 +3110,33 @@ interface SocketInfo {
     remoteAddress?: string;
     localAddress?: string;
 }
-/* [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource) */
+/**
+ * The **`EventSource`** interface is web content's interface to server-sent events.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource)
+ */
 declare class EventSource extends EventTarget {
     constructor(url: string, init?: EventSourceEventSourceInit);
     /**
-     * Aborts any instances of the fetch algorithm started for this EventSource object, and sets the readyState attribute to CLOSED.
+     * The **`close()`** method of the EventSource interface closes the connection, if one is made, and sets the ```js-nolint close() ``` None.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/close)
      */
     close(): void;
     /**
-     * Returns the URL providing the event stream.
+     * The **`url`** read-only property of the URL of the source.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/url)
      */
     get url(): string;
     /**
-     * Returns true if the credentials mode for connection requests to the URL providing the event stream is set to "include", and false otherwise.
+     * The **`withCredentials`** read-only property of the the `EventSource` object was instantiated with CORS credentials set.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/withCredentials)
      */
     get withCredentials(): boolean;
     /**
-     * Returns the state of this EventSource object's connection. It can have the values described below.
+     * The **`readyState`** read-only property of the connection.
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/readyState)
      */
@@ -2458,11 +3169,112 @@ interface Container {
     destroy(error?: any): Promise<void>;
     signal(signo: number): void;
     getTcpPort(port: number): Fetcher;
+    setInactivityTimeout(durationMs: number | bigint): Promise<void>;
 }
 interface ContainerStartupOptions {
     entrypoint?: string[];
     enableInternet: boolean;
     env?: Record<string, string>;
+    hardTimeout?: (number | bigint);
+}
+/**
+ * The **`MessagePort`** interface of the Channel Messaging API represents one of the two ports of a MessageChannel, allowing messages to be sent from one port and listening out for them arriving at the other.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessagePort)
+ */
+interface MessagePort extends EventTarget {
+    /**
+     * The **`postMessage()`** method of the transfers ownership of objects to other browsing contexts.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessagePort/postMessage)
+     */
+    postMessage(data?: any, options?: (any[] | MessagePortPostMessageOptions)): void;
+    /**
+     * The **`close()`** method of the MessagePort interface disconnects the port, so it is no longer active.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessagePort/close)
+     */
+    close(): void;
+    /**
+     * The **`start()`** method of the MessagePort interface starts the sending of messages queued on the port.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/MessagePort/start)
+     */
+    start(): void;
+    get onmessage(): any | null;
+    set onmessage(value: any | null);
+}
+interface MessagePortPostMessageOptions {
+    transfer?: any[];
+}
+type LoopbackForExport<T extends (new (...args: any[]) => Rpc.EntrypointBranded) | ExportedHandler<any, any, any> | undefined = undefined> = T extends new (...args: any[]) => Rpc.WorkerEntrypointBranded ? LoopbackServiceStub<InstanceType<T>> : T extends new (...args: any[]) => Rpc.DurableObjectBranded ? LoopbackDurableObjectClass<InstanceType<T>> : T extends ExportedHandler<any, any, any> ? LoopbackServiceStub<undefined> : undefined;
+type LoopbackServiceStub<T extends Rpc.WorkerEntrypointBranded | undefined = undefined> = Fetcher<T> & (T extends CloudflareWorkersModule.WorkerEntrypoint<any, infer Props> ? (opts: {
+    props?: Props;
+}) => Fetcher<T> : (opts: {
+    props?: any;
+}) => Fetcher<T>);
+type LoopbackDurableObjectClass<T extends Rpc.DurableObjectBranded | undefined = undefined> = DurableObjectClass<T> & (T extends CloudflareWorkersModule.DurableObject<any, infer Props> ? (opts: {
+    props?: Props;
+}) => DurableObjectClass<T> : (opts: {
+    props?: any;
+}) => DurableObjectClass<T>);
+interface SyncKvStorage {
+    get<T = unknown>(key: string): T | undefined;
+    list<T = unknown>(options?: SyncKvListOptions): Iterable<[
+        string,
+        T
+    ]>;
+    put<T>(key: string, value: T): void;
+    delete(key: string): boolean;
+}
+interface SyncKvListOptions {
+    start?: string;
+    startAfter?: string;
+    end?: string;
+    prefix?: string;
+    reverse?: boolean;
+    limit?: number;
+}
+interface WorkerStub {
+    getEntrypoint<T extends Rpc.WorkerEntrypointBranded | undefined>(name?: string, options?: WorkerStubEntrypointOptions): Fetcher<T>;
+}
+interface WorkerStubEntrypointOptions {
+    props?: any;
+}
+interface WorkerLoader {
+    get(name: string | null, getCode: () => WorkerLoaderWorkerCode | Promise<WorkerLoaderWorkerCode>): WorkerStub;
+}
+interface WorkerLoaderModule {
+    js?: string;
+    cjs?: string;
+    text?: string;
+    data?: ArrayBuffer;
+    json?: any;
+    py?: string;
+    wasm?: ArrayBuffer;
+}
+interface WorkerLoaderWorkerCode {
+    compatibilityDate: string;
+    compatibilityFlags?: string[];
+    allowExperimental?: boolean;
+    mainModule: string;
+    modules: Record<string, WorkerLoaderModule | string>;
+    env?: any;
+    globalOutbound?: (Fetcher | null);
+    tails?: Fetcher[];
+    streamingTails?: Fetcher[];
+}
+/**
+* The Workers runtime supports a subset of the Performance API, used to measure timing and performance,
+* as well as timing of subrequests and other operations.
+*
+* [Cloudflare Docs Reference](https://developers.cloudflare.com/workers/runtime-apis/performance/)
+*/
+declare abstract class Performance {
+    /* [Cloudflare Docs Reference](https://developers.cloudflare.com/workers/runtime-apis/performance/#performancetimeorigin) */
+    get timeOrigin(): number;
+    /* [Cloudflare Docs Reference](https://developers.cloudflare.com/workers/runtime-apis/performance/#performancenow) */
+    now(): number;
 }
 type AiImageClassificationInput = {
     image: number[];
@@ -2518,6 +3330,18 @@ declare abstract class BaseAiImageTextToText {
     inputs: AiImageTextToTextInput;
     postProcessedOutputs: AiImageTextToTextOutput;
 }
+type AiMultimodalEmbeddingsInput = {
+    image: string;
+    text: string[];
+};
+type AiIMultimodalEmbeddingsOutput = {
+    data: number[][];
+    shape: number[];
+};
+declare abstract class BaseAiMultimodalEmbeddings {
+    inputs: AiImageTextToTextInput;
+    postProcessedOutputs: AiImageTextToTextOutput;
+}
 type AiObjectDetectionInput = {
     image: number[];
 };
@@ -2648,13 +3472,28 @@ type AiTextGenerationInput = {
     tools?: AiTextGenerationToolInput[] | AiTextGenerationToolLegacyInput[] | (object & NonNullable<unknown>);
     functions?: AiTextGenerationFunctionsInput[];
 };
+type AiTextGenerationToolLegacyOutput = {
+    name: string;
+    arguments: unknown;
+};
+type AiTextGenerationToolOutput = {
+    id: string;
+    type: "function";
+    function: {
+        name: string;
+        arguments: string;
+    };
+};
+type UsageTags = {
+    prompt_tokens: number;
+    completion_tokens: number;
+    total_tokens: number;
+};
 type AiTextGenerationOutput = {
     response?: string;
-    tool_calls?: {
-        name: string;
-        arguments: unknown;
-    }[];
-} | ReadableStream;
+    tool_calls?: AiTextGenerationToolLegacyOutput[] & AiTextGenerationToolOutput[];
+    usage?: UsageTags;
+};
 declare abstract class BaseAiTextGeneration {
     inputs: AiTextGenerationInput;
     postProcessedOutputs: AiTextGenerationOutput;
@@ -2700,6 +3539,402 @@ declare abstract class BaseAiTranslation {
     inputs: AiTranslationInput;
     postProcessedOutputs: AiTranslationOutput;
 }
+/**
+ * Workers AI support for OpenAI's Responses API
+ * Reference: https://github.com/openai/openai-node/blob/master/src/resources/responses/responses.ts
+ *
+ * It's a stripped down version from its source.
+ * It currently supports basic function calling, json mode and accepts images as input.
+ *
+ * It does not include types for WebSearch, CodeInterpreter, FileInputs, MCP, CustomTools.
+ * We plan to add those incrementally as model + platform capabilities evolve.
+ */
+type ResponsesInput = {
+    background?: boolean | null;
+    conversation?: string | ResponseConversationParam | null;
+    include?: Array<ResponseIncludable> | null;
+    input?: string | ResponseInput;
+    instructions?: string | null;
+    max_output_tokens?: number | null;
+    parallel_tool_calls?: boolean | null;
+    previous_response_id?: string | null;
+    prompt_cache_key?: string;
+    reasoning?: Reasoning | null;
+    safety_identifier?: string;
+    service_tier?: "auto" | "default" | "flex" | "scale" | "priority" | null;
+    stream?: boolean | null;
+    stream_options?: StreamOptions | null;
+    temperature?: number | null;
+    text?: ResponseTextConfig;
+    tool_choice?: ToolChoiceOptions | ToolChoiceFunction;
+    tools?: Array<Tool>;
+    top_p?: number | null;
+    truncation?: "auto" | "disabled" | null;
+};
+type ResponsesOutput = {
+    id?: string;
+    created_at?: number;
+    output_text?: string;
+    error?: ResponseError | null;
+    incomplete_details?: ResponseIncompleteDetails | null;
+    instructions?: string | Array<ResponseInputItem> | null;
+    object?: "response";
+    output?: Array<ResponseOutputItem>;
+    parallel_tool_calls?: boolean;
+    temperature?: number | null;
+    tool_choice?: ToolChoiceOptions | ToolChoiceFunction;
+    tools?: Array<Tool>;
+    top_p?: number | null;
+    max_output_tokens?: number | null;
+    previous_response_id?: string | null;
+    prompt?: ResponsePrompt | null;
+    reasoning?: Reasoning | null;
+    safety_identifier?: string;
+    service_tier?: "auto" | "default" | "flex" | "scale" | "priority" | null;
+    status?: ResponseStatus;
+    text?: ResponseTextConfig;
+    truncation?: "auto" | "disabled" | null;
+    usage?: ResponseUsage;
+};
+type EasyInputMessage = {
+    content: string | ResponseInputMessageContentList;
+    role: "user" | "assistant" | "system" | "developer";
+    type?: "message";
+};
+type ResponsesFunctionTool = {
+    name: string;
+    parameters: {
+        [key: string]: unknown;
+    } | null;
+    strict: boolean | null;
+    type: "function";
+    description?: string | null;
+};
+type ResponseIncompleteDetails = {
+    reason?: "max_output_tokens" | "content_filter";
+};
+type ResponsePrompt = {
+    id: string;
+    variables?: {
+        [key: string]: string | ResponseInputText | ResponseInputImage;
+    } | null;
+    version?: string | null;
+};
+type Reasoning = {
+    effort?: ReasoningEffort | null;
+    generate_summary?: "auto" | "concise" | "detailed" | null;
+    summary?: "auto" | "concise" | "detailed" | null;
+};
+type ResponseContent = ResponseInputText | ResponseInputImage | ResponseOutputText | ResponseOutputRefusal | ResponseContentReasoningText;
+type ResponseContentReasoningText = {
+    text: string;
+    type: "reasoning_text";
+};
+type ResponseConversationParam = {
+    id: string;
+};
+type ResponseCreatedEvent = {
+    response: Response;
+    sequence_number: number;
+    type: "response.created";
+};
+type ResponseCustomToolCallOutput = {
+    call_id: string;
+    output: string | Array<ResponseInputText | ResponseInputImage>;
+    type: "custom_tool_call_output";
+    id?: string;
+};
+type ResponseError = {
+    code: "server_error" | "rate_limit_exceeded" | "invalid_prompt" | "vector_store_timeout" | "invalid_image" | "invalid_image_format" | "invalid_base64_image" | "invalid_image_url" | "image_too_large" | "image_too_small" | "image_parse_error" | "image_content_policy_violation" | "invalid_image_mode" | "image_file_too_large" | "unsupported_image_media_type" | "empty_image_file" | "failed_to_download_image" | "image_file_not_found";
+    message: string;
+};
+type ResponseErrorEvent = {
+    code: string | null;
+    message: string;
+    param: string | null;
+    sequence_number: number;
+    type: "error";
+};
+type ResponseFailedEvent = {
+    response: Response;
+    sequence_number: number;
+    type: "response.failed";
+};
+type ResponseFormatText = {
+    type: "text";
+};
+type ResponseFormatJSONObject = {
+    type: "json_object";
+};
+type ResponseFormatTextConfig = ResponseFormatText | ResponseFormatTextJSONSchemaConfig | ResponseFormatJSONObject;
+type ResponseFormatTextJSONSchemaConfig = {
+    name: string;
+    schema: {
+        [key: string]: unknown;
+    };
+    type: "json_schema";
+    description?: string;
+    strict?: boolean | null;
+};
+type ResponseFunctionCallArgumentsDeltaEvent = {
+    delta: string;
+    item_id: string;
+    output_index: number;
+    sequence_number: number;
+    type: "response.function_call_arguments.delta";
+};
+type ResponseFunctionCallArgumentsDoneEvent = {
+    arguments: string;
+    item_id: string;
+    name: string;
+    output_index: number;
+    sequence_number: number;
+    type: "response.function_call_arguments.done";
+};
+type ResponseFunctionCallOutputItem = ResponseInputTextContent | ResponseInputImageContent;
+type ResponseFunctionCallOutputItemList = Array<ResponseFunctionCallOutputItem>;
+type ResponseFunctionToolCall = {
+    arguments: string;
+    call_id: string;
+    name: string;
+    type: "function_call";
+    id?: string;
+    status?: "in_progress" | "completed" | "incomplete";
+};
+interface ResponseFunctionToolCallItem extends ResponseFunctionToolCall {
+    id: string;
+}
+type ResponseFunctionToolCallOutputItem = {
+    id: string;
+    call_id: string;
+    output: string | Array<ResponseInputText | ResponseInputImage>;
+    type: "function_call_output";
+    status?: "in_progress" | "completed" | "incomplete";
+};
+type ResponseIncludable = "message.input_image.image_url" | "message.output_text.logprobs";
+type ResponseIncompleteEvent = {
+    response: Response;
+    sequence_number: number;
+    type: "response.incomplete";
+};
+type ResponseInput = Array<ResponseInputItem>;
+type ResponseInputContent = ResponseInputText | ResponseInputImage;
+type ResponseInputImage = {
+    detail: "low" | "high" | "auto";
+    type: "input_image";
+    /**
+     * Base64 encoded image
+     */
+    image_url?: string | null;
+};
+type ResponseInputImageContent = {
+    type: "input_image";
+    detail?: "low" | "high" | "auto" | null;
+    /**
+     * Base64 encoded image
+     */
+    image_url?: string | null;
+};
+type ResponseInputItem = EasyInputMessage | ResponseInputItemMessage | ResponseOutputMessage | ResponseFunctionToolCall | ResponseInputItemFunctionCallOutput | ResponseReasoningItem;
+type ResponseInputItemFunctionCallOutput = {
+    call_id: string;
+    output: string | ResponseFunctionCallOutputItemList;
+    type: "function_call_output";
+    id?: string | null;
+    status?: "in_progress" | "completed" | "incomplete" | null;
+};
+type ResponseInputItemMessage = {
+    content: ResponseInputMessageContentList;
+    role: "user" | "system" | "developer";
+    status?: "in_progress" | "completed" | "incomplete";
+    type?: "message";
+};
+type ResponseInputMessageContentList = Array<ResponseInputContent>;
+type ResponseInputMessageItem = {
+    id: string;
+    content: ResponseInputMessageContentList;
+    role: "user" | "system" | "developer";
+    status?: "in_progress" | "completed" | "incomplete";
+    type?: "message";
+};
+type ResponseInputText = {
+    text: string;
+    type: "input_text";
+};
+type ResponseInputTextContent = {
+    text: string;
+    type: "input_text";
+};
+type ResponseItem = ResponseInputMessageItem | ResponseOutputMessage | ResponseFunctionToolCallItem | ResponseFunctionToolCallOutputItem;
+type ResponseOutputItem = ResponseOutputMessage | ResponseFunctionToolCall | ResponseReasoningItem;
+type ResponseOutputItemAddedEvent = {
+    item: ResponseOutputItem;
+    output_index: number;
+    sequence_number: number;
+    type: "response.output_item.added";
+};
+type ResponseOutputItemDoneEvent = {
+    item: ResponseOutputItem;
+    output_index: number;
+    sequence_number: number;
+    type: "response.output_item.done";
+};
+type ResponseOutputMessage = {
+    id: string;
+    content: Array<ResponseOutputText | ResponseOutputRefusal>;
+    role: "assistant";
+    status: "in_progress" | "completed" | "incomplete";
+    type: "message";
+};
+type ResponseOutputRefusal = {
+    refusal: string;
+    type: "refusal";
+};
+type ResponseOutputText = {
+    text: string;
+    type: "output_text";
+    logprobs?: Array<Logprob>;
+};
+type ResponseReasoningItem = {
+    id: string;
+    summary: Array<ResponseReasoningSummaryItem>;
+    type: "reasoning";
+    content?: Array<ResponseReasoningContentItem>;
+    encrypted_content?: string | null;
+    status?: "in_progress" | "completed" | "incomplete";
+};
+type ResponseReasoningSummaryItem = {
+    text: string;
+    type: "summary_text";
+};
+type ResponseReasoningContentItem = {
+    text: string;
+    type: "reasoning_text";
+};
+type ResponseReasoningTextDeltaEvent = {
+    content_index: number;
+    delta: string;
+    item_id: string;
+    output_index: number;
+    sequence_number: number;
+    type: "response.reasoning_text.delta";
+};
+type ResponseReasoningTextDoneEvent = {
+    content_index: number;
+    item_id: string;
+    output_index: number;
+    sequence_number: number;
+    text: string;
+    type: "response.reasoning_text.done";
+};
+type ResponseRefusalDeltaEvent = {
+    content_index: number;
+    delta: string;
+    item_id: string;
+    output_index: number;
+    sequence_number: number;
+    type: "response.refusal.delta";
+};
+type ResponseRefusalDoneEvent = {
+    content_index: number;
+    item_id: string;
+    output_index: number;
+    refusal: string;
+    sequence_number: number;
+    type: "response.refusal.done";
+};
+type ResponseStatus = "completed" | "failed" | "in_progress" | "cancelled" | "queued" | "incomplete";
+type ResponseStreamEvent = ResponseCompletedEvent | ResponseCreatedEvent | ResponseErrorEvent | ResponseFunctionCallArgumentsDeltaEvent | ResponseFunctionCallArgumentsDoneEvent | ResponseFailedEvent | ResponseIncompleteEvent | ResponseOutputItemAddedEvent | ResponseOutputItemDoneEvent | ResponseReasoningTextDeltaEvent | ResponseReasoningTextDoneEvent | ResponseRefusalDeltaEvent | ResponseRefusalDoneEvent | ResponseTextDeltaEvent | ResponseTextDoneEvent;
+type ResponseCompletedEvent = {
+    response: Response;
+    sequence_number: number;
+    type: "response.completed";
+};
+type ResponseTextConfig = {
+    format?: ResponseFormatTextConfig;
+    verbosity?: "low" | "medium" | "high" | null;
+};
+type ResponseTextDeltaEvent = {
+    content_index: number;
+    delta: string;
+    item_id: string;
+    logprobs: Array<Logprob>;
+    output_index: number;
+    sequence_number: number;
+    type: "response.output_text.delta";
+};
+type ResponseTextDoneEvent = {
+    content_index: number;
+    item_id: string;
+    logprobs: Array<Logprob>;
+    output_index: number;
+    sequence_number: number;
+    text: string;
+    type: "response.output_text.done";
+};
+type Logprob = {
+    token: string;
+    logprob: number;
+    top_logprobs?: Array<TopLogprob>;
+};
+type TopLogprob = {
+    token?: string;
+    logprob?: number;
+};
+type ResponseUsage = {
+    input_tokens: number;
+    output_tokens: number;
+    total_tokens: number;
+};
+type Tool = ResponsesFunctionTool;
+type ToolChoiceFunction = {
+    name: string;
+    type: "function";
+};
+type ToolChoiceOptions = "none";
+type ReasoningEffort = "minimal" | "low" | "medium" | "high" | null;
+type StreamOptions = {
+    include_obfuscation?: boolean;
+};
+type Ai_Cf_Baai_Bge_Base_En_V1_5_Input = {
+    text: string | string[];
+    /**
+     * The pooling method used in the embedding process. `cls` pooling will generate more accurate embeddings on larger inputs - however, embeddings created with cls pooling are not compatible with embeddings generated with mean pooling. The default pooling method is `mean` in order for this to not be a breaking change, but we highly suggest using the new `cls` pooling for better accuracy.
+     */
+    pooling?: "mean" | "cls";
+} | {
+    /**
+     * Batch of the embeddings requests to run using async-queue
+     */
+    requests: {
+        text: string | string[];
+        /**
+         * The pooling method used in the embedding process. `cls` pooling will generate more accurate embeddings on larger inputs - however, embeddings created with cls pooling are not compatible with embeddings generated with mean pooling. The default pooling method is `mean` in order for this to not be a breaking change, but we highly suggest using the new `cls` pooling for better accuracy.
+         */
+        pooling?: "mean" | "cls";
+    }[];
+};
+type Ai_Cf_Baai_Bge_Base_En_V1_5_Output = {
+    shape?: number[];
+    /**
+     * Embeddings of the requested text values
+     */
+    data?: number[][];
+    /**
+     * The pooling method used in the embedding process.
+     */
+    pooling?: "mean" | "cls";
+} | Ai_Cf_Baai_Bge_Base_En_V1_5_AsyncResponse;
+interface Ai_Cf_Baai_Bge_Base_En_V1_5_AsyncResponse {
+    /**
+     * The async request id that can be used to obtain the results.
+     */
+    request_id?: string;
+}
+declare abstract class Base_Ai_Cf_Baai_Bge_Base_En_V1_5 {
+    inputs: Ai_Cf_Baai_Bge_Base_En_V1_5_Input;
+    postProcessedOutputs: Ai_Cf_Baai_Bge_Base_En_V1_5_Output;
+}
 type Ai_Cf_Openai_Whisper_Input = string | {
     /**
      * An array of integers that represent the audio data constrained to 8-bit unsigned integer values
@@ -2729,6 +3964,132 @@ declare abstract class Base_Ai_Cf_Openai_Whisper {
     inputs: Ai_Cf_Openai_Whisper_Input;
     postProcessedOutputs: Ai_Cf_Openai_Whisper_Output;
 }
+type Ai_Cf_Meta_M2M100_1_2B_Input = {
+    /**
+     * The text to be translated
+     */
+    text: string;
+    /**
+     * The language code of the source text (e.g., 'en' for English). Defaults to 'en' if not specified
+     */
+    source_lang?: string;
+    /**
+     * The language code to translate the text into (e.g., 'es' for Spanish)
+     */
+    target_lang: string;
+} | {
+    /**
+     * Batch of the embeddings requests to run using async-queue
+     */
+    requests: {
+        /**
+         * The text to be translated
+         */
+        text: string;
+        /**
+         * The language code of the source text (e.g., 'en' for English). Defaults to 'en' if not specified
+         */
+        source_lang?: string;
+        /**
+         * The language code to translate the text into (e.g., 'es' for Spanish)
+         */
+        target_lang: string;
+    }[];
+};
+type Ai_Cf_Meta_M2M100_1_2B_Output = {
+    /**
+     * The translated text in the target language
+     */
+    translated_text?: string;
+} | Ai_Cf_Meta_M2M100_1_2B_AsyncResponse;
+interface Ai_Cf_Meta_M2M100_1_2B_AsyncResponse {
+    /**
+     * The async request id that can be used to obtain the results.
+     */
+    request_id?: string;
+}
+declare abstract class Base_Ai_Cf_Meta_M2M100_1_2B {
+    inputs: Ai_Cf_Meta_M2M100_1_2B_Input;
+    postProcessedOutputs: Ai_Cf_Meta_M2M100_1_2B_Output;
+}
+type Ai_Cf_Baai_Bge_Small_En_V1_5_Input = {
+    text: string | string[];
+    /**
+     * The pooling method used in the embedding process. `cls` pooling will generate more accurate embeddings on larger inputs - however, embeddings created with cls pooling are not compatible with embeddings generated with mean pooling. The default pooling method is `mean` in order for this to not be a breaking change, but we highly suggest using the new `cls` pooling for better accuracy.
+     */
+    pooling?: "mean" | "cls";
+} | {
+    /**
+     * Batch of the embeddings requests to run using async-queue
+     */
+    requests: {
+        text: string | string[];
+        /**
+         * The pooling method used in the embedding process. `cls` pooling will generate more accurate embeddings on larger inputs - however, embeddings created with cls pooling are not compatible with embeddings generated with mean pooling. The default pooling method is `mean` in order for this to not be a breaking change, but we highly suggest using the new `cls` pooling for better accuracy.
+         */
+        pooling?: "mean" | "cls";
+    }[];
+};
+type Ai_Cf_Baai_Bge_Small_En_V1_5_Output = {
+    shape?: number[];
+    /**
+     * Embeddings of the requested text values
+     */
+    data?: number[][];
+    /**
+     * The pooling method used in the embedding process.
+     */
+    pooling?: "mean" | "cls";
+} | Ai_Cf_Baai_Bge_Small_En_V1_5_AsyncResponse;
+interface Ai_Cf_Baai_Bge_Small_En_V1_5_AsyncResponse {
+    /**
+     * The async request id that can be used to obtain the results.
+     */
+    request_id?: string;
+}
+declare abstract class Base_Ai_Cf_Baai_Bge_Small_En_V1_5 {
+    inputs: Ai_Cf_Baai_Bge_Small_En_V1_5_Input;
+    postProcessedOutputs: Ai_Cf_Baai_Bge_Small_En_V1_5_Output;
+}
+type Ai_Cf_Baai_Bge_Large_En_V1_5_Input = {
+    text: string | string[];
+    /**
+     * The pooling method used in the embedding process. `cls` pooling will generate more accurate embeddings on larger inputs - however, embeddings created with cls pooling are not compatible with embeddings generated with mean pooling. The default pooling method is `mean` in order for this to not be a breaking change, but we highly suggest using the new `cls` pooling for better accuracy.
+     */
+    pooling?: "mean" | "cls";
+} | {
+    /**
+     * Batch of the embeddings requests to run using async-queue
+     */
+    requests: {
+        text: string | string[];
+        /**
+         * The pooling method used in the embedding process. `cls` pooling will generate more accurate embeddings on larger inputs - however, embeddings created with cls pooling are not compatible with embeddings generated with mean pooling. The default pooling method is `mean` in order for this to not be a breaking change, but we highly suggest using the new `cls` pooling for better accuracy.
+         */
+        pooling?: "mean" | "cls";
+    }[];
+};
+type Ai_Cf_Baai_Bge_Large_En_V1_5_Output = {
+    shape?: number[];
+    /**
+     * Embeddings of the requested text values
+     */
+    data?: number[][];
+    /**
+     * The pooling method used in the embedding process.
+     */
+    pooling?: "mean" | "cls";
+} | Ai_Cf_Baai_Bge_Large_En_V1_5_AsyncResponse;
+interface Ai_Cf_Baai_Bge_Large_En_V1_5_AsyncResponse {
+    /**
+     * The async request id that can be used to obtain the results.
+     */
+    request_id?: string;
+}
+declare abstract class Base_Ai_Cf_Baai_Bge_Large_En_V1_5 {
+    inputs: Ai_Cf_Baai_Bge_Large_En_V1_5_Input;
+    postProcessedOutputs: Ai_Cf_Baai_Bge_Large_En_V1_5_Output;
+}
 type Ai_Cf_Unum_Uform_Gen2_Qwen_500M_Input = string | {
     /**
      * The input text prompt for the model to generate a response.
@@ -2820,7 +4181,7 @@ interface Ai_Cf_Openai_Whisper_Large_V3_Turbo_Input {
     /**
      * Preprocess the audio with a voice activity detection model.
      */
-    vad_filter?: string;
+    vad_filter?: boolean;
     /**
      * A text prompt to help provide context to the model on the contents of the audio.
      */
@@ -2910,8 +4271,13 @@ declare abstract class Base_Ai_Cf_Openai_Whisper_Large_V3_Turbo {
     inputs: Ai_Cf_Openai_Whisper_Large_V3_Turbo_Input;
     postProcessedOutputs: Ai_Cf_Openai_Whisper_Large_V3_Turbo_Output;
 }
-type Ai_Cf_Baai_Bge_M3_Input = BGEM3InputQueryAndContexts | BGEM3InputEmbedding;
-interface BGEM3InputQueryAndContexts {
+type Ai_Cf_Baai_Bge_M3_Input = Ai_Cf_Baai_Bge_M3_Input_QueryAnd_Contexts | Ai_Cf_Baai_Bge_M3_Input_Embedding | {
+    /**
+     * Batch of the embeddings requests to run using async-queue
+     */
+    requests: (Ai_Cf_Baai_Bge_M3_Input_QueryAnd_Contexts_1 | Ai_Cf_Baai_Bge_M3_Input_Embedding_1)[];
+};
+interface Ai_Cf_Baai_Bge_M3_Input_QueryAnd_Contexts {
     /**
      * A query you wish to perform against the provided contexts. If no query is provided the model with respond with embeddings for contexts
      */
@@ -2930,15 +4296,41 @@ interface BGEM3InputQueryAndContexts {
      */
     truncate_inputs?: boolean;
 }
-interface BGEM3InputEmbedding {
+interface Ai_Cf_Baai_Bge_M3_Input_Embedding {
     text: string | string[];
     /**
      * When provided with too long context should the model error out or truncate the context to fit?
      */
     truncate_inputs?: boolean;
 }
-type Ai_Cf_Baai_Bge_M3_Output = BGEM3OuputQuery | BGEM3OutputEmbeddingForContexts | BGEM3OuputEmbedding;
-interface BGEM3OuputQuery {
+interface Ai_Cf_Baai_Bge_M3_Input_QueryAnd_Contexts_1 {
+    /**
+     * A query you wish to perform against the provided contexts. If no query is provided the model with respond with embeddings for contexts
+     */
+    query?: string;
+    /**
+     * List of provided contexts. Note that the index in this array is important, as the response will refer to it.
+     */
+    contexts: {
+        /**
+         * One of the provided context content
+         */
+        text?: string;
+    }[];
+    /**
+     * When provided with too long context should the model error out or truncate the context to fit?
+     */
+    truncate_inputs?: boolean;
+}
+interface Ai_Cf_Baai_Bge_M3_Input_Embedding_1 {
+    text: string | string[];
+    /**
+     * When provided with too long context should the model error out or truncate the context to fit?
+     */
+    truncate_inputs?: boolean;
+}
+type Ai_Cf_Baai_Bge_M3_Output = Ai_Cf_Baai_Bge_M3_Ouput_Query | Ai_Cf_Baai_Bge_M3_Output_EmbeddingFor_Contexts | Ai_Cf_Baai_Bge_M3_Ouput_Embedding | Ai_Cf_Baai_Bge_M3_AsyncResponse;
+interface Ai_Cf_Baai_Bge_M3_Ouput_Query {
     response?: {
         /**
          * Index of the context in the request
@@ -2950,7 +4342,7 @@ interface BGEM3OuputQuery {
         score?: number;
     }[];
 }
-interface BGEM3OutputEmbeddingForContexts {
+interface Ai_Cf_Baai_Bge_M3_Output_EmbeddingFor_Contexts {
     response?: number[][];
     shape?: number[];
     /**
@@ -2958,7 +4350,7 @@ interface BGEM3OutputEmbeddingForContexts {
      */
     pooling?: "mean" | "cls";
 }
-interface BGEM3OuputEmbedding {
+interface Ai_Cf_Baai_Bge_M3_Ouput_Embedding {
     shape?: number[];
     /**
      * Embeddings of the requested text values
@@ -2969,6 +4361,12 @@ interface BGEM3OuputEmbedding {
      */
     pooling?: "mean" | "cls";
 }
+interface Ai_Cf_Baai_Bge_M3_AsyncResponse {
+    /**
+     * The async request id that can be used to obtain the results.
+     */
+    request_id?: string;
+}
 declare abstract class Base_Ai_Cf_Baai_Bge_M3 {
     inputs: Ai_Cf_Baai_Bge_M3_Input;
     postProcessedOutputs: Ai_Cf_Baai_Bge_M3_Output;
@@ -2993,8 +4391,8 @@ declare abstract class Base_Ai_Cf_Black_Forest_Labs_Flux_1_Schnell {
     inputs: Ai_Cf_Black_Forest_Labs_Flux_1_Schnell_Input;
     postProcessedOutputs: Ai_Cf_Black_Forest_Labs_Flux_1_Schnell_Output;
 }
-type Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Input = Prompt | Messages;
-interface Prompt {
+type Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Input = Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Prompt | Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Messages;
+interface Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Prompt {
     /**
      * The input text prompt for the model to generate a response.
      */
@@ -3045,7 +4443,7 @@ interface Prompt {
      */
     lora?: string;
 }
-interface Messages {
+interface Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Messages {
     /**
      * An array of message objects representing the conversation history.
      */
@@ -3053,13 +4451,38 @@ interface Messages {
         /**
          * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
          */
-        role: string;
+        role?: string;
         /**
-         * The content of the message as a string.
+         * The tool call id. Must be supplied for tool calls for Mistral-3. If you don't know what to put here you can fall back to 000000001
          */
-        content: string;
+        tool_call_id?: string;
+        content?: string | {
+            /**
+             * Type of the content provided
+             */
+            type?: string;
+            text?: string;
+            image_url?: {
+                /**
+                 * image uri with data (e.g. data:image/jpeg;base64,/9j/...). HTTP URL will not be accepted
+                 */
+                url?: string;
+            };
+        }[] | {
+            /**
+             * Type of the content provided
+             */
+            type?: string;
+            text?: string;
+            image_url?: {
+                /**
+                 * image uri with data (e.g. data:image/jpeg;base64,/9j/...). HTTP URL will not be accepted
+                 */
+                url?: string;
+            };
+        };
     }[];
-    image?: number[] | string;
+    image?: number[] | (string & NonNullable<unknown>);
     functions?: {
         name: string;
         code: string;
@@ -3206,11 +4629,313 @@ type Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Output = {
          */
         name?: string;
     }[];
-} | ReadableStream;
+};
 declare abstract class Base_Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct {
     inputs: Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Input;
     postProcessedOutputs: Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Output;
 }
+type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Input = Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Prompt | Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Messages | Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Async_Batch;
+interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Prompt {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * Name of the LoRA (Low-Rank Adaptation) model to fine-tune the base model.
+     */
+    lora?: string;
+    response_format?: Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Messages {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role: string;
+        /**
+         * The content of the message as a string.
+         */
+        content: string;
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    response_format?: Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode_1;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode_1 {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Async_Batch {
+    requests?: {
+        /**
+         * User-supplied reference. This field will be present in the response as well it can be used to reference the request and response. It's NOT validated to be unique.
+         */
+        external_reference?: string;
+        /**
+         * Prompt for the text generation model
+         */
+        prompt?: string;
+        /**
+         * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+         */
+        stream?: boolean;
+        /**
+         * The maximum number of tokens to generate in the response.
+         */
+        max_tokens?: number;
+        /**
+         * Controls the randomness of the output; higher values produce more random results.
+         */
+        temperature?: number;
+        /**
+         * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+         */
+        top_p?: number;
+        /**
+         * Random seed for reproducibility of the generation.
+         */
+        seed?: number;
+        /**
+         * Penalty for repeated tokens; higher values discourage repetition.
+         */
+        repetition_penalty?: number;
+        /**
+         * Decreases the likelihood of the model repeating the same lines verbatim.
+         */
+        frequency_penalty?: number;
+        /**
+         * Increases the likelihood of the model introducing new topics.
+         */
+        presence_penalty?: number;
+        response_format?: Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode_2;
+    }[];
+}
+interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode_2 {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Output = {
+    /**
+     * The generated text response from the model
+     */
+    response: string;
+    /**
+     * Usage statistics for the inference request
+     */
+    usage?: {
+        /**
+         * Total number of tokens in input
+         */
+        prompt_tokens?: number;
+        /**
+         * Total number of tokens in output
+         */
+        completion_tokens?: number;
+        /**
+         * Total number of input and output tokens
+         */
+        total_tokens?: number;
+    };
+    /**
+     * An array of tool calls requests made during the response generation
+     */
+    tool_calls?: {
+        /**
+         * The arguments passed to be passed to the tool call request
+         */
+        arguments?: object;
+        /**
+         * The name of the tool to be called
+         */
+        name?: string;
+    }[];
+} | string | Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_AsyncResponse;
+interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_AsyncResponse {
+    /**
+     * The async request id that can be used to obtain the results.
+     */
+    request_id?: string;
+}
+declare abstract class Base_Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast {
+    inputs: Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Input;
+    postProcessedOutputs: Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Output;
+}
 interface Ai_Cf_Meta_Llama_Guard_3_8B_Input {
     /**
      * An array of message objects representing the conversation history.
@@ -3310,8 +5035,255 @@ declare abstract class Base_Ai_Cf_Baai_Bge_Reranker_Base {
     inputs: Ai_Cf_Baai_Bge_Reranker_Base_Input;
     postProcessedOutputs: Ai_Cf_Baai_Bge_Reranker_Base_Output;
 }
-type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Input = Ai_Cf_Meta_Llama_4_Prompt | Ai_Cf_Meta_Llama_4_Messages;
-interface Ai_Cf_Meta_Llama_4_Prompt {
+type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Input = Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Prompt | Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Messages;
+interface Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Prompt {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * Name of the LoRA (Low-Rank Adaptation) model to fine-tune the base model.
+     */
+    lora?: string;
+    response_format?: Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_JSON_Mode;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_JSON_Mode {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Messages {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role: string;
+        /**
+         * The content of the message as a string.
+         */
+        content: string;
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    response_format?: Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_JSON_Mode_1;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_JSON_Mode_1 {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Output = {
+    /**
+     * The generated text response from the model
+     */
+    response: string;
+    /**
+     * Usage statistics for the inference request
+     */
+    usage?: {
+        /**
+         * Total number of tokens in input
+         */
+        prompt_tokens?: number;
+        /**
+         * Total number of tokens in output
+         */
+        completion_tokens?: number;
+        /**
+         * Total number of input and output tokens
+         */
+        total_tokens?: number;
+    };
+    /**
+     * An array of tool calls requests made during the response generation
+     */
+    tool_calls?: {
+        /**
+         * The arguments passed to be passed to the tool call request
+         */
+        arguments?: object;
+        /**
+         * The name of the tool to be called
+         */
+        name?: string;
+    }[];
+};
+declare abstract class Base_Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct {
+    inputs: Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Input;
+    postProcessedOutputs: Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Output;
+}
+type Ai_Cf_Qwen_Qwq_32B_Input = Ai_Cf_Qwen_Qwq_32B_Prompt | Ai_Cf_Qwen_Qwq_32B_Messages;
+interface Ai_Cf_Qwen_Qwq_32B_Prompt {
     /**
      * The input text prompt for the model to generate a response.
      */
@@ -3361,7 +5333,7 @@ interface Ai_Cf_Meta_Llama_4_Prompt {
      */
     presence_penalty?: number;
 }
-interface Ai_Cf_Meta_Llama_4_Messages {
+interface Ai_Cf_Qwen_Qwq_32B_Messages {
     /**
      * An array of message objects representing the conversation history.
      */
@@ -3536,7 +5508,7 @@ interface Ai_Cf_Meta_Llama_4_Messages {
      */
     presence_penalty?: number;
 }
-type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Output = {
+type Ai_Cf_Qwen_Qwq_32B_Output = {
     /**
      * The generated text response from the model
      */
@@ -3571,11 +5543,2782 @@ type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Output = {
          */
         name?: string;
     }[];
-} | string;
+};
+declare abstract class Base_Ai_Cf_Qwen_Qwq_32B {
+    inputs: Ai_Cf_Qwen_Qwq_32B_Input;
+    postProcessedOutputs: Ai_Cf_Qwen_Qwq_32B_Output;
+}
+type Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Input = Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Prompt | Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Messages;
+interface Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Prompt {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * JSON schema that should be fulfilled for the response.
+     */
+    guided_json?: object;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Messages {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role?: string;
+        /**
+         * The tool call id. Must be supplied for tool calls for Mistral-3. If you don't know what to put here you can fall back to 000000001
+         */
+        tool_call_id?: string;
+        content?: string | {
+            /**
+             * Type of the content provided
+             */
+            type?: string;
+            text?: string;
+            image_url?: {
+                /**
+                 * image uri with data (e.g. data:image/jpeg;base64,/9j/...). HTTP URL will not be accepted
+                 */
+                url?: string;
+            };
+        }[] | {
+            /**
+             * Type of the content provided
+             */
+            type?: string;
+            text?: string;
+            image_url?: {
+                /**
+                 * image uri with data (e.g. data:image/jpeg;base64,/9j/...). HTTP URL will not be accepted
+                 */
+                url?: string;
+            };
+        };
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    /**
+     * JSON schema that should be fufilled for the response.
+     */
+    guided_json?: object;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+type Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Output = {
+    /**
+     * The generated text response from the model
+     */
+    response: string;
+    /**
+     * Usage statistics for the inference request
+     */
+    usage?: {
+        /**
+         * Total number of tokens in input
+         */
+        prompt_tokens?: number;
+        /**
+         * Total number of tokens in output
+         */
+        completion_tokens?: number;
+        /**
+         * Total number of input and output tokens
+         */
+        total_tokens?: number;
+    };
+    /**
+     * An array of tool calls requests made during the response generation
+     */
+    tool_calls?: {
+        /**
+         * The arguments passed to be passed to the tool call request
+         */
+        arguments?: object;
+        /**
+         * The name of the tool to be called
+         */
+        name?: string;
+    }[];
+};
+declare abstract class Base_Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct {
+    inputs: Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Input;
+    postProcessedOutputs: Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Output;
+}
+type Ai_Cf_Google_Gemma_3_12B_It_Input = Ai_Cf_Google_Gemma_3_12B_It_Prompt | Ai_Cf_Google_Gemma_3_12B_It_Messages;
+interface Ai_Cf_Google_Gemma_3_12B_It_Prompt {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * JSON schema that should be fufilled for the response.
+     */
+    guided_json?: object;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Google_Gemma_3_12B_It_Messages {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role?: string;
+        content?: string | {
+            /**
+             * Type of the content provided
+             */
+            type?: string;
+            text?: string;
+            image_url?: {
+                /**
+                 * image uri with data (e.g. data:image/jpeg;base64,/9j/...). HTTP URL will not be accepted
+                 */
+                url?: string;
+            };
+        }[];
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    /**
+     * JSON schema that should be fufilled for the response.
+     */
+    guided_json?: object;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+type Ai_Cf_Google_Gemma_3_12B_It_Output = {
+    /**
+     * The generated text response from the model
+     */
+    response: string;
+    /**
+     * Usage statistics for the inference request
+     */
+    usage?: {
+        /**
+         * Total number of tokens in input
+         */
+        prompt_tokens?: number;
+        /**
+         * Total number of tokens in output
+         */
+        completion_tokens?: number;
+        /**
+         * Total number of input and output tokens
+         */
+        total_tokens?: number;
+    };
+    /**
+     * An array of tool calls requests made during the response generation
+     */
+    tool_calls?: {
+        /**
+         * The arguments passed to be passed to the tool call request
+         */
+        arguments?: object;
+        /**
+         * The name of the tool to be called
+         */
+        name?: string;
+    }[];
+};
+declare abstract class Base_Ai_Cf_Google_Gemma_3_12B_It {
+    inputs: Ai_Cf_Google_Gemma_3_12B_It_Input;
+    postProcessedOutputs: Ai_Cf_Google_Gemma_3_12B_It_Output;
+}
+type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Input = Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Prompt | Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Messages | Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Async_Batch;
+interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Prompt {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * JSON schema that should be fulfilled for the response.
+     */
+    guided_json?: object;
+    response_format?: Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_JSON_Mode;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_JSON_Mode {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Messages {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role?: string;
+        /**
+         * The tool call id. If you don't know what to put here you can fall back to 000000001
+         */
+        tool_call_id?: string;
+        content?: string | {
+            /**
+             * Type of the content provided
+             */
+            type?: string;
+            text?: string;
+            image_url?: {
+                /**
+                 * image uri with data (e.g. data:image/jpeg;base64,/9j/...). HTTP URL will not be accepted
+                 */
+                url?: string;
+            };
+        }[] | {
+            /**
+             * Type of the content provided
+             */
+            type?: string;
+            text?: string;
+            image_url?: {
+                /**
+                 * image uri with data (e.g. data:image/jpeg;base64,/9j/...). HTTP URL will not be accepted
+                 */
+                url?: string;
+            };
+        };
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    response_format?: Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_JSON_Mode;
+    /**
+     * JSON schema that should be fufilled for the response.
+     */
+    guided_json?: object;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Async_Batch {
+    requests: (Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Prompt_Inner | Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Messages_Inner)[];
+}
+interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Prompt_Inner {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * JSON schema that should be fulfilled for the response.
+     */
+    guided_json?: object;
+    response_format?: Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_JSON_Mode;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Messages_Inner {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role?: string;
+        /**
+         * The tool call id. If you don't know what to put here you can fall back to 000000001
+         */
+        tool_call_id?: string;
+        content?: string | {
+            /**
+             * Type of the content provided
+             */
+            type?: string;
+            text?: string;
+            image_url?: {
+                /**
+                 * image uri with data (e.g. data:image/jpeg;base64,/9j/...). HTTP URL will not be accepted
+                 */
+                url?: string;
+            };
+        }[] | {
+            /**
+             * Type of the content provided
+             */
+            type?: string;
+            text?: string;
+            image_url?: {
+                /**
+                 * image uri with data (e.g. data:image/jpeg;base64,/9j/...). HTTP URL will not be accepted
+                 */
+                url?: string;
+            };
+        };
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    response_format?: Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_JSON_Mode;
+    /**
+     * JSON schema that should be fufilled for the response.
+     */
+    guided_json?: object;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Output = {
+    /**
+     * The generated text response from the model
+     */
+    response: string;
+    /**
+     * Usage statistics for the inference request
+     */
+    usage?: {
+        /**
+         * Total number of tokens in input
+         */
+        prompt_tokens?: number;
+        /**
+         * Total number of tokens in output
+         */
+        completion_tokens?: number;
+        /**
+         * Total number of input and output tokens
+         */
+        total_tokens?: number;
+    };
+    /**
+     * An array of tool calls requests made during the response generation
+     */
+    tool_calls?: {
+        /**
+         * The tool call id.
+         */
+        id?: string;
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type?: string;
+        /**
+         * Details of the function tool.
+         */
+        function?: {
+            /**
+             * The name of the tool to be called
+             */
+            name?: string;
+            /**
+             * The arguments passed to be passed to the tool call request
+             */
+            arguments?: object;
+        };
+    }[];
+};
 declare abstract class Base_Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct {
     inputs: Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Input;
     postProcessedOutputs: Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Output;
 }
+type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Input = Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Prompt | Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Messages | Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Async_Batch;
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Prompt {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * Name of the LoRA (Low-Rank Adaptation) model to fine-tune the base model.
+     */
+    lora?: string;
+    response_format?: Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Messages {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role: string;
+        /**
+         * The content of the message as a string.
+         */
+        content: string;
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    response_format?: Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_1;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_1 {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Async_Batch {
+    requests: (Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Prompt_1 | Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Messages_1)[];
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Prompt_1 {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * Name of the LoRA (Low-Rank Adaptation) model to fine-tune the base model.
+     */
+    lora?: string;
+    response_format?: Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_2;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_2 {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Messages_1 {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role: string;
+        /**
+         * The content of the message as a string.
+         */
+        content: string;
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    response_format?: Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_3;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_3 {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Output = Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Chat_Completion_Response | Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Text_Completion_Response | string | Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_AsyncResponse;
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Chat_Completion_Response {
+    /**
+     * Unique identifier for the completion
+     */
+    id?: string;
+    /**
+     * Object type identifier
+     */
+    object?: "chat.completion";
+    /**
+     * Unix timestamp of when the completion was created
+     */
+    created?: number;
+    /**
+     * Model used for the completion
+     */
+    model?: string;
+    /**
+     * List of completion choices
+     */
+    choices?: {
+        /**
+         * Index of the choice in the list
+         */
+        index?: number;
+        /**
+         * The message generated by the model
+         */
+        message?: {
+            /**
+             * Role of the message author
+             */
+            role: string;
+            /**
+             * The content of the message
+             */
+            content: string;
+            /**
+             * Internal reasoning content (if available)
+             */
+            reasoning_content?: string;
+            /**
+             * Tool calls made by the assistant
+             */
+            tool_calls?: {
+                /**
+                 * Unique identifier for the tool call
+                 */
+                id: string;
+                /**
+                 * Type of tool call
+                 */
+                type: "function";
+                function: {
+                    /**
+                     * Name of the function to call
+                     */
+                    name: string;
+                    /**
+                     * JSON string of arguments for the function
+                     */
+                    arguments: string;
+                };
+            }[];
+        };
+        /**
+         * Reason why the model stopped generating
+         */
+        finish_reason?: string;
+        /**
+         * Stop reason (may be null)
+         */
+        stop_reason?: string | null;
+        /**
+         * Log probabilities (if requested)
+         */
+        logprobs?: {} | null;
+    }[];
+    /**
+     * Usage statistics for the inference request
+     */
+    usage?: {
+        /**
+         * Total number of tokens in input
+         */
+        prompt_tokens?: number;
+        /**
+         * Total number of tokens in output
+         */
+        completion_tokens?: number;
+        /**
+         * Total number of input and output tokens
+         */
+        total_tokens?: number;
+    };
+    /**
+     * Log probabilities for the prompt (if requested)
+     */
+    prompt_logprobs?: {} | null;
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Text_Completion_Response {
+    /**
+     * Unique identifier for the completion
+     */
+    id?: string;
+    /**
+     * Object type identifier
+     */
+    object?: "text_completion";
+    /**
+     * Unix timestamp of when the completion was created
+     */
+    created?: number;
+    /**
+     * Model used for the completion
+     */
+    model?: string;
+    /**
+     * List of completion choices
+     */
+    choices?: {
+        /**
+         * Index of the choice in the list
+         */
+        index: number;
+        /**
+         * The generated text completion
+         */
+        text: string;
+        /**
+         * Reason why the model stopped generating
+         */
+        finish_reason: string;
+        /**
+         * Stop reason (may be null)
+         */
+        stop_reason?: string | null;
+        /**
+         * Log probabilities (if requested)
+         */
+        logprobs?: {} | null;
+        /**
+         * Log probabilities for the prompt (if requested)
+         */
+        prompt_logprobs?: {} | null;
+    }[];
+    /**
+     * Usage statistics for the inference request
+     */
+    usage?: {
+        /**
+         * Total number of tokens in input
+         */
+        prompt_tokens?: number;
+        /**
+         * Total number of tokens in output
+         */
+        completion_tokens?: number;
+        /**
+         * Total number of input and output tokens
+         */
+        total_tokens?: number;
+    };
+}
+interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_AsyncResponse {
+    /**
+     * The async request id that can be used to obtain the results.
+     */
+    request_id?: string;
+}
+declare abstract class Base_Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8 {
+    inputs: Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Input;
+    postProcessedOutputs: Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Output;
+}
+interface Ai_Cf_Deepgram_Nova_3_Input {
+    audio: {
+        body: object;
+        contentType: string;
+    };
+    /**
+     * Sets how the model will interpret strings submitted to the custom_topic param. When strict, the model will only return topics submitted using the custom_topic param. When extended, the model will return its own detected topics in addition to those submitted using the custom_topic param.
+     */
+    custom_topic_mode?: "extended" | "strict";
+    /**
+     * Custom topics you want the model to detect within your input audio or text if present Submit up to 100
+     */
+    custom_topic?: string;
+    /**
+     * Sets how the model will interpret intents submitted to the custom_intent param. When strict, the model will only return intents submitted using the custom_intent param. When extended, the model will return its own detected intents in addition those submitted using the custom_intents param
+     */
+    custom_intent_mode?: "extended" | "strict";
+    /**
+     * Custom intents you want the model to detect within your input audio if present
+     */
+    custom_intent?: string;
+    /**
+     * Identifies and extracts key entities from content in submitted audio
+     */
+    detect_entities?: boolean;
+    /**
+     * Identifies the dominant language spoken in submitted audio
+     */
+    detect_language?: boolean;
+    /**
+     * Recognize speaker changes. Each word in the transcript will be assigned a speaker number starting at 0
+     */
+    diarize?: boolean;
+    /**
+     * Identify and extract key entities from content in submitted audio
+     */
+    dictation?: boolean;
+    /**
+     * Specify the expected encoding of your submitted audio
+     */
+    encoding?: "linear16" | "flac" | "mulaw" | "amr-nb" | "amr-wb" | "opus" | "speex" | "g729";
+    /**
+     * Arbitrary key-value pairs that are attached to the API response for usage in downstream processing
+     */
+    extra?: string;
+    /**
+     * Filler Words can help transcribe interruptions in your audio, like 'uh' and 'um'
+     */
+    filler_words?: boolean;
+    /**
+     * Key term prompting can boost or suppress specialized terminology and brands.
+     */
+    keyterm?: string;
+    /**
+     * Keywords can boost or suppress specialized terminology and brands.
+     */
+    keywords?: string;
+    /**
+     * The BCP-47 language tag that hints at the primary spoken language. Depending on the Model and API endpoint you choose only certain languages are available.
+     */
+    language?: string;
+    /**
+     * Spoken measurements will be converted to their corresponding abbreviations.
+     */
+    measurements?: boolean;
+    /**
+     * Opts out requests from the Deepgram Model Improvement Program. Refer to our Docs for pricing impacts before setting this to true. https://dpgr.am/deepgram-mip.
+     */
+    mip_opt_out?: boolean;
+    /**
+     * Mode of operation for the model representing broad area of topic that will be talked about in the supplied audio
+     */
+    mode?: "general" | "medical" | "finance";
+    /**
+     * Transcribe each audio channel independently.
+     */
+    multichannel?: boolean;
+    /**
+     * Numerals converts numbers from written format to numerical format.
+     */
+    numerals?: boolean;
+    /**
+     * Splits audio into paragraphs to improve transcript readability.
+     */
+    paragraphs?: boolean;
+    /**
+     * Profanity Filter looks for recognized profanity and converts it to the nearest recognized non-profane word or removes it from the transcript completely.
+     */
+    profanity_filter?: boolean;
+    /**
+     * Add punctuation and capitalization to the transcript.
+     */
+    punctuate?: boolean;
+    /**
+     * Redaction removes sensitive information from your transcripts.
+     */
+    redact?: string;
+    /**
+     * Search for terms or phrases in submitted audio and replaces them.
+     */
+    replace?: string;
+    /**
+     * Search for terms or phrases in submitted audio.
+     */
+    search?: string;
+    /**
+     * Recognizes the sentiment throughout a transcript or text.
+     */
+    sentiment?: boolean;
+    /**
+     * Apply formatting to transcript output. When set to true, additional formatting will be applied to transcripts to improve readability.
+     */
+    smart_format?: boolean;
+    /**
+     * Detect topics throughout a transcript or text.
+     */
+    topics?: boolean;
+    /**
+     * Segments speech into meaningful semantic units.
+     */
+    utterances?: boolean;
+    /**
+     * Seconds to wait before detecting a pause between words in submitted audio.
+     */
+    utt_split?: number;
+    /**
+     * The number of channels in the submitted audio
+     */
+    channels?: number;
+    /**
+     * Specifies whether the streaming endpoint should provide ongoing transcription updates as more audio is received. When set to true, the endpoint sends continuous updates, meaning transcription results may evolve over time. Note: Supported only for webosockets.
+     */
+    interim_results?: boolean;
+    /**
+     * Indicates how long model will wait to detect whether a speaker has finished speaking or pauses for a significant period of time. When set to a value, the streaming endpoint immediately finalizes the transcription for the processed time range and returns the transcript with a speech_final parameter set to true. Can also be set to false to disable endpointing
+     */
+    endpointing?: string;
+    /**
+     * Indicates that speech has started. You'll begin receiving Speech Started messages upon speech starting. Note: Supported only for webosockets.
+     */
+    vad_events?: boolean;
+    /**
+     * Indicates how long model will wait to send an UtteranceEnd message after a word has been transcribed. Use with interim_results. Note: Supported only for webosockets.
+     */
+    utterance_end_ms?: boolean;
+}
+interface Ai_Cf_Deepgram_Nova_3_Output {
+    results?: {
+        channels?: {
+            alternatives?: {
+                confidence?: number;
+                transcript?: string;
+                words?: {
+                    confidence?: number;
+                    end?: number;
+                    start?: number;
+                    word?: string;
+                }[];
+            }[];
+        }[];
+        summary?: {
+            result?: string;
+            short?: string;
+        };
+        sentiments?: {
+            segments?: {
+                text?: string;
+                start_word?: number;
+                end_word?: number;
+                sentiment?: string;
+                sentiment_score?: number;
+            }[];
+            average?: {
+                sentiment?: string;
+                sentiment_score?: number;
+            };
+        };
+    };
+}
+declare abstract class Base_Ai_Cf_Deepgram_Nova_3 {
+    inputs: Ai_Cf_Deepgram_Nova_3_Input;
+    postProcessedOutputs: Ai_Cf_Deepgram_Nova_3_Output;
+}
+interface Ai_Cf_Qwen_Qwen3_Embedding_0_6B_Input {
+    queries?: string | string[];
+    /**
+     * Optional instruction for the task
+     */
+    instruction?: string;
+    documents?: string | string[];
+    text?: string | string[];
+}
+interface Ai_Cf_Qwen_Qwen3_Embedding_0_6B_Output {
+    data?: number[][];
+    shape?: number[];
+}
+declare abstract class Base_Ai_Cf_Qwen_Qwen3_Embedding_0_6B {
+    inputs: Ai_Cf_Qwen_Qwen3_Embedding_0_6B_Input;
+    postProcessedOutputs: Ai_Cf_Qwen_Qwen3_Embedding_0_6B_Output;
+}
+type Ai_Cf_Pipecat_Ai_Smart_Turn_V2_Input = {
+    /**
+     * readable stream with audio data and content-type specified for that data
+     */
+    audio: {
+        body: object;
+        contentType: string;
+    };
+    /**
+     * type of data PCM data that's sent to the inference server as raw array
+     */
+    dtype?: "uint8" | "float32" | "float64";
+} | {
+    /**
+     * base64 encoded audio data
+     */
+    audio: string;
+    /**
+     * type of data PCM data that's sent to the inference server as raw array
+     */
+    dtype?: "uint8" | "float32" | "float64";
+};
+interface Ai_Cf_Pipecat_Ai_Smart_Turn_V2_Output {
+    /**
+     * if true, end-of-turn was detected
+     */
+    is_complete?: boolean;
+    /**
+     * probability of the end-of-turn detection
+     */
+    probability?: number;
+}
+declare abstract class Base_Ai_Cf_Pipecat_Ai_Smart_Turn_V2 {
+    inputs: Ai_Cf_Pipecat_Ai_Smart_Turn_V2_Input;
+    postProcessedOutputs: Ai_Cf_Pipecat_Ai_Smart_Turn_V2_Output;
+}
+declare abstract class Base_Ai_Cf_Openai_Gpt_Oss_120B {
+    inputs: ResponsesInput;
+    postProcessedOutputs: ResponsesOutput;
+}
+declare abstract class Base_Ai_Cf_Openai_Gpt_Oss_20B {
+    inputs: ResponsesInput;
+    postProcessedOutputs: ResponsesOutput;
+}
+interface Ai_Cf_Leonardo_Phoenix_1_0_Input {
+    /**
+     * A text description of the image you want to generate.
+     */
+    prompt: string;
+    /**
+     * Controls how closely the generated image should adhere to the prompt; higher values make the image more aligned with the prompt
+     */
+    guidance?: number;
+    /**
+     * Random seed for reproducibility of the image generation
+     */
+    seed?: number;
+    /**
+     * The height of the generated image in pixels
+     */
+    height?: number;
+    /**
+     * The width of the generated image in pixels
+     */
+    width?: number;
+    /**
+     * The number of diffusion steps; higher values can improve quality but take longer
+     */
+    num_steps?: number;
+    /**
+     * Specify what to exclude from the generated images
+     */
+    negative_prompt?: string;
+}
+/**
+ * The generated image in JPEG format
+ */
+type Ai_Cf_Leonardo_Phoenix_1_0_Output = string;
+declare abstract class Base_Ai_Cf_Leonardo_Phoenix_1_0 {
+    inputs: Ai_Cf_Leonardo_Phoenix_1_0_Input;
+    postProcessedOutputs: Ai_Cf_Leonardo_Phoenix_1_0_Output;
+}
+interface Ai_Cf_Leonardo_Lucid_Origin_Input {
+    /**
+     * A text description of the image you want to generate.
+     */
+    prompt: string;
+    /**
+     * Controls how closely the generated image should adhere to the prompt; higher values make the image more aligned with the prompt
+     */
+    guidance?: number;
+    /**
+     * Random seed for reproducibility of the image generation
+     */
+    seed?: number;
+    /**
+     * The height of the generated image in pixels
+     */
+    height?: number;
+    /**
+     * The width of the generated image in pixels
+     */
+    width?: number;
+    /**
+     * The number of diffusion steps; higher values can improve quality but take longer
+     */
+    num_steps?: number;
+    /**
+     * The number of diffusion steps; higher values can improve quality but take longer
+     */
+    steps?: number;
+}
+interface Ai_Cf_Leonardo_Lucid_Origin_Output {
+    /**
+     * The generated image in Base64 format.
+     */
+    image?: string;
+}
+declare abstract class Base_Ai_Cf_Leonardo_Lucid_Origin {
+    inputs: Ai_Cf_Leonardo_Lucid_Origin_Input;
+    postProcessedOutputs: Ai_Cf_Leonardo_Lucid_Origin_Output;
+}
+interface Ai_Cf_Deepgram_Aura_1_Input {
+    /**
+     * Speaker used to produce the audio.
+     */
+    speaker?: "angus" | "asteria" | "arcas" | "orion" | "orpheus" | "athena" | "luna" | "zeus" | "perseus" | "helios" | "hera" | "stella";
+    /**
+     * Encoding of the output audio.
+     */
+    encoding?: "linear16" | "flac" | "mulaw" | "alaw" | "mp3" | "opus" | "aac";
+    /**
+     * Container specifies the file format wrapper for the output audio. The available options depend on the encoding type..
+     */
+    container?: "none" | "wav" | "ogg";
+    /**
+     * The text content to be converted to speech
+     */
+    text: string;
+    /**
+     * Sample Rate specifies the sample rate for the output audio. Based on the encoding, different sample rates are supported. For some encodings, the sample rate is not configurable
+     */
+    sample_rate?: number;
+    /**
+     * The bitrate of the audio in bits per second. Choose from predefined ranges or specific values based on the encoding type.
+     */
+    bit_rate?: number;
+}
+/**
+ * The generated audio in MP3 format
+ */
+type Ai_Cf_Deepgram_Aura_1_Output = string;
+declare abstract class Base_Ai_Cf_Deepgram_Aura_1 {
+    inputs: Ai_Cf_Deepgram_Aura_1_Input;
+    postProcessedOutputs: Ai_Cf_Deepgram_Aura_1_Output;
+}
+interface Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B_Input {
+    /**
+     * Input text to translate. Can be a single string or a list of strings.
+     */
+    text: string | string[];
+    /**
+     * Target langauge to translate to
+     */
+    target_language: "asm_Beng" | "awa_Deva" | "ben_Beng" | "bho_Deva" | "brx_Deva" | "doi_Deva" | "eng_Latn" | "gom_Deva" | "gon_Deva" | "guj_Gujr" | "hin_Deva" | "hne_Deva" | "kan_Knda" | "kas_Arab" | "kas_Deva" | "kha_Latn" | "lus_Latn" | "mag_Deva" | "mai_Deva" | "mal_Mlym" | "mar_Deva" | "mni_Beng" | "mni_Mtei" | "npi_Deva" | "ory_Orya" | "pan_Guru" | "san_Deva" | "sat_Olck" | "snd_Arab" | "snd_Deva" | "tam_Taml" | "tel_Telu" | "urd_Arab" | "unr_Deva";
+}
+interface Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B_Output {
+    /**
+     * Translated texts
+     */
+    translations: string[];
+}
+declare abstract class Base_Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B {
+    inputs: Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B_Input;
+    postProcessedOutputs: Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B_Output;
+}
+type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Input = Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Prompt | Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Messages | Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Async_Batch;
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Prompt {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * Name of the LoRA (Low-Rank Adaptation) model to fine-tune the base model.
+     */
+    lora?: string;
+    response_format?: Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Messages {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role: string;
+        /**
+         * The content of the message as a string.
+         */
+        content: string;
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    response_format?: Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_1;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_1 {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Async_Batch {
+    requests: (Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Prompt_1 | Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Messages_1)[];
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Prompt_1 {
+    /**
+     * The input text prompt for the model to generate a response.
+     */
+    prompt: string;
+    /**
+     * Name of the LoRA (Low-Rank Adaptation) model to fine-tune the base model.
+     */
+    lora?: string;
+    response_format?: Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_2;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_2 {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Messages_1 {
+    /**
+     * An array of message objects representing the conversation history.
+     */
+    messages: {
+        /**
+         * The role of the message sender (e.g., 'user', 'assistant', 'system', 'tool').
+         */
+        role: string;
+        /**
+         * The content of the message as a string.
+         */
+        content: string;
+    }[];
+    functions?: {
+        name: string;
+        code: string;
+    }[];
+    /**
+     * A list of tools available for the assistant to use.
+     */
+    tools?: ({
+        /**
+         * The name of the tool. More descriptive the better.
+         */
+        name: string;
+        /**
+         * A brief description of what the tool does.
+         */
+        description: string;
+        /**
+         * Schema defining the parameters accepted by the tool.
+         */
+        parameters: {
+            /**
+             * The type of the parameters object (usually 'object').
+             */
+            type: string;
+            /**
+             * List of required parameter names.
+             */
+            required?: string[];
+            /**
+             * Definitions of each parameter.
+             */
+            properties: {
+                [k: string]: {
+                    /**
+                     * The data type of the parameter.
+                     */
+                    type: string;
+                    /**
+                     * A description of the expected parameter.
+                     */
+                    description: string;
+                };
+            };
+        };
+    } | {
+        /**
+         * Specifies the type of tool (e.g., 'function').
+         */
+        type: string;
+        /**
+         * Details of the function tool.
+         */
+        function: {
+            /**
+             * The name of the function.
+             */
+            name: string;
+            /**
+             * A brief description of what the function does.
+             */
+            description: string;
+            /**
+             * Schema defining the parameters accepted by the function.
+             */
+            parameters: {
+                /**
+                 * The type of the parameters object (usually 'object').
+                 */
+                type: string;
+                /**
+                 * List of required parameter names.
+                 */
+                required?: string[];
+                /**
+                 * Definitions of each parameter.
+                 */
+                properties: {
+                    [k: string]: {
+                        /**
+                         * The data type of the parameter.
+                         */
+                        type: string;
+                        /**
+                         * A description of the expected parameter.
+                         */
+                        description: string;
+                    };
+                };
+            };
+        };
+    })[];
+    response_format?: Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_3;
+    /**
+     * If true, a chat template is not applied and you must adhere to the specific model's expected formatting.
+     */
+    raw?: boolean;
+    /**
+     * If true, the response will be streamed back incrementally using SSE, Server Sent Events.
+     */
+    stream?: boolean;
+    /**
+     * The maximum number of tokens to generate in the response.
+     */
+    max_tokens?: number;
+    /**
+     * Controls the randomness of the output; higher values produce more random results.
+     */
+    temperature?: number;
+    /**
+     * Adjusts the creativity of the AI's responses by controlling how many possible words it considers. Lower values make outputs more predictable; higher values allow for more varied and creative responses.
+     */
+    top_p?: number;
+    /**
+     * Limits the AI to choose from the top 'k' most probable words. Lower values make responses more focused; higher values introduce more variety and potential surprises.
+     */
+    top_k?: number;
+    /**
+     * Random seed for reproducibility of the generation.
+     */
+    seed?: number;
+    /**
+     * Penalty for repeated tokens; higher values discourage repetition.
+     */
+    repetition_penalty?: number;
+    /**
+     * Decreases the likelihood of the model repeating the same lines verbatim.
+     */
+    frequency_penalty?: number;
+    /**
+     * Increases the likelihood of the model introducing new topics.
+     */
+    presence_penalty?: number;
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_3 {
+    type?: "json_object" | "json_schema";
+    json_schema?: unknown;
+}
+type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Output = Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Chat_Completion_Response | Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Text_Completion_Response | string | Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_AsyncResponse;
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Chat_Completion_Response {
+    /**
+     * Unique identifier for the completion
+     */
+    id?: string;
+    /**
+     * Object type identifier
+     */
+    object?: "chat.completion";
+    /**
+     * Unix timestamp of when the completion was created
+     */
+    created?: number;
+    /**
+     * Model used for the completion
+     */
+    model?: string;
+    /**
+     * List of completion choices
+     */
+    choices?: {
+        /**
+         * Index of the choice in the list
+         */
+        index?: number;
+        /**
+         * The message generated by the model
+         */
+        message?: {
+            /**
+             * Role of the message author
+             */
+            role: string;
+            /**
+             * The content of the message
+             */
+            content: string;
+            /**
+             * Internal reasoning content (if available)
+             */
+            reasoning_content?: string;
+            /**
+             * Tool calls made by the assistant
+             */
+            tool_calls?: {
+                /**
+                 * Unique identifier for the tool call
+                 */
+                id: string;
+                /**
+                 * Type of tool call
+                 */
+                type: "function";
+                function: {
+                    /**
+                     * Name of the function to call
+                     */
+                    name: string;
+                    /**
+                     * JSON string of arguments for the function
+                     */
+                    arguments: string;
+                };
+            }[];
+        };
+        /**
+         * Reason why the model stopped generating
+         */
+        finish_reason?: string;
+        /**
+         * Stop reason (may be null)
+         */
+        stop_reason?: string | null;
+        /**
+         * Log probabilities (if requested)
+         */
+        logprobs?: {} | null;
+    }[];
+    /**
+     * Usage statistics for the inference request
+     */
+    usage?: {
+        /**
+         * Total number of tokens in input
+         */
+        prompt_tokens?: number;
+        /**
+         * Total number of tokens in output
+         */
+        completion_tokens?: number;
+        /**
+         * Total number of input and output tokens
+         */
+        total_tokens?: number;
+    };
+    /**
+     * Log probabilities for the prompt (if requested)
+     */
+    prompt_logprobs?: {} | null;
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Text_Completion_Response {
+    /**
+     * Unique identifier for the completion
+     */
+    id?: string;
+    /**
+     * Object type identifier
+     */
+    object?: "text_completion";
+    /**
+     * Unix timestamp of when the completion was created
+     */
+    created?: number;
+    /**
+     * Model used for the completion
+     */
+    model?: string;
+    /**
+     * List of completion choices
+     */
+    choices?: {
+        /**
+         * Index of the choice in the list
+         */
+        index: number;
+        /**
+         * The generated text completion
+         */
+        text: string;
+        /**
+         * Reason why the model stopped generating
+         */
+        finish_reason: string;
+        /**
+         * Stop reason (may be null)
+         */
+        stop_reason?: string | null;
+        /**
+         * Log probabilities (if requested)
+         */
+        logprobs?: {} | null;
+        /**
+         * Log probabilities for the prompt (if requested)
+         */
+        prompt_logprobs?: {} | null;
+    }[];
+    /**
+     * Usage statistics for the inference request
+     */
+    usage?: {
+        /**
+         * Total number of tokens in input
+         */
+        prompt_tokens?: number;
+        /**
+         * Total number of tokens in output
+         */
+        completion_tokens?: number;
+        /**
+         * Total number of input and output tokens
+         */
+        total_tokens?: number;
+    };
+}
+interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_AsyncResponse {
+    /**
+     * The async request id that can be used to obtain the results.
+     */
+    request_id?: string;
+}
+declare abstract class Base_Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It {
+    inputs: Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Input;
+    postProcessedOutputs: Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Output;
+}
+interface Ai_Cf_Pfnet_Plamo_Embedding_1B_Input {
+    /**
+     * Input text to embed. Can be a single string or a list of strings.
+     */
+    text: string | string[];
+}
+interface Ai_Cf_Pfnet_Plamo_Embedding_1B_Output {
+    /**
+     * Embedding vectors, where each vector is a list of floats.
+     */
+    data: number[][];
+    /**
+     * Shape of the embedding data as [number_of_embeddings, embedding_dimension].
+     *
+     * @minItems 2
+     * @maxItems 2
+     */
+    shape: [
+        number,
+        number
+    ];
+}
+declare abstract class Base_Ai_Cf_Pfnet_Plamo_Embedding_1B {
+    inputs: Ai_Cf_Pfnet_Plamo_Embedding_1B_Input;
+    postProcessedOutputs: Ai_Cf_Pfnet_Plamo_Embedding_1B_Output;
+}
+interface Ai_Cf_Deepgram_Flux_Input {
+    /**
+     * Encoding of the audio stream. Currently only supports raw signed little-endian 16-bit PCM.
+     */
+    encoding: "linear16";
+    /**
+     * Sample rate of the audio stream in Hz.
+     */
+    sample_rate: string;
+    /**
+     * End-of-turn confidence required to fire an eager end-of-turn event. When set, enables EagerEndOfTurn and TurnResumed events. Valid Values 0.3 - 0.9.
+     */
+    eager_eot_threshold?: string;
+    /**
+     * End-of-turn confidence required to finish a turn. Valid Values 0.5 - 0.9.
+     */
+    eot_threshold?: string;
+    /**
+     * A turn will be finished when this much time has passed after speech, regardless of EOT confidence.
+     */
+    eot_timeout_ms?: string;
+    /**
+     * Keyterm prompting can improve recognition of specialized terminology. Pass multiple keyterm query parameters to boost multiple keyterms.
+     */
+    keyterm?: string;
+    /**
+     * Opts out requests from the Deepgram Model Improvement Program. Refer to Deepgram Docs for pricing impacts before setting this to true. https://dpgr.am/deepgram-mip
+     */
+    mip_opt_out?: "true" | "false";
+    /**
+     * Label your requests for the purpose of identification during usage reporting
+     */
+    tag?: string;
+}
+/**
+ * Output will be returned as websocket messages.
+ */
+interface Ai_Cf_Deepgram_Flux_Output {
+    /**
+     * The unique identifier of the request (uuid)
+     */
+    request_id?: string;
+    /**
+     * Starts at 0 and increments for each message the server sends to the client.
+     */
+    sequence_id?: number;
+    /**
+     * The type of event being reported.
+     */
+    event?: "Update" | "StartOfTurn" | "EagerEndOfTurn" | "TurnResumed" | "EndOfTurn";
+    /**
+     * The index of the current turn
+     */
+    turn_index?: number;
+    /**
+     * Start time in seconds of the audio range that was transcribed
+     */
+    audio_window_start?: number;
+    /**
+     * End time in seconds of the audio range that was transcribed
+     */
+    audio_window_end?: number;
+    /**
+     * Text that was said over the course of the current turn
+     */
+    transcript?: string;
+    /**
+     * The words in the transcript
+     */
+    words?: {
+        /**
+         * The individual punctuated, properly-cased word from the transcript
+         */
+        word: string;
+        /**
+         * Confidence that this word was transcribed correctly
+         */
+        confidence: number;
+    }[];
+    /**
+     * Confidence that no more speech is coming in this turn
+     */
+    end_of_turn_confidence?: number;
+}
+declare abstract class Base_Ai_Cf_Deepgram_Flux {
+    inputs: Ai_Cf_Deepgram_Flux_Input;
+    postProcessedOutputs: Ai_Cf_Deepgram_Flux_Output;
+}
+interface Ai_Cf_Deepgram_Aura_2_En_Input {
+    /**
+     * Speaker used to produce the audio.
+     */
+    speaker?: "amalthea" | "andromeda" | "apollo" | "arcas" | "aries" | "asteria" | "athena" | "atlas" | "aurora" | "callista" | "cora" | "cordelia" | "delia" | "draco" | "electra" | "harmonia" | "helena" | "hera" | "hermes" | "hyperion" | "iris" | "janus" | "juno" | "jupiter" | "luna" | "mars" | "minerva" | "neptune" | "odysseus" | "ophelia" | "orion" | "orpheus" | "pandora" | "phoebe" | "pluto" | "saturn" | "thalia" | "theia" | "vesta" | "zeus";
+    /**
+     * Encoding of the output audio.
+     */
+    encoding?: "linear16" | "flac" | "mulaw" | "alaw" | "mp3" | "opus" | "aac";
+    /**
+     * Container specifies the file format wrapper for the output audio. The available options depend on the encoding type..
+     */
+    container?: "none" | "wav" | "ogg";
+    /**
+     * The text content to be converted to speech
+     */
+    text: string;
+    /**
+     * Sample Rate specifies the sample rate for the output audio. Based on the encoding, different sample rates are supported. For some encodings, the sample rate is not configurable
+     */
+    sample_rate?: number;
+    /**
+     * The bitrate of the audio in bits per second. Choose from predefined ranges or specific values based on the encoding type.
+     */
+    bit_rate?: number;
+}
+/**
+ * The generated audio in MP3 format
+ */
+type Ai_Cf_Deepgram_Aura_2_En_Output = string;
+declare abstract class Base_Ai_Cf_Deepgram_Aura_2_En {
+    inputs: Ai_Cf_Deepgram_Aura_2_En_Input;
+    postProcessedOutputs: Ai_Cf_Deepgram_Aura_2_En_Output;
+}
+interface Ai_Cf_Deepgram_Aura_2_Es_Input {
+    /**
+     * Speaker used to produce the audio.
+     */
+    speaker?: "sirio" | "nestor" | "carina" | "celeste" | "alvaro" | "diana" | "aquila" | "selena" | "estrella" | "javier";
+    /**
+     * Encoding of the output audio.
+     */
+    encoding?: "linear16" | "flac" | "mulaw" | "alaw" | "mp3" | "opus" | "aac";
+    /**
+     * Container specifies the file format wrapper for the output audio. The available options depend on the encoding type..
+     */
+    container?: "none" | "wav" | "ogg";
+    /**
+     * The text content to be converted to speech
+     */
+    text: string;
+    /**
+     * Sample Rate specifies the sample rate for the output audio. Based on the encoding, different sample rates are supported. For some encodings, the sample rate is not configurable
+     */
+    sample_rate?: number;
+    /**
+     * The bitrate of the audio in bits per second. Choose from predefined ranges or specific values based on the encoding type.
+     */
+    bit_rate?: number;
+}
+/**
+ * The generated audio in MP3 format
+ */
+type Ai_Cf_Deepgram_Aura_2_Es_Output = string;
+declare abstract class Base_Ai_Cf_Deepgram_Aura_2_Es {
+    inputs: Ai_Cf_Deepgram_Aura_2_Es_Input;
+    postProcessedOutputs: Ai_Cf_Deepgram_Aura_2_Es_Output;
+}
 interface AiModels {
     "@cf/huggingface/distilbert-sst-2-int8": BaseAiTextClassification;
     "@cf/stabilityai/stable-diffusion-xl-base-1.0": BaseAiTextToImage;
@@ -3584,11 +8327,8 @@ interface AiModels {
     "@cf/lykon/dreamshaper-8-lcm": BaseAiTextToImage;
     "@cf/bytedance/stable-diffusion-xl-lightning": BaseAiTextToImage;
     "@cf/myshell-ai/melotts": BaseAiTextToSpeech;
-    "@cf/baai/bge-base-en-v1.5": BaseAiTextEmbeddings;
-    "@cf/baai/bge-small-en-v1.5": BaseAiTextEmbeddings;
-    "@cf/baai/bge-large-en-v1.5": BaseAiTextEmbeddings;
+    "@cf/google/embeddinggemma-300m": BaseAiTextEmbeddings;
     "@cf/microsoft/resnet-50": BaseAiImageClassification;
-    "@cf/facebook/detr-resnet-50": BaseAiObjectDetection;
     "@cf/meta/llama-2-7b-chat-int8": BaseAiTextGeneration;
     "@cf/mistral/mistral-7b-instruct-v0.1": BaseAiTextGeneration;
     "@cf/meta/llama-2-7b-chat-fp16": BaseAiTextGeneration;
@@ -3622,41 +8362,74 @@ interface AiModels {
     "@cf/meta/llama-3-8b-instruct": BaseAiTextGeneration;
     "@cf/fblgit/una-cybertron-7b-v2-bf16": BaseAiTextGeneration;
     "@cf/meta/llama-3-8b-instruct-awq": BaseAiTextGeneration;
-    "@hf/meta-llama/meta-llama-3-8b-instruct": BaseAiTextGeneration;
-    "@cf/meta/llama-3.1-8b-instruct": BaseAiTextGeneration;
     "@cf/meta/llama-3.1-8b-instruct-fp8": BaseAiTextGeneration;
     "@cf/meta/llama-3.1-8b-instruct-awq": BaseAiTextGeneration;
     "@cf/meta/llama-3.2-3b-instruct": BaseAiTextGeneration;
     "@cf/meta/llama-3.2-1b-instruct": BaseAiTextGeneration;
-    "@cf/meta/llama-3.3-70b-instruct-fp8-fast": BaseAiTextGeneration;
     "@cf/deepseek-ai/deepseek-r1-distill-qwen-32b": BaseAiTextGeneration;
-    "@cf/meta/m2m100-1.2b": BaseAiTranslation;
+    "@cf/ibm-granite/granite-4.0-h-micro": BaseAiTextGeneration;
     "@cf/facebook/bart-large-cnn": BaseAiSummarization;
     "@cf/llava-hf/llava-1.5-7b-hf": BaseAiImageToText;
+    "@cf/baai/bge-base-en-v1.5": Base_Ai_Cf_Baai_Bge_Base_En_V1_5;
     "@cf/openai/whisper": Base_Ai_Cf_Openai_Whisper;
+    "@cf/meta/m2m100-1.2b": Base_Ai_Cf_Meta_M2M100_1_2B;
+    "@cf/baai/bge-small-en-v1.5": Base_Ai_Cf_Baai_Bge_Small_En_V1_5;
+    "@cf/baai/bge-large-en-v1.5": Base_Ai_Cf_Baai_Bge_Large_En_V1_5;
     "@cf/unum/uform-gen2-qwen-500m": Base_Ai_Cf_Unum_Uform_Gen2_Qwen_500M;
     "@cf/openai/whisper-tiny-en": Base_Ai_Cf_Openai_Whisper_Tiny_En;
     "@cf/openai/whisper-large-v3-turbo": Base_Ai_Cf_Openai_Whisper_Large_V3_Turbo;
     "@cf/baai/bge-m3": Base_Ai_Cf_Baai_Bge_M3;
     "@cf/black-forest-labs/flux-1-schnell": Base_Ai_Cf_Black_Forest_Labs_Flux_1_Schnell;
     "@cf/meta/llama-3.2-11b-vision-instruct": Base_Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct;
+    "@cf/meta/llama-3.3-70b-instruct-fp8-fast": Base_Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast;
     "@cf/meta/llama-guard-3-8b": Base_Ai_Cf_Meta_Llama_Guard_3_8B;
     "@cf/baai/bge-reranker-base": Base_Ai_Cf_Baai_Bge_Reranker_Base;
+    "@cf/qwen/qwen2.5-coder-32b-instruct": Base_Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct;
+    "@cf/qwen/qwq-32b": Base_Ai_Cf_Qwen_Qwq_32B;
+    "@cf/mistralai/mistral-small-3.1-24b-instruct": Base_Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct;
+    "@cf/google/gemma-3-12b-it": Base_Ai_Cf_Google_Gemma_3_12B_It;
     "@cf/meta/llama-4-scout-17b-16e-instruct": Base_Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct;
+    "@cf/qwen/qwen3-30b-a3b-fp8": Base_Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8;
+    "@cf/deepgram/nova-3": Base_Ai_Cf_Deepgram_Nova_3;
+    "@cf/qwen/qwen3-embedding-0.6b": Base_Ai_Cf_Qwen_Qwen3_Embedding_0_6B;
+    "@cf/pipecat-ai/smart-turn-v2": Base_Ai_Cf_Pipecat_Ai_Smart_Turn_V2;
+    "@cf/openai/gpt-oss-120b": Base_Ai_Cf_Openai_Gpt_Oss_120B;
+    "@cf/openai/gpt-oss-20b": Base_Ai_Cf_Openai_Gpt_Oss_20B;
+    "@cf/leonardo/phoenix-1.0": Base_Ai_Cf_Leonardo_Phoenix_1_0;
+    "@cf/leonardo/lucid-origin": Base_Ai_Cf_Leonardo_Lucid_Origin;
+    "@cf/deepgram/aura-1": Base_Ai_Cf_Deepgram_Aura_1;
+    "@cf/ai4bharat/indictrans2-en-indic-1B": Base_Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B;
+    "@cf/aisingapore/gemma-sea-lion-v4-27b-it": Base_Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It;
+    "@cf/pfnet/plamo-embedding-1b": Base_Ai_Cf_Pfnet_Plamo_Embedding_1B;
+    "@cf/deepgram/flux": Base_Ai_Cf_Deepgram_Flux;
+    "@cf/deepgram/aura-2-en": Base_Ai_Cf_Deepgram_Aura_2_En;
+    "@cf/deepgram/aura-2-es": Base_Ai_Cf_Deepgram_Aura_2_Es;
 }
 type AiOptions = {
+    /**
+     * Send requests as an asynchronous batch job, only works for supported models
+     * https://developers.cloudflare.com/workers-ai/features/batch-api
+     */
+    queueRequest?: boolean;
+    /**
+     * Establish websocket connections, only works for supported models
+     */
+    websocket?: boolean;
+    /**
+     * Tag your requests to group and view them in Cloudflare dashboard.
+     *
+     * Rules:
+     * Tags must only contain letters, numbers, and the symbols: : - . / @
+     * Each tag can have maximum 50 characters.
+     * Maximum 5 tags are allowed each request.
+     * Duplicate tags will removed.
+     */
+    tags?: string[];
     gateway?: GatewayOptions;
     returnRawResponse?: boolean;
     prefix?: string;
     extraHeaders?: object;
 };
-type ConversionResponse = {
-    name: string;
-    mimeType: string;
-    format: "markdown";
-    tokens: number;
-    data: string;
-};
 type AiModelsSearchParams = {
     author?: string;
     hide_experimental?: boolean;
@@ -3691,24 +8464,17 @@ declare abstract class Ai<AiModelList extends AiModelListType = AiModels> {
     aiGatewayLogId: string | null;
     gateway(gatewayId: string): AiGateway;
     autorag(autoragId: string): AutoRAG;
-    run<Name extends keyof AiModelList, Options extends AiOptions>(model: Name, inputs: AiModelList[Name]["inputs"], options?: Options): Promise<Options extends {
+    run<Name extends keyof AiModelList, Options extends AiOptions, InputOptions extends AiModelList[Name]["inputs"]>(model: Name, inputs: InputOptions, options?: Options): Promise<Options extends {
         returnRawResponse: true;
-    } ? Response : AiModelList[Name]["postProcessedOutputs"]>;
+    } | {
+        websocket: true;
+    } ? Response : InputOptions extends {
+        stream: true;
+    } ? ReadableStream : AiModelList[Name]["postProcessedOutputs"]>;
     models(params?: AiModelsSearchParams): Promise<AiModelsSearchObject[]>;
-    toMarkdown(files: {
-        name: string;
-        blob: Blob;
-    }[], options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse[]>;
-    toMarkdown(files: {
-        name: string;
-        blob: Blob;
-    }, options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse>;
+    toMarkdown(): ToMarkdownService;
+    toMarkdown(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
+    toMarkdown(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
 }
 type GatewayRetries = {
     maxAttempts?: 1 | 2 | 3 | 4 | 5;
@@ -3726,6 +8492,12 @@ type GatewayOptions = {
     requestTimeoutMs?: number;
     retries?: GatewayRetries;
 };
+type UniversalGatewayOptions = Exclude<GatewayOptions, 'id'> & {
+    /**
+     ** @deprecated
+     */
+    id?: string;
+};
 type AiGatewayPatchLog = {
     score?: number | null;
     feedback?: -1 | 1 | null;
@@ -3794,7 +8566,7 @@ declare abstract class AiGateway {
     patchLog(logId: string, data: AiGatewayPatchLog): Promise<void>;
     getLog(logId: string): Promise<AiGatewayLog>;
     run(data: AIGatewayUniversalRequest | AIGatewayUniversalRequest[], options?: {
-        gateway?: GatewayOptions;
+        gateway?: UniversalGatewayOptions;
         extraHeaders?: object;
     }): Promise<Response>;
     getUrl(provider?: AIGatewayProviders | string): Promise<string>; // eslint-disable-line
@@ -3805,6 +8577,8 @@ interface AutoRAGNotFoundError extends Error {
 }
 interface AutoRAGUnauthorizedError extends Error {
 }
+interface AutoRAGNameNotSetError extends Error {
+}
 type ComparisonFilter = {
     key: string;
     type: 'eq' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
@@ -3822,10 +8596,15 @@ type AutoRagSearchRequest = {
         ranker?: string;
         score_threshold?: number;
     };
+    reranking?: {
+        enabled?: boolean;
+        model?: string;
+    };
     rewrite_query?: boolean;
 };
 type AutoRagAiSearchRequest = AutoRagSearchRequest & {
     stream?: boolean;
+    system_prompt?: string;
 };
 type AutoRagAiSearchRequestStreaming = Omit<AutoRagAiSearchRequest, 'stream'> & {
     stream: true;
@@ -3846,10 +8625,20 @@ type AutoRagSearchResponse = {
     has_more: boolean;
     next_page: string | null;
 };
+type AutoRagListResponse = {
+    id: string;
+    enable: boolean;
+    type: string;
+    source: string;
+    vectorize_name: string;
+    paused: boolean;
+    status: string;
+}[];
 type AutoRagAiSearchResponse = AutoRagSearchResponse & {
     response: string;
 };
 declare abstract class AutoRAG {
+    list(): Promise<AutoRagListResponse>;
     search(params: AutoRagSearchRequest): Promise<AutoRagSearchResponse>;
     aiSearch(params: AutoRagAiSearchRequestStreaming): Promise<Response>;
     aiSearch(params: AutoRagAiSearchRequest): Promise<AutoRagAiSearchResponse>;
@@ -3891,6 +8680,12 @@ interface BasicImageTransformations {
      *    breaks aspect ratio
      */
     fit?: "scale-down" | "contain" | "cover" | "crop" | "pad" | "squeeze";
+    /**
+     * Image segmentation using artificial intelligence models. Sets pixels not
+     * within selected segment area to transparent e.g "foreground" sets every
+     * background pixel as transparent.
+     */
+    segment?: "foreground";
     /**
      * When cropping with fit: "cover", this defines the side or point that should
      * be left uncropped. The value is either a string
@@ -3903,7 +8698,7 @@ interface BasicImageTransformations {
      * preserve as much as possible around a point at 20% of the height of the
      * source image.
      */
-    gravity?: 'left' | 'right' | 'top' | 'bottom' | 'center' | 'auto' | 'entropy' | BasicImageTransformationsGravityCoordinates;
+    gravity?: 'face' | 'left' | 'right' | 'top' | 'bottom' | 'center' | 'auto' | 'entropy' | BasicImageTransformationsGravityCoordinates;
     /**
      * Background color to add underneath the image. Applies only to images with
      * transparency (such as PNG). Accepts any CSS color (#RRGGBB, rgba(…),
@@ -4190,13 +8985,13 @@ interface IncomingRequestCfPropertiesBase extends Record<string, unknown> {
      *
      * @example 395747
      */
-    asn: number;
+    asn?: number;
     /**
      * The organization which owns the ASN of the incoming request.
      *
      * @example "Google Cloud"
      */
-    asOrganization: string;
+    asOrganization?: string;
     /**
      * The original value of the `Accept-Encoding` header if Cloudflare modified it.
      *
@@ -4320,7 +9115,7 @@ interface IncomingRequestCfPropertiesCloudflareForSaaSEnterprise<HostMetadata> {
      * This field is only present if you have Cloudflare for SaaS enabled on your account
      * and you have followed the [required steps to enable it]((https://developers.cloudflare.com/cloudflare-for-platforms/cloudflare-for-saas/domain-support/custom-metadata/)).
      */
-    hostMetadata: HostMetadata;
+    hostMetadata?: HostMetadata;
 }
 interface IncomingRequestCfPropertiesCloudflareAccessOrApiShield {
     /**
@@ -4607,6 +9402,11 @@ interface D1Meta {
          */
         sql_duration_ms: number;
     };
+    /**
+     * Number of total attempts to execute the query, due to automatic retries.
+     * Note: All other fields in the response like `timings` only apply to the last attempt.
+     */
+    total_attempts?: number;
 }
 interface D1Response {
     success: true;
@@ -4624,11 +9424,11 @@ type D1SessionConstraint =
 // Indicates that the first query should go to the primary, and the rest queries
 // using the same D1DatabaseSession will go to any replica that is consistent with
 // the bookmark maintained by the session (returned by the first query).
-"first-primary"
+'first-primary'
 // Indicates that the first query can go anywhere (primary or replica), and the rest queries
 // using the same D1DatabaseSession will go to any replica that is consistent with
 // the bookmark maintained by the session (returned by the first query).
- | "first-unconstrained";
+ | 'first-unconstrained';
 type D1SessionBookmark = string;
 declare abstract class D1Database {
     prepare(query: string): D1PreparedStatement;
@@ -4746,6 +9546,22 @@ declare module "cloudflare:email" {
     };
     export { _EmailMessage as EmailMessage };
 }
+/**
+ * Hello World binding to serve as an explanatory example. DO NOT USE
+ */
+interface HelloWorldBinding {
+    /**
+     * Retrieve the current stored value
+     */
+    get(): Promise<{
+        value: string;
+        ms?: number;
+    }>;
+    /**
+     * Set a new stored value
+     */
+    set(value: string): Promise<void>;
+}
 interface Hyperdrive {
     /**
      * Connect directly to Hyperdrive as if it's your database, returning a TCP socket.
@@ -4823,7 +9639,8 @@ type ImageTransform = {
     fit?: 'scale-down' | 'contain' | 'pad' | 'squeeze' | 'cover' | 'crop';
     flip?: 'h' | 'v' | 'hv';
     gamma?: number;
-    gravity?: 'left' | 'right' | 'top' | 'bottom' | 'center' | 'auto' | 'entropy' | {
+    segment?: 'foreground';
+    gravity?: 'face' | 'left' | 'right' | 'top' | 'bottom' | 'center' | 'auto' | 'entropy' | {
         x?: number;
         y?: number;
         mode: 'remainder' | 'box-center';
@@ -4831,7 +9648,7 @@ type ImageTransform = {
     rotate?: 0 | 90 | 180 | 270;
     saturation?: number;
     sharpen?: number;
-    trim?: "border" | {
+    trim?: 'border' | {
         top?: number;
         bottom?: number;
         left?: number;
@@ -4853,10 +9670,14 @@ type ImageDrawOptions = {
     bottom?: number;
     right?: number;
 };
+type ImageInputOptions = {
+    encoding?: 'base64';
+};
 type ImageOutputOptions = {
     format: 'image/jpeg' | 'image/png' | 'image/gif' | 'image/webp' | 'image/avif' | 'rgb' | 'rgba';
     quality?: number;
     background?: string;
+    anim?: boolean;
 };
 interface ImagesBinding {
     /**
@@ -4864,13 +9685,13 @@ interface ImagesBinding {
      * @throws {@link ImagesError} with code 9412 if input is not an image
      * @param stream The image bytes
      */
-    info(stream: ReadableStream<Uint8Array>): Promise<ImageInfoResponse>;
+    info(stream: ReadableStream<Uint8Array>, options?: ImageInputOptions): Promise<ImageInfoResponse>;
     /**
      * Begin applying a series of transformations to an image
      * @param stream The image bytes
      * @returns A transform handle
      */
-    input(stream: ReadableStream<Uint8Array>): ImageTransformer;
+    input(stream: ReadableStream<Uint8Array>, options?: ImageInputOptions): ImageTransformer;
 }
 interface ImageTransformer {
     /**
@@ -4893,6 +9714,9 @@ interface ImageTransformer {
      */
     output(options: ImageOutputOptions): Promise<ImageTransformationResult>;
 }
+type ImageTransformationOutputOptions = {
+    encoding?: 'base64';
+};
 interface ImageTransformationResult {
     /**
      * The image as a response, ready to store in cache or return to users
@@ -4905,13 +9729,132 @@ interface ImageTransformationResult {
     /**
      * The bytes of the response
      */
-    image(): ReadableStream<Uint8Array>;
+    image(options?: ImageTransformationOutputOptions): ReadableStream<Uint8Array>;
 }
 interface ImagesError extends Error {
     readonly code: number;
     readonly message: string;
     readonly stack?: string;
 }
+/**
+ * Media binding for transforming media streams.
+ * Provides the entry point for media transformation operations.
+ */
+interface MediaBinding {
+    /**
+     * Creates a media transformer from an input stream.
+     * @param media - The input media bytes
+     * @returns A MediaTransformer instance for applying transformations
+     */
+    input(media: ReadableStream<Uint8Array>): MediaTransformer;
+}
+/**
+ * Media transformer for applying transformation operations to media content.
+ * Handles sizing, fitting, and other input transformation parameters.
+ */
+interface MediaTransformer {
+    /**
+     * Applies transformation options to the media content.
+     * @param transform - Configuration for how the media should be transformed
+     * @returns A generator for producing the transformed media output
+     */
+    transform(transform: MediaTransformationInputOptions): MediaTransformationGenerator;
+}
+/**
+ * Generator for producing media transformation results.
+ * Configures the output format and parameters for the transformed media.
+ */
+interface MediaTransformationGenerator {
+    /**
+     * Generates the final media output with specified options.
+     * @param output - Configuration for the output format and parameters
+     * @returns The final transformation result containing the transformed media
+     */
+    output(output: MediaTransformationOutputOptions): MediaTransformationResult;
+}
+/**
+ * Result of a media transformation operation.
+ * Provides multiple ways to access the transformed media content.
+ */
+interface MediaTransformationResult {
+    /**
+     * Returns the transformed media as a readable stream of bytes.
+     * @returns A stream containing the transformed media data
+     */
+    media(): ReadableStream<Uint8Array>;
+    /**
+     * Returns the transformed media as an HTTP response object.
+     * @returns The transformed media as a Response, ready to store in cache or return to users
+     */
+    response(): Response;
+    /**
+     * Returns the MIME type of the transformed media.
+     * @returns The content type string (e.g., 'image/jpeg', 'video/mp4')
+     */
+    contentType(): string;
+}
+/**
+ * Configuration options for transforming media input.
+ * Controls how the media should be resized and fitted.
+ */
+type MediaTransformationInputOptions = {
+    /** How the media should be resized to fit the specified dimensions */
+    fit?: 'contain' | 'cover' | 'scale-down';
+    /** Target width in pixels */
+    width?: number;
+    /** Target height in pixels */
+    height?: number;
+};
+/**
+ * Configuration options for Media Transformations output.
+ * Controls the format, timing, and type of the generated output.
+ */
+type MediaTransformationOutputOptions = {
+    /**
+     * Output mode determining the type of media to generate
+     */
+    mode?: 'video' | 'spritesheet' | 'frame' | 'audio';
+    /** Whether to include audio in the output */
+    audio?: boolean;
+    /**
+     * Starting timestamp for frame extraction or start time for clips. (e.g. '2s').
+     */
+    time?: string;
+    /**
+     * Duration for video clips, audio extraction, and spritesheet generation (e.g. '5s').
+     */
+    duration?: string;
+    /**
+     * Number of frames in the spritesheet.
+     */
+    imageCount?: number;
+    /**
+     * Output format for the generated media.
+     */
+    format?: 'jpg' | 'png' | 'm4a';
+};
+/**
+ * Error object for media transformation operations.
+ * Extends the standard Error interface with additional media-specific information.
+ */
+interface MediaError extends Error {
+    readonly code: number;
+    readonly message: string;
+    readonly stack?: string;
+}
+declare module 'cloudflare:node' {
+    interface NodeStyleServer {
+        listen(...args: unknown[]): this;
+        address(): {
+            port?: number | null | undefined;
+        };
+    }
+    export function httpServerHandler(port: number): ExportedHandler;
+    export function httpServerHandler(options: {
+        port: number;
+    }): ExportedHandler;
+    export function httpServerHandler(server: NodeStyleServer): ExportedHandler;
+}
 type Params<P extends string = any> = Record<P, string | string[]>;
 type EventContext<Env, P extends string, Data> = {
     request: Request<unknown, IncomingRequestCfProperties<unknown>>;
@@ -5122,15 +10065,54 @@ declare namespace Rpc {
     // Base type for all other types providing RPC-like interfaces.
     // Rewrites all methods/properties to be `MethodOrProperty`s, while preserving callable types.
     // `Reserved` names (e.g. stub method names like `dup()`) and symbols can't be accessed over RPC.
-    export type Provider<T extends object, Reserved extends string = never> = MaybeCallableProvider<T> & {
-        [K in Exclude<keyof T, Reserved | symbol | keyof StubBase<never>>]: MethodOrProperty<T[K]>;
-    };
+    export type Provider<T extends object, Reserved extends string = never> = MaybeCallableProvider<T> & Pick<{
+        [K in keyof T]: MethodOrProperty<T[K]>;
+    }, Exclude<keyof T, Reserved | symbol | keyof StubBase<never>>>;
 }
 declare namespace Cloudflare {
+    // Type of `env`.
+    //
+    // The specific project can extend `Env` by redeclaring it in project-specific files. Typescript
+    // will merge all declarations.
+    //
+    // You can use `wrangler types` to generate the `Env` type automatically.
     interface Env {
     }
+    // Project-specific parameters used to inform types.
+    //
+    // This interface is, again, intended to be declared in project-specific files, and then that
+    // declaration will be merged with this one.
+    //
+    // A project should have a declaration like this:
+    //
+    //     interface GlobalProps {
+    //       // Declares the main module's exports. Used to populate Cloudflare.Exports aka the type
+    //       // of `ctx.exports`.
+    //       mainModule: typeof import("my-main-module");
+    //
+    //       // Declares which of the main module's exports are configured with durable storage, and
+    //       // thus should behave as Durable Object namsepace bindings.
+    //       durableNamespaces: "MyDurableObject" | "AnotherDurableObject";
+    //     }
+    //
+    // You can use `wrangler types` to generate `GlobalProps` automatically.
+    interface GlobalProps {
+    }
+    // Evaluates to the type of a property in GlobalProps, defaulting to `Default` if it is not
+    // present.
+    type GlobalProp<K extends string, Default> = K extends keyof GlobalProps ? GlobalProps[K] : Default;
+    // The type of the program's main module exports, if known. Requires `GlobalProps` to declare the
+    // `mainModule` property.
+    type MainModule = GlobalProp<"mainModule", {}>;
+    // The type of ctx.exports, which contains loopback bindings for all top-level exports.
+    type Exports = {
+        [K in keyof MainModule]: LoopbackForExport<MainModule[K]>
+        // If the export is listed in `durableNamespaces`, then it is also a
+        // DurableObjectNamespace.
+         & (K extends GlobalProp<"durableNamespaces", never> ? MainModule[K] extends new (...args: any[]) => infer DoInstance ? DoInstance extends Rpc.DurableObjectBranded ? DurableObjectNamespace<DoInstance> : DurableObjectNamespace<undefined> : DurableObjectNamespace<undefined> : {});
+    };
 }
-declare module 'cloudflare:workers' {
+declare namespace CloudflareWorkersModule {
     export type RpcStub<T extends Rpc.Stubable> = Rpc.Stub<T>;
     export const RpcStub: {
         new <T extends Rpc.Stubable>(value: T): Rpc.Stub<T>;
@@ -5139,25 +10121,27 @@ declare module 'cloudflare:workers' {
         [Rpc.__RPC_TARGET_BRAND]: never;
     }
     // `protected` fields don't appear in `keyof`s, so can't be accessed over RPC
-    export abstract class WorkerEntrypoint<Env = unknown> implements Rpc.WorkerEntrypointBranded {
+    export abstract class WorkerEntrypoint<Env = Cloudflare.Env, Props = {}> implements Rpc.WorkerEntrypointBranded {
         [Rpc.__WORKER_ENTRYPOINT_BRAND]: never;
-        protected ctx: ExecutionContext;
+        protected ctx: ExecutionContext<Props>;
         protected env: Env;
         constructor(ctx: ExecutionContext, env: Env);
+        email?(message: ForwardableEmailMessage): void | Promise<void>;
         fetch?(request: Request): Response | Promise<Response>;
-        tail?(events: TraceItem[]): void | Promise<void>;
-        trace?(traces: TraceItem[]): void | Promise<void>;
-        scheduled?(controller: ScheduledController): void | Promise<void>;
         queue?(batch: MessageBatch<unknown>): void | Promise<void>;
+        scheduled?(controller: ScheduledController): void | Promise<void>;
+        tail?(events: TraceItem[]): void | Promise<void>;
+        tailStream?(event: TailStream.TailEvent<TailStream.Onset>): TailStream.TailEventHandlerType | Promise<TailStream.TailEventHandlerType>;
         test?(controller: TestController): void | Promise<void>;
+        trace?(traces: TraceItem[]): void | Promise<void>;
     }
-    export abstract class DurableObject<Env = unknown> implements Rpc.DurableObjectBranded {
+    export abstract class DurableObject<Env = Cloudflare.Env, Props = {}> implements Rpc.DurableObjectBranded {
         [Rpc.__DURABLE_OBJECT_BRAND]: never;
-        protected ctx: DurableObjectState;
+        protected ctx: DurableObjectState<Props>;
         protected env: Env;
         constructor(ctx: DurableObjectState, env: Env);
-        fetch?(request: Request): Response | Promise<Response>;
         alarm?(alarmInfo?: AlarmInvocationInfo): void | Promise<void>;
+        fetch?(request: Request): Response | Promise<Response>;
         webSocketMessage?(ws: WebSocket, message: string | ArrayBuffer): void | Promise<void>;
         webSocketClose?(ws: WebSocket, code: number, reason: string, wasClean: boolean): void | Promise<void>;
         webSocketError?(ws: WebSocket, error: unknown): void | Promise<void>;
@@ -5166,6 +10150,7 @@ declare module 'cloudflare:workers' {
     export type WorkflowSleepDuration = `${number} ${WorkflowDurationLabel}${'s' | ''}` | number;
     export type WorkflowDelayDuration = WorkflowSleepDuration;
     export type WorkflowTimeoutDuration = WorkflowSleepDuration;
+    export type WorkflowRetentionDuration = WorkflowSleepDuration;
     export type WorkflowBackoff = 'constant' | 'linear' | 'exponential';
     export type WorkflowStepConfig = {
         retries?: {
@@ -5202,7 +10187,15 @@ declare module 'cloudflare:workers' {
         constructor(ctx: ExecutionContext, env: Env);
         run(event: Readonly<WorkflowEvent<T>>, step: WorkflowStep): Promise<unknown>;
     }
+    export function waitUntil(promise: Promise<unknown>): void;
+    export function withEnv(newEnv: unknown, fn: () => unknown): unknown;
+    export function withExports(newExports: unknown, fn: () => unknown): unknown;
+    export function withEnvAndExports(newEnv: unknown, newExports: unknown, fn: () => unknown): unknown;
     export const env: Cloudflare.Env;
+    export const exports: Cloudflare.Exports;
+}
+declare module 'cloudflare:workers' {
+    export = CloudflareWorkersModule;
 }
 interface SecretsStoreSecret {
     /**
@@ -5215,6 +10208,58 @@ declare module "cloudflare:sockets" {
     function _connect(address: string | SocketAddress, options?: SocketOptions): Socket;
     export { _connect as connect };
 }
+type MarkdownDocument = {
+    name: string;
+    blob: Blob;
+};
+type ConversionResponse = {
+    name: string;
+    mimeType: string;
+    format: 'markdown';
+    tokens: number;
+    data: string;
+} | {
+    name: string;
+    mimeType: string;
+    format: 'error';
+    error: string;
+};
+type ImageConversionOptions = {
+    descriptionLanguage?: 'en' | 'es' | 'fr' | 'it' | 'pt' | 'de';
+};
+type EmbeddedImageConversionOptions = ImageConversionOptions & {
+    convert?: boolean;
+    maxConvertedImages?: number;
+};
+type ConversionOptions = {
+    html?: {
+        images?: EmbeddedImageConversionOptions & {
+            convertOGImage?: boolean;
+        };
+    };
+    docx?: {
+        images?: EmbeddedImageConversionOptions;
+    };
+    image?: ImageConversionOptions;
+    pdf?: {
+        images?: EmbeddedImageConversionOptions;
+        metadata?: boolean;
+    };
+};
+type ConversionRequestOptions = {
+    gateway?: GatewayOptions;
+    extraHeaders?: object;
+    conversionOptions?: ConversionOptions;
+};
+type SupportedFileFormat = {
+    mimeType: string;
+    extension: string;
+};
+declare abstract class ToMarkdownService {
+    transform(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
+    transform(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
+    supported(): Promise<SupportedFileFormat[]>;
+}
 declare namespace TailStream {
     interface Header {
         readonly name: string;
@@ -5224,12 +10269,11 @@ declare namespace TailStream {
         readonly type: "fetch";
         readonly method: string;
         readonly url: string;
-        readonly cfJson: string;
+        readonly cfJson?: object;
         readonly headers: Header[];
     }
     interface JsRpcEventInfo {
         readonly type: "jsrpc";
-        readonly methodName: string;
     }
     interface ScheduledEventInfo {
         readonly type: "scheduled";
@@ -5270,10 +10314,6 @@ declare namespace TailStream {
         readonly type: "hibernatableWebSocket";
         readonly info: HibernatableWebSocketEventInfoClose | HibernatableWebSocketEventInfoError | HibernatableWebSocketEventInfoMessage;
     }
-    interface Resume {
-        readonly type: "resume";
-        readonly attachment?: any;
-    }
     interface CustomEventInfo {
         readonly type: "custom";
     }
@@ -5287,20 +10327,18 @@ declare namespace TailStream {
         readonly tag?: string;
         readonly message?: string;
     }
-    interface Trigger {
-        readonly traceId: string;
-        readonly invocationId: string;
-        readonly spanId: string;
-    }
     interface Onset {
         readonly type: "onset";
+        readonly attributes: Attribute[];
+        // id for the span being opened by this Onset event.
+        readonly spanId: string;
         readonly dispatchNamespace?: string;
         readonly entrypoint?: string;
+        readonly executionModel: string;
         readonly scriptName?: string;
         readonly scriptTags?: string[];
         readonly scriptVersion?: ScriptVersion;
-        readonly trigger?: Trigger;
-        readonly info: FetchEventInfo | JsRpcEventInfo | ScheduledEventInfo | AlarmEventInfo | QueueEventInfo | EmailEventInfo | TraceEventInfo | HibernatableWebSocketEventInfo | Resume | CustomEventInfo;
+        readonly info: FetchEventInfo | JsRpcEventInfo | ScheduledEventInfo | AlarmEventInfo | QueueEventInfo | EmailEventInfo | TraceEventInfo | HibernatableWebSocketEventInfo | CustomEventInfo;
     }
     interface Outcome {
         readonly type: "outcome";
@@ -5308,13 +10346,12 @@ declare namespace TailStream {
         readonly cpuTime: number;
         readonly wallTime: number;
     }
-    interface Hibernate {
-        readonly type: "hibernate";
-    }
     interface SpanOpen {
         readonly type: "spanOpen";
-        readonly op?: string;
-        readonly info?: FetchEventInfo | JsRpcEventInfo | Attribute[];
+        readonly name: string;
+        // id for the span being opened by this SpanOpen event.
+        readonly spanId: string;
+        readonly info?: FetchEventInfo | JsRpcEventInfo | Attributes;
     }
     interface SpanClose {
         readonly type: "spanClose";
@@ -5334,36 +10371,62 @@ declare namespace TailStream {
     interface Log {
         readonly type: "log";
         readonly level: "debug" | "error" | "info" | "log" | "warn";
-        readonly message: string;
+        readonly message: object;
     }
+    // This marks the worker handler return information.
+    // This is separate from Outcome because the worker invocation can live for a long time after
+    // returning. For example - Websockets that return an http upgrade response but then continue
+    // streaming information or SSE http connections.
     interface Return {
         readonly type: "return";
-        readonly info?: FetchResponseInfo | Attribute[];
-    }
-    interface Link {
-        readonly type: "link";
-        readonly label?: string;
-        readonly traceId: string;
-        readonly invocationId: string;
-        readonly spanId: string;
+        readonly info?: FetchResponseInfo;
     }
     interface Attribute {
-        readonly type: "attribute";
         readonly name: string;
-        readonly value: string | string[] | boolean | boolean[] | number | number[];
+        readonly value: string | string[] | boolean | boolean[] | number | number[] | bigint | bigint[];
     }
-    type Mark = DiagnosticChannelEvent | Exception | Log | Return | Link | Attribute[];
-    interface TailEvent {
+    interface Attributes {
+        readonly type: "attributes";
+        readonly info: Attribute[];
+    }
+    type EventType = Onset | Outcome | SpanOpen | SpanClose | DiagnosticChannelEvent | Exception | Log | Return | Attributes;
+    // Context in which this trace event lives.
+    interface SpanContext {
+        // Single id for the entire top-level invocation
+        // This should be a new traceId for the first worker stage invoked in the eyeball request and then
+        // same-account service-bindings should reuse the same traceId but cross-account service-bindings
+        // should use a new traceId.
         readonly traceId: string;
+        // spanId in which this event is handled
+        // for Onset and SpanOpen events this would be the parent span id
+        // for Outcome and SpanClose these this would be the span id of the opening Onset and SpanOpen events
+        // For Hibernate and Mark this would be the span under which they were emitted.
+        // spanId is not set ONLY if:
+        //  1. This is an Onset event
+        //  2. We are not inherting any SpanContext. (e.g. this is a cross-account service binding or a new top-level invocation)
+        readonly spanId?: string;
+    }
+    interface TailEvent<Event extends EventType> {
+        // invocation id of the currently invoked worker stage.
+        // invocation id will always be unique to every Onset event and will be the same until the Outcome event.
         readonly invocationId: string;
-        readonly spanId: string;
+        // Inherited spanContext for this event.
+        readonly spanContext: SpanContext;
         readonly timestamp: Date;
         readonly sequence: number;
-        readonly event: Onset | Outcome | Hibernate | SpanOpen | SpanClose | Mark;
+        readonly event: Event;
     }
-    type TailEventHandler = (event: TailEvent) => void | Promise<void>;
-    type TailEventHandlerName = "onset" | "outcome" | "hibernate" | "spanOpen" | "spanClose" | "diagnosticChannel" | "exception" | "log" | "return" | "link" | "attribute";
-    type TailEventHandlerObject = Record<TailEventHandlerName, TailEventHandler>;
+    type TailEventHandler<Event extends EventType = EventType> = (event: TailEvent<Event>) => void | Promise<void>;
+    type TailEventHandlerObject = {
+        outcome?: TailEventHandler<Outcome>;
+        spanOpen?: TailEventHandler<SpanOpen>;
+        spanClose?: TailEventHandler<SpanClose>;
+        diagnosticChannel?: TailEventHandler<DiagnosticChannelEvent>;
+        exception?: TailEventHandler<Exception>;
+        log?: TailEventHandler<Log>;
+        return?: TailEventHandler<Return>;
+        attributes?: TailEventHandler<Attributes>;
+    };
     type TailEventHandlerType = TailEventHandler | TailEventHandlerObject;
 }
 // Copyright (c) 2022-2023 Cloudflare, Inc.
@@ -5387,13 +10450,16 @@ interface VectorizeError {
  *
  * This list is expected to grow as support for more operations are released.
  */
-type VectorizeVectorMetadataFilterOp = "$eq" | "$ne";
+type VectorizeVectorMetadataFilterOp = '$eq' | '$ne' | '$lt' | '$lte' | '$gt' | '$gte';
+type VectorizeVectorMetadataFilterCollectionOp = '$in' | '$nin';
 /**
  * Filter criteria for vector metadata used to limit the retrieved query result set.
  */
 type VectorizeVectorMetadataFilter = {
     [field: string]: Exclude<VectorizeVectorMetadataValue, string[]> | null | {
         [Op in VectorizeVectorMetadataFilterOp]?: Exclude<VectorizeVectorMetadataValue, string[]> | null;
+    } | {
+        [Op in VectorizeVectorMetadataFilterCollectionOp]?: Exclude<VectorizeVectorMetadataValue, string[]>[];
     };
 };
 /**
@@ -5676,6 +10742,9 @@ declare abstract class Workflow<PARAMS = unknown> {
      */
     public createBatch(batch: WorkflowInstanceCreateOptions<PARAMS>[]): Promise<WorkflowInstance[]>;
 }
+type WorkflowDurationLabel = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year';
+type WorkflowSleepDuration = `${number} ${WorkflowDurationLabel}${'s' | ''}` | number;
+type WorkflowRetentionDuration = WorkflowSleepDuration;
 interface WorkflowInstanceCreateOptions<PARAMS = unknown> {
     /**
      * An id for your Workflow instance. Must be unique within the Workflow.
@@ -5685,6 +10754,14 @@ interface WorkflowInstanceCreateOptions<PARAMS = unknown> {
      * The event payload the Workflow instance is triggered with
      */
     params?: PARAMS;
+    /**
+     * The retention policy for Workflow instance.
+     * Defaults to the maximum retention period available for the owner's account.
+     */
+    retention?: {
+        successRetention?: WorkflowRetentionDuration;
+        errorRetention?: WorkflowRetentionDuration;
+    };
 }
 type InstanceStatus = {
     status: 'queued' // means that instance is waiting to be started (see concurrency limits)
@@ -5692,8 +10769,11 @@ type InstanceStatus = {
      | 'complete' | 'waiting' // instance is hibernating and waiting for sleep or event to finish
      | 'waitingForPause' // instance is finishing the current work to pause
      | 'unknown';
-    error?: string;
-    output?: object;
+    error?: {
+        name: string;
+        message: string;
+    };
+    output?: unknown;
 };
 interface WorkflowError {
     code?: number;