@cs2dak/react 1.0.0 → 1.1.0

package/src/components/MapRoles.test.ts

@@ -0,0 +1,50 @@
+import React from "react";
+import { renderToStaticMarkup } from "react-dom/server";
+import { describe, expect, it } from "vitest";
+import type { PlayerMapPoolRow, PlayerMapRoleProfile, TeamMapRoleMatrix } from "@cs2dak/contract";
+import { PlayerMapPoolPanel, PlayerMapRoleProfilePanel, TeamMapRoleMatrixPanel } from "./MapRoles";
+
+const profile = {
+  version: "cs2-demo-analysis-kit/player-map-role-profile-5.0", playerKey: "p1", teamKey: "T",
+  declaredRoles: [{ kind: "main_role", playerKey: "p1", role: "igl", priority: "primary", source: "user", provenance: "user" }], declaredWeaponDuties: [],
+  inferredPrimaryRole: "awper", runnerUpRole: "anchor", separationMargin: 0.4,
+  roleEvidenceScores: { awper: 0.9, anchor: 0.5, opener: 0.2, closer: 0.1 },
+  headlineRole: "IGL / AWPer", status: "ready", confidence: 0.8, weaponDuty: "primary_awper",
+  positionGroupDisplay: [{ mapName: "de_mirage", side: "ct", positionGroupId: "a_site", displayName: "A包", officialName: "BombsiteA", resolved: true }],
+  roleAlignments: [{ declaration: { kind: "main_role", playerKey: "p1", role: "igl", priority: "primary", source: "user", provenance: "user" }, declaredPrimary: "igl", declaredSecondary: [], inferredPrimary: "awper", overall: "not_comparable", tSide: "T 方观察职责：unknown", ctSide: "CT 方观察职责：anchor", disagreementReasons: [], sampleLimitations: [] }], weaponDutyAlignments: [],
+  perMapEvidence: [{
+    version: 4, playerKey: "p1", teamKey: "T", mapName: "de_mirage", side: "ct", status: "ready", confidence: 0.8,
+    sample: { observedRounds: 12, eligibleRounds: 12, eligibleSeconds: 240, matchCount: 3, dataQuality: 1, coverage: 1 },
+    matchIds: ["m1", "m2", "m3"],
+    positionGroups: [{ positionGroupId: "a_site", seconds: 200, share: 0.83, roundCount: 10 }],
+    spatial: { dominantGroupStability: 0.83, teamRelativeGroupShare: 0.2, isolationSeconds: 0, isolationShare: 0, rejoinCount: 0, delayedConvergenceRoundShare: 0, movementSync: 0.5, openingMainComponentShare: 0.4, openingNoUniqueCoreShare: 0, openingIsolatedShare: 0.4, formationShares: { "4+1": 1 } },
+    support: { utilityUses: 0, openingUtilityUses: 0, utilityUsePerRound: 0, openingUtilityUsePerRound: 0 },
+    responsibility: "anchor_tendency", modifiers: ["positionally_stable"],
+    awp: { duty: "primary_awper", eligibleRounds: 12, qualifiedLongGunRounds: 12, freezeOwnershipRounds: 8, activeSeconds: 100, shots: 12, kills: 5, teamActiveShare: 1, usageConcentration: 1, matchConsistency: 1 },
+    representativeRounds: [{ matchId: "m1", roundNumber: 2 }], basis: ["facts"], limitations: ["limit"],
+  }],
+  evidence: [{ matchId: "m1", roundNumber: 2, reason: "example", role: "example" }], basis: ["basis"], limitations: ["IGL 无法由 demo 统计验证。"],
+} satisfies PlayerMapRoleProfile;
+
+describe("Map role display", () => {
+  it("keeps declared and inferred role labels side-by-side and hides internal position ids", () => {
+    const html = renderToStaticMarkup(React.createElement(PlayerMapRoleProfilePanel, { profile, onOpenEvidence: () => {} }));
+    expect(html).toContain("自动画像"); expect(html).toContain("IGL / AWPer"); expect(html).toContain("A包"); expect(html).not.toContain("a_site"); expect(html).toContain("dak-evidence");
+  });
+  it("renders an honest insufficient matrix state", () => {
+    const html = renderToStaticMarkup(React.createElement(TeamMapRoleMatrixPanel, { matrix: null }));
+    expect(html).toContain("该地图暂无职责矩阵");
+  });
+  it("contains the wide player map pool table inside a horizontal scroll region", () => {
+    const row = {
+      mapName: "de_mirage", matchCount: 1, roundCount: 12, wins: 1, losses: 0, winRate: 1,
+      rr: 1.2, adr: 80, kast: 75, openingKills: 2, openingDeaths: 1, mainWeapon: "ak47",
+      globalWeaponDuty: "rifler", mapSideAwpUsage: [], tPositionGroup: "中路", ctPositionGroup: "A包",
+      tResponsibility: "stable_default", ctResponsibility: "anchor_tendency", sampleQuality: 1, confidence: 0.8,
+      evidence: [],
+    } satisfies PlayerMapPoolRow;
+    const html = renderToStaticMarkup(React.createElement(PlayerMapPoolPanel, { rows: [row] }));
+    expect(html).toContain('class="dak-table-scroll"');
+  });
+  void ({} as TeamMapRoleMatrix);
+});

