@wwchao6411/create-web-ui-template 0.1.0

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+export { CliEnvironment, createHelpText, runCli } from './cli.js';
+export { InitOptions, ResolvedCliInput, createDefaultInitOptions, resolveInitOptions } from './prompts.js';
+export { RenderTemplateInput, RenderTemplateResult, renderTemplate } from './render-template.js';
+export { WorkspaceModeInput, renderWorkspaceMode } from './modes/workspace.js';
+export { StandaloneModeInput, renderStandaloneMode } from './modes/standalone.js';
+export { replaceTemplateTokens } from './transforms/replace-tokens.js';
+export { applyFeatureFlags } from './transforms/apply-feature-flags.js';
+export { writePackageManagerNotes } from './transforms/write-package-manager-notes.js';

package/dist/index.js

@@ -0,0 +1,49 @@
+#!/usr/bin/env node
+import {
+  createHelpText,
+  runCli
+} from "./chunk-NOZ2FVZU.js";
+import {
+  createDefaultInitOptions,
+  resolveInitOptions
+} from "./chunk-DRNPNIJR.js";
+import {
+  renderStandaloneMode
+} from "./chunk-ZWYKFM47.js";
+import {
+  renderWorkspaceMode
+} from "./chunk-HDMQ6CVP.js";
+import {
+  renderTemplate
+} from "./chunk-QKC3LLVR.js";
+import {
+  writePackageManagerNotes
+} from "./chunk-N6W5XQS6.js";
+import {
+  applyFeatureFlags
+} from "./chunk-ZCLQAKLB.js";
+import {
+  replaceTemplateTokens
+} from "./chunk-VKUDWI56.js";
+
+// src/index.ts
+import { pathToFileURL } from "url";
+var entryUrl = process.argv[1] ? pathToFileURL(process.argv[1]).href : "";
+if (entryUrl === import.meta.url) {
+  void runCli(process.argv.slice(2)).then((exitCode) => {
+    process.exitCode = exitCode;
+  });
+}
+export {
+  applyFeatureFlags,
+  createDefaultInitOptions,
+  createHelpText,
+  renderStandaloneMode,
+  renderTemplate,
+  renderWorkspaceMode,
+  replaceTemplateTokens,
+  resolveInitOptions,
+  runCli,
+  writePackageManagerNotes
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { pathToFileURL } from \"node:url\";\n\nimport { runCli } from \"./cli\";\n\nexport * from \"./cli\";\nexport * from \"./prompts\";\nexport * from \"./render-template\";\nexport * from \"./modes/workspace\";\nexport * from \"./modes/standalone\";\nexport * from \"./transforms/replace-tokens\";\nexport * from \"./transforms/apply-feature-flags\";\nexport * from \"./transforms/write-package-manager-notes\";\n\nconst entryUrl = process.argv[1] ? pathToFileURL(process.argv[1]).href : \"\";\n\nif (entryUrl === import.meta.url) {\n  void runCli(process.argv.slice(2)).then((exitCode) => {\n    process.exitCode = exitCode;\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,qBAAqB;AAa9B,IAAM,WAAW,QAAQ,KAAK,CAAC,IAAI,cAAc,QAAQ,KAAK,CAAC,CAAC,EAAE,OAAO;AAEzE,IAAI,aAAa,YAAY,KAAK;AAChC,OAAK,OAAO,QAAQ,KAAK,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa;AACpD,YAAQ,WAAW;AAAA,EACrB,CAAC;AACH;","names":[]}

package/dist/modes/standalone.d.ts

@@ -0,0 +1,10 @@
+import { InitOptions } from '../prompts.js';
+import { RenderTemplateResult } from '../render-template.js';
+
+interface StandaloneModeInput {
+    targetDirectory: string;
+    templateDirectory?: string;
+}
+declare function renderStandaloneMode(options: InitOptions, input: StandaloneModeInput): Promise<RenderTemplateResult>;
+
+export { type StandaloneModeInput, renderStandaloneMode };

package/dist/modes/standalone.js

@@ -0,0 +1,11 @@
+import {
+  renderStandaloneMode
+} from "../chunk-ZWYKFM47.js";
+import "../chunk-QKC3LLVR.js";
+import "../chunk-N6W5XQS6.js";
+import "../chunk-ZCLQAKLB.js";
+import "../chunk-VKUDWI56.js";
+export {
+  renderStandaloneMode
+};
+//# sourceMappingURL=standalone.js.map

package/dist/modes/standalone.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/modes/workspace.d.ts

