fix(ui): 服务商表单小屏体验与客户端限制配置

messages/en/dashboard.json

@@ -790,6 +790,12 @@
   },
   "keyListHeader": {
     "todayUsage": "Today's Usage",
+    "userStatus": {
+      "disabled": "Disabled",
+      "expired": "Expired",
+      "expiringSoon": "Expiring soon",
+      "active": "Enabled"
+    },
     "allowedModels": {
       "label": "Allowed Models",
       "noRestrictions": "Allowed Models: No restrictions"

messages/en/settings/providers/batchEdit.json

@@ -64,6 +64,7 @@
     "description": "Review changes before applying to {count} providers",
     "providerHeader": "{name}",
     "fieldChanged": "{field}: {before} -> {after}",
+    "nullValue": "null",
     "fieldSkipped": "{field}: Skipped ({reason})",
     "excludeProvider": "Exclude",
     "summary": "{providerCount} providers, {fieldCount} changes, {skipCount} skipped",

messages/en/settings/providers/form/common.json

@@ -5,6 +5,7 @@
     "routing": "Routing",
     "limits": "Limits",
     "network": "Network",
-    "testing": "Testing"
+    "testing": "Testing",
+    "stepProgress": "Step progress"
   }
 }

messages/en/settings/providers/form/sections.json

@@ -306,6 +306,9 @@
       "title": "Model Allowlist"
     },
     "clientRestrictions": {
+      "toggleLabel": "Enable Client Restrictions",
+      "toggleDesc": "Clients are not restricted by default. Enable to configure allowlist/blocklist rules.",
+      "priorityNote": "Blocklist takes precedence over allowlist.",
       "allowedLabel": "Allowed Clients",
       "allowedPlaceholder": "e.g. claude-code-cli",
       "blockedLabel": "Blocked Clients",

messages/ja/dashboard.json

@@ -782,6 +782,12 @@
   },
   "keyListHeader": {
     "todayUsage": "本日の使用量",
+    "userStatus": {
+      "disabled": "無効",
+      "expired": "期限切れ",
+      "expiringSoon": "まもなく期限切れ",
+      "active": "有効"
+    },
     "allowedModels": {
       "label": "許可モデル",
       "noRestrictions": "許可されたクライアント：制限なし"

messages/ja/settings/providers/batchEdit.json

@@ -64,6 +64,7 @@
     "description": "{count} 件のプロバイダーに適用する前に変更内容を確認してください",
     "providerHeader": "{name}",
     "fieldChanged": "{field}: {before} -> {after}",
+    "nullValue": "なし",
     "fieldSkipped": "{field}: スキップ ({reason})",
     "excludeProvider": "除外",
     "summary": "{providerCount} 件のプロバイダー, {fieldCount} 件の変更, {skipCount} 件スキップ",

messages/ja/settings/providers/form/common.json

@@ -5,6 +5,7 @@
     "routing": "ルーティング",
     "limits": "制限",
     "network": "ネットワーク",
-    "testing": "テスト"
+    "testing": "テスト",
+    "stepProgress": "ステップ進捗"
   }
 }

messages/ja/settings/providers/form/sections.json

@@ -307,6 +307,9 @@
       "title": "モデル許可リスト"
     },
     "clientRestrictions": {
+      "toggleLabel": "クライアント制限を有効化",
+      "toggleDesc": "既定ではクライアントを制限しません。有効化すると許可/拒否リストを設定できます。",
+      "priorityNote": "拒否リストは許可リストより優先されます。",
       "allowedLabel": "許可クライアント",
       "allowedPlaceholder": "例: claude-code-cli",
       "blockedLabel": "ブロッククライアント",

messages/ru/dashboard.json

@@ -785,6 +785,12 @@
   },
   "keyListHeader": {
     "todayUsage": "Использование сегодня",
+    "userStatus": {
+      "disabled": "Отключен",
+      "expired": "Истек",
+      "expiringSoon": "Скоро истечет",
+      "active": "Активен"
+    },
     "allowedModels": {
       "label": "Разрешённые модели",
       "noRestrictions": "Разрешённые модели: без ограничений"

messages/ru/settings/providers/batchEdit.json

@@ -64,6 +64,7 @@
     "description": "Проверьте изменения перед применением к {count} поставщикам",
     "providerHeader": "{name}",
     "fieldChanged": "{field}: {before} -> {after}",
+    "nullValue": "null",
     "fieldSkipped": "{field}: Пропущено ({reason})",
     "excludeProvider": "Исключить",
     "summary": "{providerCount} поставщиков, {fieldCount} изменений, {skipCount} пропущено",

messages/ru/settings/providers/form/common.json

@@ -5,6 +5,7 @@
     "routing": "Маршрутизация",
     "limits": "Лимиты",
     "network": "Сеть",
-    "testing": "Тестирование"
+    "testing": "Тестирование",
+    "stepProgress": "Прогресс шагов"
   }
 }