package/src/components/MapRoles.tsx

@@ -0,0 +1,122 @@
+import type { DoubleAwpAnalysis, EvidenceRef, PlayerMapPoolRow, PlayerMapRoleProfile, TeamMapRoleMatrix } from "@cs2dak/contract";
+import { DataTable, DAK_TABLE_CLASSES, type DataTableColumn } from "./DataTable";
+import { EmptyState, EvidenceLink, LimitNote, MetricInfo } from "./Primitives";
+
+const STATUS_LABEL = { ready: "可用", mixed: "混合", insufficient: "样本不足", unknown: "未知" } as const;
+const DUTY_LABEL = { primary_awper: "主 AWP", secondary_awper: "副 AWP", situational_awper: "情境 AWP", rifler: "步枪" } as const;
+const RESPONSIBILITY_LABEL = { pack: "主体组", extremity: "边翼", late_joining: "晚汇合", stable_default: "稳定默认位", anchor_tendency: "守点倾向", component_mobile: "组间移动", independent_mobile: "独立移动", stable_position: "稳定位置", mixed: "混合", unknown: "未知" } as const;
+const MODIFIER_LABEL = { utility_supportive: "道具协同", positionally_stable: "位置稳定", spatially_isolated: "空间孤立", component_mobile: "组间移动" } as const;
+
+function Status({ value }: { value: keyof typeof STATUS_LABEL }) {
+  return <span className={`dak-role-status dak-role-status-${value}`}>{STATUS_LABEL[value]}</span>;
+}
+
+function Evidence({ evidence, onOpenEvidence }: { evidence: EvidenceRef[]; onOpenEvidence?: (evidence: EvidenceRef) => void }) {
+  const first = evidence[0];
+  return first && onOpenEvidence ? <EvidenceLink onOpen={() => onOpenEvidence(first)}>R{first.roundNumber}</EvidenceLink> : "—";
+}
+
+export function PlayerMapRoleProfilePanel({
+  profile,
+  onOpenEvidence,
+}: {
+  profile: PlayerMapRoleProfile | null;
+  onOpenEvidence?: (evidence: EvidenceRef) => void;
+}) {
+  if (!profile) return <EmptyState variant="insufficient" title="地图 / 位置画像不可用" hint="需要当前选手的地图位置 facts；缺失时可在资料库重建 facts。" />;
+  const rows = profile.perMapEvidence;
+  const positionLabels = new Map(profile.positionGroupDisplay.map((row) => [`${row.mapName}:${row.side}:${row.positionGroupId}`, row]));
+  const columns: DataTableColumn<(typeof rows)[number]>[] = [
+    { key: "map", label: "地图 / 边", format: (row) => `${row.mapName.replace("de_", "")} · ${row.side.toUpperCase()}` },
+    { key: "sample", label: "样本", numeric: true, sortable: true, sortValue: (row) => row.sample.eligibleRounds, format: (row) => `${row.sample.eligibleRounds} 回合` },
+    { key: "position", label: "位置组", format: (row) => {
+      const group = row.positionGroups[0];
+      if (!group) return "—";
+      const display = positionLabels.get(`${row.mapName}:${row.side}:${group.positionGroupId}`);
+      return display ? `${display.displayName}${display.officialName ? ` / ${display.officialName}` : ""}` : "未映射位置";
+    } },
+    { key: "responsibility", label: "逐侧职责", format: (row) => RESPONSIBILITY_LABEL[row.responsibility] },
+    { key: "duty", label: "武器职责", format: (row) => DUTY_LABEL[row.awp.duty] },
+    { key: "confidence", label: <>置信度 <MetricInfo note="来自 position group、队内相对空间、AWP 责任和样本覆盖；不是固定槽位或战术真相。" /></>, numeric: true, sortable: true, sortValue: (row) => row.confidence, format: (row) => `${Math.round(row.confidence * 100)}%` },
+    { key: "evidence", label: "代表回合", render: (row) => <Evidence evidence={row.representativeRounds.map((ref) => ({ ...ref, reason: `${row.mapName} ${row.side.toUpperCase()} 的位置职责代表回合`, role: "example" as const }))} onOpenEvidence={onOpenEvidence} /> },
+  ];
+  return (
+    <section className="dak-role-panel">
+      <div className="dak-role-head"><div><h3>地图 / 位置</h3><p>自动推断与人工声明并列展示；不会互相覆盖。</p></div><Status value={profile.status} /></div>
+      <div className="dak-role-summary">
+        <span>队伍：<b>{profile.teamKey}</b></span>
+        <span>自动画像：<b>{profile.inferredPrimaryRole ?? "—"}</b></span>
+        <span>标题角色：<b>{profile.headlineRole ?? "—"}</b></span>
+        <span>武器职责：<b>{profile.weaponDuty ? DUTY_LABEL[profile.weaponDuty] : "—"}</b></span>
+        <span>次选：<b>{profile.runnerUpRole ?? "—"}</b></span>
+        <span>区分度：<b>{profile.separationMargin == null ? "—" : `${Math.round(profile.separationMargin * 100)}%`}</b></span>
+      </div>
+      <div className="dak-role-summary"><span>AWPer 倾向分 <b>{Math.round(profile.roleEvidenceScores.awper * 100)}</b></span><span>Anchor 倾向分 <b>{Math.round(profile.roleEvidenceScores.anchor * 100)}</b></span><span>Opener 倾向分 <b>{Math.round(profile.roleEvidenceScores.opener * 100)}</b></span><span>Closer 倾向分 <b>{Math.round(profile.roleEvidenceScores.closer * 100)}</b></span></div>
+      <div className="dak-role-declarations"><b>用户主角色</b>{profile.declaredRoles.filter((row) => row.source === "user").map((row, index) => <span key={`user-${row.role}-${index}`} className="dak-role-tag">{row.priority} · {row.role}{row.mapName ? ` · ${row.mapName.replace("de_", "")}` : ""}</span>)}{!profile.declaredRoles.some((row) => row.source === "user") && <span>未提供</span>}<b>用户武器职责</b>{profile.declaredWeaponDuties.filter((row) => row.source === "user").map((row, index) => <span key={`weapon-${row.weaponDuty}-${index}`} className="dak-role-tag">{DUTY_LABEL[row.weaponDuty]}{row.mapName ? ` · ${row.mapName.replace("de_", "")}` : ""}</span>)}{!profile.declaredWeaponDuties.some((row) => row.source === "user") && <span>未提供</span>}</div>
+      {rows.length ? <DataTable classes={DAK_TABLE_CLASSES} rows={rows} rowKey={(row) => `${row.teamKey}:${row.mapName}:${row.side}`} columns={columns} initialSortKey="sample" /> : <EmptyState variant="insufficient" title="没有可用地图样本" hint="当前范围没有满足角色证据条件的地图 / 阵营数据。" />}
+      {profile.roleAlignments.map((alignment, index) => <p className="dak-role-note" key={`role-alignment-${index}`}><b>声明与观察</b>{alignment.tSide}；{alignment.ctSide}{alignment.sampleLimitations[0] ? `；${alignment.sampleLimitations[0]}` : ""}</p>)}
+      {profile.weaponDutyAlignments.map((alignment, index) => <p className="dak-role-note" key={`weapon-alignment-${index}`}><b>武器职责声明与观察</b>{DUTY_LABEL[alignment.declaration.weaponDuty]} / {alignment.observedWeaponDuty ? DUTY_LABEL[alignment.observedWeaponDuty] : "—"}</p>)}
+      {profile.basis[0] && <p className="dak-role-note"><b>依据</b>{profile.basis[0]}</p>}
+      {profile.limitations[0] && <LimitNote>{profile.limitations[0]}</LimitNote>}
+    </section>
+  );
+}
+
+export function TeamMapRoleMatrixPanel({
+  matrix,
+  playerNames = {},
+  onOpenEvidence,
+}: {
+  matrix: TeamMapRoleMatrix | null;
+  playerNames?: Record<string, string>;
+  onOpenEvidence?: (evidence: EvidenceRef) => void;
+}) {
+  if (!matrix) return <EmptyState variant="insufficient" title="该地图暂无职责矩阵" hint="选择有位置 facts 的地图和阵营；样本不足会明确保留，而不是补零。" />;
+  const columns: DataTableColumn<TeamMapRoleMatrix["players"][number]>[] = [
+    { key: "player", label: "选手", format: (row) => playerNames[row.playerKey] ?? row.playerKey },
+    { key: "position", label: "主要位置组", format: (row) => row.primaryPositionGroups.map((group) => `${group.displayName}${group.officialName ? ` / ${group.officialName}` : ""} ${Math.round(group.share * 100)}%`).join(" · ") || "—" },
+    { key: "responsibility", label: <>结构职责 <MetricInfo note="只描述当前空间证据支持的主体组、边翼、晚汇合或位置稳定倾向。" /></>, format: (row) => RESPONSIBILITY_LABEL[row.responsibility] },
+    { key: "modifiers", label: "附加属性", format: (row) => row.modifiers.map((modifier) => MODIFIER_LABEL[modifier]).join(" · ") || "—" },
+    { key: "awp", label: "AWP", format: (row) => row.weaponDuty ? DUTY_LABEL[row.weaponDuty] : "—" },
+    { key: "sample", label: "样本", numeric: true, sortable: true, sortValue: (row) => row.sampleRounds, format: (row) => `${row.sampleRounds} 回合` },
+    { key: "evidence", label: "证据", render: (row) => <Evidence evidence={row.evidence} onOpenEvidence={onOpenEvidence} /> },
+  ];
+  return (
+    <section className="dak-role-panel">
+      <div className="dak-role-head"><div><h3>{matrix.mapName.replace("de_", "")} · {matrix.side.toUpperCase()} 位置职责</h3><p>描述队伍地图盘面；不自动生成强弱判断或对策。</p></div><Status value={matrix.status} /></div>
+      <div className="dak-role-summary"><span>置信度：<b>{Math.round(matrix.confidence * 100)}%</b></span><span>覆盖不稳：<b>{matrix.unstableCoverage ? "是" : "否"}</b></span><span>位置集中度：<b>{matrix.positionConcentration == null ? "—" : `${Math.round(matrix.positionConcentration * 100)}%`}</b></span><span>位置重叠：<b>{matrix.positionOverlap.length}</b></span></div>
+      <DataTable classes={DAK_TABLE_CLASSES} rows={matrix.players} rowKey={(row) => row.playerKey} columns={columns} initialSortKey="sample" />
+      {matrix.representativeRounds.length > 0 && <div className="dak-role-evidence"><b>队伍代表回合</b><Evidence evidence={matrix.representativeRounds} onOpenEvidence={onOpenEvidence} /></div>}
+      {matrix.limitations[0] && <LimitNote>{matrix.limitations[0]}</LimitNote>}
+    </section>
+  );
+}
+
+export function DoubleAwpAnalysisPanel({ model, playerNames = {}, onOpenEvidence }: { model: DoubleAwpAnalysis | null; playerNames?: Record<string, string>; onOpenEvidence?: (evidence: EvidenceRef) => void }) {
+  if (!model) return <EmptyState variant="insufficient" title="双 AWP 样本不可用" hint="需要逐回合 AWP 与经济 facts；T/CT 会分别统计。" />;
+  return <section className="dak-role-panel">
+    <div className="dak-role-head"><div><h3>{model.side.toUpperCase()} 双 AWP</h3><p>仅描述 qualified full-buy / long-gun round 的观测指标，不作因果归因。</p></div><Status value={model.status} /></div>
+    <div className="dak-role-summary"><span>双 AWP 回合 <b>{model.doubleAwpRoundCount}/{model.qualifiedRoundCount}</b></span><span>占比 <b>{model.eligibleRoundShare == null ? "—" : `${Math.round(model.eligibleRoundShare * 100)}%`}</b></span><span>战绩 <b>{model.wins}/{model.doubleAwpRoundCount}</b></span><span>开局 <b>{model.openingKills}:{model.openingDeaths}</b></span><span>AWP kills <b>{model.awpKills ?? "—"}</b></span><span>AWP damage <b>{model.awpDamage ?? "—"}</b></span></div>
+    <div className="dak-role-declarations"><b>常见组合</b>{model.combinations.map((combo) => <span key={combo.playerKeys.join("|")} className="dak-role-tag">{combo.playerKeys.map((key) => playerNames[key] ?? key).join(" + ")} · {combo.rounds}</span>)}{model.combinations.length === 0 && <span>无</span>}</div>
+    {model.evidence.length > 0 && <div className="dak-role-evidence"><b>代表回合</b><Evidence evidence={model.evidence} onOpenEvidence={onOpenEvidence} /></div>}
+    {model.limitations.map((item) => <LimitNote key={item}>{item}</LimitNote>)}
+  </section>;
+}
+
+export function PlayerMapPoolPanel({ rows, onOpenEvidence }: { rows: PlayerMapPoolRow[]; onOpenEvidence?: (evidence: EvidenceRef) => void }) {
+  const columns: DataTableColumn<PlayerMapPoolRow>[] = [
+    { key: "map", label: "地图", format: (row) => row.mapName.replace("de_", "") },
+    { key: "record", label: "场次 / 战绩", sortable: true, sortValue: (row) => row.matchCount, format: (row) => `${row.matchCount} · ${row.wins}胜 ${row.losses}负` },
+    { key: "rounds", label: "回合", numeric: true, sortable: true, sortValue: (row) => row.roundCount, format: (row) => row.roundCount },
+    { key: "rr", label: "RR", numeric: true, sortable: true, sortValue: (row) => row.rr, format: (row) => row.rr?.toFixed(2) ?? "—" },
+    { key: "adr", label: "ADR", numeric: true, sortable: true, sortValue: (row) => row.adr, format: (row) => row.adr?.toFixed(1) ?? "—" },
+    { key: "kast", label: "KAST", numeric: true, sortable: true, sortValue: (row) => row.kast, format: (row) => row.kast == null ? "—" : `${row.kast.toFixed(1)}%` },
+    { key: "opening", label: "Opening", format: (row) => `${row.openingKills}:${row.openingDeaths}` },
+    { key: "weapon", label: "主武器 / 全局职责", format: (row) => `${row.mainWeapon ?? "—"} · ${row.globalWeaponDuty ? DUTY_LABEL[row.globalWeaponDuty] : "—"}` },
+    { key: "position", label: "T / CT 位置", format: (row) => `${row.tPositionGroup ?? "—"} / ${row.ctPositionGroup ?? "—"}` },
+    { key: "responsibility", label: "T / CT 职责", format: (row) => `${RESPONSIBILITY_LABEL[row.tResponsibility]} / ${RESPONSIBILITY_LABEL[row.ctResponsibility]}` },
+    { key: "quality", label: "样本 / 置信度", format: (row) => `${Math.round(row.sampleQuality * 100)}% / ${Math.round(row.confidence * 100)}%` },
+    { key: "evidence", label: "证据", render: (row) => <Evidence evidence={row.evidence} onOpenEvidence={onOpenEvidence} /> },
+  ];
+  return rows.length ? <div className="dak-table-scroll"><DataTable classes={DAK_TABLE_CLASSES} rows={rows} rowKey={(row) => row.mapName} columns={columns} initialSortKey="record" /></div> : <EmptyState variant="insufficient" title="地图池样本不足" hint="当前选手没有可聚合的地图级 facts。" />;
+}

