推进 INI 面板 workflow overview embedding mount DOM renderer

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

@@ -314,6 +314,9 @@
       getWorkflowOverviewEmbeddingMountDomReadiness: (options) => (
         shellViewModel.createWorkflowOverviewEmbeddingMountDomReadiness(options)
       ),
+      renderWorkflowOverviewEmbeddingMountState: (renderState, options) => (
+        shellViewModel.renderWorkflowOverviewEmbeddingMountState(renderState, options ?? { documentRef: document })
+      ),
       isSupportedShellSessionHandoffPackage: shellViewModel.isSupportedShellSessionHandoffPackage,
       getLauncherLinks: () => shellViewModel.launcherLinks,
       getControlPageApiMethods: () => shellViewModel.controlPage.browserApiMethods,

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

@@ -170,6 +170,7 @@ export function createIniPanelLaunchApiManifest(entries = getVisibleIniPanelEntr
       "getWorkflowOverviewEmbeddingMountRenderState",
       "getWorkflowOverviewEmbeddingMountDomContract",
       "getWorkflowOverviewEmbeddingMountDomReadiness",
+      "renderWorkflowOverviewEmbeddingMountState",
       "isSupportedShellSessionHandoffPackage",
       "getLauncherLinks",
       "getControlPageApiMethods",
@@ -2285,6 +2286,63 @@ export function createIniPanelShellWorkflowOverviewEmbeddingMountDomReadiness({
   };
 }
 
+export function renderIniPanelShellWorkflowOverviewEmbeddingMountState(
+  renderState = createIniPanelShellWorkflowOverviewEmbeddingMountRenderState(),
+  {
+    rowDatasetPrefix = "workflowOverviewEmbeddingMount",
+    contract = createIniPanelShellWorkflowOverviewEmbeddingMountDomContract({ rowDatasetPrefix }),
+    documentRef = globalThis.document,
+    mountNode = documentRef?.querySelector?.(contract.selectors.mount),
+    statusNode = documentRef?.querySelector?.(contract.selectors.status),
+    rowsNode = documentRef?.querySelector?.(contract.selectors.rows),
+  } = {},
+) {
+  const readiness = createIniPanelShellWorkflowOverviewEmbeddingMountDomReadiness({
+    contract,
+    documentRef,
+    mountNode,
+    statusNode,
+    rowsNode,
+  });
+  if (!readiness.ready) {
+    throw new Error(
+      `Workflow overview embedding mount 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-mount";
+  statusNode.textContent = renderState?.statusLine ?? "Blocked: No workflow overview embedding mount 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);
@@ -2458,6 +2516,8 @@ export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries
       createIniPanelShellWorkflowOverviewEmbeddingMountDomContract,
     createWorkflowOverviewEmbeddingMountDomReadiness:
       createIniPanelShellWorkflowOverviewEmbeddingMountDomReadiness,
+    renderWorkflowOverviewEmbeddingMountState:
+      renderIniPanelShellWorkflowOverviewEmbeddingMountState,
     isSupportedShellSessionHandoffPackage: isSupportedIniPanelShellSessionHandoffPackage,
     controlPage: {
       browserApiSchema: createControlPageBrowserApiSchema(),

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

@@ -101,6 +101,7 @@
       createIniPanelShellWorkflowOverviewEmbeddingMountRenderState,
       createIniPanelShellWorkflowOverviewEmbeddingMountDomContract,
       createIniPanelShellWorkflowOverviewEmbeddingMountDomReadiness,
+      renderIniPanelShellWorkflowOverviewEmbeddingMountState,
       renderIniPanelShellSessionHandoffWorkflowState,
       mountIniPanelShellSessionHandoffWorkflow,
     } from "./ui-shell.js";
@@ -177,6 +178,9 @@
       getWorkflowOverviewEmbeddingMountDomReadiness: (options) => (
         createIniPanelShellWorkflowOverviewEmbeddingMountDomReadiness(options ?? { documentRef: document })
       ),
+      renderWorkflowOverviewEmbeddingMountState: (renderState, options) => (
+        renderIniPanelShellWorkflowOverviewEmbeddingMountState(renderState, options ?? { documentRef: document })
+      ),
     };
   </script>
 </body>