messages/ru/settings/providers/form/sections.json

@@ -307,6 +307,9 @@
       "title": "Список разрешённых моделей"
     },
     "clientRestrictions": {
+      "toggleLabel": "Включить ограничения клиентов",
+      "toggleDesc": "По умолчанию клиенты не ограничиваются. Включите, чтобы настроить правила белого/чёрного списка.",
+      "priorityNote": "Чёрный список имеет приоритет над белым списком.",
       "allowedLabel": "Разрешённые клиенты",
       "allowedPlaceholder": "напр. claude-code-cli",
       "blockedLabel": "Заблокированные клиенты",

messages/zh-CN/dashboard.json

@@ -791,6 +791,12 @@
   },
   "keyListHeader": {
     "todayUsage": "今日用量",
+    "userStatus": {
+      "disabled": "已禁用",
+      "expired": "已过期",
+      "expiringSoon": "即将过期",
+      "active": "已启用"
+    },
     "allowedModels": {
       "label": "允许的模型",
       "noRestrictions": "允许的模型：无限制"

messages/zh-CN/settings/providers/batchEdit.json

@@ -64,6 +64,7 @@
     "description": "将变更应用到 {count} 个供应商前请先确认",
     "providerHeader": "{name}",
     "fieldChanged": "{field}: {before} -> {after}",
+    "nullValue": "空",
     "fieldSkipped": "{field}: 已跳过 ({reason})",
     "excludeProvider": "排除",
     "summary": "{providerCount} 个供应商, {fieldCount} 项变更, {skipCount} 项跳过",

messages/zh-CN/settings/providers/form/common.json

@@ -5,6 +5,7 @@
     "routing": "路由",
     "limits": "限制",
     "network": "网络",
-    "testing": "测试"
+    "testing": "测试",
+    "stepProgress": "步骤进度"
   }
 }

messages/zh-CN/settings/providers/form/sections.json

@@ -50,6 +50,9 @@
       "moreModels": "+{count} 更多"
     },
     "clientRestrictions": {
+      "toggleLabel": "启用客户端限制",
+      "toggleDesc": "默认不限制客户端。启用后可配置白名单/黑名单。",
+      "priorityNote": "黑名单优先级高于白名单。",
       "allowedLabel": "白名单客户端",
       "allowedPlaceholder": "例如 claude-code-cli",
       "blockedLabel": "黑名单客户端",

messages/zh-TW/dashboard.json

@@ -782,6 +782,12 @@
   },
   "keyListHeader": {
     "todayUsage": "今日使用量",
+    "userStatus": {
+      "disabled": "已禁用",
+      "expired": "已過期",
+      "expiringSoon": "即將過期",
+      "active": "已啟用"
+    },
     "allowedModels": {
       "label": "允許的模型",
       "noRestrictions": "允許的模型：無限制"

messages/zh-TW/settings/providers/batchEdit.json

@@ -64,6 +64,7 @@
     "description": "將變更應用到 {count} 個供應商前請先確認",
     "providerHeader": "{name}",
     "fieldChanged": "{field}: {before} -> {after}",
+    "nullValue": "空",
     "fieldSkipped": "{field}: 已跳過 ({reason})",
     "excludeProvider": "排除",
     "summary": "{providerCount} 個供應商, {fieldCount} 項變更, {skipCount} 項跳過",

messages/zh-TW/settings/providers/form/common.json

@@ -5,6 +5,7 @@
     "routing": "路由",
     "limits": "限制",
     "network": "網路",
-    "testing": "測試"
+    "testing": "測試",
+    "stepProgress": "步驟進度"
   }
 }