@@ -0,0 +1,10 @@
+import { InitOptions } from '../prompts.js';
+import { RenderTemplateResult } from '../render-template.js';
+
+interface WorkspaceModeInput {
+    workspaceRoot: string;
+    templateDirectory?: string;
+}
+declare function renderWorkspaceMode(options: InitOptions, input: WorkspaceModeInput): Promise<RenderTemplateResult>;
+
+export { type WorkspaceModeInput, renderWorkspaceMode };

package/dist/modes/workspace.js

@@ -0,0 +1,11 @@
+import {
+  renderWorkspaceMode
+} from "../chunk-HDMQ6CVP.js";
+import "../chunk-QKC3LLVR.js";
+import "../chunk-N6W5XQS6.js";
+import "../chunk-ZCLQAKLB.js";
+import "../chunk-VKUDWI56.js";
+export {
+  renderWorkspaceMode
+};
+//# sourceMappingURL=workspace.js.map

package/dist/modes/workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/prompts.d.ts

@@ -0,0 +1,20 @@
+interface InitOptions {
+    projectName: string;
+    targetMode: "workspace" | "standalone";
+    enableDesktop: boolean;
+    enableMicroApp: boolean;
+    enableChromeTabs: boolean;
+    enableAuth: boolean;
+    enableSshForwarding: boolean;
+    packageManager: "pnpm" | "npm" | "yarn";
+    installNow: boolean;
+}
+interface ResolvedCliInput {
+    helpRequested: boolean;
+    options: InitOptions;
+    targetDirectory?: string;
+}
+declare function createDefaultInitOptions(): InitOptions;
+declare function resolveInitOptions(argv: string[]): ResolvedCliInput;
+
+export { type InitOptions, type ResolvedCliInput, createDefaultInitOptions, resolveInitOptions };

package/dist/prompts.js

@@ -0,0 +1,9 @@
+import {
+  createDefaultInitOptions,
+  resolveInitOptions
+} from "./chunk-DRNPNIJR.js";
+export {
+  createDefaultInitOptions,
+  resolveInitOptions
+};
+//# sourceMappingURL=prompts.js.map

package/dist/prompts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/render-template.d.ts

@@ -0,0 +1,15 @@
+import { InitOptions } from './prompts.js';
+
+interface RenderTemplateInput {
+    mode: InitOptions["targetMode"];
+    options: InitOptions;
+    targetDirectory: string;
+    templateDirectory?: string;
+}
+interface RenderTemplateResult {
+    targetDirectory: string;
+    notes: string;
+}
+declare function renderTemplate(input: RenderTemplateInput): Promise<RenderTemplateResult>;
+
+export { type RenderTemplateInput, type RenderTemplateResult, renderTemplate };

package/dist/render-template.js

@@ -0,0 +1,10 @@
+import {
+  renderTemplate
+} from "./chunk-QKC3LLVR.js";
+import "./chunk-N6W5XQS6.js";
+import "./chunk-ZCLQAKLB.js";
+import "./chunk-VKUDWI56.js";
+export {
+  renderTemplate
+};
+//# sourceMappingURL=render-template.js.map

package/dist/render-template.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/transforms/apply-feature-flags.d.ts

@@ -0,0 +1,5 @@
+import { InitOptions } from '../prompts.js';
+
+declare function applyFeatureFlags(targetDirectory: string, options: InitOptions): Promise<void>;
+
+export { applyFeatureFlags };

package/dist/transforms/apply-feature-flags.js

@@ -0,0 +1,7 @@
+import {
+  applyFeatureFlags
+} from "../chunk-ZCLQAKLB.js";
+export {
+  applyFeatureFlags
+};
+//# sourceMappingURL=apply-feature-flags.js.map

package/dist/transforms/apply-feature-flags.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/transforms/replace-tokens.d.ts

@@ -0,0 +1,5 @@
+import { InitOptions } from '../prompts.js';
+
+declare function replaceTemplateTokens(content: string, options: InitOptions): string;
+
+export { replaceTemplateTokens };

package/dist/transforms/replace-tokens.js

@@ -0,0 +1,7 @@
+import {
+  replaceTemplateTokens
+} from "../chunk-VKUDWI56.js";
+export {
+  replaceTemplateTokens
+};
+//# sourceMappingURL=replace-tokens.js.map

package/dist/transforms/replace-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/transforms/write-package-manager-notes.d.ts

@@ -0,0 +1,5 @@
+import { InitOptions } from '../prompts.js';
+
+declare function writePackageManagerNotes(options: InitOptions, locationLabel: string): string;
+
+export { writePackageManagerNotes };

