fix(v2): 修复沙盘面板在真渲染下暴露的三处缺陷(浏览器实测)

这些缺陷源码守卫与构建都查不出,只有真正渲染才暴露(正是 F11 要防的情况):

1. 雷达图没有尺寸约束:<svg> 只有 viewBox,撑满整个容器(实测约 1000px 高),
   且轴上没有维度标签。现按仓库既有约定给显式 width/height 并补轴标签。
2. 首屏不显示演示值:真实运行视图按 AC-30 不携带演示估计,导致首屏显示
   "暂不显示",与 13 §7「首屏并列概率(演示值)+ 主审意见」不一致。
   现载入演示域运行后取一次基线情景(空选择 → 服务端演示表条目 00),
   production 域不请求演示表。
3. 未勾选任何假设时也画出实线情景轮廓(等于把基线复制成"所选情景");
   现只在存在被假设的维度时画实线。另外维度阶段补上序号,便于对照图例。

守卫脚本相应补 4 条断言(显式尺寸、轴标签、基线虚线、无勾选不画实线),
并修正被本次改动影响的旧断言。

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
2026-09-30 10:59:27 +08:00
co-authored by Claude Code
parent dbd6fee2e6
commit f1187218ca
2 changed files with 33 additions and 11 deletions
+22 -10
View File
@@ -50,6 +50,9 @@ export default function PrescreenPanel({project, request, busy, setBusy, setErro
} else {
setActions([]);
}
// 演示域的基线演示值来自服务端演示表:首屏就要能看到"演示值 + 人工设定说明",
// 而不是等用户勾选后才出现数字(13 §7)。production 域不取,避免越域数值。
if (first && first.data_domain === "demo") await applyScenario([], first);
} catch (e: any) {
setError(e.message);
} finally {
@@ -69,15 +72,16 @@ export default function PrescreenPanel({project, request, busy, setBusy, setErro
.catch((e: any) => setError(e.message));
}
async function applyScenario(keys: string[]) {
if (!run) return;
async function applyScenario(keys: string[], target?: RunView | null) {
const current = target || run;
if (!current) return;
const ticket = ++seq.current;
setBusy(true); setError(""); setNotice("");
setScenarioState(keys.length ? "computing" : "baseline");
try {
const result: Simulation = await request(
`${PRESCREEN}${projectPath}/runs/${encodeURIComponent(run.id)}/simulations`,
{assumptions: keys, expected_revision: run.revision});
`${PRESCREEN}${projectPath}/runs/${encodeURIComponent(current.id)}/simulations`,
{assumptions: keys, expected_revision: current.revision});
if (ticket !== seq.current) return; // 旧请求晚到:丢弃,不覆盖新结果
const returned = (result.assumptions || []).map((item) => item.key).sort().join(",");
if (returned !== [...keys].sort().join(",")) return; // 结果与当前选择不一致:丢弃
@@ -111,9 +115,10 @@ export default function PrescreenPanel({project, request, busy, setBusy, setErro
opener.current?.focus();
}
const baseline = demoValue(run?.data_domain || "demo", run?.probability_view);
const scenario = simulation && simulation.status === "ready"
? demoValue(run?.data_domain || "demo", simulation.probability_view) : null;
const domainName = run?.data_domain || "demo";
const baseline = demoValue(domainName, simulation?.baseline_probability_view || run?.probability_view);
const scenario = simulation && simulation.status === "ready" && selected.length
? demoValue(domainName, simulation.probability_view) : null;
const dimensions = run?.dimension_results || [];
// 刻度信息来自呈现层:运行视图只带阶段序数,因此默认同一刻度;方案带 scale_id 时按实际判断。
const shown = presentationFor(dimensions.map((item: any) => ({scale_id: item.scale_id || "stage"})));
@@ -170,7 +175,7 @@ export default function PrescreenPanel({project, request, busy, setBusy, setErro
const overlay = scenarioStages.get(item.id);
const stage = overlay ? overlay.scenario_stage : item.stage;
return <p key={item.id}>
<b>{item.id}</b> · {stateLabel(item.state)} · 阶段 {stageName(stage)}
<b>{item.id}</b> · {stateLabel(item.state)} · 阶段 {stage ?? "—"} · {stageName(stage)}
{overlay?.assumed ? "(本情景假设该维度交叉核验成立;原项目仍待核实)" : ""}
{" "}
<button className="ra-button" aria-label={`查看 ${item.id} 的依据`}
@@ -228,9 +233,11 @@ function RadarChart({dimensions, scenarioStages}: {dimensions: any[]; scenarioSt
const overlay = scenarioStages.get(item.id);
return overlay ? overlay.scenario_stage : item.stage;
});
const hasScenario = scenarioStages.size > 0;
// 只有真的存在被假设的维度才画实线:没勾选时把基线复制成"所选情景"是误导
const hasScenario = Array.from(scenarioStages.values()).some((item) => item.assumed);
return <div>
<svg role="group" aria-label="证据核验阶段雷达,详细内容见下方维度按钮" viewBox="-140 -120 280 250">
<svg role="group" aria-label="证据核验阶段雷达,详细内容见下方维度按钮"
width={330} height={260} viewBox="-150 -130 300 270">
{[1, 2, 3, 4].map((step) => <polygon key={step} className="radar-grid" fill="none" stroke="currentColor" opacity={0.2}
points={polygon(Array(count).fill(step))} />)}
{dimensions.map((item, index) => {
@@ -241,6 +248,11 @@ function RadarChart({dimensions, scenarioStages}: {dimensions: any[]; scenarioSt
points={polygon(baselineStages)} />
{hasScenario && <polygon data-series="scenario" fill="currentColor" fillOpacity={0.15} stroke="currentColor"
points={polygon(scenarioStagesList)} />}
{dimensions.map((item, index) => {
const [x, y] = point(index, 4.7);
return <text key={`label-${item.id}`} x={x} y={y} fontSize={11} textAnchor="middle"
fill="currentColor">{item.id}</text>;
})}
</svg>
<p>虚线为基线,实线为所选假设;两者都只是阶段,不是分数。</p>
</div>;