refactor(UI): UX Improvements

.gitignore

@@ -89,3 +89,4 @@ docs-site/node_modules/
 
 # local scratch
 tmp/
+.trae/

messages/en/customs.json

@@ -26,16 +26,27 @@
     "viewRelease": "View Release"
   },
   "metrics": {
-    "concurrent": "Concurrent",
+    "concurrent": "Active Sessions",
     "todayRequests": "Today's Requests",
     "todayCost": "Today's Cost",
     "avgResponse": "Average Response Time",
-    "viewDetails": "View Details"
+    "viewDetails": "View Details",
+    "rpm": "RPM",
+    "vsYesterday": "vs Yesterday"
   },
   "activeSessions": {
     "title": "Active Sessions",
     "summary": "{count} sessions in the last {minutes} minutes",
     "empty": "No active sessions",
-    "viewAll": "View All"
+    "viewAll": "View All",
+    "loading": "Loading...",
+    "unknownUser": "unknown",
+    "status": {
+      "running": "RUNNING",
+      "init": "INIT",
+      "idle": "IDLE",
+      "error": "ERROR",
+      "done": "DONE"
+    }
   }
 }

messages/en/settings/clientVersions.json

@@ -38,7 +38,13 @@
     "unknown": "Unknown",
     "user": "User",
     "usersCount": "{count} users",
