fix: render sentinel checks with user-facing labels
This commit is contained in:
Codex
@@ -3,6 +3,99 @@
|
||||
import { createApp, computed, onMounted, ref, watch } from "./vendor/vue.esm-browser.prod.js";
|
||||
|
||||
const bootstrap = readBootstrap();
|
||||
const internalTextPattern = /水合|投影|Trace|trace|Shell|API|DOM|Console|console|Runner|runner|JSONL|steer|facts|分页|HTTP|http|requestfailed|pageerror|Final Response|Code Agent|web-probe|observe|analyzer|终态/u;
|
||||
const checkDisplayCatalog = {
|
||||
"code-agent-card-elapsed-missing": {
|
||||
code: "CHECK-101",
|
||||
title: "耗时未显示",
|
||||
summary: "运行卡片没有显示总耗时，影响判断等待时间。",
|
||||
},
|
||||
"code-agent-card-running-recent-update-missing": {
|
||||
code: "CHECK-102",
|
||||
title: "最近更新时间未显示",
|
||||
summary: "运行中的卡片没有显示最近更新时间，影响判断是否仍在推进。",
|
||||
},
|
||||
"turn-timing-total-elapsed-decrease": {
|
||||
code: "CHECK-103",
|
||||
title: "耗时显示回退",
|
||||
summary: "相邻采样中的总耗时出现回退，作为非阻塞计时报警展示。",
|
||||
},
|
||||
"page-loading-concurrent": {
|
||||
code: "CHECK-201",
|
||||
title: "多个加载状态同时出现",
|
||||
summary: "同一采样点看到多个加载提示，用户可能难以判断当前页面是否已就绪。",
|
||||
},
|
||||
"trace-events-page-read-requestfailed-root-cause": {
|
||||
code: "CHECK-301",
|
||||
title: "运行事件读取失败",
|
||||
summary: "运行事件页面读取失败，需要结合服务端链路确认具体失败位置。",
|
||||
},
|
||||
"runtime-requestfailed": {
|
||||
code: "CHECK-302",
|
||||
title: "页面资源加载失败",
|
||||
summary: "巡检期间捕获到页面资源加载失败，可能影响用户看到的运行状态。",
|
||||
},
|
||||
"runtime-console-alerts": {
|
||||
code: "CHECK-303",
|
||||
title: "页面脚本报警",
|
||||
summary: "巡检期间捕获到页面脚本报警，需要评估是否影响用户操作。",
|
||||
},
|
||||
"workbench-app-shell-transient-not-ready": {
|
||||
code: "CHECK-304",
|
||||
title: "工作台短暂未就绪",
|
||||
summary: "工作台短时间内未完成主界面就绪，作为启动过程上下文保留。",
|
||||
},
|
||||
"cross-page-projection-divergence": {
|
||||
code: "CHECK-401",
|
||||
title: "多页面状态不一致",
|
||||
summary: "同一会话在两个页面中显示的状态持续不一致，可能影响用户判断。",
|
||||
},
|
||||
"cross-page-projection-transient-divergence": {
|
||||
code: "CHECK-402",
|
||||
title: "多页面短暂不一致",
|
||||
summary: "页面切换附近短暂出现显示差异，作为上下文保留。",
|
||||
},
|
||||
"cross-page-projection-controlled-navigation-hydration": {
|
||||
code: "CHECK-403",
|
||||
title: "跳转后页面短暂空白",
|
||||
summary: "页面跳转后短暂空白，当前按非阻塞上下文展示。",
|
||||
},
|
||||
"cross-page-trace-visibility-divergence": {
|
||||
code: "CHECK-404",
|
||||
title: "运行记录显示数量不一致",
|
||||
summary: "两个页面看到的运行记录数量不同，但未直接证明消息状态不一致。",
|
||||
},
|
||||
"page-performance-slow-same-origin-api": {
|
||||
code: "CHECK-501",
|
||||
title: "页面数据加载慢",
|
||||
summary: "页面数据加载超过配置预算，用户可能感觉等待时间过长。",
|
||||
},
|
||||
"page-performance-long-lived-streams": {
|
||||
code: "CHECK-502",
|
||||
title: "长连接持续保持",
|
||||
summary: "长时间连接单独统计，不直接作为页面加载慢处理。",
|
||||
},
|
||||
"natural-api-dom-lag-baseline": {
|
||||
code: "CHECK-503",
|
||||
title: "数据变化可关联",
|
||||
summary: "已采集到数据响应和页面变化样本，可用于分析显示延迟。",
|
||||
},
|
||||
"natural-api-dom-lag-candidates": {
|
||||
code: "CHECK-504",
|
||||
title: "数据更新显示偏慢",
|
||||
summary: "部分数据变化到页面显示的时间超过预算，作为非阻塞调查报警。",
|
||||
},
|
||||
"browser-console-or-page-errors": {
|
||||
code: "CHECK-601",
|
||||
title: "页面脚本错误",
|
||||
summary: "巡检期间捕获到页面脚本错误，需要确认是否影响用户流程。",
|
||||
},
|
||||
"quick-verify-no-business-turn": {
|
||||
code: "CHECK-701",
|
||||
title: "业务轮次未完成",
|
||||
summary: "巡检未确认到稳定的业务交互结果，不能作为恢复证据。",
|
||||
},
|
||||
};
|
||||
|
||||
createApp({
|
||||
setup() {
|
||||
@@ -816,19 +909,22 @@ function clamp(value, min, max) {
|
||||
}
|
||||
|
||||
function rootCauseText(item) {
|
||||
if (item?.checkSummaryZh) return item.checkSummaryZh;
|
||||
if (item?.summary) return item.summary;
|
||||
if (item?.evidenceSummary) return item.evidenceSummary;
|
||||
const display = checkDisplay(item);
|
||||
if (display.summary) return display.summary;
|
||||
const safeSummary = safeUserText(item?.checkSummaryZh || item?.summary || item?.evidenceSummary);
|
||||
if (safeSummary) return safeSummary;
|
||||
if (item?.rootCause) return "已记录内部根因，见报告详情。";
|
||||
return "尚未记录用户可见问题摘要。";
|
||||
}
|
||||
|
||||
function findingTitle(item) {
|
||||
return item?.checkTitleZh || item?.check?.titleZh || item?.findingId || item?.code || item?.scenarioId || item?.latestRunId || "未登记监测项";
|
||||
const display = checkDisplay(item);
|
||||
if (display.title) return display.title;
|
||||
return safeUserText(item?.checkTitleZh || item?.check?.titleZh) || "未登记监测项";
|
||||
}
|
||||
|
||||
function findingCode(item) {
|
||||
return item?.checkCode || item?.check?.code || "未登记";
|
||||
return checkDisplay(item).code;
|
||||
}
|
||||
|
||||
function levelLabel(item) {
|
||||
@@ -869,6 +965,34 @@ function findingSearchText(item) {
|
||||
].filter((value) => value !== null && value !== undefined).join(" ").toLowerCase();
|
||||
}
|
||||
|
||||
function checkDisplay(item) {
|
||||
const rawCode = rawCheckCode(item);
|
||||
const registered = checkDisplayCatalog[rawCode];
|
||||
if (registered) return registered;
|
||||
return {
|
||||
code: stableCheckCode(rawCode),
|
||||
title: safeUserText(item?.checkTitleZh || item?.check?.titleZh) || "未登记监测项",
|
||||
summary: safeUserText(item?.checkSummaryZh || item?.summary || item?.evidenceSummary) || "已记录监测项详情，见报告原文。",
|
||||
};
|
||||
}
|
||||
|
||||
function rawCheckCode(item) {
|
||||
return String(item?.checkCode || item?.check?.code || item?.code || item?.findingId || item?.kind || "unknown");
|
||||
}
|
||||
|
||||
function stableCheckCode(value) {
|
||||
const text = String(value || "unknown");
|
||||
let hash = 0;
|
||||
for (let index = 0; index < text.length; index += 1) hash = (hash * 31 + text.charCodeAt(index)) >>> 0;
|
||||
return `CHECK-${String(hash % 10000).padStart(4, "0")}`;
|
||||
}
|
||||
|
||||
function safeUserText(value) {
|
||||
const text = String(value || "").replace(/\s+/g, " ").trim();
|
||||
if (text.length === 0 || internalTextPattern.test(text)) return "";
|
||||
return text;
|
||||
}
|
||||
|
||||
function detailSummaryText(detail) {
|
||||
return detailSummaryRows(detail).map((row) => `${row.label}: ${row.value}`).join("\n");
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user