docs(uiux): UIUX 设计方案大改 + 5 份作业指导书对齐 + 开发任务文档

- UIUX 文档：填充 19 个缺口（多主体画像/健康度/AI+看板/增长域/洞察域/创始人端/OODA/助推/商密） - UIUX 文档：插入 6 个新章节（十四~十九），旧章节重编号为二十~三十一，更新目录和交叉引用 - 作业指导书 x5：导航改为 6 域分组，新增 Context Bar/工作模式/Insight Rail/决策线程/多工作区等 UI 概念 - 新建 docs/2-task-uiux.md：50 个代码落地开发任务，按 P0-P6 分优先级 + 8 Sprint 规划 - 后端/前端：大量新增模型、路由、组件（来自之前 Phase 开发）
2026-07-19 11:53:38 +08:00
parent 734a16a7f3
commit fad458b2a7
243 changed files with 19898 additions and 658 deletions
@@ -0,0 +1,131 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { ShieldCheck, Sparkles } from "lucide-react";
+import { listPreMortems, runPreMortem, listRedTeams, runRedTeam } from "@/lib/api-v2";
+import { PageContainer, Card, Badge } from "@/components/shared/PageContainer";
+import { LoadingSpinner } from "@/components/shared/LoadingSpinner";
+import { EmptyState } from "@/components/shared/EmptyState";
+import { toast } from "sonner";
+
+export default function PreMortemsPage() {
+  const [tab, setTab] = useState<"pre-mortem" | "red-team">("pre-mortem");
+  const [preMortems, setPreMortems] = useState<Record<string, any>[]>([]);
+  const [redTeams, setRedTeams] = useState<Record<string, any>[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [input, setInput] = useState("");
+  const [perspective, setPerspective] = useState("competitor");
+
+  useEffect(() => {
+    Promise.all([listPreMortems(), listRedTeams()])
+      .then(([pm, rt]) => {
+        setPreMortems((pm.data as Record<string, any>[]) ?? []);
+        setRedTeams((rt.data as Record<string, any>[]) ?? []);
+      })
+      .catch(() => {
+        setPreMortems([]);
+        setRedTeams([]);
+      })
+      .finally(() => setIsLoading(false));
+  }, []);
+
+  const handleRun = async () => {
+    if (!input.trim()) {
+      toast.error("请输入内容");
+      return;
+    }
+    try {
+      if (tab === "pre-mortem") {
+        const resp = await runPreMortem(input);
+        setPreMortems([resp.data as Record<string, any>, ...preMortems]);
+        toast.success("Pre-mortem 分析完成");
+      } else {
+        const resp = await runRedTeam(input, perspective);
+        setRedTeams([resp.data as Record<string, any>, ...redTeams]);
+        toast.success("Red Team 分析完成");
+      }
+    } catch {
+      toast.error("分析失败");
+    }
+  };
+
+  return (
+    <PageContainer title="Pre-mortem & Red Team" description="AI 失败路径推演 + 对抗分析">
+      <div className="flex gap-2 border-b border-gray-200">
+        <button
+          onClick={() => setTab("pre-mortem")}
+          className={`px-4 py-2 text-sm font-medium ${tab === "pre-mortem" ? "border-b-2 border-gray-900 text-gray-900" : "text-gray-500"}`}
+        >
+          Pre-mortem
+        </button>
+        <button
+          onClick={() => setTab("red-team")}
+          className={`px-4 py-2 text-sm font-medium ${tab === "red-team" ? "border-b-2 border-gray-900 text-gray-900" : "text-gray-500"}`}
+        >
+          Red Team
+        </button>
+      </div>
+
+      <Card>
+        <textarea
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          placeholder={tab === "pre-mortem" ? "输入决策上下文..." : "输入企业上下文..."}
+          className="w-full rounded-md border border-gray-300 p-3 text-sm"
+          rows={3}
+        />
+        {tab === "red-team" && (
+          <select
+            value={perspective}
+            onChange={(e) => setPerspective(e.target.value)}
+            className="mt-2 rounded-md border border-gray-300 px-3 py-1.5 text-sm"
+          >
+            <option value="competitor">竞争对手视角</option>
+            <option value="pessimistic_investor">悲观投资人视角</option>
+            <option value="devils_advocate">魔鬼代言人视角</option>
+          </select>
+        )}
+        <button
+          onClick={handleRun}
+          className="mt-2 flex items-center gap-1 rounded-md bg-gray-900 px-3 py-1.5 text-sm text-white hover:bg-gray-700"
+        >
+          <Sparkles size={16} /> {tab === "pre-mortem" ? "失败推演" : "对抗分析"}
+        </button>
+      </Card>
+
+      {isLoading ? (
+        <LoadingSpinner />
+      ) : tab === "pre-mortem" ? (
+        preMortems.length === 0 ? <EmptyState description="暂无 Pre-mortem 记录" /> : (
+          <div className="space-y-3">
+            {preMortems.map((item, i) => (
+              <Card key={i}>
+                <h3 className="font-medium text-gray-900">{item.decision_context as string}</h3>
+                {Array.isArray(item.failure_paths) && (
+                  <div className="mt-2 space-y-1">
+                    {(item.failure_paths as Record<string, any>[]).map((fp, fi) => (
+                      <p key={fi} className="text-xs text-gray-500">• {String(fp.path ?? fp)}</p>
+                    ))}
+                  </div>
+                )}
+              </Card>
+            ))}
+          </div>
+        )
+      ) : (
+        redTeams.length === 0 ? <EmptyState description="暂无 Red Team 记录" /> : (
+          <div className="space-y-3">
+            {redTeams.map((item, i) => (
+              <Card key={i}>
+                <div className="flex items-center gap-2">
+                  <Badge color="red">{item.perspective as string}</Badge>
+                </div>
+                <p className="mt-2 text-sm text-gray-600">{item.analysis as string}</p>
+              </Card>
+            ))}
+          </div>
+        )
+      )}
+    </PageContainer>
+  );
+}