Merge remote-tracking branch 'origin/master' into xuhd

frontend-web/src/pages/BusinessChainMappingPage.tsx

@@ -0,0 +1,273 @@
+/**
+ * 业务链条管理页 —— 把固定业务码（3Q/6BF/7BF/8BF）绑定到「智能体」+「业务链」。
+ *
+ * 表格三列：业务（只读）/ 智能体 / 业务链。编辑模式下后两列为可搜索下拉：
+ *  - 智能体来自 `/api/agents`
+ *  - 业务链来自 `/api/roundtable-chains?scope=public`（只列公共链，保证全局共享时各账号都能解析）
+ * 保存调 `PUT /api/business-mapping/{code}`。映射全局共享、无用户隔离。
+ */
+import { useEffect, useMemo, useState } from "react";
+import { Loading, Select } from "tdesign-react";
+import { Link2, Pencil, Save, Users, X } from "lucide-react";
+import { toast } from "sonner";
+
+import { useTheme } from "@/contexts/ThemeContext";
+import { listAgents } from "@/core/agents/api";
+import type { Agent } from "@/core/agents/types";
+import { listChains } from "@/roundtable-planning/api/chains";
+import type { BusinessChain } from "@/roundtable-planning/lib/business-chain";
+import {
+  listBusinessMappings,
+  updateBusinessMapping,
+  type BusinessMapping,
+} from "@/strategy-components/api/business-mapping";
+
+interface DraftSelection {
+  agentId: string | null;
+  chainId: string | null;
+}
+
+export default function BusinessChainMappingPage() {
+  const { theme } = useTheme();
+  const isDark = theme === "dark";
+
+  const [rows, setRows] = useState<BusinessMapping[]>([]);
+  const [agents, setAgents] = useState<Agent[]>([]);
+  const [chains, setChains] = useState<BusinessChain[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [editingCode, setEditingCode] = useState<string | null>(null);
+  const [draft, setDraft] = useState<DraftSelection>({ agentId: null, chainId: null });
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      setLoading(true);
+      try {
+        const [mappingRes, agentRes, chainRes] = await Promise.allSettled([
+          listBusinessMappings(),
+          listAgents(),
+          listChains("public"),
+        ]);
+        if (cancelled) return;
+        if (mappingRes.status === "fulfilled") setRows(mappingRes.value);
+        else toast.error(`加载业务映射失败：${mappingRes.reason}`);
+        if (agentRes.status === "fulfilled") setAgents(agentRes.value);
+        if (chainRes.status === "fulfilled") setChains(chainRes.value);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  const agentOptions = useMemo(
+    () => agents.map((a) => ({ label: a.name || a.id, value: a.id })),
+    [agents],
+  );
+  const chainOptions = useMemo(
+    () => chains.map((c) => ({ label: c.title || c.id, value: c.id })),
+    [chains],
+  );
+
+  const beginEdit = (row: BusinessMapping) => {
+    setEditingCode(row.businessCode);
+    setDraft({ agentId: row.agentId, chainId: row.chainId });
+  };
+
+  const cancelEdit = () => {
+    setEditingCode(null);
+    setDraft({ agentId: null, chainId: null });
+  };
+
+  const handleSave = async (row: BusinessMapping) => {
+    setSaving(true);
+    try {
+      const agentName = draft.agentId
+        ? agents.find((a) => a.id === draft.agentId)?.name ?? row.agentName ?? null
+        : null;
+      const chainTitle = draft.chainId
+        ? chains.find((c) => c.id === draft.chainId)?.title ?? row.chainTitle ?? null
+        : null;
+      const updated = await updateBusinessMapping(row.businessCode, {
+        agentId: draft.agentId,
+        agentName,
+        chainId: draft.chainId,
+        chainTitle,
+      });
+      if (!updated) {
+        toast.error(`业务「${row.label}」不存在，保存失败`);
+        return;
+      }
+      setRows((prev) => prev.map((r) => (r.businessCode === row.businessCode ? updated : r)));
+      toast.success(`已保存「${row.label}」的配置`);
+      cancelEdit();
+    } catch (err) {
+      toast.error(`保存失败：${(err as Error).message}`);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const shellClass = isDark
+    ? "h-full overflow-y-auto bg-[linear-gradient(180deg,#081322_0%,#0d1d33_42%,#0a1628_100%)] text-slate-100"
+    : "h-full overflow-y-auto bg-[linear-gradient(180deg,#fffdfd_0%,#fff7f7_42%,#fafafa_100%)] text-[#222222]";
+  const cardClass = isDark
+    ? "border border-[rgba(67,89,124,0.46)] bg-[rgba(12,29,54,0.94)] shadow-[0_16px_36px_rgba(3,10,22,0.2)]"
+    : "border border-[#E8E8E8] bg-white shadow-[0_14px_30px_rgba(245,34,45,0.06)]";
+  const headRowClass = isDark ? "text-slate-400" : "text-[#8C8C8C]";
+  const rowBorder = isDark ? "border-[rgba(67,89,124,0.32)]" : "border-[#F0F0F0]";
+  const mutedText = isDark ? "text-slate-500" : "text-[#A6A6A6]";
+  const codeBadge = isDark
+    ? "bg-[rgba(77,141,255,0.16)] text-[#9CCBFF]"
+    : "bg-[#FFF1F0] text-[#CF1322]";
+
+  return (
+    <div className={shellClass}>
+      <div className="mx-auto flex min-h-full max-w-[1280px] flex-col gap-5 px-6 py-6 lg:px-8">
+        <div className="space-y-1">
+          <h1 className={`text-[26px] font-semibold tracking-[0.02em] ${isDark ? "text-slate-50" : "text-[#222222]"}`}>
+            业务链条管理
+          </h1>
+          <p className={`text-sm ${isDark ? "text-slate-300/80" : "text-slate-500"}`}>
+            为每个业务绑定智能体与业务链。多智能体会商从对应业务自动取用此处配置的业务链。业务链仅可选择「公共」链条。
+          </p>
+        </div>
+
+        <Loading loading={loading} showOverlay={false}>
+          <div className={`overflow-hidden rounded-3xl ${cardClass}`}>
+            <table className="w-full border-collapse text-sm">
+              <thead>
+                <tr className={`text-left text-xs uppercase tracking-widest ${headRowClass}`}>
+                  <th className="px-6 py-4 font-semibold">业务</th>
+                  <th className="px-6 py-4 font-semibold">智能体</th>
+                  <th className="px-6 py-4 font-semibold">业务链</th>
+                  <th className="px-6 py-4 text-right font-semibold">操作</th>
+                </tr>
+              </thead>
+              <tbody>
+                {rows.length === 0 && !loading ? (
+                  <tr>
+                    <td colSpan={4} className={`px-6 py-12 text-center ${mutedText}`}>
+                      暂无业务数据
+                    </td>
+                  </tr>
+                ) : (
+                  rows.map((row) => {
+                    const editing = editingCode === row.businessCode;
+                    return (
+                      <tr key={row.businessCode} className={`border-t ${rowBorder}`}>
+                        {/* 业务（只读） */}
+                        <td className="px-6 py-4 align-middle">
+                          <div className="flex items-center gap-2">
+                            <span className={`text-[15px] font-semibold ${isDark ? "text-white" : "text-[#222222]"}`}>
+                              {row.label}
+                            </span>
+                            <span className={`rounded-full px-2 py-0.5 text-[11px] font-mono ${codeBadge}`}>
+                              {row.businessCode}
+                            </span>
+                          </div>
+                        </td>
+
+                        {/* 智能体 */}
+                        <td className="px-6 py-4 align-middle">
+                          {editing ? (
+                            <Select
+                              className="min-w-[200px]"
+                              value={draft.agentId ?? undefined}
+                              options={agentOptions}
+                              filterable
+                              clearable
+                              placeholder="搜索并选择智能体"
+                              onChange={(v) => setDraft((d) => ({ ...d, agentId: (v as string) ?? null }))}
+                            />
+                          ) : (
+                            <span className="inline-flex items-center gap-1.5">
+                              <Users className={`h-3.5 w-3.5 ${mutedText}`} />
+                              {row.agentName || row.agentId ? (
+                                <span>{row.agentName || row.agentId}</span>
+                              ) : (
+                                <span className={mutedText}>未配置</span>
+                              )}
+                            </span>
+                          )}
+                        </td>
+
+                        {/* 业务链 */}
+                        <td className="px-6 py-4 align-middle">
+                          {editing ? (
+                            <Select
+                              className="min-w-[220px]"
+                              value={draft.chainId ?? undefined}
+                              options={chainOptions}
+                              filterable
+                              clearable
+                              placeholder="搜索并选择业务链（公共）"
+                              onChange={(v) => setDraft((d) => ({ ...d, chainId: (v as string) ?? null }))}
+                            />
+                          ) : (
+                            <span className="inline-flex items-center gap-1.5">
+                              <Link2 className={`h-3.5 w-3.5 ${mutedText}`} />
+                              {row.chainTitle || row.chainId ? (
+                                <span>{row.chainTitle || row.chainId}</span>
+                              ) : (
+                                <span className={mutedText}>未配置</span>
+                              )}
+                            </span>
+                          )}
+                        </td>
+
+                        {/* 操作 */}
+                        <td className="px-6 py-4 text-right align-middle">
+                          {editing ? (
+                            <div className="inline-flex items-center gap-2">
+                              <button
+                                type="button"
+                                disabled={saving}
+                                onClick={() => handleSave(row)}
+                                className={`inline-flex items-center gap-1 rounded-xl px-3 py-1.5 text-xs font-medium disabled:opacity-50 ${
+                                  isDark ? "bg-[rgba(34,197,94,0.18)] text-[#86EFAC]" : "bg-[#EEFCF7] text-[#0F9D6C]"
+                                }`}
+                              >
+                                <Save className="h-3.5 w-3.5" />
+                                保存
+                              </button>
+                              <button
+                                type="button"
+                                disabled={saving}
+                                onClick={cancelEdit}
+                                className={`inline-flex items-center gap-1 rounded-xl px-3 py-1.5 text-xs font-medium disabled:opacity-50 ${
+                                  isDark ? "bg-[rgba(110,136,176,0.18)] text-slate-300" : "bg-[#F5F5F5] text-[#575757]"
+                                }`}
+                              >
+                                <X className="h-3.5 w-3.5" />
+                                取消
+                              </button>
+                            </div>
+                          ) : (
+                            <button
+                              type="button"
+                              onClick={() => beginEdit(row)}
+                              className={`inline-flex items-center gap-1 rounded-xl px-3 py-1.5 text-xs font-medium ${
+                                isDark ? "bg-[rgba(77,141,255,0.16)] text-[#9CCBFF]" : "bg-[#FFF1F0] text-[#CF1322]"
+                              }`}
+                            >
+                              <Pencil className="h-3.5 w-3.5" />
+                              编辑
+                            </button>
+                          )}
+                        </td>
+                      </tr>
+                    );
+                  })
+                )}
+              </tbody>
+            </table>
+          </div>
+        </Loading>
+      </div>
+    </div>
+  );
+}

frontend-web/src/pages/StrategyRoutes.tsx

@@ -20,6 +20,7 @@ import RoundtablePlanningPage from "@/roundtable-planning/pages/RoundtablePlanni
 import "@/roundtable-planning/styles/roundtable-planning.css";
 import AgentChatPage from "./AgentChatPage";
 import AgentsPage from "./AgentsPage";
+import BusinessChainMappingPage from "./BusinessChainMappingPage";
 import ChatPage from "./ChatPage";
 import ChatsPage from "./ChatsPage";
 import AdminUserLeaderboardPage from "./AdminUserLeaderboardPage";
@@ -172,6 +173,7 @@ export default function StrategyRoutes() {
             <Route path="skills" element={<SkillsPage />} />
             <Route path="skills/evolution" element={<SkillEvolutionPage />} />
             <Route path="memory" element={<MemoryPage />} />
+            <Route path="business-chain-mapping" element={<BusinessChainMappingPage />} />
 
             <Route
               path="scheduled"