package/dist/transforms/write-package-manager-notes.js

@@ -0,0 +1,7 @@
+import {
+  writePackageManagerNotes
+} from "../chunk-N6W5XQS6.js";
+export {
+  writePackageManagerNotes
+};
+//# sourceMappingURL=write-package-manager-notes.js.map

package/dist/transforms/write-package-manager-notes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@wwchao6411/create-web-ui-template",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "create-web-ui-template": "./dist/index.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "templates/web-ui-template"
+  ],
+  "devDependencies": {
+    "@wwchao6411/configs": "0.1.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/cli.ts src/prompts.ts src/render-template.ts src/modes/workspace.ts src/modes/standalone.ts src/transforms/replace-tokens.ts src/transforms/apply-feature-flags.ts src/transforms/write-package-manager-notes.ts --format esm --dts --sourcemap --clean",
+    "prepare:template-assets": "node ./scripts/sync-template-assets.mjs",
+    "clean:template-assets": "node ./scripts/clean-template-assets.mjs",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --max-warnings=0",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}

package/templates/web-ui-template/README.md

@@ -0,0 +1,44 @@
+# web-ui-template
+
+`templates/web-ui-template` 是模板源码目录，不参与 pnpm workspace 构建。CLI 会复制这个目录、替换占位符，并按功能开关裁剪文件。
+
+## 目录职责
+
+- `src/app/`: 应用启动入口、全局样式和顶层导航壳
+- `src/platform/`: 平台组合层，负责拼装预设、路由和微前端注册
+- `src/business/`: 业务可定制区域，生成后优先在这里修改页面、菜单、权限和应用注册
+- `src/shared/`: 模板共享配置与运行时标记
+- `electron/`: 桌面模式下的主进程、preload、IPC 与转发占位实现
+- `config/`: 模板元数据与功能开关占位符
+- `scripts/`: 初始化后的辅助脚本占位
+
+## 生成后优先修改的位置
+
+生成项目后，优先在以下文件中落业务定制：
+
+- `src/business/HomePage.vue`: 首页内容和品牌信息
+- `src/business/LoginPage.vue`: 登录文案和表单扩展
+- `src/business/WorkspacePage.vue`: 工作区默认启动面
+- `src/business/apps.ts`: 业务应用注册表
+- `src/business/menu.ts`: 导航菜单
+- `src/business/permissions.ts`: 权限集合
+
+如果只是替换业务页面，不要先改 `src/platform/*`。这些文件负责把平台壳能力接到业务层，保持稳定更利于后续升级模板。
+
+## 功能开关
+
+模板当前支持以下占位符，CLI 会在复制时替换：
+
+- `__PROJECT_NAME__`
+- `__PACKAGE_MANAGER__`
+- `__ENABLE_DESKTOP__`
+- `__ENABLE_MICROAPP__`
+- `__ENABLE_CHROME_TABS__`
+- `__ENABLE_AUTH__`
+- `__ENABLE_SSH_FORWARDING__`
+
+当关闭 `desktop` 或 `microapp` 时，CLI 会同步删除对应脚本与演示文件，避免生成无效目录。
+
+## 本地验证
+
+仓库内持续验证目标是 `apps/web-ui-template-preview`，用于确认模板默认壳面和路由表仍然可运行。

package/templates/web-ui-template/config/template.config.json

@@ -0,0 +1,11 @@
+{
+  "projectName": "__PROJECT_NAME__",
+  "packageManager": "__PACKAGE_MANAGER__",
+  "features": {
+    "desktop": "__ENABLE_DESKTOP__",
+    "microapp": "__ENABLE_MICROAPP__",
+    "chromeTabs": "__ENABLE_CHROME_TABS__",
+    "auth": "__ENABLE_AUTH__",
+    "sshForwarding": "__ENABLE_SSH_FORWARDING__"
+  }
+}

package/templates/web-ui-template/electron/config/config-manager.ts

@@ -0,0 +1,9 @@
+import { templateRuntimeConfig } from "../../src/shared/config";
+
+// 生成模板桌面模式下的基础配置快照。
+export function createDesktopBridgeConfig() {
+  return {
+    projectName: templateRuntimeConfig.projectName,
+    desktopEnabled: templateRuntimeConfig.features.desktop
+  };
+}

package/templates/web-ui-template/electron/forwarding/forwarding-manager.ts

@@ -0,0 +1,9 @@
+import { templateRuntimeConfig } from "../../src/shared/config";
+
+// 创建模板 SSH 转发能力描述，供后续桌面实现替换为真实逻辑。
+export function createForwardingManager() {
+  return {
+    enabled: templateRuntimeConfig.features.sshForwarding,
+    mode: templateRuntimeConfig.features.sshForwarding ? "ssh" : "disabled"
+  };
+}

package/templates/web-ui-template/electron/ipc/index.ts

@@ -0,0 +1,4 @@
+// 注册模板桌面 IPC 通道名称，供后续功能扩展复用。
+export function registerTemplateIpc() {
+  return ["platform-shell:config", "platform-shell:forwarding"];
+}

package/templates/web-ui-template/electron/main/index.ts

@@ -0,0 +1,10 @@
+import { createDesktopBridgeConfig } from "../config/config-manager";
+import { registerTemplateIpc } from "../ipc/index";
+
+// 启动模板桌面主进程并返回最小桌面能力描述。
+export function bootstrapTemplateDesktopMain() {
+  return {
+    config: createDesktopBridgeConfig(),
+    ipc: registerTemplateIpc()
+  };
+}

package/templates/web-ui-template/electron/preload/index.ts

@@ -0,0 +1,7 @@
+// 暴露模板桌面预加载桥接对象，供渲染进程按需探测。
+export function createTemplatePreloadBridge() {
+  return {
+    namespace: "platformShell",
+    version: "0.1.0"
+  };
+}

package/templates/web-ui-template/electron.vite.config.ts

@@ -0,0 +1,50 @@
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from "electron-vite";
+import { resolve } from "node:path";
+import tsconfigPaths from "vite-tsconfig-paths";
+import vue from "@vitejs/plugin-vue";
+
+export default defineConfig({
+  main: {
+    build: {
+      outDir: "out/main",
+      rollupOptions: {
+        input: {
+          index: resolve(__dirname, "electron/main/index.ts")
+        }
+      }
+    }
+  },
+  preload: {
+    build: {
+      outDir: "out/preload",
+      rollupOptions: {
+        input: {
+          index: resolve(__dirname, "electron/preload/index.ts")
+        }
+      }
+    }
+  },
+  renderer: {
+    root: ".",
+    plugins: [
+      tsconfigPaths(),
+      tailwindcss(),
+      vue({
+        template: {
+          compilerOptions: {
+            isCustomElement: (tag) => tag === "micro-app"
+          }
+        }
+      })
+    ],
+    build: {
+      outDir: "out/renderer",
+      rollupOptions: {
+        input: {
+          index: resolve(__dirname, "index.html")
+        }
+      }
+    }
+  }
+});

package/templates/web-ui-template/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>__PROJECT_NAME__</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/app/main.ts"></script>
+  </body>
+</html>

package/templates/web-ui-template/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "__PROJECT_NAME__",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "packageManager": "__PACKAGE_MANAGER__",
+  "scripts": {
+    "dev": "pnpm run dev:web",
+    "dev:web": "vite",
+    "dev:desktop": "electron-vite dev",
+    "build:web": "vite build",
+    "build": "pnpm run build:web",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "eslint . --max-warnings=0",
+    "test": "vitest run --passWithNoTests"
+  },
+  "dependencies": {
+    "@micro-zoe/micro-app": "^1.0.0-rc.17",
+    "@wwchao6411/platform-shell-core": "workspace:*",
+    "@wwchao6411/platform-shell-electron": "workspace:*",
+    "@wwchao6411/platform-shell-microapp": "workspace:*",
+    "@wwchao6411/platform-shell-presets": "workspace:*",
+    "@wwchao6411/platform-shell-ui": "workspace:*",
+    "@wwchao6411/ui": "workspace:*",
+    "vue": "^3.5.22",
+    "vue-router": "^4.6.3"
+  },
+  "devDependencies": {
+    "@wwchao6411/configs": "workspace:*",
+    "@tailwindcss/vite": "^4.1.14",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "electron": "^37.4.0",
+    "electron-vite": "^4.0.0",
+    "sass": "^1.93.2",
+    "tailwindcss": "^4.1.14",
+    "vite-tsconfig-paths": "^5.1.4"
+  }
+}

