推进 INI 面板 shell view-model helper

wasm-port/docs/panel-entry.md

@@ -11,6 +11,7 @@ control view:
 import {
   INI_PANEL_ENTRIES,
   createIniPanelLauncherLinkViewModel,
+  createIniPanelShellViewModel,
   getIniPanelEntryByHref,
   getVisibleIniPanelEntries,
   createMachineSessionControlPageController,
@@ -42,6 +43,10 @@ Launcher pages can render links from `createIniPanelLauncherLinkViewModel()`
 without reading manifest field names directly. Each item has `entryId`, `href`,
 and `label`.
 
+Outer shells can call `createIniPanelShellViewModel()` when they need one
+read-only model with `pages`, `launcherLinks`, and `controlPage` helpers for
+mounting the existing control-page controller and renderer.
+
 ## Boundary
 
 The entry shell only links pages and renders already-observed panel state. It

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

@@ -3,6 +3,12 @@ import {
   getIniPanelEntryByHref,
   getIniPanelEntryManifest,
 } from "./entry-manifest.js";
+import {
+  createMachineSessionControlPageController,
+} from "./control-page-controller.js";
+import {
+  renderMachineSessionControlView,
+} from "./control-view-renderer.js";
 export {
   INI_PANEL_ENTRIES,
   getIniPanelEntryByHref,
@@ -26,3 +32,18 @@ export function createIniPanelLauncherLinkViewModel(entries = getVisibleIniPanel
     label: title,
   }));
 }
+
+export function createIniPanelShellViewModel(entries = getVisibleIniPanelEntries()) {
+  return {
+    pages: entries.map(({ id, href, title }) => ({
+      id,
+      href,
+      title,
+    })),
+    launcherLinks: createIniPanelLauncherLinkViewModel(entries),
+    controlPage: {
+      createController: createMachineSessionControlPageController,
+      renderView: renderMachineSessionControlView,
+    },
+  };
+}

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

@@ -6,6 +6,7 @@ import { dirname, resolve } from "node:path";
 import {
   INI_PANEL_ENTRIES,
   createIniPanelLauncherLinkViewModel,
+  createIniPanelShellViewModel,
   getVisibleIniPanelEntries,
 } from "../../../runtime/ui/ini-panel/ui-shell.js";
 
@@ -17,6 +18,7 @@ const shellText = readFileSync(resolve(root, "runtime/ui/ini-panel/ui-shell.js")
 const requiredShellExports = [
   "INI_PANEL_ENTRIES",
   "createIniPanelLauncherLinkViewModel",
+  "createIniPanelShellViewModel",
   "getIniPanelEntryByHref",
   "getVisibleIniPanelEntries",
   "createMachineSessionControlPageController",
@@ -47,6 +49,10 @@ assert.deepEqual(
     label: title,
   })),
 );
+assert.deepEqual(createIniPanelShellViewModel().pages, getVisibleIniPanelEntries());
+assert.deepEqual(createIniPanelShellViewModel().launcherLinks, createIniPanelLauncherLinkViewModel());
+assert.equal(typeof createIniPanelShellViewModel().controlPage.createController, "function");
+assert.equal(typeof createIniPanelShellViewModel().controlPage.renderView, "function");
 
 for (const entry of INI_PANEL_ENTRIES) {
   const escapedHref = entry.href.replace(".", "\\.");

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

@@ -3,6 +3,7 @@ import assert from "node:assert/strict";
 import {
   INI_PANEL_ENTRIES,
   createIniPanelLauncherLinkViewModel,
+  createIniPanelShellViewModel,
   createMachineSessionControlPageController,
   getIniPanelEntryByHref,
   getIniPanelEntryManifest,
@@ -37,6 +38,25 @@ assert.deepEqual(createIniPanelLauncherLinkViewModel(), [
 const launcherLinks = createIniPanelLauncherLinkViewModel();
 launcherLinks[0].label = "changed";
 assert.equal(INI_PANEL_ENTRIES[0].title, "Open edit and run panel");
+const shellViewModel = createIniPanelShellViewModel();
+assert.deepEqual(shellViewModel.pages, [
+  {
+    id: "edit-run",
+    href: "./index.html",
+    title: "Open edit and run panel",
+  },
+  {
+    id: "control-view",
+    href: "./control-page.html",
+    title: "Open read-only control view",
+  },
+]);
+assert.deepEqual(shellViewModel.launcherLinks, createIniPanelLauncherLinkViewModel());
+assert.equal(shellViewModel.controlPage.createController, createMachineSessionControlPageController);
+assert.equal(shellViewModel.controlPage.renderView, renderMachineSessionControlView);
+shellViewModel.pages[0].title = "changed";
+shellViewModel.launcherLinks[0].label = "changed";
+assert.equal(INI_PANEL_ENTRIES[0].title, "Open edit and run panel");
 
 const panelFrame = {
   contentWindow: {