推进 INI 面板 workflow overview embedding mount DOM contract

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

@@ -308,6 +308,9 @@
       getWorkflowOverviewEmbeddingMountRenderState: (displayViewModel) => (
         shellViewModel.createWorkflowOverviewEmbeddingMountRenderState(displayViewModel)
       ),
+      getWorkflowOverviewEmbeddingMountDomContract: (options) => (
+        shellViewModel.createWorkflowOverviewEmbeddingMountDomContract(options)
+      ),
       isSupportedShellSessionHandoffPackage: shellViewModel.isSupportedShellSessionHandoffPackage,
       getLauncherLinks: () => shellViewModel.launcherLinks,
       getControlPageApiMethods: () => shellViewModel.controlPage.browserApiMethods,

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

@@ -168,6 +168,7 @@ export function createIniPanelLaunchApiManifest(entries = getVisibleIniPanelEntr
       "mountWorkflowOverviewEmbeddingState",
       "getWorkflowOverviewEmbeddingMountDisplayViewModel",
       "getWorkflowOverviewEmbeddingMountRenderState",
+      "getWorkflowOverviewEmbeddingMountDomContract",
       "isSupportedShellSessionHandoffPackage",
       "getLauncherLinks",
       "getControlPageApiMethods",
@@ -2226,6 +2227,32 @@ export function createIniPanelShellWorkflowOverviewEmbeddingMountRenderState(
   };
 }
 
+export function createIniPanelShellWorkflowOverviewEmbeddingMountDomContract({
+  rowDatasetPrefix = "workflowOverviewEmbeddingMount",
+  selectors = {},
+} = {}) {
+  const mountSelector = selectors.mount ?? "[data-workflow-overview-embedding-mount]";
+  const statusSelector = selectors.status ?? "[data-workflow-overview-embedding-mount-status]";
+  const rowsSelector = selectors.rows ?? "[data-workflow-overview-embedding-mount-rows]";
+  return {
+    apiName: "ini-panel-shell-workflow-overview-embedding-mount-dom-contract",
+    contractVersion: 1,
+    requiredNodeIds: ["mount", "status", "rows"],
+    selectors: {
+      mount: mountSelector,
+      status: statusSelector,
+      rows: rowsSelector,
+    },
+    mountDatasetKeys: ["handoffPhase", "handoffReady", "handoffScope"],
+    rowDatasetPrefix,
+    rowDatasetKeys: {
+      term: [`${rowDatasetPrefix}Row`, `${rowDatasetPrefix}Status`],
+      detail: [`${rowDatasetPrefix}Value`, `${rowDatasetPrefix}Status`],
+    },
+    renderResultFields: ["rendered", "statusLine", "rowCount", "rowIds", "dataset"],
+  };
+}
+
 export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries()) {
   const shellIntegrationManifest = createIniPanelShellIntegrationManifest(entries);
   const shellIntegrationReadiness = createIniPanelShellIntegrationReadiness(shellIntegrationManifest);
@@ -2395,6 +2422,8 @@ export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries
       createIniPanelShellWorkflowOverviewEmbeddingMountDisplayViewModel,
     createWorkflowOverviewEmbeddingMountRenderState:
       createIniPanelShellWorkflowOverviewEmbeddingMountRenderState,
+    createWorkflowOverviewEmbeddingMountDomContract:
+      createIniPanelShellWorkflowOverviewEmbeddingMountDomContract,
     isSupportedShellSessionHandoffPackage: isSupportedIniPanelShellSessionHandoffPackage,
     controlPage: {
       browserApiSchema: createControlPageBrowserApiSchema(),

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

@@ -99,6 +99,7 @@
       mountIniPanelShellWorkflowOverviewEmbeddingState,
       createIniPanelShellWorkflowOverviewEmbeddingMountDisplayViewModel,
       createIniPanelShellWorkflowOverviewEmbeddingMountRenderState,
+      createIniPanelShellWorkflowOverviewEmbeddingMountDomContract,
       renderIniPanelShellSessionHandoffWorkflowState,
       mountIniPanelShellSessionHandoffWorkflow,
     } from "./ui-shell.js";
@@ -169,6 +170,9 @@
       getWorkflowOverviewEmbeddingMountRenderState: (displayViewModel) => (
         createIniPanelShellWorkflowOverviewEmbeddingMountRenderState(displayViewModel)
       ),
+      getWorkflowOverviewEmbeddingMountDomContract: (options) => (
+        createIniPanelShellWorkflowOverviewEmbeddingMountDomContract(options)
+      ),
     };
   </script>
 </body>