fix: polish OAuth model policy UI

Author: ssfun

cliproxyapi-pro-management/apply_customizations.py

@@ -251,10 +251,10 @@
 }
 
 OAUTH_MODEL_POLICY_NAV_LOCALE_KEYS = {
-    'en.json': {'label': 'OAuth Model Policy', 'meta': 'Per-plan model availability rules'},
-    'ru.json': {'label': 'Политика OAuth-моделей', 'meta': 'Правила доступности моделей по тарифам'},
-    'zh-CN.json': {'label': 'OAuth 模型策略', 'meta': '按账号套餐配置模型可用范围'},
-    'zh-TW.json': {'label': 'OAuth 模型策略', 'meta': '依帳號套餐設定模型可用範圍'},
+    'en.json': {'label': 'Model Policy', 'meta': 'Per-plan model availability rules'},
+    'ru.json': {'label': 'Политика моделей', 'meta': 'Правила доступности моделей по тарифам'},
+    'zh-CN.json': {'label': '模型策略', 'meta': '按账号套餐配置模型可用范围'},
+    'zh-TW.json': {'label': '模型策略', 'meta': '依帳號套餐設定模型可用範圍'},
 }
 
 def load_overlay_replacement_manifest(path: Path) -> dict[str, set[str]]:

cliproxyapi-pro-management/monitoring-locales.json

@@ -244,6 +244,8 @@
       "discovery_hint": "Auth metadata is preferred; supported provider APIs are queried only when the plan is missing.",
       "cache_ttl": "Plan cache TTL",
       "resolve_timeout": "Provider resolve timeout",
+      "unit_minutes": "minutes",
+      "unit_seconds": "seconds",
       "priority": "Plugin priority",
       "xai_rules": "xAI plan rules",
       "xai_rules_hint": "Each enabled rule subtracts matching model IDs from that account only.",
@@ -2708,6 +2710,8 @@
       "discovery_hint": "优先使用认证元数据；缺少套餐时才查询支持的提供商接口。",
       "cache_ttl": "套餐缓存时间",
       "resolve_timeout": "提供商探测超时",
+      "unit_minutes": "分钟",
+      "unit_seconds": "秒",
       "priority": "插件优先级",
       "xai_rules": "xAI 套餐规则",
       "xai_rules_hint": "每条启用的规则只会从对应账号中减去匹配的模型 ID。",
@@ -4098,6 +4102,8 @@
       "discovery_hint": "優先使用驗證中繼資料；缺少套餐時才查詢支援的供應商介面。",
       "cache_ttl": "套餐快取時間",
       "resolve_timeout": "供應商探測逾時",
+      "unit_minutes": "分鐘",
+      "unit_seconds": "秒",
       "priority": "外掛優先級",
       "xai_rules": "xAI 套餐規則",
       "xai_rules_hint": "每條啟用的規則只會從對應帳號中移除符合的模型 ID。",

cliproxyapi-pro-management/overlay/src/pages/OAuthModelPolicyPage.module.scss

@@ -7,7 +7,9 @@
 }
 
 .pageWithSave {
-  padding-bottom: 106px;
+  padding-bottom: calc(
+    var(--oauth-model-policy-action-bar-height, 46px) + 38px
+  );
 }
 
 .header,
@@ -20,8 +22,6 @@
 .patternInputRow,
 .inheritedRule,
 .behaviorNote,
-.saveBar,
-.saveActions,
 .noticeCard {
   display: flex;
   align-items: center;
@@ -248,6 +248,34 @@
   margin: 0;
 }
 
+.durationControl {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+
+.durationControl input {
+  min-width: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.durationControl > span {
+  display: inline-flex;
+  min-width: 64px;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 0 11px;
+  border: 1px solid var(--border-color);
+  border-left: 0;
+  border-radius: 0 8px 8px 0;
+  color: var(--text-secondary);
+  background: var(--muted-bg, rgba(148, 163, 184, 0.1));
+  font-size: 11px;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
 .policyPanel {
   padding: 16px;
 }
@@ -557,6 +585,8 @@
     color-mix(in srgb, var(--primary-color) 14%, transparent);
 }
 
+.header > button > span,
+.customPlanRow button > span,
 .patternInputRow button > span {
   display: inline-flex;
   align-items: center;
@@ -596,47 +626,6 @@
   color: var(--primary-color);
 }
 
-.saveBar {
-  position: fixed;
-  z-index: 50;
-  right: max(22px, env(safe-area-inset-right));
-  bottom: max(18px, env(safe-area-inset-bottom));
-  left: max(calc(var(--sidebar-width, 260px) + 22px), 22px);
-  justify-content: space-between;
-  gap: 18px;
-  padding: 11px 14px;
-  border: 1px solid
-    color-mix(in srgb, var(--primary-color) 32%, var(--border-color));
-  border-radius: 13px;
-  background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
-  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.18);
-  backdrop-filter: blur(18px);
-}
-
-.saveBar > div:first-child {
-  min-width: 0;
-}
-
-.saveBar strong,
-.saveBar span {
-  display: block;
-}
-
-.saveBar strong {
-  font-size: 12px;
-}
-
-.saveBar span {
-  margin-top: 2px;
-  color: var(--text-secondary);
-  font-size: 10px;
-}
-
-.saveActions {
-  flex: 0 0 auto;
-  gap: 7px;
-}
-
 @media (max-width: 980px) {
   .statusGrid,
   .settingsGrid {
@@ -651,10 +640,6 @@
     border-bottom: 1px solid var(--border-color);
   }
 
-  .saveBar {
-    left: 22px;
-  }
-
   .providerTabs {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -666,6 +651,12 @@
     padding: 0 0 20px;
   }
 
+  .pageWithSave {
+    padding-bottom: calc(
+      var(--oauth-model-policy-action-bar-height, 46px) + 28px
+    );
+  }
+
   .header {
     align-items: flex-start;
     padding: 13px;
@@ -737,20 +728,4 @@
     width: 100%;
   }
 
-  .saveBar {
-    right: 10px;
-    bottom: max(10px, env(safe-area-inset-bottom));
-    left: 10px;
-    align-items: stretch;
-    flex-direction: column;
-    gap: 9px;
-  }
-
-  .saveActions {
-    width: 100%;
-  }
-
-  .saveActions button {
-    flex: 1 1 0;
-  }
 }