推进 INI 面板 workflow overview embedding DOM renderer

text13.txt

@@ -1679,3 +1679,87 @@ host_wasm_opfs_browser_smokes=ok
 `renderIniPanelShellWorkflowOverviewEmbeddingState()` 或等价 helper，使用 embedding render-state
 与 DOM readiness/contract 渲染 status 与 rows，并返回结构化 render result；仍保持只读，
 不新增控制按钮，不解析 G-code。
+
+十六、2026-06-15 继续执行记录：INI panel workflow overview embedding DOM renderer
+
+本轮按 `text13.txt` 执行，不扩展 `text12.txt`。继续推进 browser/UI workflow，新增只读
+workflow-overview embedding DOM renderer，使用 embedding render-state 与 DOM readiness/contract
+渲染 status 与 rows，并返回结构化 render result，便于外部 shell 直接复用同一展示路径。
+
+完成内容：
+
+- `ui-shell.js` 新增 `renderIniPanelShellWorkflowOverviewEmbeddingState()`；
+- renderer 行为：
+  - 使用 `createIniPanelShellWorkflowOverviewEmbeddingDomReadiness()` 检查 document、mount、
+    status、rows 与 row dataset prefix；
+  - 将 `renderState.dataset.handoffPhase`、`handoffReady`、`handoffScope` 写入 mount node；
+  - 将 `renderState.statusLine` 写入 status node；
+  - 将 `renderState.rows` 渲染为 `dt/dd` rows；
+  - 返回 `rendered`、`statusLine`、`rowCount`、`rowIds`、`dataset`；
+- `createIniPanelLaunchApiManifest().methods` 新增
+  `renderWorkflowOverviewEmbeddingState`；
+- `createIniPanelShellViewModel()` 暴露
+  `renderWorkflowOverviewEmbeddingState`；
+- `launch.html` 的 `window.linuxCncIniPanelLaunchApi` 新增真实 browser 入口
+  `renderWorkflowOverviewEmbeddingState()`；
+- `workflow-overview.html` 的 `window.linuxCncIniPanelWorkflowOverviewApi` 新增真实 browser
+  入口 `renderWorkflowOverviewEmbeddingState()`；
+- `verify_ini_panel_ui_shell.mjs` 覆盖 fake DOM 渲染结果、dataset、row ids 与 row dataset keys；
+- `verify_ini_panel_launch_api_manifest.mjs` 覆盖 launch manifest 与 launch 页面真实 API；
+- `verify_ini_panel_shell_integration_manifest.mjs` 覆盖 helper export、launch method count 与文档记录；
+- `verify_ini_panel_entry_docs.mjs` 与 `docs/panel-entry.md` 同步记录新 helper/API；
+- `ini_panel_workflow_overview_smoke.html` 在 workflow overview iframe 内动态创建 embedding
+  mount/status/rows 节点并校验 renderer；
+- `ini_panel_shell_integration_workflow_smoke.html` 校验外部 shell 使用自定义 embedding DOM
+  contract 调用 renderer；
+- `ini_panel_launch_smoke.html` 校验 launch API 与 workflow overview iframe API 暴露新 renderer；
+- 未新增控制按钮；
+- 未执行 action-plan；
+- 未解析 G-code；
+- 未解释 canonical events；
+- 未新增 JS CNC 语义；
+- 未改变 OPFS/session persistence、LinuxCNC interpreter、tool、parameter、planner 或
+  LinuxCNC-owned runtime semantics。
+
+验证已通过：
+
+```bash
+git diff --check
+wasm-port/tests/ui/node/verify_ui_node_smokes.sh
+SKIP_INI_BUILD=1 SKIP_INTERP_BUILD=1 wasm-port/tests/browser/verify_ini_panel_browser.sh
+wasm-port/tools/verify_vendor_sync.sh
+wasm-port/tools/verify_no_standalone_cnc_semantics.sh
+SKIP_INTERP_BUILD=1 wasm-port/tests/wasm/node/verify_interp_wasm.sh
+SKIP_INTERP_BUILD=1 wasm-port/tests/wasm/node/verify_sim_configs_inventory_wasm.sh
+wasm-port/tests/host/verify_host_smokes.sh
+```
+
+关键输出：
+
+```text
+ini_panel_ui_shell_node_smoke=ok
+ini_panel_launch_api_manifest_node_smoke=ok
+ini_panel_shell_integration_manifest_node_smoke=ok
+ini_panel_entry_docs_node_smoke=ok
+ui_node_smokes=ok
+browser_ini_opfs_smoke=ok
+browser_ini_control_page_smoke=ok
+browser_ini_launch_smoke=ok
+browser_ini_workflow_overview_smoke=ok
+browser_ini_shell_integration_workflow_smoke=ok
+vendor sync up to date
+standalone CNC semantics guard complete
+interp_wasm_node_smoke=ok
+sim_configs_wasm_node_inventory_executed=28
+sim_configs_wasm_node_inventory_passed=28
+sim_configs_wasm_node_inventory_skipped=131
+sim_configs_wasm_node_inventory_unexpected_fail=0
+host_wasm_opfs_browser_smokes=ok
+```
+
+下一步建议：
+
+继续推进 browser/UI workflow。下一批建议新增只读
+`mountIniPanelShellWorkflowOverviewEmbeddingState()` 或等价 helper，把 embedding render-state、DOM
+readiness、renderer result 与错误捕获合并成不抛异常的结构化 mount workflow result；仍保持只读，
+不新增控制按钮，不解析 G-code。

