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,118 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { Bot, Sparkles } from "lucide-react";
+import { listDigitalTwins, buildDigitalTwin, simulateTwin } 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 DigitalTwinsPage() {
+  const [items, setItems] = useState<Record<string, any>[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [companyData, setCompanyData] = useState("");
+  const [scenario, setScenario] = useState("");
+  const [simResult, setSimResult] = useState<Record<string, any> | null>(null);
+
+  useEffect(() => {
+    listDigitalTwins("")
+      .then(() => setItems([]))
+      .catch(() => setItems([]))
+      .finally(() => setIsLoading(false));
+  }, []);
+
+  const handleBuild = async () => {
+    if (!companyData.trim()) {
+      toast.error("请输入企业数据");
+      return;
+    }
+    try {
+      const resp = await buildDigitalTwin(companyData);
+      toast.success("数字孪生模型已构建");
+      setItems([resp.data as Record<string, any>, ...items]);
+    } catch {
+      toast.error("构建失败");
+    }
+  };
+
+  const handleSimulate = async () => {
+    if (!scenario.trim()) {
+      toast.error("请输入场景描述");
+      return;
+    }
+    try {
+      const resp = await simulateTwin({}, scenario);
+      setSimResult(resp.data as Record<string, any>);
+    } catch {
+      toast.error("模拟失败");
+    }
+  };
+
+  return (
+    <PageContainer title="数字孪生" description="企业模型 + 场景模拟 + 精度追踪">
+      <Card>
+        <h3 className="font-medium text-gray-900">构建数字孪生模型</h3>
+        <textarea
+          value={companyData}
+          onChange={(e) => setCompanyData(e.target.value)}
+          placeholder="输入企业数据..."
+          className="mt-2 w-full rounded-md border border-gray-300 p-3 text-sm"
+          rows={3}
+        />
+        <button
+          onClick={handleBuild}
+          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} /> 构建模型
+        </button>
+      </Card>
+
+      <Card>
+        <h3 className="font-medium text-gray-900">场景模拟</h3>
+        <input
+          type="text"
+          value={scenario}
+          onChange={(e) => setScenario(e.target.value)}
+          placeholder="输入场景描述（如：融资 5000 万）"
+          className="mt-2 w-full rounded-md border border-gray-300 px-3 py-1.5 text-sm"
+        />
+        <button
+          onClick={handleSimulate}
+          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} /> 模拟
+        </button>
+        {simResult && (
+          <div className="mt-3 text-sm text-gray-600">
+            <p>预测结果：{simResult.projected_outcome as string}</p>
+            {simResult.confidence != null && (
+              <p className="mt-1">置信度：<Badge color="blue">{((simResult.confidence as number) * 100).toFixed(0)}%</Badge></p>
+            )}
+          </div>
+        )}
+      </Card>
+
+      {isLoading ? (
+        <LoadingSpinner />
+      ) : items.length === 0 ? (
+        <EmptyState description="暂无数字孪生模型" />
+      ) : (
+        <div className="space-y-3">
+          {items.map((item, i) => (
+            <Card key={i}>
+              <div className="flex items-center justify-between">
+                <h3 className="font-medium text-gray-900">数字孪生模型</h3>
+                {item.accuracy_score != null && (
+                  <Badge color={(item.accuracy_score as number) > 0.7 ? "green" : "amber"}>
+                    精度 {((item.accuracy_score as number) * 100).toFixed(0)}%
+                  </Badge>
+                )}
+              </div>
+            </Card>
+          ))}
+        </div>
+      )}
+    </PageContainer>
+  );
+}