-    "version": "Current Version"
+    "version": "Current Version",
+    "stats": {
+      "clientTypes": "Client Types",
+      "totalUsers": "Total Users",
+      "withGA": "With GA Version",
+      "coverage": "GA Coverage"
+    }
   },
   "title": "Client Update Reminder",
   "toggle": {

messages/en/settings/index.ts

@@ -37,6 +37,7 @@ import providersFormModelSelect from "./providers/form/modelSelect.json";
 import providersFormName from "./providers/form/name.json";
 import providersFormProviderTypes from "./providers/form/providerTypes.json";
 import providersFormProxyTest from "./providers/form/proxyTest.json";
+import providersFormQuickPaste from "./providers/form/quickPaste.json";
 import providersFormSections from "./providers/form/sections.json";
 import providersFormStrings from "./providers/form/strings.json";
 import providersFormSuccess from "./providers/form/success.json";
@@ -47,6 +48,7 @@ import providersFormWebsiteUrl from "./providers/form/websiteUrl.json";
 
 const providersForm = {
   ...providersFormStrings,
+  ...providersFormCommon,
   apiTest: providersFormApiTest,
   buttons: providersFormButtons,
   common: providersFormCommon,
@@ -60,6 +62,7 @@ const providersForm = {
   name: providersFormName,
   providerTypes: providersFormProviderTypes,
   proxyTest: providersFormProxyTest,
+  quickPaste: providersFormQuickPaste,
   sections: providersFormSections,
   success: providersFormSuccess,
   title: providersFormTitle,

messages/en/settings/notifications.json

@@ -69,6 +69,8 @@
   "global": {
     "description": "Enable or disable all push notification features",
     "enable": "Enable Push Notifications",
+    "off": "Off",
+    "on": "On",
     "legacyModeDescription": "You are using legacy single-URL notifications. Create a push target to switch to multi-target mode.",
     "legacyModeTitle": "Legacy Mode",
     "title": "Notification Master Switch"

messages/en/settings/providers/batchEdit.json

@@ -0,0 +1,43 @@
+{
+  "enterMode": "Batch Edit",
+  "exitMode": "Exit",
+  "selectAll": "Select All",
+  "invertSelection": "Invert",
+  "selectedCount": "{count} selected",
+  "editSelected": "Edit Selected",
+  "actions": {
+    "edit": "Edit",
+    "delete": "Delete",
+    "resetCircuit": "Reset Circuit"
+  },
+  "dialog": {
+    "editTitle": "Batch Edit Providers",
+    "editDesc": "Changes will apply to {count} providers",
+    "deleteTitle": "Delete Providers",
+    "deleteDesc": "Permanently delete {count} providers?",
+    "resetCircuitTitle": "Reset Circuit Breakers",
+    "resetCircuitDesc": "Reset circuit breaker for {count} providers?",
+    "next": "Next",
+    "noFieldEnabled": "Please enable at least one field to update"
+  },
+  "fields": {
+    "isEnabled": "Status",
+    "priority": "Priority",
+    "weight": "Weight",
+    "costMultiplier": "Cost Multiplier",
+    "groupTag": "Group Tag"
+  },
+  "confirm": {
+    "title": "Confirm Operation",
+    "cancel": "Cancel",
+    "confirm": "Confirm",
+    "goBack": "Go Back",
+    "processing": "Processing..."
+  },
+  "toast": {
+    "updated": "Updated {count} providers",
+    "deleted": "Deleted {count} providers",
+    "circuitReset": "Reset {count} circuit breakers",
+    "failed": "Operation failed: {error}"
+  }
+}

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

@@ -1,3 +1,10 @@
 {
-  "core": "Core"
+  "core": "Core",
+  "tabs": {
+    "basic": "Basic",
+    "routing": "Routing",
+    "limits": "Limits",
+    "network": "Network",
+    "testing": "Testing"
+  }
 }

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

@@ -1,6 +1,7 @@
 {
   "currentKey": "Current key: {key}",
   "label": "API Key",
+  "labelEdit": "API Key (Leave empty to keep unchanged)",
   "leaveEmpty": "(Leave empty to keep unchanged)",
   "leaveEmptyDesc": "Leave empty to keep existing key",
   "placeholder": "Enter API Key"

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

@@ -1,4 +1,4 @@
 {
-  "label": "Provider Name *",
+  "label": "Provider Name",
   "placeholder": "e.g. Zhipu"
 }

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

@@ -0,0 +1,15 @@
+{
+  "button": "Quick Paste",
+  "title": "Quick Paste Provider Info",
+  "description": "Paste text containing provider details (URL, API key, etc.) and we'll extract the information automatically.",
+  "placeholder": "Paste provider configuration text here...",
+  "preview": "Detected Information",
+  "type": "Type",
+  "name": "Name",
+  "url": "URL",
+  "key": "API Key",
+  "notFound": "Not detected",
+  "parseError": "Could not parse provider information from the text",
+  "cancel": "Cancel",
+  "confirm": "Apply"
+}

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

@@ -1,4 +1,18 @@
 {
+  "basic": {
+    "identity": {
+      "title": "Provider Identity",
+      "desc": "Set a unique name to identify this provider"
+    },
+    "endpoint": {
+      "title": "API Endpoint",
+      "desc": "Configure the base URL for API requests"
+    },
+    "auth": {
+      "title": "Authentication",
+      "desc": "Provide your API key for authentication"
+    }
+  },
   "apiTest": {
     "desc": "Validate whether the selected provider type and model respond correctly. Defaults to the routing configuration unless overridden.",
     "summary": "Verify provider & model connectivity",
@@ -10,7 +24,8 @@
     "failureThreshold": {
       "desc": "Number of consecutive failures to trigger break",
       "label": "Failure Threshold",
-      "placeholder": "5"
+      "placeholder": "5",
+      "warning": "Setting to 0 disables the circuit breaker - use with caution"
     },
     "maxRetryAttempts": {
       "desc": "Total tries (including the first call) before switching providers. Leave empty to use the system default.",
@@ -129,6 +144,7 @@
     "dailyResetTime": {
       "label": "Daily Reset Time (HH:mm)"
     },
+    "desc": "Configure spending limits to control costs across different time windows",
     "limit5h": {
       "label": "5h Spend Limit (USD)",
       "placeholder": "Leave empty for unlimited"
@@ -164,6 +180,11 @@
     },
     "title": "Rate Limit"
   },
+  "limits": {
+    "timeBased": "Time-based Limits",
+    "dailyReset": "Daily Reset Settings",
+    "otherLimits": "Other Limits"
+  },
   "routing": {
     "cacheTtl": {
       "desc": "Force prompt cache TTL; only affects requests with cache_control.",

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

@@ -1,4 +1,4 @@
 {
-  "label": "API Address *",
+  "label": "API Address",
   "placeholder": "e.g. https://open.bigmodel.cn/api/anthropic"
 }

messages/ja/customs.json

@@ -26,16 +26,27 @@
     "viewRelease": "リリースを表示"
   },
   "metrics": {
-    "concurrent": "同時実行",
+    "concurrent": "アクティブセッション数",
     "todayRequests": "本日のリクエスト",
     "todayCost": "本日のコスト",
     "avgResponse": "平均応答時間",
-    "viewDetails": "詳細を表示"
+    "viewDetails": "詳細を表示",
+    "rpm": "RPM",
+    "vsYesterday": "前日同時間帯比"
   },
   "activeSessions": {
     "title": "アクティブなセッション",
     "summary": "過去{minutes}分間の{count}個のセッション",
     "empty": "アクティブなセッションがありません",
-    "viewAll": "すべて表示"
+    "viewAll": "すべて表示",
+    "loading": "読み込み中...",
+    "unknownUser": "不明",
+    "status": {
+      "running": "実行中",
+      "init": "初期化",
+      "idle": "アイドル",
+      "error": "エラー",
+      "done": "完了"
+    }
   }
 }

messages/ja/settings/clientVersions.json

@@ -38,7 +38,13 @@
     "unknown": "不明",
     "user": "ユーザー",
     "usersCount": "{count}名のユーザー",
-    "version": "現在のバージョン"
+    "version": "現在のバージョン",
+    "stats": {
+      "clientTypes": "クライアントタイプ",
+      "totalUsers": "ユーザー総数",
+      "withGA": "GA版あり",
+      "coverage": "GAカバレッジ"
+    }
   },
   "title": "クライアント更新リマインダー",
   "toggle": {

messages/ja/settings/index.ts

@@ -37,6 +37,7 @@ import providersFormModelSelect from "./providers/form/modelSelect.json";
 import providersFormName from "./providers/form/name.json";
 import providersFormProviderTypes from "./providers/form/providerTypes.json";
 import providersFormProxyTest from "./providers/form/proxyTest.json";
+import providersFormQuickPaste from "./providers/form/quickPaste.json";
 import providersFormSections from "./providers/form/sections.json";
 import providersFormStrings from "./providers/form/strings.json";
 import providersFormSuccess from "./providers/form/success.json";
@@ -47,6 +48,7 @@ import providersFormWebsiteUrl from "./providers/form/websiteUrl.json";
 
 const providersForm = {
   ...providersFormStrings,
+  ...providersFormCommon,
   apiTest: providersFormApiTest,
   buttons: providersFormButtons,
   common: providersFormCommon,
@@ -60,6 +62,7 @@ const providersForm = {
   name: providersFormName,
   providerTypes: providersFormProviderTypes,
   proxyTest: providersFormProxyTest,
+  quickPaste: providersFormQuickPaste,
   sections: providersFormSections,
   success: providersFormSuccess,
   title: providersFormTitle,

messages/ja/settings/notifications.json

@@ -69,6 +69,8 @@
   "global": {
     "description": "すべてのプッシュ通知機能を有効または無効にする",
     "enable": "プッシュ通知を有効にする",
+    "off": "オフ",
+    "on": "オン",
     "legacyModeDescription": "現在は旧来の単一URL通知設定を使用しています。プッシュ先を作成するとマルチターゲットモードに切り替わります。",
     "legacyModeTitle": "互換モード",
     "title": "通知マスタースイッチ"

messages/ja/settings/providers/batchEdit.json

@@ -0,0 +1,43 @@
+{
+  "enterMode": "一括編集",
+  "exitMode": "終了",
+  "selectAll": "全選択",
+  "invertSelection": "反転",
+  "selectedCount": "{count} 件選択中",
+  "editSelected": "選択項目を編集",
+  "actions": {
+    "edit": "編集",
+    "delete": "削除",
+    "resetCircuit": "サーキット リセット"
+  },
+  "dialog": {
+    "editTitle": "プロバイダーの一括編集",
+    "editDesc": "{count} 件のプロバイダーに変更が適用されます",
+    "deleteTitle": "プロバイダーの削除",
+    "deleteDesc": "{count} 件のプロバイダーを完全に削除しますか?",
+    "resetCircuitTitle": "サーキットブレーカーのリセット",
+    "resetCircuitDesc": "{count} 件のプロバイダーのサーキットブレーカーをリセットしますか?",
+    "next": "次へ",
+    "noFieldEnabled": "更新するフィールドを少なくとも1つ有効にしてください"
+  },
+  "fields": {
+    "isEnabled": "ステータス",
+    "priority": "優先度",
+    "weight": "重み",
+    "costMultiplier": "価格倍率",
+    "groupTag": "グループタグ"
+  },
+  "confirm": {
+    "title": "操作の確認",
+    "cancel": "キャンセル",
+    "confirm": "確認",
+    "goBack": "戻る",
+    "processing": "処理中..."
+  },
+  "toast": {
+    "updated": "{count} 件のプロバイダーを更新しました",
+    "deleted": "{count} 件のプロバイダーを削除しました",
+    "circuitReset": "{count} 件のサーキットブレーカーをリセットしました",
+    "failed": "操作に失敗しました: {error}"
+  }
+}

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

@@ -1,3 +1,10 @@
 {
-  "core": "コア"
+  "core": "コア",
+  "tabs": {
+    "basic": "基本情報",
+    "routing": "ルーティング",
+    "limits": "制限",
+    "network": "ネットワーク",
+    "testing": "テスト"
+  }
 }

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

@@ -1,6 +1,7 @@
 {
   "currentKey": "現在のキー: {key}",
   "label": "API キー",
+  "labelEdit": "API キー（空欄のままにすると変更しません）",
   "leaveEmpty": "（空欄のままにすると変更しません）",
   "leaveEmptyDesc": "空欄のままにすると既存のキーを保持します",
   "placeholder": "API キーを入力"

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

@@ -1,4 +1,4 @@
 {
-  "label": "プロバイダー名 *",
+  "label": "プロバイダー名",
   "placeholder": "例: Zhipu"
 }

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

@@ -0,0 +1,15 @@
+{
+  "button": "クイック貼り付け",
+  "title": "クイック貼り付け",
+  "description": "プロバイダー情報(URL、APIキーなど)を含むテキストを貼り付けると、自動的に抽出されます。",
+  "placeholder": "ここにプロバイダー設定テキストを貼り付けてください...",
+  "preview": "検出された情報",
+  "type": "タイプ",
+  "name": "名前",
+  "url": "URL",
+  "key": "APIキー",
+  "notFound": "検出されませんでした",
+  "parseError": "テキストからプロバイダー情報を解析できませんでした",
+  "cancel": "キャンセル",
+  "confirm": "適用"
+}