messages/zh-TW/settings/providers/form/sections.json

@@ -307,6 +307,9 @@
       "title": "模型允許清單"
     },
     "clientRestrictions": {
+      "toggleLabel": "啟用用戶端限制",
+      "toggleDesc": "預設不限制用戶端。啟用後可設定白名單/黑名單。",
+      "priorityNote": "黑名單優先於白名單。",
       "allowedLabel": "白名單客戶端",
       "allowedPlaceholder": "例如 claude-code-cli",
       "blockedLabel": "黑名單客戶端",

scripts/copy-version-to-standalone.cjs

@@ -1,6 +1,17 @@
 const fs = require("node:fs");
 const path = require("node:path");
 
+function copyDirIfExists(srcDir, dstDir) {
+  if (!fs.existsSync(srcDir)) {
+    console.warn(`[copy-standalone] Skip missing dir: ${srcDir}`);
+    return;
+  }
+
+  fs.mkdirSync(path.dirname(dstDir), { recursive: true });
+  fs.cpSync(srcDir, dstDir, { recursive: true, force: true });
+  console.log(`[copy-standalone] Copied ${srcDir} -> ${dstDir}`);
+}
+
 const src = path.resolve(process.cwd(), "VERSION");
 const dstDir = path.resolve(process.cwd(), ".next", "standalone");
 const dst = path.join(dstDir, "VERSION");
@@ -13,3 +24,11 @@ if (!fs.existsSync(src)) {
 fs.mkdirSync(dstDir, { recursive: true });
 fs.copyFileSync(src, dst);
 console.log(`[copy-version] Copied VERSION -> ${dst}`);
+
+// Make standalone output self-contained for local `node .next/standalone/server.js` runs.
+// Next.js standalone requires `.next/static` and `public` to exist next to `server.js`.
+copyDirIfExists(
+  path.resolve(process.cwd(), ".next", "static"),
+  path.resolve(dstDir, ".next", "static")
+);
+copyDirIfExists(path.resolve(process.cwd(), "public"), path.resolve(dstDir, "public"));

src/app/[locale]/dashboard/_components/bento/statistics-chart-card.tsx

@@ -168,7 +168,12 @@ export function StatisticsChartCard({
   };
 
   return (
-    <BentoCard className={cn("flex flex-col p-0 overflow-hidden max-h-[50vh]", className)}>
+    <BentoCard
+      className={cn(
+        "flex flex-col p-0 overflow-hidden max-h-[var(--cch-viewport-height-50)]",
+        className
+      )}
+    >
       {/* Header */}
       <div className="flex items-center justify-between border-b border-border/50 dark:border-white/[0.06]">
         <div className="flex items-center gap-4 p-4">

src/app/[locale]/dashboard/_components/dashboard-main.tsx

@@ -20,7 +20,11 @@ export function DashboardMain({ children }: DashboardMainProps) {
     normalizedPathname.includes("/dashboard/sessions/") && normalizedPathname.endsWith("/messages");
 
   if (isSessionMessagesPage) {
-    return <main className="h-[calc(100vh-64px)] w-full overflow-hidden">{children}</main>;
+    return (
+      <main className="h-[calc(var(--cch-viewport-height,100vh)-64px)] w-full overflow-hidden">
+        {children}
+      </main>
+    );
   }
 
   return <main className="mx-auto w-full max-w-7xl px-6 py-8">{children}</main>;

src/app/[locale]/dashboard/_components/user/add-key-dialog.tsx

@@ -70,7 +70,7 @@ export function AddKeyDialog({
 
   return (
     <Dialog open={open} onOpenChange={handleClose}>
-      <DialogContent className="max-w-2xl max-h-[90dvh] max-h-[90vh] p-0 flex flex-col overflow-hidden">
+      <DialogContent className="max-w-2xl max-h-[var(--cch-viewport-height-90)] p-0 flex flex-col overflow-hidden">
         {generatedKey ? (
           <>
             <DialogHeader className="px-6 pt-6 pb-4 border-b">

src/app/[locale]/dashboard/_components/user/add-user-dialog.tsx

@@ -34,7 +34,7 @@ export function AddUserDialog({
           <ListPlus className="h-4 w-4" /> {t("addUser")}
         </Button>
       </DialogTrigger>
-      <DialogContent className="max-h-[85vh] overflow-y-auto">
+      <DialogContent className="max-h-[var(--cch-viewport-height-85)] overflow-y-auto">
         <FormErrorBoundary>
           <UserForm onSuccess={() => setOpen(false)} currentUser={currentUser} />
         </FormErrorBoundary>

src/app/[locale]/dashboard/_components/user/batch-edit/batch-edit-dialog.tsx

@@ -443,7 +443,7 @@ function BatchEditDialogInner({
           </DialogDescription>
         </DialogHeader>
 
-        <div className="max-h-[70vh] overflow-y-auto space-y-6 pr-1">
+        <div className="max-h-[var(--cch-viewport-height-70)] overflow-y-auto space-y-6 pr-1">
           {selectedUsersCount > 0 ? (
             <BatchUserSection
               affectedUsersCount={selectedUsersCount}

src/app/[locale]/dashboard/_components/user/create-user-dialog.tsx

@@ -337,7 +337,7 @@ function CreateUserDialogInner({ onOpenChange, onSuccess }: CreateUserDialogProp
   }
 
   return (
-    <DialogContent className="w-full max-w-[95vw] sm:max-w-[85vw] md:max-w-[70vw] lg:max-w-3xl max-h-[90vh] max-h-[90dvh] p-0 flex flex-col overflow-hidden">
+    <DialogContent className="w-full max-w-[95vw] sm:max-w-[85vw] md:max-w-[70vw] lg:max-w-3xl max-h-[var(--cch-viewport-height-90)] p-0 flex flex-col overflow-hidden">
       <form onSubmit={form.handleSubmit} className="flex flex-1 min-h-0 flex-col">
         <DialogHeader className="px-6 pt-6 pb-4 border-b flex-shrink-0">
           <div className="flex items-center gap-2">

src/app/[locale]/dashboard/_components/user/edit-key-dialog.tsx

@@ -52,7 +52,7 @@ export function EditKeyDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-2xl max-h-[90dvh] p-0 flex flex-col overflow-hidden">
+      <DialogContent className="max-w-2xl max-h-[var(--cch-viewport-height-90)] p-0 flex flex-col overflow-hidden">
         <DialogHeader className="sr-only">
           <DialogTitle>{t("title")}</DialogTitle>
           <DialogDescription>{t("description")}</DialogDescription>

src/app/[locale]/dashboard/_components/user/edit-user-dialog.tsx

@@ -244,7 +244,7 @@ function EditUserDialogInner({ onOpenChange, user, onSuccess }: EditUserDialogPr
   };
 
   return (
-    <DialogContent className="w-full max-w-[95vw] sm:max-w-[85vw] md:max-w-[70vw] lg:max-w-3xl max-h-[90vh] max-h-[90dvh] p-0 flex flex-col overflow-hidden">
+    <DialogContent className="w-full max-w-[95vw] sm:max-w-[85vw] md:max-w-[70vw] lg:max-w-3xl max-h-[var(--cch-viewport-height-90,90vh)] p-0 flex flex-col overflow-hidden">
       <form onSubmit={form.handleSubmit} className="flex flex-1 min-h-0 flex-col">
         <DialogHeader className="px-6 pt-6 pb-4 border-b flex-shrink-0">
           <div className="flex items-center gap-2">

src/app/[locale]/dashboard/_components/user/key-actions.tsx

@@ -50,7 +50,7 @@ export function KeyActions({
             <SquarePen className="h-4 w-4" />
           </button>
         </DialogTrigger>
-        <DialogContent className="max-h-[80vh] flex flex-col overflow-hidden">
+        <DialogContent className="max-h-[var(--cch-viewport-height-80)] flex flex-col overflow-hidden">
           <FormErrorBoundary>
             <EditKeyForm
               keyData={keyData}
@@ -75,7 +75,7 @@ export function KeyActions({
               <Trash2 className="h-4 w-4" />
             </button>
           </DialogTrigger>
-          <DialogContent className="max-h-[80vh] flex flex-col overflow-hidden">
+          <DialogContent className="max-h-[var(--cch-viewport-height-80)] flex flex-col overflow-hidden">
             <FormErrorBoundary>
               <DeleteKeyConfirm keyData={keyData} onSuccess={() => setOpenDelete(false)} />
             </FormErrorBoundary>

src/app/[locale]/dashboard/_components/user/key-list-header.tsx

@@ -27,6 +27,15 @@ import { UserActions } from "./user-actions";
 
 const PROXY_STATUS_REFRESH_INTERVAL = 2000;
 
+type UserStatusCode = "disabled" | "expired" | "expiringSoon" | "active";
+
+const USER_STATUS_LABEL_KEYS: Record<UserStatusCode, string> = {
+  disabled: "userStatus.disabled",
+  expired: "userStatus.expired",
+  expiringSoon: "userStatus.expiringSoon",
+  active: "userStatus.active",
+};
+
 async function fetchProxyStatus(): Promise<ProxyStatusResponse> {
   const result = await getProxyStatus();
   if (result.ok) {
@@ -123,19 +132,18 @@ export function KeyListHeader({
     const exp = activeUser.expiresAt ? new Date(activeUser.expiresAt).getTime() : null;
 
     let status: {
-      code: string;
-      badge: string;
+      code: UserStatusCode;
       variant: "default" | "secondary" | "destructive" | "outline";
     };
 
     if (!activeUser.isEnabled) {
-      status = { code: "disabled", badge: "已禁用", variant: "secondary" };
+      status = { code: "disabled", variant: "secondary" };
     } else if (exp && exp <= now) {
-      status = { code: "expired", badge: "已过期", variant: "destructive" };
+      status = { code: "expired", variant: "destructive" };
     } else if (exp && exp - now <= 72 * 60 * 60 * 1000) {
-      status = { code: "expiringSoon", badge: "即将过期", variant: "outline" };
+      status = { code: "expiringSoon", variant: "outline" };
     } else {
-      status = { code: "active", badge: "已启用", variant: "default" };
+      status = { code: "active", variant: "default" };
     }
 
     const expiryText = activeUser.expiresAt
@@ -255,7 +263,7 @@ export function KeyListHeader({
             <span>{activeUser ? activeUser.name : "-"}</span>
             {activeUser && userStatusInfo && (
               <Badge variant={userStatusInfo.status.variant} className="text-xs">
-                {userStatusInfo.status.badge}
+                {t(USER_STATUS_LABEL_KEYS[userStatusInfo.status.code])}
               </Badge>
             )}
             {activeUser && <UserActions user={activeUser} currentUser={currentUser} />}
@@ -318,7 +326,7 @@ export function KeyListHeader({
                 <ListPlus className="h-3.5 w-3.5" /> {t("addKey")}
               </Button>
             </DialogTrigger>
-            <DialogContent className="max-h-[80vh] flex flex-col overflow-y-auto">
+            <DialogContent className="max-h-[var(--cch-viewport-height-80)] flex flex-col overflow-y-auto">
               <FormErrorBoundary>
                 <AddKeyForm
                   userId={activeUser?.id}

src/app/[locale]/dashboard/_components/user/user-actions.tsx

@@ -40,7 +40,7 @@ export function UserActions({ user, currentUser }: UserActionsProps) {
             <SquarePen className="h-3.5 w-3.5" />
           </button>
         </DialogTrigger>
-        <DialogContent className="max-h-[85vh] overflow-y-auto">
+        <DialogContent className="max-h-[var(--cch-viewport-height-85,85vh)] overflow-y-auto">
           <FormErrorBoundary>
             <UserForm user={user} onSuccess={() => setOpenEdit(false)} currentUser={currentUser} />
           </FormErrorBoundary>