feat(web-console): unify spatial UI and chat reset

This commit is contained in:
Miayui
2026-09-14 18:48:11 +08:00
parent 58f1a2da42
commit 84a3cd73bb
16 changed files with 333 additions and 86 deletions
+3 -4
View File
@@ -8854,10 +8854,9 @@ function downloadArtifact(type) {
URL.revokeObjectURL(link.href);
}
function startNewConversation() {
state.conversationId = createConversationId();
function startNewConversation(event) {
state.conversationId = String(event?.detail?.conversationId || createConversationId());
sessionStorage.setItem("cognitive-agent.conversation-id", state.conversationId);
window.location.reload();
}
window.CognitiveAgentConsole = {
@@ -9024,7 +9023,7 @@ document.addEventListener("DOMContentLoaded", async () => {
$("#requestForm").requestSubmit();
}
});
$("#newConversation").addEventListener("click", startNewConversation);
window.addEventListener("cognitive-agent:new-conversation", startNewConversation);
$("#vehicleSelect").addEventListener("change", (event) => {
selectVehicle(event.target.value);
});
+24 -3
View File
@@ -1512,21 +1512,42 @@
width: 100%;
max-width: none;
align-self: stretch;
display: grid;
grid-template-columns: 30px minmax(0, 1fr);
column-gap: 9px;
row-gap: 7px;
}
.assistant-message-with-dispatched-controls > .assistant-avatar {
grid-column: 1;
grid-row: 1;
}
.assistant-message-with-dispatched-controls .assistant-message-body {
min-width: 0;
flex: 1 1 0;
display: contents;
}
.assistant-message-with-dispatched-controls .assistant-message-body > :not(
.assistant-dispatched-controls-vue-host,
.assistant-dispatched-controls
) {
grid-column: 2;
}
.assistant-dispatched-controls-vue-host {
width: 100%;
max-width: 336px;
max-width: none;
}
.assistant-message-with-dispatched-controls .assistant-dispatched-controls-vue-host,
.assistant-message-with-dispatched-controls .assistant-message-body > .assistant-dispatched-controls {
grid-column: 1 / -1;
}
.assistant-dispatched-controls {
width: 100%;
max-width: 336px;
max-width: none;
box-sizing: border-box;
overflow: hidden;
color: var(--assistant-text, #233044);
+54 -7
View File
@@ -72,7 +72,14 @@
trigger.setAttribute("aria-label", "展开AI助手");
trigger.title = "展开AI助手";
trigger.innerHTML = '<i data-lucide="bot-message-square"></i><span class="visually-hidden">AI助手</span><b aria-hidden="true"></b>';
($("#v2PanelControlDock") || document.body).append(trigger);
const panelDock = $("#v2PanelControlDock");
if (panelDock) {
const firstRightPanelToggle = $("[data-panel-toggle]", panelDock);
if (firstRightPanelToggle) panelDock.insertBefore(trigger, firstRightPanelToggle);
else panelDock.append(trigger);
} else {
document.body.append(trigger);
}
trigger.addEventListener("click", () => {
setDrawerOpen(!document.body.classList.contains("assistant-drawer-open"));
@@ -1405,17 +1412,22 @@
const assistantMessage = createMessage("assistant", "", { pending: true });
pendingMessage = assistantMessage;
latestControlResult = null;
pendingController = new AbortController();
const requestController = new AbortController();
pendingController = requestController;
setComposerPending(true);
let completedError = null;
let resetForNewConversation = false;
try {
await streamAssistant(messageText, assistantMessage, pendingController.signal);
await streamAssistant(messageText, assistantMessage, requestController.signal);
setMessageContent(assistantMessage, assistantMessage.content, { final: true });
persistMessages();
} catch (error) {
completedError = error;
if (pendingController.signal.aborted) {
resetForNewConversation = requestController.signal.aborted
&& requestController.signal.reason === "new_conversation";
if (resetForNewConversation) return;
if (requestController.signal.aborted) {
const stopped = assistantMessage.content
? `${assistantMessage.content}\n\n已停止继续生成。已下发的车辆操作仍会由安全执行链路完成。`
: "已停止生成。已下发的车辆操作仍会由安全执行链路完成。";
@@ -1429,9 +1441,12 @@
}
persistMessages();
} finally {
if (pendingController === requestController) {
pendingController = null;
pendingMessage = null;
setComposerPending(false);
}
if (!resetForNewConversation) {
input.focus({ preventScroll: true });
window.dispatchEvent(new CustomEvent("cognitive-agent:request-complete", {
detail: {
@@ -1442,6 +1457,7 @@
}));
}
}
}
function announceModeExecution(profile, result = null, { command = "", error = null } = {}) {
const modeName = String(profile?.name || profile?.id || "功能模式");
@@ -1490,6 +1506,37 @@
stored.forEach((message) => createMessage(message.role, String(message.content || "")));
}
function resetConversation() {
const activeController = pendingController;
pendingController = null;
pendingMessage = null;
latestControlResult = null;
if (activeController) activeController.abort("new_conversation");
sessionStorage.removeItem(STORAGE_KEY);
clearActiveModeDraftContext();
const nextConversationId = createConversationId();
sessionStorage.setItem(CONVERSATION_STORAGE_KEY, nextConversationId);
const input = $("#utterance");
if (input) {
input.value = "";
delete input.dataset.speechStage;
delete input.dataset.speechUtteranceId;
delete input.dataset.speechValue;
input.dispatchEvent(new Event("input", { bubbles: true }));
resizeComposerInput(input);
}
renderInitialMessages();
setComposerPending(false);
setDrawerOpen(true);
requestAnimationFrame(() => input?.focus({ preventScroll: true }));
window.dispatchEvent(new CustomEvent("cognitive-agent:new-conversation", {
detail: { conversationId: nextConversationId },
}));
return nextConversationId;
}
function initialize() {
if (initialized || !$("#requestForm") || !$("#assistantMessages")) return;
initialized = true;
@@ -1526,9 +1573,8 @@
document.addEventListener("click", (event) => {
const target = event.target instanceof Element ? event.target : null;
if (!target?.closest("#newConversation")) return;
sessionStorage.removeItem(STORAGE_KEY);
clearActiveModeDraftContext();
sessionStorage.setItem(CONVERSATION_STORAGE_KEY, createConversationId());
event.preventDefault?.();
resetConversation();
}, true);
document.addEventListener("DOMContentLoaded", initialize);
@@ -1536,6 +1582,7 @@
submit: submitAssistant,
open: () => setDrawerOpen(true),
close: () => setDrawerOpen(false),
resetConversation,
startModeCreation,
announceModeExecution,
announceModeCreated(profile) {
+6 -6
View File
@@ -35,11 +35,11 @@
</script>
<link rel="stylesheet" href="/styles.css?v=dual-seat-23" />
<link rel="stylesheet" href="/console-v2.css?v=delivery-state-69" />
<link rel="stylesheet" href="/self-extension.css?v=pet-settings-49" />
<link rel="stylesheet" href="/self-extension.css?v=pet-settings-52" />
<link rel="stylesheet" href="/speech-input.css?v=sensevoice-7" />
<link rel="stylesheet" href="/assistant-chat.css?v=codex-assistant-28" />
<link rel="stylesheet" href="/assistant-chat.css?v=codex-assistant-29" />
<link rel="stylesheet" href="/energy-monitor.css?v=energy-monitor-4" />
<link rel="stylesheet" href="/ui-consistency.css?v=spatial-ui-4" />
<link rel="stylesheet" href="/ui-consistency.css?v=spatial-ui-5" />
<link rel="stylesheet" href="/codepen-glass-theme.css?v=creative-cloud-2" />
<script src="/vendor/lucide/0.468.0/lucide.min.js" defer></script>
<script src="/vendor/vue/3.5.21/vue.runtime.global.prod.js" defer></script>
@@ -48,13 +48,13 @@
<script src="/vendor/three/0.147.0/fflate.min.js" defer></script>
<script src="/vendor/three/0.147.0/FBXLoader.js" defer></script>
<script src="/network.js?v=android-pad-2" defer></script>
<script src="/app.js?v=dual-seat-139" defer></script>
<script src="/app.js?v=dual-seat-140" defer></script>
<script src="/speech-input.js?v=sensevoice-13" defer></script>
<script type="module" src="/gesture-control.js?v=android-pad-9"></script>
<script src="/pwa.js?v=android-pad-3" defer></script>
<script src="/console-v2.js?v=local-first-70" defer></script>
<script src="/self-extension.js?v=pet-settings-49" defer></script>
<script src="/assistant-chat.js?v=codex-assistant-32" defer></script>
<script src="/self-extension.js?v=pet-settings-52" defer></script>
<script src="/assistant-chat.js?v=codex-assistant-33" defer></script>
<script src="/energy-monitor.js?v=energy-monitor-4" defer></script>
</head>
<body class="console-v2">
+14 -3
View File
@@ -2351,10 +2351,11 @@ form > .v2-extension-primary {
padding: 15px 20px;
}
.v2-gscu-config-form > label,
.v2-gscu-actions label {
.v2-extension-dialog .v2-gscu-config-form > label,
.v2-extension-dialog .v2-gscu-actions label {
display: grid;
gap: 5px;
margin: 0;
color: #4c6263;
font-size: 9px;
font-weight: 800;
@@ -2370,7 +2371,9 @@ form > .v2-extension-primary {
.v2-gscu-config-form > .v2-extension-primary {
min-width: 135px;
margin: 0 0 22px;
height: 40px;
min-height: 40px;
margin: 0;
}
.v2-gscu-actions {
@@ -4104,6 +4107,14 @@ form > .v2-extension-primary {
cursor: pointer;
}
.v2-extension-dialog .v2-pet-card-region > header > button {
width: auto;
min-width: 104px;
height: 34px;
flex: 0 0 auto;
padding-inline: 13px;
}
.v2-pet-card-region button:disabled,
.v2-nfc-pet-binding button:disabled {
opacity: 0.52;
+8 -8
View File
@@ -732,12 +732,12 @@
<header><div><h2>红外学习器 TCP 控制</h2></div><button type="button" data-close-extension-dialog="extensionGscuTcpDialog" aria-label="关闭"><i data-lucide="x"></i></button></header>
<section class="v2-gscu-status" id="extensionGscuTcpStatus" data-state="checking"><i data-lucide="radio-tower"></i><div><strong>正在读取连接状态</strong><small>--</small></div><b>CHECK</b></section>
<form id="extensionGscuTcpForm" class="v2-gscu-config-form">
<label><span>本机监听 IP</span><input id="extensionGscuTcpHost" inputmode="decimal" maxlength="45" placeholder="0.0.0.0" required /><small>填写 0.0.0.0 可监听所有网卡;模块端应填写这台 Linux 的实际局域网 IP。</small></label>
<label><span>监听端口</span><input id="extensionGscuTcpPort" type="number" min="1" max="65535" value="4444" required /><small>必须与 GSCU1B 自定义 TCP 服务器端口一致。</small></label>
<label><span>本机监听 IP</span><input id="extensionGscuTcpHost" inputmode="decimal" maxlength="45" placeholder="0.0.0.0" aria-describedby="extensionGscuTcpHostHint" required /><small class="visually-hidden" id="extensionGscuTcpHostHint">填写 0.0.0.0 可监听所有网卡;模块端应填写这台 Linux 的实际局域网 IP。</small></label>
<label><span>监听端口</span><input id="extensionGscuTcpPort" type="number" min="1" max="65535" value="4444" aria-describedby="extensionGscuTcpPortHint" required /><small class="visually-hidden" id="extensionGscuTcpPortHint">必须与 GSCU1B 自定义 TCP 服务器端口一致。</small></label>
<button class="v2-extension-primary" type="submit" id="extensionGscuTcpApply">应用并开始监听</button>
</form>
<section class="v2-gscu-actions">
<header><div><strong>TCP 动作调试</strong><small>设备 ID 唯一标识控制对象;对象与动作可填写多个自然语言别名</small></div><label><span>红外槽位</span><input id="extensionGscuSlot" type="number" min="1" max="248" value="1" /></label><label><span>设备 ID</span><input id="extensionGscuDeviceId" maxlength="64" placeholder="toy-light-001" /></label><label><span>控制对象名称</span><input id="extensionGscuObjectNames" maxlength="240" placeholder="闪烁灯、闪光灯、闪灯玩具" /></label><label><span>执行动作</span><input id="extensionGscuActionNames" maxlength="240" placeholder="打开、开启、启动" /></label></header>
<header><div><strong>TCP 动作调试</strong></div><label><span>红外槽位</span><input id="extensionGscuSlot" type="number" min="1" max="248" value="1" /></label><label><span>设备 ID</span><input id="extensionGscuDeviceId" maxlength="64" placeholder="toy-light-001" /></label><label><span>控制对象名称</span><input id="extensionGscuObjectNames" maxlength="240" placeholder="闪烁灯、闪光灯、闪灯玩具" /></label><label><span>执行动作</span><input id="extensionGscuActionNames" maxlength="240" placeholder="打开、开启、启动" /></label></header>
<div class="v2-gscu-action-grid">
<button type="button" data-gscu-action="info">查询设备</button>
<button type="button" data-gscu-action="learn">开始学习</button>
@@ -757,12 +757,12 @@
<label><span>恢复出厂确认</span><input id="extensionGscuDangerConfirm" autocomplete="off" placeholder="恢复出厂请输入 RESET_DEVICE" /></label>
<div><button class="danger" type="button" data-gscu-action="erase">擦除全部红外码</button><button class="danger" type="button" data-gscu-action="reset">恢复出厂设置</button></div>
</details>
<section class="v2-gscu-command-catalog"><header><strong>已学习红外信号</strong><small>按设备 ID 分组;对象名称用于自然语言识别和调试,动作请包含结果值,如“切换为蓝色”</small></header><div id="extensionGscuNamedCommands"></div></section>
<section class="v2-gscu-command-catalog"><header><strong>已学习红外信号</strong></header><div id="extensionGscuNamedCommands"></div></section>
<details class="v2-gscu-result" id="extensionGscuTcpResultDetails"><summary>JSON 调试结果</summary><pre id="extensionGscuTcpResult">等待操作</pre></details>
</section>
</dialog>
<dialog class="v2-extension-dialog v2-pet-settings-dialog" id="extensionPetSettingsDialog" aria-labelledby="extensionPetSettingsTitle" aria-describedby="extensionPetSettingsDescription">
<header><div><h2 id="extensionPetSettingsTitle">宠物设置</h2><p id="extensionPetSettingsDescription">添加或编辑宠物资料;保存后可在 NFC 设备授权中绑定卡片。</p></div><button type="button" data-close-extension-dialog="extensionPetSettingsDialog" data-dialog-close aria-label="关闭宠物设置"><i data-lucide="x"></i></button></header>
<header><div><h2 id="extensionPetSettingsTitle">宠物设置</h2><p class="visually-hidden" id="extensionPetSettingsDescription">添加或编辑宠物资料;保存后可在 NFC 设备授权中绑定卡片。</p></div><button type="button" data-close-extension-dialog="extensionPetSettingsDialog" data-dialog-close aria-label="关闭宠物设置"><i data-lucide="x"></i></button></header>
<div class="v2-pet-settings-body" id="extensionPetSettingsBody"></div>
<footer class="v2-pet-settings-footnote"><i data-lucide="database"></i><span>宠物资料由后端永久保存,只有在此处手动删除才会移除。</span></footer>
</dialog>
@@ -4085,12 +4085,12 @@
</header>
<section class="v2-nfc-inline" data-state="${nfcState}">
<span class="v2-nfc-inline-icon"><i data-lucide="${nfcPet ? "paw-print" : nfcDevice ? "badge-check" : "scan-line"}"></i><b></b></span>
<div><strong>${escapeHtml(nfcTitle)}</strong><p>${escapeHtml(nfcNote)}</p>${nfcCapabilities.length ? `<div>${nfcCapabilities.slice(0, 6).map((capability) => `<i>${escapeHtml(capability.name)}</i>`).join("")}</div>` : ""}</div>
<div><strong title="${escapeHtml(nfcNote)}">${escapeHtml(nfcTitle)}</strong>${nfcPet ? "" : `<p>${escapeHtml(nfcNote)}</p>`}${nfcCapabilities.length ? `<div>${nfcCapabilities.slice(0, 6).map((capability) => `<i>${escapeHtml(capability.name)}</i>`).join("")}</div>` : ""}</div>
<button type="button" data-open-nfc-binding>${nfcPet ? "查看宠物" : nfcDevice ? "查看授权" : nfcCard?.uid ? "关联卡片" : "开始感应"}</button>
</section>
<div class="v2-extension-gateway">
<span><i data-lucide="usb"></i></span>
<div><strong>${gatewayLabel}</strong><small>${escapeHtml(gatewayNote)}</small></div>
<div><strong title="${escapeHtml(gatewayNote)}">${gatewayLabel}</strong></div>
<b>${String(health.transport || "GSCU").toUpperCase()}</b>
<button type="button" data-open-gscu-tcp><i data-lucide="settings-2"></i><span>TCP 设置</span></button>
</div>
@@ -4098,7 +4098,7 @@
${nfcPet ? renderDetectedPetCard(nfcPet) : ""}
${devices.length ? devices.map((device) => `
<article class="v2-extension-synced-device">
<header><span><i data-lucide="${device.cardUid ? "badge-check" : "cpu"}"></i></span><div><strong>${escapeHtml(device.name)}</strong><small>${escapeHtml(device.type)}${device.cardUid ? " · 已绑定 NFC" : ""}</small></div><b>${device.actions.length} 项能力</b></header>
<header><span><i data-lucide="${device.cardUid ? "badge-check" : "cpu"}"></i></span><div><strong title="${escapeHtml(device.type || device.name)}">${escapeHtml(device.name)}</strong></div><b>${device.actions.length} 项能力</b></header>
<div>${device.actions.slice(0, 8).map((action) => `<span>${escapeHtml(action)}</span>`).join("")}</div>
</article>`).join("") : nfcPet ? "" : `
<div class="v2-extension-empty">
+7 -7
View File
@@ -1,4 +1,4 @@
const CACHE_VERSION = "cognitive-agent-pad-v302";
const CACHE_VERSION = "cognitive-agent-pad-v305";
const SHELL_CACHE = `${CACHE_VERSION}-shell`;
const RUNTIME_CACHE = `${CACHE_VERSION}-runtime`;
const APP_SHELL = [
@@ -6,21 +6,21 @@ const APP_SHELL = [
"/index.html",
"/styles.css?v=dual-seat-23",
"/network.js?v=android-pad-2",
"/app.js?v=dual-seat-139",
"/app.js?v=dual-seat-140",
"/gesture-control.js?v=android-pad-9",
"/pwa.js?v=android-pad-3",
"/console-v2.css?v=delivery-state-69",
"/console-v2.js?v=local-first-70",
"/self-extension.css?v=pet-settings-49",
"/self-extension.js?v=pet-settings-49",
"/self-extension.css?v=pet-settings-52",
"/self-extension.js?v=pet-settings-52",
"/speech-input.css?v=sensevoice-7",
"/speech-input.js?v=sensevoice-13",
"/speech-audio-worklet.js?v=sensevoice-5",
"/assistant-chat.css?v=codex-assistant-28",
"/assistant-chat.js?v=codex-assistant-32",
"/assistant-chat.css?v=codex-assistant-29",
"/assistant-chat.js?v=codex-assistant-33",
"/energy-monitor.css?v=energy-monitor-4",
"/energy-monitor.js?v=energy-monitor-4",
"/ui-consistency.css?v=spatial-ui-4",
"/ui-consistency.css?v=spatial-ui-5",
"/codepen-glass-theme.css?v=creative-cloud-2",
"/vue-ui.js?v=vue-presentation-3",
"/assets/pets/self-extension-cat.png?v=3",
+79 -2
View File
@@ -2,12 +2,16 @@
Keep geometry consistent across legacy modules without changing their
domain-specific colors, content density, or interaction behavior.
Hierarchy: control 10px -> item 12px -> section 16px -> panel 18px ->
modal 22px. All modules consume the same semantic color tokens. */
Hierarchy: control 10px -> card 13px -> section 15px -> panel 16px ->
modal 20px. All modules consume the same semantic color tokens. */
:root {
--ui-control-height-compact: 30px;
--ui-control-height: 38px;
--ui-control-size-icon: 36px;
--ui-font-card-title: 13px;
--ui-font-section-title: 15px;
--ui-font-panel-title: 16px;
--ui-inline-action-width: 88px;
--ui-radius-control-inner: calc(var(--radius) - 2px);
--ui-radius-control: var(--radius);
--ui-radius-item: calc(var(--radius) + 2px);
@@ -27,6 +31,43 @@
--ui-focus-ring: 0 0 0 3px color-mix(in oklch, var(--ring) 22%, transparent);
}
/* One readable type scale prevents large legacy headings and tiny newer card
titles from competing inside the same workspace. */
.console-v2 :is(
.v2-operation-heading h2,
.joint-twin-shell .twin-heading h3,
.v2-device-sync-board > header h3,
.v2-extension-sync-heading h3,
.v2-sync-sidebar-heading h2,
.workspace-panel-title h3,
.config-panel-heading h3
) {
font-size: var(--ui-font-panel-title) !important;
line-height: 1.25;
letter-spacing: -0.02em;
}
.console-v2 :is(
.v2-pet-card-region > header h4,
.v2-gscu-actions > header strong,
.v2-gscu-command-catalog > header strong
) {
font-size: var(--ui-font-section-title) !important;
line-height: 1.3;
}
.console-v2 :is(
.v2-device-card-focus strong,
.v2-nfc-inline strong,
.v2-extension-gateway strong,
.v2-extension-synced-device header strong,
.v2-pet-presence-card > header strong,
.v2-pet-card > header > strong
) {
font-size: var(--ui-font-card-title) !important;
line-height: 1.35;
}
/* Top-level workspace surfaces share one frame. */
.console-v2.v2-passive-display.v2-interactive-sync :is(
.v2-operation-shell,
@@ -174,6 +215,7 @@
/* Repeated inline actions use one compact size. */
.console-v2 :is(
.v2-device-adjust-toggle,
.v2-pet-settings-launch,
.v2-extension-nfc-launch,
.v2-extension-gateway > button,
.v2-nfc-inline button
@@ -184,6 +226,36 @@
border-radius: var(--ui-radius-control-inner);
}
/* Related extension actions use equal columns and a shared trailing action
width, so every card keeps the same horizontal rhythm. */
.console-v2 .v2-extension-sync-actions {
width: calc(var(--ui-inline-action-width) * 2 + 6px);
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
}
.console-v2 .v2-extension-sync-actions > :is(
.v2-pet-settings-launch,
.v2-extension-nfc-launch
) {
width: 100%;
min-width: 0;
height: var(--ui-control-height-compact);
justify-content: center;
padding-inline: 7px;
font-size: 10px;
}
.console-v2 :is(
.v2-nfc-inline > button,
.v2-extension-gateway > button
) {
width: var(--ui-inline-action-width);
min-width: var(--ui-inline-action-width);
justify-content: center;
}
/* Header icon actions are distinct from circular record/send actions. */
.assistant-drawer-actions .context-reset,
.assistant-drawer-close,
@@ -246,6 +318,7 @@
.segmented > button,
.twin-selector > button,
.v2-device-adjust-toggle,
.v2-pet-settings-launch,
.v2-extension-nfc-launch,
.v2-extension-gateway > button,
.v2-nfc-inline button
@@ -263,6 +336,10 @@
--ui-control-height-compact: 32px;
--ui-control-size-icon: 38px;
}
.console-v2 .v2-extension-sync-actions {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
+19 -15
View File
@@ -807,7 +807,7 @@ operations:
def test_static_console_and_runtime_endpoint(self) -> None:
with self.opener.open(f"{self.base_url}/", timeout=3) as response:
html = response.read().decode("utf-8")
with self.opener.open(f"{self.base_url}/app.js?v=dual-seat-139", timeout=3) as response:
with self.opener.open(f"{self.base_url}/app.js?v=dual-seat-140", timeout=3) as response:
app_script = response.read().decode("utf-8")
with self.opener.open(
f"{self.base_url}/gesture-control.js?v=android-pad-9", timeout=3
@@ -834,15 +834,15 @@ operations:
) as response:
speech_worklet = response.read().decode("utf-8")
with self.opener.open(
f"{self.base_url}/self-extension.js?v=pet-settings-49", timeout=3
f"{self.base_url}/self-extension.js?v=pet-settings-52", timeout=3
) as response:
extension_script = response.read().decode("utf-8")
with self.opener.open(
f"{self.base_url}/self-extension.css?v=pet-settings-49", timeout=3
f"{self.base_url}/self-extension.css?v=pet-settings-52", timeout=3
) as response:
extension_styles = response.read().decode("utf-8").replace("\r\n", "\n")
with self.opener.open(
f"{self.base_url}/assistant-chat.js?v=codex-assistant-32", timeout=3
f"{self.base_url}/assistant-chat.js?v=codex-assistant-33", timeout=3
) as response:
assistant_script = response.read().decode("utf-8")
with self.opener.open(
@@ -887,7 +887,7 @@ operations:
self.assertIn("CMD 0x431 · FB 0x41A · CH1", html)
self.assertIn("CMD 0x431 · FB 0x388 · CH1", html)
self.assertNotIn("透明车体 · 实体设备", html)
self.assertIn('src="/app.js?v=dual-seat-139"', html)
self.assertIn('src="/app.js?v=dual-seat-140"', html)
self.assertIn('href="/styles.css?v=dual-seat-23"', html)
self.assertIn('src="/gesture-control.js?v=android-pad-9"', html)
self.assertNotIn('class="vehicle-system-hud"', html)
@@ -900,16 +900,16 @@ operations:
self.assertIn('<body class="console-v2">', html)
self.assertIn('id="v2BootScreen"', html)
self.assertIn('正在加载车机控制与实时状态', html)
self.assertIn('src="/self-extension.js?v=pet-settings-49"', html)
self.assertIn('href="/self-extension.css?v=pet-settings-49"', html)
self.assertIn('src="/self-extension.js?v=pet-settings-52"', html)
self.assertIn('href="/self-extension.css?v=pet-settings-52"', html)
self.assertNotIn("self-calibration", html)
self.assertNotIn("self-repair", html)
self.assertNotIn("self-evolution", html)
self.assertNotIn("滚动查看更多", html)
self.assertIn('aria-label="发送消息"', html)
self.assertIn('id="assistantTranscript"', html)
self.assertIn('href="/assistant-chat.css?v=codex-assistant-28"', html)
self.assertIn('src="/assistant-chat.js?v=codex-assistant-32"', html)
self.assertIn('href="/assistant-chat.css?v=codex-assistant-29"', html)
self.assertIn('src="/assistant-chat.js?v=codex-assistant-33"', html)
self.assertIn('href="/energy-monitor.css?v=energy-monitor-4"', html)
self.assertIn('src="/energy-monitor.js?v=energy-monitor-4"', html)
self.assertIn('href="/codepen-glass-theme.css?v=creative-cloud-2"', html)
@@ -929,7 +929,11 @@ operations:
self.assertIn('setSidePanelVisibility("devices", false)', console_script)
self.assertIn('setSidePanelVisibility("extensions", false)', console_script)
self.assertIn('setDrawerOpen(true)', assistant_script)
self.assertIn('($("#v2PanelControlDock") || document.body).append(trigger)', assistant_script)
self.assertIn('const panelDock = $("#v2PanelControlDock")', assistant_script)
self.assertIn(
"panelDock.insertBefore(trigger, firstRightPanelToggle)",
assistant_script,
)
self.assertIn('trigger.id = "energyMonitorToggle"', energy_script)
self.assertIn('document.body.append(layer)', energy_script)
self.assertIn('.energy-monitor-layer', energy_styles)
@@ -1194,14 +1198,14 @@ operations:
self.assertIn("CAN 指令已提交,等待车辆状态确认", console_script)
self.assertIn('canvas.addEventListener("webglcontextlost"', app_script)
self.assertIn('"cognitive-agent:module-change"', app_script)
self.assertIn('const CACHE_VERSION = "cognitive-agent-pad-v302"', service_worker)
self.assertIn('const CACHE_VERSION = "cognitive-agent-pad-v305"', service_worker)
self.assertIn('/console-v2.css?v=delivery-state-69', service_worker)
self.assertIn('/console-v2.js?v=local-first-70', service_worker)
self.assertIn('/assistant-chat.css?v=codex-assistant-28', service_worker)
self.assertIn('/assistant-chat.js?v=codex-assistant-32', service_worker)
self.assertIn('/assistant-chat.css?v=codex-assistant-29', service_worker)
self.assertIn('/assistant-chat.js?v=codex-assistant-33', service_worker)
self.assertIn('/energy-monitor.css?v=energy-monitor-4', service_worker)
self.assertIn('/energy-monitor.js?v=energy-monitor-4', service_worker)
self.assertIn('"/app.js?v=dual-seat-139"', service_worker)
self.assertIn('"/app.js?v=dual-seat-140"', service_worker)
self.assertIn('"/speech-input.js?v=sensevoice-13"', service_worker)
self.assertIn('"/speech-input.css?v=sensevoice-7"', service_worker)
self.assertIn('"/speech-audio-worklet.js?v=sensevoice-5"', service_worker)
@@ -1658,7 +1662,7 @@ operations:
) as response:
extension_script = response.read().decode("utf-8")
with self.opener.open(
f"{self.base_url}/app.js?v=dual-seat-139", timeout=3
f"{self.base_url}/app.js?v=dual-seat-140", timeout=3
) as response:
app_script = response.read().decode("utf-8")
+53 -9
View File
@@ -13,15 +13,15 @@ def test_console_contains_ai_assistant_surface():
assert 'aria-label="AI助手对话"' in html
assert 'placeholder="向 AI助手提问或交代工作"' in html
assert 'aria-label="发送消息"' in html
assert 'href="/assistant-chat.css?v=codex-assistant-28"' in html
assert 'src="/assistant-chat.js?v=codex-assistant-32"' in html
assert 'href="/assistant-chat.css?v=codex-assistant-29"' in html
assert 'src="/assistant-chat.js?v=codex-assistant-33"' in html
def test_codex_assistant_assets_are_versioned_together_in_the_service_worker():
service_worker = (ROOT / "apps/web-console/service-worker.js").read_text(encoding="utf-8")
assert 'const CACHE_VERSION = "cognitive-agent-pad-v302"' in service_worker
assert '"/assistant-chat.css?v=codex-assistant-28"' in service_worker
assert '"/assistant-chat.js?v=codex-assistant-32"' in service_worker
assert 'const CACHE_VERSION = "cognitive-agent-pad-v305"' in service_worker
assert '"/assistant-chat.css?v=codex-assistant-29"' in service_worker
assert '"/assistant-chat.js?v=codex-assistant-33"' in service_worker
def test_codex_frontend_uses_one_streaming_endpoint_and_agent_work_events():
@@ -121,7 +121,11 @@ def test_starting_a_new_codex_conversation_rotates_the_conversation_id():
script = (ROOT / "apps/web-console/assistant-chat.js").read_text(encoding="utf-8")
assert 'const CONVERSATION_STORAGE_KEY = "cognitive-agent.conversation-id"' in script
assert "function createConversationId()" in script
assert "sessionStorage.setItem(CONVERSATION_STORAGE_KEY, createConversationId())" in script
assert "const nextConversationId = createConversationId()" in script
assert (
"sessionStorage.setItem(CONVERSATION_STORAGE_KEY, nextConversationId)"
in script
)
def test_assistant_uses_the_shared_top_right_dock_and_opens_by_default():
@@ -137,7 +141,9 @@ def test_assistant_uses_the_shared_top_right_dock_and_opens_by_default():
assert 'trigger.setAttribute("aria-pressed", String(open))' in script
assert 'drawer.toggleAttribute("inert", !open)' in script
assert 'trigger.className = "assistant-drawer-toggle v2-panel-control-button"' in script
assert '($("#v2PanelControlDock") || document.body).append(trigger)' in script
assert 'const panelDock = $("#v2PanelControlDock")' in script
assert "panelDock.insertBefore(trigger, firstRightPanelToggle)" in script
assert "document.body.append(trigger)" in script
assert 'id = "assistantDrawerClose"' not in script
assert "setDrawerOpen(true)" in script
assert 'event.key === "Escape"' in script
@@ -252,8 +258,8 @@ def test_latest_same_name_mode_draft_retires_stale_card_and_lifecycle_clears_con
"async function tryModeProfileDraft", 1
)[0]
new_conversation_flow = assistant.split(
'if (!target?.closest("#newConversation")) return;', 1
)[1].split("}, true);", 1)[0]
"function resetConversation()", 1
)[1].split("function initialize()", 1)[0]
assert "card.dataset.assistantModeName !== nextName" in replace_flow
assert "card.dataset.assistantModeDraft === nextRequestId" in replace_flow
@@ -266,6 +272,32 @@ def test_latest_same_name_mode_draft_retires_stale_card_and_lifecycle_clears_con
assert ".assistant-mode-draft-status.superseded" in css
def test_new_conversation_resets_chat_in_place_and_keeps_panel_order_spatial():
app = (ROOT / "apps/web-console/app.js").read_text(encoding="utf-8")
assistant = (ROOT / "apps/web-console/assistant-chat.js").read_text(
encoding="utf-8"
)
reset_flow = assistant.split("function resetConversation()", 1)[1].split(
"function initialize()", 1
)[0]
app_flow = app.split("function startNewConversation", 1)[1].split(
"window.CognitiveAgentConsole", 1
)[0]
assert 'activeController.abort("new_conversation")' in reset_flow
assert "sessionStorage.removeItem(STORAGE_KEY)" in reset_flow
assert "renderInitialMessages()" in reset_flow
assert "setComposerPending(false)" in reset_flow
assert '"cognitive-agent:new-conversation"' in reset_flow
assert "window.location.reload()" not in app_flow
assert (
'window.addEventListener("cognitive-agent:new-conversation", '
"startNewConversation)"
) in app
assert 'const firstRightPanelToggle = $("[data-panel-toggle]", panelDock)' in assistant
assert "panelDock.insertBefore(trigger, firstRightPanelToggle)" in assistant
def test_assistant_composer_grows_to_a_cap_then_scrolls_its_own_content():
assistant = (ROOT / "apps/web-console/assistant-chat.js").read_text(encoding="utf-8")
css = (ROOT / "apps/web-console/assistant-chat.css").read_text(encoding="utf-8")
@@ -383,6 +415,18 @@ def test_chat_styles_include_accessible_responsive_and_reduced_motion_states():
assert "@media (prefers-reduced-motion: reduce)" in css
def test_dispatched_control_card_spans_the_full_assistant_message_row():
css = (ROOT / "apps/web-console/assistant-chat.css").read_text(encoding="utf-8")
layout = css.split("/* Compact command receipt", 1)[1].split(
"/* The function-mode strip", 1
)[0]
assert "grid-template-columns: 30px minmax(0, 1fr)" in layout
assert "display: contents" in layout
assert "grid-column: 1 / -1" in layout
assert "max-width: none" in layout
def test_assistant_does_not_restore_collapsed_sidebars_and_uses_mobile_overlays():
script = (ROOT / "apps/web-console/assistant-chat.js").read_text(encoding="utf-8")
css = (ROOT / "apps/web-console/assistant-chat.css").read_text(encoding="utf-8")
@@ -35,10 +35,10 @@ def test_energy_monitor_assets_are_versioned_and_cached() -> None:
):
assert asset in html
assert f'"{asset}"' in service_worker
assert html.index("/assistant-chat.js?v=codex-assistant-32") < html.index(
assert html.index("/assistant-chat.js?v=codex-assistant-33") < html.index(
"/energy-monitor.js?v=energy-monitor-4"
)
assert 'const CACHE_VERSION = "cognitive-agent-pad-v302"' in service_worker
assert 'const CACHE_VERSION = "cognitive-agent-pad-v305"' in service_worker
def test_energy_monitor_uses_the_fifth_shared_dock_icon_and_starts_closed() -> None:
+2 -2
View File
@@ -42,13 +42,13 @@ def test_theme_asset_versions_are_consistent_with_the_pwa_shell() -> None:
for asset in (
"/styles.css?v=dual-seat-23",
"/console-v2.css?v=delivery-state-69",
"/self-extension.css?v=pet-settings-49",
"/self-extension.css?v=pet-settings-52",
"/speech-input.css?v=sensevoice-7",
"/codepen-glass-theme.css?v=creative-cloud-2",
):
assert asset in html
assert f'"{asset}"' in service_worker
assert 'const CACHE_VERSION = "cognitive-agent-pad-v302"' in service_worker
assert 'const CACHE_VERSION = "cognitive-agent-pad-v305"' in service_worker
def test_reference_glass_theme_covers_the_complete_workspace() -> None:
+2 -2
View File
@@ -60,8 +60,8 @@ def test_unified_console_exposes_device_id_based_nfc_authorization() -> None:
assert '.v2-nfc-command-list' in styles
assert '.v2-nfc-command-option' in styles
assert '.v2-nfc-select-all' in styles
assert 'self-extension.js?v=pet-settings-49' in html
assert 'self-extension.css?v=pet-settings-49' in html
assert 'self-extension.js?v=pet-settings-52' in html
assert 'self-extension.css?v=pet-settings-52' in html
def test_unified_console_exposes_gscu_tcp_configuration_and_actions() -> None:
@@ -1110,7 +1110,8 @@ def test_interactive_console_uses_one_top_right_icon_dock_for_all_five_panels()
assert 'data-lucide="car-front"' in console
assert 'data-lucide="usb"' in console
assert 'data-lucide="bot-message-square"' in assistant
assert '($("#v2PanelControlDock") || document.body).append(trigger)' in assistant
assert 'const panelDock = $("#v2PanelControlDock")' in assistant
assert "panelDock.insertBefore(trigger, firstRightPanelToggle)" in assistant
assert 'trigger.className = "assistant-drawer-toggle v2-panel-control-button"' in assistant
assert 'trigger.className = "energy-monitor-toggle v2-panel-control-button"' in energy
assert '$("#v2PanelControlDock").append(trigger)' in energy
@@ -12,7 +12,7 @@ def source(name: str) -> str:
def test_spatial_ui_contract_is_loaded_last_and_cached() -> None:
html = source("index.html")
service_worker = source("service-worker.js")
asset = "/ui-consistency.css?v=spatial-ui-4"
asset = "/ui-consistency.css?v=spatial-ui-5"
assert asset in html
assert f'"{asset}"' in service_worker
@@ -25,6 +25,10 @@ def test_same_kind_surfaces_share_geometry_tokens() -> None:
for token in (
"--ui-control-height-compact:",
"--ui-control-height:",
"--ui-font-card-title:",
"--ui-font-section-title:",
"--ui-font-panel-title:",
"--ui-inline-action-width:",
"--ui-radius-control:",
"--ui-radius-item:",
"--ui-radius-section:",
@@ -59,6 +63,7 @@ def test_same_kind_controls_share_sizes_and_focus_treatment() -> None:
"#v2PanelControlDock > .v2-panel-control-button",
".v2-mode-rail .mode-rail-actions > button",
".v2-device-adjust-toggle",
".v2-pet-settings-launch",
".v2-extension-nfc-launch",
".energy-trend-tabs button",
".mode-gallery-close",
@@ -71,6 +76,44 @@ def test_same_kind_controls_share_sizes_and_focus_treatment() -> None:
assert "outline: none" in styles
def test_panel_titles_and_extension_actions_share_type_and_size_tokens() -> None:
styles = source("ui-consistency.css")
for selector in (
".v2-operation-heading h2",
".joint-twin-shell .twin-heading h3",
".v2-device-sync-board > header h3",
".v2-extension-sync-heading h3",
".v2-device-card-focus strong",
".v2-nfc-inline strong",
".v2-extension-gateway strong",
):
assert selector in styles
assert "font-size: var(--ui-font-panel-title) !important" in styles
assert "font-size: var(--ui-font-card-title) !important" in styles
assert "grid-template-columns: repeat(2, minmax(0, 1fr))" in styles
assert "width: var(--ui-inline-action-width)" in styles
def test_pet_and_tcp_dialog_controls_keep_accessible_aligned_layout() -> None:
styles = source("self-extension.css")
extension = source("self-extension.js")
tcp_form = styles.split(".v2-gscu-config-form {", 1)[1].split("}", 1)[0]
tcp_submit = styles.split(
".v2-gscu-config-form > .v2-extension-primary {", 1
)[1].split("}", 1)[0]
assert ".v2-extension-dialog .v2-pet-card-region > header > button" in styles
assert "min-width: 104px" in styles
assert "align-items: end" in tcp_form
assert "height: 40px" in tcp_submit
assert "margin: 0" in tcp_submit
assert 'id="extensionGscuTcpHostHint"' in extension
assert 'id="extensionGscuTcpPortHint"' in extension
assert 'class="visually-hidden" id="extensionPetSettingsDescription"' in extension
def test_compact_sidebar_overrides_cannot_break_shared_geometry() -> None:
styles = source("ui-consistency.css")
+3 -3
View File
@@ -18,14 +18,14 @@ def test_vue_presentation_assets_are_local_ordered_and_cached() -> None:
presentation = "/vue-ui.js?v=vue-presentation-3"
assert html.index(runtime) < html.index(presentation) < html.index(
"/app.js?v=dual-seat-139"
"/app.js?v=dual-seat-140"
)
assert html.index(presentation) < html.index(
"/assistant-chat.js?v=codex-assistant-32"
"/assistant-chat.js?v=codex-assistant-33"
)
assert f'"{runtime}"' in service_worker
assert f'"{presentation}"' in service_worker
assert 'const CACHE_VERSION = "cognitive-agent-pad-v302"' in service_worker
assert 'const CACHE_VERSION = "cognitive-agent-pad-v305"' in service_worker
assert "unpkg.com" not in html
assert "cdn.jsdelivr.net" not in html