{analystSeats.map((seat, idx) => {
const color = ACCENTS[idx % ACCENTS.length];
const isActive = activeSeatId === seat.id;
diff --git a/frontend-web/src/roundtable-planning/dashboard/components/SeatShowcase.tsx b/frontend-web/src/roundtable-planning/dashboard/components/SeatShowcase.tsx
new file mode 100644
index 00000000..36562340
--- /dev/null
+++ b/frontend-web/src/roundtable-planning/dashboard/components/SeatShowcase.tsx
@@ -0,0 +1,336 @@
+/**
+ * 席位专页「主体展示区」的多样式变体 —— 对齐参考项目 DetailView 里按席位定制的 5 种子页面
+ * （框架矩阵 / 洞察卡阵 / 双栏对比 / 清单核对 / 发布声明），但全部改成**数据驱动**：
+ * 不再写死维度/NPS/审计清单等内容，而是消费当前席位真实的 `sections` / `details` /
+ * `description`，按所选变体换一套排版，从而让每个席位专页「长得不一样」。
+ *
+ * 变体由 DetailView 按席位序号轮转分配（总结席位固定用 release），见 `SHOWCASE_VARIANTS`。
+ * 量化得分 / 风险 / 依赖 / 协同推荐仍由 DetailView 的右栏统一承载，这里只负责主体内容。
+ */
+import { useState } from "react";
+import {
+ Award,
+ Building2,
+ Check,
+ ClipboardList,
+ GitCompare,
+ LayoutGrid,
+ Sparkles,
+} from "lucide-react";
+
+import { DraftingCard } from "./DraftingCard";
+import type { SeatCard, SeatSection } from "../types";
+
+export type ShowcaseVariant = "matrix" | "gauge" | "compare" | "audit" | "release";
+
+/** 非总结席位的变体轮转序列（按席位序号取模分配，保证相邻席位不同款）。 */
+export const SHOWCASE_VARIANTS: ShowcaseVariant[] = ["matrix", "gauge", "compare", "audit"];
+
+/** 把席位内容归一成「分组小节」：优先 sections，回落 details 合成一组。 */
+function toGroups(seat: SeatCard): SeatSection[] {
+ if (seat.sections.length > 0) return seat.sections.filter((s) => s.bullets.length > 0 || s.heading);
+ if (seat.details.length > 0) return [{ heading: "汇报要点支撑明细", bullets: seat.details }];
+ return [];
+}
+
+function allBullets(groups: SeatSection[]): string[] {
+ return groups.flatMap((g) => g.bullets);
+}
+
+function EmptyShowcase() {
+ return (
+
+ 该席位暂无结构化汇报内容。
+
+ );
+}
+
+export function SeatShowcase({
+ seat,
+ variant,
+ color,
+}: {
+ seat: SeatCard;
+ variant: ShowcaseVariant;
+ color: string;
+}) {
+ const groups = toGroups(seat);
+ const bullets = allBullets(groups);
+
+ if (variant !== "release" && bullets.length === 0) return
;
+
+ switch (variant) {
+ case "matrix":
+ return
;
+ case "gauge":
+ return
;
+ case "compare":
+ return
;
+ case "audit":
+ return
;
+ case "release":
+ return
;
+ default:
+ return
;
+ }
+}
+
+// ── 变体一：框架矩阵（ref scheme）—— 维度卡片网格 + 要点对标表 ──────────────────────────
+function MatrixShowcase({ groups, color }: { groups: SeatSection[]; color: string }) {
+ const cols = groups.length >= 3 ? "md:grid-cols-3" : groups.length === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
+ let rowNo = 0;
+ return (
+
+
+
+
+ 结构化框架 · 维度拆解
+
+
+ {groups.map((g, i) => (
+
+
+ 维度 {i + 1}
+
+
{g.heading || `小节 ${i + 1}`}
+
+ {g.bullets.length} 项要点
+
+
+ ))}
+
+
+
+
+
+ 各维度关键交付要点对标
+
+ 共 {groups.reduce((n, g) => n + g.bullets.length, 0)} 项
+
+
+
+
+
+ | 序号 |
+ 所属维度 |
+ 关键交付要点 |
+
+
+
+ {groups.flatMap((g, gi) =>
+ g.bullets.map((b, bi) => {
+ rowNo += 1;
+ return (
+
+ | {String(rowNo).padStart(2, "0")} |
+
+ {bi === 0 ? g.heading || `维度 ${gi + 1}` : ""}
+ |
+ {b} |
+
+ );
+ }),
+ )}
+
+
+
+
+ );
+}
+
+// ── 变体二：洞察卡阵（ref ux）—— 描述领读 + 要点卡片网格 ───────────────────────────────
+function GaugeShowcase({ seat, groups, color }: { seat: SeatCard; groups: SeatSection[]; color: string }) {
+ const bullets = allBullets(groups);
+ return (
+
+
+
+ 核心洞察聚焦 · 关键论点拆解
+
+
+
+
本席位核心论断
+
{seat.description || "（无摘要）"}
+
+ {bullets.map((b, i) => (
+
+ ))}
+
+ );
+}
+
+// ── 变体三：双栏对比（ref ad）—— 小节分两列彩色面板 ────────────────────────────────────
+function CompareShowcase({ groups, color }: { groups: SeatSection[]; color: string }) {
+ // ≥2 组：每组一面板；仅 1 组：把要点对半拆成两面板。
+ const panels: SeatSection[] =
+ groups.length >= 2
+ ? groups
+ : (() => {
+ const b = groups[0]?.bullets ?? [];
+ const mid = Math.ceil(b.length / 2);
+ return [
+ { heading: `${groups[0]?.heading || "汇报要点"} · 上`, bullets: b.slice(0, mid) },
+ { heading: `${groups[0]?.heading || "汇报要点"} · 下`, bullets: b.slice(mid) },
+ ].filter((p) => p.bullets.length > 0);
+ })();
+
+ const tints = [
+ { bg: "bg-emerald-50/40", border: "border-emerald-100", dot: "bg-emerald-500", title: "text-emerald-800" },
+ { bg: "bg-indigo-50/40", border: "border-indigo-100", dot: "bg-indigo-500", title: "text-indigo-800" },
+ { bg: "bg-amber-50/40", border: "border-amber-100", dot: "bg-amber-500", title: "text-amber-800" },
+ { bg: "bg-sky-50/40", border: "border-sky-100", dot: "bg-sky-500", title: "text-sky-800" },
+ ];
+
+ return (
+
+ {panels.map((p, i) => {
+ const t = tints[i % tints.length];
+ return (
+
+
+
+ {p.heading || `对比维度 ${i + 1}`}
+
+
+ {p.bullets.map((b, j) => (
+ -
+
+ {b}
+
+ ))}
+
+
+ );
+ })}
+
+ );
+}
+
+// ── 变体四：清单核对（ref risk）—— 要点可勾选核对台 ───────────────────────────────────
+function AuditShowcase({ bullets, color }: { bullets: string[]; color: string }) {
+ const [done, setDone] = useState
([]);
+ const toggle = (i: number) => setDone((p) => (p.includes(i) ? p.filter((x) => x !== i) : [...p, i]));
+
+ return (
+
+
+
+
+ 要点核对台
+
+
+ 已确认 {done.length}/{bullets.length}
+
+
+
+
+ {bullets.map((b, i) => {
+ const checked = done.includes(i);
+ return (
+
toggle(i)}
+ className={`flex cursor-pointer select-none items-start gap-3 rounded border p-3 transition-all duration-300 ${
+ checked ? "border-emerald-300 bg-emerald-50/40" : "border-slate-200 bg-white hover:border-slate-300"
+ }`}
+ >
+
+ {checked && }
+
+
+ {b}
+
+
+ );
+ })}
+
+
+
+
+ 研讨结果最终发布声明书 (Executive Release)
+
+ {seat.description || "（无总结陈述）"}
+
+ {bullets.length > 0 && (
+
+
关键结论与调和事项：
+
+ {bullets.map((b, i) => (
+
+
+ {b}
+
+ ))}
+
+
+
+
+
+
+
总台最终数字签署确认栏
+
勾选此项即代表会议全席专家一致同意此交付终稿，封盘归档。
+
+
+
+