wasm-port/docs/panel-entry.md

@@ -47,6 +47,7 @@ import {
   createIniPanelShellWorkflowOverviewEmbeddingDomContract,
   createIniPanelShellWorkflowOverviewEmbeddingDomReadiness,
   mountIniPanelShellWorkflowOverviewEmbedding,
+  renderIniPanelShellWorkflowOverviewEmbeddingState,
   renderIniPanelShellSessionHandoffWorkflowState,
   mountIniPanelShellSessionHandoffWorkflow,
   renderIniPanelShellSessionHandoffMountState,
@@ -337,6 +338,12 @@ Use `createIniPanelShellWorkflowOverviewEmbeddingDomReadiness()` or
 that the required document and embedding report DOM nodes exist before calling
 a renderer. The workflow overview page also exposes
 `linuxCncIniPanelWorkflowOverviewApi.getWorkflowOverviewEmbeddingDomReadiness()`.
+Use `renderIniPanelShellWorkflowOverviewEmbeddingState()` or
+`linuxCncIniPanelLaunchApi.renderWorkflowOverviewEmbeddingState()` when an
+outer shell needs to render an embedding report render-state into existing
+mount/status/rows nodes and receive a structured read-only render result. The
+workflow overview page also exposes
+`linuxCncIniPanelWorkflowOverviewApi.renderWorkflowOverviewEmbeddingState()`.
 Use
 `renderIniPanelShellSessionHandoffMountState()` or
 `linuxCncIniPanelLaunchApi.renderShellSessionHandoffMountState()` when an outer

wasm-port/runtime/ui/ini-panel/launch.html

@@ -294,6 +294,9 @@
       getWorkflowOverviewEmbeddingDomReadiness: (options) => (
         shellViewModel.createWorkflowOverviewEmbeddingDomReadiness(options)
       ),
+      renderWorkflowOverviewEmbeddingState: (renderState, options) => (
+        shellViewModel.renderWorkflowOverviewEmbeddingState(renderState, options ?? { documentRef: document })
+      ),
       isSupportedShellSessionHandoffPackage: shellViewModel.isSupportedShellSessionHandoffPackage,
       getLauncherLinks: () => shellViewModel.launcherLinks,
       getControlPageApiMethods: () => shellViewModel.controlPage.browserApiMethods,

wasm-port/runtime/ui/ini-panel/ui-shell.js

@@ -164,6 +164,7 @@ export function createIniPanelLaunchApiManifest(entries = getVisibleIniPanelEntr
       "getWorkflowOverviewEmbeddingRenderState",
       "getWorkflowOverviewEmbeddingDomContract",
       "getWorkflowOverviewEmbeddingDomReadiness",
+      "renderWorkflowOverviewEmbeddingState",
       "isSupportedShellSessionHandoffPackage",
       "getLauncherLinks",
       "getControlPageApiMethods",
@@ -2001,6 +2002,63 @@ export function createIniPanelShellWorkflowOverviewEmbeddingDomReadiness({
   };
 }
 
+export function renderIniPanelShellWorkflowOverviewEmbeddingState(
+  renderState = createIniPanelShellWorkflowOverviewEmbeddingRenderState(),
+  {
+    rowDatasetPrefix = "workflowOverviewEmbedding",
+    contract = createIniPanelShellWorkflowOverviewEmbeddingDomContract({ rowDatasetPrefix }),
+    documentRef = globalThis.document,
+    mountNode = documentRef?.querySelector?.(contract.selectors.mount),
+    statusNode = documentRef?.querySelector?.(contract.selectors.status),
+    rowsNode = documentRef?.querySelector?.(contract.selectors.rows),
+  } = {},
+) {
+  const readiness = createIniPanelShellWorkflowOverviewEmbeddingDomReadiness({
+    contract,
+    documentRef,
+    mountNode,
+    statusNode,
+    rowsNode,
+  });
+  if (!readiness.ready) {
+    throw new Error(
+      `Workflow overview embedding DOM is not ready: ${readiness.missing.join(", ")}`,
+    );
+  }
+
+  mountNode.dataset.handoffPhase = renderState?.dataset?.handoffPhase ?? "blocked";
+  mountNode.dataset.handoffReady = renderState?.dataset?.handoffReady ?? "false";
+  mountNode.dataset.handoffScope = renderState?.dataset?.handoffScope ?? "workflow-overview-embedding";
+  statusNode.textContent = renderState?.statusLine ?? "Blocked: No workflow overview embedding render state";
+  rowsNode.replaceChildren();
+
+  const rows = Array.isArray(renderState?.rows) ? renderState.rows : [];
+  const effectiveRowDatasetPrefix = contract.rowDatasetPrefix;
+  for (const row of rows) {
+    const term = documentRef.createElement("dt");
+    term.dataset[`${effectiveRowDatasetPrefix}Row`] = row.id;
+    term.dataset[`${effectiveRowDatasetPrefix}Status`] = renderState?.ready ? "pass" : "blocked";
+    term.textContent = row.label;
+    const detail = documentRef.createElement("dd");
+    detail.dataset[`${effectiveRowDatasetPrefix}Value`] = row.id;
+    detail.dataset[`${effectiveRowDatasetPrefix}Status`] = renderState?.ready ? "pass" : "blocked";
+    detail.textContent = row.value;
+    rowsNode.append(term, detail);
+  }
+
+  return {
+    rendered: true,
+    statusLine: statusNode.textContent,
+    rowCount: rows.length,
+    rowIds: rows.map(({ id }) => id),
+    dataset: {
+      handoffPhase: mountNode.dataset.handoffPhase,
+      handoffReady: mountNode.dataset.handoffReady,
+      handoffScope: mountNode.dataset.handoffScope,
+    },
+  };
+}
+
 export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries()) {
   const shellIntegrationManifest = createIniPanelShellIntegrationManifest(entries);
   const shellIntegrationReadiness = createIniPanelShellIntegrationReadiness(shellIntegrationManifest);
@@ -2164,6 +2222,7 @@ export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries
     createWorkflowOverviewEmbeddingRenderState: createIniPanelShellWorkflowOverviewEmbeddingRenderState,
     createWorkflowOverviewEmbeddingDomContract: createIniPanelShellWorkflowOverviewEmbeddingDomContract,
     createWorkflowOverviewEmbeddingDomReadiness: createIniPanelShellWorkflowOverviewEmbeddingDomReadiness,
+    renderWorkflowOverviewEmbeddingState: renderIniPanelShellWorkflowOverviewEmbeddingState,
     isSupportedShellSessionHandoffPackage: isSupportedIniPanelShellSessionHandoffPackage,
     controlPage: {
       browserApiSchema: createControlPageBrowserApiSchema(),

wasm-port/runtime/ui/ini-panel/workflow-overview.html

@@ -95,6 +95,7 @@
       createIniPanelShellWorkflowOverviewEmbeddingDomContract,
       createIniPanelShellWorkflowOverviewEmbeddingDomReadiness,
       mountIniPanelShellWorkflowOverviewEmbedding,
+      renderIniPanelShellWorkflowOverviewEmbeddingState,
       renderIniPanelShellSessionHandoffWorkflowState,
       mountIniPanelShellSessionHandoffWorkflow,
     } from "./ui-shell.js";
@@ -151,6 +152,9 @@
       getWorkflowOverviewEmbeddingDomReadiness: (options) => (
         createIniPanelShellWorkflowOverviewEmbeddingDomReadiness(options ?? { documentRef: document })
       ),
+      renderWorkflowOverviewEmbeddingState: (renderState, options) => (
+        renderIniPanelShellWorkflowOverviewEmbeddingState(renderState, options ?? { documentRef: document })
+      ),
     };
   </script>
 </body>

wasm-port/tests/browser/ini_panel_launch_smoke.html

@@ -108,6 +108,7 @@
         !launchApi?.getWorkflowOverviewEmbeddingRenderState ||
         !launchApi?.getWorkflowOverviewEmbeddingDomContract ||
         !launchApi?.getWorkflowOverviewEmbeddingDomReadiness ||
+        !launchApi?.renderWorkflowOverviewEmbeddingState ||
         !launchApi?.isSupportedShellSessionHandoffPackage ||
         !launchApi?.getLauncherLinks ||
         !launchApi?.getControlPageApiMethods
@@ -637,7 +638,8 @@
         !workflowOverviewApi?.getWorkflowOverviewEmbeddingDisplayViewModel ||
         !workflowOverviewApi?.getWorkflowOverviewEmbeddingRenderState ||
         !workflowOverviewApi?.getWorkflowOverviewEmbeddingDomContract ||
-        !workflowOverviewApi?.getWorkflowOverviewEmbeddingDomReadiness
+        !workflowOverviewApi?.getWorkflowOverviewEmbeddingDomReadiness ||
+        !workflowOverviewApi?.renderWorkflowOverviewEmbeddingState
       ) {
         throw new Error("workflow overview API namespace did not expose shell helpers");
       }