package/templates/web-ui-template/public/.gitkeep

@@ -0,0 +1 @@
+

package/templates/web-ui-template/scripts/post-create.mjs

@@ -0,0 +1 @@
+console.log("Scaffolded __PROJECT_NAME__ with __PACKAGE_MANAGER__.");

package/templates/web-ui-template/src/app/App.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { RouterLink, RouterView } from "vue-router";
+</script>
+
+<template>
+  <main class="template-shell min-h-screen px-6 py-8 text-slate-50">
+    <div class="mx-auto max-w-6xl space-y-6">
+      <header class="flex flex-wrap items-center gap-3 rounded-3xl border border-white/10 bg-white/5 p-4">
+        <RouterLink
+          class="rounded-2xl px-4 py-2 text-sm text-slate-200 transition hover:bg-white/10"
+          to="/"
+        >
+          Home
+        </RouterLink>
+        <RouterLink
+          class="rounded-2xl px-4 py-2 text-sm text-slate-200 transition hover:bg-white/10"
+          to="/login"
+        >
+          Login
+        </RouterLink>
+        <RouterLink
+          class="rounded-2xl px-4 py-2 text-sm text-slate-200 transition hover:bg-white/10"
+          to="/workspace"
+        >
+          Workspace
+        </RouterLink>
+        <RouterLink
+          class="rounded-2xl px-4 py-2 text-sm text-slate-200 transition hover:bg-white/10"
+          to="/workspace/sample-microapp"
+        >
+          Sample MicroApp
+        </RouterLink>
+      </header>
+
+      <RouterView />
+    </div>
+  </main>
+</template>

