feat(platform): 模型管理与后台能力 - 新增逻辑模型路由和响应拦截

web/src/pages/admin/settings/response-interception-settings-page.tsx

@@ -0,0 +1,112 @@
+import { App, Button, Input, Switch } from "antd";
+import { Plus, Save, ShieldAlert, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+
+import { getAdminResponseInterceptionSetting, updateAdminResponseInterceptionSetting, type ResponseInterceptionRule } from "@/services/api/response-interception";
+import { AdminPageFrame } from "../components/admin-shell";
+import { AdminStatusBadge, SettingsSectionCard } from "../components/admin-ui";
+
+const emptyRule = (): ResponseInterceptionRule => ({ contains: "", replace: "" });
+
+export default function ResponseInterceptionSettingsPage() {
+    const { message } = App.useApp();
+    const [enabled, setEnabled] = useState(false);
+    const [rules, setRules] = useState<ResponseInterceptionRule[]>([]);
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+
+    useEffect(() => {
+        let cancelled = false;
+        void getAdminResponseInterceptionSetting()
+            .then(({ setting }) => {
+                if (cancelled) return;
+                setEnabled(setting.enabled);
+                setRules(setting.rules || []);
+            })
+            .catch((error) => {
+                if (!cancelled) message.error(error instanceof Error ? error.message : "读取模型响应拦截配置失败");
+            })
+            .finally(() => {
+                if (!cancelled) setLoading(false);
+            });
+        return () => {
+            cancelled = true;
+        };
+    }, [message]);
+
+    const updateRule = (index: number, field: keyof ResponseInterceptionRule, value: string) => {
+        setRules((current) => current.map((rule, ruleIndex) => (ruleIndex === index ? { ...rule, [field]: value } : rule)));
+    };
+
+    const save = async () => {
+        const normalizedRules = rules.map((rule) => ({ contains: rule.contains.trim(), replace: rule.replace.trim() }));
+        const invalidIndex = normalizedRules.findIndex((rule) => !rule.contains || !rule.replace);
+        if (invalidIndex >= 0) {
+            message.error(`请完整填写第 ${invalidIndex + 1} 条规则`);
+            return;
+        }
+        setSaving(true);
+        try {
+            const { setting } = await updateAdminResponseInterceptionSetting({ enabled, rules: normalizedRules });
+            setEnabled(setting.enabled);
+            setRules(setting.rules || []);
+            message.success("模型响应拦截配置已保存");
+        } catch (error) {
+            message.error(error instanceof Error ? error.message : "保存模型响应拦截配置失败");
+        } finally {
+            setSaving(false);
+        }
+    };
+
+    return (
+        <AdminPageFrame title="模型响应拦截">
+            <div className="pt-4">
+                <SettingsSectionCard
+                    layout="stacked"
+                    contentClassName="px-4 pb-4"
+                    icon={<ShieldAlert className="size-4" />}
+                    title="用户可见错误"
+                    status={<AdminStatusBadge label={enabled ? "已启用" : "未启用"} tone={enabled ? "success" : "neutral"} />}
+                    footer={
+                        <>
+                            <div className="flex items-center gap-2 text-xs text-foreground/55">
+                                <Switch size="small" checked={enabled} disabled={loading || saving} onChange={setEnabled} />
+                                启用拦截规则
+                            </div>
+                            <Button type="primary" icon={<Save className="size-4" />} loading={saving} disabled={loading} onClick={() => void save()}>
+                                保存配置
+                            </Button>
+                        </>
+                    }
+                >
+                    <div className="space-y-2">
+                        <div className="flex items-center gap-2 px-1 text-xs font-medium text-foreground/48">
+                            <span className="min-w-0 flex-1">上游响应包含</span>
+                            <span className="min-w-0 flex-1">替换为</span>
+                            <span className="size-6 shrink-0" aria-hidden="true" />
+                        </div>
+                        {rules.map((rule, index) => (
+                            <div key={index} className="flex flex-col gap-2 rounded-md border border-border/50 bg-muted/5 p-2 sm:flex-row sm:items-center">
+                                <Input className="min-w-0 flex-1" size="small" value={rule.contains} disabled={loading || saving} onChange={(event) => updateRule(index, "contains", event.target.value)} placeholder="例如：余额不足、429" />
+                                <Input className="min-w-0 flex-1" size="small" value={rule.replace} disabled={loading || saving} onChange={(event) => updateRule(index, "replace", event.target.value)} placeholder="例如：网络异常，请重试" />
+                                <Button
+                                    className="shrink-0 self-end sm:self-auto"
+                                    type="text"
+                                    size="small"
+                                    danger
+                                    aria-label={`删除第 ${index + 1} 条规则`}
+                                    icon={<Trash2 className="size-3.5" />}
+                                    disabled={loading || saving}
+                                    onClick={() => setRules((current) => current.filter((_, ruleIndex) => ruleIndex !== index))}
+                                />
+                            </div>
+                        ))}
+                        <Button type="text" size="small" icon={<Plus className="size-3.5" />} disabled={loading || saving} onClick={() => setRules((current) => [...current, emptyRule()])}>
+                            添加规则
+                        </Button>
+                    </div>
+                </SettingsSectionCard>
+            </div>
+        </AdminPageFrame>
+    );
+}