wasm-port/tests/browser/ini_panel_shell_integration_workflow_smoke.html

@@ -114,6 +114,7 @@ TOOL_TABLE = browser-shell-tool.tbl
         !launchApi?.getWorkflowOverviewEmbeddingRenderState ||
         !launchApi?.getWorkflowOverviewEmbeddingDomContract ||
         !launchApi?.getWorkflowOverviewEmbeddingDomReadiness ||
+        !launchApi?.renderWorkflowOverviewEmbeddingState ||
         !launchApi?.isSupportedShellSessionHandoffPackage
       ) {
         throw new Error("launch API namespace did not expose shell integration helpers");
@@ -318,6 +319,13 @@ TOOL_TABLE = browser-shell-tool.tbl
         contract: workflowOverviewEmbeddingDomContract,
         documentRef: document,
       });
+      const workflowOverviewEmbeddingRenderResult = launchApi.renderWorkflowOverviewEmbeddingState(
+        workflowOverviewEmbeddingRenderState,
+        {
+          contract: workflowOverviewEmbeddingDomContract,
+          documentRef: document,
+        },
+      );
       assertEqual(workflowOverviewReadiness.ready, true, "shell workflow overview iframe readiness");
       assertEqual(workflowOverviewReadiness.missing.join(","), "", "shell workflow overview iframe missing methods");
       assertEqual(workflowOverviewEmbedding.apiName, "ini-panel-shell-workflow-overview-embedding", "shell workflow overview embedding API");
