@bleedingdev/modern-js-create 3.2.0-ultramodern.59 → 3.2.0-ultramodern.60

package/dist/index.js

@@ -470,11 +470,11 @@ const EN_LOCALE = {
         optionBffRuntime: '      --bff-runtime Select BFF runtime (hono or effect)',
         optionTailwind: '      --no-tailwind Disable default Tailwind CSS v4 scaffold',
         optionWorkspace: '      --workspace Use workspace protocol for @modern-js dependencies (for local monorepo testing)',
-        optionUltramodernWorkspace: '      --ultramodern-workspace Generate the canonical UltraModern SuperApp workspace',
-        optionUltramodernPackageSource: '      --ultramodern-package-source Select UltraModern package source (workspace or install)',
+        optionUltramodernWorkspace: '      --ultramodern-workspace Generate an UltraModern SuperApp workspace (explicit opt-in; default is a simple app)',
+        optionUltramodernPackageSource: '      --ultramodern-package-source Select UltraModern package source (workspace or install; BleedingDev defaults to install aliases)',
         optionUltramodernPackageScope: '      --ultramodern-package-scope Publish scope for npm alias installs (for example bleedingdev)',
         optionUltramodernPackageNamePrefix: '      --ultramodern-package-name-prefix Prefix for npm alias package names (default: modern-js-)',
-        optionVertical: '      --vertical Add a full-stack vertical to an existing UltraModern workspace',
+        optionVertical: '      --vertical Mutate the current existing UltraModern workspace and wire a MicroVertical named <project-name>',
         optionSub: '  -s, --sub       Mark as a subproject (package in monorepo)',
         examples: '💡 Examples:',
         example1: '  create my-app',
@@ -486,8 +486,9 @@ const EN_LOCALE = {
         example7: '  create my-app --bff',
         example8: '  create my-app --router tanstack --bff-runtime effect',
         example9: '  create my-app --router tanstack --bff-runtime effect --workspace',
-        example10: '  pnpm dlx @bleedingdev/modern-js-create my-super-app',
-        example11: '  create catalog --vertical',
+        example10: '  pnpm dlx @bleedingdev/modern-js-create my-app',
+        example11: '  pnpm dlx @bleedingdev/modern-js-create my-super-app --ultramodern-workspace',
+        example12: '  create catalog --vertical',
         moreInfo: '📚 Learn more: https://modernjs.dev'
     },
     version: {
@@ -527,11 +528,11 @@ const ZH_LOCALE = {
         optionBffRuntime: '      --bff-runtime 选择 BFF 运行时（hono 或 effect）',
         optionTailwind: '      --no-tailwind 禁用默认 Tailwind CSS v4 模板',
         optionWorkspace: '      --workspace 对 @modern-js 依赖使用 workspace 协议（用于本地 monorepo 联调）',
-        optionUltramodernWorkspace: '      --ultramodern-workspace 生成标准 UltraModern SuperApp 工作区',
-        optionUltramodernPackageSource: '      --ultramodern-package-source 选择 UltraModern 依赖来源（workspace 或 install）',
+        optionUltramodernWorkspace: '      --ultramodern-workspace 生成 UltraModern SuperApp 工作区（显式选择；默认创建简单应用）',
+        optionUltramodernPackageSource: '      --ultramodern-package-source 选择 UltraModern 依赖来源（workspace 或 install；BleedingDev 默认使用 install alias）',
         optionUltramodernPackageScope: '      --ultramodern-package-scope npm alias 安装使用的发布 scope（例如 bleedingdev）',
         optionUltramodernPackageNamePrefix: '      --ultramodern-package-name-prefix npm alias 包名前缀（默认：modern-js-）',
-        optionVertical: '      --vertical 向现有 UltraModern 工作区添加全栈 Vertical',
+        optionVertical: '      --vertical 修改当前已有的 UltraModern 工作区，并接入名为 <项目名称> 的 MicroVertical',
         optionSub: '  -s, --sub       标记为子项目（monorepo 中的子包）',
         examples: '💡 示例:',
         example1: '  create my-app',
@@ -543,8 +544,9 @@ const ZH_LOCALE = {
         example7: '  create my-app --bff',
         example8: '  create my-app --router tanstack --bff-runtime effect',
         example9: '  create my-app --router tanstack --bff-runtime effect --workspace',
-        example10: '  create my-super-app --ultramodern-workspace --ultramodern-package-source install --ultramodern-package-scope bleedingdev',
-        example11: '  create catalog --vertical',
+        example10: '  pnpm dlx @bleedingdev/modern-js-create my-app',
+        example11: '  pnpm dlx @bleedingdev/modern-js-create my-super-app --ultramodern-workspace',
+        example12: '  create catalog --vertical',
         moreInfo: '📚 更多信息: https://modernjs.dev'
     },
     version: {
@@ -621,11 +623,7 @@ const shellApp = {
     portEnv: 'SHELL_SUPER_APP_PORT',
     port: 3020,
     mfName: 'shellSuperApp',
-    verticalRefs: [
-        'explore',
-        'decide',
-        'checkout'
-    ],
+    verticalRefs: [],
     ownership: {
         team: 'super-app-platform',
         slack: '#super-app-platform',
@@ -641,130 +639,12 @@ const shellApp = {
         }
     }
 };
-const verticalApps = [
-    {
-        id: 'explore',
-        directory: 'verticals/explore',
-        packageSuffix: 'explore',
-        displayName: 'Explore Vertical',
-        kind: 'vertical',
-        domain: 'explore',
-        portEnv: 'VERTICAL_EXPLORE_PORT',
-        port: 3021,
-        mfName: 'verticalExplore',
-        exposes: {
-            './Footer': './src/components/footer.tsx',
-            './Header': './src/components/header.tsx',
-            './Recommendations': './src/components/recommendations.tsx',
-            './Route': './src/federation-entry.tsx',
-            './StorePicker': './src/components/store-picker.tsx'
-        },
-        effectApi: {
-            stem: 'explore',
-            prefix: '/explore-api',
-            consumedBy: [
-                shellApp.id,
-                'explore'
-            ]
-        },
-        ownership: {
-            team: 'tractor-explore',
-            slack: '#tractor-explore',
-            pagerDuty: 'pd-tractor-explore',
-            runbookRef: 'runbooks/wave2/explore.md',
-            adrRef: 'docs/super-app-rfc-adr/wave2/reference-topology.md#explore',
-            blastRadius: {
-                tier: 'tier-1-tractor-discovery',
-                references: [
-                    'docs/super-app-rfc-adr/wave2/blast-radius.md#explore',
-                    'docs/super-app-rfc-adr/wave2/rollback.md#explore-lkg'
-                ]
-            }
-        }
-    },
-    {
-        id: 'decide',
-        directory: 'verticals/decide',
-        packageSuffix: 'decide',
-        displayName: 'Decide Vertical',
-        kind: 'vertical',
-        domain: 'decide',
-        portEnv: 'VERTICAL_DECIDE_PORT',
-        port: 3022,
-        mfName: 'verticalDecide',
-        verticalRefs: [
-            'explore',
-            'checkout'
-        ],
-        exposes: {
-            './ProductPage': './src/components/product-page.tsx',
-            './Route': './src/federation-entry.tsx'
-        },
-        effectApi: {
-            stem: 'decide',
-            prefix: '/decide-api',
-            consumedBy: [
-                shellApp.id,
-                'decide'
-            ]
-        },
-        ownership: {
-            team: 'tractor-decide',
-            slack: '#tractor-decide',
-            pagerDuty: 'pd-tractor-decide',
-            runbookRef: 'runbooks/wave2/decide.md',
-            adrRef: 'docs/super-app-rfc-adr/wave2/reference-topology.md#decide',
-            blastRadius: {
-                tier: 'tier-1-tractor-configuration',
-                references: [
-                    'docs/super-app-rfc-adr/wave2/blast-radius.md#decide',
-                    'docs/super-app-rfc-adr/wave2/rollback.md#decide-lkg'
-                ]
-            }
-        }
-    },
-    {
-        id: 'checkout',
-        directory: 'verticals/checkout',
-        packageSuffix: 'checkout',
-        displayName: 'Checkout Vertical',
-        kind: 'vertical',
-        domain: 'checkout',
-        portEnv: 'VERTICAL_CHECKOUT_PORT',
-        port: 3023,
-        mfName: 'verticalCheckout',
-        exposes: {
-            './AddToCart': './src/components/add-to-cart.tsx',
-            './CartPage': './src/components/cart-page.tsx',
-            './CheckoutPage': './src/components/checkout-page.tsx',
-            './MiniCart': './src/components/mini-cart.tsx',
-            './Route': './src/federation-entry.tsx',
-            './ThanksPage': './src/components/thanks-page.tsx'
-        },
-        effectApi: {
-            stem: 'checkout',
-            prefix: '/checkout-api',
-            consumedBy: [
-                shellApp.id,
-                'checkout'
-            ]
-        },
-        ownership: {
-            team: 'tractor-checkout',
-            slack: '#tractor-checkout',
-            pagerDuty: 'pd-tractor-checkout',
-            runbookRef: 'runbooks/wave2/checkout.md',
-            adrRef: 'docs/super-app-rfc-adr/wave2/reference-topology.md#checkout',
-            blastRadius: {
-                tier: 'tier-1-tractor-purchase',
-                references: [
-                    'docs/super-app-rfc-adr/wave2/blast-radius.md#checkout',
-                    'docs/super-app-rfc-adr/wave2/rollback.md#checkout-lkg'
-                ]
-            }
-        }
-    }
-];
+function createShellHost(remotes = []) {
+    return {
+        ...shellApp,
+        verticalRefs: remotes.map((remote)=>remote.id)
+    };
+}
 const effectDiagnostics = [
     'anyUnknownInErrorContext',
     'classSelfMismatch',
@@ -901,20 +781,16 @@ function createVerticalDescriptor(name, port) {
         ownership: createNeutralOwnership(id)
     };
 }
-function serviceApiPrefix(service) {
-    const name = service.id.replace(/^service-/, '').replace(/-effect$/, '');
-    return name.endsWith('-api') ? `/${name}` : `/${name}-api`;
-}
 function appHasEffectApi(app) {
     return void 0 !== app.effectApi;
 }
 function effectApiPrefix(target) {
-    return target.effectApi?.prefix ?? serviceApiPrefix(target);
+    return target.effectApi?.prefix ?? `/${toKebabCase(target.id)}-api`;
 }
 function effectApiStem(target) {
-    return target.effectApi?.stem ?? target.id.replace(/^service-/, '').replace(/-effect$/, '').replace(/-api$/, '');
+    return target.effectApi?.stem ?? toKebabCase(target.id).replace(/-api$/, '');
 }
-function verticalEffectApps(remotes = verticalApps) {
+function verticalEffectApps(remotes = []) {
     return remotes.filter(appHasEffectApi);
 }
 function normalizePath(filePath) {
@@ -1032,7 +908,7 @@ function modernPackageSpecifier(packageName, packageSource) {
     if (!packageSource.aliasScope) return packageSource.modernPackageVersion;
     return `npm:${modernAliasPackageName(packageName, packageSource)}@${packageSource.modernPackageVersion}`;
 }
-function appDependencies(scope, packageSource, app) {
+function appDependencies(scope, packageSource, app, remotes = []) {
     const dependencies = {
         '@modern-js/plugin-tanstack': modernPackageSpecifier('@modern-js/plugin-tanstack', packageSource),
         '@modern-js/plugin-i18n': modernPackageSpecifier('@modern-js/plugin-i18n', packageSource),
@@ -1050,9 +926,9 @@ function appDependencies(scope, packageSource, app) {
     };
     if ('shell' === app.kind) {
         dependencies['@modern-js/plugin-bff'] = modernPackageSpecifier('@modern-js/plugin-bff', packageSource);
-        for (const remote of verticalEffectApps())dependencies[ultramodern_workspace_packageName(scope, remote.packageSuffix)] = WORKSPACE_PACKAGE_VERSION;
+        for (const remote of verticalEffectApps(remotes))dependencies[ultramodern_workspace_packageName(scope, remote.packageSuffix)] = WORKSPACE_PACKAGE_VERSION;
     }
-    for (const remote of resolveRemoteRefs(app))dependencies[ultramodern_workspace_packageName(scope, remote.packageSuffix)] = WORKSPACE_PACKAGE_VERSION;
+    for (const remote of resolveRemoteRefs(app, remotes))dependencies[ultramodern_workspace_packageName(scope, remote.packageSuffix)] = WORKSPACE_PACKAGE_VERSION;
     if (appHasEffectApi(app)) dependencies['@modern-js/plugin-bff'] = modernPackageSpecifier('@modern-js/plugin-bff', packageSource);
     return dependencies;
 }
@@ -1074,7 +950,12 @@ function appDevDependencies(packageSource, enableTailwind) {
         wrangler: WRANGLER_VERSION
     };
 }
-function createRootPackageJson(scope, packageSource) {
+function createRootPackageJson(scope, packageSource, remotes = []) {
+    const shellFilter = `--filter ${ultramodern_workspace_packageName(scope, shellApp.packageSuffix)}`;
+    const remoteFilters = remotes.map((remote)=>`--filter ${ultramodern_workspace_packageName(scope, remote.packageSuffix)}`);
+    const remoteBuildPrefix = remotes.length > 0 ? 'pnpm -r --filter "./verticals/*" run build && ' : '';
+    const remoteCloudflareBuildPrefix = remotes.length > 0 ? 'pnpm -r --filter "./verticals/*" run cloudflare:build && ' : '';
+    const remoteCloudflareDeployPrefix = remotes.length > 0 ? 'pnpm -r --filter "./verticals/*" run cloudflare:deploy && ' : '';
     return {
         private: true,
         name: scope,
@@ -1082,19 +963,23 @@ function createRootPackageJson(scope, packageSource) {
         type: 'module',
         packageManager: `pnpm@${PNPM_VERSION}`,
         scripts: {
-            dev: `pnpm --parallel --filter ${ultramodern_workspace_packageName(scope, shellApp.packageSuffix)} --filter ${ultramodern_workspace_packageName(scope, 'explore')} --filter ${ultramodern_workspace_packageName(scope, 'decide')} --filter ${ultramodern_workspace_packageName(scope, 'checkout')} dev`,
+            dev: `pnpm --parallel ${[
+                shellFilter,
+                ...remoteFilters
+            ].join(' ')} dev`,
             'dev:shell': `pnpm --filter ${ultramodern_workspace_packageName(scope, shellApp.packageSuffix)} dev`,
-            'dev:explore': `pnpm --filter ${ultramodern_workspace_packageName(scope, 'explore')} dev`,
-            'dev:decide': `pnpm --filter ${ultramodern_workspace_packageName(scope, 'decide')} dev`,
-            'dev:checkout': `pnpm --filter ${ultramodern_workspace_packageName(scope, 'checkout')} dev`,
-            build: 'pnpm -r --filter "./verticals/*" run build && pnpm --filter "./apps/shell-super-app" run build && pnpm ultramodern:assert-mf-types',
+            ...Object.fromEntries(remotes.map((remote)=>[
+                    `dev:${remote.packageSuffix}`,
+                    `pnpm --filter ${ultramodern_workspace_packageName(scope, remote.packageSuffix)} dev`
+                ])),
+            build: `${remoteBuildPrefix}pnpm --filter "./apps/shell-super-app" run build && pnpm ultramodern:assert-mf-types`,
             format: 'oxfmt .',
             'format:check': 'oxfmt --check .',
             lint: 'oxlint .',
             'lint:fix': 'oxlint . --fix',
             typecheck: `pnpm -r --filter "@${scope}/*" typecheck`,
-            'cloudflare:build': 'pnpm -r --filter "./verticals/*" run cloudflare:build && pnpm --filter "./apps/shell-super-app" run cloudflare:build && pnpm ultramodern:assert-mf-types',
-            'cloudflare:deploy': 'pnpm -r --filter "./verticals/*" run cloudflare:deploy && pnpm --filter "./apps/shell-super-app" run cloudflare:deploy',
+            'cloudflare:build': `${remoteCloudflareBuildPrefix}pnpm --filter "./apps/shell-super-app" run cloudflare:build && pnpm ultramodern:assert-mf-types`,
+            'cloudflare:deploy': `${remoteCloudflareDeployPrefix}pnpm --filter "./apps/shell-super-app" run cloudflare:deploy`,
             'cloudflare:proof': "node ./scripts/proof-cloudflare-version.mjs --out .codex/reports/cloudflare-version-proof/public-url-proof.json",
             'skills:install': "node ./scripts/bootstrap-agent-skills.mjs",
             'skills:check': "node ./scripts/bootstrap-agent-skills.mjs --check",
@@ -1142,11 +1027,11 @@ function remoteDependencyAlias(remote) {
 function zephyrRemoteDependency(scope, remote) {
     return `${ultramodern_workspace_packageName(scope, remote.packageSuffix)}@workspace:*`;
 }
-function resolveRemoteRefs(app, remotes = verticalApps) {
+function resolveRemoteRefs(app, remotes = []) {
     const verticalRefs = app.verticalRefs ?? [];
     return verticalRefs.map((remoteRef)=>remotes.find((remote)=>remote.id === remoteRef)).filter((remote)=>void 0 !== remote);
 }
-function createModuleFederationRemoteContracts(app, remotes = verticalApps) {
+function createModuleFederationRemoteContracts(app, remotes = []) {
     return resolveRemoteRefs(app, remotes).map((remote)=>({
             id: remote.id,
             alias: remoteDependencyAlias(remote),
@@ -1155,7 +1040,7 @@ function createModuleFederationRemoteContracts(app, remotes = verticalApps) {
             manifestUrl: `http://localhost:${remote.port}/mf-manifest.json`
         }));
 }
-function createZephyrDependencies(scope, app, remotes = verticalApps) {
+function createZephyrDependencies(scope, app, remotes = []) {
     if (!app.verticalRefs?.length) return {};
     return Object.fromEntries(resolveRemoteRefs(app, remotes).map((remote)=>[
             remoteDependencyAlias(remote),
@@ -1262,7 +1147,7 @@ function createPackageTsConfig(packageDir, includeApi = false) {
         ]
     };
 }
-function createAppPackage(scope, app, packageSource, enableTailwind) {
+function createAppPackage(scope, app, packageSource, enableTailwind, remotes = []) {
     const packageExports = Object.fromEntries(Object.entries(app.exposes ?? {}).map(([expose, source])=>[
             expose,
             source
@@ -1275,7 +1160,7 @@ function createAppPackage(scope, app, packageSource, enableTailwind) {
             dev: 'modern dev',
             build: app.exposes ? `modern build && node ${relativeRootFor(app.directory)}/scripts/assert-mf-types.mjs` : 'modern build',
             'cloudflare:build': 'ULTRAMODERN_ZEPHYR=false MODERNJS_DEPLOY=cloudflare modern build && ULTRAMODERN_ZEPHYR=false MODERNJS_DEPLOY=cloudflare modern deploy',
-            'cloudflare:deploy': 'ULTRAMODERN_CLOUDFLARE_REQUIRE_PUBLIC_URLS=true pnpm run cloudflare:build && wrangler deploy --config .output/wrangler.json',
+            'cloudflare:deploy': 'ULTRAMODERN_CLOUDFLARE_REQUIRE_PUBLIC_URLS=true ULTRAMODERN_ZEPHYR=false MODERNJS_DEPLOY=cloudflare modern deploy',
             'cloudflare:preview': 'pnpm run cloudflare:build && wrangler dev --config .output/wrangler.json',
             'cloudflare:proof': `node ${relativeRootFor(app.directory)}/scripts/proof-cloudflare-version.mjs --app ${app.id}`,
             serve: 'modern serve',
@@ -1290,8 +1175,8 @@ function createAppPackage(scope, app, packageSource, enableTailwind) {
                 apiRuntime: 'effect-bff'
             } : {}
         },
-        'zephyr:dependencies': createZephyrDependencies(scope, app),
-        dependencies: appDependencies(scope, packageSource, app),
+        'zephyr:dependencies': createZephyrDependencies(scope, app, remotes),
+        dependencies: appDependencies(scope, packageSource, app, remotes),
         devDependencies: appDevDependencies(packageSource, enableTailwind)
     };
     if (appHasEffectApi(app)) Object.assign(packageExports, {
@@ -1299,7 +1184,7 @@ function createAppPackage(scope, app, packageSource, enableTailwind) {
         './shared/effect/api': './shared/effect/api.ts'
     });
     else if ('shell' === app.kind) Object.assign(packageExports, {
-        './effect/clients': './src/effect/recommendations-client.ts'
+        './effect/clients': './src/effect/vertical-clients.ts'
     });
     if (Object.keys(packageExports).length > 0) packageJson.exports = packageExports;
     return packageJson;
@@ -1563,7 +1448,7 @@ ${entries.map(([key, entryValue])=>`    '${key}': '${entryValue}',`).join('\n')}
 function createRemoteManifestEnv(remote) {
     return `VERTICAL_${toEnvSegment(remote.domain ?? remote.id)}_MF_MANIFEST`;
 }
-function createModuleFederationRemoteUrlHelpers(app, remotes = verticalApps) {
+function createModuleFederationRemoteUrlHelpers(app, remotes = []) {
     if (0 === resolveRemoteRefs(app, remotes).length) return '';
     return `const cloudflareDeployEnabled =
   process.env['MODERNJS_DEPLOY'] === 'cloudflare';
@@ -1604,7 +1489,7 @@ function createRemoteManifestUrl(options: {
 
 `;
 }
-function createModuleFederationRemotesConfig(scope, app, remotes = verticalApps) {
+function createModuleFederationRemotesConfig(scope, app, remotes = []) {
     const remoteEntries = resolveRemoteRefs(app, remotes).map((remote)=>{
         const key = remoteDependencyAlias(remote);
         return `    ${key}: createRemoteManifestUrl({
@@ -1621,7 +1506,7 @@ ${remoteEntries}
   },
 `;
 }
-function createShellModuleFederationConfig(scope, remotes = verticalApps) {
+function createShellModuleFederationConfig(scope, remotes = []) {
     const shellHost = {
         ...shellApp,
         verticalRefs: remotes.map((remote)=>remote.id)
@@ -1679,7 +1564,7 @@ export const ultramodernApiMarker = {
 } as const;
 `;
 }
-function createRemoteModuleFederationConfig(scope, app, remotes = verticalApps) {
+function createRemoteModuleFederationConfig(scope, app, remotes = []) {
     const exposes = formatTsObjectLiteral(app.exposes ?? {});
     return `// @effect-diagnostics nodeBuiltinImport:off
 import { createRequire } from 'node:module';
@@ -1732,192 +1617,152 @@ function createRouteOwnedI18nPaths(app) {
                 en: '/'
             },
             titleKey: 'shell.title'
-        },
-        {
-            ...base,
-            canonicalPath: '/tractors',
-            id: 'shell-tractors',
-            localisedPaths: {
-                cs: '/traktory',
-                en: '/tractors'
-            },
-            titleKey: 'shell.routes.listing'
-        },
-        {
-            ...base,
-            canonicalPath: '/stores',
-            id: 'shell-stores',
-            localisedPaths: {
-                cs: '/prodejci',
-                en: '/stores'
-            },
-            titleKey: 'shell.routes.storePicker'
-        },
-        {
-            ...base,
-            canonicalPath: '/tractors/:slug',
-            id: 'shell-product-detail',
-            localisedPaths: {
-                cs: '/traktory/:slug',
-                en: '/tractors/:slug'
-            },
-            titleKey: 'shell.routes.productDetail'
-        },
-        {
-            ...base,
-            canonicalPath: '/cart',
-            id: 'shell-cart',
-            localisedPaths: {
-                cs: '/kosik',
-                en: '/cart'
-            },
-            titleKey: 'shell.routes.cart'
         }
     ];
-    if ('explore' === app.domain) return [
+    if ('workspace' === app.domain) return [
         {
             ...base,
             canonicalPath: '/',
-            id: 'explore-home',
+            id: 'workspace-home',
             localisedPaths: {
                 cs: '/',
                 en: '/'
             },
-            titleKey: 'explore.title'
+            titleKey: 'workspace.title'
         },
         {
             ...base,
-            canonicalPath: '/tractors',
-            id: 'explore-listing',
+            canonicalPath: '/workspaces',
+            id: 'workspace-listing',
             localisedPaths: {
-                cs: '/traktory',
-                en: '/tractors'
+                cs: '/pracovni-prostory',
+                en: '/workspaces'
             },
-            titleKey: 'explore.routes.listing'
+            titleKey: 'workspace.routes.workspaces'
         },
         {
             ...base,
-            canonicalPath: '/stores',
-            id: 'explore-store-picker',
+            canonicalPath: '/directory',
+            id: 'workspace-directory',
             localisedPaths: {
-                cs: '/prodejci',
-                en: '/stores'
+                cs: '/adresar',
+                en: '/directory'
             },
-            titleKey: 'explore.routes.storePicker'
+            titleKey: 'workspace.routes.directory'
         },
         {
             ...base,
             canonicalPath: '/unavailable',
-            id: 'explore-unavailable',
+            id: 'workspace-unavailable',
             localisedPaths: {
                 cs: '/nedostupne',
                 en: '/unavailable'
             },
-            titleKey: 'explore.routes.unavailable'
+            titleKey: 'workspace.routes.unavailable'
         }
     ];
-    if ('decide' === app.domain) return [
+    if ('records' === app.domain) return [
         {
             ...base,
             canonicalPath: '/',
-            id: 'decide-home',
+            id: 'records-home',
             localisedPaths: {
                 cs: '/',
                 en: '/'
             },
-            titleKey: 'decide.title'
+            titleKey: 'records.title'
         },
         {
             ...base,
-            canonicalPath: '/tractors',
-            id: 'decide-listing-parent',
+            canonicalPath: '/workspaces',
+            id: 'records-workspace-parent',
             localisedPaths: {
-                cs: '/traktory',
-                en: '/tractors'
+                cs: '/pracovni-prostory',
+                en: '/workspaces'
             },
-            titleKey: 'decide.routes.listing'
+            titleKey: 'records.routes.workspaces'
         },
         {
             ...base,
-            canonicalPath: '/tractors/:slug',
-            id: 'decide-product-detail',
+            canonicalPath: '/records/:slug',
+            id: 'records-detail',
             localisedPaths: {
-                cs: '/traktory/:slug',
-                en: '/tractors/:slug'
+                cs: '/zaznamy/:slug',
+                en: '/records/:slug'
             },
-            titleKey: 'decide.routes.productDetail'
+            titleKey: 'records.routes.recordDetail'
         },
         {
             ...base,
             canonicalPath: '/unavailable',
-            id: 'decide-unavailable',
+            id: 'records-unavailable',
             localisedPaths: {
                 cs: '/nedostupne',
                 en: '/unavailable'
             },
-            titleKey: 'decide.routes.unavailable'
+            titleKey: 'records.routes.unavailable'
         }
     ];
-    if ('checkout' === app.domain) return [
+    if ('actions' === app.domain) return [
         {
             ...base,
             canonicalPath: '/',
-            id: 'checkout-home',
+            id: 'actions-home',
             localisedPaths: {
                 cs: '/',
                 en: '/'
             },
-            titleKey: 'checkout.title'
+            titleKey: 'actions.title'
         },
         {
             ...base,
-            canonicalPath: '/cart',
-            id: 'checkout-cart',
+            canonicalPath: '/actions',
+            id: 'actions-queue',
             localisedPaths: {
-                cs: '/kosik',
-                en: '/cart'
+                cs: '/akce',
+                en: '/actions'
             },
-            titleKey: 'checkout.routes.cart'
+            titleKey: 'actions.routes.actions'
         },
         {
             ...base,
-            canonicalPath: '/checkout',
-            id: 'checkout-start',
+            canonicalPath: '/actions/review',
+            id: 'actions-review',
             localisedPaths: {
-                cs: '/pokladna',
-                en: '/checkout'
+                cs: '/akce/revize',
+                en: '/actions/review'
             },
-            titleKey: 'checkout.routes.checkout'
+            titleKey: 'actions.routes.review'
         },
         {
             ...base,
-            canonicalPath: '/checkout/thank-you',
-            id: 'checkout-thank-you-parent',
+            canonicalPath: '/actions/done',
+            id: 'actions-done-parent',
             localisedPaths: {
-                cs: '/pokladna/dekujeme',
-                en: '/checkout/thank-you'
+                cs: '/akce/hotovo',
+                en: '/actions/done'
             },
-            titleKey: 'checkout.routes.thankYou'
+            titleKey: 'actions.routes.done'
         },
         {
             ...base,
-            canonicalPath: '/checkout/thank-you/:orderId?',
-            id: 'checkout-thank-you',
+            canonicalPath: '/actions/done/:actionId?',
+            id: 'actions-done',
             localisedPaths: {
-                cs: '/pokladna/dekujeme/:orderId?',
-                en: '/checkout/thank-you/:orderId?'
+                cs: '/akce/hotovo/:actionId?',
+                en: '/actions/done/:actionId?'
             },
-            titleKey: 'checkout.routes.thankYou'
+            titleKey: 'actions.routes.done'
         },
         {
             ...base,
             canonicalPath: '/unavailable',
-            id: 'checkout-unavailable',
+            id: 'actions-unavailable',
             localisedPaths: {
                 cs: '/nedostupne',
                 en: '/unavailable'
             },
-            titleKey: 'checkout.routes.unavailable'
+            titleKey: 'actions.routes.unavailable'
         }
     ];
     return [
@@ -1983,7 +1828,24 @@ function createRouteAliasPage(canonicalPath) {
     return `export { default } from '${rootPageImport}';
 `;
 }
-function createAppEnvDts(app, remotes = verticalApps) {
+function createBoundaryDebugMetadata(scope, remotes = []) {
+    return {
+        schemaVersion: 1,
+        appId: shellApp.id,
+        boundaries: [
+            shellApp,
+            ...remotes
+        ].map((app)=>({
+                appId: app.id,
+                mfName: app.mfName,
+                packageName: ultramodern_workspace_packageName(scope, app.packageSuffix),
+                role: 'shell' === app.kind ? 'host' : 'vertical',
+                ownerTeam: app.ownership.team,
+                label: app.displayName
+            }))
+    };
+}
+function createAppEnvDts(app, remotes = []) {
     const remoteModuleDeclarations = resolveRemoteRefs(app, remotes).flatMap((remote)=>Object.keys(remote.exposes ?? {}).filter((expose)=>'./Route' !== expose).map((expose)=>{
             const moduleName = `${remoteDependencyAlias(remote)}/${expose.replace(/^\.\//u, '')}`;
             return `declare module '${moduleName}' {
@@ -2001,24 +1863,15 @@ declare module '*.svg' {
 }
 ${remoteModuleDeclarations ? `\n${remoteModuleDeclarations}` : ''}`;
 }
-function createAppRuntimeConfig(app) {
-    const namespace = appI18nNamespace(app);
-    const localeMessages = (language)=>{
-        if ('shell' !== app.kind) return createAppLocaleMessages(app, language);
-        return Object.assign({}, createAppLocaleMessages(app, language), ...verticalApps.map((remote)=>createAppLocaleMessages(remote, language)));
-    };
-    const resources = {
-        cs: {
-            [namespace]: localeMessages('cs'),
-            translation: localeMessages('cs')
-        },
-        en: {
-            [namespace]: localeMessages('en'),
-            translation: localeMessages('en')
-        }
-    };
+function createAppRuntimeConfig(app, scope, remotes = []) {
+    const pluginsConfig = 'shell' === app.kind ? `  plugins: [
+    ultramodernBoundaryDebuggerPlugin({
+      metadata: ${JSON.stringify(createBoundaryDebugMetadata(scope, remotes), null, 6).split('\n').join('\n      ')},
+    }),
+  ],
+` : '';
     return `import { defineRuntimeConfig } from '@modern-js/runtime';
-import { createInstance } from 'i18next';
+${'shell' === app.kind ? "import { ultramodernBoundaryDebuggerPlugin } from '@modern-js/runtime/boundary-debugger';\n" : ''}import { createInstance } from 'i18next';
 import { ultramodernRouteNamespace } from './routes/ultramodern-route-metadata';
 
 const i18nInstance = createInstance();
@@ -2033,13 +1886,13 @@ export default defineRuntimeConfig({
         escapeValue: false,
       },
       ns: [ultramodernRouteNamespace, 'translation'],
-      resources: ${JSON.stringify(resources, null, 8).split('\n').join('\n      ')},
       supportedLngs: ['en', 'cs'],
     },
   },
   router: {
     framework: 'tanstack',
   },
+${pluginsConfig}
 });
 `;
 }
@@ -2055,21 +1908,12 @@ function tailwindPrefixForApp(app) {
     if ('shell' === app.kind) return 'shell';
     return createTailwindPrefix(app.domain ?? app.id);
 }
-function tailwindPrefixForService(service) {
-    return createTailwindPrefix(service.id);
-}
-function assertUniqueTailwindPrefixes(apps, services = []) {
+function assertUniqueTailwindPrefixes(apps) {
     const seen = new Map();
-    const entries = [
-        ...apps.map((app)=>[
-                app.id,
-                tailwindPrefixForApp(app)
-            ]),
-        ...services.map((service)=>[
-                service.id,
-                tailwindPrefixForService(service)
-            ])
-    ];
+    const entries = apps.map((app)=>[
+            app.id,
+            tailwindPrefixForApp(app)
+        ]);
     for (const [id, prefix] of entries){
         const previous = seen.get(prefix);
         if (previous) throw new Error(`Tailwind prefix ${prefix} for ${id} collides with ${previous}`);
@@ -2106,115 +1950,7 @@ export default {
 function createTw(prefix) {
     return (classList)=>classList.split(/\s+/u).filter(Boolean).map((candidate)=>`${prefix}:${candidate.replace(/\[&&\]:/gu, '')}`).join(' ');
 }
-function createCommerceAssetSvg(title, palette) {
-    return `<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="900" viewBox="0 0 1440 900" role="img" aria-label="${title}">
-  <defs>
-    <linearGradient id="sky" x1="0" x2="0" y1="0" y2="1">
-      <stop offset="0" stop-color="${palette.sky}"/>
-      <stop offset="1" stop-color="#fff8dc"/>
-    </linearGradient>
-    <linearGradient id="field" x1="0" x2="1" y1="0" y2="1">
-      <stop offset="0" stop-color="${palette.ground}"/>
-      <stop offset="1" stop-color="${palette.accent}"/>
-    </linearGradient>
-  </defs>
-  <rect width="1440" height="900" fill="url(#sky)"/>
-  <path d="M0 566c172-78 330-102 474-72 125 26 219 91 340 106 170 21 339-74 626-43v343H0z" fill="url(#field)"/>
-  <path d="M0 686c205-70 451-66 738 12 287 77 521 66 702-33v235H0z" fill="#4f7f38" opacity=".55"/>
-  <g fill="none" stroke="#fff6b7" stroke-linecap="round" stroke-width="10" opacity=".55">
-    <path d="M108 820c205-138 382-202 530-192"/>
-    <path d="M322 862c176-134 338-198 486-193"/>
-    <path d="M583 886c119-121 260-190 422-207"/>
-    <path d="M868 878c95-94 207-153 336-176"/>
-  </g>
-  <g transform="translate(430 430)">
-    <circle cx="170" cy="210" r="92" fill="#161616"/>
-    <circle cx="170" cy="210" r="54" fill="#d7c46d"/>
-    <circle cx="514" cy="214" r="108" fill="#161616"/>
-    <circle cx="514" cy="214" r="63" fill="#d7c46d"/>
-    <path d="M194 142h194l72-100h114c49 0 89 39 89 88v57H625l-51-90H452l-78 114H209z" fill="${palette.tractor}"/>
-    <path d="M283 67h134l-54 73H249z" fill="#c9ecff" opacity=".72"/>
-    <path d="M120 184h430v54H120z" fill="${palette.tractor}"/>
-    <path d="M578 52l60-35M618 37l34 72" stroke="#171717" stroke-linecap="round" stroke-width="14"/>
-    <path d="M90 236h578" stroke="#171717" stroke-linecap="round" stroke-width="18"/>
-  </g>
-</svg>
-`;
-}
-const commerceAssetPublicRoot = 'assets/ultramodern';
-function commerceAssetPublicPath(filename) {
-    return `${commerceAssetPublicRoot}/${filename}`;
-}
-function commerceAssetUrl(filename) {
-    return `/${commerceAssetPublicRoot}/${filename}`;
-}
-function commerceAssetsForApp(app) {
-    if ('shell' === app.kind) return {
-        [commerceAssetPublicPath('hero-field.svg')]: createCommerceAssetSvg('Tractor crossing cultivated fields', {
-            accent: '#d6b85d',
-            ground: '#84ad58',
-            sky: '#9fd6e8',
-            tractor: '#005f73'
-        }),
-        [commerceAssetPublicPath('autonomy.svg')]: createCommerceAssetSvg('Autonomous tractor concept', {
-            accent: '#c26a2e',
-            ground: '#668f55',
-            sky: '#d5e7de',
-            tractor: '#f2a51a'
-        }),
-        [commerceAssetPublicPath('field-loader.svg')]: createCommerceAssetSvg('Field Loader 112 tractor', {
-            accent: '#d6b85d',
-            ground: '#84ad58',
-            sky: '#9fd6e8',
-            tractor: '#00624b'
-        }),
-        [commerceAssetPublicPath('orchard.svg')]: createCommerceAssetSvg('Orchard tractor between tight rows', {
-            accent: '#b45b2d',
-            ground: '#6f9b4a',
-            sky: '#c9ebff',
-            tractor: '#1d5d9b'
-        }),
-        [commerceAssetPublicPath('vineyard.svg')]: createCommerceAssetSvg('Vineyard narrow tractor', {
-            accent: '#b88d58',
-            ground: '#5e8a45',
-            sky: '#f1dcb9',
-            tractor: '#914d76'
-        })
-    };
-    if ('explore' === app.id) return {
-        [commerceAssetPublicPath('autonomy.svg')]: createCommerceAssetSvg('Autonomous tractor concept', {
-            accent: '#c26a2e',
-            ground: '#668f55',
-            sky: '#d5e7de',
-            tractor: '#f2a51a'
-        }),
-        [commerceAssetPublicPath('field-loader.svg')]: createCommerceAssetSvg('Field Loader 112 tractor', {
-            accent: '#d6b85d',
-            ground: '#84ad58',
-            sky: '#9fd6e8',
-            tractor: '#00624b'
-        }),
-        [commerceAssetPublicPath('orchard.svg')]: createCommerceAssetSvg('Orchard tractor between tight rows', {
-            accent: '#b45b2d',
-            ground: '#6f9b4a',
-            sky: '#c9ebff',
-            tractor: '#1d5d9b'
-        }),
-        [commerceAssetPublicPath('vineyard.svg')]: createCommerceAssetSvg('Vineyard narrow tractor', {
-            accent: '#b88d58',
-            ground: '#5e8a45',
-            sky: '#f1dcb9',
-            tractor: '#914d76'
-        })
-    };
-    if ('decide' === app.id) return {
-        [commerceAssetPublicPath('field-loader.svg')]: createCommerceAssetSvg('Field Loader 112 tractor detail', {
-            accent: '#d6b85d',
-            ground: '#84ad58',
-            sky: '#9fd6e8',
-            tractor: '#00624b'
-        })
-    };
+function workspaceAssetsForApp(_app) {
     return {};
 }
 function createLocalizedHeadComponent() {
@@ -2367,21 +2103,20 @@ const LocalizedHead = () => {
 };
 `;
 }
-function createShellPage() {
+function createShellPage(remotes = []) {
     const tw = createTw(tailwindPrefixForApp(shellApp));
-    return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+    const remoteCount = String(remotes.length);
+    return `import { I18nLink, useModernI18n } from '@modern-js/plugin-i18n/runtime';
 import { Helmet } from '@modern-js/runtime/head';
 import { useLocation } from '@modern-js/plugin-tanstack/runtime';
 import ShellFrame from '../shell-frame';
-import { StorePicker } from '../vertical-components';
+import { VerticalShowcase } from '../vertical-components';
 import { ultramodernLocalisedUrls } from '../ultramodern-route-metadata';
 import { ultramodernUiMarker } from '../../ultramodern-build';
 
-const heroField = '${commerceAssetUrl('hero-field.svg')}';
-
 ${createLocalizedHeadComponent()}
 export default function ShellHome() {
-  const { i18nInstance, language } = useModernI18n();
+  const { i18nInstance } = useModernI18n();
   const t = i18nInstance['t'].bind(i18nInstance);
 
   return (
@@ -2393,17 +2128,30 @@ export default function ShellHome() {
           <h1 className="${tw('mt-3 max-w-3xl text-5xl font-black leading-none tracking-normal text-stone-950 md:text-7xl')}">{t('shell.title')}</h1>
           <p className="${tw('mt-5 max-w-2xl text-lg leading-8 text-stone-600')}">{t('shell.hero.lede')}</p>
           <div className="${tw('mt-7 flex flex-wrap gap-3')}">
-            <a className="${tw('inline-flex min-h-11 items-center justify-center rounded-full bg-emerald-800 px-5 font-bold text-white shadow-lg shadow-stone-900/10')}" href={\`/\${language}/tractors/field-loader-112\`}>
-            {t('shell.hero.primary')}
-            </a>
-            <a className="${tw('inline-flex min-h-11 items-center justify-center rounded-full border border-stone-900/15 bg-white/90 px-5 font-bold text-stone-950 shadow-lg shadow-stone-900/10')}" href={\`/\${language}/tractors\`}>
-            {t('shell.hero.secondary')}
-            </a>
+            <I18nLink className="${tw('inline-flex min-h-11 items-center justify-center rounded-full bg-emerald-800 px-5 font-bold text-white shadow-lg shadow-stone-900/10')}" to="/">
+              {t('shell.hero.primary')}
+            </I18nLink>
+            <span className="${tw('inline-flex min-h-11 items-center justify-center rounded-full border border-stone-900/15 bg-white/90 px-5 font-bold text-stone-950 shadow-lg shadow-stone-900/10')}">
+              {t('shell.hero.secondary')}
+            </span>
+          </div>
+        </div>
+        <div className="${tw('rounded-3xl bg-white/90 p-6 shadow-2xl shadow-stone-900/15')}">
+          <div className="${tw('grid gap-4 sm:grid-cols-2')}">
+            <article className="${tw('rounded-2xl bg-emerald-50 p-5')}">
+              <span className="${tw('text-sm font-black uppercase tracking-[0.16em] text-emerald-800')}">{t('shell.hero.cardOneKicker')}</span>
+              <strong className="${tw('mt-3 block text-3xl font-black text-stone-950')}">${remoteCount}</strong>
+              <p className="${tw('mt-2 text-sm font-semibold text-stone-600')}">{t('shell.hero.cardOne')}</p>
+            </article>
+            <article className="${tw('rounded-2xl bg-amber-50 p-5')}">
+              <span className="${tw('text-sm font-black uppercase tracking-[0.16em] text-amber-800')}">{t('shell.hero.cardTwoKicker')}</span>
+              <strong className="${tw('mt-3 block text-3xl font-black text-stone-950')}">SSR</strong>
+              <p className="${tw('mt-2 text-sm font-semibold text-stone-600')}">{t('shell.hero.cardTwo')}</p>
+            </article>
           </div>
         </div>
-        <img alt="" className="${tw('aspect-[16/10] w-full rounded-3xl bg-stone-200 object-cover shadow-2xl shadow-stone-900/20')}" src={heroField} />
       </section>
-      <StorePicker />
+      <VerticalShowcase />
       <p className="${tw('sr-only')}" data-testid="ultramodern-preset">presetUltramodern workspace</p>
       <p className="${tw('sr-only')}" data-build-marker={ultramodernUiMarker.build} data-testid="ultramodern-ui-marker">
         {ultramodernUiMarker.appId}:{ultramodernUiMarker.version}
@@ -2413,94 +2161,19 @@ export default function ShellHome() {
 }
 `;
 }
-function createShellTractorsPage() {
-    return `import { Helmet } from '@modern-js/runtime/head';
-import { useLocation } from '@modern-js/plugin-tanstack/runtime';
-import ShellFrame from '../../shell-frame';
-import { Recommendations } from '../../vertical-components';
-import { ultramodernLocalisedUrls } from '../../ultramodern-route-metadata';
-
-${createLocalizedHeadComponent()}
-export default function ShellTractorsPage() {
-  return (
-    <ShellFrame>
-      <LocalizedHead />
-      <Recommendations />
-    </ShellFrame>
-  );
-}
-`;
-}
-function createShellStoresPage() {
-    return `import { Helmet } from '@modern-js/runtime/head';
-import { useLocation } from '@modern-js/plugin-tanstack/runtime';
-import ShellFrame from '../../shell-frame';
-import { StorePicker } from '../../vertical-components';
-import { ultramodernLocalisedUrls } from '../../ultramodern-route-metadata';
-
-${createLocalizedHeadComponent()}
-export default function ShellStoresPage() {
-  return (
-    <ShellFrame>
-      <LocalizedHead />
-      <StorePicker />
-    </ShellFrame>
-  );
-}
-`;
-}
-function createShellProductPage() {
-    return `import { Helmet } from '@modern-js/runtime/head';
-import { useLocation } from '@modern-js/plugin-tanstack/runtime';
-import ShellFrame from '../../../shell-frame';
-import { ProductPage } from '../../../vertical-components';
-import { ultramodernLocalisedUrls } from '../../../ultramodern-route-metadata';
-
-${createLocalizedHeadComponent()}
-export default function ShellProductPage() {
-  return (
-    <ShellFrame boundary="decide">
-      <LocalizedHead />
-      <ProductPage />
-    </ShellFrame>
-  );
-}
-`;
-}
-function createShellCartPage() {
-    return `import { Helmet } from '@modern-js/runtime/head';
-import { useLocation } from '@modern-js/plugin-tanstack/runtime';
-import ShellFrame from '../../shell-frame';
-import { CartPage } from '../../vertical-components';
-import { ultramodernLocalisedUrls } from '../../ultramodern-route-metadata';
-
-${createLocalizedHeadComponent()}
-export default function ShellCartPage() {
-  return (
-    <ShellFrame boundary="checkout" showCart={false}>
-      <LocalizedHead />
-      <CartPage />
-    </ShellFrame>
-  );
-}
-`;
-}
 function createShellFrameComponent() {
     const tw = createTw(tailwindPrefixForApp(shellApp));
     return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
 import { useLocation } from '@modern-js/plugin-tanstack/runtime';
 import type { ReactNode } from 'react';
-import BoundaryOverlay from './boundary-overlay';
-import { Header, MiniCart } from './vertical-components';
+import { Header, StatusBadge } from './vertical-components';
 import { ultramodernLocalisedUrls } from './ultramodern-route-metadata';
 
 const supportedLanguages = ['en', 'cs'] as const;
 type SupportedLanguage = (typeof supportedLanguages)[number];
 
 type ShellFrameProps = {
-  boundary?: 'checkout' | 'decide' | 'explore';
   children: ReactNode;
-  showCart?: boolean;
 };
 
 const localisedUrls = ultramodernLocalisedUrls as Record<
@@ -2618,14 +2291,14 @@ const locationSuffix = (location: {
   return \`\${locationSearch}\${locationHash}\`;
 };
 
-export default function ShellFrame({ boundary = 'explore', children, showCart = true }: ShellFrameProps) {
+export default function ShellFrame({ children }: ShellFrameProps) {
   const { i18nInstance, language } = useModernI18n();
   const t = i18nInstance['t'].bind(i18nInstance);
   const location = useLocation();
   const suffix = locationSuffix(location);
 
   return (
-    <main className="${tw('min-h-screen bg-um-canvas px-4 py-5 text-um-foreground sm:px-6 lg:px-12')}" data-mf-page-boundary={boundary}>
+    <main className="${tw('min-h-screen bg-um-canvas px-4 py-5 text-um-foreground sm:px-6 lg:px-12')}">
       <div className="${tw('mx-auto flex min-h-20 max-w-7xl flex-col items-start gap-3 bg-white/90 px-4 py-3 shadow-xl shadow-stone-900/10 sm:px-6 md:flex-row md:flex-wrap md:items-center md:justify-between')}">
         <Header />
         <div className="${tw('flex min-w-0 flex-wrap items-center gap-2 md:ml-auto')}">
@@ -2654,204 +2327,33 @@ export default function ShellFrame({ boundary = 'explore', children, showCart =
               🇨🇿
             </option>
           </select>
-          {showCart ? <MiniCart /> : null}
+          <StatusBadge />
         </div>
       </div>
-      <BoundaryOverlay />
       {children}
     </main>
   );
 }
 `;
 }
-function createShellBoundaryOverlay() {
-    const tw = createTw(tailwindPrefixForApp(shellApp));
-    return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
-import { useEffect, useMemo, useState, type CSSProperties } from 'react';
-
-type BoundaryConfig = {
-  color: string;
-  label: string;
-};
-
-type BoundaryBox = BoundaryConfig & {
-  height: number;
-  id: string;
-  labelPlacement: 'above' | 'edge' | 'inside';
-  left: number;
-  top: number;
-  width: number;
-};
-
-declare global {
-  interface Window {
-    __ULTRAMODERN_BOUNDARIES__?: Partial<Record<string, Partial<BoundaryConfig>>>;
-  }
-}
-
-const defaultBoundaryColors = {
-  checkout: 'var(--um-boundary-checkout, #f6cf45)',
-  decide: 'var(--um-boundary-decide, #30e27a)',
-  explore: 'var(--um-boundary-explore, #ff5a5f)',
-} as const;
-
-const boundaryIds = ['explore', 'decide', 'checkout'] as const;
-
-export default function BoundaryOverlay() {
-  const { i18nInstance, language } = useModernI18n();
-  const [mounted, setMounted] = useState(false);
-  const [enabled, setEnabled] = useState(false);
-  const [boxes, setBoxes] = useState<BoundaryBox[]>([]);
-  const boundaryConfig = useMemo(() => {
-    const t = i18nInstance['t'].bind(i18nInstance);
-    const runtimeOverrides =
-      typeof window === 'undefined'
-        ? {}
-        : (window.__ULTRAMODERN_BOUNDARIES__ ?? {});
-
-    return Object.fromEntries(
-      boundaryIds.map(id => [
-        id,
-        {
-          color: runtimeOverrides[id]?.color ?? defaultBoundaryColors[id],
-          label: runtimeOverrides[id]?.label ?? t(\`shell.boundaries.\${id}\`),
-        },
-      ]),
-    ) as Record<string, BoundaryConfig>;
-  }, [i18nInstance, language]);
-  const toggleLabel = i18nInstance['t'].bind(i18nInstance)(
-    'shell.boundaries.toggle',
-  );
-
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-
-  useEffect(() => {
-    if (!enabled) {
-      setBoxes([]);
-      return;
-    }
-
-    const readBoxes = () => {
-      const nextBoxes = Array.from(
-        document.querySelectorAll<HTMLElement>(
-          '[data-mf-page-boundary], [data-mf-boundary]',
-        ),
-      )
-        .map((element, index) => {
-          const pageBoundary = element.dataset.mfPageBoundary;
-          const id = pageBoundary ?? element.dataset.mfBoundary ?? 'unknown';
-          const rect = element.getBoundingClientRect();
-          if (rect.width <= 0 || rect.height <= 0) {
-            return undefined;
-          }
-          const fallback = {
-            color: 'var(--um-boundary-unknown, #7c8cff)',
-            label: id,
-          };
-          const config = boundaryConfig[id] ?? fallback;
-
-          return {
-            ...config,
-            height: rect.height,
-            id: \`\${id}-\${index}\`,
-            labelPlacement: pageBoundary ? 'edge' : rect.height < 48 ? 'above' : 'inside',
-            left: rect.left,
-            top: rect.top,
-            width: rect.width,
-          } satisfies BoundaryBox;
-        })
-        .filter((box): box is BoundaryBox => box !== undefined);
-
-      setBoxes(nextBoxes);
-    };
-
-    readBoxes();
-
-    const resizeObserver = new ResizeObserver(readBoxes);
-    for (const element of document.querySelectorAll<HTMLElement>(
-      '[data-mf-page-boundary], [data-mf-boundary]',
-    )) {
-      resizeObserver.observe(element);
-    }
-
-    const mutationObserver = new MutationObserver(readBoxes);
-    mutationObserver.observe(document.body, {
-      childList: true,
-      subtree: true,
-    });
-
-    window.addEventListener('resize', readBoxes);
-    window.addEventListener('scroll', readBoxes, true);
-
-    return () => {
-      mutationObserver.disconnect();
-      resizeObserver.disconnect();
-      window.removeEventListener('resize', readBoxes);
-      window.removeEventListener('scroll', readBoxes, true);
-    };
-  }, [boundaryConfig, enabled]);
-
-  if (!mounted) {
-    return null;
-  }
-
-  return (
-    <>
-      <label className="${tw('fixed bottom-5 left-5 z-[80] flex items-center gap-2 rounded-xl border border-stone-900/10 bg-white/95 px-4 py-3 text-sm font-semibold text-stone-950 shadow-2xl shadow-stone-900/15')}">
-        <input
-          className="${tw('size-4 accent-emerald-800')}"
-          checked={enabled}
-          onChange={event => setEnabled(event.currentTarget.checked)}
-          type="checkbox"
-        />
-        <span>{toggleLabel}</span>
-      </label>
-      {enabled ? (
-        <div aria-hidden="true" className="${tw('pointer-events-none fixed inset-0 z-[70]')}">
-          {boxes.map(box => (
-            <div
-              className="${tw('fixed rounded-lg border-2')}"
-              data-label-placement={box.labelPlacement}
-              key={box.id}
-              style={
-                {
-                  borderColor: box.color,
-                  boxShadow: \`0 0 0 1px rgba(255,255,255,.72), 0 6px 20px color-mix(in srgb, \${box.color} 20%, transparent)\`,
-                  height: box.height,
-                  left: box.left,
-                  top: box.top,
-                  width: box.width,
-                } as CSSProperties
-              }
-            >
-              <span
-                className={\`${tw('absolute whitespace-nowrap rounded-full px-2 py-1 text-[0.7rem] font-black leading-none text-stone-950')} \${box.labelPlacement === 'above' ? '${tw('bottom-[calc(100%+0.25rem)] right-1 top-auto')}' : box.labelPlacement === 'edge' ? '${tw('left-0 top-28 -translate-x-[calc(100%-1px)] -rotate-90 rounded-b-none')}' : '${tw('right-1 top-1')}'}\`}
-                style={{ backgroundColor: box.color }}
-              >
-                {box.label}
-              </span>
-            </div>
-          ))}
-        </div>
-      ) : null}
-    </>
-  );
-}
-`;
-}
-function createShellRemoteComponents(scope) {
+function createShellRemoteComponents(scope, remotes = []) {
     const tw = createTw(tailwindPrefixForApp(shellApp));
+    const widgetRemotes = remotes.filter((remote)=>Object.hasOwn(remote.exposes ?? {}, './Widget'));
+    const serverImports = widgetRemotes.map((remote)=>`import ${toPascalCase(remote.id)}WidgetServer from '${ultramodern_workspace_packageName(scope, remote.packageSuffix)}/Widget';`).join('\n');
+    const hydratedExports = widgetRemotes.map((remote)=>{
+        const componentName = `${toPascalCase(remote.id)}Widget`;
+        return `const ${componentName} = createHydratedRemote(${componentName}Server, '${remoteDependencyAlias(remote)}/Widget');`;
+    }).join('\n');
+    const showcaseItems = widgetRemotes.map((remote)=>{
+        const componentName = `${toPascalCase(remote.id)}Widget`;
+        return `          <${componentName} key="${remote.id}" />`;
+    }).join('\n');
+    const remoteCount = String(widgetRemotes.length);
     return `import { createLazyComponent } from '@module-federation/modern-js-v3/react';
 import { getInstance, loadRemote } from '@module-federation/modern-js-v3/runtime';
 import { Suspense, useEffect, useMemo, useState, type ComponentType } from 'react';
-import HeaderServer from '${ultramodern_workspace_packageName(scope, 'explore')}/Header';
-import StorePickerServer from '${ultramodern_workspace_packageName(scope, 'explore')}/StorePicker';
-import RecommendationsServer from '${ultramodern_workspace_packageName(scope, 'explore')}/Recommendations';
-import ProductPageServer from '${ultramodern_workspace_packageName(scope, 'decide')}/ProductPage';
-import MiniCartServer from '${ultramodern_workspace_packageName(scope, 'checkout')}/MiniCart';
-import CartPageServer from '${ultramodern_workspace_packageName(scope, 'checkout')}/CartPage';
+import { I18nLink, useModernI18n } from '@modern-js/plugin-i18n/runtime';
+${serverImports}
 
 type RemoteComponentModule = {
   default: ComponentType;
@@ -2866,8 +2368,11 @@ const loadRemoteComponent = async (specifier: string) => {
 };
 
 const remoteFallback =
-  ({ error }: { error: Error }) =>
-    <div className="${tw('rounded-xl border border-red-900/20 bg-red-50 px-4 py-3 text-sm font-semibold text-red-900')}" data-remote-error={error.name}>Vertical unavailable</div>;
+  ({ error }: { error: Error }) => {
+    const { i18nInstance } = useModernI18n();
+    const t = i18nInstance['t'].bind(i18nInstance);
+    return <div className="${tw('rounded-xl border border-red-900/20 bg-red-50 px-4 py-3 text-sm font-semibold text-red-900')}" data-remote-error={error.name}>{t('shell.remoteUnavailable')}</div>;
+  };
 
 const createHydratedRemote = (
   ServerComponent: ComponentType,
@@ -2909,12 +2414,50 @@ const createHydratedRemote = (
   };
 };
 
-export const Header = createHydratedRemote(HeaderServer, 'explore/Header');
-export const StorePicker = createHydratedRemote(StorePickerServer, 'explore/StorePicker');
-export const Recommendations = createHydratedRemote(RecommendationsServer, 'explore/Recommendations');
-export const ProductPage = createHydratedRemote(ProductPageServer, 'decide/ProductPage');
-export const MiniCart = createHydratedRemote(MiniCartServer, 'checkout/MiniCart');
-export const CartPage = createHydratedRemote(CartPageServer, 'checkout/CartPage');
+${hydratedExports}
+
+export function Header() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  return (
+    <header className="${tw('flex min-w-0 flex-wrap items-center gap-x-8 gap-y-2 md:flex-1')}" data-modern-boundary-id="${shellApp.mfName}" data-modern-mf-expose="shell/Header">
+      <I18nLink className="${tw('whitespace-nowrap text-xl font-black tracking-normal text-stone-950 no-underline')}" to="/">{t('shell.title')}</I18nLink>
+    </header>
+  );
+}
+
+export function StatusBadge() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  return (
+    <span className="${tw('inline-flex h-10 shrink-0 items-center justify-center rounded-full border border-stone-900/15 bg-white px-4 text-sm font-extrabold text-stone-950 shadow-lg shadow-stone-900/5')}">
+      {${remoteCount}} {t('shell.hero.cardOneKicker')}
+    </span>
+  );
+}
+
+export function VerticalShowcase() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  if (${remoteCount} === 0) {
+    return (
+      <section className="${tw('mx-auto mt-12 max-w-7xl rounded-2xl bg-white/90 p-6 shadow-xl shadow-stone-900/10')}">
+        <p className="${tw('text-lg font-bold text-stone-700')}">{t('shell.hero.empty')}</p>
+      </section>
+    );
+  }
+
+  return (
+    <section className="${tw('mx-auto mt-12 max-w-7xl')}" data-modern-boundary-id="${shellApp.mfName}">
+      <div className="${tw('grid gap-4 md:grid-cols-2')}">
+${showcaseItems}
+      </div>
+    </section>
+  );
+}
 `;
 }
 function createRemotePage(app) {
@@ -2999,15 +2542,21 @@ export default function Layout() {
 }
 function createRemoteEntry(app) {
     const tw = createTw(tailwindPrefixForApp(app));
-    if (app.exposes?.['./ProductPage']) return `export { default } from './components/product-page';
+    const domain = app.domain ?? app.id;
+    if (app.exposes?.['./RecordPage']) return `export { default } from './components/record-page';
 `;
-    if (app.exposes?.['./CartPage']) return `export { default } from './components/cart-page';
+    if (app.exposes?.['./ActionQueue']) return `export { default } from './components/action-queue';
 `;
-    return `export default function ${toPascalCase(app.domain ?? app.id)}Route() {
+    return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+
+export default function ${toPascalCase(domain)}Route() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
   return (
     <section className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}" data-mf-remote="${app.id}" data-mf-expose="./Route">
-      <h2 className="${tw('text-2xl font-black')}">${app.displayName}</h2>
-      <p className="${tw('mt-2 text-stone-600')}">Route surface for ${app.domain ?? app.id}.</p>
+      <h2 className="${tw('text-2xl font-black')}">{t('${domain}.title')}</h2>
+      <p className="${tw('mt-2 text-stone-600')}">{t('${domain}.routeSurface')}</p>
     </section>
   );
 }
@@ -3015,13 +2564,18 @@ function createRemoteEntry(app) {
 }
 function createRemoteWidget(app) {
     const tw = createTw(tailwindPrefixForApp(app));
-    const componentName = `${toPascalCase(app.domain ?? app.id)}Widget`;
-    const body = 'vertical' === app.kind ? `Owns the ${app.domain} vertical route surface.` : 'Provides shared UI primitives for the workspace.';
-    return `export default function ${componentName}() {
+    const domain = app.domain ?? app.id;
+    const componentName = `${toPascalCase(domain)}Widget`;
+    return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+
+export default function ${componentName}() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
   return (
     <section className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}" data-mf-remote="${app.id}">
-      <h2 className="${tw('text-2xl font-black')}">${app.displayName}</h2>
-      <p className="${tw('mt-2 text-stone-600')}">${body}</p>
+      <h2 className="${tw('text-2xl font-black')}">{t('${domain}.title')}</h2>
+      <p className="${tw('mt-2 text-stone-600')}">{t('${domain}.widgetBody')}</p>
     </section>
   );
 }
@@ -3029,90 +2583,88 @@ function createRemoteWidget(app) {
 }
 function createRemoteExposeComponent(app, expose) {
     const tw = createTw(tailwindPrefixForApp(app));
-    if ('explore' === app.id && './Header' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+    if ('workspace' === app.id && './Header' === expose) return `import { I18nLink, useModernI18n } from '@modern-js/plugin-i18n/runtime';
 
 export default function Header() {
-  const { i18nInstance, language } = useModernI18n();
+  const { i18nInstance } = useModernI18n();
   const t = i18nInstance['t'].bind(i18nInstance);
 
   return (
-    <header className="${tw('flex min-w-0 flex-wrap items-center gap-x-8 gap-y-2 md:flex-1')}" data-mf-boundary="explore">
-      <a className="${tw('whitespace-nowrap text-xl font-black tracking-normal text-stone-950 no-underline')}" href={\`/\${language}\`}>Acre & Iron</a>
-      <nav aria-label={t('explore.header.navigation')} className="${tw('flex items-center gap-5')}">
-        <a className="${tw('text-sm font-extrabold text-stone-900 no-underline')}" href={\`/\${language}/tractors\`}>{t('explore.header.machines')}</a>
-        <a className="${tw('text-sm font-extrabold text-stone-900 no-underline')}" href={\`/\${language}/stores\`}>{t('explore.header.stores')}</a>
+    <header className="${tw('flex min-w-0 flex-wrap items-center gap-x-8 gap-y-2 md:flex-1')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}">
+      <I18nLink className="${tw('whitespace-nowrap text-xl font-black tracking-normal text-stone-950 no-underline')}" to="/">{t('workspace.header.brand')}</I18nLink>
+      <nav aria-label={t('workspace.header.navigation')} className="${tw('flex items-center gap-5')}">
+        <I18nLink className="${tw('text-sm font-extrabold text-stone-900 no-underline')}" to="/workspaces">{t('workspace.header.workspaces')}</I18nLink>
+        <I18nLink className="${tw('text-sm font-extrabold text-stone-900 no-underline')}" to="/directory">{t('workspace.header.directory')}</I18nLink>
       </nav>
     </header>
   );
 }
 `;
-    if ('explore' === app.id && './Recommendations' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+    if ('workspace' === app.id && './Highlights' === expose) return `import { I18nLink, useModernI18n } from '@modern-js/plugin-i18n/runtime';
 
-const tractors = [
-  { badge: 'explore.recommendations.bestRows', image: '${commerceAssetUrl('orchard.svg')}', name: 'Orchard Tractor', slug: 'orchard-tractor' },
-  { badge: 'explore.recommendations.aiFirst', image: '${commerceAssetUrl('autonomy.svg')}', name: 'Autonomy Retrofit Kit', slug: 'autonomy-retrofit-kit' },
-  { badge: 'explore.recommendations.loaderReady', image: '${commerceAssetUrl('field-loader.svg')}', name: 'Field Loader 112', slug: 'field-loader-112' },
-  { badge: 'explore.recommendations.vineyard', image: '${commerceAssetUrl('vineyard.svg')}', name: 'Vineyard Narrow 80', slug: 'vineyard-narrow-80' },
+const highlights = [
+  { badge: 'workspace.highlights.shell', href: '/workspaces', name: 'workspace.highlights.shellTitle' },
+  { badge: 'workspace.highlights.records', href: '/records/starter-record', name: 'workspace.highlights.recordsTitle' },
+  { badge: 'workspace.highlights.actions', href: '/actions', name: 'workspace.highlights.actionsTitle' },
 ] as const;
 
-export default function Recommendations() {
-  const { i18nInstance, language } = useModernI18n();
+export default function Highlights() {
+  const { i18nInstance } = useModernI18n();
   const t = i18nInstance['t'].bind(i18nInstance);
 
   return (
-    <section className="${tw('mx-auto mt-12 max-w-7xl')}" data-mf-boundary="explore">
-      <h2 className="${tw('text-3xl font-black tracking-normal text-stone-950')}">{t('explore.recommendations.title')}</h2>
-      <div className="${tw('mt-5 grid gap-4 md:grid-cols-2 xl:grid-cols-4')}">
-        {tractors.map(tractor => (
-          <a className="${tw('block rounded-2xl bg-white/90 p-4 text-stone-950 no-underline shadow-xl shadow-stone-900/10 transition hover:-translate-y-0.5 hover:shadow-2xl')}" href={\`/\${language}/tractors/\${tractor.slug}\`} key={tractor.slug}>
-            <img alt="" className="${tw('aspect-video w-full rounded-xl bg-stone-200 object-cover')}" src={tractor.image} />
-            <span className="${tw('mt-4 block text-xs font-black uppercase tracking-[0.16em] text-amber-700')}">{t(tractor.badge)}</span>
-            <strong className="${tw('mt-2 block text-xl font-black leading-tight')}">{tractor.name}</strong>
-          </a>
+    <section className="${tw('mx-auto mt-12 max-w-7xl')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}">
+      <h2 className="${tw('text-3xl font-black tracking-normal text-stone-950')}">{t('workspace.highlights.title')}</h2>
+      <div className="${tw('mt-5 grid gap-4 md:grid-cols-3')}">
+        {highlights.map(highlight => (
+          <I18nLink className="${tw('block rounded-2xl bg-white/90 p-5 text-stone-950 no-underline shadow-xl shadow-stone-900/10 transition hover:-translate-y-0.5 hover:shadow-2xl')}" key={highlight.href} to={highlight.href}>
+            <span className="${tw('text-xs font-black uppercase tracking-[0.16em] text-emerald-800')}">{t(highlight.badge)}</span>
+            <strong className="${tw('mt-3 block text-xl font-black leading-tight')}">{t(highlight.name)}</strong>
+          </I18nLink>
         ))}
       </div>
     </section>
   );
 }
 `;
-    if ('explore' === app.id && './StorePicker' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
-
-const fieldLoaderImage = '${commerceAssetUrl('field-loader.svg')}';
-const vineyardImage = '${commerceAssetUrl('vineyard.svg')}';
+    if ('workspace' === app.id && './DirectoryPanel' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
 
-export default function StorePicker() {
+export default function DirectoryPanel() {
   const { i18nInstance } = useModernI18n();
   const t = i18nInstance['t'].bind(i18nInstance);
 
   return (
-    <section className="${tw('mx-auto mt-12 max-w-7xl')}" data-mf-boundary="explore">
-      <h2 className="${tw('text-3xl font-black tracking-normal text-stone-950')}">{t('explore.stores.title')}</h2>
+    <section className="${tw('mx-auto mt-12 max-w-7xl')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}">
+      <h2 className="${tw('text-3xl font-black tracking-normal text-stone-950')}">{t('workspace.directory.title')}</h2>
       <div className="${tw('mt-5 grid gap-4 md:grid-cols-2')}">
-        <article className="${tw('rounded-2xl bg-white/90 p-4 shadow-xl shadow-stone-900/10')}">
-          <img alt="" className="${tw('aspect-video w-full rounded-xl bg-stone-200 object-cover')}" src={fieldLoaderImage} />
-          <span className="${tw('mt-4 block text-xs font-black uppercase tracking-[0.16em] text-emerald-800')}">{t('explore.stores.northRegion')}</span>
-          <strong className="${tw('mt-2 block text-2xl font-black')}">Bohemia Field Supply</strong>
+        <article className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}">
+          <span className="${tw('text-xs font-black uppercase tracking-[0.16em] text-emerald-800')}">{t('workspace.directory.platformTeam')}</span>
+          <strong className="${tw('mt-2 block text-2xl font-black')}">{t('workspace.directory.platformName')}</strong>
+          <p className="${tw('mt-2 text-sm font-semibold text-stone-600')}">{t('workspace.directory.platformCopy')}</p>
         </article>
-        <article className="${tw('rounded-2xl bg-white/90 p-4 shadow-xl shadow-stone-900/10')}">
-          <img alt="" className="${tw('aspect-video w-full rounded-xl bg-stone-200 object-cover')}" src={vineyardImage} />
-          <span className="${tw('mt-4 block text-xs font-black uppercase tracking-[0.16em] text-emerald-800')}">{t('explore.stores.southRegion')}</span>
-          <strong className="${tw('mt-2 block text-2xl font-black')}">Moravia Iron Works</strong>
+        <article className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}">
+          <span className="${tw('text-xs font-black uppercase tracking-[0.16em] text-emerald-800')}">{t('workspace.directory.deliveryTeam')}</span>
+          <strong className="${tw('mt-2 block text-2xl font-black')}">{t('workspace.directory.deliveryName')}</strong>
+          <p className="${tw('mt-2 text-sm font-semibold text-stone-600')}">{t('workspace.directory.deliveryCopy')}</p>
         </article>
       </div>
     </section>
   );
 }
 `;
-    if ('explore' === app.id && './Footer' === expose) return `export default function Footer() {
-  return <footer className="${tw('mx-auto mt-12 max-w-7xl text-sm font-bold text-stone-600')}" data-mf-boundary="explore">Acre & Iron</footer>;
+    if ('workspace' === app.id && './Footer' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+
+export default function Footer() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  return <footer className="${tw('mx-auto mt-12 max-w-7xl text-sm font-bold text-stone-600')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}">{t('workspace.footer')}</footer>;
 }
 `;
     if ('./Widget' === expose) return createRemoteWidget(app);
     const componentName = `${toPascalCase(app.domain ?? app.id)}${toPascalCase(expose.replace(/^\.\//u, ''))}`;
-    if ('decide' === app.id && './ProductPage' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
-import { AddToCart, Recommendations } from './vertical-components';
-
-const fieldLoaderImage = '${commerceAssetUrl('field-loader.svg')}';
+    if ('records' === app.id && './RecordPage' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import { Highlights, StartAction } from './vertical-components';
 
 export default function ${componentName}() {
   const { i18nInstance } = useModernI18n();
@@ -3120,94 +2672,98 @@ export default function ${componentName}() {
 
   return (
     <>
-      <section className="${tw('mx-auto mt-10 grid max-w-7xl items-center gap-8 md:grid-cols-[1fr_0.95fr] lg:gap-14')}" data-mf-boundary="decide" data-mf-remote="${app.id}" data-mf-expose="${expose}">
-        <img alt="" className="${tw('aspect-[1/0.9] w-full rounded-3xl border-[18px] border-amber-200 bg-stone-200 object-cover shadow-2xl shadow-stone-900/20')}" src={fieldLoaderImage} />
+      <section className="${tw('mx-auto mt-10 grid max-w-7xl items-center gap-8 md:grid-cols-[1fr_0.95fr] lg:gap-14')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}" data-mf-remote="${app.id}">
+        <div className="${tw('rounded-3xl border-[18px] border-amber-200 bg-white/90 p-8 shadow-2xl shadow-stone-900/15')}">
+          <p className="${tw('text-xs font-black uppercase tracking-[0.18em] text-emerald-800')}">{t('records.record.lifecycle')}</p>
+          <dl className="${tw('mt-6 grid gap-4')}">
+            <div><dt className="${tw('text-sm font-bold text-stone-500')}">{t('records.record.owner')}</dt><dd className="${tw('text-xl font-black')}">{t('records.record.ownerName')}</dd></div>
+            <div><dt className="${tw('text-sm font-bold text-stone-500')}">{t('records.record.state')}</dt><dd className="${tw('text-xl font-black')}">{t('records.record.ready')}</dd></div>
+          </dl>
+        </div>
         <div>
-          <p className="${tw('text-xs font-black uppercase tracking-[0.18em] text-emerald-800')}">{t('decide.product.eyebrow')}</p>
-          <h1 className="${tw('mt-3 text-5xl font-black leading-none tracking-normal text-stone-950 md:text-7xl')}">Field Loader 112</h1>
-          <p className="${tw('mt-5 max-w-2xl text-lg leading-8 text-stone-600')}">{t('decide.product.lede')}</p>
+          <p className="${tw('text-xs font-black uppercase tracking-[0.18em] text-emerald-800')}">{t('records.record.eyebrow')}</p>
+          <h1 className="${tw('mt-3 text-5xl font-black leading-none tracking-normal text-stone-950 md:text-7xl')}">{t('records.record.title')}</h1>
+          <p className="${tw('mt-5 max-w-2xl text-lg leading-8 text-stone-600')}">{t('records.record.lede')}</p>
           <div className="${tw('mt-8 grid gap-4 sm:grid-cols-3')}">
-            <article className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}"><span className="${tw('block text-sm font-bold text-stone-500')}">{t('decide.product.price')}</span><strong className="${tw('mt-2 block text-lg font-black')}">EUR 42,500</strong></article>
-            <article className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}"><span className="${tw('block text-sm font-bold text-stone-500')}">{t('decide.product.power')}</span><strong className="${tw('mt-2 block text-lg font-black')}">112 hp</strong></article>
-            <article className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}"><span className="${tw('block text-sm font-bold text-stone-500')}">{t('decide.product.availability')}</span><strong className="${tw('mt-2 block text-lg font-black')}">{t('decide.product.inStock')}</strong></article>
+            <article className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}"><span className="${tw('block text-sm font-bold text-stone-500')}">{t('records.record.priority')}</span><strong className="${tw('mt-2 block text-lg font-black')}">{t('records.record.priorityValue')}</strong></article>
+            <article className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}"><span className="${tw('block text-sm font-bold text-stone-500')}">{t('records.record.sla')}</span><strong className="${tw('mt-2 block text-lg font-black')}">{t('records.record.slaValue')}</strong></article>
+            <article className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}"><span className="${tw('block text-sm font-bold text-stone-500')}">{t('records.record.status')}</span><strong className="${tw('mt-2 block text-lg font-black')}">{t('records.record.ready')}</strong></article>
           </div>
-          <AddToCart />
+          <StartAction />
         </div>
       </section>
-      <Recommendations />
+      <Highlights />
     </>
   );
 }
 `;
-    if ('checkout' === app.id && './AddToCart' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
-import { useCartLines } from '../cart-store';
+    if ('actions' === app.id && './StartAction' === expose) return `import { I18nLink, useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import { useActionQueue } from '../action-queue-store';
 
 export default function ${componentName}() {
-  const { i18nInstance, language } = useModernI18n();
+  const { i18nInstance } = useModernI18n();
   const t = i18nInstance['t'].bind(i18nInstance);
-  const cart = useCartLines();
+  const queue = useActionQueue();
 
   return (
-    <div className="${tw('mt-8 flex flex-wrap gap-3')}" data-mf-boundary="checkout">
-      <button className="${tw('inline-flex min-h-11 items-center justify-center rounded-full bg-emerald-800 px-5 font-bold text-white shadow-lg shadow-stone-900/10')}" onClick={cart.addFieldLoader} type="button">
-        {t('checkout.actions.addToCart')}
+    <div className="${tw('mt-8 flex flex-wrap gap-3')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}">
+      <button className="${tw('inline-flex min-h-11 items-center justify-center rounded-full bg-emerald-800 px-5 font-bold text-white shadow-lg shadow-stone-900/10')}" onClick={queue.addStarterAction} type="button">
+        {t('actions.controls.start')}
       </button>
-      <a className="${tw('inline-flex min-h-11 items-center justify-center rounded-full border border-stone-900/15 bg-white/90 px-5 font-bold text-stone-950 shadow-lg shadow-stone-900/10')}" href={\`/\${language}/cart\`}>
-        {t('checkout.actions.viewCart')}
-      </a>
+      <I18nLink className="${tw('inline-flex min-h-11 items-center justify-center rounded-full border border-stone-900/15 bg-white/90 px-5 font-bold text-stone-950 shadow-lg shadow-stone-900/10')}" to="/actions">
+        {t('actions.controls.viewQueue')}
+      </I18nLink>
     </div>
   );
 }
 `;
-    if ('checkout' === app.id && './MiniCart' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
-import { useCartLines } from '../cart-store';
+    if ('actions' === app.id && './StatusBadge' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import { useActionQueue } from '../action-queue-store';
 
 export default function ${componentName}() {
-  const { i18nInstance, language } = useModernI18n();
+  const { i18nInstance } = useModernI18n();
   const t = i18nInstance['t'].bind(i18nInstance);
-  const cart = useCartLines();
-  const count = cart.lines.reduce((sum, line) => sum + line.quantity, 0);
+  const queue = useActionQueue();
 
   return (
-    <a className="${tw('inline-flex h-10 shrink-0 items-center justify-center rounded-full border border-stone-900/15 bg-white px-4 text-sm font-extrabold text-stone-950 no-underline shadow-lg shadow-stone-900/5')}" data-mf-boundary="checkout" href={\`/\${language}/cart\`}>
-      {t('checkout.cart.title')} ({count})
-    </a>
+    <span className="${tw('inline-flex h-10 shrink-0 items-center justify-center rounded-full border border-stone-900/15 bg-white px-4 text-sm font-extrabold text-stone-950 shadow-lg shadow-stone-900/5')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}">
+      {t('actions.queue.itemCount', { count: queue.lines.length })}
+    </span>
   );
 }
 `;
-    if ('checkout' === app.id && './CartPage' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
-import { useCartLines } from '../cart-store';
+    if ('actions' === app.id && './ActionQueue' === expose) return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import { useActionQueue } from '../action-queue-store';
 
 export default function ${componentName}() {
   const { i18nInstance } = useModernI18n();
   const t = i18nInstance['t'].bind(i18nInstance);
-  const cart = useCartLines();
+  const queue = useActionQueue();
 
   return (
-    <section className="${tw('mx-auto mt-10 max-w-7xl')}" data-mf-boundary="checkout" data-mf-remote="${app.id}" data-mf-expose="${expose}">
-      <h1 className="${tw('text-5xl font-black leading-none tracking-normal text-stone-950 md:text-7xl')}">{t('checkout.cart.title')}</h1>
+    <section className="${tw('mx-auto mt-10 max-w-7xl')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}" data-mf-remote="${app.id}">
+      <h1 className="${tw('text-5xl font-black leading-none tracking-normal text-stone-950 md:text-7xl')}">{t('actions.queue.title')}</h1>
       <div className="${tw('mt-8 rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}">
-        {cart.lines.length === 0 ? (
-          <p>{t('checkout.cart.empty')}</p>
+        {queue.lines.length === 0 ? (
+          <p>{t('actions.queue.empty')}</p>
         ) : (
           <>
-            {cart.lines.map(line => (
+            {queue.lines.map(line => (
               <article className="${tw('grid gap-4 border-t border-stone-900/10 py-4 first:border-t-0 sm:grid-cols-[1fr_auto] sm:items-center')}" key={line.id}>
                 <div>
-                  <strong className="${tw('text-lg font-black')}">{line.name}</strong>
-                  <p className="${tw('text-stone-600')}">EUR {line.price.toLocaleString('en-US')}</p>
+                  <strong className="${tw('text-lg font-black')}">{t(line.nameKey)}</strong>
+                  <p className="${tw('text-stone-600')}">{t(\`actions.queue.status.\${line.status}\`)}</p>
                 </div>
                 <div className="${tw('flex flex-wrap items-center gap-2')}">
-                  <button className="${tw('inline-flex size-9 items-center justify-center rounded-full border border-stone-900/15 bg-white font-black')}" onClick={() => cart.decrement(line.id)} type="button">-</button>
-                  <span className="${tw('min-w-6 text-center font-black')}">{line.quantity}</span>
-                  <button className="${tw('inline-flex size-9 items-center justify-center rounded-full border border-stone-900/15 bg-white font-black')}" onClick={() => cart.increment(line.id)} type="button">+</button>
-                  <button className="${tw('inline-flex min-h-10 items-center justify-center rounded-full border border-stone-900/15 bg-white px-4 font-bold text-stone-950')}" onClick={() => cart.remove(line.id)} type="button">
-                    {t('checkout.actions.remove')}
+                  <button className="${tw('inline-flex min-h-10 items-center justify-center rounded-full border border-stone-900/15 bg-white px-4 font-bold text-stone-950')}" onClick={() => queue.complete(line.id)} type="button">
+                    {t('actions.controls.complete')}
+                  </button>
+                  <button className="${tw('inline-flex min-h-10 items-center justify-center rounded-full border border-stone-900/15 bg-white px-4 font-bold text-stone-950')}" onClick={() => queue.remove(line.id)} type="button">
+                    {t('actions.controls.remove')}
                   </button>
                 </div>
               </article>
             ))}
-            <p><strong>{t('checkout.cart.total')}: EUR {cart.total.toLocaleString('en-US')}</strong></p>
           </>
         )}
       </div>
@@ -3215,23 +2771,34 @@ export default function ${componentName}() {
   );
 }
 `;
-    return `export default function ${componentName}() {
+    if ('actions' === app.id && './ActionReviewPage' === expose) return `export { default } from './action-queue';
+`;
+    if ('actions' === app.id && './ActionSuccessPage' === expose) return `export { default } from './action-queue';
+`;
+    const domain = app.domain ?? app.id;
+    return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+
+export default function ${componentName}() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
   return (
-    <section className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}" data-mf-remote="${app.id}" data-mf-expose="${expose}">
-      <h2 className="${tw('text-2xl font-black')}">${app.displayName} ${expose.replace(/^\.\//u, '')}</h2>
-      <p className="${tw('mt-2 text-stone-600')}">Module Federation surface owned by ${app.ownership.team}.</p>
+    <section className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}" data-mf-remote="${app.id}">
+      <h2 className="${tw('text-2xl font-black')}">{t('${domain}.title')}</h2>
+      <p className="${tw('mt-2 text-stone-600')}">{t('${domain}.federatedSurface')}</p>
     </section>
   );
 }
 `;
 }
-function createDecideRemoteComponents(scope, app) {
+function createRecordsRemoteComponents(scope, app) {
     const tw = createTw(tailwindPrefixForApp(app));
     return `import { createLazyComponent } from '@module-federation/modern-js-v3/react';
 import { getInstance, loadRemote } from '@module-federation/modern-js-v3/runtime';
 import { Suspense, useEffect, useMemo, useState, type ComponentType } from 'react';
-import RecommendationsServer from '${ultramodern_workspace_packageName(scope, 'explore')}/Recommendations';
-import AddToCartServer from '${ultramodern_workspace_packageName(scope, 'checkout')}/AddToCart';
+import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import HighlightsServer from '${ultramodern_workspace_packageName(scope, 'workspace')}/Highlights';
+import StartActionServer from '${ultramodern_workspace_packageName(scope, 'actions')}/StartAction';
 
 type RemoteComponentModule = {
   default: ComponentType;
@@ -3246,8 +2813,11 @@ const loadRemoteComponent = async (specifier: string) => {
 };
 
 const remoteFallback =
-  ({ error }: { error: Error }) =>
-    <div className="${tw('rounded-xl border border-red-900/20 bg-red-50 px-4 py-3 text-sm font-semibold text-red-900')}" data-remote-error={error.name}>Vertical unavailable</div>;
+  ({ error }: { error: Error }) => {
+    const { i18nInstance } = useModernI18n();
+    const t = i18nInstance['t'].bind(i18nInstance);
+    return <div className="${tw('rounded-xl border border-red-900/20 bg-red-50 px-4 py-3 text-sm font-semibold text-red-900')}" data-remote-error={error.name}>{t('records.remoteUnavailable')}</div>;
+  };
 
 const createHydratedRemote = (
   ServerComponent: ComponentType,
@@ -3289,8 +2859,8 @@ const createHydratedRemote = (
   };
 };
 
-export const AddToCart = createHydratedRemote(AddToCartServer, 'checkout/AddToCart');
-export const Recommendations = createHydratedRemote(RecommendationsServer, 'explore/Recommendations');
+export const Highlights = createHydratedRemote(HighlightsServer, 'workspace/Highlights');
+export const StartAction = createHydratedRemote(StartActionServer, 'actions/StartAction');
 `;
 }
 function remoteComponentOutputPath(app, expose) {
@@ -3298,216 +2868,345 @@ function remoteComponentOutputPath(app, expose) {
     if (!exposePath?.startsWith('./src/components/')) return;
     return `${app.directory}/${exposePath.replace(/^\.\//u, '')}`;
 }
-function createAppLocaleMessages(app, language) {
-    const czechLabels = {
-        checkout: {
-            role: 'pokladna',
-            title: 'Pokladní remote'
+const commonLocaleMessages = {
+    cs: {
+        language: {
+            cs: 'Čeština',
+            en: 'Angličtina',
+            switcher: 'Jazyk'
         },
-        decide: {
-            role: 'rozhodování',
-            title: 'Rozhodovací remote'
+        routes: {
+            actions: 'Akce',
+            directory: 'Adresář',
+            done: 'Akce dokončena',
+            home: 'Domů',
+            recordDetail: 'Detail záznamu',
+            review: 'Revize akce',
+            unavailable: 'Nedostupné',
+            workspaces: 'Pracovní prostory'
+        }
+    },
+    en: {
+        language: {
+            cs: 'Czech',
+            en: 'English',
+            switcher: 'Language'
         },
-        'design-system': {
-            role: 'design system',
-            title: 'Design system remote'
+        routes: {
+            actions: 'Actions',
+            directory: 'Directory',
+            done: 'Action complete',
+            home: 'Home',
+            recordDetail: 'Record detail',
+            review: 'Action review',
+            unavailable: 'Unavailable',
+            workspaces: 'Workspaces'
+        }
+    }
+};
+const generatedLocaleResources = {
+    cs: {
+        actions: {
+            ...commonLocaleMessages.cs,
+            federatedSurface: 'Federovaná plocha vlastněná tímto verticalem.',
+            remoteUnavailable: 'Remote vertical je nedostupný',
+            role: 'akce',
+            routeSurface: 'Routovaná plocha vlastněná tímto verticalem.',
+            title: 'Akční vertical',
+            widgetBody: 'Vlastní routovanou plochu verticalu.',
+            controls: {
+                complete: 'Dokončit',
+                remove: 'Odebrat',
+                start: 'Spustit akci',
+                viewQueue: 'Zobrazit frontu'
+            },
+            queue: {
+                empty: 'Zatím nejsou ve frontě žádné akce.',
+                itemCount_few: '{{count}} akce',
+                itemCount_many: '{{count}} akce',
+                itemCount_one: '{{count}} akce',
+                itemCount_other: '{{count}} akcí',
+                starterAction: 'Zkontrolovat startovací záznam',
+                status: {
+                    complete: 'Dokončeno',
+                    queued: 'Ve frontě'
+                },
+                title: 'Fronta akcí'
+            }
         },
-        explore: {
-            role: 'procházení',
-            title: 'Průzkumný remote'
+        records: {
+            ...commonLocaleMessages.cs,
+            federatedSurface: 'Federovaná plocha vlastněná tímto verticalem.',
+            remoteUnavailable: 'Remote vertical je nedostupný',
+            role: 'záznamy',
+            routeSurface: 'Routovaná plocha vlastněná tímto verticalem.',
+            title: 'Záznamový vertical',
+            widgetBody: 'Vlastní routovanou plochu verticalu.',
+            record: {
+                eyebrow: 'Detail záznamu',
+                lede: 'Startovací záznam ověřuje spolupráci lokalizovaného SSR, hydratace remote části a Effect BFF vlastněného verticalem.',
+                lifecycle: 'Životní cyklus',
+                owner: 'Vlastník',
+                ownerName: 'Zkušenost pracovního prostoru',
+                priority: 'Priorita',
+                priorityValue: 'P1',
+                ready: 'Připraveno',
+                sla: 'SLA',
+                slaValue: '24 h',
+                state: 'Stav',
+                status: 'Status',
+                title: 'Startovací záznam'
+            }
         },
-        identity: {
-            role: 'identita',
-            title: 'Identitní remote'
-        }
-    };
-    if ('shell' === app.kind) return {
         shell: {
+            boundaries: {
+                toggle: 'zobrazit hranice verticalů'
+            },
             hero: {
-                eyebrow: 'en' === language ? 'Federated tractor commerce' : 'Federovaný obchod s traktory',
-                lede: 'en' === language ? 'A full-stack Micro Vertical reference where Explore, Decide, and Checkout ship independently but compose into one storefront.' : 'Full-stack Micro Vertical ukázka, kde Procházení, Rozhodování a Pokladna vycházejí samostatně, ale skládají jeden obchod.',
-                primary: 'en' === language ? 'View Field Loader' : 'Zobrazit Field Loader',
-                secondary: 'en' === language ? 'Compare machines' : 'Porovnat stroje'
+                cardOne: 'Přidejte první business vertical příkazem create <domain> --vertical, až ho opravdu potřebujete.',
+                cardOneKicker: 'Verticaly',
+                cardTwo: 'Plný markup, styly a lokalizovaný obsah se vykreslí před hydratací.',
+                cardTwoKicker: 'Vykreslení',
+                empty: 'Zatím nejsou připojené žádné MicroVerticaly.',
+                eyebrow: 'Shell SuperApp starter',
+                lede: 'Začněte s produkčně připraveným shellem. MicroVerticaly přidávejte až podle skutečných business domén.',
+                primary: 'Shell je připraven',
+                secondary: 'Přidejte vertical, až bude potřeba'
+            },
+            language: commonLocaleMessages.cs.language,
+            remoteUnavailable: 'Remote vertical je nedostupný',
+            remotes: {},
+            routes: {
+                home: commonLocaleMessages.cs.routes.home
+            },
+            title: 'UltraModern Workspace'
+        },
+        workspace: {
+            ...commonLocaleMessages.cs,
+            federatedSurface: 'Federovaná plocha vlastněná tímto verticalem.',
+            footer: 'UltraModern workspace',
+            remoteUnavailable: 'Remote vertical je nedostupný',
+            role: 'pracovní prostor',
+            routeSurface: 'Routovaná plocha vlastněná tímto verticalem.',
+            title: 'Pracovní vertical',
+            widgetBody: 'Poskytuje sdílené UI prvky pro pracovní prostor.',
+            directory: {
+                deliveryCopy: 'Vlastní generované akční toky a stav workflow.',
+                deliveryName: 'Doručovací operace',
+                deliveryTeam: 'Doručovací tým',
+                platformCopy: 'Vlastní skládání shellu, routování a sdílený zážitek.',
+                platformName: 'Platformní zkušenost',
+                platformTeam: 'Platformní tým',
+                title: 'Adresář'
             },
-            language: {
-                cs: 'en' === language ? 'Czech' : 'Čeština',
-                en: 'en' === language ? 'English' : 'Angličtina',
-                switcher: 'en' === language ? 'Language' : 'Jazyk'
+            header: {
+                brand: 'UltraModern Workspace',
+                directory: 'Adresář',
+                navigation: 'Hlavní navigace',
+                workspaces: 'Pracovní prostory'
             },
-            remotes: {
-                checkout: 'en' === language ? 'Checkout Vertical' : 'Checkout remote',
-                decide: 'en' === language ? 'Decide Vertical' : 'Decide remote',
-                explore: 'en' === language ? 'Explore Vertical' : 'Explore remote'
+            highlights: {
+                actions: 'Akční část',
+                actionsTitle: 'Spusťte akci napříč verticaly',
+                records: 'Záznamová část',
+                recordsTitle: 'Otevřete záznam vlastněný routou',
+                shell: 'Shell část',
+                shellTitle: 'Skládejte verticaly v shellu',
+                title: 'Generované plochy verticalů'
+            }
+        }
+    },
+    en: {
+        actions: {
+            ...commonLocaleMessages.en,
+            federatedSurface: 'Federated surface owned by this vertical.',
+            remoteUnavailable: 'Remote vertical unavailable',
+            role: 'actions',
+            routeSurface: 'Route surface owned by this vertical.',
+            title: 'Actions Vertical',
+            widgetBody: 'Owns a vertical route surface.',
+            controls: {
+                complete: 'Complete',
+                remove: 'Remove',
+                start: 'Start action',
+                viewQueue: 'View queue'
             },
+            queue: {
+                empty: 'No actions are queued yet.',
+                itemCount_one: '{{count}} action',
+                itemCount_other: '{{count}} actions',
+                starterAction: 'Review starter record',
+                status: {
+                    complete: 'Complete',
+                    queued: 'Queued'
+                },
+                title: 'Action queue'
+            }
+        },
+        records: {
+            ...commonLocaleMessages.en,
+            federatedSurface: 'Federated surface owned by this vertical.',
+            remoteUnavailable: 'Remote vertical unavailable',
+            role: 'records',
+            routeSurface: 'Route surface owned by this vertical.',
+            title: 'Records Vertical',
+            widgetBody: 'Owns a vertical route surface.',
+            record: {
+                eyebrow: 'Record detail',
+                lede: 'A starter record proving localized SSR, remote hydration, and a vertical-owned Effect BFF can cooperate.',
+                lifecycle: 'Lifecycle',
+                owner: 'Owner',
+                ownerName: 'Workspace Experience',
+                priority: 'Priority',
+                priorityValue: 'P1',
+                ready: 'Ready',
+                sla: 'SLA',
+                slaValue: '24h',
+                state: 'State',
+                status: 'Status',
+                title: 'Starter Record'
+            }
+        },
+        shell: {
             boundaries: {
-                checkout: 'en' === language ? 'checkout' : 'pokladna',
-                decide: 'en' === language ? 'decide' : 'rozhodování',
-                explore: 'en' === language ? 'explore' : 'procházení',
-                toggle: 'en' === language ? 'show team boundaries' : 'zobrazit hranice týmů'
+                toggle: 'show vertical boundaries'
+            },
+            hero: {
+                cardOne: 'Add the first business vertical with create <domain> --vertical when the product needs one.',
+                cardOneKicker: 'Verticals',
+                cardTwo: 'Full page markup, styles, and localized content render before hydration.',
+                cardTwoKicker: 'Rendering',
+                empty: 'No MicroVerticals are connected yet.',
+                eyebrow: 'Shell SuperApp starter',
+                lede: 'Start with a production-ready shell. Add MicroVerticals later for real business domains.',
+                primary: 'Shell ready',
+                secondary: 'Add a vertical when needed'
             },
+            language: commonLocaleMessages.en.language,
+            remoteUnavailable: 'Remote vertical unavailable',
+            remotes: {},
             routes: {
-                cart: 'en' === language ? 'Cart' : 'Košík',
-                home: 'en' === language ? 'Home' : 'Domů',
-                listing: 'en' === language ? 'Tractors' : 'Traktory',
-                productDetail: 'en' === language ? 'Tractor detail' : 'Detail traktoru',
-                storePicker: 'en' === language ? 'Stores' : 'Prodejci'
+                home: commonLocaleMessages.en.routes.home
             },
-            title: 'en' === language ? 'Acre & Iron' : 'Acre & Iron'
-        }
-    };
-    const domain = app.domain ?? app.id;
-    const czechLabel = czechLabels[domain] ?? {
-        role: domain,
-        title: `${app.displayName} CZ`
-    };
-    return {
-        [domain]: {
-            language: {
-                cs: 'en' === language ? 'Czech' : 'Čeština',
-                en: 'en' === language ? 'English' : 'Angličtina',
-                switcher: 'en' === language ? 'Language' : 'Jazyk'
+            title: 'UltraModern Workspace'
+        },
+        workspace: {
+            ...commonLocaleMessages.en,
+            federatedSurface: 'Federated surface owned by this vertical.',
+            footer: 'UltraModern workspace',
+            remoteUnavailable: 'Remote vertical unavailable',
+            role: 'workspace',
+            routeSurface: 'Route surface owned by this vertical.',
+            title: 'Workspace Vertical',
+            widgetBody: 'Provides shared UI primitives for the workspace.',
+            directory: {
+                deliveryCopy: 'Owns generated action flows and workflow state.',
+                deliveryName: 'Delivery Operations',
+                deliveryTeam: 'Delivery team',
+                platformCopy: 'Owns shell composition, routing, and shared experience.',
+                platformName: 'Platform Experience',
+                platformTeam: 'Platform team',
+                title: 'Directory'
             },
-            role: 'en' === language ? app.domain ?? app.kind : czechLabel.role,
-            routes: {
-                cart: 'en' === language ? 'Cart' : 'Košík',
-                checkout: 'en' === language ? 'Checkout' : 'Pokladna',
-                home: 'en' === language ? 'Home' : 'Domů',
-                listing: 'en' === language ? 'Tractors' : 'Traktory',
-                productDetail: 'en' === language ? 'Tractor detail' : 'Detail traktoru',
-                storePicker: 'en' === language ? 'Store picker' : 'Výběr prodejce',
-                thankYou: 'en' === language ? 'Order confirmation' : 'Potvrzení objednávky',
-                unavailable: 'en' === language ? 'Unavailable' : 'Nedostupné'
+            header: {
+                brand: 'UltraModern Workspace',
+                directory: 'Directory',
+                navigation: 'Main navigation',
+                workspaces: 'Workspaces'
             },
-            title: 'en' === language ? app.displayName : czechLabel.title,
-            ...'explore' === domain ? {
-                header: {
-                    machines: 'en' === language ? 'Machines' : 'Stroje',
-                    navigation: 'en' === language ? 'Main navigation' : 'Hlavní navigace',
-                    stores: 'en' === language ? 'Stores' : 'Prodejci'
-                },
-                recommendations: {
-                    aiFirst: 'en' === language ? 'AI-first option' : 'AI varianta',
-                    bestRows: 'en' === language ? 'Best for tight rows' : 'Nejlepší do úzkých řádků',
-                    loaderReady: 'en' === language ? 'Loader-ready' : 'Připraveno pro nakladač',
-                    title: 'en' === language ? 'Compare alternatives' : 'Porovnat alternativy',
-                    vineyard: 'en' === language ? 'Vineyard profile' : 'Profil pro vinice'
-                },
-                stores: {
-                    northRegion: 'en' === language ? 'North region' : 'Severní region',
-                    southRegion: 'en' === language ? 'South region' : 'Jižní region',
-                    title: 'en' === language ? 'Stores' : 'Prodejci'
-                }
-            } : {},
-            ...'decide' === domain ? {
-                product: {
-                    availability: 'en' === language ? 'Availability' : 'Dostupnost',
-                    eyebrow: 'en' === language ? 'Machine detail' : 'Detail stroje',
-                    inStock: 'en' === language ? 'In stock' : 'Skladem',
-                    lede: 'en' === language ? 'A loader-ready tractor for feed, hay, gravel, and winter road work.' : 'Traktor připravený pro nakladač na krmivo, seno, štěrk a zimní údržbu cest.',
-                    power: 'en' === language ? 'Power' : 'Výkon',
-                    price: 'en' === language ? 'Price' : 'Cena'
-                }
-            } : {},
-            ...'checkout' === domain ? {
-                actions: {
-                    addToCart: 'en' === language ? 'Add to cart' : 'Přidat do košíku',
-                    remove: 'en' === language ? 'Remove' : 'Odebrat',
-                    viewCart: 'en' === language ? 'View cart' : 'Zobrazit košík'
-                },
-                cart: {
-                    empty: 'en' === language ? 'Your cart is empty.' : 'Košík je prázdný.',
-                    title: 'en' === language ? 'Your cart' : 'Váš košík',
-                    total: 'en' === language ? 'Total' : 'Celkem'
-                }
-            } : {}
+            highlights: {
+                actions: 'Action lane',
+                actionsTitle: 'Trigger a cross-vertical action',
+                records: 'Record lane',
+                recordsTitle: 'Open a route-owned record',
+                shell: 'Shell lane',
+                shellTitle: 'Compose verticals in the shell',
+                title: 'Generated vertical surfaces'
+            }
         }
+    }
+};
+const createFallbackLocaleMessages = (app, language)=>({
+        ...commonLocaleMessages[language],
+        federatedSurface: generatedLocaleResources[language].workspace.federatedSurface,
+        remoteUnavailable: generatedLocaleResources[language].workspace.remoteUnavailable,
+        role: app.domain ?? app.kind,
+        routeSurface: generatedLocaleResources[language].workspace.routeSurface,
+        title: app.displayName,
+        widgetBody: 'vertical' === app.kind ? generatedLocaleResources[language].records.widgetBody : generatedLocaleResources[language].workspace.widgetBody
+    });
+function createAppLocaleMessages(app, language) {
+    const domain = app.domain ?? app.id;
+    const messageKey = 'shell' === app.kind ? 'shell' : domain;
+    const messages = generatedLocaleResources[language][messageKey] ?? createFallbackLocaleMessages(app, language);
+    return {
+        [messageKey]: messages
     };
 }
-function createDesignButton(app) {
-    const tw = createTw(tailwindPrefixForApp(app));
-    return `export default function Button({ label }: { label: string }) {
-  return (
-    <button className="${tw('rounded-full text-um-foreground')}" type="button">
-      {label}
-    </button>
-  );
-}
-`;
-}
-function createDesignTokens() {
-    return `export const designTokens = {
-  color: {
-    accent: '#2f8f68',
-    foreground: '#133225',
-  },
-  radius: {
-    control: '999px',
-  },
-} as const;
-`;
+function createAppPublicLocaleMessages(app, language, remotes = []) {
+    if ('shell' !== app.kind) return createAppLocaleMessages(app, language);
+    return Object.assign({}, createAppLocaleMessages(app, language), ...remotes.map((remote)=>createAppLocaleMessages(remote, language)));
 }
-function createCheckoutCartStore() {
+function createActionQueueStore() {
     return `import { useEffect, useMemo, useState } from 'react';
 
-export type CartLine = {
+export type ActionLine = {
   id: string;
-  name: string;
-  price: number;
-  quantity: number;
+  nameKey: string;
+  status: 'queued' | 'complete';
 };
 
-const storageKey = 'ultramodern-tractor-cart';
-const cartEvent = 'ultramodern-cart-change';
-const fieldLoader: CartLine = {
-  id: 'field-loader-112',
-  name: 'Field Loader 112',
-  price: 42500,
-  quantity: 1,
+const storageKey = 'ultramodern-action-queue';
+const queueEvent = 'ultramodern-action-queue-change';
+const starterAction: ActionLine = {
+  id: 'starter-action',
+  nameKey: 'actions.queue.starterAction',
+  status: 'queued',
 };
 
-const readCart = (): CartLine[] => {
+const readQueue = (): ActionLine[] => {
   if (typeof window === 'undefined') {
     return [];
   }
 
   try {
     const value = window.localStorage.getItem(storageKey);
-    return value ? (JSON.parse(value) as CartLine[]) : [];
+    return value ? (JSON.parse(value) as ActionLine[]) : [];
   } catch {
     return [];
   }
 };
 
-const writeCart = (lines: CartLine[]) => {
+const writeQueue = (lines: ActionLine[]) => {
   if (typeof window === 'undefined') {
     return;
   }
 
   window.localStorage.setItem(storageKey, JSON.stringify(lines));
-  window.dispatchEvent(new CustomEvent(cartEvent));
+  window.dispatchEvent(new CustomEvent(queueEvent));
 };
 
 const updateLine = (
   id: string,
-  updater: (line: CartLine) => CartLine | undefined,
+  updater: (line: ActionLine) => ActionLine | undefined,
 ) => {
-  const next = readCart()
+  const next = readQueue()
     .map(line => (line.id === id ? updater(line) : line))
-    .filter((line): line is CartLine => Boolean(line));
-  writeCart(next);
+    .filter((line): line is ActionLine => Boolean(line));
+  writeQueue(next);
 };
 
-export function useCartLines() {
-  const [lines, setLines] = useState<CartLine[]>(() => readCart());
+export function useActionQueue() {
+  const [lines, setLines] = useState<ActionLine[]>(() => readQueue());
 
   useEffect(() => {
-    const refresh = () => setLines(readCart());
-    window.addEventListener(cartEvent, refresh);
+    const refresh = () => setLines(readQueue());
+    window.addEventListener(queueEvent, refresh);
     window.addEventListener('storage', refresh);
     refresh();
 
     return () => {
-      window.removeEventListener(cartEvent, refresh);
+      window.removeEventListener(queueEvent, refresh);
       window.removeEventListener('storage', refresh);
     };
   }, []);
@@ -3515,27 +3214,22 @@ export function useCartLines() {
   return useMemo(
     () => ({
       lines,
-      total: lines.reduce((sum, line) => sum + line.price * line.quantity, 0),
-      addFieldLoader: () => {
-        const existing = readCart();
-        const match = existing.find(line => line.id === fieldLoader.id);
-        writeCart(
+      addStarterAction: () => {
+        const existing = readQueue();
+        const match = existing.find(line => line.id === starterAction.id);
+        writeQueue(
           match
             ? existing.map(line =>
-                line.id === fieldLoader.id
-                  ? { ...line, quantity: line.quantity + 1 }
+                line.id === starterAction.id
+                  ? { ...line, status: 'queued' as const }
                   : line,
               )
-            : [...existing, fieldLoader],
+            : [...existing, starterAction],
         );
       },
-      increment: (id: string) =>
-        updateLine(id, line => ({ ...line, quantity: line.quantity + 1 })),
-      decrement: (id: string) =>
-        updateLine(id, line =>
-          line.quantity > 1 ? { ...line, quantity: line.quantity - 1 } : undefined,
-        ),
-      remove: (id: string) => writeCart(readCart().filter(line => line.id !== id)),
+      complete: (id: string) =>
+        updateLine(id, line => ({ ...line, status: 'complete' as const })),
+      remove: (id: string) => writeQueue(readQueue().filter(line => line.id !== id)),
     }),
     [lines],
   );
@@ -3552,36 +3246,35 @@ function createSharedDesignTokensCss() {
 }
 `;
 }
-function serviceEffectApiExport(service) {
+function verticalEffectApiExport(service) {
     return `${toCamelCase(effectApiStem(service))}EffectApi`;
 }
-function serviceEffectGroupName(service) {
+function verticalEffectGroupName(service) {
     return toCamelCase(effectApiStem(service));
 }
-function serviceEffectApiName(service) {
+function verticalEffectApiName(service) {
     return `${toPascalCase(effectApiStem(service))}EffectApi`;
 }
-function serviceEffectSchemaExport(service) {
+function verticalEffectSchemaExport(service) {
     return `${toCamelCase(effectApiStem(service))}ItemSchema`;
 }
-function serviceEffectMarkerSchemaExport(service) {
+function verticalEffectMarkerSchemaExport(service) {
     return `${toCamelCase(effectApiStem(service))}MarkerSchema`;
 }
-function serviceEffectReadinessSchemaExport(service) {
+function verticalEffectReadinessSchemaExport(service) {
     return `${toCamelCase(effectApiStem(service))}ReadinessSchema`;
 }
-function serviceEffectErrorStem(service) {
-    const stem = effectApiStem(service);
-    return 'recommendations' === stem ? 'recommendation' : stem;
+function verticalEffectErrorStem(service) {
+    return effectApiStem(service);
 }
-function serviceEffectCreatePayloadSchemaExport(service) {
+function verticalEffectCreatePayloadSchemaExport(service) {
     return `${toCamelCase(effectApiStem(service))}CreatePayloadSchema`;
 }
-function serviceEffectNotFoundErrorExport(service) {
-    return `${toPascalCase(serviceEffectErrorStem(service))}NotFound`;
+function verticalEffectNotFoundErrorExport(service) {
+    return `${toPascalCase(verticalEffectErrorStem(service))}NotFound`;
 }
-function serviceEffectNotFoundSchemaExport(service) {
-    return `${toCamelCase(serviceEffectErrorStem(service))}NotFoundSchema`;
+function verticalEffectNotFoundSchemaExport(service) {
+    return `${toCamelCase(verticalEffectErrorStem(service))}NotFoundSchema`;
 }
 function createEffectSharedApiImports() {
     return `import {
@@ -3594,17 +3287,17 @@ function createEffectSharedApiImports() {
 `;
 }
 function createEffectSharedApiContract(service) {
-    const schemaExport = serviceEffectSchemaExport(service);
-    const markerSchemaExport = serviceEffectMarkerSchemaExport(service);
-    const readinessSchemaExport = serviceEffectReadinessSchemaExport(service);
-    const createPayloadSchemaExport = serviceEffectCreatePayloadSchemaExport(service);
-    const notFoundErrorExport = serviceEffectNotFoundErrorExport(service);
-    const notFoundSchemaExport = serviceEffectNotFoundSchemaExport(service);
-    const apiExport = serviceEffectApiExport(service);
-    const apiName = serviceEffectApiName(service);
-    const groupName = serviceEffectGroupName(service);
+    const schemaExport = verticalEffectSchemaExport(service);
+    const markerSchemaExport = verticalEffectMarkerSchemaExport(service);
+    const readinessSchemaExport = verticalEffectReadinessSchemaExport(service);
+    const createPayloadSchemaExport = verticalEffectCreatePayloadSchemaExport(service);
+    const notFoundErrorExport = verticalEffectNotFoundErrorExport(service);
+    const notFoundSchemaExport = verticalEffectNotFoundSchemaExport(service);
+    const apiExport = verticalEffectApiExport(service);
+    const apiName = verticalEffectApiName(service);
+    const groupName = verticalEffectGroupName(service);
     const stem = effectApiStem(service);
-    const servicePrefix = effectApiPrefix(service);
+    const apiPrefix = effectApiPrefix(service);
     return `export const ${markerSchemaExport} = Schema.Struct({
   appId: Schema.String,
   packageName: Schema.String,
@@ -3719,10 +3412,10 @@ export const ${groupName}OperationContexts = {
 } satisfies Record<string, OperationContext>;
 
 export const ${groupName}ApiContract = {
-  basePath: '${servicePrefix}/effect/${stem}',
+  apiPrefix: '${apiPrefix}',
+  basePath: '${apiPrefix}/effect/${stem}',
   ownerId: '${service.id}',
-  servicePrefix: '${servicePrefix}',
-  readinessPath: '${servicePrefix}/effect/${stem}/readiness',
+  readinessPath: '${apiPrefix}/effect/${stem}/readiness',
 } as const;
 `;
 }
@@ -3730,14 +3423,14 @@ function createEffectSharedApi(service) {
     if (service) return `${createEffectSharedApiImports()}
 ${createEffectSharedApiContract(service)}`;
     return `export const sharedEffectApiPackage = {
-  scope: 'external-effect-service-contracts',
+  scope: 'external-effect-api-contracts',
 } as const;
 `;
 }
 function createEffectServiceEntry(scope, service, contractImportPath = ultramodern_workspace_packageName(scope, 'shared-effect-api')) {
-    const apiExport = serviceEffectApiExport(service);
-    const groupName = serviceEffectGroupName(service);
-    const notFoundErrorExport = serviceEffectNotFoundErrorExport(service);
+    const apiExport = verticalEffectApiExport(service);
+    const groupName = verticalEffectGroupName(service);
+    const notFoundErrorExport = verticalEffectNotFoundErrorExport(service);
     const stem = effectApiStem(service);
     return `import {
   defineEffectBff,
@@ -3850,11 +3543,11 @@ export default defineEffectBff({
 `;
 }
 function createEffectClient(service, contractImportPath) {
-    const apiExport = serviceEffectApiExport(service);
-    const contractExport = serviceEffectGroupName(service);
+    const apiExport = verticalEffectApiExport(service);
+    const contractExport = verticalEffectGroupName(service);
     const stem = effectApiStem(service);
-    const groupName = serviceEffectGroupName(service);
-    const singular = serviceEffectErrorStem(service);
+    const groupName = verticalEffectGroupName(service);
+    const singular = verticalEffectErrorStem(service);
     const clientOptionsName = `${toPascalCase(stem)}ClientOptions`;
     const createClientName = `create${toPascalCase(stem)}Client`;
     const listName = `list${toPascalCase(stem)}`;
@@ -3883,7 +3576,7 @@ export function ${createClientName}(
   options: ${clientOptionsName} = {},
 ) {
   return makeEffectHttpApiClient(${apiExport}, {
-    baseUrl: options.baseUrl ?? ${contractExport}ApiContract.servicePrefix,
+    baseUrl: options.baseUrl ?? ${contractExport}ApiContract.apiPrefix,
   });
 }
 
@@ -3950,33 +3643,21 @@ export function ${createName}(
 }
 `;
 }
-function createShellEffectClient(scope) {
-    return `export {
-  createCheckout,
-  createCheckoutClient,
-  getCheckout,
-  getCheckoutReadiness,
-  listCheckout,
-  type CheckoutClientOptions,
-} from '${ultramodern_workspace_packageName(scope, 'checkout')}/effect/client';
-
-export {
-  createDecide,
-  createDecideClient,
-  getDecide,
-  getDecideReadiness,
-  listDecide,
-  type DecideClientOptions,
-} from '${ultramodern_workspace_packageName(scope, 'decide')}/effect/client';
-
-export {
-  createExplore,
-  createExploreClient,
-  getExplore,
-  getExploreReadiness,
-  listExplore,
-  type ExploreClientOptions,
-} from '${ultramodern_workspace_packageName(scope, 'explore')}/effect/client';
+function createShellEffectClient(scope, remotes = []) {
+    const exports = verticalEffectApps(remotes).map((remote)=>{
+        const stem = effectApiStem(remote);
+        const pascalStem = toPascalCase(stem);
+        const pascalSingular = toPascalCase(verticalEffectErrorStem(remote));
+        return `export {
+  create${pascalSingular},
+  create${pascalStem}Client,
+  get${pascalSingular},
+  get${pascalStem}Readiness,
+  list${pascalStem},
+  type ${pascalStem}ClientOptions,
+} from '${ultramodern_workspace_packageName(scope, remote.packageSuffix)}/effect/client';`;
+    }).join('\n\n');
+    return exports ? `${exports}\n` : `export const ultramodernVerticalClients = [] as const;
 `;
 }
 function toPascalCase(value) {
@@ -4015,71 +3696,71 @@ function createEffectRequestContextContract() {
 }
 function createEffectDomainOperations(app) {
     const stem = effectApiStem(app);
-    const group = serviceEffectGroupName(app);
+    const group = verticalEffectGroupName(app);
     const basePath = `/effect/${stem}`;
-    if ('checkout' === stem) return {
-        cartSnapshot: {
-            client: 'listCheckout',
+    if ('actions' === stem) return {
+        actionQueue: {
+            client: 'listActions',
             method: 'GET',
             path: basePath,
-            resource: 'cart',
+            resource: 'action-queue',
             owner: app.id
         },
-        cartMutation: {
-            client: 'createCheckout',
+        actionMutation: {
+            client: 'createActions',
             method: 'POST',
             path: basePath,
-            resource: 'cart-line',
+            resource: 'action',
             owner: app.id
         },
-        orderConfirmation: {
-            client: 'getCheckout',
+        actionStatus: {
+            client: 'getActions',
             method: 'GET',
             path: `${basePath}/:id`,
-            resource: 'order',
+            resource: 'action-status',
             owner: app.id
         }
     };
-    if ('decide' === stem) return {
-        productDetail: {
-            client: 'getDecide',
+    if ('records' === stem) return {
+        recordDetail: {
+            client: 'getRecords',
             method: 'GET',
             path: `${basePath}/:id`,
-            resource: 'product-detail',
+            resource: 'record',
             owner: app.id
         },
-        configurationDraft: {
-            client: 'createDecide',
+        recordDraft: {
+            client: 'createRecords',
             method: 'POST',
             path: basePath,
-            resource: 'configuration',
+            resource: 'record-draft',
             owner: app.id
         },
-        productList: {
-            client: 'listDecide',
+        recordList: {
+            client: 'listRecords',
             method: 'GET',
             path: basePath,
-            resource: 'products',
+            resource: 'records',
             owner: app.id
         }
     };
     return {
-        recommendationFeed: {
+        workspaceFeed: {
             client: `list${toPascalCase(stem)}`,
             method: 'GET',
             path: basePath,
-            resource: 'recommendations',
+            resource: 'workspace-items',
             owner: app.id
         },
-        recommendationDetail: {
-            client: `get${toPascalCase(serviceEffectErrorStem(app))}`,
+        workspaceDetail: {
+            client: `get${toPascalCase(verticalEffectErrorStem(app))}`,
             method: 'GET',
             path: `${basePath}/:id`,
-            resource: 'recommendation',
+            resource: 'workspace-item',
             owner: app.id
         },
-        recommendationCreate: {
-            client: `create${toPascalCase(serviceEffectErrorStem(app))}`,
+        workspaceCreate: {
+            client: `create${toPascalCase(verticalEffectErrorStem(app))}`,
             method: 'POST',
             path: basePath,
             resource: group,
@@ -4113,28 +3794,29 @@ function effectApiTopologyMetadata(app) {
         }
     };
 }
-function createTopology(scope) {
+function createTopology(scope, remotes = []) {
+    const shellHost = createShellHost(remotes);
     return {
         schemaVersion: 1,
         id: 'ultramodern-superapp-workspace-reference-topology',
-        description: 'Generated UltraModern workspace skeleton with full-stack vertical ownership.',
+        description: 'Generated UltraModern SuperApp shell that can grow by adding full-stack verticals.',
         preset: 'presetUltramodern',
         shell: {
             id: shellApp.id,
             kind: 'shell',
             package: ultramodern_workspace_packageName(scope, shellApp.packageSuffix),
-            verticalRefs: shellApp.verticalRefs,
+            verticalRefs: shellHost.verticalRefs,
             moduleFederation: {
                 role: 'host',
                 name: shellApp.mfName,
-                remotes: createModuleFederationRemoteContracts(shellApp),
+                remotes: createModuleFederationRemoteContracts(shellHost, remotes),
                 ssr: true,
                 sharedContractVersion: 'mf-ssr-contract-v1'
             },
             cloudflare: createCloudflareDeployContract(scope, shellApp),
             ownership: shellApp.ownership
         },
-        verticals: verticalApps.map((vertical)=>({
+        verticals: remotes.map((vertical)=>({
                 id: vertical.id,
                 kind: vertical.kind,
                 domain: vertical.domain,
@@ -4173,13 +3855,13 @@ function createTopology(scope) {
         }
     };
 }
-function createOwnership(scope) {
+function createOwnership(scope, remotes = []) {
     return {
         schemaVersion: 1,
         preset: 'presetUltramodern',
         owners: [
             shellApp,
-            ...verticalApps,
+            ...remotes,
             ...sharedPackages.map((sharedPackage)=>({
                     id: sharedPackage.id,
                     packageSuffix: sharedPackage.id,
@@ -4206,23 +3888,23 @@ function createOwnership(scope) {
             }))
     };
 }
-function createDevelopmentOverlay() {
+function createDevelopmentOverlay(remotes = []) {
     return {
         schemaVersion: 1,
         environment: 'development',
         preset: 'presetUltramodern',
         ports: Object.fromEntries([
             shellApp,
-            ...verticalApps
+            ...remotes
         ].map((app)=>[
                 app.id,
                 app.port
             ])),
-        manifests: Object.fromEntries(verticalApps.map((remote)=>[
+        manifests: Object.fromEntries(remotes.map((remote)=>[
                 remote.id,
                 `http://localhost:${remote.port}/mf-manifest.json`
             ])),
-        apis: Object.fromEntries(verticalEffectApps().map((app)=>[
+        apis: Object.fromEntries(verticalEffectApps(remotes).map((app)=>[
                 app.id,
                 `http://localhost:${app.port}${effectApiPrefix(app)}`
             ]))
@@ -4258,8 +3940,8 @@ function createPackageSourceMetadata(scope, packageSource) {
 function createEffectOperationContract(target) {
     const stem = effectApiStem(target);
     return {
-        group: serviceEffectGroupName(target),
-        notFound: serviceEffectNotFoundErrorExport(target),
+        group: verticalEffectGroupName(target),
+        notFound: verticalEffectNotFoundErrorExport(target),
         operations: {
             list: {
                 method: 'GET',
@@ -4593,8 +4275,7 @@ function createAppGeneratedContract(scope, app, apps, enableTailwind) {
     };
 }
 function createGeneratedContract(scope, apps = [
-    shellApp,
-    ...verticalApps
+    createShellHost()
 ], enableTailwind = true) {
     return {
         schemaVersion: 1,
@@ -4626,7 +4307,7 @@ function createTemplateManifest(modernVersion, packageSource) {
             id: 'modernjs-ultramodern-superapp-workspace',
             version: modernVersion,
             displayName: 'Modern.js UltraModern SuperApp Workspace',
-            description: 'Canonical shell, full-stack verticals, shared packages, and topology skeleton.',
+            description: 'Growable SuperApp shell, shared packages, and topology skeleton.',
             compatibilityLane: 'ultramodern-mv',
             minimumModernVersion: modernVersion
         },
@@ -4669,7 +4350,6 @@ function createTemplateManifest(modernVersion, packageSource) {
                 'oxlint.config.ts',
                 'pnpm-workspace.yaml',
                 "scripts/**",
-                'services/**',
                 'topology/**',
                 'tsconfig.base.json'
             ],
@@ -4740,7 +4420,7 @@ function createTemplateManifest(modernVersion, packageSource) {
         }
     };
 }
-function createAssertMfTypesScript(remotes = verticalApps) {
+function createAssertMfTypesScript(remotes = []) {
     return `import fs from 'node:fs';
 import path from 'node:path';
 
@@ -4812,12 +4492,12 @@ for (const appDir of appDirs) {
 }
 `;
 }
-function createWorkspaceValidationScript(scope, enableTailwind, remotes = verticalApps) {
+function createWorkspaceValidationScript(scope, enableTailwind, remotes = []) {
     const verticals = remotes.filter(appHasEffectApi).map((remote)=>({
             id: remote.id,
             domain: remote.domain,
             stem: remote.effectApi.stem,
-            group: serviceEffectGroupName(remote),
+            group: verticalEffectGroupName(remote),
             path: remote.directory,
             mfName: remote.mfName,
             apiPrefix: remote.effectApi.prefix,
@@ -4834,6 +4514,9 @@ function createWorkspaceValidationScript(scope, enableTailwind, remotes = vertic
     const oldRemotePaths = [
         'apps/remotes'
     ];
+    const expectedBuildScript = remotes.length > 0 ? 'pnpm -r --filter "./verticals/*" run build && pnpm --filter "./apps/shell-super-app" run build && pnpm ultramodern:assert-mf-types' : 'pnpm --filter "./apps/shell-super-app" run build && pnpm ultramodern:assert-mf-types';
+    const expectedCloudflareBuildScript = remotes.length > 0 ? 'pnpm -r --filter "./verticals/*" run cloudflare:build && pnpm --filter "./apps/shell-super-app" run cloudflare:build && pnpm ultramodern:assert-mf-types' : 'pnpm --filter "./apps/shell-super-app" run cloudflare:build && pnpm ultramodern:assert-mf-types';
+    const expectedCloudflareDeployScript = remotes.length > 0 ? 'pnpm -r --filter "./verticals/*" run cloudflare:deploy && pnpm --filter "./apps/shell-super-app" run cloudflare:deploy' : 'pnpm --filter "./apps/shell-super-app" run cloudflare:deploy';
     return `import { execFileSync } from 'node:child_process';
 import fs from 'node:fs';
 import path from 'node:path';
@@ -4845,6 +4528,9 @@ const tailwindEnabled = ${JSON.stringify(enableTailwind)};
 const fullStackVerticals = ${JSON.stringify(verticals, null, 2)};
 const shellNamespace = ${JSON.stringify(shellNamespace)};
 const oldRemotePaths = ${JSON.stringify(oldRemotePaths, null, 2)};
+const expectedBuildScript = ${JSON.stringify(expectedBuildScript)};
+const expectedCloudflareBuildScript = ${JSON.stringify(expectedCloudflareBuildScript)};
+const expectedCloudflareDeployScript = ${JSON.stringify(expectedCloudflareDeployScript)};
 
 const readText = relativePath => fs.readFileSync(path.join(root, relativePath), 'utf-8');
 const readJson = relativePath => JSON.parse(readText(relativePath));
@@ -4900,7 +4586,7 @@ const requiredPaths = [
   'apps/shell-super-app/module-federation.config.ts',
   'apps/shell-super-app/src/modern-app-env.d.ts',
   'apps/shell-super-app/src/modern.runtime.ts',
-  'apps/shell-super-app/src/effect/recommendations-client.ts',
+  'apps/shell-super-app/src/effect/vertical-clients.ts',
   'apps/shell-super-app/locales/en/translation.json',
   \`apps/shell-super-app/locales/en/\${shellNamespace}.json\`,
   'apps/shell-super-app/locales/cs/translation.json',
@@ -4956,8 +4642,6 @@ for (const requiredPath of requiredPaths) {
 for (const oldRemotePath of oldRemotePaths) {
   assertNotExists(oldRemotePath);
 }
-assertNotExists('services/service-recommendations-effect');
-
 const rootPackage = readJson('package.json');
 const packageSource = readJson('.modernjs/ultramodern-package-source.json');
 const generatedContract = readJson('.modernjs/ultramodern-generated-contract.json');
@@ -4973,13 +4657,13 @@ assert(rootPackage.modernjs?.packageSource?.strategy === packageSource.strategy,
 assert(packageSource.strategy === 'workspace' || packageSource.strategy === 'install', 'Package source strategy must be workspace or install');
 assert(packageSource.generatedWorkspacePackages?.specifier === 'workspace:*', 'Generated workspace packages must keep workspace:* links');
 assert(
-  rootPackage.scripts?.build ===
-    'pnpm -r --filter "./verticals/*" run build && pnpm --filter "./apps/shell-super-app" run build && pnpm ultramodern:assert-mf-types',
+  rootPackage.scripts?.build === expectedBuildScript,
   'Root build script must build verticals before shell',
 );
+assert(rootPackage.scripts?.['cloudflare:build'] === expectedCloudflareBuildScript, 'Root cloudflare:build script is incorrect');
 assert(rootPackage.scripts?.['ultramodern:check'] === 'node ./scripts/validate-ultramodern-workspace.mjs', 'Root must expose ultramodern:check');
 assert(rootPackage.scripts?.['ultramodern:assert-mf-types'] === 'node ./scripts/assert-mf-types.mjs', 'Root must expose ultramodern:assert-mf-types');
-assert(rootPackage.scripts?.['cloudflare:deploy']?.includes('run cloudflare:deploy'), 'Root must expose cloudflare:deploy');
+assert(rootPackage.scripts?.['cloudflare:deploy'] === expectedCloudflareDeployScript, 'Root must expose cloudflare:deploy');
 assert(rootPackage.scripts?.['cloudflare:proof'] === 'node ./scripts/proof-cloudflare-version.mjs --out .codex/reports/cloudflare-version-proof/public-url-proof.json', 'Root must expose cloudflare:proof');
 assert(rootPackage.scripts?.['skills:install'] === 'node ./scripts/bootstrap-agent-skills.mjs', 'Root must expose skills:install');
 assert(rootPackage.scripts?.['skills:check'] === 'node ./scripts/bootstrap-agent-skills.mjs --check', 'Root must expose skills:check');
@@ -4988,7 +4672,7 @@ assert(rootPackage.scripts?.postinstall === 'node ./scripts/bootstrap-agent-skil
 const expectedAppIds = ['shell-super-app', ...fullStackVerticals.map(vertical => vertical.id)];
 assert(
   JSON.stringify(generatedContract.apps?.map(app => app.id)) === JSON.stringify(expectedAppIds),
-  'Generated contract must contain shell plus the Tractor full-stack verticals',
+  'Generated contract must contain shell plus the full-stack verticals',
 );
 assert(generatedContract.cssFederation?.sharedDesignTokens?.owner?.id === 'shared-design-tokens', 'CSS federation must declare shared design token ownership');
 assert(generatedContract.cssFederation?.sharedDesignTokens?.role === 'shared-design-tokens', 'CSS federation must mark shared-design-tokens as token owner');
@@ -5010,7 +4694,7 @@ const expectedZephyrDependencies = Object.fromEntries(
 assert(
   JSON.stringify(shellPackage['zephyr:dependencies']) ===
     JSON.stringify(expectedZephyrDependencies),
-  'Shell Zephyr dependencies must reference every Tractor vertical package',
+  'Shell Zephyr dependencies must reference every vertical package',
 );
 const shellContract = generatedContract.apps?.find(app => app.id === 'shell-super-app');
 assert(shellContract?.deploy?.cloudflare?.workerName === expectedWorkerName('shell-super-app'), 'Shell Cloudflare workerName is incorrect');
@@ -5028,16 +4712,16 @@ assert(shellContract?.styling?.federation?.dedupe?.duplicateBaseStylesAllowed ==
 assert(shellContract?.styling?.federation?.ssr?.firstPaintRequired === true, 'Shell CSS must be required for SSR first paint');
 assert(
   topology.shell?.verticalRefs?.join(',') === fullStackVerticals.map(vertical => vertical.id).join(','),
-  'Topology shell verticalRefs must match Tractor verticals',
+  'Topology shell verticalRefs must match generated verticals',
 );
-assert(topology.verticals?.length === fullStackVerticals.length, 'Topology must contain only Tractor verticals');
+assert(topology.verticals?.length === fullStackVerticals.length, 'Topology must contain only generated verticals');
 assert(!('remotes' in topology), 'Topology must not expose legacy remotes; use verticals');
 assert(!('effectServices' in topology), 'Default APIs must be vertical-owned, not effectServices');
 
 for (const vertical of fullStackVerticals) {
   const packageJson = readJson(\`\${vertical.path}/package.json\`);
   assert(packageJson.name === vertical.packageName, \`\${vertical.id} package name is incorrect\`);
-  assert(packageJson.scripts?.['cloudflare:deploy'] === 'ULTRAMODERN_CLOUDFLARE_REQUIRE_PUBLIC_URLS=true pnpm run cloudflare:build && wrangler deploy --config .output/wrangler.json', \`\${vertical.id} must expose cloudflare:deploy\`);
+  assert(packageJson.scripts?.['cloudflare:deploy'] === 'ULTRAMODERN_CLOUDFLARE_REQUIRE_PUBLIC_URLS=true ULTRAMODERN_ZEPHYR=false MODERNJS_DEPLOY=cloudflare modern deploy', \`\${vertical.id} must expose cloudflare:deploy\`);
   assert(packageJson.scripts?.['cloudflare:proof']?.includes(\`--app \${vertical.id}\`), \`\${vertical.id} must expose cloudflare:proof\`);
   assert(packageJson.dependencies?.['@modern-js/plugin-bff'], \`\${vertical.id} must depend on plugin-bff\`);
   assert(packageJson.exports?.['./effect/client'] === \`./src/effect/\${vertical.stem}-client.ts\`, \`\${vertical.id} must export its Effect client\`);
@@ -5169,10 +4853,10 @@ function parseArgs(argv) {
 
 function printHelp() {
   process.stdout.write(\`Usage:
-  node scripts/proof-cloudflare-version.mjs [--app explore] [--out evidence.json] [--require-public-urls]
+  node scripts/proof-cloudflare-version.mjs [--app workspace] [--out evidence.json] [--require-public-urls]
 
 Set each app's public URL using the contract env key, for example:
-  ULTRAMODERN_PUBLIC_URL_EXPLORE=https://explore.example.workers.dev
+  ULTRAMODERN_PUBLIC_URL_WORKSPACE=https://workspace.example.workers.dev
 \`);
 }
 
@@ -5437,64 +5121,56 @@ main().then(
 );
 `;
 }
-function writeGeneratedWorkspaceScripts(targetDir, scope, enableTailwind, remotes = verticalApps) {
-    writeFileReplacing(targetDir, "scripts/assert-mf-types.mjs", createAssertMfTypesScript());
+function writeGeneratedWorkspaceScripts(targetDir, scope, enableTailwind, remotes = []) {
+    writeFileReplacing(targetDir, "scripts/assert-mf-types.mjs", createAssertMfTypesScript(remotes));
     writeFileReplacing(targetDir, "scripts/validate-ultramodern-workspace.mjs", createWorkspaceValidationScript(scope, enableTailwind, remotes));
     writeFileReplacing(targetDir, "scripts/proof-cloudflare-version.mjs", createCloudflareVersionProofScript());
 }
-function writeApp(targetDir, scope, app, packageSource, enableTailwind) {
+function writeApp(targetDir, scope, app, packageSource, enableTailwind, remotes = []) {
+    const resolvedApp = 'shell' === app.kind ? createShellHost(remotes) : app;
     const writeAppFile = (relativePath, content)=>{
-        writeFile(targetDir, `${app.directory}/${relativePath}`, content);
+        writeFile(targetDir, `${resolvedApp.directory}/${relativePath}`, content);
     };
-    writeJson(targetDir, `${app.directory}/package.json`, createAppPackage(scope, app, packageSource, enableTailwind));
-    writeJson(targetDir, `${app.directory}/tsconfig.json`, createPackageTsConfig(app.directory, appHasEffectApi(app)));
-    writeFile(targetDir, `${app.directory}/src/modern-app-env.d.ts`, createAppEnvDts(app));
-    writeFile(targetDir, `${app.directory}/src/ultramodern-build.ts`, createUltramodernBuildModule(scope, app));
-    writeFile(targetDir, `${app.directory}/src/routes/ultramodern-route-metadata.ts`, createRouteMetadataModule(app));
-    writeFile(targetDir, `${app.directory}/modern.config.ts`, createAppModernConfig(scope, app));
-    writeFile(targetDir, `${app.directory}/src/modern.runtime.ts`, createAppRuntimeConfig(app));
-    writeJson(targetDir, `${app.directory}/locales/en/translation.json`, createAppLocaleMessages(app, 'en'));
-    writeJson(targetDir, `${app.directory}/locales/en/${appI18nNamespace(app)}.json`, createAppLocaleMessages(app, 'en'));
-    writeJson(targetDir, `${app.directory}/locales/cs/translation.json`, createAppLocaleMessages(app, 'cs'));
-    writeJson(targetDir, `${app.directory}/locales/cs/${appI18nNamespace(app)}.json`, createAppLocaleMessages(app, 'cs'));
-    writeFile(targetDir, `${app.directory}/src/routes/index.css`, createAppStyles(enableTailwind, scope, app));
+    writeJson(targetDir, `${resolvedApp.directory}/package.json`, createAppPackage(scope, resolvedApp, packageSource, enableTailwind, remotes));
+    writeJson(targetDir, `${resolvedApp.directory}/tsconfig.json`, createPackageTsConfig(resolvedApp.directory, appHasEffectApi(resolvedApp)));
+    writeFile(targetDir, `${resolvedApp.directory}/src/modern-app-env.d.ts`, createAppEnvDts(resolvedApp, remotes));
+    writeFile(targetDir, `${resolvedApp.directory}/src/ultramodern-build.ts`, createUltramodernBuildModule(scope, resolvedApp));
+    writeFile(targetDir, `${resolvedApp.directory}/src/routes/ultramodern-route-metadata.ts`, createRouteMetadataModule(resolvedApp));
+    writeFile(targetDir, `${resolvedApp.directory}/modern.config.ts`, createAppModernConfig(scope, resolvedApp));
+    writeFile(targetDir, `${resolvedApp.directory}/src/modern.runtime.ts`, createAppRuntimeConfig(resolvedApp, scope, remotes));
+    writeJson(targetDir, `${resolvedApp.directory}/locales/en/translation.json`, createAppPublicLocaleMessages(resolvedApp, 'en', remotes));
+    writeJson(targetDir, `${resolvedApp.directory}/locales/en/${appI18nNamespace(resolvedApp)}.json`, createAppPublicLocaleMessages(resolvedApp, 'en', remotes));
+    writeJson(targetDir, `${resolvedApp.directory}/locales/cs/translation.json`, createAppPublicLocaleMessages(resolvedApp, 'cs', remotes));
+    writeJson(targetDir, `${resolvedApp.directory}/locales/cs/${appI18nNamespace(resolvedApp)}.json`, createAppPublicLocaleMessages(resolvedApp, 'cs', remotes));
+    writeFile(targetDir, `${resolvedApp.directory}/src/routes/index.css`, createAppStyles(enableTailwind, scope, resolvedApp));
     if (enableTailwind) {
-        writeFile(targetDir, `${app.directory}/postcss.config.mjs`, createPostcssConfig());
-        writeFile(targetDir, `${app.directory}/tailwind.config.ts`, createTailwindConfig());
+        writeFile(targetDir, `${resolvedApp.directory}/postcss.config.mjs`, createPostcssConfig());
+        writeFile(targetDir, `${resolvedApp.directory}/tailwind.config.ts`, createTailwindConfig());
     }
-    writeFile(targetDir, `${app.directory}/module-federation.config.ts`, 'shell' === app.kind ? createShellModuleFederationConfig(scope) : createRemoteModuleFederationConfig(scope, app));
-    writeAppFile('src/routes/layout.tsx', createLayout(app.id));
-    for (const [relativePath, content] of Object.entries(commerceAssetsForApp(app)))writeFile(targetDir, `${app.directory}/${relativePath}`, content);
-    writeAppFile('src/routes/[lang]/page.tsx', 'shell' === app.kind ? createShellPage() : createRemotePage(app));
-    for (const route of createRouteOwnedI18nPaths(app))if ('/' !== route.canonicalPath && 'shell' !== app.kind) writeFile(targetDir, createRoutePageFilePath(app, route.canonicalPath), createRouteAliasPage(route.canonicalPath));
-    if ('shell' === app.kind) {
-        writeAppFile('src/routes/vertical-components.tsx', createShellRemoteComponents(scope));
+    writeFile(targetDir, `${resolvedApp.directory}/module-federation.config.ts`, 'shell' === resolvedApp.kind ? createShellModuleFederationConfig(scope, remotes) : createRemoteModuleFederationConfig(scope, resolvedApp, remotes));
+    writeAppFile('src/routes/layout.tsx', createLayout(resolvedApp.id));
+    for (const [relativePath, content] of Object.entries(workspaceAssetsForApp(resolvedApp)))writeFile(targetDir, `${resolvedApp.directory}/${relativePath}`, content);
+    writeAppFile('src/routes/[lang]/page.tsx', 'shell' === resolvedApp.kind ? createShellPage(remotes) : createRemotePage(resolvedApp));
+    for (const route of createRouteOwnedI18nPaths(resolvedApp))if ('/' !== route.canonicalPath && 'shell' !== resolvedApp.kind) writeFile(targetDir, createRoutePageFilePath(resolvedApp, route.canonicalPath), createRouteAliasPage(route.canonicalPath));
+    if ('shell' === resolvedApp.kind) {
+        writeAppFile('src/routes/vertical-components.tsx', createShellRemoteComponents(scope, remotes));
         writeAppFile('src/routes/shell-frame.tsx', createShellFrameComponent());
-        writeAppFile('src/routes/boundary-overlay.tsx', createShellBoundaryOverlay());
-        writeFile(targetDir, `${app.directory}/src/effect/recommendations-client.ts`, createShellEffectClient(scope));
-        writeAppFile('src/routes/[lang]/tractors/page.tsx', createShellTractorsPage());
-        writeAppFile('src/routes/[lang]/stores/page.tsx', createShellStoresPage());
-        writeAppFile('src/routes/[lang]/tractors/[slug]/page.tsx', createShellProductPage());
-        writeAppFile('src/routes/[lang]/cart/page.tsx', createShellCartPage());
+        writeFile(targetDir, `${resolvedApp.directory}/src/effect/vertical-clients.ts`, createShellEffectClient(scope, remotes));
     }
-    if (appHasEffectApi(app)) {
-        writeFile(targetDir, `${app.directory}/shared/effect/api.ts`, createEffectSharedApi(app));
-        writeFile(targetDir, `${app.directory}/api/effect/index.ts`, createEffectServiceEntry(scope, app, '../../shared/effect/api'));
-        writeFile(targetDir, `${app.directory}/src/effect/${app.effectApi.stem}-client.ts`, createEffectClient(app, '../../shared/effect/api'));
+    if (appHasEffectApi(resolvedApp)) {
+        writeFile(targetDir, `${resolvedApp.directory}/shared/effect/api.ts`, createEffectSharedApi(resolvedApp));
+        writeFile(targetDir, `${resolvedApp.directory}/api/effect/index.ts`, createEffectServiceEntry(scope, resolvedApp, '../../shared/effect/api'));
+        writeFile(targetDir, `${resolvedApp.directory}/src/effect/${resolvedApp.effectApi.stem}-client.ts`, createEffectClient(resolvedApp, '../../shared/effect/api'));
     }
-    if ('vertical' === app.kind) {
-        writeAppFile('src/federation-entry.tsx', createRemoteEntry(app));
-        if ('decide' === app.id) writeAppFile('src/components/vertical-components.tsx', createDecideRemoteComponents(scope, app));
-        if ('checkout' === app.id) writeFile(targetDir, `${app.directory}/src/cart-store.ts`, createCheckoutCartStore());
-        for (const expose of Object.keys(app.exposes ?? {})){
-            const outputPath = remoteComponentOutputPath(app, expose);
-            if (outputPath) writeAppFile(outputPath.slice(app.directory.length + 1), createRemoteExposeComponent(app, expose));
+    if ('vertical' === resolvedApp.kind) {
+        writeAppFile('src/federation-entry.tsx', createRemoteEntry(resolvedApp));
+        if ('records' === resolvedApp.id) writeAppFile('src/components/vertical-components.tsx', createRecordsRemoteComponents(scope, resolvedApp));
+        if ('actions' === resolvedApp.id) writeFile(targetDir, `${resolvedApp.directory}/src/action-queue-store.ts`, createActionQueueStore());
+        for (const expose of Object.keys(resolvedApp.exposes ?? {})){
+            const outputPath = remoteComponentOutputPath(resolvedApp, expose);
+            if (outputPath) writeAppFile(outputPath.slice(resolvedApp.directory.length + 1), createRemoteExposeComponent(resolvedApp, expose));
         }
     }
-    if ('horizontal-design-system' === app.kind) {
-        writeAppFile('src/components/button.tsx', createDesignButton(app));
-        writeFile(targetDir, `${app.directory}/src/tokens.ts`, createDesignTokens());
-    }
 }
 function writeSharedPackages(targetDir, scope, packageSource) {
     for (const sharedPackage of sharedPackages){
@@ -5578,17 +5254,29 @@ function nextAvailablePort(ports) {
 function assertCanCreate(workspaceRoot, relativePath) {
     if (node_fs.existsSync(node_path.join(workspaceRoot, relativePath))) throw new Error(`Refusing to overwrite existing path: ${relativePath}`);
 }
-function addRootDevScript(workspaceRoot, scope, packageSuffix, scriptName) {
+function updateRootWorkspaceScripts(workspaceRoot, scope, packageSource, remotes) {
     const packagePath = node_path.join(workspaceRoot, 'package.json');
     const rootPackage = readJsonFile(packagePath);
-    rootPackage.scripts ??= {};
-    rootPackage.scripts[`dev:${scriptName}`] = `pnpm --filter ${ultramodern_workspace_packageName(scope, packageSuffix)} dev`;
-    if ('string' == typeof rootPackage.scripts.dev && !rootPackage.scripts.dev.includes(ultramodern_workspace_packageName(scope, packageSuffix))) {
-        const packageFilter = `--filter ${ultramodern_workspace_packageName(scope, packageSuffix)}`;
-        rootPackage.scripts.dev = rootPackage.scripts.dev.endsWith(' dev') ? rootPackage.scripts.dev.replace(/ dev$/u, ` ${packageFilter} dev`) : `${rootPackage.scripts.dev} ${packageFilter}`;
-    }
+    const generatedRootPackage = createRootPackageJson(scope, packageSource, remotes);
+    rootPackage.scripts = generatedRootPackage.scripts;
     writeJsonFile(packagePath, rootPackage);
 }
+function rewriteShellAppFiles(workspaceRoot, scope, packageSource, enableTailwind, remotes) {
+    const shellHost = createShellHost(remotes);
+    writeJsonFile(node_path.join(workspaceRoot, `${shellApp.directory}/package.json`), createAppPackage(scope, shellHost, packageSource, enableTailwind, remotes));
+    writeFileReplacing(workspaceRoot, `${shellApp.directory}/src/modern-app-env.d.ts`, createAppEnvDts(shellHost, remotes));
+    writeFileReplacing(workspaceRoot, `${shellApp.directory}/src/routes/ultramodern-route-metadata.ts`, createRouteMetadataModule(shellHost));
+    writeFileReplacing(workspaceRoot, `${shellApp.directory}/src/modern.runtime.ts`, createAppRuntimeConfig(shellHost, scope, remotes));
+    writeJsonFile(node_path.join(workspaceRoot, `${shellApp.directory}/locales/en/translation.json`), createAppPublicLocaleMessages(shellHost, 'en', remotes));
+    writeJsonFile(node_path.join(workspaceRoot, `${shellApp.directory}/locales/en/${appI18nNamespace(shellHost)}.json`), createAppPublicLocaleMessages(shellHost, 'en', remotes));
+    writeJsonFile(node_path.join(workspaceRoot, `${shellApp.directory}/locales/cs/translation.json`), createAppPublicLocaleMessages(shellHost, 'cs', remotes));
+    writeJsonFile(node_path.join(workspaceRoot, `${shellApp.directory}/locales/cs/${appI18nNamespace(shellHost)}.json`), createAppPublicLocaleMessages(shellHost, 'cs', remotes));
+    writeFileReplacing(workspaceRoot, `${shellApp.directory}/module-federation.config.ts`, createShellModuleFederationConfig(scope, remotes));
+    writeFileReplacing(workspaceRoot, `${shellApp.directory}/src/routes/[lang]/page.tsx`, createShellPage(remotes));
+    writeFileReplacing(workspaceRoot, `${shellApp.directory}/src/routes/vertical-components.tsx`, createShellRemoteComponents(scope, remotes));
+    writeFileReplacing(workspaceRoot, `${shellApp.directory}/src/routes/shell-frame.tsx`, createShellFrameComponent());
+    writeFileReplacing(workspaceRoot, `${shellApp.directory}/src/effect/vertical-clients.ts`, createShellEffectClient(scope, remotes));
+}
 function addShellZephyrDependency(workspaceRoot, scope, remote) {
     const packagePath = node_path.join(workspaceRoot, shellApp.directory, 'package.json');
     const shellPackage = readJsonFile(packagePath);
@@ -5604,7 +5292,7 @@ function addShellWorkspaceDependency(workspaceRoot, scope, remote) {
     shellPackage.dependencies[ultramodern_workspace_packageName(scope, remote.packageSuffix)] = WORKSPACE_PACKAGE_VERSION;
     writeJsonFile(packagePath, shellPackage);
 }
-function verticalTopologyEntry(scope, vertical) {
+function verticalTopologyEntry(scope, vertical, remotes = []) {
     return {
         id: vertical.id,
         kind: vertical.kind,
@@ -5618,7 +5306,7 @@ function verticalTopologyEntry(scope, vertical) {
             exposes: Object.keys(vertical.exposes ?? {}),
             ...vertical.verticalRefs?.length ? {
                 verticalRefs: vertical.verticalRefs,
-                remotes: createModuleFederationRemoteContracts(vertical)
+                remotes: createModuleFederationRemoteContracts(vertical, remotes)
             } : {},
             ssr: true,
             fallbackTelemetryEvent: 'modernjs:mv-runtime-parity',
@@ -5658,13 +5346,13 @@ function verticalsFromTopology(topology, ports) {
             displayName: vertical.displayName ?? `${toPascalCase(domain)} Vertical`,
             kind: 'vertical',
             domain,
-            portEnv: '',
+            portEnv: `VERTICAL_${toEnvSegment(domain)}_PORT`,
             port: 'number' == typeof ports[vertical.id] ? ports[vertical.id] : 0,
             mfName: vertical.moduleFederation?.name ?? `vertical${toPascalCase(domain)}`,
             ...Array.isArray(vertical.moduleFederation?.exposes) ? {
                 exposes: Object.fromEntries(vertical.moduleFederation.exposes.map((expose)=>[
                         expose,
-                        ''
+                        './Route' === expose ? './src/federation-entry.tsx' : './Widget' === expose ? `./src/components/${domain}-widget.tsx` : ''
                     ]))
             } : {},
             ...Array.isArray(vertical.moduleFederation?.verticalRefs) ? {
@@ -5737,21 +5425,20 @@ function addUltramodernVertical(options) {
         },
         ...updatedVerticals
     ], enableTailwind));
-    const shellConfigPath = node_path.join(options.workspaceRoot, `${shellApp.directory}/module-federation.config.ts`);
-    writeFileReplacing(options.workspaceRoot, `${shellApp.directory}/module-federation.config.ts`, createShellModuleFederationConfig(scope, updatedVerticals));
-    if (!node_fs.existsSync(shellConfigPath)) throw new Error('Shell Module Federation config was not regenerated');
+    rewriteShellAppFiles(options.workspaceRoot, scope, packageSource, enableTailwind, updatedVerticals);
     writeGeneratedWorkspaceScripts(options.workspaceRoot, scope, enableTailwind, updatedVerticals);
     addShellZephyrDependency(options.workspaceRoot, scope, vertical);
     addShellWorkspaceDependency(options.workspaceRoot, scope, vertical);
-    addRootDevScript(options.workspaceRoot, scope, vertical.packageSuffix, name);
+    updateRootWorkspaceScripts(options.workspaceRoot, scope, packageSource, updatedVerticals);
 }
 function generateUltramodernWorkspace(options) {
     const scope = toPackageScope(options.packageName);
     const packageSource = resolvePackageSource(options);
     const enableTailwind = false !== options.enableTailwind;
+    const initialVerticals = [];
     assertUniqueTailwindPrefixes([
         shellApp,
-        ...verticalApps
+        ...initialVerticals
     ]);
     node_fs.mkdirSync(options.targetDir, {
         recursive: true
@@ -5762,21 +5449,21 @@ function generateUltramodernWorkspace(options) {
         pnpmVersion: PNPM_VERSION,
         tailwindEnabled: String(enableTailwind)
     });
-    writeJson(options.targetDir, 'package.json', createRootPackageJson(scope, packageSource));
+    writeJson(options.targetDir, 'package.json', createRootPackageJson(scope, packageSource, initialVerticals));
     writeJson(options.targetDir, 'tsconfig.base.json', createTsConfigBase());
-    writeJson(options.targetDir, 'topology/reference-topology.json', createTopology(scope));
-    writeJson(options.targetDir, 'topology/ownership.json', createOwnership(scope));
-    writeJson(options.targetDir, 'topology/local-overlays/development.json', createDevelopmentOverlay());
+    writeJson(options.targetDir, 'topology/reference-topology.json', createTopology(scope, initialVerticals));
+    writeJson(options.targetDir, 'topology/ownership.json', createOwnership(scope, initialVerticals));
+    writeJson(options.targetDir, 'topology/local-overlays/development.json', createDevelopmentOverlay(initialVerticals));
     writeJson(options.targetDir, '.modernjs/ultramodern-workspace-template-manifest.json', createTemplateManifest(options.modernVersion, packageSource));
     writeJson(options.targetDir, '.modernjs/ultramodern-package-source.json', createPackageSourceMetadata(scope, packageSource));
     writeJson(options.targetDir, GENERATED_CONTRACT_PATH, createGeneratedContract(scope, [
-        shellApp,
-        ...verticalApps
+        createShellHost(initialVerticals),
+        ...initialVerticals
     ], enableTailwind));
-    writeApp(options.targetDir, scope, shellApp, packageSource, enableTailwind);
-    for (const remote of verticalApps)writeApp(options.targetDir, scope, remote, packageSource, enableTailwind);
+    writeApp(options.targetDir, scope, shellApp, packageSource, enableTailwind, initialVerticals);
+    for (const remote of initialVerticals)writeApp(options.targetDir, scope, remote, packageSource, enableTailwind, initialVerticals);
     writeSharedPackages(options.targetDir, scope, packageSource);
-    writeGeneratedWorkspaceScripts(options.targetDir, scope, enableTailwind);
+    writeGeneratedWorkspaceScripts(options.targetDir, scope, enableTailwind, initialVerticals);
 }
 const src_dirname = node_path.dirname(fileURLToPath(import.meta.url));
 const templateDir = node_path.resolve(src_dirname, '..', 'template');
@@ -6196,6 +5883,7 @@ function showHelp() {
     if (localeKeys.help.example9) console.log(i18n.t(localeKeys.help.example9));
     if (localeKeys.help.example10) console.log(i18n.t(localeKeys.help.example10));
     if (localeKeys.help.example11) console.log(i18n.t(localeKeys.help.example11));
+    if (localeKeys.help.example12) console.log(i18n.t(localeKeys.help.example12));
     console.log('');
     console.log(i18n.t(localeKeys.help.moreInfo));
     console.log('');
@@ -6240,9 +5928,9 @@ function detectVerticalFlag() {
     }
     return args.includes('--vertical');
 }
-function detectUltramodernWorkspaceFlag(createPackage) {
+function detectUltramodernWorkspaceFlag() {
     const args = process.argv.slice(2);
-    return args.includes(ULTRAMODERN_WORKSPACE_FLAG) || isBleedingDevCreatePackage(createPackage);
+    return args.includes(ULTRAMODERN_WORKSPACE_FLAG);
 }
 function detectUltramodernPackageSource(args, defaultPackageVersion, createPackage) {
     const bleedingDevDefaults = isBleedingDevCreatePackage(createPackage);
@@ -6429,7 +6117,7 @@ async function main() {
             process.exit(1);
         }
     }
-    const generateWorkspace = detectUltramodernWorkspaceFlag(createPackage);
+    const generateWorkspace = detectUltramodernWorkspaceFlag();
     if (generateWorkspace) {
         generateUltramodernWorkspace({
             targetDir,