双通道前排座椅孪生：CH0 对应副驾座椅，CH1 对应主驾座椅；两侧状态相互独立。
实时更新 · 等待功率数据
${activePowerDevice.name}暂无可读的子部件功率通道，顶部总功率仍可独立查看。
all公共 Schema、领域 Schema 和语义约束均通过。";
list.append(row);
return;
}
issues.forEach((issue) => {
const row = document.createElement("div");
row.className = `validation-item ${issue.severity}`;
const severity = document.createElement("b");
severity.textContent = issue.severity.toUpperCase();
const code = document.createElement("code");
code.textContent = `${issue.code} · ${issue.path}`;
const message = document.createElement("span");
message.textContent = issue.message;
row.append(severity, code, message);
list.append(row);
});
}
function resetSeatState() {
$$('.seat-card[data-seat]').forEach((card) => {
card.dataset.ventilationState = "unknown";
card.dataset.ventilationLevel = "0";
card.dataset.heatingState = "unknown";
card.dataset.heatingLevel = "0";
card.dataset.massageState = "unknown";
});
$$(".thermal-states > span").forEach((item) => {
item.classList.remove("on");
$("b", item).textContent = "--";
});
$$(".motion-axis").forEach((item) => {
$("b", item).textContent = "--";
$("i", item).style.width = "0%";
item.classList.remove("fault");
});
}
function resetVehicleStatusDisplay() {
state.seatActuatorState = {};
resetSeatState();
const setText = (selector, value) => {
const element = $(selector);
if (element) element.textContent = value;
};
$$('[data-domain-panel]').forEach((panel) => panel.classList.remove("active"));
setText("#climatePower", "UNKNOWN");
setText("#driverTemperature", "-- ℃");
setText("#passengerTemperature", "-- ℃");
setText("#driverAirDirection", "-");
setText("#passengerAirDirection", "-");
const airflow = $("#airflowVisual");
if (airflow) airflow.dataset.level = "0";
setText("#fanLevel", "未知");
setText("#cycleMode", "未知");
setText("#acState", "未知");
setText("#defrostState", "未知");
setText("#vehicleTelemetryState", "只读");
setText("#vehicleGear", "--");
setText("#vehicleSpeed", "-- km/h");
[
"frontLeftDoorState",
"frontRightDoorState",
"rearLeftDoorState",
"rearRightDoorState",
].forEach((id) => setText(`#${id}`, "未知"));
$$('[data-door-state]').forEach((row) => { row.dataset.state = "unknown"; });
setText("#roofState", "UNKNOWN");
setText("#shadePositionValue", "未知");
setText("#shadeMotionState", "未知");
setText("#shadeInitializedState", "未知");
setText("#shadeThermalState", "未知");
const shadeMeter = $("#shadePositionMeter");
if (shadeMeter) shadeMeter.style.removeProperty("width");
setText("#ambientPower", "UNKNOWN");
setText("#ambientMode", "未知");
setText("#interiorLightPower", "未知");
setText("#ambientBrightness", "- / -");
setText("#ambientColorIndex", "- / -");
const ambientPanel = $('[data-domain-panel="ambient_light"]');
if (ambientPanel) {
ambientPanel.dataset.ambientPower = "unknown";
ambientPanel.dataset.interiorPower = "unknown";
}
setText("#windowState", "UNKNOWN");
["frontLeftWindow", "frontRightWindow", "rearLeftWindow", "rearRightWindow"]
.forEach((id) => setText(`#${id}`, "未知"));
$$('[data-window-meter]').forEach((meter) => {
meter.dataset.state = "unknown";
meter.style.removeProperty("--window-open");
});
setText("#frontLightState", "UNKNOWN");
["lowBeamState", "highBeamState", "fogLightState", "turnSignalState"]
.forEach((id) => setText(`#${id}`, "未知"));
$$('[data-light-meter]').forEach((meter) => { meter.dataset.state = "unknown"; });
setText("#cabinSummaryGear", "--");
setText("#cabinSummarySpeed", "-- km/h");
setText("#cabinSummaryDoors", "状态未知");
const summarySystem = $("#cabinSummarySystem");
if (summarySystem) {
summarySystem.textContent = "等待状态";
summarySystem.dataset.state = "waiting";
}
}
function mergeSeatActuatorState(previousState, patchState) {
const mergedState = { ...(previousState || {}) };
Object.entries(patchState || {}).forEach(([seat, functions]) => {
const previousSeat = mergedState[seat] || {};
const mergedSeat = { ...previousSeat };
Object.entries(functions || {}).forEach(([feature, value]) => {
if (feature === "position") {
const previousPosition = previousSeat.position || {};
const mergedPosition = { ...previousPosition };
Object.entries(value || {}).forEach(([axis, motion]) => {
mergedPosition[axis] = motion && typeof motion === "object"
? { ...(previousPosition[axis] || {}), ...motion }
: motion;
});
mergedSeat.position = mergedPosition;
return;
}
if (feature === "dynamic_mode") {
const item = $(`.seat-card[data-seat="${seat}"] [data-dynamic-mode]`);
if (!item) return;
const running = value.state === "running";
item.classList.toggle("running", running);
const runtimeMinutes = Number(value.max_runtime_ms || 600000) / 60000;
const runtimeLabel = Number.isInteger(runtimeMinutes)
? String(runtimeMinutes)
: runtimeMinutes.toFixed(1);
$("b", item).textContent = running
? `${value.name} · 循环中 · 最长${runtimeLabel}分钟`
: "未运行";
return;
}
mergedSeat[feature] = value && typeof value === "object" && !Array.isArray(value)
? { ...(previousSeat[feature] || {}), ...value }
: value;
});
mergedState[seat] = mergedSeat;
});
return mergedState;
}
function renderSeatState(actuatorState) {
if (!actuatorState) return;
const mergedActuatorState = mergeSeatActuatorState(
state.seatActuatorState,
actuatorState,
);
state.seatActuatorState = mergedActuatorState;
resetSeatState();
Object.entries(mergedActuatorState).forEach(([seat, functions]) => {
const displayFunctions = seat === "driver"
? twinDeviceForSeat("driver", { driver: functions })
: functions;
const seatCard = $(`.seat-card[data-seat="${seat}"]`);
Object.entries(displayFunctions).forEach(([feature, value]) => {
if (seatCard && ["ventilation", "heating"].includes(feature)) {
seatCard.dataset[`${feature}State`] = String(value?.state || "unknown");
seatCard.dataset[`${feature}Level`] = String(value?.level ?? 0);
} else if (seatCard && feature === "massage") {
const mode = String(value?.mode || "off");
const strength = String(value?.strength || "off");
seatCard.dataset.massageState = (
!["off", "unknown", ""].includes(mode)
|| !["off", "unknown", ""].includes(strength)
) ? "on" : "off";
}
if (feature === "position_feedback" && seat === "driver") {
const status = $('.seat-card[data-seat="driver"] [data-dynamic-mode] b');
const initialized = Object.values(value.initialized || {}).filter(Boolean).length;
if (status) status.textContent = value.absolute_position_available === false
? `0x494 初始化 ${initialized}/4 · 无绝对位置`
: "CH1 状态已同步";
return;
}
if (feature === "position") {
Object.entries(value).forEach(([axis, motion]) => {
const item = $(`.seat-card[data-seat="${seat}"] [data-axis="${axis}"]`);
if (!item) return;
const position = Number(motion.position_pct || 0);
const estimated = Boolean(
motion.position_estimated || motion.position_valid === false
);
$("b", item).textContent = `${estimated ? "≈" : ""}${position}%`;
item.title = estimated ? "Hall 已确认相对运动；绝对位置尚未标定" : "";
$("i", item).style.width = `${Math.max(0, Math.min(100, position))}%`;
item.classList.toggle("fault", Boolean(motion.fault));
});
return;
}
const item = $(`.seat-card[data-seat="${seat}"] [data-function="${feature}"]`);
if (!item) return;
if (feature === "massage") {
const mode = String(value.mode || "off");
const strength = String(value.strength || "off");
const active = !["off", "unknown", ""].includes(mode)
|| !["off", "unknown", ""].includes(strength);
item.classList.toggle("on", active);
$("b", item).textContent = active
? `${mode.toUpperCase()} · ${strength.toUpperCase()}`
: "OFF";
return;
}
item.classList.toggle("on", value.state === "on");
$("b", item).textContent = value.state === "on" ? `ON · L${value.level}` : "OFF";
});
});
updateSeatTwin(mergedActuatorState);
}
function renderDomainState(domainState) {
if (!domainState) return;
const outletModeLabel = (value) => {
const normalized = String(value || "").toLowerCase().replaceAll("-", "_");
const matrixLabels = {
face: "吹面",
face_feet: "吹面 / 吹脚",
feet: "吹脚",
feet_defrost: "吹脚 / 除霜",
defrost: "除霜",
face_feet_defrost: "吹面 / 吹脚 / 除霜",
face_defrost: "吹面 / 除霜",
};
if (matrixLabels[normalized]) return matrixLabels[normalized];
if (["avoid_people", "avoid_person", "avoid_person_blow", "avoid_occupant"].includes(normalized)) {
return "避人吹";
}
if (["sweep", "sweeping", "oscillate", "oscillation"].includes(normalized)) {
return "扫风";
}
return "-";
};
const onOffLabel = (value) => {
if ([true, 1, "1", "on", "open", "opened", "active"].includes(value)) return "开启";
if ([false, 0, "0", "off", "close", "closed", "inactive"].includes(value)) return "关闭";
return "未知";
};
const percentageValue = (value) => {
const numeric = Number(value);
return Number.isFinite(numeric) ? Math.max(0, Math.min(100, numeric)) : 0;
};
const climate = domainState.climate;
if (climate) {
const powerLabel = onOffLabel(climate.power);
const acLabel = onOffLabel(climate.ac);
const defrostLabel = onOffLabel(climate.front_defrost);
const fanValue = Number(climate.fan_level);
const hasFanLevel = climate.fan_level !== null
&& climate.fan_level !== undefined
&& climate.fan_level !== ""
&& Number.isFinite(fanValue);
const active = powerLabel === "开启" || acLabel === "开启" || (hasFanLevel && fanValue > 0);
const driverTemperature = climate.zones?.driver?.temperature_c
?? climate.zones?.vehicle?.temperature_c;
const passengerTemperature = climate.zones?.passenger?.temperature_c
?? climate.zones?.vehicle?.temperature_c;
const hasDriverTemperature = Number.isFinite(Number(driverTemperature));
const hasPassengerTemperature = Number.isFinite(Number(passengerTemperature));
$('[data-domain-panel="climate"]').classList.toggle("active", active);
$("#climatePower").textContent = powerLabel === "开启"
? "ON"
: powerLabel === "关闭" ? (active ? "ACTIVE" : "OFF") : active ? "ACTIVE" : "UNKNOWN";
$("#driverTemperature").innerHTML = hasDriverTemperature
? `${driverTemperature}℃`
: "--℃";
$("#passengerTemperature").innerHTML = hasPassengerTemperature
? `${passengerTemperature}℃`
: "--℃";
$("#driverAirDirection").textContent = outletModeLabel(climate.zones?.driver?.outlet_mode);
$("#passengerAirDirection").textContent = outletModeLabel(climate.zones?.passenger?.outlet_mode);
$("#airflowVisual").dataset.level = String(
hasFanLevel ? Math.max(0, Math.min(7, fanValue)) : 0,
);
$("#fanLevel").textContent = hasFanLevel ? `${fanValue} 档` : "未知";
$("#cycleMode").textContent = {
internal: "内循环",
external: "外循环",
auto: "自动循环",
}[climate.cycle_mode] || "未知";
$("#acState").textContent = acLabel;
$("#defrostState").textContent = defrostLabel;
const vehicleSystems = state.seatTwin?.vehicleSystems;
if (vehicleSystems) {
if (hasFanLevel) {
vehicleSystems.targets.climateLevel = Math.max(0, Math.min(7, fanValue));
}
const activeTemperature = Number(
selectedVehicleTransport()?.target_policy === "ch1_body_can_driver_only"
? driverTemperature
: passengerTemperature,
);
if (Number.isFinite(activeTemperature)) {
vehicleSystems.targets.climateTemperature = activeTemperature;
}
}
}
const roof = domainState.roof;
if (roof) {
const transmittance = Math.max(0, Math.min(100, Number(roof.transmittance_pct) || 0));
const shadePosition = Math.max(0, Math.min(100, Number(roof.shade_position_pct) || 0));
$('[data-domain-panel="roof"]').classList.toggle(
"active",
transmittance < 100 || shadePosition > 0 || roof.automatic_dimming === "on",
);
const roofGlass = $("#roofGlass");
const roofShade = $("#roofShade");
if (roofGlass) roofGlass.style.background = `rgba(105, 160, 185, ${0.12 + transmittance * 0.0042})`;
if (roofShade) roofShade.style.width = `${100 - shadePosition}%`;
$("#shadePositionValue").textContent = `${shadePosition}%`;
const shadePositionMeter = $("#shadePositionMeter");
if (shadePositionMeter) shadePositionMeter.style.width = `${shadePosition}%`;
const shadeMotionLabels = {
stopped: "停止",
opening: "打开中",
closing: "关闭中",
anti_pinch: "防夹",
unknown: "未知",
};
$("#shadeMotionState").textContent = shadeMotionLabels[roof.motion_state] || "未知";
$("#shadeInitializedState").textContent = roof.initialized === true
? "已初始化"
: roof.initialized === false ? "未初始化" : "未知";
$("#shadeThermalState").textContent = roof.thermal_protection === true ? "保护中" : "正常";
$("#roofState").textContent = roof.fault ? "FAULT" : "READY";
const vehicleSystems = state.seatTwin?.vehicleSystems;
if (vehicleSystems) {
vehicleSystems.targets.roofTransmittance = transmittance;
vehicleSystems.targets.roofShadePosition = shadePosition;
}
}
const vehicleStatus = domainState.vehicle_status || domainState.vehicle_safety;
const door = domainState.door;
if (vehicleStatus || door) {
const panel = $('[data-domain-panel="vehicle_status"]');
const gear = String(vehicleStatus?.gear || "unknown").toUpperCase();
const speedValue = vehicleStatus?.speed_kmh;
const speed = Number(speedValue);
const hasGear = ["P", "R", "N", "D"].includes(gear);
const hasSpeed = speedValue !== null
&& speedValue !== undefined
&& speedValue !== ""
&& Number.isFinite(speed);
$("#vehicleGear").textContent = hasGear ? gear : "--";
$("#vehicleSpeed").textContent = hasSpeed
? `${speed < 10 ? speed.toFixed(1) : speed.toFixed(0)} km/h`
: "-- km/h";
const doorLabels = { lock: "已锁", unlock: "未锁", unknown: "未知" };
const doorIds = {
front_left: "frontLeftDoorState",
front_right: "frontRightDoorState",
rear_left: "rearLeftDoorState",
rear_right: "rearRightDoorState",
};
let knownDoorCount = 0;
let lockedDoorCount = 0;
Object.entries(doorIds).forEach(([name, id]) => {
const lockState = String(door?.locks?.[name]?.state || "unknown").toLowerCase();
if (lockState !== "unknown") knownDoorCount += 1;
if (lockState === "lock") lockedDoorCount += 1;
$(`#${id}`).textContent = doorLabels[lockState] || "未知";
const row = panel?.querySelector(`[data-door-state="${name}"]`);
if (row) row.dataset.state = lockState;
});
const feedbackSource = vehicleStatus?.feedback_source || door?.feedback_source;
const hasAuthoritativeState = isAuthoritativeCh1Source(feedbackSource);
const wirelessState = feedbackSource === "wireless_mqtt_ch1";
panel?.classList.toggle("active", hasAuthoritativeState);
$("#vehicleTelemetryState").textContent = hasAuthoritativeState
? (hasGear && hasSpeed && knownDoorCount === 4
? (wirelessState ? "MQTT 实时" : "实时")
: (wirelessState ? "MQTT 部分" : "部分"))
: "只读";
const summaryGear = $("#cabinSummaryGear");
const summarySpeed = $("#cabinSummarySpeed");
const summaryDoors = $("#cabinSummaryDoors");
const summarySystem = $("#cabinSummarySystem");
if (summaryGear) summaryGear.textContent = hasGear ? `${gear} 挡` : "--";
if (summarySpeed) summarySpeed.textContent = hasSpeed
? `${speed < 10 ? speed.toFixed(1) : speed.toFixed(0)} km/h`
: "-- km/h";
if (summaryDoors) summaryDoors.textContent = knownDoorCount < 4
? "状态未知"
: lockedDoorCount === 4 ? "四门已锁" : `${lockedDoorCount} 门已锁`;
if (summarySystem) {
const faulted = Boolean(vehicleStatus?.fault || door?.fault);
summarySystem.textContent = faulted
? "需检查"
: hasAuthoritativeState ? "CAN 实时" : "等待状态";
summarySystem.dataset.state = faulted
? "warning"
: hasAuthoritativeState ? "healthy" : "waiting";
}
}
const ambient = domainState.ambient_light;
if (ambient) {
const active = ambient.power === "on";
const authoritativeAmbient = isAuthoritativeCh1Source(ambient.feedback_source);
const indexedPhysicalColor = authoritativeAmbient
&& Number.isInteger(ambient.front_color_index);
const color = indexedPhysicalColor
? "#D6DCE0"
: authoritativeAmbient ? "#B8C2C5"
: /^#[0-9A-Fa-f]{6}$/.test(ambient.color_hex || "")
? ambient.color_hex.toUpperCase()
: "#74D9FF";
const physicalBrightness = Number(ambient.front_brightness_level);
const brightness = Math.max(0, Math.min(100,
Number.isFinite(physicalBrightness) && isAuthoritativeCh1Source(ambient.feedback_source)
? physicalBrightness * 20
: Number(ambient.brightness_pct) || 0,
));
const opacity = active ? Math.max(0.18, brightness / 100) : 0.08;
const modeLabels = {
camping: "露营",
rest: "小憩",
cinema: "观影",
meditation: "冥想",
romantic: "浪漫",
custom: "自定义",
on: "开启",
off: "关闭",
};
const lightPanel = $('[data-domain-panel="ambient_light"]');
lightPanel.dataset.ambientPower = ambient.power || "unknown";
$$(".ambient-line").forEach((line) => {
line.style.background = color;
line.style.boxShadow = `0 0 ${Math.round(5 + brightness / 8)}px ${color}`;
line.style.opacity = String(opacity);
});
$("#ambientMode").textContent = indexedPhysicalColor
? (active ? "开启（车端色号）" : "关闭")
: authoritativeAmbient
? (active ? "开启（色号无效）" : ambient.power === "off" ? "关闭" : "状态未知")
: modeLabels[ambient.mode] || ambient.mode || "自定义";
$("#ambientBrightness").textContent = `${ambient.front_brightness_level ?? "-"} / ${ambient.rear_brightness_level ?? "-"}`;
$("#ambientColorIndex").textContent = `${ambient.front_color_index ?? "-"} / ${ambient.rear_color_index ?? "-"}`;
[
["ambientFrontMeter", ambient.front_brightness_level],
["ambientRearMeter", ambient.rear_brightness_level],
].forEach(([id, level]) => {
const meter = $(`#${id}`);
if (!meter) return;
const normalizedLevel = Math.max(0, Math.min(5, Number(level) || 0));
meter.style.background = color;
meter.style.opacity = String(active ? 0.28 + normalizedLevel * 0.144 : 0.18);
meter.style.boxShadow = active
? `0 0 ${3 + normalizedLevel * 1.5}px ${color}`
: "none";
});
const vehicleSystems = state.seatTwin?.vehicleSystems;
if (vehicleSystems) {
vehicleSystems.targets.ambientPower = active ? 1 : 0;
vehicleSystems.targets.ambientBrightness = brightness;
vehicleSystems.colors.ambientTarget.set(color);
}
}
const interiorLight = domainState.interior_light;
if (interiorLight) {
const lightPanel = $('[data-domain-panel="ambient_light"]');
lightPanel.dataset.interiorPower = interiorLight.power || "unknown";
$("#interiorLightPower").textContent = onOffLabel(interiorLight.power);
}
if (ambient || interiorLight) {
const lightPanel = $('[data-domain-panel="ambient_light"]');
const ambientOn = lightPanel.dataset.ambientPower === "on";
const interiorOn = lightPanel.dataset.interiorPower === "on";
lightPanel.classList.toggle("active", ambientOn || interiorOn);
const ambientKnown = ["on", "off"].includes(lightPanel.dataset.ambientPower);
const interiorKnown = ["on", "off"].includes(lightPanel.dataset.interiorPower);
$("#ambientPower").textContent = ambientOn
? "AMBIENT"
: interiorOn ? "INTERIOR" : ambientKnown && interiorKnown ? "OFF" : "UNKNOWN";
}
const windowState = domainState.window || domainState.windows;
if (windowState) {
const readWindowFeedback = (key) => {
const source = windowState.positions?.[key]
?? windowState.windows?.[key]
?? windowState[key];
const rawPosition = source?.position_pct ?? source?.opening_pct ?? source?.position;
const numericPosition = Number(rawPosition);
return {
position: rawPosition !== null
&& rawPosition !== undefined
&& rawPosition !== ""
&& Number.isFinite(numericPosition)
? percentageValue(numericPosition)
: null,
closed: typeof source?.closed === "boolean" ? source.closed : null,
};
};
const windowFeedback = {
frontLeftWindow: readWindowFeedback("front_left"),
frontRightWindow: readWindowFeedback("front_right"),
rearLeftWindow: readWindowFeedback("rear_left"),
rearRightWindow: readWindowFeedback("rear_right"),
};
Object.entries(windowFeedback).forEach(([id, feedback]) => {
$(`#${id}`).textContent = feedback.position !== null
? `${feedback.position}%`
: feedback.closed === true ? "已关闭" : feedback.closed === false ? "未关闭" : "未知";
const windowKey = {
frontLeftWindow: "front_left",
frontRightWindow: "front_right",
rearLeftWindow: "rear_left",
rearRightWindow: "rear_right",
}[id];
const meter = $(`[data-window-meter="${windowKey}"]`);
if (meter) {
meter.dataset.state = feedback.closed === true
? "closed"
: feedback.closed === false ? "open" : "unknown";
if (feedback.position !== null) {
meter.style.setProperty("--window-open", `${feedback.position}%`);
} else {
meter.style.removeProperty("--window-open");
}
}
});
const knownWindowFeedback = Object.values(windowFeedback).filter(
(feedback) => feedback.position !== null || feedback.closed !== null,
);
const anyWindowOpen = knownWindowFeedback.some(
(feedback) => feedback.closed === false
|| (feedback.position !== null && feedback.position > 0),
);
const allWindowsClosed = knownWindowFeedback.length === 4
&& knownWindowFeedback.every(
(feedback) => feedback.closed === true || feedback.position === 0,
);
$('[data-domain-panel="window"]').classList.toggle("active", anyWindowOpen);
$("#windowState").textContent = anyWindowOpen ? "OPEN" : allWindowsClosed ? "CLOSED" : "UNKNOWN";
const vehicleSystems = state.seatTwin?.vehicleSystems;
if (vehicleSystems) {
Object.entries(windowFeedback).forEach(([id, feedback]) => {
const windowKey = {
frontLeftWindow: "front_left",
frontRightWindow: "front_right",
rearLeftWindow: "rear_left",
rearRightWindow: "rear_right",
}[id];
if (feedback.position !== null) {
vehicleSystems.targets.windowPositions[windowKey] = feedback.position;
} else if (feedback.closed === true) {
vehicleSystems.targets.windowPositions[windowKey] = 0;
}
});
}
}
const frontLight = domainState.front_light
|| domainState.front_lights
|| domainState.exterior_light
|| domainState.headlight;
if (frontLight) {
const readLightState = (...keys) => {
const key = keys.find((candidate) => frontLight[candidate] !== undefined);
const source = key ? frontLight[key] : undefined;
return source?.state ?? source?.power ?? source;
};
const lightStates = {
lowBeamState: readLightState("low_beam", "dipped_beam"),
highBeamState: readLightState("high_beam", "main_beam"),
fogLightState: readLightState("fog_light", "fog"),
turnSignalState: readLightState("turn_signal", "indicator"),
};
Object.entries(lightStates).forEach(([id, value]) => {
const label = onOffLabel(value);
$(`#${id}`).textContent = label;
const meter = $(`[data-light-meter="${id}"]`);
if (meter) meter.dataset.state = label === "开启" ? "on" : label === "关闭" ? "off" : "unknown";
});
const lightLabels = Object.values(lightStates).map(onOffLabel);
const anyLightOn = lightLabels.includes("开启");
const hasKnownLight = lightLabels.some((value) => value !== "未知");
$('[data-domain-panel="front_light"]').classList.toggle("active", anyLightOn);
$("#frontLightState").textContent = anyLightOn ? "ON" : hasKnownLight ? "OFF" : "UNKNOWN";
const vehicleSystems = state.seatTwin?.vehicleSystems;
if (vehicleSystems) {
[
["lowBeam", lightStates.lowBeamState],
["highBeam", lightStates.highBeamState],
["fogLight", lightStates.fogLightState],
["turnSignal", lightStates.turnSignalState],
].forEach(([target, value]) => {
const label = onOffLabel(value);
if (label !== "未知") vehicleSystems.targets[target] = label === "开启" ? 1 : 0;
});
}
}
}
function renderedConfig(result) {
if (result.scene_config) {
return {
scene_config: result.scene_config,
function_configs: result.function_configs,
};
}
return result.preset_config || result.function_config;
}
function renderedPlan(result) {
const plans = result.command_plans || {};
return Object.keys(plans).length > 1 ? plans : result.command_plan;
}
function renderSavedPresets(result) {
const indicator = $("#presetIndicator");
const presets = result.saved_presets || [];
if (!presets.length) {
indicator.hidden = true;
return;
}
const latest = result.preset_config
? {
name: result.preset_config.metadata.name,
target: result.preset_config.metadata.labels.target,
}
: presets[presets.length - 1];
const targetName = latest.target === "driver" ? "主驾" : "副驾";
$("span", indicator).textContent = `已保存 ${targetName} · ${latest.name}`;
indicator.hidden = false;
}
const CONFIG_DOMAIN_META = {
seat: { label: "副驾座椅", icon: "armchair", className: "seat" },
climate: { label: "空调", icon: "fan", className: "climate" },
ambient_light: { label: "氛围灯", icon: "lamp-ceiling", className: "ambient" },
roof: { label: "智能天幕", icon: "panels-top-left", className: "roof" },
door: { label: "车门锁", icon: "door-open", className: "generic" },
window: { label: "车窗", icon: "panels-top-left", className: "generic" },
outlet: { label: "电动风口", icon: "wind", className: "climate" },
interior_light: { label: "车内灯", icon: "lightbulb", className: "ambient" },
};
const CONFIG_CAPABILITY_LABELS = {
"seat.set_ventilation": "设置座椅通风",
"seat.set_heating": "设置座椅加热",
"seat.set_longitudinal": "调节座椅前后位置",
"seat.set_longitudinal_position": "调节座椅前后位置",
"seat.set_cushion_tilt": "调节座椅高度",
"seat.set_backrest_recline": "调节靠背角度",
"seat.set_legrest_height": "调节腿托角度",
"seat.set_legrest_extension": "调节腿托伸缩",
"seat.start_dynamic_mode": "启动动态座椅模式",
"seat.stop_dynamic_mode": "停止动态座椅模式",
"climate.set_temperature": "设置空调温度",
"climate.set_fan_level": "设置空调风量",
"climate.set_power": "设置空调电源",
"climate.set_ac": "设置 A/C",
"climate.set_cycle_mode": "设置内外循环",
"climate.set_outlet_mode": "设置出风模式",
"climate.set_front_defrost": "设置前风挡除霜",
"climate.set_control_mode": "设置空调控制模式",
"door.set_vehicle_lock": "整车门锁（当前 CH1 仅观测）",
"door.set_rear_lock": "二排门锁（当前 CH1 仅观测、已停用）",
"window.set_motion": "控制车窗动作",
"window.set_position": "设置车窗开度",
"outlet.set_position_percent": "设置电动风口位置",
"outlet.set_switch_state": "开关单个电动风口",
"outlet.set_calibrated_position": "设置电动风口标定位置",
"interior_light.set_indoor_power": "设置室内灯",
"interior_light.set_wall_power": "设置壁灯",
"interior_light.set_reading_power": "设置阅读灯",
"ambient_light.set_power": "设置氛围灯电源",
"ambient_light.set_illumination": "设置氛围灯颜色与亮度",
"ambient_light.set_color": "设置氛围灯颜色",
"ambient_light.set_brightness": "设置氛围灯亮度",
"ambient_light.set_mode": "设置氛围灯模式",
"roof.set_transmittance": "设置天幕透光率",
"roof.set_shade_position": "设置遮阳帘位置",
"roof.set_shade_motion": "控制遮阳帘动作",
"roof.set_automatic_dimming": "设置自动调光",
};
const CONFIG_PARAMETER_LABELS = {
power: "电源",
state: "状态",
level: "档位",
temperature_c: "目标温度",
fan_level: "目标风量",
position_pct: "目标位置",
angle_deg: "目标角度",
color_hex: "目标颜色",
brightness_pct: "目标亮度",
transmittance_pct: "目标透光率",
shade_position_pct: "遮阳帘位置",
automatic_dimming: "自动调光",
cycle_mode: "循环模式",
outlet_mode: "出风模式",
mode: "工作模式",
mode_id: "固件模式编号",
};
function makeConfigElement(tagName, className, textValue) {
const element = document.createElement(tagName);
if (className) element.className = className;
if (textValue != null) element.textContent = textValue;
return element;
}
function configTargetLabel(target = {}, domain) {
const scopes = {
driver: "主驾",
passenger: "副驾",
front_left: "主驾",
front_right: "副驾",
front_row: "前排",
rear_row: "后排",
vehicle: "全车",
cabin: "全车舱",
};
const rawScope = target.instance || target.zone || (domain === "seat" ? "passenger" : "vehicle");
const scope = scopes[rawScope] || rawScope;
if (domain === "seat") return `${scope}座椅`;
const device = CONFIG_DOMAIN_META[domain]?.label || target.device || domain;
return `${scope} · ${device}`;
}
function formatConfigValue(name, value) {
const stateLabels = {
on: "开启",
off: "关闭",
internal: "内循环",
external: "外循环",
face: "面部出风",
feet: "脚部出风",
cinema: "观影",
rest: "小憩",
custom: "自定义",
};
if (typeof value === "string" && stateLabels[value]) return stateLabels[value];
if (name === "temperature_c") return `${value} ℃`;
if (name === "angle_deg") return `${value}°`;
if (name === "fan_level" || name === "level") return `${value} 档`;
if (name.endsWith("_pct")) return `${value}%`;
if (typeof value === "boolean") return value ? "开启" : "关闭";
if (value && typeof value === "object") return JSON.stringify(value);
return String(value ?? "--");
}
function configEntries(result) {
const configured = result.function_configs || {};
if (Object.keys(configured).length) return Object.entries(configured);
const single = result.function_config || result.preset_config;
const domain = single?.spec?.domain || "seat";
return single ? [[domain, single]] : [];
}
function planForDomain(result, domain) {
if (result.command_plans?.[domain]) return result.command_plans[domain];
return result.command_plan?.spec?.domain === domain ? result.command_plan : null;
}
function renderConfigCards(result) {
const container = $("#configCards");
container.replaceChildren();
const entries = configEntries(result);
const operations = entries.flatMap(([configKey, config]) => (
(config?.spec?.operations || []).map((operation) => ({
configKey,
domain: config?.spec?.domain || configKey,
config,
operation,
}))
));
if (!operations.length) {
const empty = makeConfigElement("div", "config-empty");
empty.innerHTML = '暂无可展示的功能配置原始配置仍可在下方展开查看。';
container.append(empty);
refreshIcons();
return 0;
}
const sceneSummary = makeConfigElement("div", "config-scene-summary");
const sceneCopy = makeConfigElement("div", "config-scene-copy");
const sceneIcon = makeConfigElement("span", "config-scene-icon");
sceneIcon.innerHTML = '';
const sceneText = makeConfigElement("div", "");
sceneText.append(
makeConfigElement("strong", "", result.scene_config?.metadata?.name || "单域功能配置"),
makeConfigElement("span", "", result.scene_config ? "SceneConfig 联合场景" : "FunctionConfig 独立控制"),
);
sceneCopy.append(sceneIcon, sceneText);
const sceneStats = makeConfigElement("div", "config-scene-stats");
[[entries.length, "控制域"], [operations.length, "控制动作"], [result.validation?.length || 0, "校验提示"]].forEach(([value, label]) => {
const stat = makeConfigElement("span", "");
stat.append(makeConfigElement("b", "", value), makeConfigElement("small", "", label));
sceneStats.append(stat);
});
sceneSummary.append(sceneCopy, sceneStats);
container.append(sceneSummary);
operations.forEach(({ configKey, domain, config, operation }, index) => {
const meta = CONFIG_DOMAIN_META[domain] || { label: domain, icon: "box", className: "generic" };
const card = makeConfigElement("article", `config-card config-${meta.className}`);
const header = makeConfigElement("header", "config-card-header");
const identity = makeConfigElement("div", "config-card-identity");
const icon = makeConfigElement("span", "config-card-icon");
icon.innerHTML = ``;
const title = makeConfigElement("div", "");
title.append(
makeConfigElement("small", "", `ACTION ${String(index + 1).padStart(2, "0")} · ${domain.toUpperCase()}`),
makeConfigElement("strong", "", CONFIG_CAPABILITY_LABELS[operation.capability] || operation.capability || meta.label),
);
identity.append(icon, title);
header.append(identity, makeConfigElement("span", "config-domain-badge", meta.label));
const objectBlock = makeConfigElement("section", "config-object-block");
objectBlock.append(
makeConfigElement("span", "config-block-label", "控制对象"),
makeConfigElement("strong", "config-object-name", configTargetLabel(operation.target, domain)),
makeConfigElement("code", "config-object-path", `${operation.target?.device || domain} / ${operation.target?.zone || operation.target?.instance || "vehicle"}`),
);
const parametersBlock = makeConfigElement("section", "config-parameters-block");
parametersBlock.append(makeConfigElement("span", "config-block-label", "目标参数"));
const parameterGrid = makeConfigElement("div", "config-parameter-grid");
const parameters = Object.entries(operation.parameters || {});
(parameters.length ? parameters : [["state", "--"]]).forEach(([name, value]) => {
const item = makeConfigElement("div", "config-parameter");
const valueNode = makeConfigElement("strong", "", formatConfigValue(name, value));
if (name === "color_hex" && /^#[0-9A-Fa-f]{6}$/.test(String(value))) {
const swatch = makeConfigElement("i", "config-color-swatch");
swatch.style.background = value;
valueNode.prepend(swatch);
}
item.append(
makeConfigElement("span", "", CONFIG_PARAMETER_LABELS[name] || name),
valueNode,
);
parameterGrid.append(item);
});
parametersBlock.append(parameterGrid);
const plan = planForDomain(result, configKey);
const allCommands = plan?.spec?.commands || [];
const matchedCommands = allCommands.filter((command) => !command.operation_ref || command.operation_ref === operation.id);
const command = matchedCommands[0] || null;
const hardwareBlock = makeConfigElement("section", `config-hardware-block ${command ? "mapped" : "unmapped"}`);
hardwareBlock.append(makeConfigElement("span", "config-block-label", "硬件映射"));
const route = makeConfigElement("div", "config-hardware-route");
const from = makeConfigElement("div", "config-route-node");
from.append(makeConfigElement("small", "", "逻辑配置"), makeConfigElement("strong", "", operation.id || "operation"));
const arrow = makeConfigElement("i", "config-route-arrow");
arrow.innerHTML = '';
const to = makeConfigElement("div", "config-route-node target");
to.append(
makeConfigElement("small", "", command?.bus || plan?.spec?.platform || "待编译"),
makeConfigElement("strong", "", command?.message || "暂无 CAN 命令"),
);
route.append(from, arrow, to);
hardwareBlock.append(route);
const signals = Object.keys(command?.signals || {});
const signalList = makeConfigElement("div", "config-signal-list");
if (signals.length) {
signals.slice(0, 5).forEach((signal) => signalList.append(makeConfigElement("code", "", signal)));
if (signals.length > 5) signalList.append(makeConfigElement("code", "config-signal-more", `+${signals.length - 5}`));
} else {
signalList.append(makeConfigElement("span", "config-unmapped-note", "虚拟状态可预览，等待硬件编译映射"));
}
hardwareBlock.append(signalList);
const footer = makeConfigElement("footer", "config-card-footer");
const executionScope = config.metadata?.labels?.execution_scope;
const executionScopeLabel = result.execution_mode === "hardware" && domain === "seat"
? "座椅 CAN · CH0"
: executionScope === "vehicle_can_channel_1"
? "车身 CAN · CH1"
: executionScope === "virtual_only" ? "仅虚拟执行" : "已通过配置校验";
footer.append(
makeConfigElement("span", "", `超时 ${operation.timeout_ms ?? "--"} ms`),
makeConfigElement("span", "", operation.failure_policy === "continue" ? "失败后继续" : "失败即中止"),
makeConfigElement("span", "", executionScopeLabel),
);
card.append(header, objectBlock, parametersBlock, hardwareBlock, footer);
container.append(card);
});
refreshIcons();
return operations.length;
}
function renderCode(result) {
const config = renderedConfig(result);
$("#configCode code").textContent = toYaml(config);
const configCardCount = renderConfigCards(result);
const configDomains = Object.keys(result.function_configs || {});
$("#configFileName").textContent = result.scene_config
? `scene.yaml + functions/{${configDomains.join(",")}}.yaml`
: result.preset_config
? "presets/seat.yaml"
: `functions/${configDomains[0] || "seat"}.yaml`;
$("#configNavMeta").textContent = `${configCardCount} 个控制动作`;
$("#planCode code").textContent = toYaml(renderedPlan(result));
const planDomains = Object.keys(result.command_plans || {});
$("#planFileName").textContent = planDomains.length > 1
? `command-plans/{${planDomains.join(",")}}.yaml`
: `command-plans/${planDomains[0] || "seat"}.yaml`;
const resultItems = result.execution_report?.spec?.results || [];
const telemetry = resultItems.find((item) => item.telemetry?.feedback_frame)?.telemetry
|| resultItems[0]?.telemetry;
const frames = resultItems
.map((item) => item.telemetry?.command_frame)
.filter(Boolean);
const summary = $("#frameSummary");
if (frames.length) {
const feedback = telemetry?.feedback_frame
? `${telemetry.feedback_frame.frame_id} · ${telemetry.feedback_frame.data_hex}`
: "NO DIRECT FEEDBACK";
const simulatedHil = result.execution_report?.metadata?.labels?.seat_feedback === "simulated_hardware";
const mode = simulatedHil
? "HIL · SIMULATED"
: result.execution_report?.spec?.mode === "hil" ? "HIL · PHYSICAL" : "DRY-RUN";
summary.innerHTML = `Frames${frames.length}First payload${frames[0].frame_id} · ${frames[0].data_hex}Feedback${feedback}Mode${mode}`;
$("#planNavMeta").textContent = `${frames.length} 帧 · ${mode}`;
} else if (telemetry?.operation === "save_posture_preset") {
summary.innerHTML = `OperationPRESET STORECANNO FRAME EMITTEDScopeCONVERSATION`;
$("#planNavMeta").textContent = "预设存储 · 无 CAN 帧";
} else {
summary.innerHTML = "Frame ID--Payload--ModeNOT EXECUTED";
$("#planNavMeta").textContent = "未生成 CAN 帧";
}
}
function operationVerificationStatus(item = {}) {
const explicit = String(item.telemetry?.verification_status || "");
if (["verified_success", "submitted_unverified", "failed_or_blocked"].includes(explicit)) {
return explicit;
}
if (item.status !== "succeeded") return "failed_or_blocked";
if (item.telemetry?.physical_effect_confirmed === true || item.telemetry?.feedback_frame) {
return "verified_success";
}
if (item.telemetry?.command_frame
|| ["submitted", "queued", "published"].includes(item.telemetry?.delivery_status)) {
return "submitted_unverified";
}
return "verified_success";
}
function executionVerificationStatus(result = {}) {
const explicit = String(
result.execution_outcome
|| result.execution_report?.spec?.verification_status
|| "",
);
if (["verified_success", "submitted_unverified", "failed_or_blocked"].includes(explicit)) {
return explicit;
}
const operations = result.execution_report?.spec?.results || [];
const statuses = operations.map(operationVerificationStatus);
if (statuses.includes("failed_or_blocked")) return "failed_or_blocked";
if (statuses.includes("submitted_unverified")) return "submitted_unverified";
return "verified_success";
}
function renderExecution(result) {
const summary = $("#executionSummary");
const list = $("#resultList");
list.replaceChildren();
const report = result.execution_report;
if (!report) {
summary.className = "execution-summary failed";
const compileIssue = result.validation?.find((issue) => issue.code === "CAN_COMPILE_REJECTED");
const blockedReason = {
needs_confirmation: "请求需要补充确认",
capability_unavailable: "目标能力已识别，但对应域尚未接入执行器",
compile_failed: compileIssue?.message || "CAN 命令编译被安全约束阻止",
}[result.status] || "配置或语义校验未通过";
summary.innerHTML = `