推进 INI 面板 workflow overview embedding mount DOM wrapper

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

@@ -317,6 +317,11 @@
       renderWorkflowOverviewEmbeddingMountState: (renderState, options) => (
         shellViewModel.renderWorkflowOverviewEmbeddingMountState(renderState, options ?? { documentRef: document })
       ),
+      mountWorkflowOverviewEmbeddingMountState: (options) => (
+        shellViewModel.mountWorkflowOverviewEmbeddingMountState(options ?? {
+          documentRef: document,
+        })
+      ),
       isSupportedShellSessionHandoffPackage: shellViewModel.isSupportedShellSessionHandoffPackage,
       getLauncherLinks: () => shellViewModel.launcherLinks,
       getControlPageApiMethods: () => shellViewModel.controlPage.browserApiMethods,

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

@@ -171,6 +171,7 @@ export function createIniPanelLaunchApiManifest(entries = getVisibleIniPanelEntr
       "getWorkflowOverviewEmbeddingMountDomContract",
       "getWorkflowOverviewEmbeddingMountDomReadiness",
       "renderWorkflowOverviewEmbeddingMountState",
+      "mountWorkflowOverviewEmbeddingMountState",
       "isSupportedShellSessionHandoffPackage",
       "getLauncherLinks",
       "getControlPageApiMethods",
@@ -2343,6 +2344,73 @@ export function renderIniPanelShellWorkflowOverviewEmbeddingMountState(
   };
 }
 
+export function mountIniPanelShellWorkflowOverviewEmbeddingMountState({
+  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 domReadiness = createIniPanelShellWorkflowOverviewEmbeddingMountDomReadiness({
+    contract,
+    documentRef,
+    mountNode,
+    statusNode,
+    rowsNode,
+  });
+  if (!domReadiness.ready) {
+    return {
+      apiName: "ini-panel-shell-workflow-overview-embedding-mount-dom-mount",
+      workflowVersion: 1,
+      phase: "blocked",
+      ready: false,
+      statusLine: `Blocked: ${domReadiness.missing.join(", ")}`,
+      contract,
+      domReadiness,
+      renderState,
+      renderResult: null,
+      error: null,
+    };
+  }
+
+  try {
+    const renderResult = renderIniPanelShellWorkflowOverviewEmbeddingMountState(renderState, {
+      contract,
+      documentRef,
+      mountNode,
+      statusNode,
+      rowsNode,
+    });
+    return {
+      apiName: "ini-panel-shell-workflow-overview-embedding-mount-dom-mount",
+      workflowVersion: 1,
+      phase: renderState?.phase === "ready" ? "ready" : "blocked",
+      ready: renderState?.ready === true,
+      statusLine: renderResult.statusLine,
+      contract,
+      domReadiness,
+      renderState,
+      renderResult,
+      error: null,
+    };
+  } catch (error) {
+    return {
+      apiName: "ini-panel-shell-workflow-overview-embedding-mount-dom-mount",
+      workflowVersion: 1,
+      phase: "blocked",
+      ready: false,
+      statusLine: `Blocked: ${error?.message ?? "workflow overview embedding mount DOM mount error"}`,
+      contract,
+      domReadiness,
+      renderState,
+      renderResult: null,
+      error: error?.message ?? String(error),
+    };
+  }
+}
+
 export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries()) {
   const shellIntegrationManifest = createIniPanelShellIntegrationManifest(entries);
   const shellIntegrationReadiness = createIniPanelShellIntegrationReadiness(shellIntegrationManifest);
@@ -2518,6 +2586,8 @@ export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries
       createIniPanelShellWorkflowOverviewEmbeddingMountDomReadiness,
     renderWorkflowOverviewEmbeddingMountState:
       renderIniPanelShellWorkflowOverviewEmbeddingMountState,
+    mountWorkflowOverviewEmbeddingMountState:
+      mountIniPanelShellWorkflowOverviewEmbeddingMountState,
     isSupportedShellSessionHandoffPackage: isSupportedIniPanelShellSessionHandoffPackage,
     controlPage: {
       browserApiSchema: createControlPageBrowserApiSchema(),

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

@@ -102,6 +102,7 @@
       createIniPanelShellWorkflowOverviewEmbeddingMountDomContract,
       createIniPanelShellWorkflowOverviewEmbeddingMountDomReadiness,
       renderIniPanelShellWorkflowOverviewEmbeddingMountState,
+      mountIniPanelShellWorkflowOverviewEmbeddingMountState,
       renderIniPanelShellSessionHandoffWorkflowState,
       mountIniPanelShellSessionHandoffWorkflow,
     } from "./ui-shell.js";
@@ -181,6 +182,11 @@
       renderWorkflowOverviewEmbeddingMountState: (renderState, options) => (
         renderIniPanelShellWorkflowOverviewEmbeddingMountState(renderState, options ?? { documentRef: document })
       ),
+      mountWorkflowOverviewEmbeddingMountState: (options) => (
+        mountIniPanelShellWorkflowOverviewEmbeddingMountState(options ?? {
+          documentRef: document,
+        })
+      ),
     };
   </script>
 </body>