推进 INI 面板 shell handoff mount DOM renderer

wasm-port/tests/browser/ini_panel_launch_smoke.html

@@ -90,6 +90,7 @@
         !launchApi?.getShellSessionHandoffPackageMountState ||
         !launchApi?.getShellSessionHandoffPackageMountDisplayViewModel ||
         !launchApi?.getShellSessionHandoffPackageMountRenderState ||
+        !launchApi?.renderShellSessionHandoffMountState ||
         !launchApi?.isSupportedShellSessionHandoffPackage ||
         !launchApi?.getLauncherLinks ||
         !launchApi?.getControlPageApiMethods
@@ -130,7 +131,7 @@
       );
       assertEqual(
         launchApiManifest.methods.join(","),
-        "isSupportedLaunchApiManifest,getLaunchApiSchema,getLaunchApiManifest,getShellIntegrationSchema,getShellIntegrationManifest,getShellIntegrationReadiness,getShellSessionHandoffSummarySchema,getShellSessionHandoffSummary,isSupportedShellSessionHandoffSummary,getShellSessionHandoffCompatibilityReport,getShellSessionHandoffDisplayViewModel,getShellSessionHandoffSnapshot,getShellSessionHandoffRenderState,getShellSessionHandoffActionPlan,getShellSessionHandoffChecklist,getShellSessionHandoffPackageSchema,getShellSessionHandoffPackage,getShellSessionHandoffPackageReport,getShellSessionHandoffPackageDisplayViewModel,getShellSessionHandoffPackageRenderState,getShellSessionHandoffPackageMountState,getShellSessionHandoffPackageMountDisplayViewModel,getShellSessionHandoffPackageMountRenderState,isSupportedShellSessionHandoffPackage,getLauncherLinks,getControlPageApiMethods",
+        "isSupportedLaunchApiManifest,getLaunchApiSchema,getLaunchApiManifest,getShellIntegrationSchema,getShellIntegrationManifest,getShellIntegrationReadiness,getShellSessionHandoffSummarySchema,getShellSessionHandoffSummary,isSupportedShellSessionHandoffSummary,getShellSessionHandoffCompatibilityReport,getShellSessionHandoffDisplayViewModel,getShellSessionHandoffSnapshot,getShellSessionHandoffRenderState,getShellSessionHandoffActionPlan,getShellSessionHandoffChecklist,getShellSessionHandoffPackageSchema,getShellSessionHandoffPackage,getShellSessionHandoffPackageReport,getShellSessionHandoffPackageDisplayViewModel,getShellSessionHandoffPackageRenderState,getShellSessionHandoffPackageMountState,getShellSessionHandoffPackageMountDisplayViewModel,getShellSessionHandoffPackageMountRenderState,renderShellSessionHandoffMountState,isSupportedShellSessionHandoffPackage,getLauncherLinks,getControlPageApiMethods",
         "launch API manifest methods",
       );
       const shellIntegrationSchema = launchApi.getShellIntegrationSchema();

wasm-port/tests/browser/ini_panel_shell_integration_workflow_smoke.html

@@ -44,28 +44,6 @@
       return frame.contentDocument;
     }
 
