@bleedingdev/modern-js-create 3.2.0-ultramodern.21 → 3.2.0-ultramodern.22

package/dist/index.js

@@ -468,12 +468,13 @@ const EN_LOCALE = {
         optionRouter: '  -r, --router   Select router framework (react-router or tanstack)',
         optionBff: '      --bff      Enable BFF scaffold (default runtime: effect)',
         optionBffRuntime: '      --bff-runtime Select BFF runtime (hono or effect)',
-        optionTailwind: '      --tailwind Enable Tailwind CSS v4 scaffold (PostCSS + starter styles)',
+        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)',
         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-)',
+        optionMicroVertical: '      --microvertical Add a MicroVertical package to an existing UltraModern workspace (remote, horizontal-remote, service, shared)',
         optionSub: '  -s, --sub       Mark as a subproject (package in monorepo)',
         examples: '💡 Examples:',
         example1: '  create my-app',
@@ -481,11 +482,12 @@ const EN_LOCALE = {
         example3: '  create my-app --sub',
         example4: '  create --help',
         example5: '  create my-app --router tanstack',
-        example6: '  create my-app --router tanstack --tailwind',
+        example6: '  create my-app --router tanstack --no-tailwind',
         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 --microvertical remote',
         moreInfo: '📚 Learn more: https://modernjs.dev'
     },
     version: {
@@ -523,12 +525,13 @@ const ZH_LOCALE = {
         optionRouter: '  -r, --router   选择路由框架 (react-router 或 tanstack)',
         optionBff: '      --bff      启用 BFF 模板（默认运行时：effect）',
         optionBffRuntime: '      --bff-runtime 选择 BFF 运行时（hono 或 effect）',
-        optionTailwind: '      --tailwind 启用 Tailwind CSS v4 模板（PostCSS + 示例样式）',
+        optionTailwind: '      --no-tailwind 禁用默认 Tailwind CSS v4 模板',
         optionWorkspace: '      --workspace 对 @modern-js 依赖使用 workspace 协议（用于本地 monorepo 联调）',
         optionUltramodernWorkspace: '      --ultramodern-workspace 生成标准 UltraModern SuperApp 工作区',
         optionUltramodernPackageSource: '      --ultramodern-package-source 选择 UltraModern 依赖来源（workspace 或 install）',
         optionUltramodernPackageScope: '      --ultramodern-package-scope npm alias 安装使用的发布 scope（例如 bleedingdev）',
         optionUltramodernPackageNamePrefix: '      --ultramodern-package-name-prefix npm alias 包名前缀（默认：modern-js-）',
+        optionMicroVertical: '      --microvertical 向现有 UltraModern 工作区添加 MicroVertical 包（remote、horizontal-remote、service、shared）',
         optionSub: '  -s, --sub       标记为子项目（monorepo 中的子包）',
         examples: '💡 示例:',
         example1: '  create my-app',
@@ -536,11 +539,12 @@ const ZH_LOCALE = {
         example3: '  create my-app --sub',
         example4: '  create --help',
         example5: '  create my-app --router tanstack',
-        example6: '  create my-app --router tanstack --tailwind',
+        example6: '  create my-app --router tanstack --no-tailwind',
         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 --microvertical remote',
         moreInfo: '📚 更多信息: https://modernjs.dev'
     },
     version: {
@@ -554,20 +558,26 @@ const localeKeys = i18n.init('en', {
 });
 const ultramodern_workspace_dirname = node_path.dirname(fileURLToPath(import.meta.url));
 const workspaceTemplateDir = node_path.resolve(ultramodern_workspace_dirname, '..', 'template-workspace');
-const TANSTACK_ROUTER_VERSION = '1.170.1';
-const MODULE_FEDERATION_VERSION = '2.4.0';
-const ZEPHYR_MODERNJS_PLUGIN_VERSION = '1.1.1';
-const EFFECT_TSGO_VERSION = '0.7.3';
-const TYPESCRIPT_NATIVE_PREVIEW_VERSION = '7.0.0-dev.20260518.1';
-const OXLINT_VERSION = '1.65.0';
-const OXFMT_VERSION = '0.50.0';
+const TANSTACK_ROUTER_VERSION = '1.170.8';
+const MODULE_FEDERATION_VERSION = '2.5.0';
+const ZEPHYR_RSPACK_PLUGIN_VERSION = '1.1.1';
+const ZEPHYR_AGENT_VERSION = '1.1.1';
+const WRANGLER_VERSION = '4.95.0';
+const TAILWIND_VERSION = '4.3.0';
+const TAILWIND_POSTCSS_VERSION = '4.3.0';
+const EFFECT_TSGO_VERSION = '0.11.0';
+const TYPESCRIPT_VERSION = '6.0.3';
+const TYPESCRIPT_NATIVE_PREVIEW_VERSION = '7.0.0-dev.20260526.1';
+const OXLINT_VERSION = '1.66.0';
+const OXFMT_VERSION = '0.51.0';
 const ULTRACITE_VERSION = '7.7.0';
 const I18NEXT_VERSION = '26.2.0';
 const REACT_VERSION = '^19.2.6';
 const REACT_DOM_VERSION = '^19.2.6';
-const REACT_I18NEXT_VERSION = '17.0.8';
 const WORKSPACE_PACKAGE_VERSION = 'workspace:*';
+const GENERATED_CONTRACT_PATH = '.modernjs/ultramodern-generated-contract.json';
 const RSTACK_AGENT_SKILLS_COMMIT = '61c948b42512e223bad44b83af4080eba48b2677';
+const MODULE_FEDERATION_AGENT_SKILLS_COMMIT = '07bb5b6c43ad457609e00c081b72d4c42508ec76';
 const baselineAgentSkills = [
     'rsbuild-best-practices',
     'rspack-best-practices',
@@ -577,6 +587,9 @@ const baselineAgentSkills = [
     'rslib-modern-package',
     'rstest-best-practices'
 ];
+const moduleFederationAgentSkills = [
+    'mf'
+];
 const privateAgentSkills = [
     'plan-graph',
     'dag',
@@ -637,6 +650,14 @@ const remoteApps = [
             './Route': './src/remote-entry.tsx',
             './Widget': './src/components/commerce-widget.tsx'
         },
+        effectApi: {
+            stem: 'recommendations',
+            prefix: '/commerce-api',
+            consumedBy: [
+                shellApp.id,
+                'remote-commerce'
+            ]
+        },
         ownership: {
             team: 'commerce-experience',
             slack: '#commerce-experience',
@@ -666,6 +687,14 @@ const remoteApps = [
             './Route': './src/remote-entry.tsx',
             './Widget': './src/components/identity-widget.tsx'
         },
+        effectApi: {
+            stem: 'identity',
+            prefix: '/identity-api',
+            consumedBy: [
+                shellApp.id,
+                'remote-identity'
+            ]
+        },
         ownership: {
             team: 'identity-platform',
             slack: '#identity-platform',
@@ -824,6 +853,89 @@ const sharedPackages = [
         description: 'Shared Effect API type placeholders for services and clients.'
     }
 ];
+function createNeutralOwnership(id, tier = 'tier-2-microvertical') {
+    return {
+        team: 'super-app-platform',
+        slack: '#super-app-platform',
+        pagerDuty: 'pd-super-app-platform',
+        runbookRef: `runbooks/microverticals/${id}.md`,
+        adrRef: `docs/super-app-rfc-adr/microverticals.md#${id}`,
+        blastRadius: {
+            tier,
+            references: [
+                `docs/super-app-rfc-adr/blast-radius.md#${id}`
+            ]
+        }
+    };
+}
+function createRemoteDescriptor(name, kind, port) {
+    const domain = toKebabCase(name);
+    const id = `remote-${domain}`;
+    const displayPrefix = toPascalCase(domain).replace(/([a-z])([A-Z])/g, '$1 $2');
+    return {
+        id,
+        directory: `apps/remotes/${id}`,
+        packageSuffix: id,
+        displayName: `${displayPrefix} Remote`,
+        kind: 'horizontal-remote' === kind ? 'horizontal-remote' : 'vertical',
+        domain,
+        portEnv: `REMOTE_${toEnvSegment(domain)}_PORT`,
+        port,
+        mfName: `remote${toPascalCase(domain)}`,
+        exposes: {
+            './Route': './src/remote-entry.tsx',
+            './Widget': `./src/components/${domain}-widget.tsx`
+        },
+        ...'remote' === kind ? {
+            effectApi: {
+                stem: domain,
+                prefix: `/${domain}-api`,
+                consumedBy: [
+                    shellApp.id,
+                    id
+                ]
+            }
+        } : {},
+        ownership: createNeutralOwnership(id)
+    };
+}
+function createServiceDescriptor(name, port) {
+    const normalized = toKebabCase(name);
+    const suffix = normalized.endsWith('-effect') ? normalized : `service-${normalized.replace(/^service-/, '')}-effect`;
+    return {
+        id: suffix,
+        directory: `services/${suffix}`,
+        packageSuffix: suffix,
+        portEnv: `${toEnvSegment(suffix)}_PORT`,
+        port,
+        ownership: createNeutralOwnership(suffix, 'tier-2-effect-service')
+    };
+}
+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);
+}
+function effectApiStem(target) {
+    return target.effectApi?.stem ?? target.id.replace(/^service-/, '').replace(/-effect$/, '').replace(/-api$/, '');
+}
+function verticalEffectApps(remotes = remoteApps) {
+    return remotes.filter(appHasEffectApi);
+}
+function createSharedPackageDescriptor(name) {
+    const normalized = toKebabCase(name);
+    const id = normalized.startsWith('shared-') ? normalized : `shared-${normalized}`;
+    return {
+        id,
+        directory: `packages/${id}`,
+        description: `Shared ${normalized.replace(/^shared-/, '')} package placeholder.`
+    };
+}
 function normalizePath(filePath) {
     return filePath.split(node_path.sep).join('/');
 }
@@ -844,6 +956,15 @@ function writeFile(targetDir, relativePath, content) {
     });
     node_fs.writeFileSync(filePath, content, 'utf-8');
 }
+function writeFileReplacing(targetDir, relativePath, content) {
+    assertSafeRelativePath(relativePath);
+    const filePath = node_path.join(targetDir, relativePath);
+    ensureInsideRoot(targetDir, filePath);
+    node_fs.mkdirSync(node_path.dirname(filePath), {
+        recursive: true
+    });
+    node_fs.writeFileSync(filePath, content, 'utf-8');
+}
 function writeJson(targetDir, relativePath, value) {
     writeFile(targetDir, relativePath, `${JSON.stringify(value, null, 2)}\n`);
 }
@@ -889,6 +1010,17 @@ function toPackageScope(packageName) {
     const normalized = packageName.replace(/^@/, '').replace(/[\\/]+/g, '-').toLowerCase().replace(/[^a-z0-9._-]+/g, '-').replace(/^[._-]+|[._-]+$/g, '').replace(/-{2,}/g, '-');
     return normalized || 'ultramodern-superapp';
 }
+function toKebabCase(value) {
+    const normalized = value.trim().replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/[^a-zA-Z0-9._-]+/g, '-').replace(/[._]+/g, '-').toLowerCase().replace(/-+/g, '-').replace(/^-+|-+$/g, '');
+    return normalized;
+}
+function toCamelCase(value) {
+    const pascal = toPascalCase(value);
+    return `${pascal.charAt(0).toLowerCase()}${pascal.slice(1)}`;
+}
+function toEnvSegment(value) {
+    return toKebabCase(value).replace(/-/g, '_').toUpperCase();
+}
 function ultramodern_workspace_packageName(scope, suffix) {
     return `@${scope}/${suffix}`;
 }
@@ -919,31 +1051,44 @@ function modernPackageSpecifier(packageName, packageSource) {
     if (!packageSource.aliasScope) return packageSource.modernPackageVersion;
     return `npm:${modernAliasPackageName(packageName, packageSource)}@${packageSource.modernPackageVersion}`;
 }
-function appDependencies(scope, packageSource) {
-    return {
-        '@modern-js/plugin-i18n': modernPackageSpecifier('@modern-js/plugin-i18n', packageSource),
+function appDependencies(scope, packageSource, app) {
+    const dependencies = {
         '@modern-js/plugin-tanstack': modernPackageSpecifier('@modern-js/plugin-tanstack', packageSource),
+        '@modern-js/plugin-i18n': modernPackageSpecifier('@modern-js/plugin-i18n', packageSource),
         '@modern-js/runtime': modernPackageSpecifier('@modern-js/runtime', packageSource),
         '@module-federation/modern-js-v3': MODULE_FEDERATION_VERSION,
         '@module-federation/runtime': MODULE_FEDERATION_VERSION,
         '@tanstack/react-router': TANSTACK_ROUTER_VERSION,
-        'zephyr-modernjs-plugin': ZEPHYR_MODERNJS_PLUGIN_VERSION,
+        i18next: I18NEXT_VERSION,
+        'node-fetch': '^3.3.2',
         [ultramodern_workspace_packageName(scope, 'shared-contracts')]: WORKSPACE_PACKAGE_VERSION,
         [ultramodern_workspace_packageName(scope, 'shared-design-tokens')]: WORKSPACE_PACKAGE_VERSION,
-        i18next: I18NEXT_VERSION,
         react: REACT_VERSION,
-        'react-dom': REACT_DOM_VERSION,
-        'react-i18next': REACT_I18NEXT_VERSION
+        'react-dom': REACT_DOM_VERSION
     };
+    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;
+    }
+    if (appHasEffectApi(app)) dependencies['@modern-js/plugin-bff'] = modernPackageSpecifier('@modern-js/plugin-bff', packageSource);
+    return dependencies;
 }
-function appDevDependencies(packageSource) {
+function appDevDependencies(packageSource, enableTailwind) {
     return {
         '@modern-js/app-tools': modernPackageSpecifier('@modern-js/app-tools', packageSource),
         '@effect/tsgo': EFFECT_TSGO_VERSION,
+        ...enableTailwind ? {
+            '@tailwindcss/postcss': `^${TAILWIND_POSTCSS_VERSION}`,
+            postcss: '^8.5.6',
+            tailwindcss: `^${TAILWIND_VERSION}`
+        } : {},
         "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION,
         '@types/node': '^20',
         '@types/react': '^19.1.8',
-        '@types/react-dom': '^19.1.6'
+        '@types/react-dom': '^19.1.6',
+        typescript: TYPESCRIPT_VERSION,
+        'zephyr-rspack-plugin': ZEPHYR_RSPACK_PLUGIN_VERSION,
+        wrangler: WRANGLER_VERSION
     };
 }
 function createRootPackageJson(scope, packageSource) {
@@ -952,32 +1097,32 @@ function createRootPackageJson(scope, packageSource) {
         name: scope,
         version: '0.1.0',
         type: 'module',
-        packageManager: 'pnpm@11.1.2',
+        packageManager: 'pnpm@11.3.0',
         scripts: {
             dev: `pnpm --parallel --filter ${ultramodern_workspace_packageName(scope, shellApp.packageSuffix)} --filter ${ultramodern_workspace_packageName(scope, 'remote-commerce')} --filter ${ultramodern_workspace_packageName(scope, 'remote-identity')} --filter ${ultramodern_workspace_packageName(scope, 'remote-design-system')} dev`,
             'dev:shell': `pnpm --filter ${ultramodern_workspace_packageName(scope, shellApp.packageSuffix)} dev`,
             'dev:commerce': `pnpm --filter ${ultramodern_workspace_packageName(scope, 'remote-commerce')} dev`,
             'dev:identity': `pnpm --filter ${ultramodern_workspace_packageName(scope, 'remote-identity')} dev`,
             'dev:design-system': `pnpm --filter ${ultramodern_workspace_packageName(scope, 'remote-design-system')} dev`,
-            'dev:recommendations': `pnpm --filter ${ultramodern_workspace_packageName(scope, effectService.packageSuffix)} dev`,
-            build: 'pnpm -r --filter ./apps/** --filter ./services/** build',
+            build: 'pnpm -r --filter "./apps/remotes/**" run build && pnpm --filter "./apps/shell-super-app" run build && pnpm ultramodern:assert-mf-types',
             format: 'oxfmt .',
             'format:check': 'oxfmt --check .',
-            'i18n:check': "node ./scripts/check-i18n-strings.mjs",
             lint: 'oxlint .',
             'lint:fix': 'oxlint . --fix',
             typecheck: `pnpm -r --filter "@${scope}/*" typecheck`,
+            'cloudflare:build': 'pnpm -r --filter "./apps/remotes/**" run cloudflare:build && pnpm --filter "./apps/shell-super-app" run cloudflare:build && pnpm ultramodern:assert-mf-types',
             'skills:install': "node ./scripts/bootstrap-agent-skills.mjs",
             'skills:check': "node ./scripts/bootstrap-agent-skills.mjs --check",
             'agents:refs:install': "node ./scripts/setup-agent-reference-repos.mjs",
             'agents:refs:check': "node ./scripts/setup-agent-reference-repos.mjs --check",
+            'ultramodern:assert-mf-types': "node ./scripts/assert-mf-types.mjs",
             'ultramodern:check': "node ./scripts/validate-ultramodern-workspace.mjs",
-            postinstall: "node ./scripts/setup-agent-reference-repos.mjs",
-            check: 'pnpm format:check && pnpm lint && pnpm typecheck && pnpm i18n:check && pnpm skills:check && pnpm ultramodern:check'
+            postinstall: "node ./scripts/setup-agent-reference-repos.mjs && node ./scripts/bootstrap-agent-skills.mjs",
+            check: 'pnpm format:check && pnpm lint && pnpm typecheck && pnpm skills:check && pnpm ultramodern:check'
         },
         engines: {
             node: '>=20',
-            pnpm: '>=11.0.0'
+            pnpm: '>=11.3.0 <11.4.0'
         },
         workspaces: [
             'apps/*',
@@ -1000,10 +1145,25 @@ function createRootPackageJson(scope, packageSource) {
             "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION,
             oxlint: OXLINT_VERSION,
             oxfmt: OXFMT_VERSION,
-            ultracite: ULTRACITE_VERSION
+            ultracite: ULTRACITE_VERSION,
+            wrangler: WRANGLER_VERSION,
+            'zephyr-agent': ZEPHYR_AGENT_VERSION
         }
     };
 }
+function remoteDependencyAlias(remote) {
+    return toCamelCase(remote.domain ?? remote.id.replace(/^remote-/, ''));
+}
+function zephyrRemoteDependency(scope, remote) {
+    return `${ultramodern_workspace_packageName(scope, remote.packageSuffix)}@workspace:*`;
+}
+function createZephyrDependencies(scope, app, remotes = remoteApps) {
+    if ('shell' !== app.kind) return {};
+    return Object.fromEntries(remotes.map((remote)=>[
+            remoteDependencyAlias(remote),
+            zephyrRemoteDependency(scope, remote)
+        ]));
+}
 function createTsConfigBase() {
     return {
         compilerOptions: {
@@ -1058,17 +1218,22 @@ function createPackageTsConfig(packageDir, includeApi = false) {
     if (includeApi) include.push('api', 'shared');
     return {
         extends: `${relativeRootFor(packageDir)}/tsconfig.base.json`,
-        include
+        include,
+        exclude: [
+            'src/modern-tanstack'
+        ]
     };
 }
-function createAppPackage(scope, app, packageSource) {
-    return {
+function createAppPackage(scope, app, packageSource, enableTailwind) {
+    const packageJson = {
         private: true,
         name: ultramodern_workspace_packageName(scope, app.packageSuffix),
         version: '0.1.0',
         scripts: {
             dev: 'modern dev',
-            build: 'modern build',
+            build: app.exposes ? `modern build && node ${relativeRootFor(app.directory)}/scripts/assert-mf-types.mjs` : 'modern build',
+            'cloudflare:build': 'MODERNJS_DEPLOY=cloudflare modern build && MODERNJS_DEPLOY=cloudflare modern deploy',
+            'cloudflare:preview': 'MODERNJS_DEPLOY=cloudflare modern build && MODERNJS_DEPLOY=cloudflare modern deploy && wrangler dev --config .output/wrangler.json',
             serve: 'modern serve',
             typecheck: effectTsgoTypecheckCommand
         },
@@ -1076,16 +1241,25 @@ function createAppPackage(scope, app, packageSource) {
             preset: 'presetUltramodern',
             role: 'shell' === app.kind ? 'shell' : 'module-federation-remote',
             appId: app.id,
-            topology: `${relativeRootFor(app.directory)}/topology/reference-topology.json`
+            topology: `${relativeRootFor(app.directory)}/topology/reference-topology.json`,
+            ...appHasEffectApi(app) ? {
+                apiRuntime: 'effect-bff'
+            } : {}
         },
-        dependencies: appDependencies(scope, packageSource),
-        devDependencies: appDevDependencies(packageSource)
+        'zephyr:dependencies': createZephyrDependencies(scope, app),
+        dependencies: appDependencies(scope, packageSource, app),
+        devDependencies: appDevDependencies(packageSource, enableTailwind)
     };
+    if (appHasEffectApi(app)) packageJson.exports = {
+        './effect/client': `./src/effect/${app.effectApi.stem}-client.ts`,
+        './shared/effect/api': './shared/effect/api.ts'
+    };
+    return packageJson;
 }
-function createServicePackage(scope, packageSource) {
+function createServicePackage(scope, packageSource, enableTailwind, service = effectService) {
     return {
         private: true,
-        name: ultramodern_workspace_packageName(scope, effectService.packageSuffix),
+        name: ultramodern_workspace_packageName(scope, service.packageSuffix),
         version: '0.1.0',
         scripts: {
             dev: 'modern dev',
@@ -1096,8 +1270,8 @@ function createServicePackage(scope, packageSource) {
         modernjs: {
             preset: 'presetUltramodern',
             role: 'effect-service',
-            appId: effectService.id,
-            topology: `${relativeRootFor(effectService.directory)}/topology/reference-topology.json`
+            appId: service.id,
+            topology: `${relativeRootFor(service.directory)}/topology/reference-topology.json`
         },
         dependencies: {
             '@modern-js/runtime': modernPackageSpecifier('@modern-js/runtime', packageSource),
@@ -1109,15 +1283,21 @@ function createServicePackage(scope, packageSource) {
             '@modern-js/app-tools': modernPackageSpecifier('@modern-js/app-tools', packageSource),
             '@modern-js/plugin-bff': modernPackageSpecifier('@modern-js/plugin-bff', packageSource),
             '@effect/tsgo': EFFECT_TSGO_VERSION,
+            ...enableTailwind ? {
+                '@tailwindcss/postcss': `^${TAILWIND_POSTCSS_VERSION}`,
+                postcss: '^8.5.6',
+                tailwindcss: `^${TAILWIND_VERSION}`
+            } : {},
             "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION,
             '@types/node': '^20',
             '@types/react': '^19.1.8',
-            '@types/react-dom': '^19.1.6'
+            '@types/react-dom': '^19.1.6',
+            typescript: TYPESCRIPT_VERSION
         }
     };
 }
-function createSharedPackage(scope, id, description) {
-    return {
+function createSharedPackage(scope, id, description, packageSource) {
+    const packageJson = {
         private: true,
         name: ultramodern_workspace_packageName(scope, id),
         version: '0.1.0',
@@ -1134,19 +1314,56 @@ function createSharedPackage(scope, id, description) {
             "@typescript/native-preview": TYPESCRIPT_NATIVE_PREVIEW_VERSION
         }
     };
+    if ('shared-effect-api' === id) packageJson.dependencies = {
+        '@modern-js/plugin-bff': modernPackageSpecifier('@modern-js/plugin-bff', packageSource)
+    };
+    return packageJson;
 }
 function createAppModernConfig(app) {
+    const bffImport = appHasEffectApi(app) ? "import { bffPlugin } from '@modern-js/plugin-bff';\n" : '';
+    const bffConfig = appHasEffectApi(app) ? `      bff: {
+        effect: {
+          openapi: {
+            path: '/openapi.json',
+          },
+        },
+        prefix: '${effectApiPrefix(app)}',
+        runtimeFramework: 'effect',
+      },
+` : '';
+    const bffPluginEntry = appHasEffectApi(app) ? '        bffPlugin(),\n' : '';
     return `// @effect-diagnostics processEnv:off
-import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
-import { i18nPlugin } from '@modern-js/plugin-i18n';
+import {
+  appTools,
+  defineConfig,
+  presetUltramodern,
+} from '@modern-js/app-tools';
+${bffImport}import { i18nPlugin } from '@modern-js/plugin-i18n';
 import { tanstackRouterPlugin } from '@modern-js/plugin-tanstack';
 import { moduleFederationPlugin } from '@module-federation/modern-js-v3';
-import { withZephyr } from 'zephyr-modernjs-plugin';
+import { withZephyr as withZephyrRspack } from 'zephyr-rspack-plugin';
+
+type ZephyrRspackConfig = Parameters<ReturnType<typeof withZephyrRspack>>[0];
+
+const zephyrRspackPlugin = () => ({
+  name: 'ultramodern-zephyr-rspack-plugin',
+  pre: ['@modern-js/plugin-module-federation-config'],
+  setup(api: {
+    modifyRspackConfig: (
+      handler: (
+        config: ZephyrRspackConfig,
+      ) => ZephyrRspackConfig | Promise<ZephyrRspackConfig>,
+    ) => void;
+  }) {
+    api.modifyRspackConfig(config => withZephyrRspack()(config));
+  },
+});
 
 const appId = '${app.id}';
 const port = Number(process.env['${app.portEnv}'] ?? ${app.port});
 const configuredSiteUrl = process.env['MODERN_PUBLIC_SITE_URL'];
-const hasConfiguredSiteUrl = typeof configuredSiteUrl === 'string' && configuredSiteUrl.length > 0;
+const hasConfiguredSiteUrl =
+  typeof configuredSiteUrl === 'string' && configuredSiteUrl.length > 0;
 const isProductionBuild =
   process.env['NODE_ENV'] === 'production' || process.argv.includes('build');
 
@@ -1156,12 +1373,14 @@ if (isProductionBuild && !hasConfiguredSiteUrl) {
   );
 }
 
-const siteUrl = hasConfiguredSiteUrl ? configuredSiteUrl : \`http://localhost:\${port}\`;
+const siteUrl = hasConfiguredSiteUrl
+  ? configuredSiteUrl
+  : \`http://localhost:\${port}\`;
 
 export default defineConfig(
   presetUltramodern(
     {
-      output: {
+${bffConfig}      output: {
         disableTsChecker: true,
         distPath: {
           html: './',
@@ -1173,24 +1392,44 @@ export default defineConfig(
         outputStructure: 'flat',
       },
       plugins: [
-        appTools({
-          bundler: 'rspack',
-        }),
+        appTools(),
+        tanstackRouterPlugin(),
         i18nPlugin({
+          backend: {
+            enabled: true,
+          },
+          reactI18next: false,
           localeDetection: {
             fallbackLanguage: 'en',
             languages: ['en', 'cs'],
             localePathRedirect: true,
+            ignoreRedirectRoutes: [
+              '/@mf-types',
+              '/bundles',
+              '${effectApiPrefix(app)}',
+              '/locales',
+              '/mf-manifest.json',
+              '/mf-stats.json',
+              '/remoteEntry.js',
+              '/static',
+              '/zephyr-manifest.json',
+            ],
           },
         }),
-        tanstackRouterPlugin(),
-        moduleFederationPlugin(),
-        withZephyr(),
+${bffPluginEntry}        moduleFederationPlugin(),
+        zephyrRspackPlugin(),
       ],
+      deploy: {
+        target: 'cloudflare',
+        worker: {
+          ssr: true,
+        },
+      },
       server: {
         port,
+        publicDir: './locales',
         ssr: {
-          mode: 'string',
+          mode: 'stream',
           moduleFederationAppSSR: true,
         },
       },
@@ -1224,11 +1463,6 @@ function createSharedModuleFederationConfig() {
       singleton: true,
       treeShaking: false,
     },
-    i18next: {
-      requiredVersion: dependencies.i18next,
-      singleton: true,
-      treeShaking: false,
-    },
     react: {
       requiredVersion: reactVersion,
       singleton: true,
@@ -1239,8 +1473,8 @@ function createSharedModuleFederationConfig() {
       singleton: true,
       treeShaking: false,
     },
-    'react-i18next': {
-      requiredVersion: dependencies['react-i18next'],
+    'react-dom/client': {
+      requiredVersion: reactDomVersion,
       singleton: true,
       treeShaking: false,
     },
@@ -1253,7 +1487,16 @@ function formatTsObjectLiteral(value) {
 ${entries.map(([key, entryValue])=>`    '${key}': '${entryValue}',`).join('\n')}
   }`;
 }
-function createShellModuleFederationConfig() {
+function createRemoteManifestEnv(remote) {
+    return `REMOTE_${toEnvSegment(remote.domain ?? remote.id)}_MF_MANIFEST`;
+}
+function createShellModuleFederationConfig(remotes = remoteApps) {
+    const remoteEntries = remotes.map((remote)=>{
+        const key = remoteDependencyAlias(remote);
+        return `    ${key}:
+      process.env['${createRemoteManifestEnv(remote)}'] ??
+      '${remote.mfName}@http://localhost:${remote.port}/mf-manifest.json',`;
+    }).join('\n');
     return `// @effect-diagnostics nodeBuiltinImport:off processEnv:off
 import { createRequire } from 'node:module';
 import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
@@ -1265,24 +1508,48 @@ const reactVersion = (require('react/package.json') as { version: string }).vers
 const reactDomVersion = (require('react-dom/package.json') as { version: string }).version;
 
 export default createModuleFederationConfig({
-  dts: false,
+  treeShakingSharedExcludePlugins: ['RspackModuleFederationPlugin'],
+  dev: {
+    disableDynamicRemoteTypeHints: true,
+  },
+  dts: {
+    displayErrorInTerminal: true,
+    generateTypes: {
+      compilerInstance: '--package typescript -- tsc',
+    },
+  },
   filename: 'remoteEntry.js',
   name: '${shellApp.mfName}',
   remotes: {
-    commerce:
-      process.env['REMOTE_COMMERCE_MF_MANIFEST'] ??
-      'remoteCommerce@http://localhost:3021/mf-manifest.json',
-    designSystem:
-      process.env['REMOTE_DESIGN_SYSTEM_MF_MANIFEST'] ??
-      'remoteDesignSystem@http://localhost:3023/mf-manifest.json',
-    identity:
-      process.env['REMOTE_IDENTITY_MF_MANIFEST'] ??
-      'remoteIdentity@http://localhost:3022/mf-manifest.json',
+${remoteEntries}
   },
 ${createSharedModuleFederationConfig()},
 });
 `;
 }
+function createBuildMarker(scope, app) {
+    return node_crypto.createHash('sha256').update(`${scope}:${app.packageSuffix}:${app.id}:0.1.0`).digest('hex').slice(0, 16);
+}
+function createUltramodernBuildModule(scope, app) {
+    return `export const ultramodernVerticalIdentity = {
+  appId: '${app.id}',
+  packageName: '${ultramodern_workspace_packageName(scope, app.packageSuffix)}',
+  version: '0.1.0',
+  build: '${createBuildMarker(scope, app)}',
+  deployProfile: 'cloudflare-ssr-mf-effect-v1',
+} as const;
+
+export const ultramodernUiMarker = {
+  ...ultramodernVerticalIdentity,
+  surface: 'ui',
+} as const;
+
+export const ultramodernApiMarker = {
+  ...ultramodernVerticalIdentity,
+  surface: 'effect-bff',
+} as const;
+`;
+}
 function createRemoteModuleFederationConfig(app) {
     const exposes = formatTsObjectLiteral(app.exposes ?? {});
     return `// @effect-diagnostics nodeBuiltinImport:off
@@ -1296,7 +1563,16 @@ const reactVersion = (require('react/package.json') as { version: string }).vers
 const reactDomVersion = (require('react-dom/package.json') as { version: string }).version;
 
 export default createModuleFederationConfig({
-  dts: false,
+  treeShakingSharedExcludePlugins: ['RspackModuleFederationPlugin'],
+  dev: {
+    disableDynamicRemoteTypeHints: true,
+  },
+  dts: {
+    displayErrorInTerminal: true,
+    generateTypes: {
+      compilerInstance: '--package typescript -- tsc',
+    },
+  },
   exposes: ${exposes},
   filename: 'remoteEntry.js',
   name: '${app.mfName}',
@@ -1304,13 +1580,16 @@ ${createSharedModuleFederationConfig()},
 });
 `;
 }
-function createServiceModernConfig() {
+function remoteWidgetFile(app) {
+    return `${app.domain ?? app.id.replace(/^remote-/, '')}-widget`;
+}
+function createServiceModernConfigFor(service = effectService) {
     return `// @effect-diagnostics processEnv:off
 import { appTools, defineConfig, presetUltramodern } from '@modern-js/app-tools';
 import { bffPlugin } from '@modern-js/plugin-bff';
 
-const appId = '${effectService.id}';
-const port = Number(process.env['${effectService.portEnv}'] ?? ${effectService.port});
+const appId = '${service.id}';
+const port = Number(process.env['${service.portEnv}'] ?? ${service.port});
 
 export default defineConfig(
   presetUltramodern(
@@ -1321,7 +1600,7 @@ export default defineConfig(
             path: '/openapi.json',
           },
         },
-        prefix: '/recommendations-api',
+        prefix: '${serviceApiPrefix(service)}',
         runtimeFramework: 'effect',
       },
       plugins: [appTools(), bffPlugin()],
@@ -1339,7 +1618,15 @@ export default defineConfig(
 );
 `;
 }
-function createAppRuntimeConfig() {
+function createAppRuntimeConfig(app) {
+    const resources = {
+        cs: {
+            translation: createAppLocaleMessages(app, 'cs')
+        },
+        en: {
+            translation: createAppLocaleMessages(app, 'en')
+        }
+    };
     return `import { defineRuntimeConfig } from '@modern-js/runtime';
 import { createInstance } from 'i18next';
 
@@ -1355,6 +1642,7 @@ export default defineRuntimeConfig({
         escapeValue: false,
       },
       ns: ['translation'],
+      resources: ${JSON.stringify(resources, null, 8).split('\n').join('\n      ')},
       supportedLngs: ['en', 'cs'],
     },
   },
@@ -1364,109 +1652,126 @@ export default defineRuntimeConfig({
 });
 `;
 }
-function createLocalizedHeadComponent(includeLocationSuffix = false) {
-    return `const fallbackLanguage = 'en';
-const supportedLanguages = ['en', 'cs'] as const;
-type SupportedLanguage = (typeof supportedLanguages)[number];
+function createAppStyles(enableTailwind) {
+    return `${enableTailwind ? "@import 'tailwindcss';\n\n" : ''}:root {
+  color: #10231c;
+  background: #f6f8f7;
+  font-family:
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    sans-serif;
+}
 
-const isSupportedLanguage = (value: string): value is SupportedLanguage =>
-  supportedLanguages.includes(value as SupportedLanguage);
+body {
+  margin: 0;
+}
 
-const stripLanguagePrefix = (pathname: string) => {
-  const segments = pathname.split('/').filter(Boolean);
-  if (segments.length > 0 && isSupportedLanguage(segments[0] ?? '')) {
-    segments.shift();
-  }
-  return \`/\${segments.join('/')}\`;
-};
+main {
+  min-height: 100vh;
+  padding: 2rem;
+}
+
+nav {
+  display: flex;
+  gap: 0.75rem;
+  margin-bottom: 2rem;
+}
 
-const localizedPath = (pathname: string, language: SupportedLanguage) => {
-  const pathWithoutLanguage = stripLanguagePrefix(pathname);
-  return pathWithoutLanguage === '/' ? \`/\${language}\` : \`/\${language}\${pathWithoutLanguage}\`;
+a {
+  color: #166b4b;
+}
+`;
+}
+function createPostcssConfig() {
+    return `export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
 };
+`;
+}
+function createTailwindConfig() {
+    return `import type { Config } from 'tailwindcss';
+
+export default {
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+} satisfies Config;
+`;
+}
+function createLocalizedHeadComponent() {
+    return `const fallbackLanguage = 'en';
+const supportedLanguages = ['en', 'cs'] as const;
+type SupportedLanguage = (typeof supportedLanguages)[number];
+
+const localizedPath = (language: SupportedLanguage) => \`/\${language}\`;
 
 const absoluteUrl = (pathname: string) => {
   const origin = ULTRAMODERN_SITE_URL.replace(/\\/+$/u, '');
   return \`\${origin}\${pathname}\`;
 };
-${includeLocationSuffix ? `
-const locationSuffix = (location: { hash?: unknown; search?: unknown; searchStr?: unknown }) => {
-  const { hash, search, searchStr } = location;
-  let locationSearch = '';
-  if (typeof searchStr === 'string') {
-    locationSearch = searchStr;
-  } else if (typeof search === 'string') {
-    locationSearch = search;
-  }
-  const locationHash = typeof hash === 'string' ? hash : '';
-  return \`\${locationSearch}\${locationHash}\`;
-};
-` : ''}
 const LocalizedHead = () => {
-  const { language } = useModernI18n();
-  const location = useLocation();
-  const currentLanguage = isSupportedLanguage(language) ? language : fallbackLanguage;
-  const canonicalPath = localizedPath(location.pathname, currentLanguage);
+  const canonicalPath = localizedPath(fallbackLanguage);
 
   return (
-    <Helmet>
+    <>
       <link rel="canonical" href={absoluteUrl(canonicalPath)} />
-      {supportedLanguages.map((code) => (
+      {supportedLanguages.map(code => (
         <link
-          href={absoluteUrl(localizedPath(location.pathname, code))}
+          href={absoluteUrl(localizedPath(code))}
           hrefLang={code}
           key={code}
           rel="alternate"
         />
       ))}
       <link
-        href={absoluteUrl(localizedPath(location.pathname, fallbackLanguage))}
+        href={absoluteUrl(localizedPath(fallbackLanguage))}
         hrefLang="x-default"
         rel="alternate"
       />
-    </Helmet>
+    </>
   );
 };
 `;
 }
 function createShellPage() {
-    return `import { Helmet } from '@modern-js/runtime/head';
-import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
-import { useLocation } from '@modern-js/plugin-tanstack/runtime';
-import { useTranslation } from 'react-i18next';
+    return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import { ultramodernUiMarker } from '../../ultramodern-build';
+import '../index.css';
+
+const languageCodes = ['en', 'cs'] as const;
 
-const remotes = ['remote-commerce', 'remote-identity', 'remote-design-system'];
+const remoteKeys = ['commerce', 'identity', 'designSystem'] as const;
 
-${createLocalizedHeadComponent(true)}
+${createLocalizedHeadComponent()}
 export default function ShellHome() {
-  const { t } = useTranslation();
-  const { language } = useModernI18n();
-  const location = useLocation();
-  const currentLanguage = isSupportedLanguage(language) ? language : fallbackLanguage;
-  const suffix = locationSuffix(location);
-  const languageOptions = supportedLanguages.map((code) => ({
-    code,
-    href: \`\${localizedPath(location.pathname, code)}\${suffix}\`,
-    label: t(\`language.\${code}\`),
-  }));
+  const { i18nInstance, language } = useModernI18n();
+  const t = i18nInstance.t.bind(i18nInstance);
+
   return (
     <main>
       <LocalizedHead />
-      <nav aria-label={t('language.switcher')}>
-        {languageOptions.map((option) => (
+      <nav aria-label={t('shell.language.switcher')}>
+        {languageCodes.map(code => (
           <a
-            aria-current={currentLanguage === option.code ? 'page' : undefined}
-            href={option.href}
-            key={option.code}
+            aria-current={language === code ? 'page' : undefined}
+            href={\`/\${code}\`}
+            key={code}
           >
-            {option.label}
+            {t(\`shell.language.\${code}\`)}
           </a>
         ))}
       </nav>
       <h1>{t('shell.title')}</h1>
-      <p data-testid="ultramodern-preset">{t('shell.preset')}</p>
+      <p data-testid="ultramodern-preset">presetUltramodern workspace</p>
+      <p data-build-marker={ultramodernUiMarker.build} data-testid="ultramodern-ui-marker">
+        {ultramodernUiMarker.appId}:{ultramodernUiMarker.version}
+      </p>
       <ul>
-        {remotes.map((remote) => (
+        {remoteKeys.map(remote => (
           <li key={remote}>{t(\`shell.remotes.\${remote}\`)}</li>
         ))}
       </ul>
@@ -1476,54 +1781,143 @@ export default function ShellHome() {
 `;
 }
 function createRemotePage(app) {
-    return `import { Helmet } from '@modern-js/runtime/head';
-import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
-import { useLocation } from '@modern-js/plugin-tanstack/runtime';
-import { useTranslation } from 'react-i18next';
+    const effectBffImport = appHasEffectApi(app) ? `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import { useEffect, useState } from 'react';
+import { ultramodernUiMarker } from '../../ultramodern-build';
+` : "import { useModernI18n } from '@modern-js/plugin-i18n/runtime';\nimport { ultramodernUiMarker } from '../../ultramodern-build';\n";
+    const effectBffState = appHasEffectApi(app) ? `  const [effectApiStatus, setEffectApiStatus] = useState('pending');
+
+  useEffect(() => {
+    void fetch('${effectApiPrefix(app)}/effect/${effectApiStem(app)}?limit=1', {
+      headers: {
+        accept: 'application/json',
+      },
+    })
+      .then(response => {
+        if (!response.ok) {
+          throw new Error(\`Effect BFF request failed: \${response.status}\`);
+        }
+
+        return response.json() as Promise<{ items?: Array<{ title?: string }> }>;
+      })
+      .then(data => {
+        setEffectApiStatus(data.items[0]?.title ?? 'empty');
+      })
+      .catch(() => {
+        setEffectApiStatus('unavailable');
+      });
+  }, []);
+
+` : '';
+    const effectBffMarkup = appHasEffectApi(app) ? `      <p data-testid="effect-bff-status">{effectApiStatus}</p>
+` : '';
+    return `${effectBffImport}import '../index.css';
 
 ${createLocalizedHeadComponent()}
 export default function ${toPascalCase(app.id)}Home() {
-  const { t } = useTranslation();
-
-  return (
+  const { i18nInstance, language } = useModernI18n();
+  const t = i18nInstance.t.bind(i18nInstance);
+${effectBffState}  return (
     <main>
       <LocalizedHead />
-      <h1>{t('remote.title')}</h1>
-      <p data-mf-role="${app.kind}">{t('remote.domain')}</p>
-    </main>
+      <nav aria-label={t('${app.domain}.language.switcher')}>
+        {supportedLanguages.map(code => (
+          <a
+            aria-current={language === code ? 'page' : undefined}
+            href={\`/\${code}\`}
+            key={code}
+          >
+            {t(\`${app.domain}.language.\${code}\`)}
+          </a>
+        ))}
+      </nav>
+      <h1>{t('${app.domain}.title')}</h1>
+      <p data-mf-role="${app.kind}">{t('${app.domain}.role')}</p>
+      <p data-build-marker={ultramodernUiMarker.build} data-testid="ultramodern-ui-marker">
+        {ultramodernUiMarker.appId}:{ultramodernUiMarker.version}
+      </p>
+${effectBffMarkup}    </main>
   );
 }
 `;
 }
 function createLayout(appId) {
-    return `import type { ReactNode } from 'react';
+    return `import { Outlet } from '@modern-js/plugin-tanstack/runtime';
+import './index.css';
 
-export default function Layout({ children }: { children: ReactNode }) {
-  return <div data-app-id="${appId}">{children}</div>;
+export default function Layout() {
+  return (
+    <div data-app-id="${appId}">
+      <Outlet />
+    </div>
+  );
 }
 `;
 }
 function createRemoteEntry(app) {
-    const componentFile = 'remote-identity' === app.id ? 'identity-widget' : 'commerce-widget';
-    return `export { default } from './components/${componentFile}';
+    return `export { default } from './components/${remoteWidgetFile(app)}';
 `;
 }
 function createRemoteWidget(app) {
-    const componentName = 'remote-identity' === app.id ? 'IdentityWidget' : 'CommerceWidget';
-    return `import { useTranslation } from 'react-i18next';
-
-export default function ${componentName}() {
-  const { t } = useTranslation();
-
+    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}() {
   return (
     <section data-mf-remote="${app.id}">
-      <h2>{t('remote.widget.title')}</h2>
-      <p>{t('remote.widget.body')}</p>
+      <h2>${app.displayName}</h2>
+      <p>${body}</p>
     </section>
   );
 }
 `;
 }
+function createAppLocaleMessages(app, language) {
+    const czechLabels = {
+        commerce: {
+            role: 'obchod',
+            title: 'Obchodni remote'
+        },
+        'design-system': {
+            role: 'design system',
+            title: 'Design system remote'
+        },
+        identity: {
+            role: 'identita',
+            title: 'Identitni remote'
+        }
+    };
+    if ('shell' === app.kind) return {
+        shell: {
+            language: {
+                cs: 'en' === language ? 'Czech' : 'Cestina',
+                en: 'en' === language ? 'English' : 'Anglictina',
+                switcher: 'en' === language ? 'Language' : 'Jazyk'
+            },
+            remotes: {
+                commerce: 'en' === language ? 'Commerce Remote' : 'Obchodni remote',
+                designSystem: 'en' === language ? 'Design System Remote' : 'Design system remote',
+                identity: 'en' === language ? 'Identity Remote' : 'Identitni remote'
+            },
+            title: 'en' === language ? 'UltraModern SuperApp Shell' : 'UltraModern SuperApp shell'
+        }
+    };
+    const domain = app.domain ?? app.id;
+    const czechLabel = czechLabels[domain] ?? {
+        role: domain,
+        title: `${app.displayName} CZ`
+    };
+    return {
+        [domain]: {
+            language: {
+                cs: 'en' === language ? 'Czech' : 'Cestina',
+                en: 'en' === language ? 'English' : 'Anglictina',
+                switcher: 'en' === language ? 'Language' : 'Jazyk'
+            },
+            role: 'en' === language ? app.domain ?? app.kind : czechLabel.role,
+            title: 'en' === language ? app.displayName : czechLabel.title
+        }
+    };
+}
 function createDesignButton() {
     return `import { designTokens } from '../tokens';
 
@@ -1554,124 +1948,373 @@ function createDesignTokens() {
 } as const;
 `;
 }
-function createEnglishTranslations(app) {
-    if ('shell' === app.kind) return {
-        language: {
-            cs: 'Czech',
-            en: 'English',
-            switcher: 'Language'
-        },
-        shell: {
-            preset: 'presetUltramodern workspace',
-            remotes: {
-                'remote-commerce': 'Commerce Remote',
-                'remote-design-system': 'Design System Remote',
-                'remote-identity': 'Identity Remote'
-            },
-            title: 'UltraModern SuperApp Shell'
-        }
-    };
-    return {
-        remote: {
-            domain: app.domain ?? app.kind,
-            title: app.displayName,
-            widget: {
-                body: 'vertical' === app.kind ? `Owns the ${app.domain} vertical route surface.` : 'Provides shared UI primitives for the workspace.',
-                title: app.displayName
-            }
-        }
-    };
+function serviceEffectApiExport(service = effectService) {
+    return `${toCamelCase(effectApiStem(service))}EffectApi`;
 }
-function createCzechTranslations(app) {
-    if ('shell' === app.kind) return {
-        language: {
-            cs: 'Cestina',
-            en: 'Anglictina',
-            switcher: 'Jazyk'
-        },
-        shell: {
-            preset: 'presetUltramodern workspace',
-            remotes: {
-                'remote-commerce': 'Commerce remote',
-                'remote-design-system': 'Design system remote',
-                'remote-identity': 'Identity remote'
-            },
-            title: 'UltraModern SuperApp shell'
-        }
-    };
-    return {
-        remote: {
-            domain: app.domain ?? app.kind,
-            title: app.displayName,
-            widget: {
-                body: 'vertical' === app.kind ? `Vlastni ${app.domain} vertical route surface.` : 'Poskytuje sdilene UI prvky pro workspace.',
-                title: app.displayName
-            }
-        }
-    };
+function serviceEffectGroupName(service = effectService) {
+    return toCamelCase(effectApiStem(service));
+}
+function serviceEffectApiName(service = effectService) {
+    return `${toPascalCase(effectApiStem(service))}EffectApi`;
+}
+function serviceEffectSchemaExport(service = effectService) {
+    return `${toCamelCase(effectApiStem(service))}ItemSchema`;
+}
+function serviceEffectErrorStem(service = effectService) {
+    const stem = effectApiStem(service);
+    return 'recommendations' === stem ? 'recommendation' : stem;
+}
+function serviceEffectCreatePayloadSchemaExport(service = effectService) {
+    return `${toCamelCase(effectApiStem(service))}CreatePayloadSchema`;
+}
+function serviceEffectNotFoundErrorExport(service = effectService) {
+    return `${toPascalCase(serviceEffectErrorStem(service))}NotFound`;
+}
+function serviceEffectNotFoundSchemaExport(service = effectService) {
+    return `${toCamelCase(serviceEffectErrorStem(service))}NotFoundSchema`;
 }
-function createEffectSharedApi() {
+function createEffectSharedApiImports() {
     return `import {
   HttpApi,
   HttpApiEndpoint,
   HttpApiGroup,
+  HttpApiSchema,
   Schema,
 } from '@modern-js/plugin-bff/effect-client';
-
-const recommendationSchema = Schema.Struct({
+`;
+}
+function createEffectSharedApiContract(service = effectService) {
+    const schemaExport = serviceEffectSchemaExport(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 stem = effectApiStem(service);
+    const servicePrefix = effectApiPrefix(service);
+    return `export const ${schemaExport} = Schema.Struct({
   id: Schema.String,
+  marker: Schema.Struct({
+    appId: Schema.String,
+    packageName: Schema.String,
+    version: Schema.String,
+    build: Schema.String,
+    deployProfile: Schema.String,
+    surface: Schema.String,
+  }),
   title: Schema.String,
 });
 
-export const recommendationsEffectApi = HttpApi.make('RecommendationsEffectApi').add(
-  HttpApiGroup.make('recommendations').add(
-    HttpApiEndpoint.get('list', '/effect/recommendations', {
-      success: Schema.Struct({
-        items: Schema.Array(recommendationSchema),
+export const ${createPayloadSchemaExport} = Schema.Struct({
+  title: Schema.String,
+});
+
+export class ${notFoundErrorExport} extends Schema.TaggedErrorClass<${notFoundErrorExport}>()(
+  '${notFoundErrorExport}',
+  {
+    id: Schema.String,
+  },
+) {}
+
+export const ${notFoundSchemaExport} = ${notFoundErrorExport}.pipe(
+  HttpApiSchema.status(404),
+);
+
+export type OperationContext = {
+  operationId: string;
+  routePath: string;
+  method: string;
+  source: string;
+  traceId?: string;
+};
+
+export const ${apiExport} = HttpApi.make('${apiName}').add(
+  HttpApiGroup.make('${groupName}')
+    .add(
+      HttpApiEndpoint.get('list', '/effect/${stem}', {
+        query: {
+          limit: Schema.optional(Schema.NumberFromString),
+        },
+        success: Schema.Struct({
+          items: Schema.Array(${schemaExport}),
+        }),
       }),
-    }),
-  ),
+    )
+    .add(
+      HttpApiEndpoint.get('get', '/effect/${stem}/:id', {
+        params: {
+          id: Schema.String,
+        },
+        success: ${schemaExport},
+        error: ${notFoundSchemaExport},
+      }),
+    )
+    .add(
+      HttpApiEndpoint.post('create', '/effect/${stem}', {
+        payload: ${createPayloadSchemaExport},
+        success: Schema.Struct({
+          item: ${schemaExport},
+        }),
+      }),
+    ),
 );
+
+export const ${groupName}OperationContexts = {
+  list: {
+    operationId: '${apiName}:${groupName}:list',
+    routePath: '/effect/${stem}',
+    method: 'GET',
+    source: 'generated-client',
+  },
+  get: {
+    operationId: '${apiName}:${groupName}:get',
+    routePath: '/effect/${stem}/:id',
+    method: 'GET',
+    source: 'generated-client',
+  },
+  create: {
+    operationId: '${apiName}:${groupName}:create',
+    routePath: '/effect/${stem}',
+    method: 'POST',
+    source: 'generated-client',
+  },
+} satisfies Record<string, OperationContext>;
+
+export const ${groupName}ApiContract = {
+  basePath: '${servicePrefix}/effect/${stem}',
+  ownerId: '${service.id}',
+  servicePrefix: '${servicePrefix}',
+} as const;
+`;
+}
+function createEffectSharedApi(service) {
+    if (service) return `${createEffectSharedApiImports()}
+${createEffectSharedApiContract(service)}`;
+    return `export const sharedEffectApiPackage = {
+  scope: 'external-effect-service-contracts',
+} as const;
 `;
 }
-function createEffectServiceEntry() {
+function createEffectServiceEntry(scope, service = effectService, contractImportPath = ultramodern_workspace_packageName(scope, 'shared-effect-api')) {
+    const apiExport = serviceEffectApiExport(service);
+    const groupName = serviceEffectGroupName(service);
+    const notFoundErrorExport = serviceEffectNotFoundErrorExport(service);
+    const stem = effectApiStem(service);
     return `import {
   defineEffectBff,
   Effect,
   HttpApiBuilder,
   Layer,
-} from '@modern-js/plugin-bff/effect-server';
-import { recommendationsEffectApi } from '../../shared/effect/api';
+} from '@modern-js/plugin-bff/effect-edge';
+import { ultramodernApiMarker } from '../../src/ultramodern-build';
+import {
+  ${apiExport},
+  ${groupName}OperationContexts,
+  ${notFoundErrorExport},
+  type OperationContext,
+} from '${contractImportPath}';
+
+const ${groupName}Items = [
+  {
+    id: 'starter-${stem}',
+    marker: ultramodernApiMarker,
+    title: 'Wire a real ${stem} source here',
+  },
+];
+
+const operationAttributes = (operationContext: OperationContext) => {
+  return {
+    'modernjs.operation.id': operationContext.operationId,
+    'modernjs.operation.method': operationContext.method,
+    'modernjs.operation.route': operationContext.routePath,
+    'modernjs.operation.source': operationContext.source,
+    ...(typeof operationContext.traceId === 'string'
+      ? { 'modernjs.trace.id': operationContext.traceId }
+      : {}),
+  };
+};
 
-const recommendationsLayer = HttpApiBuilder.group(
-  recommendationsEffectApi,
-  'recommendations',
+const ${groupName}Layer = HttpApiBuilder.group(
+  ${apiExport},
+  '${groupName}',
   (handlers) =>
-    handlers.handle('list', () =>
-      Effect.succeed({
-        items: [
-          {
-            id: 'starter-recommendation',
-            title: 'Wire a real recommendation source here',
+    handlers
+      .handle('list', ({ query }) =>
+        Effect.succeed({
+          items:
+            typeof query.limit === 'number'
+              ? ${groupName}Items.slice(0, query.limit)
+              : ${groupName}Items,
+        }).pipe(
+          Effect.withSpan('ultramodern.effect.${groupName}.list', {
+            attributes: operationAttributes(${groupName}OperationContexts.list),
+            kind: 'server',
+          }),
+        ),
+      )
+      .handle('get', ({ params }) => {
+        const item = ${groupName}Items.find(item => item.id === params.id);
+        return (item !== undefined
+          ? Effect.succeed(item)
+          : Effect.fail(new ${notFoundErrorExport}({ id: params.id }))).pipe(
+            Effect.withSpan('ultramodern.effect.${groupName}.get', {
+              attributes: operationAttributes(${groupName}OperationContexts.get),
+              kind: 'server',
+            }),
+          );
+      })
+      .handle('create', ({ payload }) =>
+        Effect.succeed({
+          item: {
+            id: \`generated-${stem}-\${payload.title
+              .toLowerCase()
+              .replaceAll(/[^a-z0-9]+/g, '-')
+              .replaceAll(/^-|-$/g, '')}\`,
+            marker: ultramodernApiMarker,
+            title: payload.title,
           },
-        ],
-      }),
-    ),
+        }).pipe(
+          Effect.withSpan('ultramodern.effect.${groupName}.create', {
+            attributes: operationAttributes(${groupName}OperationContexts.create),
+            kind: 'server',
+          }),
+        ),
+      ),
 );
 
-const layer = HttpApiBuilder.layer(recommendationsEffectApi).pipe(
-  Layer.provide(recommendationsLayer),
+const layer = HttpApiBuilder.layer(${apiExport}).pipe(
+  Layer.provide(${groupName}Layer),
 );
 
 export default defineEffectBff({
-  api: recommendationsEffectApi,
+  api: ${apiExport},
   layer,
 });
 `;
 }
+function createEffectClient(service, contractImportPath) {
+    const apiExport = serviceEffectApiExport(service);
+    const contractExport = serviceEffectGroupName(service);
+    const stem = effectApiStem(service);
+    const groupName = serviceEffectGroupName(service);
+    const singular = serviceEffectErrorStem(service);
+    const clientOptionsName = `${toPascalCase(stem)}ClientOptions`;
+    const createClientName = `create${toPascalCase(stem)}Client`;
+    const listName = `list${toPascalCase(stem)}`;
+    const getName = `get${toPascalCase(singular)}`;
+    const createName = `create${toPascalCase(singular)}`;
+    return `import {
+  makeEffectHttpApiClient,
+  runEffectRequest,
+} from '@modern-js/plugin-bff/effect-client';
+import {
+  ${contractExport}ApiContract,
+  ${apiExport},
+  ${groupName}OperationContexts,
+  type OperationContext,
+} from '${contractImportPath}';
+
+export type ${clientOptionsName} = {
+  baseUrl?: string | URL;
+  locale?: string;
+  operationContext?: OperationContext;
+  traceparent?: string;
+};
+
+export function ${createClientName}(
+  options: ${clientOptionsName} = {},
+) {
+  return makeEffectHttpApiClient(${apiExport}, {
+    baseUrl: options.baseUrl ?? ${contractExport}ApiContract.servicePrefix,
+  });
+}
+
+export function ${listName}(
+  options: ${clientOptionsName} & { limit?: number } = {},
+) {
+  return runEffectRequest(
+    ${createClientName}({
+      ...options,
+      operationContext:
+        options.operationContext ?? ${groupName}OperationContexts.list,
+    }),
+  ).then(client =>
+    runEffectRequest(
+      client.${groupName}.list({ query: { limit: options.limit } }),
+    ),
+  );
+}
+
+export function ${getName}(
+  id: string,
+  options: ${clientOptionsName} = {},
+) {
+  return runEffectRequest(
+    ${createClientName}({
+      ...options,
+      operationContext:
+        options.operationContext ?? ${groupName}OperationContexts.get,
+    }),
+  ).then(client =>
+    runEffectRequest(client.${groupName}.get({ params: { id } })),
+  );
+}
+
+export function ${createName}(
+  title: string,
+  options: ${clientOptionsName} = {},
+) {
+  return runEffectRequest(
+    ${createClientName}({
+      ...options,
+      operationContext:
+        options.operationContext ?? ${groupName}OperationContexts.create,
+    }),
+  ).then(client =>
+    runEffectRequest(
+      client.${groupName}.create({ payload: { title } }),
+    ),
+  );
+}
+`;
+}
+function createShellEffectClient(scope) {
+    return `export {
+  createRecommendation,
+  createRecommendationsClient,
+  getRecommendation,
+  listRecommendations,
+  type RecommendationsClientOptions,
+} from '${ultramodern_workspace_packageName(scope, 'remote-commerce')}/effect/client';
+`;
+}
 function toPascalCase(value) {
     return value.split(/[-_]+/).filter(Boolean).map((part)=>`${part.charAt(0).toUpperCase()}${part.slice(1)}`).join('');
 }
+function effectApiTopologyMetadata(app) {
+    if (!appHasEffectApi(app)) return;
+    return {
+        effect: {
+            runtime: 'effect',
+            bff: {
+                prefix: app.effectApi.prefix,
+                openapi: '/openapi.json'
+            },
+            contract: {
+                export: './shared/effect/api',
+                path: `${app.directory}/shared/effect/api.ts`
+            },
+            client: {
+                export: './effect/client',
+                path: `${app.directory}/src/effect/${app.effectApi.stem}-client.ts`
+            },
+            serverEntry: `${app.directory}/api/effect/index.ts`,
+            basePath: `${app.effectApi.prefix}/effect/${app.effectApi.stem}`,
+            consumedBy: app.effectApi.consumedBy
+        }
+    };
+}
 function createTopology(scope) {
     return {
         schemaVersion: 1,
@@ -1711,25 +2354,12 @@ function createTopology(scope) {
                     fallbackTelemetryEvent: 'modernjs:mv-runtime-parity',
                     sharedContractVersion: 'mf-ssr-contract-v1'
                 },
+                ...effectApiTopologyMetadata(remote) ? {
+                    api: effectApiTopologyMetadata(remote)
+                } : {},
                 ownership: remote.ownership
             })),
-        effectServices: [
-            {
-                id: effectService.id,
-                kind: 'effect-service',
-                runtime: 'effect',
-                package: ultramodern_workspace_packageName(scope, effectService.packageSuffix),
-                consumedBy: [
-                    shellApp.id,
-                    'remote-commerce'
-                ],
-                bff: {
-                    prefix: '/recommendations-api',
-                    openapi: '/openapi.json'
-                },
-                ownership: effectService.ownership
-            }
-        ],
+        effectServices: [],
         sharedPackages: sharedPackages.map((sharedPackage)=>({
                 id: sharedPackage.id,
                 package: ultramodern_workspace_packageName(scope, sharedPackage.id),
@@ -1751,12 +2381,6 @@ function createOwnership(scope) {
         owners: [
             shellApp,
             ...remoteApps,
-            {
-                id: effectService.id,
-                packageSuffix: effectService.packageSuffix,
-                directory: effectService.directory,
-                ownership: effectService.ownership
-            },
             ...sharedPackages.map((sharedPackage)=>({
                     id: sharedPackage.id,
                     packageSuffix: sharedPackage.id,
@@ -1794,19 +2418,15 @@ function createDevelopmentOverlay() {
         ].map((app)=>[
                 app.id,
                 app.port
-            ]).concat([
-            [
-                effectService.id,
-                effectService.port
-            ]
-        ])),
+            ])),
         manifests: Object.fromEntries(remoteApps.map((remote)=>[
                 remote.id,
                 `http://localhost:${remote.port}/mf-manifest.json`
             ])),
-        services: {
-            [effectService.id]: `http://localhost:${effectService.port}/recommendations-api`
-        }
+        apis: Object.fromEntries(verticalEffectApps().map((app)=>[
+                app.id,
+                `http://localhost:${app.port}${effectApiPrefix(app)}`
+            ]))
     };
 }
 function createPackageSourceMetadata(scope, packageSource) {
@@ -1836,6 +2456,185 @@ function createPackageSourceMetadata(scope, packageSource) {
         }
     };
 }
+function createEffectOperationContract(target) {
+    const stem = effectApiStem(target);
+    return {
+        group: serviceEffectGroupName(target),
+        notFound: serviceEffectNotFoundErrorExport(target),
+        operations: {
+            list: {
+                method: 'GET',
+                path: `/effect/${stem}`,
+                source: 'generated-client'
+            },
+            get: {
+                method: 'GET',
+                path: `/effect/${stem}/:id`,
+                source: 'generated-client'
+            },
+            create: {
+                method: 'POST',
+                path: `/effect/${stem}`,
+                source: 'generated-client'
+            }
+        }
+    };
+}
+function createAppConfigContract(app) {
+    return {
+        preset: 'presetUltramodern',
+        plugins: [
+            'appTools',
+            'tanstackRouterPlugin',
+            'i18nPlugin',
+            ...appHasEffectApi(app) ? [
+                'bffPlugin'
+            ] : [],
+            'moduleFederationPlugin',
+            'zephyrRspackPlugin'
+        ],
+        output: {
+            disableTsChecker: true,
+            distPath: {
+                html: './'
+            },
+            polyfill: 'off',
+            splitRouteChunks: false
+        },
+        html: {
+            outputStructure: 'flat'
+        },
+        source: {
+            mainEntryName: 'index',
+            siteUrlGlobal: 'ULTRAMODERN_SITE_URL'
+        },
+        ...appHasEffectApi(app) ? {
+            bff: {
+                runtimeFramework: 'effect',
+                prefix: app.effectApi.prefix,
+                openapi: '/openapi.json'
+            }
+        } : {}
+    };
+}
+function createStylingContract(enableTailwind) {
+    return {
+        tailwind: enableTailwind,
+        ...enableTailwind ? {
+            postcssPlugins: [
+                '@tailwindcss/postcss'
+            ],
+            contentGlobs: [
+                './src/**/*.{js,jsx,ts,tsx}'
+            ]
+        } : {}
+    };
+}
+function createAppGeneratedContract(scope, app, apps, enableTailwind) {
+    const remoteAppsForShell = apps.filter((candidate)=>'shell' !== candidate.kind && candidate.mfName);
+    return {
+        id: app.id,
+        package: ultramodern_workspace_packageName(scope, app.packageSuffix),
+        path: app.directory,
+        kind: app.kind,
+        config: createAppConfigContract(app),
+        styling: createStylingContract(enableTailwind),
+        deploy: {
+            target: 'cloudflare',
+            worker: {
+                ssr: true
+            },
+            output: {
+                flat: true,
+                htmlDistPath: './'
+            }
+        },
+        ssr: {
+            mode: 'stream',
+            moduleFederationAppSSR: true
+        },
+        i18n: {
+            plugin: '@modern-js/plugin-i18n',
+            backend: true,
+            reactI18next: false,
+            languages: [
+                'en',
+                'cs'
+            ],
+            fallbackLanguage: 'en',
+            publicDir: './locales'
+        },
+        moduleFederation: {
+            name: app.mfName,
+            ...'shell' === app.kind ? {
+                remotes: remoteAppsForShell.map((remote)=>({
+                        id: remote.id,
+                        alias: remoteDependencyAlias(remote),
+                        name: remote.mfName,
+                        manifestEnv: createRemoteManifestEnv(remote),
+                        manifestUrl: `http://localhost:${remote.port}/mf-manifest.json`
+                    }))
+            } : {},
+            exposes: Object.keys(app.exposes ?? {}),
+            dts: {
+                displayErrorInTerminal: true,
+                compilerInstance: "--package typescript -- tsc"
+            },
+            browserSafeExposesOnly: true,
+            zephyrRspackPlugin: ZEPHYR_RSPACK_PLUGIN_VERSION
+        },
+        marker: {
+            appId: app.id,
+            packageName: ultramodern_workspace_packageName(scope, app.packageSuffix),
+            version: '0.1.0',
+            build: createBuildMarker(scope, app),
+            deployProfile: 'cloudflare-ssr-mf-effect-v1',
+            uiSurface: 'ui',
+            ...appHasEffectApi(app) ? {
+                apiSurface: 'effect-bff'
+            } : {}
+        },
+        ...appHasEffectApi(app) ? {
+            effect: {
+                runtime: 'effect',
+                import: '@modern-js/plugin-bff/effect-edge',
+                prefix: app.effectApi.prefix,
+                openapi: '/openapi.json',
+                workerEntry: 'worker/__modern_bff_effect.js',
+                contract: './shared/effect/api',
+                client: './effect/client',
+                ...createEffectOperationContract(app)
+            }
+        } : {}
+    };
+}
+function createGeneratedContract(scope, apps = [
+    shellApp,
+    ...remoteApps
+], enableTailwind = true) {
+    return {
+        schemaVersion: 1,
+        profile: 'cloudflare-ssr-mf-effect-v1',
+        packageManager: {
+            source: 'package.json',
+            manager: 'pnpm',
+            version: '11.3.0',
+            toolchain: 'mise',
+            corepack: false
+        },
+        versions: {
+            typescript: TYPESCRIPT_VERSION,
+            typescriptNativePreview: TYPESCRIPT_NATIVE_PREVIEW_VERSION,
+            moduleFederation: MODULE_FEDERATION_VERSION,
+            tanstackRouter: TANSTACK_ROUTER_VERSION,
+            i18next: I18NEXT_VERSION,
+            zephyrRspackPlugin: ZEPHYR_RSPACK_PLUGIN_VERSION,
+            zephyrAgent: ZEPHYR_AGENT_VERSION,
+            wrangler: WRANGLER_VERSION
+        },
+        apps: apps.map((app)=>createAppGeneratedContract(scope, app, apps, enableTailwind))
+    };
+}
 function createTemplateManifest(modernVersion, packageSource) {
     return {
         schemaVersion: 1,
@@ -1913,6 +2712,12 @@ function createTemplateManifest(modernVersion, packageSource) {
                 licensePath: '.agents/rstackjs-agent-skills-LICENSE'
             },
             baseline: baselineAgentSkills,
+            moduleFederationSource: {
+                repository: 'https://github.com/module-federation/agent-skills',
+                commit: MODULE_FEDERATION_AGENT_SKILLS_COMMIT,
+                install: 'clone',
+                baseline: moduleFederationAgentSkills
+            },
             privateSource: {
                 repository: 'https://github.com/TechsioCZ/skills',
                 install: 'clone-if-authorized',
@@ -1947,42 +2752,72 @@ function createTemplateManifest(modernVersion, packageSource) {
         }
     };
 }
-function writeApp(targetDir, scope, app, packageSource) {
-    writeJson(targetDir, `${app.directory}/package.json`, createAppPackage(scope, app, packageSource));
-    writeJson(targetDir, `${app.directory}/tsconfig.json`, createPackageTsConfig(app.directory));
+function writeApp(targetDir, scope, app, packageSource, enableTailwind) {
+    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`, "/// <reference types='@modern-js/app-tools/types' />\n\ndeclare const ULTRAMODERN_SITE_URL: string;\n");
+    writeFile(targetDir, `${app.directory}/src/ultramodern-build.ts`, createUltramodernBuildModule(scope, app));
     writeFile(targetDir, `${app.directory}/modern.config.ts`, createAppModernConfig(app));
-    writeFile(targetDir, `${app.directory}/src/modern.runtime.ts`, createAppRuntimeConfig());
-    writeJson(targetDir, `${app.directory}/config/public/locales/en/translation.json`, createEnglishTranslations(app));
-    writeJson(targetDir, `${app.directory}/config/public/locales/cs/translation.json`, createCzechTranslations(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/cs/translation.json`, createAppLocaleMessages(app, 'cs'));
+    writeFile(targetDir, `${app.directory}/src/routes/index.css`, createAppStyles(enableTailwind));
+    if (enableTailwind) {
+        writeFile(targetDir, `${app.directory}/postcss.config.mjs`, createPostcssConfig());
+        writeFile(targetDir, `${app.directory}/tailwind.config.ts`, createTailwindConfig());
+    }
     writeFile(targetDir, `${app.directory}/module-federation.config.ts`, 'shell' === app.kind ? createShellModuleFederationConfig() : createRemoteModuleFederationConfig(app));
     writeFile(targetDir, `${app.directory}/src/routes/layout.tsx`, createLayout(app.id));
     writeFile(targetDir, `${app.directory}/src/routes/[lang]/page.tsx`, 'shell' === app.kind ? createShellPage() : createRemotePage(app));
-    if ('vertical' === app.kind) {
+    if ('shell' === app.kind) writeFile(targetDir, `${app.directory}/src/effect/recommendations-client.ts`, createShellEffectClient(scope));
+    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 ('vertical' === app.kind || 'horizontal-remote' === app.kind) {
         writeFile(targetDir, `${app.directory}/src/remote-entry.tsx`, createRemoteEntry(app));
-        const widgetFile = 'remote-identity' === app.id ? 'identity-widget.tsx' : 'commerce-widget.tsx';
-        writeFile(targetDir, `${app.directory}/src/components/${widgetFile}`, createRemoteWidget(app));
+        writeFile(targetDir, `${app.directory}/src/components/${remoteWidgetFile(app)}.tsx`, createRemoteWidget(app));
     }
     if ('horizontal-design-system' === app.kind) {
         writeFile(targetDir, `${app.directory}/src/components/button.tsx`, createDesignButton());
         writeFile(targetDir, `${app.directory}/src/tokens.ts`, createDesignTokens());
     }
 }
-function writeEffectService(targetDir, scope, packageSource) {
-    writeJson(targetDir, `${effectService.directory}/package.json`, createServicePackage(scope, packageSource));
-    writeJson(targetDir, `${effectService.directory}/tsconfig.json`, createPackageTsConfig(effectService.directory, true));
-    writeFile(targetDir, `${effectService.directory}/src/modern-app-env.d.ts`, "/// <reference types='@modern-js/app-tools/types' />\n");
-    writeFile(targetDir, `${effectService.directory}/src/routes/page.tsx`, `export default function RecommendationsServiceHome() {
-  return <main>Recommendations Effect service</main>;
+function writeEffectService(targetDir, scope, packageSource, enableTailwind, service = effectService) {
+    writeJson(targetDir, `${service.directory}/package.json`, createServicePackage(scope, packageSource, enableTailwind, service));
+    writeJson(targetDir, `${service.directory}/tsconfig.json`, createPackageTsConfig(service.directory, true));
+    writeFile(targetDir, `${service.directory}/src/modern-app-env.d.ts`, "/// <reference types='@modern-js/app-tools/types' />\n");
+    writeFile(targetDir, `${service.directory}/src/ultramodern-build.ts`, createUltramodernBuildModule(scope, service));
+    writeFile(targetDir, `${service.directory}/src/routes/layout.tsx`, createLayout(service.id));
+    writeFile(targetDir, `${service.directory}/src/routes/page.tsx`, `import './index.css';
+
+export default function ${toPascalCase(service.id)}Home() {
+  return <main>${service.id} Effect service</main>;
 }
 `);
-    writeFile(targetDir, `${effectService.directory}/modern.config.ts`, createServiceModernConfig());
-    writeFile(targetDir, `${effectService.directory}/shared/effect/api.ts`, createEffectSharedApi());
-    writeFile(targetDir, `${effectService.directory}/api/effect/index.ts`, createEffectServiceEntry());
+    writeFile(targetDir, `${service.directory}/src/routes/index.css`, createAppStyles(enableTailwind));
+    if (enableTailwind) {
+        writeFile(targetDir, `${service.directory}/postcss.config.mjs`, createPostcssConfig());
+        writeFile(targetDir, `${service.directory}/tailwind.config.ts`, createTailwindConfig());
+    }
+    writeFile(targetDir, `${service.directory}/modern.config.ts`, createServiceModernConfigFor(service));
+    writeFile(targetDir, `${service.directory}/api/effect/index.ts`, createEffectServiceEntry(scope, service));
+}
+function writeGenericSharedPackage(targetDir, scope, packageSource, sharedPackage) {
+    writeJson(targetDir, `${sharedPackage.directory}/package.json`, createSharedPackage(scope, sharedPackage.id, sharedPackage.description, packageSource));
+    writeJson(targetDir, `${sharedPackage.directory}/tsconfig.json`, {
+        extends: `${relativeRootFor(sharedPackage.directory)}/tsconfig.base.json`,
+        include: [
+            'src'
+        ]
+    });
+    writeFile(targetDir, `${sharedPackage.directory}/src/index.ts`, `export const packageId = '${sharedPackage.id}';
+`);
 }
-function writeSharedPackages(targetDir, scope) {
+function writeSharedPackages(targetDir, scope, packageSource) {
     for (const sharedPackage of sharedPackages){
-        writeJson(targetDir, `${sharedPackage.directory}/package.json`, createSharedPackage(scope, sharedPackage.id, sharedPackage.description));
+        writeJson(targetDir, `${sharedPackage.directory}/package.json`, createSharedPackage(scope, sharedPackage.id, sharedPackage.description, packageSource));
         writeJson(targetDir, `${sharedPackage.directory}/tsconfig.json`, {
             extends: `${relativeRootFor(sharedPackage.directory)}/tsconfig.base.json`,
             include: [
@@ -2004,26 +2839,286 @@ function writeSharedPackages(targetDir, scope) {
   },
 } as const;
 `);
-    writeFile(targetDir, 'packages/shared-effect-api/src/index.ts', `export interface Recommendation {
-  id: string;
-  title: string;
+    writeFile(targetDir, 'packages/shared-effect-api/src/index.ts', createEffectSharedApi());
 }
-
-export const recommendationsApiContract = {
-  basePath: '/recommendations-api/effect/recommendations',
-  serviceId: '${effectService.id}',
-} as const;
-`);
+function readJsonFile(filePath) {
+    return JSON.parse(node_fs.readFileSync(filePath, 'utf-8'));
+}
+function writeJsonFile(filePath, value) {
+    node_fs.writeFileSync(filePath, `${JSON.stringify(value, null, 2)}\n`, 'utf-8');
+}
+function appendEffectSharedApiContract(targetDir, service = effectService) {
+    const relativePath = 'packages/shared-effect-api/src/index.ts';
+    assertSafeRelativePath(relativePath);
+    const filePath = node_path.join(targetDir, relativePath);
+    ensureInsideRoot(targetDir, filePath);
+    if (!node_fs.existsSync(filePath)) throw new Error(`Missing generated Effect API package: ${relativePath}`);
+    const current = node_fs.readFileSync(filePath, 'utf-8');
+    const apiExport = serviceEffectApiExport(service);
+    if (current.includes(`export const ${apiExport} =`)) return;
+    const contentWithImports = current.includes('@modern-js/plugin-bff/effect-client') ? current.trimEnd() : `${createEffectSharedApiImports()}\n${current.trimEnd()}`;
+    node_fs.writeFileSync(filePath, `${contentWithImports}\n\n${createEffectSharedApiContract(service)}`, 'utf-8');
+}
+function existingPackageSource(workspaceRoot, modernVersion, packageSource) {
+    if (packageSource) return resolvePackageSource({
+        targetDir: workspaceRoot,
+        packageName: node_path.basename(workspaceRoot),
+        modernVersion,
+        packageSource
+    });
+    const metadataPath = node_path.join(workspaceRoot, '.modernjs/ultramodern-package-source.json');
+    if (!node_fs.existsSync(metadataPath)) return resolvePackageSource({
+        targetDir: workspaceRoot,
+        packageName: node_path.basename(workspaceRoot),
+        modernVersion
+    });
+    const metadata = readJsonFile(metadataPath);
+    const aliases = metadata.modernPackages?.aliases ?? {};
+    const firstAlias = Object.values(aliases).find((value)=>'string' == typeof value);
+    const firstPackage = Object.keys(aliases)[0];
+    const aliasScope = firstAlias?.match(/^@([^/]+)\//)?.[1];
+    const unscopedName = firstPackage?.split('/').at(-1) ?? '';
+    const aliasUnscopedName = firstAlias?.split('/').at(-1) ?? '';
+    const aliasPackageNamePrefix = aliasUnscopedName && unscopedName && aliasUnscopedName.endsWith(unscopedName) ? aliasUnscopedName.slice(0, -unscopedName.length) : void 0;
+    return {
+        strategy: 'install' === metadata.strategy ? 'install' : 'workspace',
+        modernPackageVersion: 'string' == typeof metadata.modernPackages?.specifier ? metadata.modernPackages.specifier : modernVersion,
+        registry: metadata.modernPackages?.registry,
+        aliasScope,
+        aliasPackageNamePrefix
+    };
+}
+function assertValidMicroVerticalName(name) {
+    const normalized = toKebabCase(name);
+    if (!normalized || normalized !== name) throw new Error(`Invalid MicroVertical name "${name}". Use lowercase kebab-case.`);
+    return normalized;
+}
+function nextAvailablePort(ports) {
+    const numericPorts = Object.values(ports).filter((value)=>'number' == typeof value && Number.isFinite(value));
+    return Math.max(3030, ...numericPorts) + 1;
+}
+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) {
+    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}`;
+    }
+    writeJsonFile(packagePath, rootPackage);
+}
+function addShellZephyrDependency(workspaceRoot, scope, remote) {
+    const packagePath = node_path.join(workspaceRoot, shellApp.directory, 'package.json');
+    const shellPackage = readJsonFile(packagePath);
+    shellPackage['zephyr:dependencies'] ??= {};
+    shellPackage['zephyr:dependencies'][remoteDependencyAlias(remote)] = zephyrRemoteDependency(scope, remote);
+    writeJsonFile(packagePath, shellPackage);
+}
+function addShellWorkspaceDependency(workspaceRoot, scope, remote) {
+    if (!appHasEffectApi(remote)) return;
+    const packagePath = node_path.join(workspaceRoot, shellApp.directory, 'package.json');
+    const shellPackage = readJsonFile(packagePath);
+    shellPackage.dependencies ??= {};
+    shellPackage.dependencies[ultramodern_workspace_packageName(scope, remote.packageSuffix)] = WORKSPACE_PACKAGE_VERSION;
+    writeJsonFile(packagePath, shellPackage);
+}
+function remoteTopologyEntry(scope, remote) {
+    return {
+        id: remote.id,
+        kind: remote.kind,
+        domain: remote.domain,
+        package: ultramodern_workspace_packageName(scope, remote.packageSuffix),
+        moduleFederation: {
+            role: 'remote',
+            name: remote.mfName,
+            manifestUrl: `http://localhost:${remote.port}/mf-manifest.json`,
+            exposes: Object.keys(remote.exposes ?? {}),
+            ssr: true,
+            fallbackTelemetryEvent: 'modernjs:mv-runtime-parity',
+            sharedContractVersion: 'mf-ssr-contract-v1'
+        },
+        ...effectApiTopologyMetadata(remote) ? {
+            api: effectApiTopologyMetadata(remote)
+        } : {},
+        ownership: remote.ownership
+    };
+}
+function ownershipEntry(scope, owner) {
+    return {
+        id: owner.id,
+        package: ultramodern_workspace_packageName(scope, owner.packageSuffix),
+        path: owner.directory,
+        ownership: owner.ownership
+    };
+}
+function remotesFromTopology(topology, ports) {
+    return (topology.remotes ?? []).map((remote)=>{
+        const effectApi = remote.api?.effect ? {
+            stem: 'string' == typeof remote.api.effect.basePath ? remote.api.effect.basePath.split('/').filter(Boolean).at(-1) ?? remote.domain ?? String(remote.id).replace(/^remote-/, '') : remote.domain ?? String(remote.id).replace(/^remote-/, ''),
+            prefix: remote.api.effect.bff?.prefix ?? `/${remote.domain ?? String(remote.id).replace(/^remote-/, '')}-api`,
+            consumedBy: Array.isArray(remote.api.effect.consumedBy) ? remote.api.effect.consumedBy : [
+                shellApp.id,
+                remote.id
+            ]
+        } : void 0;
+        return {
+            id: remote.id,
+            directory: '',
+            packageSuffix: remote.package?.split('/').at(-1) ?? remote.id,
+            displayName: remote.id,
+            kind: remote.kind ?? 'vertical',
+            domain: remote.domain ?? String(remote.id).replace(/^remote-/, ''),
+            portEnv: '',
+            port: 'number' == typeof ports[remote.id] ? ports[remote.id] : 0,
+            mfName: remote.moduleFederation?.name ?? `remote${toPascalCase(remote.id)}`,
+            ...effectApi ? {
+                effectApi
+            } : {},
+            ownership: remote.ownership ?? createNeutralOwnership(remote.id)
+        };
+    });
+}
+function addUltramodernMicroVertical(options) {
+    const name = assertValidMicroVerticalName(options.name);
+    const rootPackage = readJsonFile(node_path.join(options.workspaceRoot, 'package.json'));
+    const scope = toPackageScope(String(rootPackage.name ?? node_path.basename(options.workspaceRoot)));
+    const topologyPath = node_path.join(options.workspaceRoot, 'topology/reference-topology.json');
+    const ownershipPath = node_path.join(options.workspaceRoot, 'topology/ownership.json');
+    const overlayPath = node_path.join(options.workspaceRoot, 'topology/local-overlays/development.json');
+    for (const requiredPath of [
+        topologyPath,
+        ownershipPath,
+        overlayPath
+    ])if (!node_fs.existsSync(requiredPath)) throw new Error(`Missing UltraModern workspace file: ${requiredPath}`);
+    const topology = readJsonFile(topologyPath);
+    const ownership = readJsonFile(ownershipPath);
+    const overlay = readJsonFile(overlayPath);
+    overlay.ports ??= {};
+    const packageSource = existingPackageSource(options.workspaceRoot, options.modernVersion, options.packageSource);
+    const enableTailwind = false !== options.enableTailwind;
+    const port = nextAvailablePort(overlay.ports);
+    if ('remote' === options.kind || 'horizontal-remote' === options.kind) {
+        const remote = createRemoteDescriptor(name, options.kind, port);
+        assertCanCreate(options.workspaceRoot, remote.directory);
+        if ((topology.remotes ?? []).some((entry)=>entry.id === remote.id)) throw new Error(`Topology already contains ${remote.id}`);
+        if (Object.values(overlay.ports).includes(remote.port)) throw new Error(`Development port ${remote.port} is already in use`);
+        writeApp(options.workspaceRoot, scope, remote, packageSource, enableTailwind);
+        topology.shell ??= {};
+        topology.shell.remoteRefs ??= [];
+        topology.shell.remoteRefs.push(remote.id);
+        topology.shell.moduleFederation ??= {};
+        topology.shell.moduleFederation.remotes ??= [];
+        topology.shell.moduleFederation.remotes.push({
+            id: remote.id,
+            name: remote.mfName,
+            manifestUrl: `http://localhost:${remote.port}/mf-manifest.json`
+        });
+        topology.remotes ??= [];
+        topology.remotes.push(remoteTopologyEntry(scope, remote));
+        ownership.owners ??= [];
+        ownership.owners.push(ownershipEntry(scope, remote));
+        overlay.ports[remote.id] = remote.port;
+        overlay.manifests ??= {};
+        overlay.manifests[remote.id] = `http://localhost:${remote.port}/mf-manifest.json`;
+        if (appHasEffectApi(remote)) {
+            overlay.apis ??= {};
+            overlay.apis[remote.id] = `http://localhost:${remote.port}${effectApiPrefix(remote)}`;
+        }
+        writeJsonFile(topologyPath, topology);
+        writeJsonFile(ownershipPath, ownership);
+        writeJsonFile(overlayPath, overlay);
+        writeJsonFile(node_path.join(options.workspaceRoot, GENERATED_CONTRACT_PATH), createGeneratedContract(scope, [
+            shellApp,
+            ...remotesFromTopology(topology, overlay.ports)
+        ], enableTailwind));
+        const shellConfigPath = node_path.join(options.workspaceRoot, `${shellApp.directory}/module-federation.config.ts`);
+        writeFileReplacing(options.workspaceRoot, `${shellApp.directory}/module-federation.config.ts`, createShellModuleFederationConfig(remotesFromTopology(topology, overlay.ports)));
+        if (!node_fs.existsSync(shellConfigPath)) throw new Error('Shell Module Federation config was not regenerated');
+        addShellZephyrDependency(options.workspaceRoot, scope, remote);
+        addShellWorkspaceDependency(options.workspaceRoot, scope, remote);
+        addRootDevScript(options.workspaceRoot, scope, remote.packageSuffix, name);
+        return;
+    }
+    if ('service' === options.kind) {
+        const service = createServiceDescriptor(name, port);
+        assertCanCreate(options.workspaceRoot, service.directory);
+        if ((topology.effectServices ?? []).some((entry)=>entry.id === service.id)) throw new Error(`Topology already contains ${service.id}`);
+        writeEffectService(options.workspaceRoot, scope, packageSource, enableTailwind, service);
+        appendEffectSharedApiContract(options.workspaceRoot, service);
+        topology.effectServices ??= [];
+        topology.effectServices.push({
+            id: service.id,
+            kind: 'effect-service',
+            runtime: 'effect',
+            package: ultramodern_workspace_packageName(scope, service.packageSuffix),
+            consumedBy: [
+                shellApp.id
+            ],
+            bff: {
+                prefix: serviceApiPrefix(service),
+                openapi: '/openapi.json'
+            },
+            contract: {
+                package: ultramodern_workspace_packageName(scope, 'shared-effect-api'),
+                export: serviceEffectApiExport(service),
+                path: 'packages/shared-effect-api/src/index.ts'
+            },
+            serverEntry: `${service.directory}/api/effect/index.ts`,
+            basePath: `${serviceApiPrefix(service)}/effect/${effectApiStem(service)}`,
+            ...createEffectOperationContract(service),
+            ownership: service.ownership
+        });
+        ownership.owners ??= [];
+        ownership.owners.push(ownershipEntry(scope, service));
+        overlay.ports[service.id] = service.port;
+        overlay.services ??= {};
+        overlay.services[service.id] = `http://localhost:${service.port}${serviceApiPrefix(service)}`;
+        writeJsonFile(topologyPath, topology);
+        writeJsonFile(ownershipPath, ownership);
+        writeJsonFile(overlayPath, overlay);
+        addRootDevScript(options.workspaceRoot, scope, service.packageSuffix, name);
+        return;
+    }
+    if ('shared' === options.kind) {
+        const sharedPackage = createSharedPackageDescriptor(name);
+        assertCanCreate(options.workspaceRoot, sharedPackage.directory);
+        if ((topology.sharedPackages ?? []).some((entry)=>entry.id === sharedPackage.id)) throw new Error(`Topology already contains ${sharedPackage.id}`);
+        writeGenericSharedPackage(options.workspaceRoot, scope, packageSource, sharedPackage);
+        topology.sharedPackages ??= [];
+        topology.sharedPackages.push({
+            id: sharedPackage.id,
+            package: ultramodern_workspace_packageName(scope, sharedPackage.id),
+            path: sharedPackage.directory,
+            description: sharedPackage.description
+        });
+        ownership.owners ??= [];
+        ownership.owners.push(ownershipEntry(scope, {
+            id: sharedPackage.id,
+            packageSuffix: sharedPackage.id,
+            directory: sharedPackage.directory,
+            ownership: createNeutralOwnership(sharedPackage.id, 'tier-1-shared-contract')
+        }));
+        writeJsonFile(topologyPath, topology);
+        writeJsonFile(ownershipPath, ownership);
+        return;
+    }
+    throw new Error(`Unsupported MicroVertical kind: ${options.kind}`);
 }
 function generateUltramodernWorkspace(options) {
     const scope = toPackageScope(options.packageName);
     const packageSource = resolvePackageSource(options);
+    const enableTailwind = false !== options.enableTailwind;
     node_fs.mkdirSync(options.targetDir, {
         recursive: true
     });
     copyRootTemplate(options.targetDir, {
         packageName: options.packageName,
-        packageScope: scope
+        packageScope: scope,
+        tailwindEnabled: String(enableTailwind)
     });
     writeJson(options.targetDir, 'package.json', createRootPackageJson(scope, packageSource));
     writeJson(options.targetDir, 'tsconfig.base.json', createTsConfigBase());
@@ -2032,10 +3127,13 @@ function generateUltramodernWorkspace(options) {
     writeJson(options.targetDir, 'topology/local-overlays/development.json', createDevelopmentOverlay());
     writeJson(options.targetDir, '.modernjs/ultramodern-workspace-template-manifest.json', createTemplateManifest(options.modernVersion, packageSource));
     writeJson(options.targetDir, '.modernjs/ultramodern-package-source.json', createPackageSourceMetadata(scope, packageSource));
-    writeApp(options.targetDir, scope, shellApp, packageSource);
-    for (const remote of remoteApps)writeApp(options.targetDir, scope, remote, packageSource);
-    writeEffectService(options.targetDir, scope, packageSource);
-    writeSharedPackages(options.targetDir, scope);
+    writeJson(options.targetDir, GENERATED_CONTRACT_PATH, createGeneratedContract(scope, [
+        shellApp,
+        ...remoteApps
+    ], enableTailwind));
+    writeApp(options.targetDir, scope, shellApp, packageSource, enableTailwind);
+    for (const remote of remoteApps)writeApp(options.targetDir, scope, remote, packageSource, enableTailwind);
+    writeSharedPackages(options.targetDir, scope, packageSource);
 }
 const src_dirname = node_path.dirname(fileURLToPath(import.meta.url));
 const templateDir = node_path.resolve(src_dirname, '..', 'template');
@@ -2045,6 +3143,9 @@ const sha1Pattern = /^[0-9a-f]{40}$/;
 const sha256Pattern = /^[0-9a-f]{64}$/;
 const templateIdPattern = /^[a-z0-9][a-z0-9._-]*$/;
 const packageNamePattern = /^(?:@[a-z0-9._-]+\/)?[a-z0-9._-]+$/;
+const src_TANSTACK_ROUTER_VERSION = '1.170.8';
+const src_TAILWIND_VERSION = '4.3.0';
+const src_TAILWIND_POSTCSS_VERSION = '4.3.0';
 const requiredDeniedPaths = [
     '.git/**',
     '.npmrc',
@@ -2089,8 +3190,8 @@ function detectRouterFramework() {
         '--router',
         '-r'
     ]);
-    if (!routerValue || 'react-router' === routerValue) return 'react-router';
-    if ('tanstack' === routerValue) return 'tanstack';
+    if (!routerValue || 'tanstack' === routerValue) return 'tanstack';
+    if ('react-router' === routerValue) return 'react-router';
     console.error(i18n.t(localeKeys.error.invalidRouter, {
         router: routerValue
     }));
@@ -2231,6 +3332,7 @@ function createBuiltinTemplateManifest(version) {
                 '.browserslistrc',
                 '.github/**',
                 '.gitignore',
+                '.mise.toml',
                 '.modernjs/**',
                 '.nvmrc',
                 'AGENTS.md',
@@ -2430,6 +3532,7 @@ function showHelp() {
     if (localeKeys.help.optionUltramodernPackageSource) console.log(i18n.t(localeKeys.help.optionUltramodernPackageSource));
     if (localeKeys.help.optionUltramodernPackageScope) console.log(i18n.t(localeKeys.help.optionUltramodernPackageScope));
     if (localeKeys.help.optionUltramodernPackageNamePrefix) console.log(i18n.t(localeKeys.help.optionUltramodernPackageNamePrefix));
+    if (localeKeys.help.optionMicroVertical) console.log(i18n.t(localeKeys.help.optionMicroVertical));
     console.log(i18n.t(localeKeys.help.optionSub));
     console.log('');
     console.log(i18n.t(localeKeys.help.examples));
@@ -2443,6 +3546,7 @@ function showHelp() {
     if (localeKeys.help.example8) console.log(i18n.t(localeKeys.help.example8));
     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));
     console.log('');
     console.log(i18n.t(localeKeys.help.moreInfo));
     console.log('');
@@ -2468,12 +3572,21 @@ function detectSubprojectFlag() {
 }
 function detectTailwindFlag() {
     const args = process.argv.slice(2);
-    return args.includes('--tailwind');
+    return !args.includes('--no-tailwind');
 }
 function detectWorkspaceProtocolFlag() {
     const args = process.argv.slice(2);
     return args.includes('--workspace');
 }
+function detectMicroVerticalKind() {
+    const kind = getOptionValue(process.argv.slice(2), [
+        '--microvertical'
+    ]);
+    if (!kind) return;
+    if ('remote' === kind || 'horizontal-remote' === kind || 'service' === kind || 'shared' === kind) return kind;
+    console.error('--microvertical must be one of: remote, horizontal-remote, service, shared');
+    process.exit(1);
+}
 function detectUltramodernWorkspaceFlag(createPackage) {
     const args = process.argv.slice(2);
     return args.includes(ULTRAMODERN_WORKSPACE_FLAG) || isBleedingDevCreatePackage(createPackage);
@@ -2574,7 +3687,8 @@ async function getProjectName() {
         '--ultramodern-package-version',
         '--ultramodern-package-registry',
         '--ultramodern-package-scope',
-        '--ultramodern-package-name-prefix'
+        '--ultramodern-package-name-prefix',
+        '--microvertical'
     ]);
     const optionWithoutValue = new Set([
         '--help',
@@ -2587,6 +3701,7 @@ async function getProjectName() {
         '--tanstack',
         '--bff',
         '--tailwind',
+        '--no-tailwind',
         '--workspace',
         ULTRAMODERN_WORKSPACE_FLAG
     ]);
@@ -2598,7 +3713,7 @@ async function getProjectName() {
                 i += 1;
                 continue;
             }
-            if (!(arg.startsWith('--lang=') || arg.startsWith('--router=') || arg.startsWith('--bff-runtime=') || arg.startsWith('--ultramodern-package-source=') || arg.startsWith('--ultramodern-package-version=') || arg.startsWith('--ultramodern-package-registry=') || arg.startsWith('--ultramodern-package-scope=') || arg.startsWith('--ultramodern-package-name-prefix='))) positionalArgs.push(arg);
+            if (!(arg.startsWith('--lang=') || arg.startsWith('--router=') || arg.startsWith('--bff-runtime=') || arg.startsWith('--ultramodern-package-source=') || arg.startsWith('--ultramodern-package-version=') || arg.startsWith('--ultramodern-package-registry=') || arg.startsWith('--ultramodern-package-scope=') || arg.startsWith('--ultramodern-package-name-prefix=') || arg.startsWith('--microvertical='))) positionalArgs.push(arg);
         }
     }
     const projectNameArg = positionalArgs[0];
@@ -2629,6 +3744,26 @@ async function main() {
     const { name: projectName, useCurrentDir } = await getProjectName();
     const targetDir = useCurrentDir ? process.cwd() : node_path.isAbsolute(projectName) ? projectName : node_path.resolve(process.cwd(), projectName);
     const generatedPackageName = useCurrentDir || node_path.isAbsolute(projectName) ? node_path.basename(targetDir) : projectName;
+    const createPackage = readCreatePackageJson();
+    const version = createPackage.version || 'latest';
+    const ultramodernPackageVersion = isBleedingDevCreatePackage(createPackage) ? getBleedingDevFrameworkVersion(createPackage, version) : version;
+    const microVerticalKind = detectMicroVerticalKind();
+    if (microVerticalKind) {
+        const overridePackageSource = args.some((arg)=>arg.startsWith('--ultramodern-package-')) ? detectUltramodernPackageSource(args, ultramodernPackageVersion, createPackage) : void 0;
+        addUltramodernMicroVertical({
+            workspaceRoot: process.cwd(),
+            name: generatedPackageName,
+            kind: microVerticalKind,
+            modernVersion: version,
+            enableTailwind: detectTailwindFlag(),
+            packageSource: overridePackageSource
+        });
+        const dim = '\x1b[2m\x1b[3m';
+        const reset = '\x1b[0m';
+        console.log(`${i18n.t(localeKeys.message.success)}\n`);
+        console.log(`${dim}   pnpm ultramodern:check${reset}\n`);
+        return;
+    }
     if (node_fs.existsSync(targetDir)) {
         const files = node_fs.readdirSync(targetDir);
         if (files.length > 0) {
@@ -2638,15 +3773,13 @@ async function main() {
             process.exit(1);
         }
     }
-    const createPackage = readCreatePackageJson();
-    const version = createPackage.version || 'latest';
-    const ultramodernPackageVersion = isBleedingDevCreatePackage(createPackage) ? getBleedingDevFrameworkVersion(createPackage, version) : version;
     const generateWorkspace = detectUltramodernWorkspaceFlag(createPackage);
     if (generateWorkspace) {
         generateUltramodernWorkspace({
             targetDir,
             packageName: generatedPackageName,
             modernVersion: version,
+            enableTailwind: detectTailwindFlag(),
             packageSource: detectUltramodernPackageSource(args, ultramodernPackageVersion, createPackage)
         });
         const dim = '\x1b[2m\x1b[3m';
@@ -2680,6 +3813,9 @@ async function main() {
         pluginTanstackVersion: singleAppModernPackageSpecifier('@modern-js/plugin-tanstack', packageSource, useWorkspaceProtocol),
         pluginBffVersion: singleAppModernPackageSpecifier('@modern-js/plugin-bff', packageSource, useWorkspaceProtocol),
         pluginI18nVersion: singleAppModernPackageSpecifier('@modern-js/plugin-i18n', packageSource, useWorkspaceProtocol),
+        tanstackRouterVersion: src_TANSTACK_ROUTER_VERSION,
+        tailwindVersion: src_TAILWIND_VERSION,
+        tailwindPostcssVersion: src_TAILWIND_POSTCSS_VERSION,
         isSubproject,
         routerFramework,
         bffRuntime,
@@ -2771,6 +3907,9 @@ function copyTemplate(src, dest, options) {
                     pluginTanstackVersion: options.pluginTanstackVersion,
                     pluginBffVersion: options.pluginBffVersion,
                     pluginI18nVersion: options.pluginI18nVersion,
+                    tanstackRouterVersion: options.tanstackRouterVersion,
+                    tailwindVersion: options.tailwindVersion,
+                    tailwindPostcssVersion: options.tailwindPostcssVersion,
                     isSubproject: options.isSubproject,
                     isTanstackRouter: 'tanstack' === options.routerFramework,
                     enableBff: 'none' !== options.bffRuntime,