feat: 接入运维真实数据与三角色权限链路

- 新增 model_deploy 与 model_operations 双库查询，支持模型列表、模型详情、单月监控结果和运维工作台真实接口。

- 关闭运维模块生产 Mock 数据，补充缺表/空数据降级、工作台空状态和首条纵向链路测试。

- 按业务团队、模型团队、管理员权限矩阵接入菜单、页面、操作按钮和后端接口权限校验，支持 business_team 角色。

- 更新工作台布局、深色欢迎卡片、全宽页面适配、顶部回退，以及权限分组展示。

- 新增架构实现基线、周目标完成情况和角色权限矩阵初始化 SQL 文档。

frontend/app/components/common/Topbar.tsx

@@ -13,6 +13,7 @@ type TopbarProps = {
   onSetWorkspaceMenuOpen: (open: boolean) => void;
   onSetCurrentWorkspace: (workspaceId: string) => void;
   onLogout: () => void;
+  onBack: () => void;
 };
 
 export function Topbar({
@@ -25,6 +26,7 @@ export function Topbar({
   onSetWorkspaceMenuOpen,
   onSetCurrentWorkspace,
   onLogout,
+  onBack,
 }: TopbarProps) {
   const [userMenuOpen, setUserMenuOpen] = useState(false);
   const [settingsOpen, setSettingsOpen] = useState(false);
@@ -57,6 +59,8 @@ export function Topbar({
         <button
           className="grid h-[31px] w-[31px] rotate-180 cursor-pointer place-items-center rounded-[7px] border border-transparent bg-white text-[#7b8999] hover:border-[#b9c9da] hover:bg-[#f7faff]"
           type="button"
+          aria-label="返回上一页"
+          onClick={onBack}
         >
           <ChevronRight size={19} className="text-[#748497]"/>
         </button>

frontend/app/features/admin/PermissionCheckboxList.tsx

@@ -15,6 +15,7 @@ const MODULE_LABELS: Record<string, string> = {
   script: "构建脚本",
   schedule: "调度配置",
   system: "系统管理",
+  operations: "运维工作台",
 };
 
 /** 勾选框样式：复刻原生 checkbox 外观（白底、灰边、蓝色勾选），并对齐 permission item 的 3px 顶部偏移。 */

frontend/app/features/admin/UserFormDialog.tsx

@@ -18,7 +18,7 @@ export type UserFormState = {
   username: string;
   display_name: string;
   email: string;
-  role_code: "admin" | "developer";
+  role_code: string;
   password: string;
   status: "active" | "disabled" | "locked";
 };

frontend/app/features/operations/BankOverviewPage.tsx

@@ -1,7 +1,6 @@
 import { useMemo, useRef, useState } from "react";
 import { ArrowRight, Download, TrendingDown, TrendingUp } from "lucide-react";
 import { useNavigate, useSearchParams } from "react-router";
-import { toast } from "sonner";
 
 import { Button } from "~/components/ui/button";
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "~/components/ui/card";
@@ -37,13 +36,12 @@ type BankCategoryCard = {
   modelCount: number;
   versions: number;
   latestIteration: string;
-  averageCycle: number;
+  averageCycle: number | null;
   ownKs: number;
   ownPsi: number;
   peerKs: number;
   peerPsi: number;
   grades: Record<ModelGrade, number>;
-  demo?: boolean;
 };
 
 function isCategoryId(value: string | null): value is ModelCategoryId {
@@ -114,14 +112,13 @@ export default function BankOverviewPage() {
       const grades = bankModels.reduce<Record<ModelGrade, number>>((result, model) => ({ ...result, [gradeOf(model)]: result[gradeOf(model)] + 1 }), { A: 0, B: 0, C: 0 });
       return { ...item, models: bankModels, modelCount: bankModels.length, versions: new Set(bankModels.map((model) => model.version)).size, latestIteration: latestIterationDate(bankModels), averageCycle: averageIterationCycle(bankModels), ownKs: average(bankModels.map((model) => model.ks)), ownPsi: average(bankModels.map((model) => model.psi)), peerKs: average(allPeers.map((model) => model.ks)), peerPsi: average(allPeers.map((model) => model.psi)), grades };
     });
-    return [...realCards, { id: "consumer-demo", name: "消费贷评分（示意）", models: [], modelCount: 1, versions: 1, latestIteration: "2026-07-18", averageCycle: 11, ownKs: 37.9, ownPsi: 16.6, peerKs: 39.6, peerPsi: 14.2, grades: { A: 0, B: 1, C: 0 }, demo: true }];
+    return realCards;
   }, [bank, models]);
 
   const syncParams = (nextBank: string, nextCategory: ModelCategoryId) => setSearchParams({ bank: nextBank, category: nextCategory });
   const selectBank = (value: string) => { setBank(value); syncParams(value, category); };
   const selectCategory = (value: ModelCategoryId, scroll = false) => { setCategory(value); syncParams(bank, value); if (scroll) requestAnimationFrame(() => trendRef.current?.scrollIntoView({ behavior: "smooth", block: "start" })); };
   const openGrade = (item: BankCategoryCard, grade: ModelGrade) => {
-    if (item.demo) return toast.info("该卡片仅用于展示细分银行第 5 个大类的纵向滚动效果");
     const gradeModels = item.models.filter((model) => gradeOf(model) === grade);
     if (gradeModels.length === 1) return navigate(`/operations/monitoring/${gradeModels[0]?.modelId}`);
     setDrilldown({ category: item.id as ModelCategoryId, grade, models: gradeModels });
@@ -129,7 +126,7 @@ export default function BankOverviewPage() {
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader title="细分银行概览" description="按银行和模型大类查看本行表现，并与同业均值对照。" actions={<Button variant="outline" onClick={() => navigate("/operations/deployed-models")}>查看已上线模型 <ArrowRight /></Button>} />
 
         <Card size="sm"><CardContent className="flex items-end gap-4"><FilterSelect className="w-56" label="筛选银行" value={bank} allLabel="请选择银行" options={banks} onChange={selectBank} /><p className="pb-2 text-sm text-muted-foreground">选择银行后，卡片展示本行指标及同业对比</p></CardContent></Card>
@@ -137,12 +134,12 @@ export default function BankOverviewPage() {
         <CategoryCardRail>
           {cards.map((item) => {
             const total = item.grades.A + item.grades.B + item.grades.C || 1;
-            const selected = !item.demo && item.id === category;
+            const selected = item.id === category;
             const hasModels = item.modelCount > 0;
-            const activate = () => item.demo ? toast.info("扩展示意卡：正式接入第 5 个大类后沿用相同结构") : selectCategory(item.id as ModelCategoryId, true);
-            return <Card className={`cursor-pointer transition-all hover:-translate-y-0.5 hover:ring-1 hover:ring-primary/40 ${selected ? "ring-2 ring-primary" : ""}`} key={item.id} role="button" size="sm" tabIndex={0} onClick={activate} onKeyDown={(event) => { if (event.key === "Enter" || event.key === " ") activate(); }}><CardHeader><CardTitle className="flex items-center gap-2">{item.name}<span className="rounded-lg bg-muted px-2 py-1 text-2xs font-medium text-muted-foreground">{item.demo ? "扩展示意" : `银行-${bank}`}</span></CardTitle></CardHeader><CardContent className="space-y-3">
+            const activate = () => selectCategory(item.id as ModelCategoryId, true);
+            return <Card className={`cursor-pointer transition-all hover:-translate-y-0.5 hover:ring-1 hover:ring-primary/40 ${selected ? "ring-2 ring-primary" : ""}`} key={item.id} role="button" size="sm" tabIndex={0} onClick={activate} onKeyDown={(event) => { if (event.key === "Enter" || event.key === " ") activate(); }}><CardHeader><CardTitle className="flex items-center gap-2">{item.name}<span className="rounded-lg bg-muted px-2 py-1 text-2xs font-medium text-muted-foreground">银行-{bank || "全部"}</span></CardTitle></CardHeader><CardContent className="space-y-3">
               <dl className="grid grid-cols-3 gap-3">{[["银行数", hasModels ? 1 : 0], ["模型数", item.modelCount], ["版本数", item.versions]].map(([label, value]) => <div key={label}><dt className="whitespace-nowrap text-2xs text-ink-caption">{label}</dt><dd className="mt-1 text-lg font-bold tabular-nums">{value}</dd></div>)}</dl>
-              <dl className="grid grid-cols-2 gap-3"><div><dt className="text-2xs text-ink-caption">最近迭代日期</dt><dd className="mt-1 whitespace-nowrap text-sm font-bold tabular-nums">{item.latestIteration}</dd></div><div><dt className="whitespace-nowrap text-2xs text-ink-caption">平均迭代周期</dt><dd className="mt-1 whitespace-nowrap text-lg font-bold tabular-nums">{hasModels ? `${item.averageCycle.toFixed(1)}月` : "—"}</dd></div></dl>
+              <dl className="grid grid-cols-2 gap-3"><div><dt className="text-2xs text-ink-caption">最近迭代日期</dt><dd className="mt-1 whitespace-nowrap text-sm font-bold tabular-nums">{item.latestIteration}</dd></div><div><dt className="whitespace-nowrap text-2xs text-ink-caption">平均迭代周期</dt><dd className="mt-1 whitespace-nowrap text-lg font-bold tabular-nums">{hasModels && item.averageCycle !== null ? `${item.averageCycle.toFixed(1)}月` : "—"}</dd></div></dl>
               <dl className="grid grid-cols-2 gap-3"><div><dt className="text-2xs text-ink-caption">本行平均 KS</dt><dd className="mt-1 text-xl font-bold tabular-nums">{hasModels ? `${item.ownKs.toFixed(1)}%` : "—"}</dd></div><div><dt className="text-2xs text-ink-caption">本行平均 PSI</dt><dd className="mt-1 text-xl font-bold tabular-nums">{hasModels ? `${item.ownPsi.toFixed(1)}%` : "—"}</dd></div><div><dt className="text-2xs text-warning">同业平均 KS</dt><dd className="mt-1 text-xl font-bold tabular-nums text-warning">{item.peerKs.toFixed(1)}%</dd></div><div><dt className="text-2xs text-warning">同业平均 PSI</dt><dd className="mt-1 text-xl font-bold tabular-nums text-warning">{item.peerPsi.toFixed(1)}%</dd></div></dl>
               <div className="flex h-2 overflow-hidden rounded-full bg-muted"><i className="bg-success" style={{ width: `${item.grades.A / total * 100}%` }} /><i className="bg-warning" style={{ width: `${item.grades.B / total * 100}%` }} /><i className="bg-danger" style={{ width: `${item.grades.C / total * 100}%` }} /></div>
               <div className="flex flex-wrap gap-2" onClick={(event) => event.stopPropagation()}>{(["A", "B", "C"] as ModelGrade[]).map((grade) => <GradeBadge grade={grade} key={grade} suffix={`${item.grades[grade]} 个模型`} onClick={() => openGrade(item, grade)} />)}</div>

frontend/app/features/operations/DeployedModelsPage.tsx

@@ -1,5 +1,5 @@
 import { useMemo, useRef, useState } from "react";
-import { ArrowRight, Download, FileSpreadsheet, FolderOpen, Upload } from "lucide-react";
+import { ArrowRight, Download, FileSpreadsheet, Upload } from "lucide-react";
 import { useNavigate } from "react-router";
 import { toast } from "sonner";
 
@@ -10,7 +10,7 @@ import { usePersistentState } from "~/hooks/use-persistent-state";
 import { exportRowsToExcel } from "~/lib/exportExcel";
 import { FilterSelect, OperationsPageHeader, StatusBadge } from "./OperationsUi";
 import { useOperationsData } from "./OperationsDataContext";
-import { MODEL_LIFECYCLE, type ModelRecord } from "./modelData";
+import type { ModelRecord } from "./modelData";
 
 type Filters = {
   bank: string;
@@ -23,11 +23,6 @@ function unique(values: string[]): string[] {
   return [...new Set(values)].sort((left, right) => left.localeCompare(right, "zh-CN"));
 }
 
-function metricSeries(model: ModelRecord, base: readonly number[], variance: number): number[] {
-  const seed = [...model.modelId].reduce((sum, character) => sum + character.charCodeAt(0), 0);
-  return base.map((value, index) => Number((value * (1 + ((seed >> index) % 7 - 3) / variance)).toFixed(2)));
-}
-
 function BarList({
   values,
   labels,
@@ -43,13 +38,13 @@ function BarList({
   const colorClass = tone === "warning" ? "bg-warning" : tone === "success" ? "bg-success" : "bg-brand";
   return (
     <div className="space-y-3">
-      {values.map((value, index) => (
+      {values.length ? values.map((value, index) => (
         <div className="grid grid-cols-[5rem_minmax(0,1fr)_3.5rem] items-center gap-3" key={labels[index]}>
           <span className="text-xs text-muted-foreground">{labels[index]}</span>
           <span className="h-2.5 overflow-hidden rounded-full bg-muted"><i className={`block h-full rounded-full ${colorClass}`} style={{ width: `${value / max * 100}%` }} /></span>
           <strong className="text-right text-xs tabular-nums text-foreground">{value.toFixed(2)}{suffix}</strong>
         </div>
-      ))}
+      )) : <div className="rounded-xl border border-dashed border-border p-6 text-center text-xs text-muted-foreground">暂无指标数据</div>}
     </div>
   );
 }
@@ -69,11 +64,10 @@ export default function DeployedModelsPage() {
     && (!filters.modelType || (model.commonModel ? "通用模型" : "个性化模型") === filters.modelType)
   ));
   const model = filtered.find((item) => item.modelId === selectedModelId) ?? filtered[0] ?? null;
-  const lifecycle = model ? MODEL_LIFECYCLE[model.modelId] : null;
   const scoreLabels = ["低分段", "中低分", "中分段", "中高分", "高分段", "最高分"];
-  const rankingRates = model ? metricSeries(model, [9.8, 7.2, 5.1, 3.4, 2.0, 1.1], 28) : [];
-  const liftValues = model ? metricSeries(model, [3.2, 2.4, 1.7, 1.1, 0.7, 0.4], 20) : [];
-  const psiValues = model ? metricSeries(model, [1.2, 0.9, 0.6, 0.5, 0.4, 0.3], 20) : [];
+  const rankingRates: number[] = [];
+  const liftValues: number[] = [];
+  const psiValues: number[] = [];
   const scoreFile = model ? scoreFiles[model.modelId] : undefined;
 
   const update = <K extends keyof Filters>(key: K, value: Filters[K]) => {
@@ -96,18 +90,13 @@ export default function DeployedModelsPage() {
   };
 
   const downloadScoreFile = () => {
-    if (!model) return;
-    void exportRowsToExcel({
-      fileName: scoreFile?.name.replace(/\.xlsx?$/i, "") ?? `${model.bank}_${model.modelId}_${model.version}_评分逻辑`,
-      sheetName: "评分逻辑",
-      headers: ["入模特征", "划分区间", "对应评分"],
-      rows: [["age", "[18,25)", 12], ["age", "[25,35)", 26], ["income", "[0,5000)", 8], ["income", "[5000,+)", 31], ["query_3m", "[0,2]", 22], ["query_3m", "[3,+)", 6]],
-    });
+    if (!model || !scoreFile) return;
+    toast.info("评分逻辑文件下载接口尚未接入");
   };
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader
           title="已上线模型详情"
           description="查看已上线模型的生命周期、开发时点指标、评分逻辑和开发材料链接。"
@@ -136,7 +125,7 @@ export default function DeployedModelsPage() {
           </CardContent>
         </Card>
 
-        {model && lifecycle ? (
+        {model ? (
           <>
             <Card>
               <CardHeader className="border-b border-border">
@@ -148,12 +137,12 @@ export default function DeployedModelsPage() {
                 {[
                   ["银行 × 模型ID", `${model.bank} × ${model.modelId}`],
                   ["版本", model.version],
-                  ["开发人员", lifecycle.developer],
-                  ["上线日期", lifecycle.onlineAt ?? "—"],
+                  ["开发人员", "—"],
+                  ["上线日期", "—"],
                   ["最近迭代", model.iteratedAt],
-                  ["陪跑开始", lifecycle.escortStartAt ?? "—"],
-                  ["陪跑结束", lifecycle.escortEndAt ?? "—"],
-                  ["下线日期", lifecycle.offlineAt ?? "—"],
+                  ["陪跑开始", "—"],
+                  ["陪跑结束", "—"],
+                  ["下线日期", "—"],
                   ["状态", model.status],
                 ].map(([label, value]) => (
                   <div className="min-w-0 rounded-xl bg-muted/50 p-3" key={label}><span className="block whitespace-nowrap text-2xs text-muted-foreground">{label}</span><strong className="mt-1 block truncate text-sm font-semibold tabular-nums text-foreground" title={value}>{value}</strong></div>
@@ -167,11 +156,11 @@ export default function DeployedModelsPage() {
                 <CardContent><BarList values={rankingRates} labels={scoreLabels} tone="warning" /><p className="mt-4 rounded-xl bg-success-soft p-3 text-xs text-success-strong">开发时点排序性相符：评分越高，坏客户占比越低。</p></CardContent>
               </Card>
               <Card size="sm">
-                <CardHeader><CardTitle>开发时点 · KS 与 LIFT</CardTitle><CardDescription>KS {lifecycle.developmentKs.toFixed(1)}% · 最高 LIFT {lifecycle.maxLift.toFixed(2)}</CardDescription></CardHeader>
+                <CardHeader><CardTitle>开发时点 · KS 与 LIFT</CardTitle><CardDescription>暂无开发时点指标</CardDescription></CardHeader>
                 <CardContent><BarList values={liftValues} labels={scoreLabels} suffix="" tone="brand" /></CardContent>
               </Card>
               <Card size="sm">
-                <CardHeader><CardTitle>开发时点 · PSI</CardTitle><CardDescription>建模样本与 OOT 样本对比 · PSI {lifecycle.developmentPsi.toFixed(2)}%</CardDescription></CardHeader>
+                <CardHeader><CardTitle>开发时点 · PSI</CardTitle><CardDescription>暂无开发时点指标</CardDescription></CardHeader>
                 <CardContent><BarList values={psiValues} labels={scoreLabels} tone="success" /><p className="mt-4 text-xs text-muted-foreground">上线后的滚动 PSI 请进入模型监控详情查看。</p></CardContent>
               </Card>
             </div>
@@ -182,7 +171,7 @@ export default function DeployedModelsPage() {
                 <CardContent className="space-y-4">
                   <div className="flex items-center gap-3 rounded-xl border border-border p-4">
                     <span className="grid size-10 place-items-center rounded-xl bg-success-soft text-success-strong"><FileSpreadsheet className="size-5" /></span>
-                    <span className="min-w-0 flex-1"><b className="block truncate text-sm text-foreground">{scoreFile?.name ?? `${model.bank}_${model.modelId}_${model.version}_评分逻辑.xlsx`}</b><small className="text-xs text-muted-foreground">{scoreFile ? `本地待上传 · ${(scoreFile.size / 1024).toFixed(1)} KB · ${scoreFile.updatedAt}` : `模型团队 ${lifecycle.developer} · ${lifecycle.onlineAt ?? model.iteratedAt}`}</small></span>
+                    <span className="min-w-0 flex-1"><b className="block truncate text-sm text-foreground">{scoreFile?.name ?? "暂无评分逻辑文件"}</b><small className="text-xs text-muted-foreground">{scoreFile ? `本地待上传 · ${(scoreFile.size / 1024).toFixed(1)} KB · ${scoreFile.updatedAt}` : "未关联评分逻辑文件"}</small></span>
                     <Button variant="outline" size="sm" onClick={downloadScoreFile}><Download />下载</Button>
                   </div>
                   <input ref={scoreInputRef} className="hidden" type="file" accept=".xlsx,.xls" onChange={(event) => { uploadScoreFile(event.target.files?.[0]); event.target.value = ""; }} />
@@ -196,9 +185,7 @@ export default function DeployedModelsPage() {
                 <CardContent className="px-0">
                   <Table>
                     <TableHeader><TableRow><TableHead>材料</TableHead><TableHead>环节</TableHead><TableHead className="text-right">操作</TableHead></TableRow></TableHeader>
-                    <TableBody>{[
-                      ["模型设计方案", "方案设计"], ["开发结果材料", "开发迭代"], ["新老模型对比", "模型验证"], ["评审会议纪要", "评审决议"], ["一致性报告", "测试陪跑"],
-                    ].map(([name, stage]) => <TableRow key={name}><TableCell className="font-medium text-foreground"><span className="flex items-center gap-2"><FolderOpen className="size-4 text-primary" />{name}</span></TableCell><TableCell>{stage}</TableCell><TableCell className="text-right"><Button variant="link" size="sm" onClick={() => navigate(`/operations/knowledge?modelId=${encodeURIComponent(model.modelId)}&stage=${encodeURIComponent(stage)}`)}>前往查看</Button></TableCell></TableRow>)}</TableBody>
+                    <TableBody><TableRow><TableCell colSpan={3} className="h-28 text-center text-muted-foreground">暂无模型开发材料</TableCell></TableRow></TableBody>
                   </Table>
                 </CardContent>
               </Card>

frontend/app/features/operations/KnowledgeBasePage.tsx

@@ -48,7 +48,7 @@ export default function KnowledgeBasePage() {
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader
           title="文档知识库"
           description="汇总开发、迭代、评审、测试和部署各环节材料，按模型、名称和环节检索。"

frontend/app/features/operations/ModelOverviewPage.tsx

@@ -1,7 +1,6 @@
 import { useMemo, useRef, useState } from "react";
 import { ArrowRight, Download, TrendingDown, TrendingUp } from "lucide-react";
 import { useNavigate, useSearchParams } from "react-router";
-import { toast } from "sonner";
 
 import { Button } from "~/components/ui/button";
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "~/components/ui/card";
@@ -17,6 +16,7 @@ import {
   MONITOR_MONTHS,
   abnormalLevelOf,
   average,
+  averageIterationCycle,
   categoryName,
   categoryTrend,
   gradeOf,
@@ -28,8 +28,6 @@ import {
   type ModelRecord,
 } from "./modelData";
 
-const CATEGORY_AVERAGE_CYCLE: Record<ModelCategoryId, number> = { std: 9.3, bai: 12, big: 8, afd: 14 };
-
 type CategoryCardItem = {
   id: string;
   name: string;
@@ -37,11 +35,10 @@ type CategoryCardItem = {
   banks: number;
   versions: number;
   latestIteration: string;
-  averageCycle: number;
+  averageCycle: number | null;
   averageKs: number;
   averagePsi: number;
   gradeCounts: Record<ModelGrade, number>;
-  demo?: boolean;
 };
 
 function isCategoryId(value: string | null): value is ModelCategoryId {
@@ -105,9 +102,9 @@ export default function ModelOverviewPage() {
     const realCards = MODEL_CATEGORIES.map((item) => {
       const categoryModels = models.filter((model) => model.category === item.id && model.status !== "下线");
       const gradeCounts = categoryModels.reduce<Record<ModelGrade, number>>((result, model) => ({ ...result, [gradeOf(model)]: result[gradeOf(model)] + 1 }), { A: 0, B: 0, C: 0 });
-      return { ...item, models: categoryModels, banks: new Set(categoryModels.map((model) => model.bank)).size, versions: new Set(categoryModels.map((model) => model.version)).size, latestIteration: latestIterationDate(categoryModels), averageCycle: CATEGORY_AVERAGE_CYCLE[item.id], averageKs: average(categoryModels.map((model) => model.ks)), averagePsi: average(categoryModels.map((model) => model.psi)), gradeCounts };
+      return { ...item, models: categoryModels, banks: new Set(categoryModels.map((model) => model.bank)).size, versions: new Set(categoryModels.map((model) => model.version)).size, latestIteration: latestIterationDate(categoryModels), averageCycle: averageIterationCycle(categoryModels), averageKs: average(categoryModels.map((model) => model.ks)), averagePsi: average(categoryModels.map((model) => model.psi)), gradeCounts };
     });
-    return [...realCards, { id: "consumer-demo", name: "消费贷评分（示意）", models: [], banks: 5, versions: 4, latestIteration: "2026-07-18", averageCycle: 10.6, averageKs: 39.6, averagePsi: 14.2, gradeCounts: { A: 2, B: 2, C: 1 }, demo: true }];
+    return realCards;
   }, [models]);
 
   const selectCategory = (value: ModelCategoryId, scroll = false) => {
@@ -117,26 +114,25 @@ export default function ModelOverviewPage() {
   };
 
   const openGrade = (item: CategoryCardItem, grade: ModelGrade) => {
-    if (item.demo) return toast.info("该卡片仅用于展示第 5 个及以上模型大类的纵向滚动效果");
     setDrilldown({ category: item.id as ModelCategoryId, grade, models: item.models.filter((model) => gradeOf(model) === grade) });
   };
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader title="模型大类概览" description="按模型大类汇总全部银行；点击大类卡片可定位到对应指标趋势。" actions={<Button variant="outline" onClick={() => navigate("/operations/monitoring")}>查看监控明细 <ArrowRight /></Button>} />
 
         <CategoryCardRail>
           {categoryCards.map((item) => {
             const total = item.gradeCounts.A + item.gradeCounts.B + item.gradeCounts.C || 1;
-            const selected = !item.demo && item.id === category;
-            const activate = () => item.demo ? toast.info("扩展示意卡：正式接入第 5 个大类后沿用相同卡片结构") : selectCategory(item.id as ModelCategoryId, true);
+            const selected = item.id === category;
+            const activate = () => selectCategory(item.id as ModelCategoryId, true);
             return (
               <Card className={`cursor-pointer transition-all hover:-translate-y-0.5 hover:ring-1 hover:ring-primary/40 ${selected ? "ring-2 ring-primary" : ""}`} key={item.id} role="button" size="sm" tabIndex={0} onClick={activate} onKeyDown={(event) => { if (event.key === "Enter" || event.key === " ") activate(); }}>
-                <CardHeader><CardTitle className="flex items-center gap-2">{item.name}<span className="rounded-lg bg-muted px-2 py-1 text-2xs font-medium text-muted-foreground">{item.demo ? "扩展示意" : "全部银行"}</span></CardTitle></CardHeader>
+                <CardHeader><CardTitle className="flex items-center gap-2">{item.name}<span className="rounded-lg bg-muted px-2 py-1 text-2xs font-medium text-muted-foreground">全部银行</span></CardTitle></CardHeader>
                 <CardContent className="space-y-3">
-                  <dl className="grid grid-cols-3 gap-3">{[["银行数", item.banks], ["模型数", item.demo ? 5 : item.models.length], ["版本数", item.versions]].map(([label, value]) => <div key={label}><dt className="whitespace-nowrap text-2xs text-ink-caption">{label}</dt><dd className="mt-1 text-lg font-bold tabular-nums">{value}</dd></div>)}</dl>
-                  <dl className="grid grid-cols-2 gap-3"><div><dt className="text-2xs text-ink-caption">最近迭代日期</dt><dd className="mt-1 whitespace-nowrap text-sm font-bold tabular-nums">{item.latestIteration}</dd></div><div><dt className="whitespace-nowrap text-2xs text-ink-caption">平均迭代周期</dt><dd className="mt-1 whitespace-nowrap text-lg font-bold tabular-nums">{item.averageCycle.toFixed(1)}月</dd></div></dl>
+                  <dl className="grid grid-cols-3 gap-3">{[["银行数", item.banks], ["模型数", item.models.length], ["版本数", item.versions]].map(([label, value]) => <div key={label}><dt className="whitespace-nowrap text-2xs text-ink-caption">{label}</dt><dd className="mt-1 text-lg font-bold tabular-nums">{value}</dd></div>)}</dl>
+                  <dl className="grid grid-cols-2 gap-3"><div><dt className="text-2xs text-ink-caption">最近迭代日期</dt><dd className="mt-1 whitespace-nowrap text-sm font-bold tabular-nums">{item.latestIteration}</dd></div><div><dt className="whitespace-nowrap text-2xs text-ink-caption">平均迭代周期</dt><dd className="mt-1 whitespace-nowrap text-lg font-bold tabular-nums">{item.averageCycle === null ? "—" : `${item.averageCycle.toFixed(1)}月`}</dd></div></dl>
                   <dl className="grid grid-cols-2 gap-3"><div><dt className="text-2xs text-ink-caption">平均 KS</dt><dd className="mt-1 text-xl font-bold tabular-nums">{item.averageKs.toFixed(1)}%</dd></div><div><dt className="text-2xs text-ink-caption">平均 PSI</dt><dd className="mt-1 text-xl font-bold tabular-nums">{item.averagePsi.toFixed(1)}%</dd></div></dl>
                   <div className="flex h-2 overflow-hidden rounded-full bg-muted" aria-label="模型监控结果等级分布"><i className="bg-success" style={{ width: `${item.gradeCounts.A / total * 100}%` }} /><i className="bg-warning" style={{ width: `${item.gradeCounts.B / total * 100}%` }} /><i className="bg-danger" style={{ width: `${item.gradeCounts.C / total * 100}%` }} /></div>
                   <div className="flex flex-wrap gap-2" onClick={(event) => event.stopPropagation()}>{(["A", "B", "C"] as ModelGrade[]).map((grade) => <GradeBadge grade={grade} key={grade} suffix={`${item.gradeCounts[grade]} 个模型`} onClick={() => openGrade(item, grade)} />)}</div>

frontend/app/features/operations/MonitoringDetailPage.tsx

@@ -27,9 +27,8 @@ import {
   modelTrend,
   monthsBetween,
 } from "./modelData";
-import { REPORTS } from "./reportData";
 import { useOperationsData, useOperationsModelDetail } from "./OperationsDataContext";
-import { isOperationsActionVisibleForRole, useOperationsRole } from "./operationsRole";
+import { useCanOperationsAction } from "./operationsRole";
 
 function recentMonths(count: number): string[] {
   const end = 2026 * 12 + 6;
@@ -43,7 +42,6 @@ export default function MonitoringDetailPage() {
   const navigate = useNavigate();
   const params = useParams();
   const { models } = useOperationsData();
-  const operationsRole = useOperationsRole();
   const modelId = params.modelId ?? models[0]?.modelId ?? "";
   const detail = useOperationsModelDetail(modelId, "2026-07");
   const baseModel = detail.model ?? models.find((item) => item.modelId === modelId) ?? models[0];
@@ -57,6 +55,7 @@ export default function MonitoringDetailPage() {
   const [reviewDecision, setReviewDecision] = useState("暂不处理");
   const [reviewNote, setReviewNote] = useState("");
   const months = range === "custom" ? monthsBetween(fromMonth, toMonth) : recentMonths(Number(range));
+  const monitorMonth = detail.monitoringResult?.monitorMonth ?? "";
   const ksTrend = modelTrend(model, "ks", months);
   const psiTrend = modelTrend(model, "psi", months);
   const compareModel = models.find((item) => item.modelId === compareId && item.modelId !== model.modelId) ?? null;
@@ -64,12 +63,11 @@ export default function MonitoringDetailPage() {
   const comparePsiTrend = compareModel ? modelTrend(compareModel, "psi", months) : null;
   const grade = gradeOf(model);
   const abnormal = abnormalLevelOf(model);
-  const linkedReport = REPORTS.find((report) => report.modelId === model.modelId && report.monitorMonth === "2026-07") ?? null;
   const chosenFeature = FEATURE_METRICS.find((item) => item.key === selectedFeature) ?? null;
   const ivTop = useMemo(() => [...FEATURE_METRICS].sort((left, right) => right.ivDrop - left.ivDrop), []);
   const csiTop = useMemo(() => [...FEATURE_METRICS].sort((left, right) => right.csiRise - left.csiRise), []);
-  const canInitialReview = isOperationsActionVisibleForRole(operationsRole, "monitor:initial-review");
-  const canFinalReview = isOperationsActionVisibleForRole(operationsRole, "monitor:final-review");
+  const canInitialReview = useCanOperationsAction("monitor:initial-review");
+  const canFinalReview = useCanOperationsAction("monitor:final-review");
   const effectiveReviewStage = grade === "A" ? 2 : reviewStage;
   const canReview = grade !== "A" && ((reviewStage === 0 && canInitialReview) || (reviewStage === 1 && canFinalReview));
 
@@ -97,7 +95,7 @@ export default function MonitoringDetailPage() {
   }, [modelId]);
 
   if (detail.loading) {
-    return <section className="h-full overflow-auto bg-bg p-6"><div className="mx-auto max-w-screen-2xl space-y-6"><Skeleton className="h-20 w-full rounded-4xl" /><Skeleton className="h-96 w-full rounded-4xl" /><div className="grid grid-cols-2 gap-6"><Skeleton className="h-72 rounded-4xl" /><Skeleton className="h-72 rounded-4xl" /></div></div></section>;
+    return <section className="h-full overflow-auto bg-bg p-6"><div className="w-full space-y-6"><Skeleton className="h-20 w-full rounded-4xl" /><Skeleton className="h-96 w-full rounded-4xl" /><div className="grid grid-cols-2 gap-6"><Skeleton className="h-72 rounded-4xl" /><Skeleton className="h-72 rounded-4xl" /></div></div></section>;
   }
 
   if (detail.error) {
@@ -106,7 +104,7 @@ export default function MonitoringDetailPage() {
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader
           title="模型监控详情"
           description={`${model.bank} · ${model.name} ${model.version} · ${model.modelId}`}
@@ -155,7 +153,7 @@ export default function MonitoringDetailPage() {
         <Card>
           <CardHeader className="border-b border-border">
             <CardTitle>① 监控结论</CardTitle>
-            <CardDescription>2026-07 监控周期 · 结果优先展示</CardDescription>
+            <CardDescription>{monitorMonth ? `${monitorMonth} 监控周期 · 结果优先展示` : "暂无监控结果"}</CardDescription>
             <CardAction className="flex items-center gap-2">
               <StatusBadge status={model.status} />
               <GradeBadge grade={grade} suffix="等级" />
@@ -213,8 +211,8 @@ export default function MonitoringDetailPage() {
                 <FileText className="mt-0.5 size-5 shrink-0 text-primary" />
                 <div className="flex-1">
                   <b className="text-sm text-foreground">关联报告</b>
-                  <p className="mt-1 text-sm text-muted-foreground">{grade === "A" ? "模型监控报告" : "模型诊断报告"} · 2026-07 · 输出日期 2026-08-15</p>
-                  <Button className="mt-2 px-0" variant="link" size="sm" onClick={() => navigate(linkedReport ? `/operations/reports?report=${linkedReport.reportId}` : "/operations/reports")}>打开报告 <ArrowRight /></Button>
+                  <p className="mt-1 text-sm text-muted-foreground">{monitorMonth ? `${grade === "A" ? "模型监控报告" : "模型诊断报告"} · ${monitorMonth}` : "暂无关联报告"}</p>
+                  <Button className="mt-2 px-0" variant="link" size="sm" onClick={() => navigate("/operations/reports")}>打开报告 <ArrowRight /></Button>
                 </div>
               </div>
             </div>
@@ -239,7 +237,7 @@ export default function MonitoringDetailPage() {
             </div>
 
             <Card size="sm">
-              <CardHeader><CardTitle>排序性趋势（当月）</CardTitle><CardDescription>2026-07 · 蓝色柱为客户数，橙色折线为坏客户占比</CardDescription></CardHeader>
+              <CardHeader><CardTitle>排序性趋势（当月）</CardTitle><CardDescription>{monitorMonth || "当期"} · 蓝色柱为客户数，橙色折线为坏客户占比</CardDescription></CardHeader>
               <CardContent><SortingComboChart {...SORTING_DISTRIBUTION} /></CardContent>
             </Card>
 
@@ -312,22 +310,9 @@ export default function MonitoringDetailPage() {
             <CardContent className="border-t border-border">
               <div className="mb-4 flex items-start gap-3 rounded-xl bg-brand-soft p-4 text-sm text-primary">
                 <Info className="mt-0.5 size-5 shrink-0" />
-                <div><b>{chosenFeature.name}（{chosenFeature.key}）分布变化</b><p className="mt-1 text-primary/80">对比基准期与 2026-07 当期各分箱占比，正式数据由共享指标库读取。</p></div>
-              </div>
-              <div className="grid grid-cols-5 gap-4">
-                {[38, 27, 18, 11, 6].map((reference, index) => {
-                  const current = Math.max(2, reference + [4, -3, 2, -1, -2][index]);
-                  return (
-                    <div className="rounded-xl border border-border p-4" key={reference}>
-                      <span className="text-xs text-muted-foreground">分箱 {index + 1}</span>
-                      <div className="mt-3 space-y-2">
-                        <div><span className="flex justify-between text-xs"><i>基准期</i><b>{reference}%</b></span><span className="mt-1 block h-2 overflow-hidden rounded-full bg-muted"><i className="block h-full bg-ink-subtle" style={{ width: `${reference * 2}%` }} /></span></div>
-                        <div><span className="flex justify-between text-xs"><i>当期</i><b>{current}%</b></span><span className="mt-1 block h-2 overflow-hidden rounded-full bg-muted"><i className="block h-full bg-primary" style={{ width: `${current * 2}%` }} /></span></div>
-                      </div>
-                    </div>
-                  );
-                })}
+                <div><b>{chosenFeature.name}（{chosenFeature.key}）分布变化</b><p className="mt-1 text-primary/80">对比基准期与当期各分箱占比，正式数据由后端接口读取。</p></div>
               </div>
+              <div className="rounded-xl border border-dashed border-border p-8 text-center text-sm text-muted-foreground">暂无特征分布数据</div>
             </CardContent>
           )}
         </Card>

frontend/app/features/operations/MonitoringOverviewPage.tsx

@@ -179,7 +179,7 @@ export default function MonitoringOverviewPage() {
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader title="模型监控概览" description="查看监控结果等级分布与按月展开的监控明细，默认展示最新月份的 B / C 等级模型。" actions={<Button variant="outline" onClick={() => void exportMonitoringExcel(sortedRows)}><Download />导出 Excel</Button>} />
 
         <div className="grid grid-cols-3 gap-4">

frontend/app/features/operations/OperationsDataContext.tsx

@@ -1,5 +1,5 @@
 import { createContext, type ReactNode, useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { Database, RefreshCw, TriangleAlert } from "lucide-react";
+import { RefreshCw, TriangleAlert } from "lucide-react";
 
 import { Button } from "~/components/ui/button";
 import { Card, CardContent } from "~/components/ui/card";
@@ -8,7 +8,10 @@ import { useAuth } from "~/context/AuthContext";
 import {
   getMonthlyMonitoringResult,
   getOperationsModel,
+  getOperationsWorkbench,
   listOperationsModels,
+  OperationsApiError,
+  type OperationsWorkbenchDto,
   operationsApiMode,
   type OperationsApiMode,
 } from "~/services/operationsApi";
@@ -16,6 +19,7 @@ import type { ModelRecord, MonitoringRow } from "./modelData";
 
 type OperationsDataContextValue = {
   models: ModelRecord[];
+  workbench: OperationsWorkbenchDto;
   loading: boolean;
   error: string | null;
   source: OperationsApiMode;
@@ -24,10 +28,20 @@ type OperationsDataContextValue = {
 
 const OperationsDataContext = createContext<OperationsDataContextValue | null>(null);
 
+const EMPTY_WORKBENCH: OperationsWorkbenchDto = {
+  role: "model_team",
+  alerts: [],
+  kpis: [],
+  todos: [],
+  watches: [],
+  activities: [],
+};
+
 export function OperationsDataProvider({ children }: { children: ReactNode }) {
   const { currentWorkspace } = useAuth();
   const workspaceId = currentWorkspace?.workspace_id;
   const [models, setModels] = useState<ModelRecord[]>([]);
+  const [workbench, setWorkbench] = useState<OperationsWorkbenchDto>(EMPTY_WORKBENCH);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
 
@@ -35,7 +49,13 @@ export function OperationsDataProvider({ children }: { children: ReactNode }) {
     setLoading(true);
     setError(null);
     try {
-      setModels(await listOperationsModels({ workspaceId, signal }));
+      const [modelsResult, workbenchResult] = await Promise.allSettled([
+        listOperationsModels({ workspaceId, signal }),
+        getOperationsWorkbench(workspaceId, signal),
+      ]);
+      if (modelsResult.status === "rejected") throw modelsResult.reason;
+      setModels(modelsResult.value);
+      setWorkbench(workbenchResult.status === "fulfilled" ? workbenchResult.value : EMPTY_WORKBENCH);
     } catch (cause) {
       if (cause instanceof DOMException && cause.name === "AbortError") return;
       setModels([]);
@@ -53,11 +73,12 @@ export function OperationsDataProvider({ children }: { children: ReactNode }) {
 
   const value = useMemo<OperationsDataContextValue>(() => ({
     models,
+    workbench,
     loading,
     error,
     source: operationsApiMode,
     reload: () => load(),
-  }), [error, load, loading, models]);
+  }), [error, load, loading, models, workbench]);
 
   return <OperationsDataContext.Provider value={value}>{children}</OperationsDataContext.Provider>;
 }
@@ -83,7 +104,12 @@ export function useOperationsModelDetail(modelId: string, month: string) {
     setError(null);
     void Promise.all([
       getOperationsModel(modelId, workspaceId, controller.signal),
-      getMonthlyMonitoringResult(modelId, month, workspaceId, controller.signal),
+      getMonthlyMonitoringResult(modelId, month, workspaceId, controller.signal).catch((cause) => {
+        if (cause instanceof OperationsApiError && cause.code === "MONITOR_RESULT_NOT_FOUND") {
+          return null;
+        }
+        throw cause;
+      }),
     ]).then(([modelValue, resultValue]) => {
       setModel(modelValue);
       setMonitoringResult(resultValue);
@@ -106,11 +132,11 @@ export function useOperationsModelDetail(modelId: string, month: string) {
 }
 
 export function OperationsDataBoundary({ children }: { children: ReactNode }) {
-  const { loading, error, models, reload, source } = useOperationsData();
+  const { loading, error, reload } = useOperationsData();
   if (loading) {
     return (
       <section className="h-full overflow-auto bg-bg p-6" aria-busy="true" aria-label="正在加载运维数据">
-        <div className="mx-auto max-w-screen-2xl space-y-6">
+        <div className="w-full space-y-6">
           <div className="space-y-3"><Skeleton className="h-3 w-48" /><Skeleton className="h-8 w-80" /><Skeleton className="h-4 w-[36rem]" /></div>
           <Skeleton className="h-40 w-full rounded-4xl" />
           <div className="grid grid-cols-4 gap-4">{Array.from({ length: 4 }, (_, index) => <Skeleton className="h-32 rounded-4xl" key={index} />)}</div>
@@ -128,7 +154,7 @@ export function OperationsDataBoundary({ children }: { children: ReactNode }) {
             <span className="grid size-12 place-items-center rounded-2xl bg-danger-soft text-danger"><TriangleAlert className="size-6" /></span>
             <h2 className="mt-4 text-xl font-bold text-foreground">运维数据加载失败</h2>
             <p className="mt-2 max-w-md text-sm leading-6 text-muted-foreground">{error}</p>
-            <p className="mt-1 text-xs text-muted-foreground">当前数据源：{source === "api" ? "真实接口" : "前端 Mock"}</p>
+            <p className="mt-1 text-xs text-muted-foreground">当前数据源：真实接口</p>
             <Button className="mt-5" onClick={() => void reload()}><RefreshCw />重新加载</Button>
           </CardContent>
         </Card>
@@ -136,13 +162,5 @@ export function OperationsDataBoundary({ children }: { children: ReactNode }) {
     );
   }
 
-  if (!models.length) {
-    return (
-      <section className="grid h-full place-items-center bg-bg p-6">
-        <Card className="w-full max-w-xl"><CardContent className="flex flex-col items-center py-12 text-center"><span className="grid size-12 place-items-center rounded-2xl bg-brand-soft text-primary"><Database className="size-6" /></span><h2 className="mt-4 text-xl font-bold text-foreground">暂无模型数据</h2><p className="mt-2 text-sm text-muted-foreground">请确认模型平台已同步模型信息，或调整接口环境配置。</p><Button className="mt-5" variant="outline" onClick={() => void reload()}><RefreshCw />重新加载</Button></CardContent></Card>
-      </section>
-    );
-  }
-
   return children;
 }

frontend/app/features/operations/OperationsUi.tsx

@@ -118,6 +118,7 @@ export function FilterSelect({
   onChange,
   allLabel = "全部",
   className,
+  disabled = false,
 }: {
   label: string;
   value: string;
@@ -125,6 +126,7 @@ export function FilterSelect({
   onChange: (value: string) => void;
   allLabel?: string;
   className?: string;
+  disabled?: boolean;
 }) {
   return (
     <label className={cn("flex min-w-0 flex-col gap-1.5", className)}>
@@ -132,6 +134,7 @@ export function FilterSelect({
       <span className="relative">
         <select
           data-slot="operations-filter-select"
+          disabled={disabled}
           className="h-9 w-full appearance-none rounded-3xl border border-transparent bg-input/50 px-3 pr-8 text-sm text-foreground outline-none transition-colors focus:border-ring"
           value={value}
           onChange={(event) => onChange(event.target.value)}
@@ -223,6 +226,9 @@ export function MetricLineChart({
   thresholds?: Threshold[];
   comparison?: { name: string; values: number[]; tone?: "success" | "warning" };
 }) {
+  if (!months.length || !values.length) {
+    return <div data-slot="metric-line-chart" className="grid min-h-48 place-items-center rounded-xl border border-dashed border-border text-sm text-muted-foreground">暂无指标趋势数据</div>;
+  }
   const width = 640;
   const height = 190;
   const left = 48;
@@ -321,6 +327,9 @@ export function SortingComboChart({
   counts: readonly number[];
   badRates: readonly number[];
 }) {
+  if (!bins.length || !counts.length || !badRates.length) {
+    return <div data-slot="sorting-combo-chart" className="grid min-h-64 place-items-center rounded-xl border border-dashed border-border text-sm text-muted-foreground">暂无排序性分布数据</div>;
+  }
   const width = 760;
   const height = 300;
   const left = 56;

frontend/app/features/operations/OperationsWorkbenchPage.tsx

@@ -1,224 +1,143 @@
-import { Activity, ArrowRight, Building2, FileChartColumn, Layers3, Radar } from "lucide-react";
 import { useNavigate } from "react-router";
 
 import { Button } from "~/components/ui/button";
-import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "~/components/ui/card";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/components/ui/table";
-import { GradeBadge, OperationsPageHeader } from "./OperationsUi";
+import type { OperationsWorkbenchItem, OperationsWorkbenchKpi } from "~/services/operationsApi";
 import { useOperationsData } from "./OperationsDataContext";
-import { MODEL_CATEGORIES, categoryName, gradeOf, type ModelGrade } from "./modelData";
+
+const FALLBACK_KPIS: OperationsWorkbenchKpi[] = [
+  { key: "models", label: "在管模型", value: 0, detail: "0 家银行 · 0 个大类", target: "/operations/models", tone: "normal" },
+  { key: "grades", label: "B / C 等级", value: 0, detail: "C 0 · B 0", target: "/operations/monitoring?grade=B,C", tone: "normal" },
+  { key: "pending_reviews", label: "待处理结果", value: 0, detail: "到期未处理即默认暂不处理", target: "/operations/monitoring", tone: "normal" },
+  { key: "intervention", label: "需主动干预", value: 0, detail: "KS < 30% 或 PSI > 50%", target: "/operations/monitoring", tone: "normal" },
+  { key: "model_reports", label: "待我阅读报告", value: 0, detail: "超过 5 个工作日进入催办", target: "/operations/reports", tone: "normal" },
+  { key: "stalled_workflows", label: "流程停滞", value: 0, detail: "超过节点期限未更新", target: "/operations/workflows", tone: "normal" },
+];
+
+const kpiToneClasses = {
+  normal: "border-border bg-card",
+  primary: "border-primary/25 bg-card",
+  warning: "border-warning/35 bg-[#fffaf5]",
+  danger: "border-danger/35 bg-[#fff7f6]",
+} as const;
+
+const itemToneClasses = {
+  normal: "bg-border",
+  primary: "bg-primary",
+  warning: "bg-warning",
+  danger: "bg-danger",
+} as const;
+
+function WorkbenchItem({ item, onNavigate }: { item: OperationsWorkbenchItem; onNavigate: (target: string) => void }) {
+  return (
+    <div className="flex items-start gap-3 border-b border-dashed border-border-2 px-4 py-3 last:border-b-0">
+      <span className={`mt-1.5 h-8 w-1 shrink-0 rounded-full ${itemToneClasses[item.tone]}`} />
+      <div className="min-w-0 flex-1">
+        <div className="text-sm font-medium text-foreground">{item.title}</div>
+        <div className="mt-0.5 text-xs leading-5 text-muted-foreground">{item.detail}</div>
+      </div>
+      <Button
+        className="shrink-0"
+        variant={item.tone === "danger" ? "default" : "outline"}
+        size="sm"
+        onClick={() => onNavigate(item.target)}
+      >
+        {item.action_label}
+      </Button>
+    </div>
+  );
+}
+
+function EmptyList({ text }: { text: string }) {
+  return <div className="flex min-h-[72px] items-center justify-center px-4 py-6 text-center text-xs text-muted-foreground">{text}</div>;
+}
 
 export default function OperationsWorkbenchPage() {
   const navigate = useNavigate();
-  const { models, source } = useOperationsData();
-  const liveModels = models.filter((model) => model.status !== "下线");
-  const bankCount = new Set(liveModels.map((model) => model.bank)).size;
-  const gradeCounts = liveModels.reduce<Record<ModelGrade, number>>(
-    (counts, model) => ({ ...counts, [gradeOf(model)]: counts[gradeOf(model)] + 1 }),
-    { A: 0, B: 0, C: 0 },
-  );
-  const pending = liveModels
-    .filter((model) => gradeOf(model) !== "A")
-    .sort((left, right) => gradeOf(right).localeCompare(gradeOf(left)) || left.ks - right.ks)
-    .slice(0, 5);
-  const watchItems = [
-    { title: "华东银行 · 标准A卡重构", detail: "当前阶段：方案设计 · 预计 2026-09-18 完成", path: "/operations/workflows" },
-    { title: "滨海银行 · 大额A卡陪跑上线", detail: "当前阶段：模型上线 · 预计 2026-09-25 完成", path: "/operations/workflows" },
-    { title: "南岭银行 · 白户A卡模型微调", detail: "当前阶段：开发评审 · 预计 2026-10-08 完成", path: "/operations/workflows" },
-  ];
-
-  const metricCards = [
-    { label: "在管模型", value: liveModels.length, detail: "覆盖 4 个模型大类", Icon: Layers3 },
-    { label: "接入银行", value: bankCount, detail: "本月均已完成监控", Icon: Building2 },
-    { label: "B / C 等级", value: gradeCounts.B + gradeCounts.C, detail: `${gradeCounts.C} 个需重点处理`, Icon: Radar },
-    { label: "最新报告", value: 6, detail: "2026-07 监控周期", Icon: FileChartColumn },
-  ];
+  const { workbench } = useOperationsData();
+  const kpis = workbench.kpis.length === 6 ? workbench.kpis : FALLBACK_KPIS;
+  const todos = workbench.todos;
+  const watches = workbench.watches;
+  const activities = workbench.activities;
+  const serviceOnline = workbench.kpis.length === 6;
 
   return (
-    <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
-        <OperationsPageHeader
-          title="我的工作台"
-          description="独立展示模型上线后的运行状态、监控结果和待处理事项；模型开发侧功能保持不变。"
-          actions={(
-            <Button onClick={() => navigate("/operations/monitoring")}>
-              <Activity />查看监控明细
-            </Button>
-          )}
-        />
+    <section className="h-full overflow-auto bg-bg px-6 py-5">
+      <div className="flex w-full flex-col gap-4 pb-8">
+        <section className="dashboard-hero-shell flex flex-col items-start justify-between gap-6 rounded-xl px-[34px] py-[30px] text-white shadow-lg sm:flex-row sm:items-center">
+          <div>
+            <span className="text-2xs tracking-[0.12em] opacity-80">MODEL OPERATIONS PLATFORM</span>
+            <h2 className="my-2 mb-[5px] text-2xl font-medium">运维工作台</h2>
+            <p className="m-0 text-xs opacity-90">一屏内可见 KPI、我的待办、我的关注与最近动态</p>
+          </div>
+          <span className="rounded-[20px] bg-white/16 px-3 py-2 text-sm">
+            {serviceOnline ? "服务已连接" : "服务连接中"}
+          </span>
+        </section>
 
-        <Card className="bg-[linear-gradient(125deg,var(--sidebar-background),var(--color-brand))] text-white ring-0">
-          <CardHeader>
-            <CardTitle className="text-xl font-bold text-white">2026 年 7 月监控周期已完成</CardTitle>
-            <CardDescription className="max-w-3xl text-white/80">
-              共完成 {liveModels.length} 个模型的月度监控，当前 {gradeCounts.C} 个 C 等级模型需要优先处理，
-              模型团队初审后流转至业务团队终审。
-            </CardDescription>
-            <CardAction>
-              <span className="inline-flex rounded-full bg-white/15 px-3 py-1.5 text-xs font-medium text-white">
-                {source === "api" ? "真实接口" : "Mock 数据"} · 更新于 2026-08-15 06:12
-              </span>
-            </CardAction>
-          </CardHeader>
-          <CardContent className="flex gap-2">
-            <Button className="bg-white text-brand hover:bg-white/90" onClick={() => navigate("/operations/models")}>
-              模型大类概览 <ArrowRight />
-            </Button>
-            <Button className="border-white/30 bg-transparent text-white hover:bg-white/10" variant="outline" onClick={() => navigate("/operations/monitoring")}>
-              进入监控明细
-            </Button>
-            <Button className="border-white/30 bg-transparent text-white hover:bg-white/10" variant="outline" onClick={() => navigate("/operations/banks")}>
-              细分银行概览
-            </Button>
-            <Button className="border-white/30 bg-transparent text-white hover:bg-white/10" variant="outline" onClick={() => navigate("/operations/report-summary")}>
-              历史报告汇总
-            </Button>
-          </CardContent>
-        </Card>
+        {workbench.alerts.length > 0 && (
+          <div className="flex flex-wrap items-center gap-2 rounded-lg border border-danger/25 bg-danger-soft px-4 py-3 text-sm text-danger">
+            <span className="size-2 shrink-0 rounded-full bg-danger" />
+            <span className="flex-1">{workbench.alerts.join(" ")}</span>
+            <Button variant="outline" size="sm" onClick={() => navigate("/operations/monitoring")}>查看监控概览</Button>
+          </div>
+        )}
 
-        <div className="grid grid-cols-4 gap-4">
-          {metricCards.map(({ label, value, detail, Icon }) => (
-            <Card key={label} size="sm">
-              <CardContent className="flex items-center gap-3">
-                <span className="grid size-10 shrink-0 place-items-center rounded-xl bg-brand-soft text-primary">
-                  <Icon className="size-5" />
-                </span>
-                <span className="min-w-0">
-                  <strong className="block text-xl font-bold tabular-nums text-foreground">{value}</strong>
-                  <span className="block text-sm font-medium text-foreground">{label}</span>
-                  <small className="block truncate text-xs text-muted-foreground">{detail}</small>
-                </span>
-              </CardContent>
-            </Card>
+        <div className="grid grid-cols-6 gap-3 max-[1180px]:grid-cols-3">
+          {kpis.map((kpi) => (
+              <button
+                className={`min-w-0 rounded-lg border p-4 text-left shadow-sm transition-colors hover:border-primary/45 ${kpiToneClasses[kpi.tone]}`}
+                key={kpi.key}
+                type="button"
+                onClick={() => navigate(kpi.target)}
+                title="点击查看明细"
+              >
+                <div className="flex items-center gap-1 text-xs text-muted-foreground">
+                  <span className="truncate">{kpi.label}</span>
+                </div>
+                <div className="mt-1 flex items-end gap-1">
+                  <strong className="text-2xl font-semibold tabular-nums text-foreground">{kpi.value}</strong>
+                  <span className="mb-0.5 text-lg leading-none text-muted-foreground">›</span>
+                </div>
+                <div className="mt-1 truncate text-xs text-muted-foreground">{kpi.detail}</div>
+              </button>
           ))}
         </div>
 
-        <div className="grid grid-cols-[minmax(0,0.8fr)_minmax(0,1.4fr)] gap-6">
-          <Card>
-            <CardHeader>
-              <CardTitle>监控结果概览</CardTitle>
-              <CardDescription>点击等级进入对应模型明细</CardDescription>
-            </CardHeader>
-            <CardContent className="space-y-4">
-              {(["A", "B", "C"] as ModelGrade[]).map((grade) => {
-                const total = liveModels.length || 1;
-                const count = gradeCounts[grade];
-                return (
-                  <button
-                    className="group flex w-full cursor-pointer items-center gap-3 rounded-xl border border-border bg-background p-3 text-left transition-colors hover:bg-muted/50"
-                    key={grade}
-                    type="button"
-                    onClick={() => navigate(`/operations/monitoring?grade=${grade}`)}
-                  >
-                    <GradeBadge grade={grade} />
-                    <span className="min-w-0 flex-1">
-                      <span className="flex items-center justify-between text-sm">
-                        <b>{grade === "A" ? "运行正常" : grade === "B" ? "需要关注" : "需要处理"}</b>
-                        <strong className="tabular-nums">{count} 个</strong>
-                      </span>
-                      <span className="mt-2 block h-2 overflow-hidden rounded-full bg-muted">
-                        <i className="block h-full rounded-full bg-primary transition-all" style={{ width: `${count / total * 100}%` }} />
-                      </span>
-                    </span>
-                    <ArrowRight className="size-4 text-muted-foreground transition-transform group-hover:translate-x-0.5" />
-                  </button>
-                );
-              })}
-            </CardContent>
-          </Card>
+        <div className="grid grid-cols-2 gap-4 max-[1180px]:grid-cols-1">
+          <div className="min-h-[144px] overflow-hidden rounded-lg border border-border bg-card shadow-sm">
+            <div className="flex items-center gap-3 border-b border-border-2 px-4 py-3">
+              <h2 className="text-sm font-semibold text-foreground">我的待办</h2>
+              <span className="text-xs text-muted-foreground">按催办状态 / 截止日期 / 监控结果等级排序</span>
+              <span className="ml-auto text-xs text-muted-foreground">共 {todos.length} 项</span>
+            </div>
+            {todos.length ? todos.map((item) => <WorkbenchItem item={item} key={item.id} onNavigate={navigate} />) : <EmptyList text="暂无待办" />}
+          </div>
 
-          <Card>
-            <CardHeader>
-              <CardTitle>我的待办</CardTitle>
-              <CardDescription>除“查看进度”外，需要当前角色处理的事项</CardDescription>
-              <CardAction>
-                <Button variant="ghost" size="sm" onClick={() => navigate("/operations/monitoring")}>查看全部</Button>
-              </CardAction>
-            </CardHeader>
-            <CardContent className="px-0">
-              <Table>
-                <TableHeader>
-                  <TableRow>
-                    <TableHead>银行 / 模型</TableHead>
-                    <TableHead>模型ID</TableHead>
-                    <TableHead>KS</TableHead>
-                    <TableHead>PSI</TableHead>
-                    <TableHead>等级</TableHead>
-                    <TableHead className="text-right">操作</TableHead>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  {pending.map((model) => (
-                    <TableRow key={model.modelId}>
-                      <TableCell>
-                        <strong className="block text-foreground">{model.bank}</strong>
-                        <small className="text-muted-foreground">{categoryName(model.category)} · {model.version}</small>
-                      </TableCell>
-                      <TableCell className="font-mono text-xs">{model.modelId}</TableCell>
-                      <TableCell className="tabular-nums">{model.ks.toFixed(2)}%</TableCell>
-                      <TableCell className="tabular-nums">{model.psi.toFixed(2)}%</TableCell>
-                      <TableCell><GradeBadge grade={gradeOf(model)} /></TableCell>
-                      <TableCell className="text-right">
-                        <Button variant="link" size="sm" onClick={() => navigate(`/operations/monitoring/${model.modelId}`)}>
-                          去处理
-                        </Button>
-                      </TableCell>
-                    </TableRow>
-                  ))}
-                </TableBody>
-              </Table>
-            </CardContent>
-          </Card>
+          <div className="min-h-[144px] overflow-hidden rounded-lg border border-border bg-card shadow-sm">
+            <div className="flex items-center gap-3 border-b border-border-2 px-4 py-3">
+              <h2 className="text-sm font-semibold text-foreground">我的关注</h2>
+              <span className="text-xs text-muted-foreground">只收纳“查看进度”类事项，不计入待办</span>
+              <span className="ml-auto text-xs text-muted-foreground">共 {watches.length} 项</span>
+            </div>
+            {watches.length ? watches.map((item) => <WorkbenchItem item={item} key={item.id} onNavigate={navigate} />) : <EmptyList text="暂无关注事项" />}
+          </div>
         </div>
 
-        <Card>
-          <CardHeader>
-            <CardTitle>我的关注</CardTitle>
-            <CardDescription>仅收录以“查看进度”为动作的流程事项</CardDescription>
-            <CardAction><Button variant="ghost" size="sm" onClick={() => navigate("/operations/workflows")}>查看全部</Button></CardAction>
-          </CardHeader>
-          <CardContent className="grid grid-cols-3 gap-4">
-            {watchItems.map((item) => (
-              <div className="flex min-w-0 items-start gap-3 rounded-xl border border-border bg-background p-4" key={item.title}>
-                <span className="mt-1 size-2 shrink-0 rounded-full bg-primary" />
-                <span className="min-w-0 flex-1"><b className="block truncate text-sm text-foreground">{item.title}</b><small className="mt-1 block text-xs leading-5 text-muted-foreground">{item.detail}</small></span>
-                <Button className="shrink-0" variant="outline" size="xs" onClick={() => navigate(item.path)}>查看进度</Button>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle>模型资产分布</CardTitle>
-            <CardDescription>按模型大类查看在管模型与版本情况</CardDescription>
-            <CardAction>
-              <Button variant="outline" size="sm" onClick={() => navigate("/operations/models")}>查看大类概览</Button>
-            </CardAction>
-          </CardHeader>
-          <CardContent className="grid grid-cols-4 gap-4">
-            {MODEL_CATEGORIES.map((category) => {
-              const models = liveModels.filter((model) => model.category === category.id);
-              return (
-                <button
-                  className="group rounded-xl border border-border bg-background p-4 text-left transition-colors hover:border-primary/40 hover:bg-brand-soft/50"
-                  key={category.id}
-                  type="button"
-                  onClick={() => navigate(`/operations/models?category=${category.id}`)}
-                >
-                  <span className="flex items-center justify-between">
-                    <b className="text-sm text-foreground">{category.name}</b>
-                    <ArrowRight className="size-4 text-muted-foreground transition-transform group-hover:translate-x-0.5" />
-                  </span>
-                  <strong className="mt-3 block text-xl font-bold tabular-nums text-foreground">{models.length}</strong>
-                  <small className="text-xs text-muted-foreground">
-                    {new Set(models.map((model) => model.bank)).size} 家银行 · {new Set(models.map((model) => model.version)).size} 个版本
-                  </small>
-                </button>
-              );
-            })}
-          </CardContent>
-        </Card>
+        <div className="min-h-[156px] overflow-hidden rounded-lg border border-border bg-card shadow-sm">
+          <div className="border-b border-border-2 px-4 py-3">
+            <h2 className="text-sm font-semibold text-foreground">最近动态</h2>
+          </div>
+          {activities.length ? (
+            <ul className="divide-y divide-dashed divide-border-2 px-4">
+              {activities.map((item, index) => (
+                <li className="flex gap-4 py-3 text-sm" key={`${item.occurred_at}-${index}`}>
+                  <time className="w-36 shrink-0 text-xs tabular-nums text-muted-foreground">{item.occurred_at.replace("T", " ").slice(0, 16)}</time>
+                  <span className="min-w-0 text-foreground"><b className="font-medium text-primary">{item.actor}</b> {item.text}</span>
+                </li>
+              ))}
+            </ul>
+          ) : <EmptyList text="暂无最近动态" />}
+        </div>
       </div>
     </section>
   );

frontend/app/features/operations/PromptManagementPage.tsx

@@ -1,16 +1,14 @@
 import { Fragment, useState } from "react";
-import { CheckCircle2, Edit3, RotateCcw, Save, Sparkles } from "lucide-react";
+import { CheckCircle2, Edit3, Save, Sparkles } from "lucide-react";
 import { toast } from "sonner";
 
 import { Button } from "~/components/ui/button";
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "~/components/ui/card";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/components/ui/table";
 import { Textarea } from "~/components/ui/textarea";
-import { usePersistentState } from "~/hooks/use-persistent-state";
 import { FilterSelect, OperationsPageHeader } from "./OperationsUi";
-import { PROMPTS, PROMPT_REGRESSION, PROMPT_VERSIONS } from "./governanceData";
-
-type PromptKey = keyof typeof PROMPTS;
+import { PROMPTS, PROMPT_REGRESSION, PROMPT_VERSIONS, type PromptKey } from "./governanceData";
+import { useCanOperationsAction } from "./operationsRole";
 
 function PromptPreview({ text }: { text: string }) {
   const parts = text.split(/(\{\{[^}]+\}\})/g);
@@ -18,30 +16,30 @@ function PromptPreview({ text }: { text: string }) {
 }
 
 export default function PromptManagementPage() {
+  const canEdit = useCanOperationsAction("prompts:manage");
+  const canRegression = useCanOperationsAction("prompts:regression");
   const [promptKey, setPromptKey] = useState<PromptKey>("BC");
-  const [texts, setTexts] = usePersistentState<Record<PromptKey, string>>("a-card-prompt-texts", { A: PROMPTS.A.text, BC: PROMPTS.BC.text });
+  const [texts, setTexts] = useState<Record<PromptKey, string>>({ A: "", BC: "" });
   const [editing, setEditing] = useState(false);
-  const [versions, setVersions] = usePersistentState("a-card-prompt-versions", PROMPT_VERSIONS);
+  const [versions] = useState(PROMPT_VERSIONS);
+  const prompt = PROMPTS[promptKey];
   const passed = PROMPT_REGRESSION.filter((item) => item.result === "通过").length;
 
   const savePrompt = () => {
-    const version = `P${Number(versions[0]?.version.slice(1) ?? 5) + 1}`;
-    setVersions((current) => [{ version, author: "模型团队 李伟", createdAt: "2026-08-31 11:05", current: true, note: "手动保存并提交回归（Mock）" }, ...current.map((item) => ({ ...item, current: false }))]);
-    setEditing(false);
-    toast.success(`已保存为 ${version} 并提交回归评审`);
+    toast.info("Prompt保存接口尚未接入");
   };
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
-        <OperationsPageHeader title="报告 Prompt 管理" description="查看和调整提示词全文，保留版本记录，并通过历史样本回归后生效。" actions={<Button onClick={savePrompt}><Save />保存并提交回归</Button>} />
+      <div className="flex w-full flex-col gap-6 pb-8">
+        <OperationsPageHeader title="报告 Prompt 管理" description="查看和调整提示词全文，保留版本记录，并通过历史样本回归后生效。" actions={canRegression ? <Button onClick={savePrompt}><Save />保存并提交回归</Button> : undefined} />
         <div className="rounded-xl bg-brand-soft p-4 text-sm leading-6 text-primary">提示词查看与调整属于需求沟通补充项，建议在下一版需求文档中同步固化。平台注入变量由程序取数，不交由大模型计算。</div>
 
         <div className="grid grid-cols-[minmax(0,1.5fr)_minmax(20rem,0.7fr)] gap-6">
           <Card>
-            <CardHeader className="border-b border-border"><CardTitle className="flex items-center gap-2"><Sparkles className="size-5 text-primary" />提示词全文</CardTitle><CardDescription>变量占位符必须保持双花括号格式</CardDescription><CardAction className="flex items-end gap-2"><FilterSelect className="w-72" label="报告模板" value={promptKey} allLabel="请选择" options={[{ label: PROMPTS.A.name, value: "A" }, { label: PROMPTS.BC.name, value: "BC" }]} onChange={(value) => { setPromptKey(value as PromptKey); setEditing(false); }} /><Button variant="outline" size="sm" onClick={() => setEditing((value) => !value)}><Edit3 />{editing ? "退出编辑" : "编辑"}</Button></CardAction></CardHeader>
+            <CardHeader className="border-b border-border"><CardTitle className="flex items-center gap-2"><Sparkles className="size-5 text-primary" />提示词全文</CardTitle><CardDescription>变量占位符必须保持双花括号格式</CardDescription><CardAction className="flex items-end gap-2"><FilterSelect className="w-72" label="报告模板" value={promptKey} allLabel="暂无模板" options={Object.entries(PROMPTS).map(([value, item]) => ({ label: item.name, value }))} onChange={(value) => { setPromptKey(value as PromptKey); setEditing(false); }} /><Button variant="outline" size="sm" disabled={!prompt || !canEdit} onClick={() => setEditing((value) => !value)}><Edit3 />{editing ? "退出编辑" : "编辑"}</Button></CardAction></CardHeader>
             <CardContent className="space-y-4">
-              {editing ? <Textarea className="min-h-[36rem] font-mono text-xs leading-6" value={texts[promptKey]} onChange={(event) => setTexts((current) => ({ ...current, [promptKey]: event.target.value }))} /> : <PromptPreview text={texts[promptKey]} />}
+              {prompt ? (editing ? <Textarea className="min-h-[36rem] font-mono text-xs leading-6" value={texts[promptKey]} onChange={(event) => setTexts((current) => ({ ...current, [promptKey]: event.target.value }))} /> : <PromptPreview text={texts[promptKey]} />) : <div className="grid min-h-[36rem] place-items-center rounded-xl border border-dashed border-border text-sm text-muted-foreground">暂无 Prompt 数据</div>}
               <p className="rounded-xl bg-muted/50 p-4 text-xs leading-5 text-muted-foreground">高亮内容为程序注入变量。等级字段仅用于选择模板，不进入报告正文；Prompt 禁止自行计算指标或臆测业务原因。</p>
             </CardContent>
           </Card>
@@ -49,7 +47,7 @@ export default function PromptManagementPage() {
           <div className="space-y-6">
             <Card>
               <CardHeader><CardTitle>版本留痕</CardTitle><CardDescription>当前生效与历史版本</CardDescription></CardHeader>
-              <CardContent className="space-y-3">{versions.map((version) => <div className="flex items-center gap-3 rounded-xl border border-border p-4" key={version.version}><b className="text-sm text-foreground">{version.version}</b><span className="min-w-0 flex-1"><small className="block truncate text-xs text-muted-foreground">{version.note}</small><small className="text-3xs text-muted-foreground">{version.author} · {version.createdAt}</small></span>{version.current ? <span className="rounded-full bg-success-soft px-2.5 py-1 text-xs text-success-strong">生效中</span> : <Button variant="outline" size="icon-xs" aria-label={`回滚至 ${version.version}`} onClick={() => { setVersions((current) => current.map((item) => ({ ...item, current: item.version === version.version }))); toast.success(`Prompt 已模拟回滚至 ${version.version}`); }}><RotateCcw /></Button>}</div>)}</CardContent>
+              <CardContent className="space-y-3">{versions.length ? versions.map((version) => <div className="flex items-center gap-3 rounded-xl border border-border p-4" key={version.version}><b className="text-sm text-foreground">{version.version}</b><span className="min-w-0 flex-1"><small className="block truncate text-xs text-muted-foreground">{version.note}</small><small className="text-3xs text-muted-foreground">{version.author} · {version.createdAt}</small></span>{version.current ? <span className="rounded-full bg-success-soft px-2.5 py-1 text-xs text-success-strong">生效中</span> : <span className="rounded-full bg-muted px-2.5 py-1 text-xs text-muted-foreground">历史</span>}</div>) : <div className="py-10 text-center text-sm text-muted-foreground">暂无 Prompt 版本数据</div>}</CardContent>
             </Card>
 
             <Card>

frontend/app/features/operations/ReportPage.tsx

@@ -9,7 +9,7 @@ import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~
 import { FilterSelect, MetricLineChart, OperationsPageHeader, SortingComboChart } from "./OperationsUi";
 import { FEATURE_METRICS, MONITOR_MONTHS, SORTING_DISTRIBUTION, modelTrend } from "./modelData";
 import { useOperationsData } from "./OperationsDataContext";
-import { isOperationsActionVisibleForRole, useOperationsRole } from "./operationsRole";
+import { useCanOperationsAction } from "./operationsRole";
 import { latestReports, type ReportStatus, type ReportType } from "./reportData";
 import { useReportStore } from "./reportStore";
 
@@ -29,28 +29,11 @@ function ReportTypeBadge({ type }: { type: ReportType }) {
   return <span className={type === "监控报告" ? "inline-flex rounded-full bg-success-soft px-2.5 py-1 text-xs font-medium text-success-strong" : "inline-flex rounded-full bg-warning-soft px-2.5 py-1 text-xs font-medium text-warning"}>{type}</span>;
 }
 
-function ScoreDistributionTable({ modelId }: { modelId: string }) {
-  const offset = [...modelId].reduce((sum, character) => sum + character.charCodeAt(0), 0) % 5;
-  const rows = [
-    { bin: "(0,580]", count: 310 + offset * 7 },
-    { bin: "[580,620)", count: 742 + offset * 11 },
-    { bin: "[620,660)", count: 2645 + offset * 19 },
-    { bin: "[660,700)", count: 4812 + offset * 23 },
-    { bin: "[700,+)", count: 3657 + offset * 17 },
-  ];
-  const total = rows.reduce((sum, row) => sum + row.count, 0);
-  let cumulative = 0;
+function ScoreDistributionTable() {
   return (
     <Table>
       <TableHeader><TableRow><TableHead>分数区间</TableHead><TableHead>总账户数</TableHead><TableHead>账户占比</TableHead><TableHead>账户累计占比</TableHead></TableRow></TableHeader>
-      <TableBody>
-        {rows.map((row) => {
-          const share = row.count / total;
-          cumulative += share;
-          return <TableRow key={row.bin}><TableCell className="font-mono text-xs">{row.bin}</TableCell><TableCell className="tabular-nums">{row.count.toLocaleString("zh-CN")}</TableCell><TableCell className="tabular-nums">{(share * 100).toFixed(2)}%</TableCell><TableCell className="tabular-nums">{(cumulative * 100).toFixed(2)}%</TableCell></TableRow>;
-        })}
-        <TableRow><TableCell className="font-semibold">合计</TableCell><TableCell className="font-semibold tabular-nums">{total.toLocaleString("zh-CN")}</TableCell><TableCell className="font-semibold">100.00%</TableCell><TableCell>—</TableCell></TableRow>
-      </TableBody>
+      <TableBody><TableRow><TableCell className="h-28 text-center text-muted-foreground" colSpan={4}>暂无评分分布数据</TableCell></TableRow></TableBody>
     </Table>
   );
 }
@@ -58,7 +41,6 @@ function ScoreDistributionTable({ modelId }: { modelId: string }) {
 export default function ReportPage() {
   const navigate = useNavigate();
   const { models } = useOperationsData();
-  const operationsRole = useOperationsRole();
   const [searchParams] = useSearchParams();
   const requestedId = searchParams.get("report");
   const allReports = useReportStore((state) => state.reports);
@@ -77,8 +59,9 @@ export default function ReportPage() {
   const isHistorical = Boolean(report && report.monitorMonth !== "2026-07");
   const ksTrend = model ? modelTrend(model, "ks") : [];
   const psiTrend = model ? modelTrend(model, "psi") : [];
-  const canEdit = !isHistorical && isOperationsActionVisibleForRole(operationsRole, "report:edit");
-  const canSend = !isHistorical && isOperationsActionVisibleForRole(operationsRole, "report:send");
+  const canEdit = !isHistorical && useCanOperationsAction("report:edit");
+  const canExport = useCanOperationsAction("report:export");
+  const canSend = !isHistorical && useCanOperationsAction("report:send");
 
   const updateFilter = <K extends keyof Filters>(key: K, value: Filters[K]) => {
     setFilters((current) => ({ ...current, [key]: value }));
@@ -97,11 +80,11 @@ export default function ReportPage() {
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader
           title={report ? `${report.type} · ${report.bank} ${report.modelName}` : "监控诊断报告"}
           description={report ? `${report.monitorMonth} 周期 · 自动生成于 ${report.generatedAt} · 报告输出日期 ${report.outputDate}` : "当前筛选条件下没有报告"}
-          actions={report && <><Button variant="outline" onClick={printReport}><Download />导出 PDF</Button>{canEdit && <Button variant="outline" onClick={() => { updateReport(report.reportId, { status: "编辑中", synced: true }); toast.success("草稿已保存，并同步至历史报告汇总（Mock）"); }}><Save />保存草稿</Button>}{canSend && report.status !== "已发送业务团队" && <Button onClick={() => { updateReport(report.reportId, { status: "已发送业务团队", unreadDays: 0, synced: true }); toast.success("已模拟发送至业务团队"); }}><Send />发送业务团队</Button>}</>}
+          actions={report && <>{canExport && <Button variant="outline" onClick={printReport}><Download />导出 PDF</Button>}{canEdit && <Button variant="outline" onClick={() => { updateReport(report.reportId, { status: "编辑中", synced: true }); toast.info("报告保存接口尚未接入"); }}><Save />保存草稿</Button>}{canSend && report.status !== "已发送业务团队" && <Button onClick={() => toast.info("报告发送接口尚未接入")}><Send />发送业务团队</Button>}</>}
         />
 
         <Card>
@@ -135,14 +118,14 @@ export default function ReportPage() {
                   <h3 className="text-xl font-bold text-foreground">二、{report.modelName}申请评分模型效果验证</h3>
                   <div className="grid grid-cols-4 gap-4">
                     {[
-                      ["验证样本", "12,186 户"], ["坏样本", "842 户"], ["KS", `${model.ks.toFixed(2)}%`], ["PSI", `${model.psi.toFixed(2)}%`],
+                      ["验证样本", "—"], ["坏样本", "—"], ["KS", `${model.ks.toFixed(2)}%`], ["PSI", `${model.psi.toFixed(2)}%`],
                     ].map(([label, value]) => <div className="rounded-xl bg-muted/50 p-4" key={label}><span className="text-xs text-muted-foreground">{label}</span><strong className="mt-2 block text-xl tabular-nums text-foreground">{value}</strong></div>)}
                   </div>
                 </section>
 
                 <section className="space-y-3">
                   <h4 className="text-base font-semibold text-foreground">（一）本期申请评分分布</h4>
-                  <ScoreDistributionTable modelId={model.modelId} />
+                  <ScoreDistributionTable />
                 </section>
 
                 <section className="space-y-3">
@@ -165,7 +148,7 @@ export default function ReportPage() {
                   </p>
                 </section>
 
-                <p className="rounded-xl border border-border p-4 text-xs leading-5 text-muted-foreground">报告中的指标由平台程序取数计算，大模型仅负责文字表述与归因；正文不展示监控结果等级。当前页面为前端 Mock，保存和发送刷新后会重置。</p>
+                <p className="rounded-xl border border-border p-4 text-xs leading-5 text-muted-foreground">报告中的指标由平台程序取数计算，大模型仅负责文字表述与归因；正文不展示监控结果等级。</p>
               </CardContent>
             </Card>
           </>

frontend/app/features/operations/ReportSummaryPage.tsx

@@ -112,7 +112,7 @@ export default function ReportSummaryPage() {
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader title="历史报告汇总" description="按银行、模型、版本、模型 ID 与月份任意组合多选，查看最新和历史报告。" actions={<Button onClick={() => void exportReports(rows)}><Download />导出 Excel</Button>} />
 
         <Card className="overflow-visible">

frontend/app/features/operations/RuleManagementPage.tsx

@@ -7,12 +7,11 @@ import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle }
 import { Input } from "~/components/ui/input";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/components/ui/table";
 import { exportRowsToExcel } from "~/lib/exportExcel";
-import { usePersistentState } from "~/hooks/use-persistent-state";
 import { AbnormalBadge, FilterSelect, GradeBadge, OperationsPageHeader } from "./OperationsUi";
 import { MODEL_CATEGORIES, type ModelCategoryId, type ModelGrade, type ModelRecord } from "./modelData";
 import { BASE_THRESHOLDS, MONITORING_RULES, RULE_VERSIONS, type MonitoringRule, type ThresholdConfig } from "./governanceData";
 import { useOperationsData } from "./OperationsDataContext";
-import { isOperationsActionVisibleForRole, useOperationsRole } from "./operationsRole";
+import { useCanOperationsAction } from "./operationsRole";
 
 type CategoryKey = "all" | ModelCategoryId;
 
@@ -42,13 +41,12 @@ function NumberField({ label, value, disabled, onChange }: { label: string; valu
 
 export default function RuleManagementPage() {
   const { models } = useOperationsData();
-  const operationsRole = useOperationsRole();
-  const canManage = isOperationsActionVisibleForRole(operationsRole, "rules:manage");
+  const canManage = useCanOperationsAction("rules:manage");
   const initialConfigs: Record<CategoryKey, ThresholdConfig | null> = { all: { ...BASE_THRESHOLDS }, std: null, bai: null, big: null, afd: null };
   const [category, setCategory] = useState<CategoryKey>("all");
-  const [configs, setConfigs] = usePersistentState("a-card-rule-configs", initialConfigs);
+  const [configs, setConfigs] = useState(initialConfigs);
   const [simulation, setSimulation] = useState<ThresholdConfig>({ ...BASE_THRESHOLDS });
-  const [versions, setVersions] = usePersistentState("a-card-rule-versions", RULE_VERSIONS);
+  const [versions] = useState(RULE_VERSIONS);
   const activeCut = configs[category] ?? configs.all ?? BASE_THRESHOLDS;
   const editable = canManage && (category === "all" || configs[category] !== null);
   const scope = models.filter((model) => model.status !== "下线" && (category === "all" || model.category === category));
@@ -86,13 +84,13 @@ export default function RuleManagementPage() {
 
   const publishVersion = () => {
     const version = `V${versions.length + 1}`;
-    setVersions((current) => [{ version, category: category === "all" ? "全部大类" : MODEL_CATEGORIES.find((item) => item.id === category)?.name ?? category, author: "管理员 王芳", createdAt: "2026-08-31 10:30", current: true, note: "手动发布（Mock）" }, ...current.map((item) => ({ ...item, current: false }))]);
-    toast.success(`已模拟发布规则 ${version}`);
+    void version;
+    toast.info("规则发布接口尚未接入");
   };
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader title="监控结果等级规则" description={canManage ? "维护规则矩阵、模型大类切点、版本留痕与阈值影响测算。" : "模型团队只读查看当前规则矩阵与版本记录。"} actions={canManage ? <Button onClick={publishVersion}><Save />发布新版本</Button> : undefined} />
 
         <Card>
@@ -113,7 +111,7 @@ export default function RuleManagementPage() {
         <div className="grid grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)] gap-6">
           <Card>
             <CardHeader><CardTitle>版本管理</CardTitle><CardDescription>发布、留痕与一键回滚</CardDescription></CardHeader>
-            <CardContent className="space-y-3">{versions.map((version) => <div className="flex items-center gap-3 rounded-xl border border-border p-4" key={version.version}><b className="text-sm text-foreground">{version.version}</b><span className="rounded-full bg-muted px-2.5 py-1 text-xs">{version.category}</span><span className="min-w-0 flex-1"><small className="block truncate text-xs text-muted-foreground">{version.note}</small><small className="text-3xs text-muted-foreground">{version.author} · {version.createdAt}</small></span>{version.current ? <span className="rounded-full bg-success-soft px-2.5 py-1 text-xs text-success-strong">当前生效</span> : canManage ? <Button variant="outline" size="xs" onClick={() => { setVersions((current) => current.map((item) => ({ ...item, current: item.version === version.version }))); toast.success(`已模拟回滚至 ${version.version}`); }}>一键回滚</Button> : <span className="rounded-full bg-muted px-2.5 py-1 text-xs text-muted-foreground">历史</span>}</div>)}</CardContent>
+              <CardContent className="space-y-3">{versions.length ? versions.map((version) => <div className="flex items-center gap-3 rounded-xl border border-border p-4" key={version.version}><b className="text-sm text-foreground">{version.version}</b><span className="rounded-full bg-muted px-2.5 py-1 text-xs">{version.category}</span><span className="min-w-0 flex-1"><small className="block truncate text-xs text-muted-foreground">{version.note}</small><small className="text-3xs text-muted-foreground">{version.author} · {version.createdAt}</small></span>{version.current ? <span className="rounded-full bg-success-soft px-2.5 py-1 text-xs text-success-strong">当前生效</span> : canManage ? <Button variant="outline" size="xs" onClick={() => toast.info("规则回滚接口尚未接入")}>一键回滚</Button> : <span className="rounded-full bg-muted px-2.5 py-1 text-xs text-muted-foreground">历史</span>}</div>) : <div className="py-10 text-center text-sm text-muted-foreground">暂无规则版本数据</div>}</CardContent>
           </Card>
 
           {canManage && <Card>

frontend/app/features/operations/SystemConfigPage.tsx

@@ -7,7 +7,6 @@ import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle }
 import { Input } from "~/components/ui/input";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/components/ui/table";
 import { exportRowsToExcel } from "~/lib/exportExcel";
-import { usePersistentState } from "~/hooks/use-persistent-state";
 import { FilterSelect, OperationsPageHeader } from "./OperationsUi";
 import { BANK_REPORT_CONFIG, TEMPLATE_VERSIONS } from "./governanceData";
 
@@ -19,48 +18,41 @@ function nextGeneration(frequency: string, day: number): string {
 }
 
 export default function SystemConfigPage() {
-  const [readDay, setReadDay] = usePersistentState("a-card-config-read-day", "15 日");
-  const [readPeriod, setReadPeriod] = usePersistentState("a-card-config-read-period", "上一周期（月）");
-  const [templates, setTemplates] = usePersistentState("a-card-template-versions", TEMPLATE_VERSIONS);
-  const [selectedBank, setSelectedBank] = useState("江城银行");
-  const [bankConfigs, setBankConfigs] = usePersistentState("a-card-bank-report-config", BANK_REPORT_CONFIG);
-  const currentBankConfig = bankConfigs[selectedBank] ?? { frequency: "月度", day: 15 };
-  const notificationRows = [
-    ["通知通道", "短信 + 平台通知"],
-    ["报告未阅读催办", "模型团队 5 个工作日 · 业务团队 5 个工作日"],
-    ["监控结果未处理催办", "1 个月未选择处理建议"],
-    ["开发评审环节停滞", "1 个月未更新记录"],
-    ["B/C 等级预警", "每月汇总，短信 + 平台通知"],
-  ];
+  const [readDay, setReadDay] = useState("");
+  const [readPeriod, setReadPeriod] = useState("");
+  const [templates] = useState(TEMPLATE_VERSIONS);
+  const [selectedBank, setSelectedBank] = useState("");
+  const [bankConfigs] = useState(BANK_REPORT_CONFIG);
+  const currentBankConfig = selectedBank ? bankConfigs[selectedBank] : undefined;
+  const notificationRows: string[][] = [];
 
   const publishTemplate = () => {
-    const version = `T${Number(templates[0]?.version.slice(1) ?? 4) + 1}`;
-    setTemplates((current) => [{ version, author: "管理员 王芳", createdAt: "2026-08-31 11:30", current: true, note: "手动发布（Mock）" }, ...current.map((item) => ({ ...item, current: false }))]);
-    toast.success(`报告模板 ${version} 已模拟发布`);
+    toast.info("报告模板接口尚未接入");
   };
 
   const updateBankConfig = (updates: Partial<{ frequency: string; day: number }>) => {
-    setBankConfigs((current) => ({ ...current, [selectedBank]: { ...currentBankConfig, ...updates } }));
+    void updates;
+    toast.info("报告周期配置接口尚未接入");
   };
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
-        <OperationsPageHeader title="运维系统配置" description="维护指标读取、报告模板、通知催办和银行报告周期。" actions={<Button onClick={() => toast.success("配置已保存至前端 Mock 状态")}><Save />保存配置</Button>} />
+      <div className="flex w-full flex-col gap-6 pb-8">
+        <OperationsPageHeader title="运维系统配置" description="维护指标读取、报告模板、通知催办和银行报告周期。" actions={<Button onClick={() => toast.info("系统配置接口尚未接入")}><Save />保存配置</Button>} />
 
         <div className="grid grid-cols-2 gap-6">
           <Card>
             <CardHeader><CardTitle className="flex items-center gap-2"><Database className="size-5 text-primary" />指标读取配置</CardTitle><CardDescription>从共享数据库读取模型平台计算结果</CardDescription></CardHeader>
             <CardContent className="space-y-4">
               <div className="grid grid-cols-2 gap-3"><FilterSelect label="读取日（每月）" value={readDay} allLabel="请选择" options={["1 日", "15 日", "20 日"]} onChange={setReadDay} /><FilterSelect label="读取周期" value={readPeriod} allLabel="请选择" options={["上一周期（月）", "上一周期（季）"]} onChange={setReadPeriod} /></div>
-              <Button className="w-full" variant="outline" onClick={() => toast.success("已模拟触发共享 DB 指标同步")}><RefreshCw />立即重新读取上一周期指标</Button>
+              <Button className="w-full" variant="outline" onClick={() => toast.info("指标同步接口尚未接入")}><RefreshCw />立即重新读取上一周期指标</Button>
               <p className="rounded-xl bg-muted/50 p-4 text-xs leading-5 text-muted-foreground">读取排序性、KS、PSI、IV、CSI。本平台不重算指标，只读取模型平台计算结果；共享表名和字段映射待接口设计阶段确定。</p>
             </CardContent>
           </Card>
 
           <Card>
             <CardHeader><CardTitle className="flex items-center gap-2"><History className="size-5 text-primary" />报告模板版本管理</CardTitle><CardDescription>监控报告与诊断报告共用版本体系</CardDescription><CardAction><Button size="sm" onClick={publishTemplate}>发布新版本</Button></CardAction></CardHeader>
-            <CardContent className="space-y-3">{templates.map((template) => <div className="flex items-center gap-3 rounded-xl border border-border p-4" key={template.version}><b className="text-sm text-foreground">{template.version}</b><span className="min-w-0 flex-1"><small className="block truncate text-xs text-muted-foreground">{template.note}</small><small className="text-3xs text-muted-foreground">{template.author} · {template.createdAt}</small></span>{template.current ? <span className="rounded-full bg-success-soft px-2.5 py-1 text-xs text-success-strong">当前生效</span> : <Button variant="outline" size="xs" onClick={() => { setTemplates((current) => current.map((item) => ({ ...item, current: item.version === template.version }))); toast.success(`报告模板已模拟回滚至 ${template.version}`); }}>一键回滚</Button>}</div>)}</CardContent>
+            <CardContent className="space-y-3">{templates.length ? templates.map((template) => <div className="flex items-center gap-3 rounded-xl border border-border p-4" key={template.version}><b className="text-sm text-foreground">{template.version}</b><span className="min-w-0 flex-1"><small className="block truncate text-xs text-muted-foreground">{template.note}</small><small className="text-3xs text-muted-foreground">{template.author} · {template.createdAt}</small></span>{template.current ? <span className="rounded-full bg-success-soft px-2.5 py-1 text-xs text-success-strong">当前生效</span> : <Button variant="outline" size="xs" onClick={() => toast.info("报告模板接口尚未接入")}>一键回滚</Button>}</div>) : <div className="py-10 text-center text-sm text-muted-foreground">暂无报告模板版本数据</div>}</CardContent>
           </Card>
         </div>
 
@@ -72,14 +64,14 @@ export default function SystemConfigPage() {
 
           <Card>
             <CardHeader><CardTitle className="flex items-center gap-2"><Users className="size-5 text-primary" />登录角色来源</CardTitle><CardDescription>角色及权限由统一权限模块维护</CardDescription></CardHeader>
-            <CardContent className="space-y-4"><div className="rounded-xl bg-brand-soft p-4 text-sm leading-6 text-primary">运维前端不提供角色或权限配置功能。登录成功后只读取统一认证返回的 <code className="rounded bg-white/70 px-1.5 py-0.5 font-mono text-xs">role_code</code>，用于适配业务团队、模型团队和管理员三种界面。</div><div className="grid grid-cols-3 gap-3">{[["业务团队", "business / business_team"], ["模型团队", "developer / model_team"], ["管理员", "admin"]].map(([label, code]) => <div className="rounded-xl border border-border p-4" key={label}><b className="block text-sm text-foreground">{label}</b><small className="mt-1 block font-mono text-xs text-muted-foreground">{code}</small></div>)}</div><p className="text-xs leading-5 text-muted-foreground">服务端授权和权限管理由独立模块负责；本页不保存、不修改任何权限数据。</p></CardContent>
+            <CardContent className="space-y-4"><div className="rounded-xl bg-brand-soft p-4 text-sm leading-6 text-primary">运维前端不单独维护角色或权限数据。登录成功后读取统一认证返回的 <code className="rounded bg-white/70 px-1.5 py-0.5 font-mono text-xs">role_code</code> 和 <code className="rounded bg-white/70 px-1.5 py-0.5 font-mono text-xs">permissions</code>，用于适配业务团队、模型团队和管理员三种界面及操作。</div><div className="grid grid-cols-3 gap-3">{[["业务团队", "business / business_team"], ["模型团队", "developer / model_team"], ["管理员", "admin"]].map(([label, code]) => <div className="rounded-xl border border-border p-4" key={label}><b className="block text-sm text-foreground">{label}</b><small className="mt-1 block font-mono text-xs text-muted-foreground">{code}</small></div>)}</div><p className="text-xs leading-5 text-muted-foreground">角色和权限由统一权限模块维护；本页仅用于运维配置，不保存、不修改角色权限数据。</p></CardContent>
           </Card>
         </div>
 
         <Card>
-          <CardHeader className="border-b border-border"><CardTitle>报告时间维度与输出日期</CardTitle><CardDescription>按银行单独配置，不强制统一为每月 15 日</CardDescription><CardAction className="flex items-end gap-2"><FilterSelect className="w-44" label="选择银行" value={selectedBank} allLabel="请选择" options={Object.keys(bankConfigs)} onChange={setSelectedBank} /><Button variant="outline" size="xs" onClick={() => void exportRowsToExcel({ fileName: "报告周期配置", sheetName: "报告周期", headers: ["银行", "报告时间维度", "输出日期", "下次生成"], rows: Object.entries(bankConfigs).map(([bank, config]) => [bank, config.frequency, `每月 ${config.day} 日`, nextGeneration(config.frequency, config.day)]) })}><Download />导出 Excel</Button></CardAction></CardHeader>
-          <CardContent className="grid grid-cols-3 gap-3"><FilterSelect label="报告时间维度" value={currentBankConfig.frequency} allLabel="请选择" options={["月度", "季度", "半年度", "年度"]} onChange={(frequency) => updateBankConfig({ frequency })} /><label className="flex flex-col gap-1.5"><span className="text-xs font-medium text-ink-caption">报告输出日期（每月第几日）</span><Input type="number" min="1" max="28" value={currentBankConfig.day} onChange={(event) => updateBankConfig({ day: Number(event.target.value) })} /></label><label className="flex flex-col gap-1.5"><span className="text-xs font-medium text-ink-caption">下次生成</span><Input disabled value={nextGeneration(currentBankConfig.frequency, currentBankConfig.day)} /></label></CardContent>
-          <CardContent className="px-0 pt-0"><Table><TableHeader><TableRow><TableHead>银行</TableHead><TableHead>报告时间维度</TableHead><TableHead>输出日期</TableHead><TableHead>下次生成</TableHead></TableRow></TableHeader><TableBody>{Object.entries(bankConfigs).map(([bank, config]) => <TableRow data-state={bank === selectedBank ? "selected" : undefined} key={bank}><TableCell className="font-medium text-foreground">{bank}</TableCell><TableCell>{config.frequency}</TableCell><TableCell>每月 {config.day} 日</TableCell><TableCell>{nextGeneration(config.frequency, config.day)}</TableCell></TableRow>)}</TableBody></Table></CardContent>
+          <CardHeader className="border-b border-border"><CardTitle>报告时间维度与输出日期</CardTitle><CardDescription>按银行单独配置，不强制统一为每月 15 日</CardDescription><CardAction className="flex items-end gap-2"><FilterSelect className="w-44" label="选择银行" value={selectedBank} allLabel="暂无银行数据" options={Object.keys(bankConfigs)} onChange={setSelectedBank} /><Button variant="outline" size="xs" onClick={() => void exportRowsToExcel({ fileName: "报告周期配置", sheetName: "报告周期", headers: ["银行", "报告时间维度", "输出日期", "下次生成"], rows: Object.entries(bankConfigs).map(([bank, config]) => [bank, config.frequency, `每月 ${config.day} 日`, nextGeneration(config.frequency, config.day)]) })}><Download />导出 Excel</Button></CardAction></CardHeader>
+          <CardContent className="grid grid-cols-3 gap-3"><FilterSelect label="报告时间维度" value={currentBankConfig?.frequency ?? ""} allLabel="暂无配置" options={["月度", "季度", "半年度", "年度"]} disabled={!currentBankConfig} onChange={(frequency) => updateBankConfig({ frequency })} /><label className="flex flex-col gap-1.5"><span className="text-xs font-medium text-ink-caption">报告输出日期（每月第几日）</span><Input disabled={!currentBankConfig} type="number" min="1" max="28" value={currentBankConfig?.day ?? ""} onChange={(event) => updateBankConfig({ day: Number(event.target.value) })} /></label><label className="flex flex-col gap-1.5"><span className="text-xs font-medium text-ink-caption">下次生成</span><Input disabled value={currentBankConfig ? nextGeneration(currentBankConfig.frequency, currentBankConfig.day) : "—"} /></label></CardContent>
+          <CardContent className="px-0 pt-0"><Table><TableHeader><TableRow><TableHead>银行</TableHead><TableHead>报告时间维度</TableHead><TableHead>输出日期</TableHead><TableHead>下次生成</TableHead></TableRow></TableHeader><TableBody>{Object.entries(bankConfigs).length ? Object.entries(bankConfigs).map(([bank, config]) => <TableRow data-state={bank === selectedBank ? "selected" : undefined} key={bank}><TableCell className="font-medium text-foreground">{bank}</TableCell><TableCell>{config.frequency}</TableCell><TableCell>每月 {config.day} 日</TableCell><TableCell>{nextGeneration(config.frequency, config.day)}</TableCell></TableRow>) : <TableRow><TableCell colSpan={4} className="h-28 text-center text-muted-foreground">暂无银行报告周期数据</TableCell></TableRow>}</TableBody></Table></CardContent>
         </Card>
 
         <Card>

frontend/app/features/operations/UsageStatsPage.tsx

@@ -26,15 +26,15 @@ export default function UsageStatsPage() {
   const model = USAGE_RECORDS.filter((record) => record.team === "模型团队");
   const sum = (records: UsageRecord[], key: "logins" | "requests" | "reportsRead" | "reportsDownloaded") => records.reduce((total, record) => total + record[key], 0);
   const metrics = [
-    { label: "业务团队登录", value: sum(business, "logins"), detail: `${business.length} 人 · 人均 ${(sum(business, "logins") / business.length).toFixed(1)} 次`, Icon: LogIn },
-    { label: "模型团队登录", value: sum(model, "logins"), detail: `${model.length} 人 · 人均 ${(sum(model, "logins") / model.length).toFixed(1)} 次`, Icon: LogIn },
+    { label: "业务团队登录", value: sum(business, "logins"), detail: business.length ? `${business.length} 人 · 人均 ${(sum(business, "logins") / business.length).toFixed(1)} 次` : "暂无数据", Icon: LogIn },
+    { label: "模型团队登录", value: sum(model, "logins"), detail: model.length ? `${model.length} 人 · 人均 ${(sum(model, "logins") / model.length).toFixed(1)} 次` : "暂无数据", Icon: LogIn },
     { label: "提交需求", value: sum(USAGE_RECORDS, "requests"), detail: "累计业务团队发起", Icon: Send },
     { label: "报告下载", value: sum(USAGE_RECORDS, "reportsDownloaded"), detail: "累计两方合计", Icon: FileDown },
   ];
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <OperationsPageHeader
           title="平台使用统计"
           description="查看业务团队与模型团队的平台使用情况，只做人员维度汇总，不展示操作内容明细。"
@@ -56,10 +56,10 @@ export default function UsageStatsPage() {
           <CardContent className="px-0 pt-0">
             <Table>
               <TableHeader><TableRow><TableHead>姓名</TableHead><TableHead>所属</TableHead><TableHead>登录次数</TableHead><TableHead>提交需求</TableHead><TableHead>阅读报告</TableHead><TableHead>下载报告</TableHead><TableHead>最近登录</TableHead><TableHead>活跃度</TableHead></TableRow></TableHeader>
-              <TableBody>{rows.map((record) => {
+              <TableBody>{rows.length ? rows.map((record) => {
                 const activity = record.logins >= 40 ? ["高", "bg-success-soft text-success-strong"] : record.logins >= 15 ? ["中", "bg-brand-soft text-primary"] : ["低", "bg-warning-soft text-warning"];
                 return <TableRow key={`${record.team}-${record.person}`}><TableCell className="font-medium text-foreground">{record.person}</TableCell><TableCell>{record.team}</TableCell><TableCell className="tabular-nums">{record.logins}</TableCell><TableCell className="tabular-nums">{record.requests}</TableCell><TableCell className="tabular-nums">{record.reportsRead}</TableCell><TableCell className="tabular-nums">{record.reportsDownloaded}</TableCell><TableCell className="font-mono text-xs">{record.lastLoginAt}</TableCell><TableCell><span className={`rounded-full px-2.5 py-1 text-xs font-medium ${activity[1]}`}>{activity[0]}</span></TableCell></TableRow>;
-              })}</TableBody>
+              }) : <TableRow><TableCell colSpan={8} className="h-32 text-center text-muted-foreground">暂无使用统计数据</TableCell></TableRow>}</TableBody>
             </Table>
           </CardContent>
         </Card>

frontend/app/features/operations/WorkflowPage.tsx

@@ -8,11 +8,10 @@ import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, D
 import { Input } from "~/components/ui/input";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/components/ui/table";
 import { exportRowsToExcel } from "~/lib/exportExcel";
-import { usePersistentState } from "~/hooks/use-persistent-state";
 import { FilterSelect, OperationsPageHeader } from "./OperationsUi";
 import { MODEL_CATEGORIES, categoryName, type ModelCategoryId } from "./modelData";
 import { WORKFLOWS, WORKFLOW_STAGES, type WorkflowFile, type WorkflowInstance } from "./workflowData";
-import { isOperationsActionVisibleForRole, useOperationsRole } from "./operationsRole";
+import { useCanOperationsAction, useOperationsRole } from "./operationsRole";
 
 type Filters = { bank: string; category: string; year: string; status: string; reuse: string };
 const EMPTY_FILTERS: Filters = { bank: "", category: "", year: "", status: "", reuse: "" };
@@ -27,18 +26,21 @@ function statusOf(workflow: WorkflowInstance): "进行中" | "已完结" {
 
 export default function WorkflowPage() {
   const operationsRole = useOperationsRole();
-  const canCreate = isOperationsActionVisibleForRole(operationsRole, "workflow:create");
-  const canAdvance = isOperationsActionVisibleForRole(operationsRole, "workflow:advance");
-  const canBusinessConfirm = isOperationsActionVisibleForRole(operationsRole, "workflow:business-confirm");
+  const canCreate = useCanOperationsAction("workflow:create");
+  const canFeedback = useCanOperationsAction("workflow:feedback");
+  const canSubmitMaterial = useCanOperationsAction("workflow:submit-material");
+  const canAdvance = useCanOperationsAction("workflow:advance");
+  const canOnline = useCanOperationsAction("workflow:online");
+  const canBusinessConfirm = useCanOperationsAction("workflow:business-confirm");
   const [filters, setFilters] = useState<Filters>(EMPTY_FILTERS);
   const [selectedId, setSelectedId] = useState(WORKFLOWS[0]?.workflowId ?? "");
   const [statisticsYear, setStatisticsYear] = useState("2026");
   const [openStages, setOpenStages] = useState<Set<number>>(new Set([WORKFLOWS[0]?.currentStage ?? 1]));
   const [newRequestOpen, setNewRequestOpen] = useState(false);
-  const [newBank, setNewBank] = useState("江城银行");
+  const [newBank, setNewBank] = useState("");
   const [newCategory, setNewCategory] = useState("std");
   const [newReuse, setNewReuse] = useState("独立开发");
-  const [localFiles, setLocalFiles] = usePersistentState<Record<string, WorkflowFile[]>>("a-card-workflow-local-files", {});
+  const [localFiles, setLocalFiles] = useState<Record<string, WorkflowFile[]>>({});
   const fileInputRef = useRef<HTMLInputElement | null>(null);
   const uploadTargetRef = useRef<{ workflowId: string; stage: number } | null>(null);
   const filtered = useMemo(() => WORKFLOWS.filter((workflow) => (
@@ -85,12 +87,12 @@ export default function WorkflowPage() {
       confirmed: target.stage === 3,
     };
     setLocalFiles((current) => ({ ...current, [key]: [...(current[key] ?? []), uploaded] }));
-    toast.success("材料已加入本地上传队列");
+    toast.info("材料已暂存当前页面，文件上传接口尚未接入");
   };
 
   return (
     <section className="h-full overflow-auto bg-bg p-6">
-      <div className="mx-auto flex max-w-screen-2xl flex-col gap-6 pb-8">
+      <div className="flex w-full flex-col gap-6 pb-8">
         <input ref={fileInputRef} className="hidden" type="file" accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx,.zip" onChange={(event) => { addWorkflowFile(event.target.files?.[0]); event.target.value = ""; }} />
         <OperationsPageHeader
           title="全流程进度"
@@ -146,7 +148,7 @@ export default function WorkflowPage() {
                 const current = workflow.currentStage === stage.stage;
                 const files = [...(workflow.files[stage.stage] ?? []), ...(localFiles[`${workflow.workflowId}:${stage.stage}`] ?? [])];
                 const open = openStages.has(stage.stage);
-                const canUpload = canAdvance || (canBusinessConfirm && stage.stage === 4);
+                const canUpload = canSubmitMaterial || (canBusinessConfirm && stage.stage === 4);
                 return (
                   <Card key={stage.stage} size="sm">
                     <button className="flex w-full cursor-pointer items-center gap-3 px-4 text-left" type="button" onClick={() => toggleStage(stage.stage)}>
@@ -155,7 +157,7 @@ export default function WorkflowPage() {
                       {current && <span className="rounded-full bg-brand-soft px-2.5 py-1 text-xs font-medium text-primary">进行中</span>}{done && <span className="rounded-full bg-success-soft px-2.5 py-1 text-xs font-medium text-success-strong">已完成</span>}{!done && !current && <span className="rounded-full bg-muted px-2.5 py-1 text-xs text-muted-foreground">未开始</span>}
                       <ChevronDown className={`size-4 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}`} />
                     </button>
-                    {open && <CardContent className="space-y-4 border-t border-border pt-4"><div className="grid grid-cols-2 gap-4"><div className="rounded-xl bg-muted/50 p-4"><b className="text-sm text-foreground">业务团队</b><p className="mt-1 text-xs leading-5 text-muted-foreground">{stage.businessDuty}</p></div><div className="rounded-xl bg-muted/50 p-4"><b className="text-sm text-foreground">模型团队</b><p className="mt-1 text-xs leading-5 text-muted-foreground">{stage.modelDuty}</p></div></div>{files.length ? <Table><TableHeader><TableRow><TableHead>材料名称</TableHead><TableHead>上传人</TableHead><TableHead>上传时间</TableHead><TableHead>确认状态</TableHead><TableHead className="text-right">操作</TableHead></TableRow></TableHeader><TableBody>{files.map((file) => <TableRow key={`${file.name}-${file.uploadedAt}`}><TableCell className="font-medium text-foreground">{file.name}</TableCell><TableCell>{file.uploadedBy}</TableCell><TableCell>{file.uploadedAt}</TableCell><TableCell>{stage.stage === 3 ? <span className="rounded-full bg-muted px-2.5 py-1 text-xs">无需业务确认</span> : file.confirmed ? <span className="rounded-full bg-success-soft px-2.5 py-1 text-xs text-success-strong">已确认</span> : canBusinessConfirm ? <Button variant="outline" size="xs" onClick={() => toast.success("已模拟确认材料")}>确认</Button> : <span className="rounded-full bg-warning-soft px-2.5 py-1 text-xs text-warning">待确认</span>}</TableCell><TableCell className="text-right"><Button variant="link" size="sm" onClick={() => toast.info("原始文件内容将在文件服务接入后下载")}>下载</Button></TableCell></TableRow>)}</TableBody></Table> : <div className="rounded-xl border border-dashed border-border p-6 text-center text-xs text-muted-foreground">本环节暂无材料</div>}{current && <div className="flex flex-wrap gap-2">{canUpload && <Button variant="outline" size="sm" onClick={() => chooseWorkflowFile(workflow.workflowId, stage.stage)}><FileUp />上传材料</Button>}<Button variant="outline" size="sm" onClick={() => toast.success("已模拟发送催办通知")}><Bell />发起催办</Button>{canAdvance && stage.stage < 7 && <Button size="sm" onClick={() => toast.success("已模拟推进到下一环节")}>推进下一环节 <ArrowRight /></Button>}</div>}</CardContent>}
+                    {open && <CardContent className="space-y-4 border-t border-border pt-4"><div className="grid grid-cols-2 gap-4"><div className="rounded-xl bg-muted/50 p-4"><b className="text-sm text-foreground">业务团队</b><p className="mt-1 text-xs leading-5 text-muted-foreground">{stage.businessDuty}</p></div><div className="rounded-xl bg-muted/50 p-4"><b className="text-sm text-foreground">模型团队</b><p className="mt-1 text-xs leading-5 text-muted-foreground">{stage.modelDuty}</p></div></div>{files.length ? <Table><TableHeader><TableRow><TableHead>材料名称</TableHead><TableHead>上传人</TableHead><TableHead>上传时间</TableHead><TableHead>确认状态</TableHead><TableHead className="text-right">操作</TableHead></TableRow></TableHeader><TableBody>{files.map((file) => <TableRow key={`${file.name}-${file.uploadedAt}`}><TableCell className="font-medium text-foreground">{file.name}</TableCell><TableCell>{file.uploadedBy}</TableCell><TableCell>{file.uploadedAt}</TableCell><TableCell>{stage.stage === 3 ? <span className="rounded-full bg-muted px-2.5 py-1 text-xs">无需业务确认</span> : file.confirmed ? <span className="rounded-full bg-success-soft px-2.5 py-1 text-xs text-success-strong">已确认</span> : canBusinessConfirm ? <Button variant="outline" size="xs" onClick={() => toast.info("材料确认接口尚未接入")}>确认</Button> : <span className="rounded-full bg-warning-soft px-2.5 py-1 text-xs text-warning">待确认</span>}</TableCell><TableCell className="text-right"><Button variant="link" size="sm" onClick={() => toast.info("原始文件内容将在文件服务接入后下载")}>下载</Button></TableCell></TableRow>)}</TableBody></Table> : <div className="rounded-xl border border-dashed border-border p-6 text-center text-xs text-muted-foreground">本环节暂无材料</div>}{current && <div className="flex flex-wrap gap-2">{canUpload && <Button variant="outline" size="sm" onClick={() => chooseWorkflowFile(workflow.workflowId, stage.stage)}><FileUp />上传材料</Button>}{canFeedback && stage.stage === 2 && <Button variant="outline" size="sm" onClick={() => toast.info("流程反馈接口尚未接入")}>填写反馈</Button>}{canBusinessConfirm && stage.stage === 5 && <Button variant="outline" size="sm" onClick={() => toast.info("流程确认接口尚未接入")}>确认评审材料</Button>}<Button variant="outline" size="sm" onClick={() => toast.info("催办通知接口尚未接入")}><Bell />发起催办</Button>{canAdvance && stage.stage < 7 && <Button size="sm" onClick={() => toast.info("流程推进接口尚未接入")}>推进下一环节 <ArrowRight /></Button>}{canOnline && stage.stage === 7 && <Button size="sm" onClick={() => toast.info("模型上线接口尚未接入")}>确认上线 <ArrowRight /></Button>}</div>}</CardContent>}
                   </Card>
                 );
               })}
@@ -168,7 +170,7 @@ export default function WorkflowPage() {
         <DialogContent>
           <DialogHeader><DialogTitle>发起模型需求</DialogTitle><DialogDescription>支持单银行需求，也可输入多个银行并选择复用通用模型。</DialogDescription></DialogHeader>
           <div className="space-y-4"><label className="flex flex-col gap-1.5"><span className="text-xs font-medium text-ink-caption">银行</span><Input value={newBank} onChange={(event) => setNewBank(event.target.value)} placeholder="多个银行使用顿号分隔" /></label><FilterSelect label="模型大类" value={newCategory} allLabel="请选择" options={MODEL_CATEGORIES.map((item) => ({ label: item.name, value: item.id }))} onChange={setNewCategory} /><FilterSelect label="模型来源" value={newReuse} allLabel="请选择" options={["独立开发", "复用通用模型"]} onChange={setNewReuse} /></div>
-          <DialogFooter><Button variant="outline" onClick={() => setNewRequestOpen(false)}>取消</Button><Button onClick={() => { if (!newBank.trim()) { toast.error("请输入银行"); return; } setNewRequestOpen(false); toast.success(`已模拟发起需求：${newBank} · ${categoryName(newCategory as ModelCategoryId)} · ${newReuse}`); }}>提交需求</Button></DialogFooter>
+          <DialogFooter><Button variant="outline" onClick={() => setNewRequestOpen(false)}>取消</Button><Button onClick={() => { if (!newBank.trim()) { toast.error("请输入银行"); return; } setNewRequestOpen(false); toast.info("需求提交接口尚未接入"); }}>提交需求</Button></DialogFooter>
         </DialogContent>
       </Dialog>
     </section>

frontend/app/features/operations/governanceData.ts

@@ -37,65 +37,17 @@ export const CATEGORY_THRESHOLDS: Record<ModelCategoryId, ThresholdConfig | null
   afd: null,
 };
 
-export const MONITORING_RULES: MonitoringRule[] = [
-  { id: 1, ranking: "不符", ksBand: "<40%", psiBand: ">10%", dropBand: "无条件", abnormal: "三级", grade: "C", reason: "排序性不符 + KS 偏低 + PSI 偏移", action: "诊断报告，评估模型微调或重构必要性" },
-  { id: 2, ranking: "相符", ksBand: "<40%", psiBand: ">25%", dropBand: "无条件", abnormal: "三级", grade: "C", reason: "KS 偏低 + PSI 明显偏移", action: "诊断报告，评估模型微调或重构必要性" },
-  { id: 3, ranking: "不符", ksBand: ">=40%", psiBand: ">25%", dropBand: "无条件", abnormal: "二级", grade: "B", reason: "排序性不符、PSI 高", action: "诊断报告；累计升级后评估微调或重构" },
-  { id: 4, ranking: "不符", ksBand: ">=40%", psiBand: "10%-25%", dropBand: ">20%", abnormal: "二级", grade: "B", reason: "排序性不符、PSI 中、KS 环比降幅高", action: "诊断报告；累计升级后评估微调或重构" },
-  { id: 5, ranking: "不符", ksBand: "<40%", psiBand: "<=10%", dropBand: "无条件", abnormal: "二级", grade: "B", reason: "排序性不符、KS 低", action: "诊断报告；累计升级后评估微调或重构" },
-  { id: 6, ranking: "相符", ksBand: "<40%", psiBand: "<=25%", dropBand: "无条件", abnormal: "二级", grade: "B", reason: "KS 低", action: "诊断报告；累计升级后评估微调或重构" },
-  { id: 7, ranking: "相符", ksBand: ">=40%", psiBand: ">25%", dropBand: ">20%", abnormal: "二级", grade: "B", reason: "PSI 高、KS 环比降幅高", action: "诊断报告；累计升级后评估微调或重构" },
-  { id: 8, ranking: "不符", ksBand: ">=40%", psiBand: "10%-25%", dropBand: "<=20%", abnormal: "一级", grade: "B", reason: "排序性不符 + PSI 轻度偏移", action: "诊断报告" },
-  { id: 9, ranking: "不符", ksBand: ">=40%", psiBand: "<=10%", dropBand: "无条件", abnormal: "一级", grade: "B", reason: "排序性不符", action: "诊断报告" },
-  { id: 10, ranking: "相符", ksBand: ">=40%", psiBand: ">25%", dropBand: "<=20%", abnormal: "一级", grade: "B", reason: "PSI 明显偏移", action: "诊断报告" },
-  { id: 11, ranking: "相符", ksBand: ">=40%", psiBand: "10%-25%", dropBand: "无条件", abnormal: "一级", grade: "B", reason: "PSI 轻度偏移", action: "诊断报告" },
-  { id: 12, ranking: "相符", ksBand: ">=40%", psiBand: "<=10%", dropBand: ">20%", abnormal: "一级", grade: "B", reason: "KS 环比下滑明显", action: "诊断报告" },
-  { id: 13, ranking: "相符", ksBand: ">=40%", psiBand: "<=10%", dropBand: "<=20%", abnormal: "正常", grade: "A", reason: "各项指标均在阈值内", action: "监控报告" },
-];
+export const MONITORING_RULES: MonitoringRule[] = [];
 
-export const RULE_VERSIONS = [
-  { version: "V3", category: "全部大类", author: "管理员 王芳", createdAt: "2026-07-02 10:24", current: true, note: "新增 KS 环比降幅维度" },
-  { version: "V2", category: "全部大类", author: "管理员 王芳", createdAt: "2026-03-15 14:08", current: false, note: "PSI 分档由两档改三档" },
-  { version: "V1", category: "全部大类", author: "管理员 王芳", createdAt: "2025-11-20 09:41", current: false, note: "初版" },
-];
+export const RULE_VERSIONS: Array<{ version: string; category: string; author: string; createdAt: string; current: boolean; note: string }> = [];
 
-export const PROMPTS = {
-  A: {
-    name: "监控报告模板（A 等级）",
-    text: `你是一名信贷风险模型分析师。请依据平台程序取数的指标，撰写月度模型监控报告。\n\n【硬性要求】\n1. 所有数值只使用给定值，禁止自行计算。\n2. 正文不得出现 A/B/C 等级、判级或评级字样。\n3. 仅撰写监控结论、排序性、KS、PSI 四节。\n4. 语气客观，不做超出数据的推断。\n\n【平台注入变量】\n银行：{{bank}}\n模型名称：{{model_name}}\n模型版本：{{model_ver}}\n模型ID：{{model_id}}\n报告周期：{{period}}\n排序性：{{rank_result}}\nKS：{{ks}}%\nKS 环比降幅：{{ks_drop}}%\nPSI（滚动基准期）：{{psi_roll}}%\n近 6 期趋势：{{trend_6m}}`,
-  },
-  BC: {
-    name: "诊断报告模板（B / C 等级）",
-    text: `你是一名信贷风险模型分析师。请依据平台程序取数的指标，撰写月度模型诊断报告。\n\n【硬性要求】\n1. 所有数值只使用给定值，禁止自行计算。\n2. 正文不得出现 A/B/C 等级、判级或评级字样。\n3. 结构包含监控结论、排序性、KS、PSI、IV、CSI、归因与建议。\n4. 归因只能基于命中规则与特征级指标，不得臆测业务原因。\n\n【平台注入变量】\n银行：{{bank}}\n模型名称：{{model_name}}\n模型版本：{{model_ver}}\n模型ID：{{model_id}}\n报告周期：{{period}}\n排序性：{{rank_result}}\nKS：{{ks}}%\nKS 环比降幅：{{ks_drop}}%\nPSI（滚动）：{{psi_roll}}%\n命中规则：{{hit_rule}}\n异常等级：{{ab_level}}\n近 6 个月二级次数：{{lv2_6m}}\n特征级 IV：{{iv_by_feature}}\n特征级 CSI：{{csi_by_feature}}\n各特征分布变化：{{dist_shift}}`,
-  },
-} as const;
+export type PromptKey = "A" | "BC";
+export const PROMPTS: Partial<Record<PromptKey, { name: string; text: string }>> = {};
 
-export const PROMPT_VERSIONS = [
-  { version: "P5", author: "模型团队 李伟", createdAt: "2026-08-02 15:20", current: true, note: "加入禁止自行计算硬约束" },
-  { version: "P4", author: "模型团队 李伟", createdAt: "2026-06-11 10:05", current: false, note: "正文禁止出现等级字样" },
-  { version: "P3", author: "模型团队 王芳", createdAt: "2026-04-08 16:48", current: false, note: "归因段落收敛，禁止臆测业务原因" },
-];
+export const PROMPT_VERSIONS: Array<{ version: string; author: string; createdAt: string; current: boolean; note: string }> = [];
 
-export const PROMPT_REGRESSION = [
-  { sample: "2026-06 江城银行 标准A卡", result: "通过", detail: "数值一致，无等级字样" },
-  { sample: "2026-06 通汇银行 标准A卡", result: "通过", detail: "数值一致，归因引用命中规则" },
-  { sample: "2026-05 华东银行 反欺诈评分", result: "通过", detail: "—" },
-  { sample: "2026-05 南岭银行 白户A卡", result: "待复核", detail: "CSI 表述偏笼统" },
-  { sample: "2026-04 云岭银行 标准A卡", result: "通过", detail: "—" },
-];
+export const PROMPT_REGRESSION: Array<{ sample: string; result: string; detail: string }> = [];
 
-export const TEMPLATE_VERSIONS = [
-  { version: "T4", author: "管理员 王芳", createdAt: "2026-08-01 16:30", current: true, note: "诊断报告增加 IV / CSI 段落" },
-  { version: "T3", author: "管理员 王芳", createdAt: "2026-05-18 11:12", current: false, note: "隐藏监控结果等级字样" },
-  { version: "T2", author: "管理员 王芳", createdAt: "2026-02-09 09:55", current: false, note: "调整排序性图表位置" },
-];
+export const TEMPLATE_VERSIONS: Array<{ version: string; author: string; createdAt: string; current: boolean; note: string }> = [];
 
-export const BANK_REPORT_CONFIG: Record<string, { frequency: string; day: number }> = {
-  江城银行: { frequency: "月度", day: 15 },
-  滨海银行: { frequency: "月度", day: 15 },
-  华东银行: { frequency: "月度", day: 18 },
-  南岭银行: { frequency: "季度", day: 15 },
-  云岭银行: { frequency: "月度", day: 20 },
-  通汇银行: { frequency: "半年度", day: 15 },
-  北岸银行: { frequency: "年度", day: 15 },
-};
+export const BANK_REPORT_CONFIG: Record<string, { frequency: string; day: number }> = {};

frontend/app/features/operations/modelData.ts

@@ -43,134 +43,25 @@ export const MONITOR_MONTHS = [
   "2026-07",
 ] as const;
 
-export const MODELS: ModelRecord[] = [
-  {
-    bank: "江城银行", category: "std", name: "标准A卡", modelId: "JC-STD-001", version: "v2.3",
-    status: "正常", iteratedAt: "2026-06-18", ranking: "不符", ks: 36.84, psi: 27.4,
-    ksDrop: 24.1, secondaryHits: 3, wuji: true, processedAt: "2026-06-18",
-    previousAdvice: "建议启动模型微调或重构评估", commonModel: "标准A卡通用版 v2.3",
-  },
-  {
-    bank: "滨海银行", category: "std", name: "标准A卡", modelId: "BH-STD-001", version: "v2.3",
-    status: "陪跑", iteratedAt: "2026-07-28", ranking: "相符", ks: 44.1, psi: 6.2,
-    ksDrop: 3.4, secondaryHits: 0, wuji: false, processedAt: "2026-06-03",
-    previousAdvice: "维持现状，继续监控", commonModel: "标准A卡通用版 v2.3",
-  },
-  {
-    bank: "华东银行", category: "std", name: "标准A卡", modelId: "HD-STD-001", version: "v2.2",
-    status: "正常", iteratedAt: "2026-03-20", ranking: "相符", ks: 43.5, psi: 8.8,
-    ksDrop: 6.1, secondaryHits: 0, wuji: false, processedAt: "2026-05-20",
-    previousAdvice: "维持现状，继续监控", commonModel: "标准A卡通用版 v2.3",
-  },
-  {
-    bank: "南岭银行", category: "std", name: "标准A卡", modelId: "NL-STD-001", version: "v1.6",
-    status: "正常", iteratedAt: "2025-08-22", ranking: "相符", ks: 41.12, psi: 13.6,
-    ksDrop: 22.5, secondaryHits: 1, wuji: false, processedAt: "2026-06-12",
-    previousAdvice: "建议重点关注 PSI 与 KS 环比变化", commonModel: "标准A卡通用版 v2.3",
-  },
-  {
-    bank: "云岭银行", category: "std", name: "标准A卡", modelId: "YL-STD-001", version: "v2.1",
-    status: "正常", iteratedAt: "2026-01-09", ranking: "相符", ks: 45.8, psi: 5.1,
-    ksDrop: 2.2, secondaryHits: 0, wuji: false, processedAt: "2026-04-28",
-    previousAdvice: "维持现状，继续监控", commonModel: "标准A卡通用版 v2.3",
-  },
-  {
-    bank: "通汇银行", category: "std", name: "标准A卡", modelId: "TH-STD-001", version: "v2.0",
-    status: "正常", iteratedAt: "2025-11-30", ranking: "不符", ks: 38.73, psi: 9.4,
-    ksDrop: 11.8, secondaryHits: 4, wuji: false, processedAt: "2026-05-16",
-    previousAdvice: "建议开展模型微调可行性评估", commonModel: "标准A卡通用版 v2.3",
-  },
-  {
-    bank: "北岸银行", category: "std", name: "标准A卡", modelId: "BA-STD-001", version: "v1.9",
-    status: "下线", iteratedAt: "2024-12-11", ranking: "—", ks: 0, psi: 0,
-    ksDrop: 0, secondaryHits: 0, wuji: false, processedAt: "2026-03-02",
-    previousAdvice: "模型已下线，不再参与月度监控", commonModel: null,
-  },
-  {
-    bank: "江城银行", category: "big", name: "大额A卡", modelId: "JC-BIG-001", version: "v1.4",
-    status: "正常", iteratedAt: "2026-07-03", ranking: "相符", ks: 46.3, psi: 4.8,
-    ksDrop: 1.5, secondaryHits: 0, wuji: false, processedAt: "2026-06-24",
-    previousAdvice: "维持现状，继续监控", commonModel: "大额A卡通用版 v1.4",
-  },
-  {
-    bank: "华东银行", category: "big", name: "大额A卡", modelId: "HD-BIG-001", version: "v1.3",
-    status: "正常", iteratedAt: "2026-04-16", ranking: "相符", ks: 44.9, psi: 7.3,
-    ksDrop: 4.9, secondaryHits: 0, wuji: false, processedAt: "2026-05-30",
-    previousAdvice: "维持现状，继续监控", commonModel: "大额A卡通用版 v1.4",
-  },
-  {
-    bank: "云岭银行", category: "big", name: "大额A卡", modelId: "YL-BIG-001", version: "v1.2",
-    status: "陪跑结束", iteratedAt: "2026-08-05", ranking: "相符", ks: 42.7, psi: 9.6,
-    ksDrop: 8.2, secondaryHits: 0, wuji: false, processedAt: null,
-    previousAdvice: "暂无历史处理建议", commonModel: "大额A卡通用版 v1.4",
-  },
-  {
-    bank: "滨海银行", category: "big", name: "大额A卡", modelId: "BH-BIG-001", version: "v1.1",
-    status: "正常", iteratedAt: "2025-09-25", ranking: "相符", ks: 39.4, psi: 11.2,
-    ksDrop: 9.7, secondaryHits: 2, wuji: false, processedAt: "2026-04-19",
-    previousAdvice: "建议持续跟踪，下期复核", commonModel: "大额A卡通用版 v1.4",
-  },
-  {
-    bank: "南岭银行", category: "bai", name: "白户A卡", modelId: "NL-BAI-001", version: "v1.5",
-    status: "正常", iteratedAt: "2026-05-22", ranking: "不符", ks: 34.2, psi: 18.7,
-    ksDrop: 15.3, secondaryHits: 2, wuji: true, processedAt: "2026-06-09",
-    previousAdvice: "建议启动模型微调或重构评估", commonModel: null,
-  },
-  {
-    bank: "通汇银行", category: "bai", name: "白户A卡", modelId: "TH-BAI-001", version: "v1.4",
-    status: "正常", iteratedAt: "2026-02-11", ranking: "相符", ks: 37.6, psi: 12.1,
-    ksDrop: 7.4, secondaryHits: 1, wuji: false, processedAt: "2026-05-11",
-    previousAdvice: "建议重点关注并持续跟踪", commonModel: "白户A卡通用版 v1.4",
-  },
-  {
-    bank: "江城银行", category: "bai", name: "白户A卡", modelId: "JC-BAI-001", version: "v1.3",
-    status: "正常", iteratedAt: "2025-12-05", ranking: "相符", ks: 40.8, psi: 9.9,
-    ksDrop: 5.6, secondaryHits: 0, wuji: false, processedAt: "2026-03-26",
-    previousAdvice: "维持现状，继续监控", commonModel: "白户A卡通用版 v1.4",
-  },
-  {
-    bank: "华东银行", category: "afd", name: "反欺诈评分", modelId: "HD-AFD-001", version: "v2.0",
-    status: "正常", iteratedAt: "2026-04-10", ranking: "不符", ks: 28.6, psi: 31.5,
-    ksDrop: 18.9, secondaryHits: 3, wuji: false, processedAt: "2026-06-21",
-    previousAdvice: "建议启动模型微调或重构评估", commonModel: null,
-  },
-  {
-    bank: "滨海银行", category: "afd", name: "反欺诈评分", modelId: "BH-AFD-001", version: "v1.8",
-    status: "正常", iteratedAt: "2025-10-30", ranking: "相符", ks: 36.4, psi: 8.1,
-    ksDrop: 4.2, secondaryHits: 3, wuji: true, processedAt: "2026-05-25",
-    previousAdvice: "建议重点关注并持续跟踪", commonModel: "反欺诈评分通用版 v1.8",
-  },
-  {
-    bank: "云岭银行", category: "afd", name: "反欺诈评分", modelId: "YL-AFD-001", version: "v1.7",
-    status: "正常", iteratedAt: "2025-08-19", ranking: "相符", ks: 38.2, psi: 14.6,
-    ksDrop: 12.7, secondaryHits: 2, wuji: false, processedAt: "2026-04-15",
-    previousAdvice: "建议持续跟踪，下期复核", commonModel: null,
-  },
-];
-
-export const FEATURE_METRICS = [
-  { key: "age", name: "申请人年龄", iv: 0.284, ivDrop: 6.8, csi: 0.041, csiRise: 0.8, ksContribution: -0.7, psiContribution: 1.2 },
-  { key: "income", name: "月均收入", iv: 0.251, ivDrop: 12.4, csi: 0.058, csiRise: 1.7, ksContribution: -1.2, psiContribution: 2.4 },
-  { key: "debt_ratio", name: "负债收入比", iv: 0.219, ivDrop: 18.6, csi: 0.076, csiRise: 2.9, ksContribution: -2.1, psiContribution: 4.1 },
-  { key: "credit_age", name: "信贷账龄", iv: 0.193, ivDrop: 21.3, csi: 0.083, csiRise: 3.5, ksContribution: -2.8, psiContribution: 5.2 },
-  { key: "query_3m", name: "近三月查询次数", iv: 0.171, ivDrop: 24.7, csi: 0.091, csiRise: 4.2, ksContribution: -3.4, psiContribution: 6.8 },
-] as const;
-
+// 业务数据全部来自后端。以下空集合仅保留页面类型和计算函数的接口，
+// 在真实接口补齐对应字段前不再提供本地样例数据。
+export const MODELS: ModelRecord[] = [];
+export const FEATURE_METRICS: Array<{
+  key: string;
+  name: string;
+  iv: number;
+  ivDrop: number;
+  csi: number;
+  csiRise: number;
+  ksContribution: number;
+  psiContribution: number;
+}> = [];
 export const SORTING_DISTRIBUTION = {
-  bins: ["(0,580]", "[580,600)", "[600,620)", "[620,640)", "[640,660)", "[660,680)", "[680,+)"],
-  counts: [307, 418, 730, 1100, 1545, 1895, 6104],
-  badRates: [10.42, 5.98, 5.48, 3.64, 2.85, 1.64, 0.31],
-} as const;
-
-export const BANK_AVERAGE_CYCLE: Record<string, number> = {
-  江城银行: 8.6,
-  滨海银行: 11.2,
-  华东银行: 9.8,
-  南岭银行: 12.4,
-  云岭银行: 10.1,
-  通汇银行: 13.6,
-  北岸银行: 16.0,
+  bins: [] as string[],
+  counts: [] as number[],
+  badRates: [] as number[],
 };
+export const BANK_AVERAGE_CYCLE: Record<string, number> = {};
 
 export type ModelLifecycle = {
   onlineAt: string | null;
@@ -183,25 +74,7 @@ export type ModelLifecycle = {
   maxLift: number;
 };
 
-export const MODEL_LIFECYCLE: Record<string, ModelLifecycle> = {
-  "JC-STD-001": { onlineAt: "2025-03-12", escortStartAt: "2025-01-20", escortEndAt: "2025-03-10", offlineAt: null, developer: "李伟", developmentKs: 46.0, developmentPsi: 3.92, maxLift: 3.24 },
-  "BH-STD-001": { onlineAt: null, escortStartAt: "2026-07-28", escortEndAt: null, offlineAt: null, developer: "王芳", developmentKs: 47.5, developmentPsi: 3.48, maxLift: 3.37 },
-  "HD-STD-001": { onlineAt: "2024-11-05", escortStartAt: "2024-09-18", escortEndAt: "2024-11-01", offlineAt: null, developer: "李伟", developmentKs: 46.9, developmentPsi: 3.71, maxLift: 3.18 },
-  "NL-STD-001": { onlineAt: "2025-08-22", escortStartAt: "2025-06-30", escortEndAt: "2025-08-18", offlineAt: null, developer: "王芳", developmentKs: 45.4, developmentPsi: 4.06, maxLift: 3.09 },
-  "YL-STD-001": { onlineAt: "2025-05-14", escortStartAt: "2025-03-22", escortEndAt: "2025-05-10", offlineAt: null, developer: "李伟", developmentKs: 48.2, developmentPsi: 3.26, maxLift: 3.42 },
-  "TH-STD-001": { onlineAt: "2024-06-18", escortStartAt: "2024-04-25", escortEndAt: "2024-06-14", offlineAt: null, developer: "王芳", developmentKs: 44.8, developmentPsi: 4.31, maxLift: 2.96 },
-  "BA-STD-001": { onlineAt: "2023-09-01", escortStartAt: null, escortEndAt: null, offlineAt: "2026-02-28", developer: "李伟", developmentKs: 42.7, developmentPsi: 4.62, maxLift: 2.81 },
-  "JC-BIG-001": { onlineAt: "2025-10-08", escortStartAt: "2025-08-15", escortEndAt: "2025-10-05", offlineAt: null, developer: "王芳", developmentKs: 49.1, developmentPsi: 3.05, maxLift: 3.55 },
-  "HD-BIG-001": { onlineAt: "2025-02-19", escortStartAt: "2024-12-20", escortEndAt: "2025-02-15", offlineAt: null, developer: "李伟", developmentKs: 47.8, developmentPsi: 3.37, maxLift: 3.31 },
-  "YL-BIG-001": { onlineAt: "2026-08-05", escortStartAt: "2026-06-10", escortEndAt: "2026-08-01", offlineAt: null, developer: "王芳", developmentKs: 46.6, developmentPsi: 3.68, maxLift: 3.12 },
-  "BH-BIG-001": { onlineAt: "2024-12-03", escortStartAt: "2024-10-11", escortEndAt: "2024-11-29", offlineAt: null, developer: "李伟", developmentKs: 43.9, developmentPsi: 4.25, maxLift: 2.91 },
-  "NL-BAI-001": { onlineAt: "2025-07-16", escortStartAt: "2025-05-20", escortEndAt: "2025-07-12", offlineAt: null, developer: "王芳", developmentKs: 42.6, developmentPsi: 4.74, maxLift: 2.73 },
-  "TH-BAI-001": { onlineAt: "2025-04-09", escortStartAt: "2025-02-14", escortEndAt: "2025-04-05", offlineAt: null, developer: "李伟", developmentKs: 43.7, developmentPsi: 4.18, maxLift: 2.88 },
-  "JC-BAI-001": { onlineAt: "2024-08-27", escortStartAt: "2024-07-01", escortEndAt: "2024-08-23", offlineAt: null, developer: "王芳", developmentKs: 45.1, developmentPsi: 3.89, maxLift: 3.03 },
-  "HD-AFD-001": { onlineAt: "2025-01-22", escortStartAt: "2024-11-28", escortEndAt: "2025-01-18", offlineAt: null, developer: "李伟", developmentKs: 40.8, developmentPsi: 5.16, maxLift: 2.54 },
-  "BH-AFD-001": { onlineAt: "2024-10-14", escortStartAt: "2024-08-20", escortEndAt: "2024-10-10", offlineAt: null, developer: "王芳", developmentKs: 42.3, developmentPsi: 4.69, maxLift: 2.68 },
-  "YL-AFD-001": { onlineAt: "2024-05-08", escortStartAt: "2024-03-15", escortEndAt: "2024-05-04", offlineAt: null, developer: "李伟", developmentKs: 43.5, developmentPsi: 4.42, maxLift: 2.79 },
-};
+export const MODEL_LIFECYCLE: Record<string, ModelLifecycle> = {};
 
 export function categoryName(category: ModelCategoryId): string {
   return MODEL_CATEGORIES.find((item) => item.id === category)?.name ?? category;
@@ -252,55 +125,16 @@ export function abnormalReasonOf(model: ModelRecord | MonitoringRow): string {
   return reasons.join("、");
 }
 
-function hash(value: string): number {
-  let result = 0;
-  for (const character of value) result = (result * 31 + character.charCodeAt(0)) >>> 0;
-  return result;
-}
-
 export function modelTrend(
-  model: ModelRecord,
-  metric: "ks" | "psi",
-  months: readonly string[] = MONITOR_MONTHS,
+  _model: ModelRecord,
+  _metric: "ks" | "psi",
+  _months: readonly string[] = MONITOR_MONTHS,
 ): number[] {
-  const end = model[metric];
-  const amplitude = metric === "ks" ? 2.6 : 4.4;
-  const seed = hash(`${model.modelId}-${metric}`);
-  const waveAt = (index: number) => (((seed >> (index % 12)) % 9) - 4) * (amplitude / 12);
-  const lastWave = waveAt(Math.max(0, months.length - 1));
-  return months.map((_, index) => {
-    const distance = months.length - 1 - index;
-    const drift = metric === "ks" ? distance * 0.32 : -distance * 0.74;
-    const wave = waveAt(index) - lastWave;
-    return Math.max(0, Number((end + drift + wave).toFixed(2)));
-  });
+  return [];
 }
 
-export function monitoringRows(source: ModelRecord[] = MODELS): MonitoringRow[] {
-  const rows: MonitoringRow[] = [];
-  for (const model of source) {
-    if (model.status === "下线") {
-      rows.push({ ...model, monitorMonth: "2026-02", ranking: "相符", ks: 39.8, psi: 9.1, ksDrop: 6.2, secondaryHits: 1 });
-      continue;
-    }
-    const ksTrend = modelTrend(model, "ks");
-    const psiTrend = modelTrend(model, "psi");
-    MONITOR_MONTHS.forEach((monitorMonth, index) => {
-      rows.push({
-        ...model,
-        monitorMonth,
-        ks: ksTrend[index] ?? model.ks,
-        psi: psiTrend[index] ?? model.psi,
-        ksDrop: Math.max(0, Number((model.ksDrop - (MONITOR_MONTHS.length - 1 - index) * 0.9).toFixed(2))),
-        secondaryHits: Math.max(0, model.secondaryHits - (MONITOR_MONTHS.length - 1 - index)),
-      });
-    });
-  }
-  return rows.sort((left, right) => (
-    right.monitorMonth.localeCompare(left.monitorMonth)
-    || left.bank.localeCompare(right.bank, "zh-CN")
-    || left.modelId.localeCompare(right.modelId)
-  ));
+export function monitoringRows(_source: ModelRecord[] = MODELS): MonitoringRow[] {
+  return [];
 }
 
 export function monthsBetween(from: string, to: string): string[] {
@@ -323,35 +157,29 @@ export function average(values: number[]): number {
 }
 
 export function categoryTrend(
-  category: ModelCategoryId,
-  metric: "ks" | "psi",
-  months: string[],
-  source: ModelRecord[] = MODELS,
+  _category: ModelCategoryId,
+  _metric: "ks" | "psi",
+  _months: string[],
+  _source: ModelRecord[] = MODELS,
 ): number[] {
-  const models = source.filter((model) => model.category === category && model.status !== "下线");
-  const series = models.map((model) => modelTrend(model, metric, months));
-  return months.map((_, index) => Number(average(series.map((values) => values[index] ?? 0)).toFixed(2)));
+  return [];
 }
 
 export function bankTrend(
-  bank: string,
-  metric: "ks" | "psi",
-  months: string[],
-  source: ModelRecord[] = MODELS,
+  _bank: string,
+  _metric: "ks" | "psi",
+  _months: string[],
+  _source: ModelRecord[] = MODELS,
 ): number[] {
-  const models = source.filter((model) => model.bank === bank && model.status !== "下线");
-  const series = models.map((model) => modelTrend(model, metric, months));
-  return months.map((_, index) => Number(average(series.map((values) => values[index] ?? 0)).toFixed(2)));
+  return [];
 }
 
 export function modelsTrend(
-  models: ModelRecord[],
-  metric: "ks" | "psi",
-  months: string[],
+  _models: ModelRecord[],
+  _metric: "ks" | "psi",
+  _months: string[],
 ): number[] {
-  const activeModels = models.filter((model) => model.status !== "下线");
-  const series = activeModels.map((model) => modelTrend(model, metric, months));
-  return months.map((_, index) => Number(average(series.map((values) => values[index] ?? 0)).toFixed(2)));
+  return [];
 }
 
 export function latestIterationDate(models: ModelRecord[]): string {
@@ -368,9 +196,9 @@ export function modelIterationCycleMonths(model: ModelRecord): number | null {
   return Math.max(0, (endYear * 12 + endMonth) - (startYear * 12 + startMonth));
 }
 
-export function averageIterationCycle(models: ModelRecord[]): number {
+export function averageIterationCycle(models: ModelRecord[]): number | null {
   const values = models.map(modelIterationCycleMonths).filter((value): value is number => value !== null);
-  return Number(average(values).toFixed(1));
+  return values.length ? Number(average(values).toFixed(1)) : null;
 }
 
 export function averageIterationMonths(models: ModelRecord[]): number {

frontend/app/features/operations/operationsRole.ts

@@ -8,6 +8,7 @@ export type OperationsPageKey =
   | "banks"
   | "deployed-models"
   | "monitoring"
+  | "monitoring-detail"
   | "reports"
   | "report-summary"
   | "workflows"
@@ -18,14 +19,22 @@ export type OperationsPageKey =
 
 export type OperationsAction =
   | "workflow:create"
+  | "workflow:feedback"
+  | "workflow:submit-material"
   | "workflow:advance"
+  | "workflow:online"
   | "workflow:business-confirm"
   | "monitor:initial-review"
   | "monitor:final-review"
   | "report:edit"
+  | "report:export"
   | "report:send"
+  | "rules:publish"
+  | "rules:rollback"
+  | "rules:simulate"
   | "rules:manage"
   | "prompts:manage"
+  | "prompts:regression"
   | "settings:manage";
 
 const PAGE_ROLE_VISIBILITY: Record<OperationsPageKey, OperationsRole[]> = {
@@ -35,6 +44,7 @@ const PAGE_ROLE_VISIBILITY: Record<OperationsPageKey, OperationsRole[]> = {
   banks: ["business", "model", "admin"],
   "deployed-models": ["model", "admin"],
   monitoring: ["business", "model", "admin"],
+  "monitoring-detail": ["business", "model", "admin"],
   reports: ["business", "model", "admin"],
   "report-summary": ["business", "model", "admin"],
   workflows: ["business", "model", "admin"],
@@ -46,17 +56,63 @@ const PAGE_ROLE_VISIBILITY: Record<OperationsPageKey, OperationsRole[]> = {
 
 const ACTION_ROLE_VISIBILITY: Record<OperationsAction, OperationsRole[]> = {
   "workflow:create": ["business", "admin"],
+  "workflow:feedback": ["business", "admin"],
+  "workflow:submit-material": ["model", "admin"],
   "workflow:advance": ["model", "admin"],
+  "workflow:online": ["model", "admin"],
   "workflow:business-confirm": ["business", "admin"],
   "monitor:initial-review": ["model", "admin"],
   "monitor:final-review": ["business", "admin"],
   "report:edit": ["model", "admin"],
+  "report:export": ["business", "model", "admin"],
   "report:send": ["model", "admin"],
+  "rules:publish": ["admin"],
+  "rules:rollback": ["admin"],
+  "rules:simulate": ["admin"],
   "rules:manage": ["admin"],
   "prompts:manage": ["model", "admin"],
+  "prompts:regression": ["model", "admin"],
   "settings:manage": ["admin"],
 };
 
+export const OPERATIONS_PAGE_PERMISSIONS: Record<OperationsPageKey, string> = {
+  workbench: "operations:workbench:view",
+  usage: "operations:usage:view",
+  models: "operations:model-overview:view",
+  banks: "operations:bank-overview:view",
+  "deployed-models": "operations:deployed-models:view",
+  monitoring: "operations:monitoring-overview:view",
+  "monitoring-detail": "operations:monitoring-detail:view",
+  reports: "operations:report:view",
+  "report-summary": "operations:report-summary:view",
+  workflows: "operations:workflow:view",
+  knowledge: "operations:knowledge:view",
+  rules: "operations:rules:view",
+  prompts: "operations:prompt:view",
+  settings: "operations:settings:view",
+};
+
+export const OPERATIONS_ACTION_PERMISSIONS: Record<OperationsAction, string> = {
+  "workflow:create": "operations:workflow:create",
+  "workflow:feedback": "operations:workflow:feedback",
+  "workflow:submit-material": "operations:workflow:submit-material",
+  "workflow:advance": "operations:workflow:advance",
+  "workflow:online": "operations:workflow:online",
+  "workflow:business-confirm": "operations:workflow:confirm",
+  "monitor:initial-review": "operations:monitoring-detail:model-review",
+  "monitor:final-review": "operations:monitoring-detail:business-review",
+  "report:edit": "operations:report:edit",
+  "report:export": "operations:report:export",
+  "report:send": "operations:report:send",
+  "rules:publish": "operations:rules:publish",
+  "rules:rollback": "operations:rules:rollback",
+  "rules:simulate": "operations:rules:simulate",
+  "rules:manage": "operations:rules:publish",
+  "prompts:manage": "operations:prompt:edit",
+  "prompts:regression": "operations:prompt:regression",
+  "settings:manage": "operations:settings:view",
+};
+
 export function resolveOperationsRole(user: AuthUser | null): OperationsRole {
   if (user?.is_system_admin || user?.role_code === "admin") return "admin";
   const code = user?.role_code?.toLowerCase() ?? "";
@@ -76,8 +132,27 @@ export function isOperationsActionVisibleForRole(role: OperationsRole, action: O
   return ACTION_ROLE_VISIBILITY[action].includes(role);
 }
 
+export function useOperationsPermission(permissionCode: string): boolean {
+  const { user } = useAuth();
+  return Boolean(user?.is_system_admin || user?.permissions.includes(permissionCode));
+}
+
+export function useCanOperationsPage(page: OperationsPageKey): boolean {
+  return useOperationsPermission(OPERATIONS_PAGE_PERMISSIONS[page]);
+}
+
+export function useCanOperationsAction(action: OperationsAction): boolean {
+  return useOperationsPermission(OPERATIONS_ACTION_PERMISSIONS[action]);
+}
+
+export function operationsPagePermission(page: OperationsPageKey): string {
+  return OPERATIONS_PAGE_PERMISSIONS[page];
+}
+
 export function operationsPageFromPath(pathname: string): OperationsPageKey {
-  const path = pathname.replace(/^\/operations\/?/, "").split("/")[0] ?? "";
+  const normalized = pathname.replace(/^\/operations\/?/, "");
+  if (normalized.startsWith("monitoring/")) return "monitoring-detail";
+  const path = normalized.split("/")[0] ?? "";
   if (!path) return "workbench";
   if (path === "monitoring") return "monitoring";
   if (path in PAGE_ROLE_VISIBILITY) return path as OperationsPageKey;

frontend/app/features/operations/reportData.ts

@@ -1,5 +1,3 @@
-import { MODELS, gradeOf, type ModelGrade } from "./modelData";
-
 export type ReportStatus = "待模型团队阅读" | "编辑中" | "已发送业务团队";
 export type ReportType = "监控报告" | "诊断报告";
 
@@ -18,21 +16,8 @@ export type MonitoringReport = {
   synced: boolean;
 };
 
-function reportType(grade: ModelGrade): ReportType {
-  return grade === "A" ? "监控报告" : "诊断报告";
-}
-
-export const REPORTS: MonitoringReport[] = [
-  { reportId: "R1", bank: "江城银行", modelName: "标准A卡", modelId: "JC-STD-001", version: "v2.3", monitorMonth: "2026-07", type: "诊断报告", status: "待模型团队阅读", generatedAt: "2026-08-15 06:12", outputDate: "2026-08-15", unreadDays: 4, synced: false },
-  { reportId: "R2", bank: "通汇银行", modelName: "标准A卡", modelId: "TH-STD-001", version: "v2.0", monitorMonth: "2026-07", type: "诊断报告", status: "已发送业务团队", generatedAt: "2026-08-15 06:12", outputDate: "2026-08-15", unreadDays: 0, synced: true },
-  { reportId: "R3", bank: "华东银行", modelName: "反欺诈评分", modelId: "HD-AFD-001", version: "v2.0", monitorMonth: "2026-07", type: "诊断报告", status: "待模型团队阅读", generatedAt: "2026-08-18 06:16", outputDate: "2026-08-18", unreadDays: 6, synced: false },
-  { reportId: "R4", bank: "南岭银行", modelName: "白户A卡", modelId: "NL-BAI-001", version: "v1.5", monitorMonth: "2026-07", type: "诊断报告", status: "编辑中", generatedAt: "2026-08-15 06:12", outputDate: "2026-08-15", unreadDays: 0, synced: true },
-  { reportId: "R5", bank: "云岭银行", modelName: "标准A卡", modelId: "YL-STD-001", version: "v2.1", monitorMonth: "2026-07", type: "监控报告", status: "已发送业务团队", generatedAt: "2026-08-20 06:08", outputDate: "2026-08-20", unreadDays: 0, synced: true },
-  { reportId: "R6", bank: "华东银行", modelName: "标准A卡", modelId: "HD-STD-001", version: "v2.2", monitorMonth: "2026-07", type: "监控报告", status: "已发送业务团队", generatedAt: "2026-08-18 06:16", outputDate: "2026-08-18", unreadDays: 0, synced: true },
-  { reportId: "H1", bank: "江城银行", modelName: "标准A卡", modelId: "JC-STD-001", version: "v2.3", monitorMonth: "2026-06", type: "诊断报告", status: "已发送业务团队", generatedAt: "2026-07-15 06:11", outputDate: "2026-07-15", unreadDays: 0, synced: true },
-  { reportId: "H2", bank: "南岭银行", modelName: "标准A卡", modelId: "NL-STD-001", version: "v1.6", monitorMonth: "2026-06", type: "诊断报告", status: "已发送业务团队", generatedAt: "2026-07-15 06:11", outputDate: "2026-07-15", unreadDays: 0, synced: true },
-  { reportId: "H3", bank: "滨海银行", modelName: "大额A卡", modelId: "BH-BIG-001", version: "v1.1", monitorMonth: "2026-05", type: "诊断报告", status: "已发送业务团队", generatedAt: "2026-06-15 06:09", outputDate: "2026-06-15", unreadDays: 0, synced: true },
-];
+// 报告数据由后端报告接口提供。接口接入前保持为空，不使用本地样例。
+export const REPORTS: MonitoringReport[] = [];
 
 export function latestReports(source: MonitoringReport[] = REPORTS): MonitoringReport[] {
   const latestMonth = source.reduce((latest, report) => report.monitorMonth > latest ? report.monitorMonth : latest, "");
@@ -40,20 +25,6 @@ export function latestReports(source: MonitoringReport[] = REPORTS): MonitoringR
 }
 
 export function createReportForModel(modelId: string): MonitoringReport | null {
-  const model = MODELS.find((item) => item.modelId === modelId);
-  if (!model) return null;
-  return {
-    reportId: `AUTO-${model.modelId}`,
-    bank: model.bank,
-    modelName: model.name,
-    modelId: model.modelId,
-    version: model.version,
-    monitorMonth: "2026-07",
-    type: reportType(gradeOf(model)),
-    status: "待模型团队阅读",
-    generatedAt: "2026-08-15 06:12",
-    outputDate: "2026-08-15",
-    unreadDays: 0,
-    synced: false,
-  };
+  void modelId;
+  return null;
 }

frontend/app/features/operations/reportStore.ts

@@ -1,5 +1,4 @@
 import { create } from "zustand";
-import { persist } from "zustand/middleware";
 
 import { REPORTS, type MonitoringReport } from "./reportData";
 
@@ -8,12 +7,9 @@ type ReportStore = {
   updateReport: (reportId: string, updates: Partial<MonitoringReport>) => void;
 };
 
-export const useReportStore = create<ReportStore>()(persist((set) => ({
+export const useReportStore = create<ReportStore>()((set) => ({
   reports: REPORTS,
   updateReport: (reportId, updates) => set((state) => ({
     reports: state.reports.map((report) => report.reportId === reportId ? { ...report, ...updates } : report),
   })),
-}), {
-  name: "a-card-operations-report-mock",
-  version: 1,
 }));

frontend/app/features/operations/workflowData.ts

@@ -1,4 +1,4 @@
-import { MODELS, categoryName, type ModelCategoryId } from "./modelData";
+import type { ModelCategoryId } from "./modelData";
 
 export type WorkflowStage = {
   stage: number;
@@ -63,82 +63,23 @@ export const WORKFLOW_STAGES: WorkflowStage[] = [
   { stage: 7, title: "部署上线", businessDuty: "确认后设置预计上线时间", modelDuty: "确认模型正式上线并登记是否为通用模型" },
 ];
 
-export const WORKFLOWS: WorkflowInstance[] = [
-  {
-    workflowId: "F1", title: "南岭银行 · 标准A卡 迭代", bank: "南岭银行", category: "std", modelId: "NL-STD-001",
-    initiatedBy: "业务团队 张明", initiatedAt: "2026-07-28", currentStage: 4, deadline: "2026-08-08", stalledDays: 12,
-    files: {
-      2: [{ name: "NL标准A卡_模型设计方案_v2.docx", uploadedBy: "模型团队 李伟", uploadedAt: "2026-08-04", confirmed: true }],
-      3: [{ name: "开发结果材料_入模变量与效果.xlsx", uploadedBy: "模型团队 李伟", uploadedAt: "2026-08-14", confirmed: false }],
-    },
-  },
-  {
-    workflowId: "F2", title: "滨海银行 · 新增标准A卡", bank: "滨海银行", category: "std", modelId: "BH-STD-001",
-    initiatedBy: "业务团队 张明", initiatedAt: "2026-06-12", currentStage: 6, plannedTestAt: "2026-07-30",
-    files: {
-      2: [{ name: "BH标准A卡_设计方案.docx", uploadedBy: "模型团队 王芳", uploadedAt: "2026-06-20", confirmed: true }],
-      3: [{ name: "开发结果_变量清单.xlsx", uploadedBy: "模型团队 王芳", uploadedAt: "2026-07-08", confirmed: true }],
-      4: [{ name: "新老模型对比数据.xlsx", uploadedBy: "模型团队 王芳", uploadedAt: "2026-07-15", confirmed: true }],
-      5: [
-        { name: "评审会议纪要_20260722.docx", uploadedBy: "模型团队 王芳", uploadedAt: "2026-07-23", confirmed: true },
-        { name: "最终评审材料.pptx", uploadedBy: "模型团队 王芳", uploadedAt: "2026-07-23", confirmed: true },
-      ],
-      6: [
-        { name: "模型测试文件.zip", uploadedBy: "模型团队 王芳", uploadedAt: "2026-07-28", confirmed: false },
-        { name: "一致性报告.pdf", uploadedBy: "模型团队 王芳", uploadedAt: "2026-07-28", confirmed: false },
-      ],
-    },
-  },
-  {
-    workflowId: "F3", title: "华东银行 · 反欺诈评分 重构", bank: "华东银行", category: "afd", modelId: "HD-AFD-001",
-    initiatedBy: "业务团队 陈静", initiatedAt: "2026-08-11", currentStage: 1, files: {},
-  },
-  {
-    workflowId: "H1", title: "华东银行 · 标准A卡 新增（复用通用版）", bank: "华东银行", category: "std", modelId: "HD-STD-001",
-    initiatedBy: "业务团队 张明", initiatedAt: "2026-03-04", currentStage: 8, completedAt: "2026-04-02", reusedModel: "标准A卡通用版 v2.3", plannedTestAt: "2026-03-18", plannedOnlineAt: "2026-04-02", files: {},
-  },
-  {
-    workflowId: "H2", title: "云岭银行 · 标准A卡 新增（复用通用版）", bank: "云岭银行", category: "std", modelId: "YL-STD-001",
-    initiatedBy: "业务团队 张明", initiatedAt: "2026-01-06", currentStage: 8, completedAt: "2026-02-05", reusedModel: "标准A卡通用版 v2.3", plannedTestAt: "2026-01-20", plannedOnlineAt: "2026-02-05", files: {},
-  },
-  {
-    workflowId: "H3", title: "江城银行 · 大额A卡 新增", bank: "江城银行", category: "big", modelId: "JC-BIG-001",
-    initiatedBy: "业务团队 张明", initiatedAt: "2025-11-12", currentStage: 8, completedAt: "2026-01-08", plannedTestAt: "2025-12-15", plannedOnlineAt: "2026-01-08", files: {},
-  },
-  {
-    workflowId: "H4", title: "南岭银行 · 白户A卡 迭代", bank: "南岭银行", category: "bai", modelId: "NL-BAI-001",
-    initiatedBy: "业务团队 陈静", initiatedAt: "2026-04-02", currentStage: 8, completedAt: "2026-05-22", plannedTestAt: "2026-04-28", plannedOnlineAt: "2026-05-22", files: {},
-  },
-  {
-    workflowId: "H5", title: "通汇银行 · 白户A卡 新增（复用通用版）", bank: "通汇银行", category: "bai", modelId: "TH-BAI-001",
-    initiatedBy: "业务团队 张明", initiatedAt: "2026-01-15", currentStage: 8, completedAt: "2026-02-11", reusedModel: "白户A卡通用版 v1.4", plannedTestAt: "2026-02-01", plannedOnlineAt: "2026-02-11", files: {},
-  },
-];
+export const WORKFLOWS: WorkflowInstance[] = [];
 
-export const USAGE_RECORDS: UsageRecord[] = [
-  { person: "张明", team: "业务团队", logins: 42, requests: 6, reportsRead: 18, reportsDownloaded: 11, lastLoginAt: "2026-08-21" },
-  { person: "陈静", team: "业务团队", logins: 9, requests: 1, reportsRead: 4, reportsDownloaded: 1, lastLoginAt: "2026-08-11" },
-  { person: "周伟", team: "业务团队", logins: 3, requests: 0, reportsRead: 1, reportsDownloaded: 0, lastLoginAt: "2026-07-30" },
-  { person: "李伟", team: "模型团队", logins: 88, requests: 0, reportsRead: 36, reportsDownloaded: 24, lastLoginAt: "2026-08-21" },
-  { person: "王芳", team: "模型团队", logins: 76, requests: 0, reportsRead: 31, reportsDownloaded: 19, lastLoginAt: "2026-08-20" },
-  { person: "朱瑞", team: "模型团队", logins: 21, requests: 0, reportsRead: 9, reportsDownloaded: 5, lastLoginAt: "2026-08-14" },
-  { person: "王芳", team: "管理员", logins: 76, requests: 0, reportsRead: 31, reportsDownloaded: 19, lastLoginAt: "2026-08-20" },
-];
+export const USAGE_RECORDS: UsageRecord[] = [];
 
 export function workflowDocuments(): KnowledgeDocument[] {
   return WORKFLOWS.flatMap((workflow) => Object.entries(workflow.files).flatMap(([stage, files]) => {
-    const model = MODELS.find((item) => item.modelId === workflow.modelId);
     const stageName = WORKFLOW_STAGES.find((item) => item.stage === Number(stage))?.title ?? "未知环节";
     return (files ?? []).map((file) => ({
       ...file,
       workflowId: workflow.workflowId,
       workflowTitle: workflow.title,
       bank: workflow.bank,
-      modelName: categoryName(workflow.category),
-      modelVersion: model?.version ?? "—",
+      modelName: "—",
+      modelVersion: "—",
       modelId: workflow.modelId,
       stage: stageName,
-      commonModel: Boolean(model?.commonModel),
+      commonModel: false,
     }));
   }));
 }

frontend/app/routes/operations.tsx

@@ -6,6 +6,7 @@ import { Card, CardContent } from "~/components/ui/card";
 import { OperationsDataBoundary, OperationsDataProvider } from "~/features/operations/OperationsDataContext";
 import {
   isOperationsPageVisibleForRole,
+  useCanOperationsPage,
   operationsPageFromPath,
   useOperationsRole,
 } from "~/features/operations/operationsRole";
@@ -15,8 +16,9 @@ export default function OperationsLayout() {
   const location = useLocation();
   const navigate = useNavigate();
   const page = operationsPageFromPath(location.pathname);
+  const canViewByPermission = useCanOperationsPage(page);
 
-  if (!isOperationsPageVisibleForRole(role, page)) {
+  if (!isOperationsPageVisibleForRole(role, page) || !canViewByPermission) {
     return (
       <section className="grid h-full place-items-center bg-bg p-6">
         <Card className="w-full max-w-xl">

frontend/app/routes/platform.navigation.tsx

@@ -105,8 +105,8 @@ export const navigation: NavigationItem[] = [
     page: "home",
     children: [
       { label: "开发工作台", icon: Home, page: "home", activePath: "/workbench", targetPath: "/workbench" },
-      { label: "运维工作台", icon: Gauge, page: "operations", activePath: "/operations", targetPath: "/operations", visibleToOperationsRoles: ["business", "model", "admin"] },
-      { label: "平台使用统计", icon: ChartNoAxesColumn, page: "operations", activePath: "/operations/usage", targetPath: "/operations/usage", visibleToOperationsRoles: ["admin"] },
+      { label: "运维工作台", icon: Gauge, page: "operations", activePath: "/operations", targetPath: "/operations", permission: "operations:workbench:view", visibleToOperationsRoles: ["business", "model", "admin"] },
+      { label: "平台使用统计", icon: ChartNoAxesColumn, page: "operations", activePath: "/operations/usage", targetPath: "/operations/usage", permission: "operations:usage:view", visibleToOperationsRoles: ["admin"] },
     ],
   },
   { label: "构建脚本", icon: Code,     page: "scripts",   permission: "script:view" },
@@ -116,9 +116,9 @@ export const navigation: NavigationItem[] = [
     icon: Layers3,
     page: "operations",
     children: [
-      { label: "模型大类概览", icon: Layers3, page: "operations", sub: "models", activePath: "/operations/models", visibleToOperationsRoles: ["business", "model", "admin"] },
-      { label: "细分银行概览", icon: Building2, page: "operations", sub: "banks", activePath: "/operations/banks", visibleToOperationsRoles: ["business", "model", "admin"] },
-      { label: "已上线模型详情", icon: ClipboardList, page: "operations", sub: "deployed-models", activePath: "/operations/deployed-models", visibleToOperationsRoles: ["model", "admin"] },
+      { label: "模型大类概览", icon: Layers3, page: "operations", sub: "models", activePath: "/operations/models", permission: "operations:model-overview:view", visibleToOperationsRoles: ["business", "model", "admin"] },
+      { label: "细分银行概览", icon: Building2, page: "operations", sub: "banks", activePath: "/operations/banks", permission: "operations:bank-overview:view", visibleToOperationsRoles: ["business", "model", "admin"] },
+      { label: "已上线模型详情", icon: ClipboardList, page: "operations", sub: "deployed-models", activePath: "/operations/deployed-models", permission: "operations:deployed-models:view", visibleToOperationsRoles: ["model", "admin"] },
     ],
   },
   {
@@ -126,9 +126,9 @@ export const navigation: NavigationItem[] = [
     icon: Activity,
     page: "operations",
     children: [
-      { label: "监控明细", icon: ListFilter, page: "operations", sub: "monitoring", activePath: "/operations/monitoring", visibleToOperationsRoles: ["business", "model", "admin"] },
-      { label: "监控诊断报告", icon: FileText, page: "operations", sub: "reports", activePath: "/operations/reports", visibleToOperationsRoles: ["business", "model", "admin"] },
-      { label: "历史报告汇总", icon: Files, page: "operations", sub: "report-summary", activePath: "/operations/report-summary", visibleToOperationsRoles: ["business", "model", "admin"] },
+      { label: "监控明细", icon: ListFilter, page: "operations", sub: "monitoring", activePath: "/operations/monitoring", permission: "operations:monitoring-overview:view", visibleToOperationsRoles: ["business", "model", "admin"] },
+      { label: "监控诊断报告", icon: FileText, page: "operations", sub: "reports", activePath: "/operations/reports", permission: "operations:report:view", visibleToOperationsRoles: ["business", "model", "admin"] },
+      { label: "历史报告汇总", icon: Files, page: "operations", sub: "report-summary", activePath: "/operations/report-summary", permission: "operations:report-summary:view", visibleToOperationsRoles: ["business", "model", "admin"] },
     ],
   },
   {
@@ -136,8 +136,8 @@ export const navigation: NavigationItem[] = [
     icon: GitBranch,
     page: "operations",
     children: [
-      { label: "全流程进度", icon: GitBranch, page: "operations", sub: "workflows", activePath: "/operations/workflows", visibleToOperationsRoles: ["business", "model", "admin"] },
-      { label: "文档知识库", icon: BookOpen, page: "operations", sub: "knowledge", activePath: "/operations/knowledge", visibleToOperationsRoles: ["model", "admin"] },
+      { label: "全流程进度", icon: GitBranch, page: "operations", sub: "workflows", activePath: "/operations/workflows", permission: "operations:workflow:view", visibleToOperationsRoles: ["business", "model", "admin"] },
+      { label: "文档知识库", icon: BookOpen, page: "operations", sub: "knowledge", activePath: "/operations/knowledge", permission: "operations:knowledge:view", visibleToOperationsRoles: ["model", "admin"] },
     ],
   },
   {
@@ -148,9 +148,9 @@ export const navigation: NavigationItem[] = [
       { label: "用户管理", icon: Users,  page: "system", sub: "users",    permission: "system:user:view" },
       { label: "项目管理", icon: Folder, page: "system", sub: "projects", permission: "system:project:view" },
       { label: "角色管理", icon: ShieldCheck, page: "system", sub: "roles",   permission: "system:role:view" },
-      { label: "监控等级规则", icon: ShieldCheck, page: "operations", sub: "rules", activePath: "/operations/rules", visibleToOperationsRoles: ["model", "admin"] },
-      { label: "报告 Prompt 管理", icon: MessageSquareText, page: "operations", sub: "prompts", activePath: "/operations/prompts", visibleToOperationsRoles: ["model", "admin"] },
-      { label: "运维系统配置", icon: Wrench, page: "operations", sub: "settings", activePath: "/operations/settings", visibleToOperationsRoles: ["admin"] },
+      { label: "监控等级规则", icon: ShieldCheck, page: "operations", sub: "rules", activePath: "/operations/rules", permission: "operations:rules:view", visibleToOperationsRoles: ["model", "admin"] },
+      { label: "报告 Prompt 管理", icon: MessageSquareText, page: "operations", sub: "prompts", activePath: "/operations/prompts", permission: "operations:prompt:view", visibleToOperationsRoles: ["model", "admin"] },
+      { label: "运维系统配置", icon: Wrench, page: "operations", sub: "settings", activePath: "/operations/settings", permission: "operations:settings:view", visibleToOperationsRoles: ["admin"] },
     ],
   },
 ];

frontend/app/routes/platform.tsx

@@ -83,7 +83,7 @@ function NavRow({
 }) {
   const itemIcon = <item.icon />;
   const childActivePath = (child: NavigationItem) =>
-    child.activePath ?? pathForPage(child.page);
+    child.activePath ?? (child.sub ? `${pathForPage(child.page)}/${child.sub}` : pathForPage(child.page));
   const childIsActive = (child: NavigationItem) => {
     const activePath = childActivePath(child);
     return pathname === activePath || Boolean(child.sub && pathname.startsWith(`${activePath}/`));
@@ -208,6 +208,7 @@ function AuthenticatedLayout() {
   const setWorkspaceMenuOpen = useUiStore((s) => s.setWorkspaceMenuOpen);
 
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
+  const [operationsServiceOnline, setOperationsServiceOnline] = useState(false);
   const bindingGeneration = useRef(0);
 
   const can = usePermission;
@@ -245,6 +246,20 @@ function AuthenticatedLayout() {
   // 心跳 / cleanup / 切页结束编辑 / 卸载前释放
   useEditSessionLifecycle({ activePage });
 
+  useEffect(() => {
+    if (activePage !== "operations") return;
+    const controller = new AbortController();
+    void fetch("/api/v1/health", {
+      credentials: "same-origin",
+      signal: controller.signal,
+    })
+      .then((response) => setOperationsServiceOnline(response.ok))
+      .catch(() => {
+        if (!controller.signal.aborted) setOperationsServiceOnline(false);
+      });
+    return () => controller.abort();
+  }, [activePage]);
+
   // 原 common/Sidebar 的编辑会话守卫上移到这里：切出 /scripts 时有活动编辑
   // 会话先 endEditing，回工作台时清空选中脚本；再按当前激活页导航。
   function guardedNavigate(targetPath: string) {
@@ -312,7 +327,7 @@ function AuthenticatedLayout() {
       <SidebarInset className="h-screen min-w-0">
         <Topbar
           pageTitle={pageTitle}
-          apiOnline={apiOnline}
+          apiOnline={activePage === "operations" ? operationsServiceOnline : apiOnline}
           user={user}
           currentWorkspace={effectiveWorkspace}
           workspaces={effectiveWorkspaces}
@@ -320,6 +335,10 @@ function AuthenticatedLayout() {
           onSetWorkspaceMenuOpen={setWorkspaceMenuOpen}
           onSetCurrentWorkspace={setCurrentWorkspace}
           onLogout={logout}
+          onBack={() => {
+            if (window.history.length > 1) navigate(-1);
+            else navigate("/workbench");
+          }}
         />
 
         <Outlet />

frontend/app/services/api/_shared.ts

@@ -1,16 +1,3 @@
-export type DemoUser = {
-  userId: string;
-  userName: string;
-  username: string;
-  roleCode: "admin" | "developer";
-  roleName: string;
-};
-
-export type DemoWorkspace = {
-  workspaceId: string;
-  workspaceName: string;
-};
-
 export function createUuid(): string {
   const cryptoApi = globalThis.crypto;
   if (typeof cryptoApi?.randomUUID === "function") {
@@ -40,58 +27,6 @@ export function createUuid(): string {
   ].join("-");
 }
 
-export const demoUsers: DemoUser[] = [
-  { userId: "0000000000RF6FG1SDBXG59S13", userName: "张三", username: "admin-zhang", roleCode: "admin", roleName: "管理员" },
-  { userId: "0000000000H2QYCGPCWQM1JSGS", userName: "李四", username: "admin-li", roleCode: "admin", roleName: "管理员" },
-  { userId: "0000000000RWG40ESZPGJT629J", userName: "王五", username: "dev-wang", roleCode: "developer", roleName: "开发人员" },
-  { userId: "00000000004CQV7WASJA6N6FW4", userName: "赵六", username: "dev-zhao", roleCode: "developer", roleName: "开发人员" },
-];
-
-export const demoWorkspaces: DemoWorkspace[] = [
-  { workspaceId: "00000000000BM630VT9ARVFZPC", workspaceName: "模型开发 Workspace" },
-  { workspaceId: "0000000000AE0NC0V5T424KK86", workspaceName: "风险验证 Workspace" },
-];
-
-function readStoredContext(): Partial<{
-  userId: string;
-  workspaceId: string;
-}> {
-  if (typeof window === "undefined") return {};
-  try {
-    return JSON.parse(
-      window.localStorage.getItem("model-platform-demo-context") ?? "{}",
-    ) as Partial<{ userId: string; workspaceId: string }>;
-  } catch {
-    return {};
-  }
-}
-
-const storedContext = readStoredContext();
-const initialUser = demoUsers.find((item) => item.userId === storedContext.userId)
-  ?? demoUsers[0];
-const initialWorkspace = demoWorkspaces.find(
-  (item) => item.workspaceId === storedContext.workspaceId,
-) ?? demoWorkspaces[0];
-
-export const demoContext = {
-  ...initialUser,
-  ...initialWorkspace,
-};
-
-export function setDemoContext(input: {
-  user?: DemoUser;
-  workspace?: DemoWorkspace;
-}): void {
-  if (input.user) Object.assign(demoContext, input.user);
-  if (input.workspace) Object.assign(demoContext, input.workspace);
-  if (typeof window !== "undefined") {
-    window.localStorage.setItem("model-platform-demo-context", JSON.stringify({
-      userId: demoContext.userId,
-      workspaceId: demoContext.workspaceId,
-    }));
-  }
-}
-
 // API client for the platform backend.
 //
 // All endpoints that take a workspace context require the caller to
@@ -111,7 +46,7 @@ export type Employee = {
   display_name: string;
   email: string | null;
   status: "active" | "disabled" | "locked";
-  role_code: "admin" | "developer";
+  role_code: string;
   role_name: string;
   created_at: string;
 };

frontend/app/services/api/boundApi.ts

@@ -245,7 +245,7 @@ export type WorkspaceBoundApi = {
       display_name: string;
       email?: string | undefined;
       password: string;
-      role_code?: "admin" | "developer";
+      role_code?: string;
     },
   ) => Promise<Employee>;
   updateEmployee: (
@@ -257,7 +257,7 @@ export type WorkspaceBoundApi = {
     input: {
       display_name?: string;
       email?: string | null;
-      role_code?: "admin" | "developer";
+      role_code?: string;
       status?: "active" | "disabled" | "locked";
     },
   ) => Promise<Employee>;

frontend/app/services/api/platformEmployees.ts

@@ -25,7 +25,7 @@ export async function createPlatformEmployee(
     display_name: string;
     email?: string | undefined;
     password: string;
-    role_code?: "admin" | "developer";
+    role_code?: string;
   },
 ): Promise<Employee> {
   return apiRequest<Employee>(
@@ -39,7 +39,7 @@ export async function updatePlatformEmployee(
   input: {
     display_name?: string;
     email?: string | null;
-    role_code?: "admin" | "developer";
+    role_code?: string;
     status?: "active" | "disabled" | "locked";
   },
 ): Promise<Employee> {

frontend/app/services/operationsApi.ts

@@ -1,14 +1,12 @@
-import {
-  MODELS,
-  monitoringRows,
-  type ModelCategoryId,
-  type ModelRecord,
-  type ModelStatus,
-  type MonitoringRow,
-  type RankingStatus,
+import type {
+  ModelCategoryId,
+  ModelRecord,
+  ModelStatus,
+  MonitoringRow,
+  RankingStatus,
 } from "~/features/operations/modelData";
 
-export type OperationsApiMode = "mock" | "api";
+export type OperationsApiMode = "api";
 
 export type OperationsModelListParams = {
   workspaceId?: string;
@@ -49,6 +47,41 @@ export type MonthlyMonitoringResultDto = {
   secondary_hits_6m: number;
 };
 
+export type WorkbenchTone = "normal" | "warning" | "danger" | "primary";
+
+export type OperationsWorkbenchKpi = {
+  key: string;
+  label: string;
+  value: number;
+  detail: string;
+  target: string;
+  tone: WorkbenchTone;
+};
+
+export type OperationsWorkbenchItem = {
+  id: string;
+  tone: WorkbenchTone;
+  title: string;
+  detail: string;
+  action_label: string;
+  target: string;
+};
+
+export type OperationsWorkbenchActivity = {
+  occurred_at: string;
+  actor: string;
+  text: string;
+};
+
+export type OperationsWorkbenchDto = {
+  role: "admin" | "model_team" | "business_team";
+  alerts: string[];
+  kpis: OperationsWorkbenchKpi[];
+  todos: OperationsWorkbenchItem[];
+  watches: OperationsWorkbenchItem[];
+  activities: OperationsWorkbenchActivity[];
+};
+
 type ApiEnvelope<T> = {
   data: T;
   meta?: Record<string, unknown>;
@@ -66,8 +99,7 @@ export class OperationsApiError extends Error {
   }
 }
 
-const configuredMode = import.meta.env.VITE_OPERATIONS_API_MODE;
-export const operationsApiMode: OperationsApiMode = configuredMode === "api" ? "api" : "mock";
+export const operationsApiMode: OperationsApiMode = "api";
 const API_BASE = "/api/v1/operations";
 
 function requireWorkspaceId(workspaceId?: string): string {
@@ -117,28 +149,7 @@ function toModelRecord(dto: OperationsModelDto): ModelRecord {
   };
 }
 
-function mockDelay(signal?: AbortSignal): Promise<void> {
-  return new Promise((resolve, reject) => {
-    const timer = window.setTimeout(resolve, 160);
-    signal?.addEventListener("abort", () => {
-      window.clearTimeout(timer);
-      reject(new DOMException("Request aborted", "AbortError"));
-    }, { once: true });
-  });
-}
-
 export async function listOperationsModels(params: OperationsModelListParams = {}): Promise<ModelRecord[]> {
-  if (operationsApiMode === "mock") {
-    await mockDelay(params.signal);
-    const keyword = params.keyword?.trim().toLowerCase();
-    return MODELS
-      .filter((model) => !params.bank || model.bank === params.bank)
-      .filter((model) => !params.category || model.category === params.category)
-      .filter((model) => !params.status || model.status === params.status)
-      .filter((model) => !keyword || `${model.bank} ${model.name} ${model.modelId} ${model.version}`.toLowerCase().includes(keyword))
-      .map((model) => ({ ...model }));
-  }
-
   const query = new URLSearchParams();
   query.set("workspace_id", requireWorkspaceId(params.workspaceId));
   if (params.bank) query.set("bank", params.bank);
@@ -155,12 +166,6 @@ export async function getOperationsModel(
   workspaceId?: string,
   signal?: AbortSignal,
 ): Promise<ModelRecord> {
-  if (operationsApiMode === "mock") {
-    await mockDelay(signal);
-    const model = MODELS.find((item) => item.modelId === modelId);
-    if (!model) throw new OperationsApiError("模型不存在", 404, "MODEL_NOT_FOUND");
-    return { ...model };
-  }
   const query = new URLSearchParams({ workspace_id: requireWorkspaceId(workspaceId) });
   const data = await request<OperationsModelDto>(`/models/${encodeURIComponent(modelId)}?${query.toString()}`, { signal });
   return toModelRecord(data);
@@ -172,12 +177,6 @@ export async function getMonthlyMonitoringResult(
   workspaceId?: string,
   signal?: AbortSignal,
 ): Promise<MonitoringRow> {
-  if (operationsApiMode === "mock") {
-    await mockDelay(signal);
-    const result = monitoringRows(MODELS).find((item) => item.modelId === modelId && item.monitorMonth === month);
-    if (!result) throw new OperationsApiError("该月份暂无监控结果", 404, "MONITOR_RESULT_NOT_FOUND");
-    return { ...result };
-  }
   const model = await getOperationsModel(modelId, workspaceId, signal);
   const query = new URLSearchParams({
     month,
@@ -197,3 +196,11 @@ export async function getMonthlyMonitoringResult(
     secondaryHits: data.secondary_hits_6m,
   };
 }
+
+export async function getOperationsWorkbench(
+  workspaceId?: string,
+  signal?: AbortSignal,
+): Promise<OperationsWorkbenchDto> {
+  const query = new URLSearchParams({ workspace_id: requireWorkspaceId(workspaceId) });
+  return request<OperationsWorkbenchDto>(`/workbench?${query.toString()}`, { signal });
+}