chore: commit pending gateway changes

apps/web/src/pages/admin/PricingRulesPanel.tsx

@@ -1,7 +1,7 @@
 import { useMemo, useState, type FormEvent } from 'react';
 import { FileText, Image, Pencil, Plus, RotateCcw, Trash2, Video } from 'lucide-react';
 import type { PricingRule, PricingRuleInput, PricingRuleSet, PricingRuleSetUpsertRequest } from '@easyai-ai-gateway/contracts';
-import { Badge, Button, Card, CardContent, CardHeader, CardTitle, FormDialog, Input, Label, Select } from '../../components/ui';
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, ConfirmDialog, FormDialog, Input, Label, Select } from '../../components/ui';
 import type { LoadState } from '../../types';
 import { unitLabel } from './PricingEditorControls';
 import { createDefaultPricingRules, KeyValueEditor, PricingRuleVisualEditor } from './PricingRuleVisualEditor';
@@ -33,6 +33,7 @@ export function PricingRulesPanel(props: {
   const [form, setForm] = useState<PricingForm>(() => createEmptyForm());
   const [localError, setLocalError] = useState('');
   const [query, setQuery] = useState('');
+  const [pendingDeleteRuleSet, setPendingDeleteRuleSet] = useState<PricingRuleSet | null>(null);
   const filtered = useMemo(() => {
     const keyword = query.trim().toLowerCase();
     if (!keyword) return props.pricingRuleSets;
@@ -76,10 +77,13 @@ export function PricingRulesPanel(props: {
   }
 
   async function deleteRuleSet(ruleSet: PricingRuleSet) {
-    const confirmed = window.confirm(`确认删除定价规则 ${ruleSet.name}？已绑定的平台或模型会清空规则绑定。`);
-    if (!confirmed) return;
+    if (isDefaultRuleSet(ruleSet)) {
+      setLocalError('默认计价规则不能删除。');
+      return;
+    }
     try {
       await props.onDeletePricingRuleSet(ruleSet.id);
+      setPendingDeleteRuleSet(null);
       if (editingId === ruleSet.id) closeDialog();
     } catch (err) {
       setLocalError(err instanceof Error ? err.message : '定价规则删除失败');
@@ -131,7 +135,17 @@ export function PricingRulesPanel(props: {
             </div>
             <div className="providerCatalogActions">
               <Button type="button" variant="outline" size="sm" onClick={() => editRuleSet(ruleSet)}><Pencil size={14} />修改</Button>
-              <Button type="button" variant="destructive" size="sm" onClick={() => void deleteRuleSet(ruleSet)}><Trash2 size={14} />删除</Button>
+              <Button
+                type="button"
+                variant="destructive"
+                size="sm"
+                disabled={isDefaultRuleSet(ruleSet)}
+                title={isDefaultRuleSet(ruleSet) ? '默认计价规则不能删除' : undefined}
+                onClick={() => setPendingDeleteRuleSet(ruleSet)}
+              >
+                <Trash2 size={14} />
+                删除
+              </Button>
             </div>
           </article>
         ))}
@@ -165,6 +179,15 @@ export function PricingRulesPanel(props: {
         <PricingRuleVisualEditor currency={form.currency} rules={form.rules} onChange={(rules) => setForm({ ...form, rules })} />
         <KeyValueEditor className="spanTwo" title="规则集元数据" value={form.metadata} onChange={(metadata) => setForm({ ...form, metadata })} />
       </FormDialog>
+      <ConfirmDialog
+        confirmLabel="删除规则"
+        description="已绑定的平台或模型会清空规则绑定，删除后不可恢复。"
+        loading={props.state === 'loading'}
+        open={Boolean(pendingDeleteRuleSet)}
+        title={`确认删除定价规则 ${pendingDeleteRuleSet?.name ?? ''}？`}
+        onCancel={() => setPendingDeleteRuleSet(null)}
+        onConfirm={() => pendingDeleteRuleSet ? deleteRuleSet(pendingDeleteRuleSet) : undefined}
+      />
     </div>
   );
 }
@@ -273,6 +296,10 @@ function formatPrice(value: number) {
   return Number(value.toFixed(4)).toString();
 }
 
+function isDefaultRuleSet(ruleSet: PricingRuleSet) {
+  return ruleSet.ruleSetKey === 'default-multimodal-v1';
+}
+
 function ensureRules(rules: PricingRuleInput[], currency: string): PricingRuleInput[] {
   const sourceRules = rules.length ? rules : createDefaultPricingRules(currency);
   return sourceRules.map((rule) => ({ ...rule, currency }));