package/src/components/MatchWorkspace.test.ts

@@ -2,12 +2,12 @@ import React from "react";
 import { describe, expect, it } from "vitest";
 import { renderToStaticMarkup } from "react-dom/server";
 import type { MatchWorkspaceModel } from "@cs2dak/contract";
-import { MatchWorkspace } from "./MatchWorkspace";
+import { MatchWorkspace, ReplayViewer, replayInitialFrameIndex } from "./MatchWorkspace";
 import { RoundTimeline } from "./RoundTimeline";
 
 const model: MatchWorkspaceModel = {
   version: "cs2-demo-analysis-kit/workspace-0.1",
-  sourceSchemaVersion: "cs2-demo-format/2.0",
+  sourceSchemaVersion: "cs2-demo-format/3.0",
   title: "Team A vs Team B",
   subtitle: "de_ancient · 10 名选手 · 21 回合",
   scoreline: "13:8",
@@ -21,6 +21,8 @@ const model: MatchWorkspaceModel = {
     { key: "rounds", label: "回合" },
     { key: "players", label: "选手" },
     { key: "economy", label: "经济" },
+    { key: "weapons", label: "武器" },
+    { key: "duels", label: "对位" },
     { key: "map", label: "地图" },
     { key: "replay", label: "回放" }
   ],
@@ -34,8 +36,36 @@ const model: MatchWorkspaceModel = {
   rounds: [],
   players: [],
   economy: [],
+  weapons: [
+    {
+      weapon: "ak47",
+      label: "AK-47",
+      kills: 12,
+      headshotPercent: 41.7,
+      damage: 1804,
+      wallbangKills: 1,
+      noScopeKills: 0,
+      throughSmokeKills: 2,
+      topKillerName: "Player A",
+      topKillerKills: 7
+    }
+  ],
+  duels: {
+    players: [
+      { steamId64: "76561198000000001", name: "Player A", teamKey: "teamA" },
+      { steamId64: "76561198000000002", name: "Player B", teamKey: "teamB" }
+    ],
+    matrix: [
+      [0, 3],
+      [1, 0]
+    ],
+    openings: [
+      { steamId64: "76561198000000001", name: "Player A", teamKey: "teamA", openingKills: 4, openingDeaths: 2, winRatePercent: 66.7 },
+      { steamId64: "76561198000000002", name: "Player B", teamKey: "teamB", openingKills: 2, openingDeaths: 4, winRatePercent: 33.3 }
+    ]
+  },
   map: {
-    view: { name: "de_ancient", radarImageUrl: "/maps/radars/de_ancient.png", calibrated: true },
+    view: { name: "de_ancient", radarImageUrl: "/maps/radars/de_ancient.png", lowerRadarImageUrl: null, calibrated: true },
     modes: [],
     points: [],
     status: { hasRadar: true, hasPositionData: false, message: "该导出包暂无可展示的位置数据" }
@@ -48,23 +78,48 @@ const model: MatchWorkspaceModel = {
       {
         roundNumber: 1,
         startTick: 100,
+        freezeEndTick: 100,
         tickStep: 8,
         frameCount: 1,
         kills: [],
+        grenades: [
+          {
+            grenade: "smoke",
+            throwerSide: "ct",
+            throwTick: 90,
+            effectTick: 100,
+            destroyTick: 300,
+            throwX: 1,
+            throwY: 2,
+            effectX: 1,
+            effectY: 2,
+            effectZ: 3
+          }
+        ],
+        projectiles: [],
+        groundBombs: [],
+        groundDefusers: [],
+        bomb: null,
         players: [
           {
             steamId64: "76561198000000001",
             name: "Player A",
             teamKey: "teamA",
             side: "ct",
+            loadout: {
+              primaryWeapon: "ak47",
+              secondaryWeapon: "usp_silencer",
+              grenadeCount: 2,
+              grenades: ["smoke", "flashbang"]
+            },
             frames: [
-              { tick: 100, x: 1, y: 2, z: 3, yaw: 90, hp: 100, weapon: "ak47", alive: true, flashed: false, hasDefuseKit: true }
+              { tick: 100, x: 1, y: 2, z: 3, yaw: 90, hp: 100, armor: 100, weapon: "ak47", grenades: ["smoke"], alive: true, flashed: false, flashRemainingSeconds: 0, hasDefuseKit: true, hasBomb: false, hasHelmet: true }
             ]
           }
         ]
       }
     ],
-    capabilities: { hasDefuseKit: true, hasBombPosition: false }
+    capabilities: { hasDefuseKit: true }
   },
   adminQa: {
     ok: true,
@@ -81,13 +136,54 @@ describe("MatchWorkspace", () => {
     expect(html).toContain("最高 V2 RR");
     expect(html).toContain("回放");
     expect(html).toContain("8 Hz");
-    expect(html).toContain("拆弹器");
+    expect(html).toContain("走位 / 道具 / C4 时间线");
     expect(html).not.toContain("QA</span>");
     expect(html).not.toContain("pr1maly");
     expect(html).not.toContain("AWPy");
     expect(html).not.toContain("CS Demo Manager");
   });
 
+  it("renders stable loadout and current held utility in replay roster", () => {
+    const html = renderToStaticMarkup(React.createElement(ReplayViewer, {
+      replay: model.replay,
+      map: model.map.view
+    }));
+
+    expect(html).toContain("AK-47");
+    expect(html).toContain("USP-S");
+    expect(html).toContain("烟");
+    expect(html).not.toContain("闪");
+  });
+
+  it("colors replay smoke by current side instead of team identity", () => {
+    const html = renderToStaticMarkup(React.createElement(ReplayViewer, {
+      replay: model.replay,
+      map: model.map.view
+    }));
+
+    expect(html).toContain("dak-replay-fx-ct");
+    expect(html).not.toContain("dak-replay-fx-teamA");
+  });
+
+  it("starts coach replay at 1:35 and renders the shared round clock", () => {
+    const round = {
+      ...model.replay.rounds[0]!,
+      frameCount: 201,
+      targetEndTick: 1700
+    };
+    const replay = { ...model.replay, rounds: [round] };
+
+    expect(replayInitialFrameIndex(round, 64, 95)).toBe(160);
+
+    const html = renderToStaticMarkup(React.createElement(ReplayViewer, {
+      replay,
+      map: model.map.view,
+      initialClockSeconds: 95
+    }));
+    expect(html).toContain("回合时间");
+    expect(html).toContain("1:35");
+  });
+
   it("renders truncated timelines with an explicit expand control", () => {
     const events = Array.from({ length: 3 }, (_, index) => ({
       id: `event-${index}`,