推进 INI 面板 workflow overview embedding display view-model

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

@@ -282,6 +282,9 @@
       getWorkflowOverviewEmbeddingReport: (embeddingResult, contract) => (
         shellViewModel.createWorkflowOverviewEmbeddingReport(embeddingResult, contract)
       ),
+      getWorkflowOverviewEmbeddingDisplayViewModel: (report) => (
+        shellViewModel.createWorkflowOverviewEmbeddingDisplayViewModel(report)
+      ),
       isSupportedShellSessionHandoffPackage: shellViewModel.isSupportedShellSessionHandoffPackage,
       getLauncherLinks: () => shellViewModel.launcherLinks,
       getControlPageApiMethods: () => shellViewModel.controlPage.browserApiMethods,

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

@@ -160,6 +160,7 @@ export function createIniPanelLaunchApiManifest(entries = getVisibleIniPanelEntr
       "getWorkflowOverviewReadiness",
       "mountWorkflowOverviewEmbedding",
       "getWorkflowOverviewEmbeddingReport",
+      "getWorkflowOverviewEmbeddingDisplayViewModel",
       "isSupportedShellSessionHandoffPackage",
       "getLauncherLinks",
       "getControlPageApiMethods",
@@ -1888,6 +1889,26 @@ export function createIniPanelShellWorkflowOverviewEmbeddingReport(
   };
 }
 
+export function createIniPanelShellWorkflowOverviewEmbeddingDisplayViewModel(
+  report = createIniPanelShellWorkflowOverviewEmbeddingReport(),
+) {
+  const blockingReasons = Array.isArray(report?.blockingReasons) ? report.blockingReasons : [];
+  const rows = Array.isArray(report?.rows)
+    ? report.rows.map(({ id, label, value }) => ({
+        id,
+        label,
+        value: value == null ? "" : String(value),
+      }))
+    : [];
+  return {
+    phase: report?.phase === "ready" ? "ready" : "blocked",
+    title: "Workflow overview embedding",
+    statusText: report?.ready ? "Ready" : "Blocked",
+    detailText: blockingReasons.length === 0 ? "No blocking reasons" : blockingReasons.join(", "),
+    rows,
+  };
+}
+
 export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries()) {
   const shellIntegrationManifest = createIniPanelShellIntegrationManifest(entries);
   const shellIntegrationReadiness = createIniPanelShellIntegrationReadiness(shellIntegrationManifest);
@@ -2047,6 +2068,7 @@ export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries
     createWorkflowOverviewReadiness: createIniPanelShellWorkflowOverviewReadiness,
     mountWorkflowOverviewEmbedding: mountIniPanelShellWorkflowOverviewEmbedding,
     createWorkflowOverviewEmbeddingReport: createIniPanelShellWorkflowOverviewEmbeddingReport,
+    createWorkflowOverviewEmbeddingDisplayViewModel: createIniPanelShellWorkflowOverviewEmbeddingDisplayViewModel,
     isSupportedShellSessionHandoffPackage: isSupportedIniPanelShellSessionHandoffPackage,
     controlPage: {
       browserApiSchema: createControlPageBrowserApiSchema(),

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

@@ -90,6 +90,7 @@
       createIniPanelShellWorkflowOverviewContract,
       createIniPanelShellWorkflowOverviewReadiness,
       createIniPanelShellWorkflowOverviewEmbeddingReport,
+      createIniPanelShellWorkflowOverviewEmbeddingDisplayViewModel,
       mountIniPanelShellWorkflowOverviewEmbedding,
       renderIniPanelShellSessionHandoffWorkflowState,
       mountIniPanelShellSessionHandoffWorkflow,
@@ -135,6 +136,9 @@
       getWorkflowOverviewEmbeddingReport: (embeddingResult, contract) => (
         createIniPanelShellWorkflowOverviewEmbeddingReport(embeddingResult, contract)
       ),
+      getWorkflowOverviewEmbeddingDisplayViewModel: (report) => (
+        createIniPanelShellWorkflowOverviewEmbeddingDisplayViewModel(report)
+      ),
     };
   </script>
 </body>