@@ -336,6 +344,14 @@ TOOL_TABLE = browser-shell-tool.tbl
       assertEqual(workflowOverviewEmbeddingDomContract.rowDatasetKeys.term[0], "externalOverviewEmbeddingRow", "shell workflow overview embedding DOM row prefix");
       assertEqual(workflowOverviewEmbeddingDomReadiness.ready, true, "shell workflow overview embedding DOM readiness");
       assertEqual(workflowOverviewEmbeddingDomReadiness.missing.join(","), "", "shell workflow overview embedding DOM missing");
+      assertEqual(workflowOverviewEmbeddingRenderResult.rendered, true, "shell workflow overview embedding render result");
+      assertEqual(workflowOverviewEmbeddingRenderResult.rowCount, 6, "shell workflow overview embedding render row count");
+      assertEqual(workflowOverviewEmbeddingRenderResult.dataset.handoffScope, "workflow-overview-embedding", "shell workflow overview embedding render scope");
+      assertEqual(
+        document.querySelector("[data-external-overview-embedding-status]").textContent,
+        workflowOverviewEmbeddingRenderState.statusLine,
+        "shell workflow overview embedding rendered status",
+      );
 
       const controlDoc = await loadFrame(`../../runtime/ui/ini-panel/${controlTarget.href.slice(2)}`);
       const controlPageApi = controlDoc.defaultView.linuxCncIniPanelControlPageApi;