package/templates/web-ui-template/src/app/app.scss

@@ -0,0 +1,8 @@
+.template-shell {
+  position: relative;
+  overflow: hidden;
+  background:
+    radial-gradient(circle at top left, rgb(34 211 238 / 0.14), transparent 34%),
+    radial-gradient(circle at bottom right, rgb(14 165 233 / 0.18), transparent 32%),
+    linear-gradient(180deg, #020617 0%, #0f172a 100%);
+}

package/templates/web-ui-template/src/app/main.ts

@@ -0,0 +1,24 @@
+import "./tailwind.css";
+import "@wwchao6411/ui/styles.scss";
+import "./app.scss";
+
+import { createApp } from "vue";
+import { createRouter, createWebHistory } from "vue-router";
+
+import App from "./App.vue";
+import { createTemplatePlatform } from "../platform/create-platform";
+import { registerTemplateRoutes } from "../platform/register-routes";
+
+const templatePlatform = createTemplatePlatform();
+const router = createRouter({
+  history: createWebHistory(),
+  routes: registerTemplateRoutes()
+});
+const app = createApp(App);
+
+app.provide("template-platform", templatePlatform);
+app.use(router);
+
+void router.isReady().finally(() => {
+  app.mount("#app");
+});

package/templates/web-ui-template/src/app/tailwind.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/templates/web-ui-template/src/business/HomePage.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { templateRuntimeConfig } from "../shared/config";
+</script>
+
+<template>
+  <section class="rounded-3xl border border-white/10 bg-white/5 p-6">
+    <p class="text-xs uppercase tracking-[0.24em] text-cyan-300/80">
+      {{ templateRuntimeConfig.projectName }}
+    </p>
+    <h1 class="mt-3 text-3xl font-semibold">
+      Web UI template starter
+    </h1>
+    <p class="mt-3 max-w-3xl text-sm text-slate-300">
+      This starter keeps the platform shell, optional desktop runtime, and microapp surface in one
+      place for further product customization.
+    </p>
+  </section>
+</template>

package/templates/web-ui-template/src/business/LoginPage.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { PlatformLoginPage } from "@wwchao6411/platform-shell-ui/vue";
+</script>
+
+<template>
+  <PlatformLoginPage
+    product-label="template"
+    :title="`Sign in to ${'__PROJECT_NAME__'}`"
+    description="Authenticate into the generated shell and continue into the workspace surface."
+    username-label="Username"
+    username-placeholder="operator"
+    password-label="Password"
+    password-placeholder="password"
+    submit-text="Enter Workspace"
+    hint="SSH forwarding and desktop integration can be enabled later."
+  />
+</template>

package/templates/web-ui-template/src/business/PreviewMicroAppPage.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { PlatformWorkspacePage } from "@wwchao6411/platform-shell-ui/vue";
+</script>
+
+<template>
+  <PlatformWorkspacePage
+    eyebrow="microapp"
+    title="Sample MicroApp Route"
+    description="Replace this stub with your first embedded business module or external product surface."
+  >
+    <div class="rounded-3xl border border-cyan-300/20 bg-slate-950/70 p-6 text-sm text-slate-200">
+      Sample MicroApp content renders here.
+    </div>
+  </PlatformWorkspacePage>
+</template>