-    function renderExternalShellMountState(renderState) {
-      const mountNode = document.querySelector("[data-external-shell-mount]");
-      const statusNode = document.querySelector("[data-external-shell-mount-status]");
-      const rowsNode = document.querySelector("[data-external-shell-mount-rows]");
-      mountNode.dataset.handoffPhase = renderState.dataset.handoffPhase;
-      mountNode.dataset.handoffReady = renderState.dataset.handoffReady;
-      mountNode.dataset.handoffScope = renderState.dataset.handoffScope;
-      statusNode.textContent = renderState.statusLine;
-      rowsNode.replaceChildren();
-      for (const row of renderState.rows) {
-        const term = document.createElement("dt");
-        term.dataset.externalMountRow = row.id;
-        term.dataset.externalMountStatus = row.status;
-        term.textContent = row.label;
-        const detail = document.createElement("dd");
-        detail.dataset.externalMountValue = row.id;
-        detail.dataset.externalMountStatus = row.status;
-        detail.textContent = row.value;
-        rowsNode.append(term, detail);
-      }
-    }
-
     try {
       const iniText = `[EMC]
 MACHINE = browser-shell-integration
@@ -107,6 +85,7 @@ TOOL_TABLE = browser-shell-tool.tbl
         !launchApi?.getShellSessionHandoffPackageMountState ||
         !launchApi?.getShellSessionHandoffPackageMountDisplayViewModel ||
         !launchApi?.getShellSessionHandoffPackageMountRenderState ||
+        !launchApi?.renderShellSessionHandoffMountState ||
         !launchApi?.isSupportedShellSessionHandoffPackage
       ) {
         throw new Error("launch API namespace did not expose shell integration helpers");
@@ -130,7 +109,16 @@ TOOL_TABLE = browser-shell-tool.tbl
       const handoffPackageMountState = launchApi.getShellSessionHandoffPackageMountState();
       const handoffPackageMountDisplay = launchApi.getShellSessionHandoffPackageMountDisplayViewModel();
       const handoffPackageMountRenderState = launchApi.getShellSessionHandoffPackageMountRenderState();
-      renderExternalShellMountState(handoffPackageMountRenderState);
+      const waitingMountRenderResult = launchApi.renderShellSessionHandoffMountState(
+        handoffPackageMountRenderState,
+        {
+          documentRef: document,
+          mountNode: document.querySelector("[data-external-shell-mount]"),
+          statusNode: document.querySelector("[data-external-shell-mount-status]"),
+          rowsNode: document.querySelector("[data-external-shell-mount-rows]"),
+          rowDatasetPrefix: "externalMount",
+        },
+      );
       assertEqual(handoffSummarySchema.summaryVersion, 1, "shell handoff summary schema version");
       assertEqual(
         launchApi.isSupportedShellSessionHandoffSummary(handoffSummary),
@@ -195,6 +183,8 @@ TOOL_TABLE = browser-shell-tool.tbl
       assertEqual(handoffPackageMountState.sessionLoadState.phase, "waiting-panel", "shell handoff package mount-state default session");
       assertEqual(handoffPackageMountDisplay.detailText, "session-load-state", "shell handoff package mount display detail");
       assertEqual(handoffPackageMountRenderState.statusLine, "Blocked: session-load-state", "shell handoff package mount render-state status");
+      assertEqual(waitingMountRenderResult.rendered, true, "external shell waiting mount render result");
+      assertEqual(waitingMountRenderResult.rowCount, 5, "external shell waiting mount row count");
       assertEqual(
         document.querySelector("[data-external-shell-mount-status]").textContent,
         "Blocked: session-load-state",
@@ -287,11 +277,22 @@ TOOL_TABLE = browser-shell-tool.tbl
       );
       const readyMountDisplay = launchApi.getShellSessionHandoffPackageMountDisplayViewModel(readyMountState);
       const readyMountRenderState = launchApi.getShellSessionHandoffPackageMountRenderState(readyMountState);
-      renderExternalShellMountState(readyMountRenderState);
+      const readyMountRenderResult = launchApi.renderShellSessionHandoffMountState(
+        readyMountRenderState,
+        {
+          documentRef: document,
+          mountNode: document.querySelector("[data-external-shell-mount]"),
+          statusNode: document.querySelector("[data-external-shell-mount-status]"),
+          rowsNode: document.querySelector("[data-external-shell-mount-rows]"),
+          rowDatasetPrefix: "externalMount",
+        },
+      );
       assertEqual(readyMountState.ready, true, "shell handoff package mount-state readiness");
       assertEqual(readyMountState.sessionLoadState.phase, "ready", "shell handoff package mount-state ready session");
       assertEqual(readyMountDisplay.detailText, "No blocking reasons", "shell handoff package ready mount display");
       assertEqual(readyMountRenderState.statusLine, "Ready: No blocking reasons", "shell handoff package ready mount render-state");
+      assertEqual(readyMountRenderResult.rendered, true, "external shell ready mount render result");
+      assertEqual(readyMountRenderResult.dataset.handoffReady, "true", "external shell ready mount render dataset");
       assertEqual(
         document.querySelector("[data-external-shell-mount-status]").textContent,
         "Ready: No blocking reasons",

wasm-port/tests/ui/node/verify_ini_panel_entry_docs.mjs

@@ -27,6 +27,7 @@ import {
   createIniPanelShellSessionHandoffPackageMountDisplayViewModel,
   createIniPanelShellSessionHandoffPackageMountRenderState,
   createIniPanelShellSessionHandoffPackageMountState,
+  renderIniPanelShellSessionHandoffMountState,
   createIniPanelShellSessionHandoffPackageReport,
   createIniPanelShellSessionHandoffPackageRenderState,
   createIniPanelShellSessionHandoffPackageSchema,
@@ -92,6 +93,7 @@ const requiredShellExports = [
   "createIniPanelShellSessionHandoffPackageMountDisplayViewModel",
   "createIniPanelShellSessionHandoffPackageMountRenderState",
   "createIniPanelShellSessionHandoffPackageMountState",
+  "renderIniPanelShellSessionHandoffMountState",
   "createIniPanelShellSessionHandoffPackageReport",
   "createIniPanelShellSessionHandoffPackageRenderState",
   "createIniPanelShellSessionHandoffPackageSchema",
@@ -432,6 +434,8 @@ assert.match(docText, /\bdata-handoff-shell\b/);
 assert.match(docText, /\bdata-handoff-status\b/);
 assert.match(docText, /\bdata-handoff-rows\b/);
 assert.match(docText, /\bdata-external-shell-mount\b/);
+assert.match(docText, /\brenderIniPanelShellSessionHandoffMountState\b/);
+assert.match(docText, /\blinuxCncIniPanelLaunchApi\.renderShellSessionHandoffMountState\b/);
 assert.match(docText, /\blinuxCncIniPanelLaunchApi\.getControlPageApiMethods\b/);
 assert.match(docText, /\bini_panel_shell_integration_workflow_smoke\.html\b/);
 assert.match(browserIniPanelText, /\bini_panel_shell_integration_workflow_smoke\.html\b/);
@@ -448,6 +452,7 @@ assert.match(shellIntegrationWorkflowSmokeText, /\bgetShellSessionHandoffPackage
 assert.match(shellIntegrationWorkflowSmokeText, /\bgetShellSessionHandoffPackage\b/);
 assert.match(shellIntegrationWorkflowSmokeText, /\bgetShellSessionHandoffPackageReport\b/);
 assert.match(shellIntegrationWorkflowSmokeText, /\bgetShellSessionHandoffPackageMountRenderState\b/);
+assert.match(shellIntegrationWorkflowSmokeText, /\brenderShellSessionHandoffMountState\b/);
 assert.match(shellIntegrationWorkflowSmokeText, /\bdata-external-shell-mount\b/);
 assert.match(shellIntegrationWorkflowSmokeText, /\bdata-external-mount-value\b/);
 assert.match(shellIntegrationWorkflowSmokeText, /\bisSupportedShellSessionHandoffPackage\b/);

wasm-port/tests/ui/node/verify_ini_panel_launch_api_manifest.mjs

@@ -63,6 +63,7 @@ assert.deepEqual(manifest, {
     "getShellSessionHandoffPackageMountState",
     "getShellSessionHandoffPackageMountDisplayViewModel",
     "getShellSessionHandoffPackageMountRenderState",
+    "renderShellSessionHandoffMountState",
     "isSupportedShellSessionHandoffPackage",
     "getLauncherLinks",
     "getControlPageApiMethods",
@@ -181,6 +182,7 @@ assert.match(launchText, /\bgetShellSessionHandoffPackageRenderState\b/);
 assert.match(launchText, /\bgetShellSessionHandoffPackageMountState\b/);
 assert.match(launchText, /\bgetShellSessionHandoffPackageMountDisplayViewModel\b/);
 assert.match(launchText, /\bgetShellSessionHandoffPackageMountRenderState\b/);
+assert.match(launchText, /\brenderShellSessionHandoffMountState\b/);
 assert.match(launchText, /\bisSupportedShellSessionHandoffPackage\b/);
 assert.match(launchText, /\bdata-handoff-mount\b/);
 assert.match(launchText, /\bdata-handoff-mount-status\b/);

wasm-port/tests/ui/node/verify_ini_panel_shell_integration_manifest.mjs

@@ -148,7 +148,7 @@ assert.deepEqual(readiness, {
   counts: {
     pages: 2,
     launcherLinks: 2,
-    launchMethods: 26,
+    launchMethods: 27,
     controlPageMethods: 11,
     persistenceCapabilities: 3,
   },
@@ -210,7 +210,7 @@ assert.deepEqual(handoffSummary, {
     counts: {
       pages: 2,
       launcherLinks: 2,
-      launchMethods: 26,
+      launchMethods: 27,
       controlPageMethods: 11,
       persistenceCapabilities: 3,
     },
@@ -1077,7 +1077,7 @@ assert.deepEqual(createIniPanelShellIntegrationReadiness(blockedManifest), {
   counts: {
     pages: 2,
     launcherLinks: 2,
-    launchMethods: 26,
+    launchMethods: 27,
     controlPageMethods: 11,
     persistenceCapabilities: 3,
   },

wasm-port/tests/ui/node/verify_ini_panel_ui_shell.mjs

@@ -23,6 +23,7 @@ import {
   createIniPanelShellSessionHandoffPackageMountDisplayViewModel,
   createIniPanelShellSessionHandoffPackageMountRenderState,
   createIniPanelShellSessionHandoffPackageMountState,
+  renderIniPanelShellSessionHandoffMountState,
   createIniPanelShellSessionHandoffPackageReport,
   createIniPanelShellSessionHandoffPackageRenderState,
   createIniPanelShellSessionHandoffPackageSchema,
@@ -93,6 +94,7 @@ assert.equal(typeof createIniPanelShellSessionHandoffPackageDisplayViewModel, "f
 assert.equal(typeof createIniPanelShellSessionHandoffPackageMountDisplayViewModel, "function");
 assert.equal(typeof createIniPanelShellSessionHandoffPackageMountRenderState, "function");
 assert.equal(typeof createIniPanelShellSessionHandoffPackageMountState, "function");
+assert.equal(typeof renderIniPanelShellSessionHandoffMountState, "function");
 assert.equal(typeof createIniPanelShellSessionHandoffPackageReport, "function");
 assert.equal(typeof createIniPanelShellSessionHandoffPackageRenderState, "function");
 assert.equal(typeof createIniPanelShellSessionHandoffPackageSchema, "function");
@@ -660,6 +662,10 @@ assert.equal(
   shellViewModel.createShellSessionHandoffPackageMountRenderState,
   createIniPanelShellSessionHandoffPackageMountRenderState,
 );
+assert.equal(
+  shellViewModel.renderShellSessionHandoffMountState,
+  renderIniPanelShellSessionHandoffMountState,
+);
 assert.equal(shellViewModel.createShellSessionHandoffPackageReport, createIniPanelShellSessionHandoffPackageReport);
 assert.equal(shellViewModel.createShellSessionHandoffPackageSchema, createIniPanelShellSessionHandoffPackageSchema);
 assert.equal(shellViewModel.isSupportedShellSessionHandoffPackage, isSupportedIniPanelShellSessionHandoffPackage);
@@ -715,6 +721,48 @@ const controller = createMachineSessionControlPageController({
   },
 });
 
+const mountRowsNode = {
+  children: [],
+  replaceChildren() {
+    this.children = [];
+  },
+  append(...nodes) {
+    this.children.push(...nodes);
+  },
+};
+const mountNode = { dataset: {} };
+const mountStatusNode = { textContent: "" };
+const mountDocument = {
+  createElement: (tagName) => ({ tagName, dataset: {}, textContent: "" }),
+};
+assert.deepEqual(
+  renderIniPanelShellSessionHandoffMountState(shellViewModel.shellSessionHandoffPackageMountRenderState, {
+    documentRef: mountDocument,
+    mountNode,
+    statusNode: mountStatusNode,
+    rowsNode: mountRowsNode,
+  }),
+  {
+    rendered: true,
+    statusLine: "Blocked: session-load-state",
+    rowCount: 5,
+    rowIds: [
+      "package-render-state",
+      "target-page",
+      "required-methods",
+      "session-load-state",
+      "blocking-reasons",
+    ],
+    dataset: {
+      handoffPhase: "blocked",
+      handoffReady: "false",
+      handoffScope: "mount",
+    },
+  },
+);
+assert.equal(mountRowsNode.children[7].dataset.handoffMountValue, "session-load-state");
+assert.equal(mountRowsNode.children[7].dataset.handoffMountStatus, "blocked");
+
 assert.deepEqual(controller.render(), { rendered: true });
 assert.equal(statusNode.textContent, "run-gcode | ok | -");
 assert.equal(renderedView.status.runStatus, "ok");