wasm-port/tests/browser/ini_panel_workflow_overview_smoke.html

@@ -40,7 +40,8 @@
         !workflowApi?.getWorkflowOverviewEmbeddingDisplayViewModel ||
         !workflowApi?.getWorkflowOverviewEmbeddingRenderState ||
         !workflowApi?.getWorkflowOverviewEmbeddingDomContract ||
-        !workflowApi?.getWorkflowOverviewEmbeddingDomReadiness
+        !workflowApi?.getWorkflowOverviewEmbeddingDomReadiness ||
+        !workflowApi?.renderWorkflowOverviewEmbeddingState
       ) {
         throw new Error("workflow overview API namespace did not expose overview helpers");
       }
@@ -92,6 +93,19 @@
       assertEqual(embeddingDomContract.renderResultFields.includes("rowIds"), true, "workflow overview embedding DOM contract render fields");
       assertEqual(embeddingDomReadiness.ready, false, "workflow overview embedding DOM readiness");
       assertEqual(embeddingDomReadiness.missing.join(","), "mount,status,rows", "workflow overview embedding DOM readiness missing");
+      const embeddingMount = workflowDoc.createElement("section");
+      embeddingMount.dataset.workflowOverviewEmbedding = "";
+      const embeddingStatus = workflowDoc.createElement("p");
+      embeddingStatus.dataset.workflowOverviewEmbeddingStatus = "";
+      const embeddingRows = workflowDoc.createElement("dl");
+      embeddingRows.dataset.workflowOverviewEmbeddingRows = "";
+      embeddingMount.append(embeddingStatus, embeddingRows);
+      workflowDoc.body.append(embeddingMount);
+      const embeddingRenderResult = workflowApi.renderWorkflowOverviewEmbeddingState(embeddingRenderState);
+      assertEqual(embeddingRenderResult.rendered, true, "workflow overview embedding render result");
+      assertEqual(embeddingRenderResult.rowCount, 6, "workflow overview embedding render row count");
+      assertEqual(embeddingRenderResult.dataset.handoffScope, "workflow-overview-embedding", "workflow overview embedding render scope");
+      assertEqual(embeddingStatus.textContent, embeddingRenderState.statusLine, "workflow overview embedding rendered status");
       assertEqual(
         workflowDoc.querySelector("[data-handoff-workflow]").dataset.handoffScope,
         "workflow",

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

@@ -45,6 +45,7 @@ import {
   createIniPanelShellWorkflowOverviewEmbeddingDomContract,
   createIniPanelShellWorkflowOverviewEmbeddingDomReadiness,
   mountIniPanelShellWorkflowOverviewEmbedding,
+  renderIniPanelShellWorkflowOverviewEmbeddingState,
   renderIniPanelShellSessionHandoffWorkflowState,
   mountIniPanelShellSessionHandoffWorkflow,
   renderIniPanelShellSessionHandoffMountState,
@@ -131,6 +132,7 @@ const requiredShellExports = [
   "createIniPanelShellWorkflowOverviewEmbeddingDomContract",
   "createIniPanelShellWorkflowOverviewEmbeddingDomReadiness",
   "mountIniPanelShellWorkflowOverviewEmbedding",
+  "renderIniPanelShellWorkflowOverviewEmbeddingState",
   "renderIniPanelShellSessionHandoffWorkflowState",
   "mountIniPanelShellSessionHandoffWorkflow",
   "renderIniPanelShellSessionHandoffMountState",
@@ -435,6 +437,7 @@ assert.match(shellText, /\bexport function createIniPanelShellWorkflowOverviewEm
 assert.match(shellText, /\bexport function createIniPanelShellWorkflowOverviewEmbeddingRenderState\b/);
 assert.match(shellText, /\bexport function createIniPanelShellWorkflowOverviewEmbeddingDomContract\b/);
 assert.match(shellText, /\bexport function createIniPanelShellWorkflowOverviewEmbeddingDomReadiness\b/);
+assert.match(shellText, /\bexport function renderIniPanelShellWorkflowOverviewEmbeddingState\b/);
 assert.match(shellText, /\bexport function isSupportedIniPanelControlPageApiManifest\b/);
 assert.match(shellText, /\bexport function isSupportedIniPanelLaunchApiManifest\b/);
 assert.match(shellText, /\bexport function isSupportedIniPanelShellIntegrationManifest\b/);
@@ -468,6 +471,7 @@ assert.match(launchText, /\bgetWorkflowOverviewEmbeddingDisplayViewModel\b/);
 assert.match(launchText, /\bgetWorkflowOverviewEmbeddingRenderState\b/);
 assert.match(launchText, /\bgetWorkflowOverviewEmbeddingDomContract\b/);
 assert.match(launchText, /\bgetWorkflowOverviewEmbeddingDomReadiness\b/);
+assert.match(launchText, /\brenderWorkflowOverviewEmbeddingState\b/);
 assert.match(launchText, /\bisSupportedShellSessionHandoffPackage\b/);
 assert.match(launchText, /\bdata-handoff-shell\b/);
 assert.match(launchText, /\bdata-handoff-status\b/);
@@ -506,6 +510,7 @@ assert.match(docText, /\bcreateIniPanelShellWorkflowOverviewEmbeddingDisplayView
 assert.match(docText, /\bcreateIniPanelShellWorkflowOverviewEmbeddingRenderState\b/);
 assert.match(docText, /\bcreateIniPanelShellWorkflowOverviewEmbeddingDomContract\b/);
 assert.match(docText, /\bcreateIniPanelShellWorkflowOverviewEmbeddingDomReadiness\b/);
+assert.match(docText, /\brenderIniPanelShellWorkflowOverviewEmbeddingState\b/);
 assert.match(docText, /\bisSupportedIniPanelControlPageApiManifest\b/);
 assert.match(docText, /\bisSupportedIniPanelLaunchApiManifest\b/);
 assert.match(docText, /\bisSupportedIniPanelShellIntegrationManifest\b/);
@@ -534,6 +539,7 @@ assert.match(docText, /\blinuxCncIniPanelLaunchApi\.getWorkflowOverviewEmbedding
 assert.match(docText, /\blinuxCncIniPanelLaunchApi\.getWorkflowOverviewEmbeddingRenderState\b/);
 assert.match(docText, /\blinuxCncIniPanelLaunchApi\.getWorkflowOverviewEmbeddingDomContract\b/);
 assert.match(docText, /\blinuxCncIniPanelLaunchApi\.getWorkflowOverviewEmbeddingDomReadiness\b/);
+assert.match(docText, /\blinuxCncIniPanelLaunchApi\.renderWorkflowOverviewEmbeddingState\b/);
 assert.match(docText, /\blinuxCncIniPanelLaunchApi\.isSupportedShellSessionHandoffPackage\b/);
 assert.match(docText, /\bdata-handoff-shell\b/);
 assert.match(docText, /\bdata-handoff-status\b/);

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

@@ -84,6 +84,7 @@ assert.deepEqual(manifest, {
     "getWorkflowOverviewEmbeddingRenderState",
     "getWorkflowOverviewEmbeddingDomContract",
     "getWorkflowOverviewEmbeddingDomReadiness",
+    "renderWorkflowOverviewEmbeddingState",
     "isSupportedShellSessionHandoffPackage",
     "getLauncherLinks",
     "getControlPageApiMethods",
@@ -232,6 +233,7 @@ assert.match(launchText, /\bgetWorkflowOverviewEmbeddingDisplayViewModel\b/);
 assert.match(launchText, /\bgetWorkflowOverviewEmbeddingRenderState\b/);
 assert.match(launchText, /\bgetWorkflowOverviewEmbeddingDomContract\b/);
 assert.match(launchText, /\bgetWorkflowOverviewEmbeddingDomReadiness\b/);
+assert.match(launchText, /\brenderWorkflowOverviewEmbeddingState\b/);
 assert.match(launchText, /\bisSupportedShellSessionHandoffPackage\b/);
 assert.match(launchText, /\bdata-handoff-workflow\b/);
 assert.match(launchText, /\bdata-handoff-workflow-status\b/);

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

@@ -41,6 +41,7 @@ import {
   createIniPanelShellWorkflowOverviewEmbeddingDomContract,
   createIniPanelShellWorkflowOverviewEmbeddingDomReadiness,
   mountIniPanelShellWorkflowOverviewEmbedding,
+  renderIniPanelShellWorkflowOverviewEmbeddingState,
   renderIniPanelShellSessionHandoffWorkflowState,
   mountIniPanelShellSessionHandoffWorkflow,
   createIniPanelShellSessionHandoffPackageReport,
@@ -169,7 +170,7 @@ assert.deepEqual(readiness, {
   counts: {
     pages: 3,
     launcherLinks: 3,
-    launchMethods: 47,
+    launchMethods: 48,
     controlPageMethods: 11,
     persistenceCapabilities: 3,
   },
@@ -231,7 +232,7 @@ assert.deepEqual(handoffSummary, {
     counts: {
       pages: 3,
       launcherLinks: 3,
-      launchMethods: 47,
+      launchMethods: 48,
       controlPageMethods: 11,
       persistenceCapabilities: 3,
     },
@@ -792,6 +793,7 @@ assert.equal(
   "[data-workflow-overview-embedding]",
 );
 assert.equal(createIniPanelShellWorkflowOverviewEmbeddingDomReadiness().ready, false);
+assert.equal(typeof renderIniPanelShellWorkflowOverviewEmbeddingState, "function");
 assert.deepEqual(
   createIniPanelShellWorkflowOverviewReadiness({
     overviewApi: {
@@ -1220,7 +1222,7 @@ assert.deepEqual(createIniPanelShellIntegrationReadiness(blockedManifest), {
   counts: {
     pages: 3,
     launcherLinks: 3,
-    launchMethods: 47,
+    launchMethods: 48,
     controlPageMethods: 11,
     persistenceCapabilities: 3,
   },
@@ -1407,6 +1409,7 @@ assert.match(shellText, /\bexport function createIniPanelShellWorkflowOverviewEm
 assert.match(shellText, /\bexport function createIniPanelShellWorkflowOverviewEmbeddingRenderState\b/);
 assert.match(shellText, /\bexport function createIniPanelShellWorkflowOverviewEmbeddingDomContract\b/);
 assert.match(shellText, /\bexport function createIniPanelShellWorkflowOverviewEmbeddingDomReadiness\b/);
+assert.match(shellText, /\bexport function renderIniPanelShellWorkflowOverviewEmbeddingState\b/);
 assert.match(shellText, /\bexport function createIniPanelShellSessionHandoffPackageRenderState\b/);
 assert.match(shellText, /\bexport function createIniPanelShellSessionHandoffPackageSchema\b/);
 assert.match(shellText, /\bexport function createIniPanelShellSessionHandoffRenderState\b/);
@@ -1449,6 +1452,7 @@ assert.match(docText, /\bcreateIniPanelShellWorkflowOverviewEmbeddingDisplayView
 assert.match(docText, /\bcreateIniPanelShellWorkflowOverviewEmbeddingRenderState\b/);
 assert.match(docText, /\bcreateIniPanelShellWorkflowOverviewEmbeddingDomContract\b/);
 assert.match(docText, /\bcreateIniPanelShellWorkflowOverviewEmbeddingDomReadiness\b/);
+assert.match(docText, /\brenderIniPanelShellWorkflowOverviewEmbeddingState\b/);
 assert.match(docText, /\bcreateIniPanelShellSessionHandoffPackageRenderState\b/);
 assert.match(docText, /\bcreateIniPanelShellSessionHandoffPackageSchema\b/);
 assert.match(docText, /\bcreateIniPanelShellSessionHandoffRenderState\b/);

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

@@ -41,6 +41,7 @@ import {
   createIniPanelShellWorkflowOverviewEmbeddingDomContract,
   createIniPanelShellWorkflowOverviewEmbeddingDomReadiness,
   mountIniPanelShellWorkflowOverviewEmbedding,
+  renderIniPanelShellWorkflowOverviewEmbeddingState,
   renderIniPanelShellSessionHandoffWorkflowState,
   mountIniPanelShellSessionHandoffWorkflow,
   renderIniPanelShellSessionHandoffMountState,
@@ -132,6 +133,7 @@ assert.equal(typeof createIniPanelShellWorkflowOverviewEmbeddingRenderState, "fu
 assert.equal(typeof createIniPanelShellWorkflowOverviewEmbeddingDomContract, "function");
 assert.equal(typeof createIniPanelShellWorkflowOverviewEmbeddingDomReadiness, "function");
 assert.equal(typeof mountIniPanelShellWorkflowOverviewEmbedding, "function");
+assert.equal(typeof renderIniPanelShellWorkflowOverviewEmbeddingState, "function");
 assert.equal(typeof renderIniPanelShellSessionHandoffWorkflowState, "function");
 assert.equal(typeof mountIniPanelShellSessionHandoffWorkflow, "function");
 assert.equal(typeof renderIniPanelShellSessionHandoffMountState, "function");
@@ -817,6 +819,10 @@ assert.equal(
   shellViewModel.createWorkflowOverviewEmbeddingDomReadiness,
   createIniPanelShellWorkflowOverviewEmbeddingDomReadiness,
 );
+assert.equal(
+  shellViewModel.renderWorkflowOverviewEmbeddingState,
+  renderIniPanelShellWorkflowOverviewEmbeddingState,
+);
 assert.equal(shellViewModel.createShellSessionHandoffPackageReport, createIniPanelShellSessionHandoffPackageReport);
 assert.equal(shellViewModel.createShellSessionHandoffPackageSchema, createIniPanelShellSessionHandoffPackageSchema);
 assert.equal(shellViewModel.isSupportedShellSessionHandoffPackage, isSupportedIniPanelShellSessionHandoffPackage);
@@ -1353,6 +1359,40 @@ assert.deepEqual(
     contract: createIniPanelShellWorkflowOverviewEmbeddingDomContract(),
   },
 );
+assert.deepEqual(
+  renderIniPanelShellWorkflowOverviewEmbeddingState(
+    createIniPanelShellWorkflowOverviewEmbeddingRenderState(
+      createIniPanelShellWorkflowOverviewEmbeddingDisplayViewModel(workflowOverviewEmbeddingReport),
+    ),
+    {
+      documentRef: mountDocument,
+      mountNode,
+      statusNode: mountStatusNode,
+      rowsNode: mountRowsNode,
+    },
+  ),
+  {
+    rendered: true,
+    statusLine: "Blocked: embedding:blocked, mount:blocked",
+    rowCount: 6,
+    rowIds: [
+      "overview-api",
+      "missing-methods",
+      "embedding-ready",
+      "mount-phase",
+      "render-row-count",
+      "error",
+    ],
+    dataset: {
+      handoffPhase: "blocked",
+      handoffReady: "false",
+      handoffScope: "workflow-overview-embedding",
+    },
+  },
+);
+assert.equal(mountRowsNode.children[0].dataset.workflowOverviewEmbeddingRow, "overview-api");
+assert.equal(mountRowsNode.children[1].dataset.workflowOverviewEmbeddingValue, "overview-api");
+assert.equal(mountRowsNode.children[1].dataset.workflowOverviewEmbeddingStatus, "blocked");
 assert.deepEqual(
   mountIniPanelShellWorkflowOverviewEmbedding({ overviewApi: null }).readiness.missing,
   shellViewModel.shellWorkflowOverviewContract.methodNames,