@orkestrel/scaffold 0.0.80 → 0.0.82

package/dist/src/core/index.cjs

@@ -4,7 +4,7 @@ let _orkestrel_template = require("@orkestrel/template");
 let _orkestrel_emitter = require("@orkestrel/emitter");
 var package_default = {
 	name: "@orkestrel/scaffold",
-	version: "0.0.80",
+	version: "0.0.82",
 	description: "Scaffold workspaces with commands: new, audit, repair, catalog, and overwrite.",
 	keywords: [
 		"audit",
@@ -103,9 +103,9 @@ var package_default = {
 	},
 	devDependencies: {
 		"@microsoft/api-extractor": "^7.59.3",
-		"@orkestrel/guide": "^0.0.20",
+		"@orkestrel/guide": "^0.0.21",
 		"@orkestrel/html": "^0.0.11",
-		"@orkestrel/probe": "^0.0.18",
+		"@orkestrel/probe": "^0.0.19",
 		"@orkestrel/test": "^0.0.24",
 		"@types/node": "^26.6.3",
 		"@vitest/browser-playwright": "^4.1.11",
@@ -134,6 +134,44 @@ var ENVIRONMENTS = Object.freeze([
 	"browser",
 	"server"
 ]);
+/** Lists the surfaces an extension may extend, frozen. */
+var SURFACES = Object.freeze(["browser", "styles"]);
+/** Lists the axes a browser extension may occupy, frozen. */
+var AXES = Object.freeze(["src", "app"]);
+/** Lists the supported browser frameworks, frozen. */
+var FRAMEWORKS = Object.freeze(["vue"]);
+/** Describes the tooling and package boundaries of each browser framework, frozen. */
+var FRAMEWORK_MATRIX = Object.freeze({ vue: Object.freeze({
+	plugin: "@vitejs/plugin-vue",
+	checker: "vue-tsc",
+	suffixes: Object.freeze(["vue"]),
+	refused: Object.freeze(["vue", "@vue/"]),
+	dependencies: Object.freeze({
+		"@vitejs/plugin-vue": "^6.0.8",
+		vue: "^3.5.40",
+		"vue-tsc": "^3.3.7"
+	})
+}) });
+/** Names the base stylesheet marker. */
+var STYLES_ENTRY_PATH = "src/styles/index.scss";
+/** Names the themes build entry marker. */
+var THEMES_ENTRY_PATH = "src/styles/themes/sheet.ts";
+/** Names the themes stylesheet marker. */
+var THEMES_BARREL_PATH = "src/styles/themes/index.scss";
+/** Names the build entry beside each stylesheet marker. */
+var SHEET_ENTRY_NAME = "sheet.ts";
+/** Names the physical showcase output directory. */
+var SHOWCASE_PAGES_PATH = "showcase";
+/** Lists the development dependencies the styles surface adds, frozen. */
+var STYLES_DEV_DEPENDENCIES = Object.freeze({ sass: "^1.105.1" });
+/** Lists the names a styles extension cannot occupy, frozen. */
+var RESERVED_SHEET_NAMES = Object.freeze([
+	...ENVIRONMENTS,
+	"bin",
+	"styles",
+	"themes",
+	...FRAMEWORKS
+]);
 /**
 * Lists the `Group` values in plan order, frozen.
 *
@@ -626,13 +664,10 @@ var SOURCE_BROWSER_DEV_DEPENDENCIES = Object.freeze({
 });
 /** Names the development dependency every private `app` environment adds. */
 var APP_DEV_DEPENDENCIES = Object.freeze({ "@orkestrel/contract": package_default.dependencies["@orkestrel/contract"] });
-/** Lists the development dependencies a private Vue browser application adds. */
+/** Lists the development dependencies a private browser application adds. */
 var APP_BROWSER_DEV_DEPENDENCIES = Object.freeze({
 	...SOURCE_BROWSER_DEV_DEPENDENCIES,
-	"@orkestrel/html": package_default.devDependencies["@orkestrel/html"],
-	"@vitejs/plugin-vue": "^6.0.8",
-	vue: "^3.5.40",
-	"vue-tsc": "^3.3.7"
+	"@orkestrel/html": package_default.devDependencies["@orkestrel/html"]
 });
 /**
 * Names the development dependency used only by the optional single-file showcase build.
@@ -696,9 +731,7 @@ var CONFIG_TEMPLATES = Object.freeze({
 		"forceConsistentCasingInFileNames": true,
 		"skipLibCheck": true,
 		"noEmit": true,
-		"paths": {
 {{paths}}
-		}
 	},
 	"exclude": ["node_modules", "dist", "tmp"]
 }
@@ -815,6 +848,27 @@ function isNamedPlugin(plugin: PluginOption): plugin is { name: string } {
 `
 	}),
 	factories: Object.freeze({
+		sheet: `export function sheetProject(name: string, override?: UserConfig): UserConfig {
+	const project: UserConfig = {
+		resolve,
+		optimizeDeps,
+		publicDir: false,
+		test: {
+			name: { label: name, color: 'magenta' },
+			root: resolveWorkspacePath('.'),
+			isolate: false,
+			setupFiles: ['./tests/setup.ts', './tests/setupBrowser.ts', './tests/setupStyles.ts'],
+			browser: {
+				enabled: true,
+				provider: playwright(browserOptions),
+				instances: [{ browser: 'chromium', headless: true }],
+			},
+			fileParallelism: false,
+		},
+	}
+	return mergeOverride(project, override)
+}
+`,
 		src: Object.freeze({
 			core: `export function srcCore(override?: UserConfig): UserConfig {
 	const project: UserConfig = {
@@ -837,9 +891,51 @@ function isNamedPlugin(plugin: PluginOption): plugin is { name: string } {
 	return mergeOverride(project, override)
 }
 `,
-			browser: `export function srcBrowser(override?: UserConfig): UserConfig {
+			vue: `function resolveVueFilename(): string {
+	return 'index.js'
+}
+
+export function srcVue(override?: UserConfig): UserConfig {
+	const project: UserConfig = {
+		resolve,
+		optimizeDeps: { include: [...optimizeDeps.include, 'vue'] },
+		publicDir: false,
+		plugins: [outputBoundary('dist/src/vue'), environmentBoundary('src/vue'), vue()],
+		build: {
+			emptyOutDir: true,
+			sourcemap: true,
+			minify: false,
+			lib: {
+				entry: resolveWorkspacePath('src/vue/index.ts'),
+				formats: ['es'],
+				fileName: resolveVueFilename,
+			},
+			outDir: 'dist/src/vue',
+			rolldownOptions: { onLog: enforceBuildLog },
+		},
+		test: {
+			name: { label: 'src:vue', color: 'green' },
+			include: ['tests/src/vue/**/*.test.ts'],
+			setupFiles: ['./tests/setup.ts', './tests/setupBrowser.ts'],
+			browser: {
+				enabled: true,
+				provider: playwright(browserOptions),
+				instances: [{ browser: 'chromium', headless: true }],
+			},
+			fileParallelism: false,
+		},
+	}
+	return mergeOverride(project, override)
+}
+`,
+			browser: `function resolveBrowserFilename(): string {
+	return 'index.js'
+}
+
+export function srcBrowser(override?: UserConfig): UserConfig {
 	const project: UserConfig = {
 		resolve,
+		optimizeDeps,
 		publicDir: false,
 		plugins: [outputBoundary('dist/src/browser'), environmentBoundary('src/browser')],
 		build: {
@@ -849,7 +945,7 @@ function isNamedPlugin(plugin: PluginOption): plugin is { name: string } {
 			lib: {
 				entry: resolveWorkspacePath('src/browser/index.ts'),
 				formats: ['es'],
-				fileName: () => 'index.js',
+				fileName: resolveBrowserFilename,
 			},
 			outDir: 'dist/src/browser',
 			rolldownOptions: {
@@ -874,7 +970,11 @@ function isNamedPlugin(plugin: PluginOption): plugin is { name: string } {
 	return mergeOverride(project, override)
 }
 `,
-			server: `export function srcServer(override?: UserConfig): UserConfig {
+			server: `function resolveServerFilename(format: string): string {
+	return format === 'es' ? 'index.js' : 'index.cjs'
+}
+
+export function srcServer(override?: UserConfig): UserConfig {
 	const project: UserConfig = {
 		resolve,
 		publicDir: false,
@@ -886,7 +986,7 @@ function isNamedPlugin(plugin: PluginOption): plugin is { name: string } {
 			lib: {
 				entry: resolveWorkspacePath('src/server/index.ts'),
 				formats: ['es', 'cjs'],
-				fileName: (format: string) => (format === 'es' ? 'index.js' : 'index.cjs'),
+				fileName: resolveServerFilename,
 			},
 			outDir: 'dist/src/server',
 			target: 'node22',
@@ -908,7 +1008,15 @@ function isNamedPlugin(plugin: PluginOption): plugin is { name: string } {
 	return mergeOverride(project, override)
 }
 `,
-			bin: `export function srcBin(override?: UserConfig): UserConfig {
+			bin: `function resolveBinFilename(): string {
+	return 'main.js'
+}
+
+function resolveBinExternal(id: string): boolean {
+	return id.startsWith('@src/') || resolveExternal(id, { peers, refused: [], siblings: [] })
+}
+
+export function srcBin(override?: UserConfig): UserConfig {
 	const project: UserConfig = {
 		resolve,
 		publicDir: false,
@@ -920,17 +1028,13 @@ function isNamedPlugin(plugin: PluginOption): plugin is { name: string } {
 			lib: {
 				entry: resolveWorkspacePath('${BIN_ENTRY_PATH}'),
 				formats: ['es'],
-				fileName: () => 'main.js',
+				fileName: resolveBinFilename,
 			},
 			outDir: 'dist/bin',
 			target: 'node22',
 			rolldownOptions: {
 				onLog: enforceBuildLog,
-				external: (id: string) =>
-					id.startsWith('node:') ||
-					id.startsWith('@orkestrel/') ||
-					id.startsWith('@src/') ||
-					peers.some((peer) => id === peer || id.startsWith(peer + '/')),
+				external: resolveBinExternal,
 			},
 		},
 		test: {
@@ -970,7 +1074,8 @@ function isNamedPlugin(plugin: PluginOption): plugin is { name: string } {
 	const output = 'dist/app/browser'
 	const project: UserConfig = {
 		resolve,
-		plugins: [outputBoundary(output), environmentBoundary('app/browser'), vue()],
+		optimizeDeps,
+		plugins: [outputBoundary(output), environmentBoundary('app/browser')],
 		root: resolveWorkspacePath('app/browser'),
 		publicDir: false,
 		build: {
@@ -999,20 +1104,47 @@ function isNamedPlugin(plugin: PluginOption): plugin is { name: string } {
 	return mergeOverride(project, override)
 }
 {{showcaseFactory}}{{journeyFactory}}`,
+			vue: `export function appVue(override?: UserConfig): UserConfig {
+	const output = 'dist/app/vue'
+	const browser = appBrowser()
+	const project: UserConfig = {
+		...browser,
+		optimizeDeps: { include: [...optimizeDeps.include, 'vue'] },
+		plugins: [outputBoundary(output), environmentBoundary('app/vue'), vue()],
+		root: resolveWorkspacePath('app/vue'),
+		build: {
+			...browser.build,
+			outDir: resolveWorkspacePath(output),
+			rolldownOptions: {
+				...browser.build?.rolldownOptions,
+				input: resolveWorkspacePath('app/vue/index.html'),
+			},
+		},
+		test: {
+			...browser.test,
+			name: { label: 'app:vue', color: 'magenta' },
+			include: ['tests/app/vue/**/*.test.ts'],
+{{journeyExclude}}		},
+	}
+	return mergeOverride(project, override)
+}
+`,
 			journey: `
 // Replace the journey fields directly: merging would concatenate the ordinary include
 // and retain the exclusion of the journey suite.
 export function appJourney(
 	variant: JourneyVariant,
 	variants: readonly JourneyVariant[],
+	mode?: string,
 ): UserConfig {
-	const browser = appBrowser()
+	const application = resolveApplication(mode, applications)
+	const browser = applications[application]()
 	return {
 		...browser,
 		test: {
 			...browser.test,
 			name: { label: \`journey:\${variant.name}\`, color: 'green' },
-			include: ['tests/app/browser/integration.test.ts'],
+			include: [\`tests/app/\${application}/integration.test.ts\`],
 			exclude: [],
 			provide: { variant: variant.name, variants, capture },
 			browser: {
@@ -1025,8 +1157,39 @@ export function appJourney(
 }
 `,
 			showcase: `
-export function appShowcase(override?: UserConfig): UserConfig {
-	const output = 'dist/showcase'
+const showcaseStamp: PluginOption = {
+	name: 'orkestrel-showcase-html',
+	enforce: 'post',
+	generateBundle(_, bundle) {
+		for (const file of Object.values(bundle)) {
+			if (
+				file.type === 'asset' &&
+				typeof file.source === 'string' &&
+				file.fileName.endsWith('.html')
+			) {
+				file.source = stampPage(file.source)
+			}
+		}
+	},
+}
+
+function createShowcaseNaming(application: string): PluginOption {
+	return {
+		name: 'orkestrel-showcase-name',
+		enforce: 'post',
+		writeBundle(options) {
+			if (options.dir === undefined) throw new Error('The showcase output is absent.')
+			renameSync(
+				resolvePath(options.dir, 'index.html'),
+				resolvePath(options.dir, application + '.html'),
+			)
+		},
+	}
+}
+
+export function appShowcase(mode: string, override?: UserConfig): UserConfig {
+	const application = resolveApplication(mode, applications)
+	const output = 'showcase'
 	const showcase: UserConfig = {
 		plugins: [
 			outputBoundary(output),
@@ -1034,19 +1197,8 @@ export function appShowcase(override?: UserConfig): UserConfig {
 				removeViteModuleLoader: true,
 				useRecommendedBuildConfig: true,
 			}),
-			{
-				name: 'orkestrel-showcase-html',
-				transformIndexHtml: {
-					order: 'post',
-					handler(html) {
-						const stamp = new Date().toISOString()
-						return html.replace(
-							'</head>',
-							'\t\t<meta name="build-id" content="' + stamp + '" />\\n\t</head>',
-						)
-					},
-				},
-			},
+			showcaseStamp,
+			createShowcaseNaming(application),
 		],
 		build: {
 			// The \`appBrowser\` factory sets \`assetsInlineLimit\` to 0, so every asset becomes
@@ -1055,6 +1207,7 @@ export function appShowcase(override?: UserConfig): UserConfig {
 			// true, so this line takes effect only in a workspace that turns that option off.
 			assetsInlineLimit: 4096,
 			cssMinify: 'lightningcss',
+			emptyOutDir: false,
 			minify: 'oxc',
 			modulePreload: false,
 			outDir: resolveWorkspacePath(output),
@@ -1063,10 +1216,18 @@ export function appShowcase(override?: UserConfig): UserConfig {
 			target: 'esnext',
 		},
 	}
-	return appBrowser(mergeOverride(showcase, override))
+	return applications[application](mergeOverride(showcase, override))
 }
 `,
-			server: `export function appServer(override?: UserConfig): UserConfig {
+			server: `function resolveAppFilename(): string {
+	return 'main.cjs'
+}
+
+function resolveAppExternal(id: string): boolean {
+	return id.startsWith('node:')
+}
+
+export function appServer(override?: UserConfig): UserConfig {
 	const project: UserConfig = {
 		resolve,
 		publicDir: false,
@@ -1076,13 +1237,13 @@ export function appShowcase(override?: UserConfig): UserConfig {
 			lib: {
 				entry: resolveWorkspacePath('app/server/main.ts'),
 				formats: ['cjs'],
-				fileName: () => 'main.cjs',
+				fileName: resolveAppFilename,
 			},
 			outDir: resolveWorkspacePath('dist/app/server'),
 			target: 'node22',
 			rolldownOptions: {
 				onLog: enforceBuildLog,
-				external: (id: string) => id.startsWith('node:'),
+				external: resolveAppExternal,
 			},
 		},
 		test: {
@@ -1135,8 +1296,10 @@ export function appShowcase(override?: UserConfig): UserConfig {
 		test: {
 			name: { label: 'setup', color: 'white' },
 			include: ['tests/setup*.test.ts'],
-			exclude: ['tests/setupBrowser.test.ts'],
+			exclude: ['tests/setupBrowser.test.ts', 'tests/setupStyles.test.ts'],
 			setupFiles: ['./tests/setup.ts'],
+			pool: 'threads',
+			isolate: false,
 			environment: 'node',
 			browser: { enabled: false },
 		},
@@ -1147,9 +1310,10 @@ export function appShowcase(override?: UserConfig): UserConfig {
 		browser: `export function setupBrowser(override?: UserConfig): UserConfig {
 	const project: UserConfig = {
 		resolve,
+		{{optimization}},
 {{plugins}}		test: {
 			name: { label: 'setup:browser', color: 'blue' },
-			include: ['tests/setupBrowser.test.ts'],
+			include: ['tests/setupBrowser.test.ts', 'tests/setupStyles.test.ts'],
 			setupFiles: ['./tests/setup.ts', './tests/setupBrowser.ts'],
 {{global}}			browser: {
 				enabled: true,
@@ -1203,7 +1367,9 @@ export function conformance(override?: UserConfig): UserConfig {
 		test: {
 			name: { label: 'conformance', color: 'magenta' },
 			include: ['${CONFORMANCE_TEST_PATH}'],
-			setupFiles: ['./tests/setup.ts'],
+			setupFiles: ['./tests/setup.ts', './tests/setupServer.ts'],
+			pool: 'threads',
+			isolate: false,
 			environment: 'node',
 			browser: { enabled: false },
 		},
@@ -1269,7 +1435,17 @@ export function probe(override?: UserConfig): UserConfig {
 	return mergeOverride(project, override)
 }
 `,
-		integration: `export function integration(override?: UserConfig): UserConfig {
+		integration: Object.freeze({
+			sheet: `export function integration(override?: UserConfig): UserConfig {
+	const project = sheetProject('integration', {
+		test: {
+			include: ['tests/integration.test.ts'],
+{{global}}		},
+	})
+	return mergeOverride(project, override)
+}
+`,
+			module: `export function integration(override?: UserConfig): UserConfig {
 	const project: UserConfig = {
 		resolve,
 		test: {
@@ -1282,8 +1458,51 @@ export function probe(override?: UserConfig): UserConfig {
 	return mergeOverride(project, override)
 }
 `
+		})
 	}),
 	tsconfigs: Object.freeze({
+		vue: Object.freeze({
+			src: `{
+	"extends": "../../tsconfig.json",
+	"compilerOptions": {
+		"lib": ["ESNext", "DOM", "DOM.Iterable"],
+		"types": ["vite/client"],
+		"noEmit": false,
+		"declaration": true,
+		"emitDeclarationOnly": true,
+		"rootDir": "../../src",
+		"outDir": "../../dist/src"
+	},
+	"include": [
+		"../../src/vue/**/*.cts",
+		"../../src/vue/**/*.mts",
+		"../../src/vue/**/*.ts",
+		"../../src/vue/**/*.tsx"
+	]
+}
+`,
+			app: `{
+	"extends": "../../tsconfig.json",
+	"compilerOptions": {
+		"lib": ["ESNext", "DOM", "DOM.Iterable"],
+		"types": ["vite/client", "vue"]
+	},
+	"include": [
+{{include}}
+	]
+}
+`
+		}),
+		sheet: `{
+	"extends": "../../tsconfig.json",
+	"compilerOptions": {
+		"lib": ["ESNext"],
+		"types": ["vite/client"],
+		"noEmit": true
+	},
+	"include": ["../../src/{{name}}/**/*.ts"]
+}
+`,
 		src: Object.freeze({
 			core: `{
 	"extends": "../../tsconfig.json",
@@ -1367,7 +1586,7 @@ export function probe(override?: UserConfig): UserConfig {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
 		"lib": ["ESNext", "DOM", "DOM.Iterable"],
-		"types": ["vite/client", "vue"]
+		"types": ["vite/client"]
 	},
 	"include": [
 {{include}}
@@ -1417,9 +1636,38 @@ export function probe(override?: UserConfig): UserConfig {
 `
 	}),
 	vites: Object.freeze({
+		sheet: `import { defineConfig } from 'vitest/config'
+import { outputBoundary } from '../helpers.js'
+import { resolveWorkspacePath, sheetProject } from '../../vite.config.ts'
+
+export default defineConfig((invocation) => {
+	const project = sheetProject('src:{{label}}', {
+		plugins: [outputBoundary('dist/src/{{name}}')],
+		build: {
+			outDir: 'dist/src/{{name}}',
+			emptyOutDir: true,
+			// Preserve the authored layer-order statement in the published sheet.
+			cssMinify: false,
+			lib: {
+				entry: resolveWorkspacePath('src/{{name}}/sheet.ts'),
+				formats: ['es'],
+				fileName: 'index',
+				cssFileName: 'index',
+			},
+		},
+		test: { include: ['tests/src/{{name}}/**/*.test.ts'] },
+	})
+	return { ...project, mode: invocation.mode }
+})
+`,
 		src: Object.freeze({
 			core: `import { defineConfig } from 'vite'
-import { declarationRollup, environmentBoundary, outputBoundary } from '../helpers.js'
+import {
+	declarationRollup,
+	environmentBoundary,
+	outputBoundary,
+	resolveExternal,
+} from '../helpers.js'
 import { peers, srcCore, resolveWorkspacePath } from '../../vite.config.ts'
 
 export default defineConfig(
@@ -1440,11 +1688,43 @@ export default defineConfig(
 				fileName: (format: string) => (format === 'es' ? 'index.js' : 'index.cjs'),
 			},
 			outDir: 'dist/src/core',
+			rolldownOptions: {
+				external: (id: string) => resolveExternal(id, { peers, refused: [], siblings: [] }),
+			},
+		},
+	}),
+)
+`,
+			vue: `import { defineConfig } from 'vite'
+import {
+	declarationRollup,
+	resolveExternal,
+	rewriteBrowserSpecifier,
+	rewriteCoreSpecifier,
+} from '../helpers.js'
+import { peers, srcVue, resolveWorkspacePath } from '../../vite.config.ts'
+
+const siblings = {
+{{siblings}}
+}
+
+export default defineConfig(
+	srcVue({
+		plugins: [
+			declarationRollup({
+				project: resolveWorkspacePath('configs/src/tsconfig.vue.json'),
+				rewrite: (content) => rewriteBrowserSpecifier(rewriteCoreSpecifier(content)),
+			}),
+		],
+		build: {
 			rolldownOptions: {
 				external: (id: string) =>
-					id.startsWith('node:') ||
-					id.startsWith('@orkestrel/') ||
-					peers.some((peer) => id === peer || id.startsWith(peer + '/')),
+					resolveExternal(id, {
+						peers,
+						refused: {{refused}},
+						siblings: Object.keys(siblings),
+					}),
+				output: { paths: siblings },
 			},
 		},
 	}),
@@ -1486,7 +1766,8 @@ export default defineConfig(
 `
 		}),
 		bin: `import { defineConfig } from 'vite'
-import { srcBin } from '../../vite.config.ts'
+import { resolveExternal } from '../helpers.js'
+import { peers, srcBin } from '../../vite.config.ts'
 
 // The \`scaffold\` executable build — a single ESM lib file, no declarations (an
 // executable ships no types), with the \`#!/usr/bin/env node\` shebang re-emitted through
@@ -1497,6 +1778,8 @@ export default defineConfig(
 	srcBin({
 		build: {
 			rolldownOptions: {
+				external: (id: string) =>
+					id.startsWith('@src/') || resolveExternal(id, { peers, refused: [], siblings: [] }),
 				output: {
 					banner: '#!/usr/bin/env node',
 {{paths}}
@@ -1507,6 +1790,11 @@ export default defineConfig(
 )
 `,
 		app: Object.freeze({
+			vue: `import { defineConfig } from 'vite'
+import { appVue } from '../../vite.config.ts'
+
+export default defineConfig(appVue())
+`,
 			browser: `import { defineConfig } from 'vite'
 import { appBrowser } from '../../vite.config.ts'
 
@@ -1520,7 +1808,7 @@ export default defineConfig(appServer())
 			showcase: `import { defineConfig } from 'vite'
 import { appShowcase } from '../../vite.config.ts'
 
-export default defineConfig(appShowcase())
+export default defineConfig(({ mode }) => appShowcase(mode))
 `,
 			journey: `import type { JourneyVariant } from '@orkestrel/test'
 import { defineConfig } from 'vitest/config'
@@ -1532,11 +1820,11 @@ const VARIANTS: readonly JourneyVariant[] = Object.freeze([
 	{ name: 'compact', width: 390, height: 844 },
 ])
 
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
 	test: {
-		projects: VARIANTS.map((variant) => () => appJourney(variant, VARIANTS)),
+		projects: VARIANTS.map((variant) => () => appJourney(variant, VARIANTS, mode)),
 	},
-})
+}))
 `
 		})
 	}),
@@ -1879,7 +2167,38 @@ export function resolveBrowser(
 */
 var ARTIFACT_TEMPLATES = Object.freeze({
 	source: Object.freeze({
+		sheet: Object.freeze({
+			"index.scss": "@use 'tokens';\n@use 'elements';\n@use 'components';\n@use 'utilities';\n",
+			"_tokens.scss": "@layer theme, reset, base, elements, components, utilities;\n",
+			"_mixins.scss": "",
+			"elements/_index.scss": "",
+			"components/_index.scss": "",
+			"utilities/_index.scss": "",
+			"sheet.ts": "import './index.scss'\n",
+			"index.ts": "export * from './sheet.js'\n"
+		}),
+		themes: Object.freeze({
+			"index.scss": "@use '../tokens';\n@use 'default';\n",
+			"_default.scss": "",
+			"sheet.ts": "import './index.scss'\n"
+		}),
 		empty: "",
+		barrel: "// TODO: [Feature] Export the browser extension API.\n",
+		main: `document.body
+	.appendChild(document.createElement('main'))
+	.appendChild(document.createElement('h1')).textContent ={{heading}}
+`,
+		vue: Object.freeze({
+			"main.ts": `import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount(document.body.appendChild(document.createElement('main')))
+`,
+			"App.vue": `<template>
+	<h1>{{heading}}</h1>
+</template>
+`
+		}),
 		browser: `<!doctype html>
 <html lang="en">
 	<head>
@@ -1894,9 +2213,263 @@ var ARTIFACT_TEMPLATES = Object.freeze({
 `
 	}),
 	tests: Object.freeze({
+		journey: `import {
+	ACCESSIBLE_ROLES,
+	createPortfolio,
+	expandCaptures,
+	isRendered,
+	readRefusal,
+	readStyle,
+} from '@orkestrel/test/browser'
+{{imports}}import { page } from 'vitest/browser'
+import { describe, expect, inject, it } from 'vitest'
+
+const VARIANT = inject('variant')
+const VARIANTS = inject('variants')
+const CAPTURE = inject('capture')
+
+describe('{{application}} arrival journey', () => {
+	it('proves the declared arrival families', async () => {
+		const families = new Set(['Journey', 'Refusal', 'Matrix', ...(CAPTURE ? ['Capture'] : [])])
+		const proven = new Set<string>()
+		const states = ['{{application}}-arrival']
+		const placed = new Set<string>()
+		const portfolio = createPortfolio({
+			states,
+			variants: VARIANTS,
+			variant: VARIANT,
+			directory: '../../../tmp/captures/states',
+			enabled: CAPTURE,
+		})
+{{mount}}		try {
+{{arrival}}			const heading = page
+				.getByRole('heading', {
+					name: {{heading}},
+					exact: true,
+					level: 1,
+				})
+				.element()
+			expect(isRendered(heading)).toBe(true)
+			proven.add('Journey')
+			await portfolio.place('{{application}}-arrival')
+			placed.add('{{application}}-arrival')
+
+			for (const role of ACCESSIBLE_ROLES) expect(page.getByRole(role).elements()).toEqual([])
+			expect(readRefusal('Continue')).toBe(
+				'No interactive element has the accessible name "Continue"',
+			)
+			proven.add('Refusal')
+
+			const measured = new Set<string>()
+			for (const variant of VARIANTS) {
+				await page.viewport(variant.width, variant.height)
+				expect(readStyle(heading, 'display')).toBe('block')
+				expect(window.innerWidth).toBe(variant.width)
+				measured.add(variant.name)
+			}
+			expect(measured).toEqual(new Set(VARIANTS.map(({ name }) => name)))
+			proven.add('Matrix')
+
+			const files = expandCaptures(states, VARIANTS)
+			expect(portfolio.files).toEqual(files)
+			expect(new Set(files).size).toBe(states.length * VARIANTS.length)
+			expect(placed).toEqual(new Set(states))
+			const expected = CAPTURE
+				? expandCaptures(
+						states,
+						VARIANTS.filter(({ name }) => name === VARIANT),
+					)
+				: []
+			expect(portfolio.paths.map((path) => path.replaceAll('\\\\', '/').split('/').at(-1))).toEqual(
+				expected,
+			)
+			if (CAPTURE) proven.add('Capture')
+			expect(proven).toEqual(families)
+		} finally {
+{{cleanup}}			const variant = VARIANTS.find(({ name }) => name === VARIANT)
+			if (variant !== undefined) await page.viewport(variant.width, variant.height)
+		}
+	})
+})
+`,
+		browser: `import type { JourneyVariant } from '@orkestrel/test'
+
+declare module 'vitest' {
+	export interface ProvidedContext {
+		readonly variant: string
+		readonly variants: readonly JourneyVariant[]
+		readonly capture: boolean
+	}
+}
+`,
+		sheet: `import sheet from '/dist/src/{{name}}/index.css?raw'
+import { describe, expect, it } from 'vitest'
+import { adoptSheet, readLayerNames } from '{{setup}}'
+
+describe('{{name}} entry', () => {
+	it('opens with the declared cascade order', () => {
+		const adopted = adoptSheet(sheet)
+		try {
+			expect(adopted.sheet.cssRules[0]?.cssText).toBe(
+				'@layer theme, reset, base, elements, components, utilities;',
+			)
+			expect(readLayerNames(adopted.sheet).slice(0, 6)).toEqual([
+				'theme',
+				'reset',
+				'base',
+				'elements',
+				'components',
+				'utilities',
+			])
+		} finally {
+			adopted.release()
+		}
+	})
+})
+`,
+		styles: Object.freeze({
+			module: `/** Carries a CSSOM rule and its enclosing layer. */
+export interface SheetEntry {
+	readonly rule: CSSRule
+	readonly layer: string | undefined
+}
+
+/** Describes an adopted stylesheet and its idempotent release operation. */
+export interface SheetAdoption {
+	readonly sheet: CSSStyleSheet
+	release(): void
+}
+
+/**
+ * Adopts CSS text into the document with an idempotent release operation.
+ * @param text - The compiled sheet text.
+ * @returns The adopted sheet and its release operation.
+ * @example
+ * \`\`\`ts
+ * const adopted = adoptSheet('.sample { color: red }')
+ * adopted.release()
+ * \`\`\`
+ */
+export function adoptSheet(text: string): SheetAdoption {
+	const sheet = new CSSStyleSheet()
+	sheet.replaceSync(text)
+	document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet]
+	return {
+		sheet,
+		release: () => {
+			document.adoptedStyleSheets = document.adoptedStyleSheets.filter(
+				(candidate) => candidate !== sheet,
+			)
+		},
+	}
+}
+
+/**
+ * Reads layer statements and blocks in declaration order, including repeated names.
+ * @param sheet - The parsed sheet.
+ * @returns Qualified layer names, with an empty name for an anonymous layer.
+ * @example
+ * \`\`\`ts
+ * readLayerNames(new CSSStyleSheet()) // []
+ * \`\`\`
+ */
+export function readLayerNames(sheet: CSSStyleSheet): readonly string[] {
+	const pending: SheetEntry[] = Array.from(sheet.cssRules, (rule) => ({
+		rule,
+		layer: undefined,
+	})).reverse()
+	const names: string[] = []
+	while (pending.length > 0) {
+		const entry = pending.pop()
+		if (entry === undefined) break
+		const { rule, layer } = entry
+		const declared =
+			rule instanceof CSSLayerStatementRule
+				? rule.nameList
+				: rule instanceof CSSLayerBlockRule
+					? [rule.name]
+					: []
+		for (const name of declared) names.push(layer === undefined ? name : layer + '.' + name)
+		if (!(rule instanceof CSSGroupingRule)) continue
+		const parent =
+			rule instanceof CSSLayerBlockRule
+				? layer === undefined
+					? rule.name
+					: layer + '.' + rule.name
+				: layer
+		for (const child of Array.from(rule.cssRules).reverse()) {
+			pending.push({ rule: child, layer: parent })
+		}
+	}
+	return names
+}
+`,
+			proof: `import type { SheetAdoption } from './setupStyles.js'
+import { describe, expect, it } from 'vitest'
+import { adoptSheet, readLayerNames } from './setupStyles.js'
+
+describe('CSSOM instruments', () => {
+	it('adopts and releases only its own sheet, including repeated release', () => {
+		const previous = [...document.adoptedStyleSheets]
+		const first: SheetAdoption = adoptSheet('.sample { color: red }')
+		try {
+			const second = adoptSheet('.other { display: block }')
+			try {
+				expect(document.adoptedStyleSheets).toEqual([...previous, first.sheet, second.sheet])
+				expect(first.sheet.cssRules.length).toBe(1)
+				first.release()
+				first.release()
+				expect(document.adoptedStyleSheets).toEqual([...previous, second.sheet])
+			} finally {
+				second.release()
+			}
+		} finally {
+			first.release()
+		}
+		expect(document.adoptedStyleSheets).toEqual(previous)
+	})
+
+	it('reads statements, blocks, nested conditions, and anonymous layers in order', () => {
+		const adopted = adoptSheet(
+			'@layer first, second; @layer first { @media all { @layer nested {} } } @layer {}',
+		)
+		try {
+			expect(readLayerNames(adopted.sheet)).toEqual([
+				'first',
+				'second',
+				'first',
+				'first.nested',
+				'',
+			])
+		} finally {
+			adopted.release()
+		}
+	})
+
+	it('returns no layer names for an empty sheet or an unlayered rule', () => {
+		const sheet = new CSSStyleSheet()
+		expect(readLayerNames(sheet)).toEqual([])
+		sheet.replaceSync('.sample { color: red }')
+		expect(readLayerNames(sheet)).toEqual([])
+	})
+})
+`
+		}),
 		setup: "",
-		global: `export function setup(): void {}
+		global: Object.freeze({
+			module: `export function setup(): void {}
 `,
+			proof: `import { describe, expect, it } from 'vitest'
+import { setup } from './setupGlobal.js'
+
+describe('global setup', () => {
+	it('runs without producing a teardown', () => {
+		expect(setup()).toBeUndefined()
+		expect(setup()).toBeUndefined()
+	})
+})
+`
+		}),
 		entry: `import * as entry from {{specifier}}
 import { describe, expect, it } from 'vitest'
 
@@ -3256,6 +3829,80 @@ function isCollection(value) {
 */
 var isEnvironment = (0, _orkestrel_contract.literalOf)(ENVIRONMENTS);
 /**
+* Narrows a value to a surface an extension can extend.
+* @param value - The candidate surface.
+* @returns True if the value is a supported surface; false otherwise.
+* @example
+* ```ts
+* import { isSurface } from '@orkestrel/scaffold'
+*
+* isSurface('styles') // true
+* isSurface('themes') // false
+* ```
+*/
+var isSurface = (0, _orkestrel_contract.literalOf)(SURFACES);
+/**
+* Narrows a value to a non-reserved sheet face name.
+* @param value - The candidate name.
+* @returns True if the name matches the workspace pattern and is not reserved; false otherwise.
+* @example
+* ```ts
+* import { isSheetName } from '@orkestrel/scaffold'
+*
+* isSheetName('print') // true
+* isSheetName('styles') // false
+* ```
+*/
+function isSheetName(value) {
+	return (0, _orkestrel_contract.isString)(value) && value.length <= 203 && NAME_PATTERN.test(value) && !RESERVED_SHEET_NAMES.includes(value);
+}
+/**
+* Narrows a value to a supported browser framework with distinct occupied axes.
+* @param value - The candidate extension.
+* @returns True if the value is an admitted extension; false otherwise.
+* @example
+* ```ts
+* import { isBrowserExtension } from '@orkestrel/scaffold'
+*
+* isBrowserExtension({ surface: 'browser', name: 'vue', axes: ['app'] }) // true
+* isBrowserExtension(undefined) // false
+* ```
+*/
+var isBrowserExtension = (0, _orkestrel_contract.andOf)((0, _orkestrel_contract.recordOf)({
+	surface: (0, _orkestrel_contract.literalOf)("browser"),
+	name: (0, _orkestrel_contract.literalOf)(FRAMEWORKS),
+	axes: (0, _orkestrel_contract.andOf)(isCollection, (0, _orkestrel_contract.arrayOf)((0, _orkestrel_contract.literalOf)(AXES)))
+}), (extension) => new Set(extension.axes).size === extension.axes.length);
+/**
+* Narrows a value to a named non-reserved stylesheet face.
+* @param value - The candidate extension.
+* @returns True if the value is an admitted extension; false otherwise.
+* @example
+* ```ts
+* import { isStylesExtension } from '@orkestrel/scaffold'
+*
+* isStylesExtension({ surface: 'styles', name: 'print' }) // true
+* isStylesExtension(undefined) // false
+* ```
+*/
+var isStylesExtension = (0, _orkestrel_contract.recordOf)({
+	surface: (0, _orkestrel_contract.literalOf)("styles"),
+	name: isSheetName
+});
+/**
+* Narrows a value to an extension of a supported surface.
+* @param value - The candidate extension.
+* @returns True if the value is an admitted extension; false otherwise.
+* @example
+* ```ts
+* import { isExtension } from '@orkestrel/scaffold'
+*
+* isExtension({ surface: 'styles', name: 'print' }) // true
+* isExtension(undefined) // false
+* ```
+*/
+var isExtension = (0, _orkestrel_contract.unionOf)(isBrowserExtension, isStylesExtension);
+/**
 * Narrows a value to one {@link Group} a plan selects over.
 *
 * @example
@@ -3392,6 +4039,9 @@ var isBlueprint = (0, _orkestrel_contract.recordOf)({
 	keywords: (0, _orkestrel_contract.andOf)(isCollection, (0, _orkestrel_contract.arrayOf)(_orkestrel_contract.isString)),
 	src: (0, _orkestrel_contract.andOf)(isCollection, (0, _orkestrel_contract.arrayOf)(isEnvironment)),
 	app: (0, _orkestrel_contract.andOf)(isCollection, (0, _orkestrel_contract.arrayOf)(isEnvironment)),
+	extensions: (0, _orkestrel_contract.andOf)(isCollection, (0, _orkestrel_contract.arrayOf)(isExtension)),
+	styles: _orkestrel_contract.isBoolean,
+	themes: _orkestrel_contract.isBoolean,
 	dependencies: (0, _orkestrel_contract.andOf)(isCollection, (0, _orkestrel_contract.arrayOf)(isDependency)),
 	peers: (0, _orkestrel_contract.andOf)(isCollection, (0, _orkestrel_contract.arrayOf)(isDependency)),
 	extras: (0, _orkestrel_contract.andOf)(isCollection, (0, _orkestrel_contract.arrayOf)(isDependency)),
@@ -3686,6 +4336,34 @@ function cloneValue(value) {
 //#endregion
 //#region src/core/parsers.ts
 /**
+* Coerces an extension value or a `surface:name` selection into an extension.
+* @param value - An extension record or its selection text.
+* @returns The extension, or `undefined` for a malformed or unsupported selection.
+* @remarks Browser text has empty axes; the creating command supplies its selected browser axes.
+* @example
+* ```ts
+* import { parseExtension } from '@orkestrel/scaffold'
+*
+* parseExtension('browser:vue') // { surface: 'browser', name: 'vue', axes: [] }
+* parseExtension('styles:print') // { surface: 'styles', name: 'print' }
+* ```
+*/
+function parseExtension(value) {
+	if (isExtension(value)) return value;
+	if (!(0, _orkestrel_contract.isString)(value)) return void 0;
+	const [surface, name, excess] = value.split(":");
+	if (excess !== void 0 || !isSurface(surface)) return void 0;
+	const candidate = surface === "browser" ? {
+		surface,
+		name,
+		axes: []
+	} : {
+		surface,
+		name
+	};
+	return isExtension(candidate) ? candidate : void 0;
+}
+/**
 * Coerces an untrusted value to a {@link Blueprint}.
 *
 * @param value - The value to parse.
@@ -4771,6 +5449,67 @@ function renderSkillPointer(canonical, name) {
 //#endregion
 //#region src/core/compilers.ts
 /**
+* Projects a blueprint into browser extensions restricted to occupied browser axes.
+* @param blueprint - The workspace specification.
+* @returns Browser extensions with their occupied axes, omitting unplaced extensions.
+* @example
+* ```ts
+* import { blueprintToFaces, createBlueprint } from '@orkestrel/scaffold'
+*
+* blueprintToFaces(createBlueprint('desk', { app: ['core'] })).length // 0
+* ```
+*/
+function blueprintToFaces(blueprint) {
+	return blueprint.extensions.flatMap((extension) => {
+		if (extension.surface !== "browser") return [];
+		const axes = extension.axes.filter((axis) => blueprint[axis].includes("browser"));
+		return axes.length === 0 ? [] : [{
+			...extension,
+			axes
+		}];
+	});
+}
+/**
+* Projects a blueprint into its validated sheet-face names in stable order.
+* @param blueprint - The workspace specification.
+* @returns The base face followed by named styles extensions; themes remain a separate target.
+* @example
+* ```ts
+* import { blueprintToSheets, createBlueprint } from '@orkestrel/scaffold'
+*
+* blueprintToSheets(createBlueprint('paper', { styles: true })) // ['styles']
+* ```
+*/
+function blueprintToSheets(blueprint) {
+	return [...blueprint.styles ? ["styles"] : [], ...(0, _orkestrel_contract.sortValues)(blueprint.extensions.flatMap((extension) => extension.surface === "styles" && isSheetName(extension.name) ? [extension.name] : []))];
+}
+/**
+* Projects published environments and sheets into the manifest export map.
+* @param blueprint - The workspace specification.
+* @returns JavaScript conditions and CSS and SCSS subpaths, without an invented JavaScript root.
+* @example
+* ```ts
+* import { blueprintToExports, createBlueprint } from '@orkestrel/scaffold'
+*
+* blueprintToExports(createBlueprint('paper', { styles: true }))['./styles']
+* // './dist/src/styles/index.css'
+* ```
+*/
+function blueprintToExports(blueprint) {
+	const exports = { ...srcToExports(blueprint.src) };
+	for (const extension of blueprintToFaces(blueprint)) {
+		if (extension.surface !== "browser" || !extension.axes.includes("src")) continue;
+		exports[`./${extension.name}`] = pathToCondition(`./dist/src/${extension.name}/index`, ["es"]);
+		if (blueprint.src.includes("browser")) exports["./browser"] = pathToCondition("./dist/src/browser/index", ["es"]);
+	}
+	for (const name of [...blueprintToSheets(blueprint), ...blueprint.themes ? ["styles/themes"] : []]) {
+		exports[`./${name}`] = `./dist/src/${name}/index.css`;
+		exports[`./${name}/scss`] = `./src/${name}/index.scss`;
+	}
+	if (Object.keys(exports).length > 0) exports["./package.json"] = "./package.json";
+	return exports;
+}
+/**
 * Builds one `exports` condition block for a built environment.
 *
 * @param path - The extensionless `dist` path both conditions point at.
@@ -4917,18 +5656,21 @@ function srcToExports(src) {
 * ```
 */
 function blueprintToDevDependencies(blueprint) {
+	const sheets = blueprintToSheets(blueprint).length > 0 || blueprint.themes;
 	const merged = {
 		...BASE_DEV_DEPENDENCIES,
+		...sheets ? STYLES_DEV_DEPENDENCIES : {},
 		...blueprint.src.length > 0 || blueprint.bin ? DECLARATION_DEV_DEPENDENCIES : {},
-		...blueprint.src.includes("browser") || blueprint.setup.includes("browser") ? SOURCE_BROWSER_DEV_DEPENDENCIES : {},
+		...blueprint.src.includes("browser") || blueprint.setup.includes("browser") || sheets ? SOURCE_BROWSER_DEV_DEPENDENCIES : {},
 		...blueprint.app.length > 0 ? APP_DEV_DEPENDENCIES : {},
 		...blueprint.app.includes("browser") ? APP_BROWSER_DEV_DEPENDENCIES : {},
 		...blueprint.showcase && blueprint.app.includes("browser") ? SHOWCASE_DEV_DEPENDENCIES : {},
 		...blueprint.app.includes("server") ? APP_SERVER_DEV_DEPENDENCIES : {}
 	};
+	for (const framework of blueprintToMachinery(blueprint).frameworks) Object.assign(merged, FRAMEWORK_MATRIX[framework].dependencies);
 	for (const extra of blueprint.extras) merged[extra.name] = extra.range;
 	for (const peer of blueprint.peers) if (!Object.hasOwn(merged, peer.name)) merged[peer.name] = peer.range;
-	const own = blueprint.src.length > 0 ? `@orkestrel/${blueprint.name}` : blueprint.name;
+	const own = blueprint.src.length > 0 || sheets ? `@orkestrel/${blueprint.name}` : blueprint.name;
 	const runtime = new Set(blueprint.dependencies.map((dependency) => dependency.name));
 	return Object.fromEntries(Object.entries(merged).filter(([name]) => name !== own && !runtime.has(name)).sort(([left], [right]) => (0, _orkestrel_contract.compareValues)(left, right)));
 }
@@ -4969,11 +5711,22 @@ function blueprintToDevDependencies(blueprint) {
 * ```
 */
 function blueprintToScripts(blueprint) {
-	const publishes = blueprint.src.length > 0;
+	const source = blueprintToFaces(blueprint).flatMap((extension) => extension.surface === "browser" && extension.axes.includes("src") ? [extension.name] : []);
+	const application = blueprintToFaces(blueprint).flatMap((extension) => extension.surface === "browser" && extension.axes.includes("app") ? [extension.name] : []);
+	const sheets = blueprintToSheets(blueprint);
+	const targets = [...sheets, ...blueprint.themes && !blueprint.styles ? ["themes"] : []];
+	const checker = application.includes("vue") ? FRAMEWORK_MATRIX.vue.checker : "tsc";
+	const publishes = blueprint.src.length > 0 || targets.length > 0;
 	const integrates = blueprint.integration;
 	const compiles = publishes || blueprint.bin;
 	const runtime = blueprint.app.filter((environment) => environment !== "core");
 	const vitest = "vitest run --config vite.config.ts --no-cache --reporter=dot";
+	const checks = [
+		...blueprint.src,
+		...source,
+		...sheets,
+		...blueprint.bin ? ["bin"] : []
+	].map((name) => `npm run check:src:${name}`);
 	const scripts = {
 		clean: "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
 		copy: "node -e \"const fs=require('node:fs'),p=require('node:path'),a=process.argv[1],b=process.argv[2];fs.mkdirSync(p.dirname(b),{recursive:true});fs.cpSync(a,b,{force:true});console.log('Copied: '+a+' to '+b)\"",
@@ -4982,30 +5735,32 @@ function blueprintToScripts(blueprint) {
 		lint: "oxlint --config .oxlintrc.json --fix .",
 		"lint:check": "oxlint --config .oxlintrc.json --deny-warnings .",
 		check: [
-			"tsc --noEmit --project tsconfig.json",
-			...compiles ? ["npm run check:src"] : [],
+			`${checker} --noEmit --project tsconfig.json`,
+			...checks.length > 0 ? ["npm run check:src"] : [],
 			...blueprint.app.length > 0 ? ["npm run check:app"] : [],
 			...blueprint.skills ? ["npm run check:skills"] : []
 		].join(" && ")
 	};
-	if (compiles) {
-		scripts["check:src"] = [...blueprint.src.map((environment) => `npm run check:src:${environment}`), ...blueprint.bin ? ["npm run check:src:bin"] : []].join(" && ");
+	if (checks.length > 0) {
+		scripts["check:src"] = checks.join(" && ");
 		for (const environment of blueprint.src) scripts[`check:src:${environment}`] = `tsc --noEmit -p configs/src/tsconfig.${environment}.json`;
 		if (blueprint.bin) scripts["check:src:bin"] = "tsc --noEmit -p configs/src/tsconfig.bin.json";
+		for (const name of [...sheets, ...source]) scripts[`check:src:${name}`] = `tsc --noEmit -p configs/src/tsconfig.${name}.json`;
 	}
 	if (blueprint.app.length > 0) {
-		scripts["check:app"] = blueprint.app.map((environment) => `npm run check:app:${environment}`).join(" && ");
-		for (const environment of blueprint.app) scripts[`check:app:${environment}`] = environment === "browser" ? "vue-tsc --noEmit -p configs/app/tsconfig.browser.json" : `tsc --noEmit -p configs/app/tsconfig.${environment}.json`;
+		scripts["check:app"] = [...blueprint.app, ...application].map((environment) => `npm run check:app:${environment}`).join(" && ");
+		for (const environment of blueprint.app) scripts[`check:app:${environment}`] = `tsc --noEmit -p configs/app/tsconfig.${environment}.json`;
+		for (const name of application) scripts[`check:app:${name}`] = `${FRAMEWORK_MATRIX[name].checker} --noEmit -p configs/app/tsconfig.${name}.json`;
 	}
 	if (blueprint.skills) scripts["check:skills"] = `tsc --noEmit -p ${SKILLS_CONFIG_PATH}`;
 	scripts.test = [
 		...compiles ? ["npm run test:src"] : [],
 		...blueprint.app.length > 0 ? ["npm run test:app"] : [],
-		...blueprint.journey && blueprint.app.includes("browser") ? ["npm run test:journey"] : [],
+		...blueprint.journey && blueprint.app.includes("browser") ? ["npm run test:journey", ...application.map((name) => `npm run test:journey:${name}`)] : [],
 		"npm run test:policy",
 		"npm run test:config",
-		...blueprint.setup.includes("node") ? ["npm run test:setup"] : [],
-		...blueprint.setup.includes("browser") ? ["npm run test:setup:browser"] : [],
+		...blueprint.setup.includes("node") || blueprint.global ? ["npm run test:setup"] : [],
+		...blueprint.setup.includes("browser") || targets.length > 0 ? ["npm run test:setup:browser"] : [],
 		...blueprint.skills ? ["npm run test:skills"] : [],
 		...blueprint.guides ? ["npm run test:guides"] : [],
 		...blueprint.conformance ? ["npm run test:conformance"] : [],
@@ -5016,20 +5771,32 @@ function blueprintToScripts(blueprint) {
 		scripts["test:src"] = [
 			vitest,
 			...blueprint.src.map((environment) => `--project ${SRC_MATRIX[environment].project}`),
+			...source.map((name) => `--project src:${name}`),
 			...blueprint.bin ? ["--project src:bin"] : []
 		].join(" ");
 		for (const environment of blueprint.src) scripts[`test:src:${environment}`] = `${vitest} --project ${SRC_MATRIX[environment].project}`;
 		if (blueprint.bin) scripts["test:src:bin"] = `${vitest} --project src:bin`;
+		for (const name of source) scripts[`test:src:${name}`] = `${vitest} --project src:${name}`;
+		scripts["test:src"] = [...blueprint.src.length > 0 || blueprint.bin ? [scripts["test:src"]] : [], ...targets.map((name) => `npm run test:src:${name}`)].join(" && ");
+		for (const name of targets) scripts[`test:src:${name}`] = `npm run build:src:${name} && ${vitest} --project src:${name}`;
 	}
 	if (blueprint.app.length > 0) {
-		scripts["test:app"] = [vitest, ...blueprint.app.map((environment) => `--project ${APP_MATRIX[environment].project}`)].join(" ");
+		scripts["test:app"] = [
+			vitest,
+			...blueprint.app.map((environment) => `--project ${APP_MATRIX[environment].project}`),
+			...application.map((name) => `--project app:${name}`)
+		].join(" ");
 		for (const environment of blueprint.app) scripts[`test:app:${environment}`] = `${vitest} --project ${APP_MATRIX[environment].project}`;
+		for (const name of application) scripts[`test:app:${name}`] = `${vitest} --project app:${name}`;
 	}
 	scripts["test:policy"] = `${vitest} --project policy`;
 	scripts["test:config"] = `${vitest} --project config`;
-	if (blueprint.setup.includes("node")) scripts["test:setup"] = `${vitest} --project setup`;
-	if (blueprint.setup.includes("browser")) scripts["test:setup:browser"] = `${vitest} --project setup:browser`;
-	if (blueprint.journey && blueprint.app.includes("browser")) scripts["test:journey"] = `vitest run --config ${JOURNEY_CONFIG_PATH} --no-cache --reporter=dot`;
+	if (blueprint.setup.includes("node") || blueprint.global) scripts["test:setup"] = `${vitest} --project setup`;
+	if (blueprint.setup.includes("browser") || targets.length > 0) scripts["test:setup:browser"] = `${vitest} --project setup:browser`;
+	if (blueprint.journey && blueprint.app.includes("browser")) {
+		scripts["test:journey"] = `vitest run --config ${JOURNEY_CONFIG_PATH} --no-cache --reporter=dot`;
+		for (const name of application) scripts[`test:journey:${name}`] = `${scripts["test:journey"]} --mode ${name}`;
+	}
 	if (blueprint.skills) scripts["test:skills"] = `${vitest} --project skills`;
 	if (blueprint.guides) scripts["test:guides"] = `node --experimental-strip-types ${GUIDES_TEST_PATH}`;
 	if (blueprint.conformance) scripts["test:conformance"] = `${vitest} --project conformance`;
@@ -5044,23 +5811,34 @@ function blueprintToScripts(blueprint) {
 		...blueprint.app.length > 0 ? ["npm run build:app"] : []
 	].join(" && ");
 	if (compiles) {
-		scripts["build:src"] = [...blueprint.src.map((environment) => `npm run build:src:${environment}`), ...blueprint.bin ? ["npm run build:src:bin"] : []].join(" && ");
+		scripts["build:src"] = [
+			...blueprint.src.map((environment) => `npm run build:src:${environment}`),
+			...source.map((name) => `npm run build:src:${name}`),
+			...targets.map((name) => `npm run build:src:${name}`),
+			...blueprint.bin ? ["npm run build:src:bin"] : []
+		].join(" && ");
 		for (const environment of blueprint.src) {
 			const build = `vite build --config configs/src/vite.${environment}.config.ts`;
 			scripts[`build:src:${environment}`] = SRC_MATRIX[environment].formats.includes("cjs") ? `${build} && npm run copy dist/src/${environment}/index.d.ts dist/src/${environment}/index.d.cts` : build;
 		}
 		if (blueprint.bin) scripts["build:src:bin"] = "vite build --config configs/src/vite.bin.config.ts";
+		for (const name of source) scripts[`build:src:${name}`] = `vite build --config configs/src/vite.${name}.config.ts`;
+		for (const name of targets) scripts[`build:src:${name}`] = [`vite build --config configs/src/vite.${name}.config.ts`, ...name === "styles" && blueprint.themes ? ["vite build --config configs/src/vite.themes.config.ts"] : []].join(" && ");
 	}
 	if (blueprint.app.length > 0) {
-		scripts["build:app"] = runtime.length > 0 ? runtime.map((environment) => `npm run build:app:${environment}`).join(" && ") : "npm run check:app:core";
-		for (const environment of runtime) scripts[`build:app:${environment}`] = `vite build --config configs/app/vite.${environment}.config.ts`;
+		scripts["build:app"] = runtime.length > 0 ? [...runtime, ...application].map((environment) => `npm run build:app:${environment}`).join(" && ") : "npm run check:app:core";
+		for (const environment of [...runtime, ...application]) scripts[`build:app:${environment}`] = `vite build --config configs/app/vite.${environment}.config.ts`;
 	}
 	if (blueprint.app.includes("browser")) {
 		scripts.dev = "vite --config configs/app/vite.browser.config.ts";
+		for (const name of application) scripts[`dev:${name}`] = `vite --config configs/app/vite.${name}.config.ts`;
 		if (blueprint.showcase) {
 			scripts.showcase = `vite --config ${SHOWCASE_CONFIG_PATH}`;
 			scripts["build:showcase"] = `vite build --config ${SHOWCASE_CONFIG_PATH}`;
-			scripts.show = "npm run format && npm run build:showcase && npm run copy dist/showcase/index.html demo/showcase.html";
+			for (const name of application) {
+				scripts[`showcase:${name}`] = `${scripts.showcase} --mode ${name}`;
+				scripts[`build:showcase:${name}`] = `${scripts["build:showcase"]} --mode ${name}`;
+			}
 		}
 	}
 	if (blueprint.app.includes("server")) {
@@ -5070,7 +5848,9 @@ function blueprintToScripts(blueprint) {
 	if (publishes) {
 		scripts.prepack = "npm run build";
 		scripts.prepublishOnly = [
-			"npm run format:check && npm run lint:check && npm run check && npm run build && npm test",
+			"npm run format:check && npm run lint:check && npm run check && npm run build",
+			...blueprint.showcase && blueprint.app.includes("browser") ? ["npm run build:showcase", ...application.map((name) => `npm run build:showcase:${name}`)] : [],
+			"npm test",
 			RELEASE_PROOF_COMMAND,
 			...blueprint.service ? ["npm run test:service"] : []
 		].join(" && ");
@@ -5088,6 +5868,8 @@ function blueprintToScripts(blueprint) {
 * benchmark workbench scripts. A workspace carrying guides adds `test:guides`,
 * whose package-owned entry runs the guides project and handles explicit parity
 * rewrites, and one carrying skills adds `test:skills`. Publishing adds the pack and publication lifecycle scripts.
+* Sheet and framework faces add their check and build scripts, application frameworks add dev scripts,
+* and selected showcases and journeys add their mode scripts.
 * Aggregate test scripts and
 * maintainer-owned gate chains stay outside the region.
 *
@@ -5111,13 +5893,18 @@ function blueprintToScripts(blueprint) {
 */
 function blueprintToWritableScripts(blueprint) {
 	const scripts = blueprintToScripts(blueprint);
+	const sheets = [...blueprintToSheets(blueprint), ...blueprint.themes && !blueprint.styles ? ["themes"] : []];
 	const writable = [];
 	for (const [name, command] of Object.entries(scripts)) {
-		if (!(name.startsWith("test:") && name !== "test:src" && name !== "test:app")) continue;
+		const direct = name.startsWith("test:") && name !== "test:src" && name !== "test:app";
+		const sheet = sheets.some((face) => name === `build:src:${face}` || name === `check:src:${face}`);
+		const framework = blueprintToFaces(blueprint).some((extension) => extension.surface === "browser" && extension.axes.some((axis) => name === `check:${axis}:${extension.name}` || name === `build:${axis}:${extension.name}` || axis === "app" && name === `dev:${extension.name}`));
+		const showcase = name === "showcase" || name.startsWith("showcase:") || name === "build:showcase" || name.startsWith("build:showcase:");
+		if (!direct && !sheet && !framework && !showcase) continue;
 		writable.push({
 			name,
 			command,
-			accepted: name === "test:guides" ? ["vitest run --config vite.config.ts --no-cache --reporter=dot --project guides"] : []
+			accepted: name === "test:guides" ? ["vitest run --config vite.config.ts --no-cache --reporter=dot --project guides"] : name === "build:src:styles" && blueprint.themes ? ["vite build --config configs/src/vite.styles.config.ts"] : sheets.some((face) => name === `test:src:${face}`) ? [command.slice(command.indexOf(" && ") + 4)] : []
 		});
 	}
 	const prepack = scripts.prepack;
@@ -5173,7 +5960,9 @@ function blueprintToWritableScripts(blueprint) {
 * ```
 */
 function blueprintToManifest(blueprint) {
-	const publishes = blueprint.src.length > 0;
+	const sheets = blueprintToSheets(blueprint);
+	const targets = [...sheets, ...blueprint.themes ? ["styles/themes"] : []];
+	const publishes = blueprint.src.length > 0 || targets.length > 0;
 	const name = publishes ? `@orkestrel/${blueprint.name}` : blueprint.name;
 	const dependencies = {};
 	for (const dependency of [...blueprint.dependencies].sort((left, right) => (0, _orkestrel_contract.compareValues)(left.name, right.name))) dependencies[dependency.name] = dependency.range;
@@ -5200,18 +5989,19 @@ function blueprintToManifest(blueprint) {
 			url: `git+https://github.com/orkestrel/${blueprint.name}.git`
 		} } : {},
 		...blueprint.bin ? { bin: { [blueprint.name]: "./dist/bin/main.js" } } : {},
-		files: blueprint.bin ? [
-			"dist/src",
-			"dist/bin",
+		files: [
+			blueprint.bin || publishes ? "dist/src" : "dist/app",
+			...blueprint.bin ? ["dist/bin"] : [],
+			...targets.map((face) => `!dist/src/${face}/index.js`),
+			...sheets.map((face) => `src/${face}/**/*.scss`),
+			...blueprint.themes && !blueprint.styles ? ["src/styles/themes/**/*.scss"] : [],
 			"README.md"
-		] : publishes ? ["dist/src", "README.md"] : ["dist/app", "README.md"],
+		],
 		type: "module",
 		...publishes ? {
-			sideEffects: blueprint.bin ? [`./${BIN_ENTRY_PATH}`, "./dist/bin/main.js"] : false,
-			main: entry.main,
-			module: entry.module,
-			...entry.types === void 0 ? {} : { types: entry.types },
-			exports: srcToExports(blueprint.src),
+			sideEffects: targets.length > 0 || blueprint.bin ? [...targets.length > 0 ? ["**/*.css", "**/*.scss"] : [], ...blueprint.bin ? [`./${BIN_ENTRY_PATH}`, "./dist/bin/main.js"] : []] : false,
+			...blueprint.src.length > 0 ? entry : {},
+			exports: blueprintToExports(blueprint),
 			publishConfig: { access: "public" }
 		} : {},
 		scripts: blueprintToScripts(blueprint),
@@ -5248,15 +6038,16 @@ function blueprintToManifest(blueprint) {
 *
 * const blueprint = createBlueprint('router', { app: ['browser'] })
 *
-* blueprintToMachinery(blueprint).vue // true
+* blueprintToMachinery(blueprint).frameworks // []
 * ```
 */
 function blueprintToMachinery(blueprint) {
 	const hosted = blueprint.app.some((environment) => environment !== "core");
+	const frameworks = FRAMEWORKS.filter((framework) => blueprintToFaces(blueprint).some((extension) => extension.surface === "browser" && extension.name === framework && extension.axes.some((axis) => blueprint[axis].includes("browser"))));
 	return {
-		browser: blueprint.src.includes("browser") || blueprint.app.includes("browser") || blueprint.setup.includes("browser"),
-		vue: blueprint.app.includes("browser"),
-		output: blueprint.src.length > 0 || blueprint.bin || hosted,
+		browser: blueprint.src.includes("browser") || blueprint.app.includes("browser") || blueprint.setup.includes("browser") || blueprintToSheets(blueprint).length > 0 || blueprint.themes || frameworks.length > 0,
+		frameworks,
+		output: blueprint.src.length > 0 || blueprint.bin || hosted || blueprintToSheets(blueprint).length > 0 || blueprint.themes,
 		showcase: blueprint.showcase && blueprint.app.includes("browser")
 	};
 }
@@ -5292,6 +6083,12 @@ function blueprintToMachinery(blueprint) {
 */
 function blueprintToRootTsconfig(blueprint) {
 	const aliases = [];
+	for (const extension of blueprintToFaces(blueprint)) {
+		if (extension.surface !== "browser") continue;
+		for (const axis of extension.axes) aliases.push([`@${axis}/${extension.name}`, `./${axis}/${extension.name}/index.ts`]);
+		if (extension.axes.includes("src")) aliases.push([`@orkestrel/${blueprint.name}/${extension.name}`, `./src/${extension.name}/index.ts`]);
+	}
+	for (const name of blueprintToSheets(blueprint)) aliases.push([`@src/${name}`, `./src/${name}/index.ts`]);
 	for (const environment of ENVIRONMENTS) if (blueprint.src.includes(environment)) aliases.push([`@src/${environment}`, `./src/${environment}/index.ts`]);
 	for (const environment of ENVIRONMENTS) if (blueprint.app.includes(environment)) aliases.push([`@app/${environment}`, `./app/${environment}/index.ts`]);
 	const root = srcToRoot(blueprint.src);
@@ -5307,7 +6104,47 @@ function blueprintToRootTsconfig(blueprint) {
 		if (matchesPrintWidth(line)) return line;
 		return `\t\t\t"${specifier}": [\n\t\t\t\t"${target}"\n\t\t\t]${separator}`;
 	}).join("\n");
-	return (0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.root.tsconfig, { paths });
+	return (0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.root.tsconfig, { paths: aliases.length === 0 ? "		\"paths\": {}" : `\t\t"paths": {\n${paths}\n\t\t}` });
+}
+/**
+* Projects a blueprint into the project labels its root Vitest configuration registers.
+*
+* @param blueprint - The workspace specification.
+* @returns Project labels in registration order, including wrapper-registered sheet faces.
+*
+* @example
+* ```ts
+* import { blueprintToProjects, createBlueprint } from '@orkestrel/scaffold'
+*
+* blueprintToProjects(createBlueprint('desk')).includes('policy') // true
+* ```
+*/
+function blueprintToProjects(blueprint) {
+	const sheets = blueprintToSheets(blueprint);
+	const styled = sheets.length > 0 || blueprint.themes;
+	const faces = blueprintToFaces(blueprint);
+	const projects = sheets.map((name) => `src:${name}`);
+	if (blueprint.themes && !blueprint.styles) projects.push("src:themes");
+	for (const axis of AXES) {
+		for (const environment of ENVIRONMENTS) {
+			if (axis === "app" && environment === "server") continue;
+			if (blueprint[axis].includes(environment)) projects.push(`${axis}:${environment}`);
+		}
+		for (const face of faces) if (face.surface === "browser" && face.axes.includes(axis)) projects.push(`${axis}:${face.name}`);
+		if (axis === "src" && blueprint.bin) projects.push("src:bin");
+		if (axis === "app" && blueprint.app.includes("server")) projects.push("app:server");
+	}
+	projects.push("policy", "config");
+	if (blueprint.setup.includes("node") || blueprint.global) projects.push("setup");
+	if (blueprint.setup.includes("browser") || styled) projects.push("setup:browser");
+	if (blueprint.guides) projects.push("guides");
+	if (blueprint.skills) projects.push("skills");
+	if (blueprint.conformance) projects.push("conformance");
+	if (blueprint.service) projects.push("service");
+	if (blueprint.src.length > 0 || styled) projects.push("distribution");
+	if (blueprint.integration) projects.push("integration");
+	projects.push("probe");
+	return projects;
 }
 /**
 * Compiles the root Vite and Vitest configuration for a blueprint.
@@ -5331,44 +6168,58 @@ function blueprintToRootTsconfig(blueprint) {
 */
 function blueprintToRootVite(blueprint) {
 	const machinery = blueprintToMachinery(blueprint);
-	const publishes = blueprint.src.length > 0;
+	const planned = new Set(blueprintToProjects(blueprint));
+	const sheets = blueprintToSheets(blueprint);
+	const styled = sheets.length > 0 || blueprint.themes;
 	const global = blueprint.global ? "			globalSetup: ['./tests/setupGlobal.ts'],\n" : "";
 	const imports = [];
 	if (machinery.browser) imports.push("import { playwright } from '@vitest/browser-playwright'");
-	if (machinery.vue) imports.push("import vue from '@vitejs/plugin-vue'");
+	if (machinery.frameworks.includes("vue")) imports.push("import vue from '@vitejs/plugin-vue'");
 	if (machinery.showcase) imports.push("import { viteSingleFile } from 'vite-plugin-singlefile'");
+	if (machinery.showcase) {
+		imports.push("import { renameSync } from 'node:fs'");
+		imports.push("import { resolve as resolvePath } from 'node:path'");
+	}
 	const factories = [];
 	const projects = [];
-	if (blueprint.src.includes("core")) {
+	const external = "external: resolveSourceExternal,";
+	if (blueprint.src.includes("browser") || blueprint.src.includes("server")) factories.push(blueprint.src.includes("core") ? `function resolveSourceExternal(id: string): boolean {
+	return (
+		id === '@src/core' ||
+		resolveExternal(id, {
+			peers,
+			refused: [],
+			siblings: [resolveWorkspacePath('src/core/index.ts')],
+		})
+	)
+}
+` : `function resolveSourceExternal(id: string): boolean {
+	return resolveExternal(id, { peers, refused: [], siblings: [] })
+}
+`);
+	if (styled) {
+		factories.push(CONFIG_TEMPLATES.factories.sheet);
+		for (const name of sheets) projects.push(`'./configs/src/vite.${name}.config.ts'`);
+		if (planned.has("src:themes")) projects.push("'./configs/src/vite.themes.config.ts'");
+	}
+	if (planned.has("src:core")) {
 		factories.push(CONFIG_TEMPLATES.factories.src.core);
 		projects.push("srcCore");
 	}
-	if (blueprint.src.includes("browser")) {
+	if (planned.has("src:browser")) {
 		const core = blueprint.src.includes("core");
 		factories.push((0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.factories.src.browser, {
-			external: core ? `external: (id: string) =>
-					id === '@src/core' ||
-					id.startsWith('@orkestrel/') ||
-					peers.some((peer) => id === peer || id.startsWith(peer + '/')),` : `external: (id: string) =>
-					id.startsWith('@orkestrel/') ||
-					peers.some((peer) => id === peer || id.startsWith(peer + '/')),`,
+			external,
 			output: core ? "				output: { paths: { '@src/core': '../core/index.js' } }," : "				output: {},",
 			exclude: core ? "			exclude: ['tests/src/core/**/*.test.ts'],\n" : "",
 			global
 		}));
 		projects.push("srcBrowser");
 	}
-	if (blueprint.src.includes("server")) {
+	if (planned.has("src:server")) {
 		const core = blueprint.src.includes("core");
 		factories.push((0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.factories.src.server, {
-			external: core ? `external: (id: string) =>
-					id === '@src/core' ||
-					id.startsWith('node:') ||
-					id.startsWith('@orkestrel/') ||
-					peers.some((peer) => id === peer || id.startsWith(peer + '/')),` : `external: (id: string) =>
-					id.startsWith('node:') ||
-					id.startsWith('@orkestrel/') ||
-					peers.some((peer) => id === peer || id.startsWith(peer + '/')),`,
+			external,
 			output: core ? `\t\t\t\toutput: [
 					{
 						format: 'es',
@@ -5385,15 +6236,19 @@ function blueprintToRootVite(blueprint) {
 		}));
 		projects.push("srcServer");
 	}
-	if (blueprint.bin) {
+	if (planned.has("src:vue")) {
+		factories.push(CONFIG_TEMPLATES.factories.src.vue);
+		projects.push("srcVue");
+	}
+	if (planned.has("src:bin")) {
 		factories.push(CONFIG_TEMPLATES.factories.src.bin);
 		projects.push("srcBin");
 	}
-	if (blueprint.app.includes("core")) {
+	if (planned.has("app:core")) {
 		factories.push(CONFIG_TEMPLATES.factories.app.core);
 		projects.push("appCore");
 	}
-	if (blueprint.app.includes("browser")) {
+	if (planned.has("app:browser")) {
 		const showcaseFactory = machinery.showcase ? CONFIG_TEMPLATES.factories.app.showcase : "";
 		factories.push((0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.factories.app.browser, {
 			showcaseFactory,
@@ -5402,7 +6257,11 @@ function blueprintToRootVite(blueprint) {
 		}));
 		projects.push("appBrowser");
 	}
-	if (blueprint.app.includes("server")) {
+	if (planned.has("app:vue")) {
+		factories.push((0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.factories.app.vue, { journeyExclude: blueprint.journey ? "			exclude: ['tests/app/vue/integration.test.ts'],\n" : "			exclude: [],\n" }));
+		projects.push("appVue");
+	}
+	if (planned.has("app:server")) {
 		factories.push(CONFIG_TEMPLATES.factories.app.server);
 		projects.push("appServer");
 	}
@@ -5410,39 +6269,40 @@ function blueprintToRootVite(blueprint) {
 	projects.push("policy");
 	factories.push(CONFIG_TEMPLATES.factories.config);
 	projects.push("config");
-	if (blueprint.setup.includes("node")) {
+	if (planned.has("setup")) {
 		factories.push(CONFIG_TEMPLATES.factories.setup);
 		projects.push("setup");
 	}
-	if (blueprint.setup.includes("browser")) {
+	if (planned.has("setup:browser")) {
 		factories.push((0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.factories.browser, {
-			plugins: machinery.vue ? "		plugins: [vue()],\n" : "",
+			optimization: machinery.frameworks.includes("vue") ? "optimizeDeps: { include: [...optimizeDeps.include, 'vue'] }" : "optimizeDeps",
+			plugins: machinery.frameworks.includes("vue") ? "		plugins: [vue()],\n" : "",
 			global
 		}));
 		projects.push("setupBrowser");
 	}
-	if (blueprint.guides) {
+	if (planned.has("guides")) {
 		factories.push(CONFIG_TEMPLATES.factories.guides);
 		projects.push("guides");
 	}
-	if (blueprint.skills) {
+	if (planned.has("skills")) {
 		factories.push(CONFIG_TEMPLATES.factories.skills);
 		projects.push("skills");
 	}
-	if (blueprint.conformance) {
+	if (planned.has("conformance")) {
 		factories.push(CONFIG_TEMPLATES.factories.conformance);
 		projects.push("conformance");
 	}
-	if (blueprint.service) {
+	if (planned.has("service")) {
 		factories.push(CONFIG_TEMPLATES.factories.service);
 		projects.push("service");
 	}
-	if (publishes) {
+	if (planned.has("distribution")) {
 		factories.push(CONFIG_TEMPLATES.factories.distribution);
 		projects.push("distribution");
 	}
-	if (blueprint.integration) {
-		factories.push((0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.factories.integration, { global }));
+	if (planned.has("integration")) {
+		factories.push((0, _orkestrel_template.fillTemplate)(styled ? CONFIG_TEMPLATES.factories.integration.sheet : CONFIG_TEMPLATES.factories.integration.module, { global }));
 		projects.push("integration");
 	}
 	factories.push(CONFIG_TEMPLATES.factories.probe);
@@ -5455,14 +6315,24 @@ ${projects.map((project) => `\t\t\t${project},`).join("\n")}
 	const helpers = [
 		"enforceBuildLog",
 		"environmentBoundary",
-		"outputBoundary"
+		"outputBoundary",
+		"resolveApplication",
+		"resolveExternal",
+		"stampPage"
 	].filter((helper) => body.includes(helper));
+	const helperImport = `import { ${helpers.join(", ")} } from './configs/helpers.js'\n`;
 	return (0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.root.vite, {
-		journey: blueprint.journey && machinery.vue ? "import type { JourneyVariant } from '@orkestrel/test'\n" : "",
+		journey: blueprint.journey && blueprint.app.includes("browser") ? "import type { JourneyVariant } from '@orkestrel/test'\n" : "",
 		imports: imports.length === 0 ? "" : `${imports.join("\n")}\n`,
-		helpers: helpers.length === 0 ? "" : `import { ${helpers.join(", ")} } from './configs/helpers.js'\n`,
+		helpers: helpers.length === 0 ? "" : matchesPrintWidth(helperImport.trimEnd()) ? helperImport : `import {\n${helpers.map((helper) => `\t${helper},`).join("\n")}\n} from './configs/helpers.js'\n`,
 		browsers: machinery.browser ? "import { resolveBrowser, resolvePinnedBrowser } from './configs/browsers.js'\n" : "",
-		options: (machinery.browser ? "const browserOptions = resolveBrowser(resolvePinnedBrowser(), process.platform, process.env)\n\n" : "") + (blueprint.journey && machinery.vue ? "const capture = process.env.CAPTURE === '1'\n\n" : ""),
+		options: (machinery.browser ? `const browserOptions = resolveBrowser(resolvePinnedBrowser(), process.platform, process.env)
+
+const optimizeDeps = {\n\tinclude: ${JSON.stringify([
+			"@orkestrel/test",
+			"@orkestrel/test/browser",
+			...Object.hasOwn(blueprintToDevDependencies(blueprint), "@orkestrel/contract") || blueprint.dependencies.some((dependency) => dependency.name === "@orkestrel/contract") || blueprint.peers.some((peer) => peer.name === "@orkestrel/contract") ? ["@orkestrel/contract"] : []
+		]).replaceAll("\"", "'").replaceAll(",", ", ")},\n}\n\n` : "") + (blueprint.journey && blueprint.app.includes("browser") ? "const capture = process.env.CAPTURE === '1'\n\n" : "") + ((blueprint.journey || blueprint.showcase) && blueprint.app.includes("browser") ? `const applications = {\n\tbrowser: appBrowser,\n${blueprintToFaces(blueprint).filter((extension) => extension.surface === "browser" && extension.axes.includes("app")).map((extension) => `\t${extension.name}: app${extension.name[0]?.toUpperCase()}${extension.name.slice(1)},\n`).join("")}}\n\n` : ""),
 		factories: body,
 		projects: projectRows
 	});
@@ -5503,6 +6373,26 @@ function blueprintToConfigArtifacts(blueprint) {
 		origin: "template",
 		content: CONFIG_TEMPLATES.browsers
 	});
+	for (const name of [...blueprintToSheets(blueprint), ...blueprint.themes ? ["styles/themes"] : []]) {
+		const label = name === "styles/themes" ? "themes" : name;
+		artifacts.push({
+			path: `configs/src/vite.${label}.config.ts`,
+			group: "configs",
+			ownership: "content",
+			origin: "template",
+			content: (0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.vites.sheet, {
+				name,
+				label
+			})
+		});
+		if (name !== "styles/themes") artifacts.push({
+			path: `configs/src/tsconfig.${name}.json`,
+			group: "configs",
+			ownership: "content",
+			origin: "template",
+			content: (0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.tsconfigs.sheet, { name })
+		});
+	}
 	for (const environment of blueprint.src) for (const path of SRC_MATRIX[environment].configs) {
 		let content = CONFIG_TEMPLATES.vites.src.core;
 		if (path === "configs/src/tsconfig.core.json") content = CONFIG_TEMPLATES.tsconfigs.src.core;
@@ -5540,11 +6430,10 @@ ${paths.join("\n")}
 				"../../app/browser/**/*.cts",
 				"../../app/browser/**/*.mts",
 				"../../app/browser/**/*.ts",
-				"../../app/browser/**/*.tsx",
-				"../../app/browser/**/*.vue"
+				"../../app/browser/**/*.tsx"
 			];
 			if (blueprint.app.includes("core")) include.push("../../app/core/**/*.cts", "../../app/core/**/*.mts", "../../app/core/**/*.ts", "../../app/core/**/*.tsx");
-			include.push("../../tests/app/browser/**/*.cts", "../../tests/app/browser/**/*.mts", "../../tests/app/browser/**/*.ts", "../../tests/app/browser/**/*.tsx", "../../tests/app/browser/**/*.vue", "../../tests/setup.ts", "../../tests/setupBrowser.ts");
+			include.push("../../tests/app/browser/**/*.cts", "../../tests/app/browser/**/*.mts", "../../tests/app/browser/**/*.ts", "../../tests/app/browser/**/*.tsx", "../../tests/setup.ts", "../../tests/setupBrowser.ts");
 			content = (0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.tsconfigs.app.browser, { include: include.map((entry, index) => `\t\t${JSON.stringify(entry)}${index === include.length - 1 ? "" : ","}`).join("\n") });
 		} else if (path === "configs/app/vite.server.config.ts") content = CONFIG_TEMPLATES.vites.app.server;
 		else if (path === "configs/app/tsconfig.server.json") {
@@ -5567,6 +6456,58 @@ ${paths.join("\n")}
 			content
 		});
 	}
+	for (const extension of blueprintToFaces(blueprint)) {
+		if (extension.surface !== "browser") continue;
+		for (const axis of extension.axes) {
+			const include = [
+				...[
+					"cts",
+					"mts",
+					"ts",
+					"tsx",
+					...FRAMEWORK_MATRIX[extension.name].suffixes
+				].map((suffix) => `../../app/${extension.name}/**/*.${suffix}`),
+				...blueprint.app.includes("core") ? [
+					"cts",
+					"mts",
+					"ts",
+					"tsx"
+				].map((suffix) => `../../app/core/**/*.${suffix}`) : [],
+				...[
+					"cts",
+					"mts",
+					"ts",
+					"tsx",
+					...FRAMEWORK_MATRIX[extension.name].suffixes
+				].map((suffix) => `../../tests/app/${extension.name}/**/*.${suffix}`),
+				"../../tests/setup.ts",
+				"../../tests/setupBrowser.ts"
+			];
+			const siblings = blueprint.src.filter((environment) => environment === "core" || environment === "browser").flatMap((environment) => ["ts", "js"].map((suffix) => {
+				const key = `\t[resolveWorkspacePath('src/${environment}/index.${suffix}').replaceAll('\\\\', '/')]:`;
+				const value = `'@orkestrel/${blueprint.name}${environment === "browser" ? "/browser" : ""}',`;
+				return matchesPrintWidth(`${key} ${value}`) ? `${key} ${value}` : `${key}\n\t\t${value}`;
+			})).join("\n");
+			artifacts.push({
+				path: `configs/${axis}/vite.${extension.name}.config.ts`,
+				group: "configs",
+				ownership: "content",
+				origin: "template",
+				environment: "browser",
+				content: axis === "src" ? (0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.vites.src.vue, {
+					siblings,
+					refused: `[${FRAMEWORK_MATRIX[extension.name].refused.map((name) => serializeTypeScriptString(name)).join(", ")}]`
+				}) : CONFIG_TEMPLATES.vites.app.vue
+			}, {
+				path: `configs/${axis}/tsconfig.${extension.name}.json`,
+				group: "configs",
+				ownership: "content",
+				origin: "template",
+				environment: "browser",
+				content: axis === "src" ? CONFIG_TEMPLATES.tsconfigs.vue.src : (0, _orkestrel_template.fillTemplate)(CONFIG_TEMPLATES.tsconfigs.vue.app, { include: include.map((entry, index) => `\t\t${JSON.stringify(entry)}${index === include.length - 1 ? "" : ","}`).join("\n") })
+			});
+		}
+	}
 	if (blueprint.showcase && blueprint.app.includes("browser")) artifacts.push({
 		path: SHOWCASE_CONFIG_PATH,
 		group: "configs",
@@ -5596,15 +6537,11 @@ ${paths.join("\n")}
 * Compiles every artifact in the `source` group.
 *
 * @param blueprint - The workspace specification.
-* @returns Empty published barrels, selected application entries, and the optional bin entry.
+* @returns Published barrels, sheet seeds, selected application entries, and the optional bin entry.
 *
 * @remarks
-* The barrels and every runtime entry intentionally hold nothing. A generated
-* sample entity would read as package implementation, so the
-* scaffold establishes only the selected environment boundaries. An application
-* entry is empty for the same reason the bin entry is, and because the vendored
-* lint config refuses an unassigned import outside a stylesheet, so the entry
-* cannot start by importing its barrel for effect either.
+* Barrels, server entries, and bin entries hold no starter implementation. Browser entries
+* render the workspace name as a level-one heading; the Vue face mounts its arrival component.
 *
 * @example
 * ```ts
@@ -5617,6 +6554,20 @@ ${paths.join("\n")}
 */
 function blueprintToSourceArtifacts(blueprint) {
 	const artifacts = [];
+	if (blueprint.themes && !blueprint.styles) artifacts.push({
+		path: "src/styles/_tokens.scss",
+		group: "source",
+		ownership: "birth",
+		origin: "template",
+		content: ARTIFACT_TEMPLATES.source.sheet["_tokens.scss"]
+	});
+	for (const name of [...blueprintToSheets(blueprint), ...blueprint.themes ? ["styles/themes"] : []]) for (const [path, content] of Object.entries(name === "styles/themes" ? ARTIFACT_TEMPLATES.source.themes : ARTIFACT_TEMPLATES.source.sheet)) artifacts.push({
+		path: `src/${name}/${path}`,
+		group: "source",
+		ownership: "birth",
+		origin: "template",
+		content
+	});
 	for (const environment of blueprint.src) artifacts.push({
 		path: `src/${environment}/index.ts`,
 		group: "source",
@@ -5640,7 +6591,7 @@ function blueprintToSourceArtifacts(blueprint) {
 			ownership: "birth",
 			origin: "template",
 			environment,
-			content: ARTIFACT_TEMPLATES.source.empty
+			content: (0, _orkestrel_template.fillTemplate)(ARTIFACT_TEMPLATES.source.main, { heading: `${matchesPrintWidth(`\t.appendChild(document.createElement('h1')).textContent = ${serializeTypeScriptString(blueprint.name)}`) ? " " : "\n	"}${serializeTypeScriptString(blueprint.name)}` })
 		}, {
 			path: "app/browser/index.html",
 			group: "source",
@@ -5658,6 +6609,36 @@ function blueprintToSourceArtifacts(blueprint) {
 			content: ARTIFACT_TEMPLATES.source.empty
 		});
 	}
+	for (const extension of blueprintToFaces(blueprint)) {
+		if (extension.surface !== "browser") continue;
+		for (const axis of extension.axes) {
+			artifacts.push({
+				path: `${axis}/${extension.name}/index.ts`,
+				group: "source",
+				ownership: "birth",
+				origin: "template",
+				environment: "browser",
+				content: axis === "app" ? ARTIFACT_TEMPLATES.source.empty : ARTIFACT_TEMPLATES.source.barrel
+			});
+			if (axis !== "app") continue;
+			artifacts.push({
+				path: `app/${extension.name}/index.html`,
+				group: "source",
+				ownership: "birth",
+				origin: "template",
+				environment: "browser",
+				content: ARTIFACT_TEMPLATES.source.browser
+			});
+			for (const [path, content] of Object.entries(ARTIFACT_TEMPLATES.source.vue)) artifacts.push({
+				path: `app/${extension.name}/${path}`,
+				group: "source",
+				ownership: "birth",
+				origin: "template",
+				environment: "browser",
+				content: (0, _orkestrel_template.fillTemplate)(content, { heading: matchesPrintWidth(`\t<h1>${blueprint.name}</h1>`) ? blueprint.name : `\n\t\t${blueprint.name}\n\t` })
+			});
+		}
+	}
 	if (blueprint.bin) artifacts.push({
 		path: BIN_ENTRY_PATH,
 		group: "source",
@@ -5671,7 +6652,7 @@ function blueprintToSourceArtifacts(blueprint) {
 * Compiles every artifact in the `tests` group that is not vendored from the host.
 *
 * @param blueprint - The workspace specification.
-* @returns Shared setup modules, axis tests, and the optional integration seed.
+* @returns Shared setup modules and proofs, axis and sheet tests, journey suites, and the optional integration seed.
 *
 * @remarks
 * `tests/setupPolicy.ts`, `tests/policy.test.ts`, and `tests/config.test.ts` are
@@ -5710,15 +6691,53 @@ function blueprintToTestArtifacts(blueprint) {
 		origin: "template",
 		content: ARTIFACT_TEMPLATES.tests.setup
 	}];
+	const sheets = [...blueprintToSheets(blueprint), ...blueprint.themes ? ["styles/themes"] : []];
+	for (const extension of blueprintToFaces(blueprint)) {
+		if (extension.surface !== "browser") continue;
+		for (const axis of extension.axes) artifacts.push({
+			path: `tests/${axis}/${extension.name}/index.test.ts`,
+			group: "tests",
+			ownership: "birth",
+			origin: "template",
+			environment: "browser",
+			content: (0, _orkestrel_template.fillTemplate)(ARTIFACT_TEMPLATES.tests.entry, {
+				specifier: serializeTypeScriptString(`@${axis}/${extension.name}`),
+				label: serializeTypeScriptString(`${axis} ${extension.name} entry`)
+			})
+		});
+	}
+	if (sheets.length > 0) artifacts.push({
+		path: "tests/setupStyles.ts",
+		group: "tests",
+		ownership: "birth",
+		origin: "template",
+		content: ARTIFACT_TEMPLATES.tests.styles.module
+	}, {
+		path: "tests/setupStyles.test.ts",
+		group: "tests",
+		ownership: "birth",
+		origin: "template",
+		content: ARTIFACT_TEMPLATES.tests.styles.proof
+	});
+	for (const name of sheets) artifacts.push({
+		path: `tests/src/${name}/index.test.ts`,
+		group: "tests",
+		ownership: "birth",
+		origin: "template",
+		content: (0, _orkestrel_template.fillTemplate)(ARTIFACT_TEMPLATES.tests.sheet, {
+			name,
+			setup: name === "styles/themes" ? "../../../setupStyles.js" : "../../setupStyles.js"
+		})
+	});
 	if (blueprintToMachinery(blueprint).browser) artifacts.push({
 		path: "tests/setupBrowser.ts",
 		group: "tests",
 		ownership: "birth",
 		origin: "template",
 		environment: "browser",
-		content: ARTIFACT_TEMPLATES.tests.setup
+		content: blueprint.journey ? ARTIFACT_TEMPLATES.tests.browser : ARTIFACT_TEMPLATES.tests.setup
 	});
-	if (blueprint.src.includes("server") || blueprint.app.includes("server") || blueprint.bin) artifacts.push({
+	if (blueprint.src.includes("server") || blueprint.app.includes("server") || blueprint.bin || blueprint.conformance) artifacts.push({
 		path: "tests/setupServer.ts",
 		group: "tests",
 		ownership: "birth",
@@ -5733,13 +6752,40 @@ function blueprintToTestArtifacts(blueprint) {
 		origin: "template",
 		content: ARTIFACT_TEMPLATES.tests.setup
 	});
-	if (blueprint.global) artifacts.push({
-		path: GLOBAL_SETUP_PATH,
-		group: "tests",
-		ownership: "birth",
-		origin: "template",
-		content: ARTIFACT_TEMPLATES.tests.global
-	});
+	if (blueprint.global) {
+		artifacts.push({
+			path: GLOBAL_SETUP_PATH,
+			group: "tests",
+			ownership: "birth",
+			origin: "template",
+			content: ARTIFACT_TEMPLATES.tests.global.module
+		});
+		artifacts.push({
+			path: "tests/setupGlobal.test.ts",
+			group: "tests",
+			ownership: "birth",
+			origin: "template",
+			content: ARTIFACT_TEMPLATES.tests.global.proof
+		});
+	}
+	if (blueprint.journey && blueprint.app.includes("browser")) {
+		const applications = ["browser", ...blueprintToFaces(blueprint).flatMap((extension) => extension.surface === "browser" && extension.axes.includes("app") ? [extension.name] : [])];
+		for (const application of applications) artifacts.push({
+			path: `tests/app/${application}/integration.test.ts`,
+			group: "tests",
+			ownership: "birth",
+			origin: "template",
+			environment: "browser",
+			content: (0, _orkestrel_template.fillTemplate)(ARTIFACT_TEMPLATES.tests.journey, {
+				application,
+				heading: serializeTypeScriptString(blueprint.name),
+				imports: application === "vue" ? "import { createApp } from 'vue'\nimport App from '../../../app/vue/App.vue'\n" : "",
+				mount: application === "vue" ? "		const container = document.body.appendChild(document.createElement('main'))\n		const app = createApp(App)\n" : "",
+				arrival: application === "vue" ? "			app.mount(container)\n" : "			await import('../../../app/browser/main.js')\n",
+				cleanup: application === "vue" ? "			app.unmount()\n			container.remove()\n" : "			for (const main of page.getByRole('main').elements()) main.remove()\n"
+			})
+		});
+	}
 	for (const environment of blueprint.src) artifacts.push({
 		path: `tests/src/${environment}/index.test.ts`,
 		group: "tests",
@@ -5774,7 +6820,7 @@ function blueprintToTestArtifacts(blueprint) {
 			label: serializeTypeScriptString(`app ${environment} entry`)
 		})
 	});
-	if (blueprint.src.length > 0) {
+	if (blueprint.src.length > 0 || blueprintToSheets(blueprint).length > 0 || blueprint.themes) {
 		const browser = blueprint.src.includes("browser");
 		const distribution = ARTIFACT_TEMPLATES.tests.distribution;
 		artifacts.push({
@@ -5843,7 +6889,12 @@ function blueprintToGuideArtifacts(blueprint) {
 	const tests = [];
 	const directories = [];
 	const guide = `guides/${blueprint.name}.md`;
-	for (const environment of blueprint.src) {
+	for (const environment of [
+		...blueprint.src,
+		...blueprintToFaces(blueprint).filter((extension) => extension.axes.includes("src")).map((extension) => extension.name),
+		...blueprintToSheets(blueprint),
+		...blueprint.themes ? ["styles/themes"] : []
+	]) {
 		source.push(`    - [\`src/${environment}\`](../src/${environment})`);
 		tests.push(`    - [\`tests/src/${environment}\`](../tests/src/${environment})`);
 		directories.push(`- [\`src/${environment}\`](../src/${environment})\n  - Guide: Not created. Create this file when the workspace has a public surface:\n    \`${guide}\`\n  - Tests: [\`tests/src/${environment}\`](../tests/src/${environment})`);
@@ -5853,7 +6904,7 @@ function blueprintToGuideArtifacts(blueprint) {
 		tests.push("    - [`tests/src/bin`](../tests/src/bin)");
 		directories.push(`- [\`src/bin\`](../src/bin)\n  - Guide: Not created. Create this file when the workspace has a public surface:\n    \`${guide}\`\n  - Tests: [\`tests/src/bin\`](../tests/src/bin)`);
 	}
-	for (const environment of blueprint.app) {
+	for (const environment of [...blueprint.app, ...blueprintToFaces(blueprint).filter((extension) => extension.axes.includes("app")).map((extension) => extension.name)]) {
 		source.push(`    - [\`app/${environment}\`](../app/${environment})`);
 		tests.push(`    - [\`tests/app/${environment}\`](../tests/app/${environment})`);
 		directories.push(`- [\`app/${environment}\`](../app/${environment})\n  - Guide: Not created. Create this file when the workspace has a public surface:\n    \`${guide}\`\n  - Tests: [\`tests/app/${environment}\`](../tests/app/${environment})`);
@@ -5865,7 +6916,7 @@ function blueprintToGuideArtifacts(blueprint) {
 		origin: "template",
 		content: (0, _orkestrel_template.fillTemplate)(ARTIFACT_TEMPLATES.guides.readme, {
 			source: source.join("\n"),
-			tests: tests.join("\n"),
+			tests: tests.join("\n") + (blueprint.showcase && blueprint.app.includes("browser") ? "\n  - Showcase:\n" + ["browser", ...blueprintToFaces(blueprint).filter((extension) => extension.axes.includes("app")).map((extension) => extension.name)].map((application) => `    - [\`showcase/${application}.html\`](../showcase/${application}.html)`).join("\n") : ""),
 			directories: directories.join("\n"),
 			guide: blueprint.name
 		})
@@ -5904,7 +6955,7 @@ function blueprintToGuideArtifacts(blueprint) {
 * ```
 */
 function blueprintToDocumentArtifacts(blueprint) {
-	const publishes = blueprint.src.length > 0;
+	const publishes = blueprint.src.length > 0 || blueprintToSheets(blueprint).length > 0 || blueprint.themes;
 	const name = publishes ? `@orkestrel/${blueprint.name}` : blueprint.name;
 	const description = blueprint.description ?? (publishes ? `The ${name} package.` : `The ${name} application.`);
 	return [{
@@ -6696,7 +7747,8 @@ function dependenciesToQuestions(dependencies, field, name, range) {
 * These do not, because each describes a workspace it can describe honestly but
 * will not create: a published axis of several environments without core,
 * whose manifest names a core build the workspace never runs; a showcase flag
-* whose required browser axis is absent, which emits nothing; and an
+* or journey flag whose required browser axis is absent, which emits nothing; an unplaced browser
+* extension or a styles extension without the styles surface; and an
 * integration flag over fewer than two environments, whose seed does emit and
 * has nothing to compose across. Blocking any of them closed the gate for every
 * verb. The verbs that read an existing workspace need the plan the gate
@@ -6737,7 +7789,7 @@ function blueprintToQuestions(blueprint) {
 		message: `${blueprint.engines} is not a supported minimum-Node floor.`,
 		blocking: true
 	});
-	if (blueprint.src.length === 0 && blueprint.app.length === 0) questions.push({
+	if (blueprint.src.length === 0 && blueprint.app.length === 0 && blueprintToSheets(blueprint).length === 0 && !blueprint.themes) questions.push({
 		field: "src",
 		message: "A workspace declares at least one environment on src or app.",
 		blocking: true,
@@ -6763,6 +7815,32 @@ function blueprintToQuestions(blueprint) {
 			candidates: ENVIRONMENTS
 		});
 	}
+	const extensions = /* @__PURE__ */ new Set();
+	for (const extension of blueprint.extensions) {
+		const selection = `${extension.surface}:${extension.name}`;
+		if (extensions.has(selection)) questions.push({
+			field: "extensions",
+			message: `${selection} is declared more than once on extensions.`,
+			blocking: true
+		});
+		extensions.add(selection);
+		if (extension.surface === "browser") {
+			if (extension.axes.length === 0) questions.push({
+				field: "extensions",
+				message: `${selection} occupies no axis.`,
+				blocking: false
+			});
+			for (const axis of extension.axes) if (!blueprint[axis].includes("browser")) questions.push({
+				field: "extensions",
+				message: `${selection} occupies ${axis}, whose selection lacks browser.`,
+				blocking: false
+			});
+		} else if (!blueprint.styles) questions.push({
+			field: "extensions",
+			message: `${selection} extends a styles surface this workspace does not declare.`,
+			blocking: false
+		});
+	}
 	if (blueprint.integration && blueprint.src.length + blueprint.app.length < 2) questions.push({
 		field: "integration",
 		message: "integration drives features across environments, and this workspace declares fewer than two, so its seed composes nothing.",
@@ -6992,6 +8070,9 @@ function createBlueprint(name, input) {
 		keywords: input?.keywords ?? [],
 		src: input?.src ?? [],
 		app: input?.app ?? [],
+		extensions: input?.extensions ?? [],
+		styles: input?.styles ?? false,
+		themes: input?.themes ?? false,
 		dependencies: input?.dependencies ?? [],
 		peers: input?.peers ?? [],
 		extras: input?.extras ?? [],
@@ -7322,6 +8403,7 @@ exports.APP_DEV_DEPENDENCIES = APP_DEV_DEPENDENCIES;
 exports.APP_MATRIX = APP_MATRIX;
 exports.APP_SERVER_DEV_DEPENDENCIES = APP_SERVER_DEV_DEPENDENCIES;
 exports.ARTIFACT_TEMPLATES = ARTIFACT_TEMPLATES;
+exports.AXES = AXES;
 exports.BASE_DEV_DEPENDENCIES = BASE_DEV_DEPENDENCIES;
 exports.BIN_CONFIGS = BIN_CONFIGS;
 exports.BIN_ENTRY_PATH = BIN_ENTRY_PATH;
@@ -7344,6 +8426,8 @@ exports.EXECUTABLE_PATHS = EXECUTABLE_PATHS;
 exports.EXTRA_RANGE_PATTERN = EXTRA_RANGE_PATTERN;
 exports.FLOOR_RANGE_PATTERN = FLOOR_RANGE_PATTERN;
 exports.FOREIGN_NAME_PATTERN = FOREIGN_NAME_PATTERN;
+exports.FRAMEWORKS = FRAMEWORKS;
+exports.FRAMEWORK_MATRIX = FRAMEWORK_MATRIX;
 exports.GLOBAL_SETUP_PATH = GLOBAL_SETUP_PATH;
 exports.GROUPS = GROUPS;
 exports.GUIDES_TEST_PATH = GUIDES_TEST_PATH;
@@ -7376,18 +8460,26 @@ exports.ORKESTREL_RANGE_PATTERN = ORKESTREL_RANGE_PATTERN;
 exports.PRINT_WIDTH = PRINT_WIDTH;
 exports.REFERENCE_PATHS = REFERENCE_PATHS;
 exports.RELEASE_PROOF_COMMAND = RELEASE_PROOF_COMMAND;
+exports.RESERVED_SHEET_NAMES = RESERVED_SHEET_NAMES;
 exports.SEED_GUIDE_PATHS = SEED_GUIDE_PATHS;
 exports.SERVICE_SCRIPT_PATH = SERVICE_SCRIPT_PATH;
 exports.SERVICE_SETUP_PATH = SERVICE_SETUP_PATH;
 exports.SERVICE_TEST_INCLUDE = SERVICE_TEST_INCLUDE;
+exports.SHEET_ENTRY_NAME = SHEET_ENTRY_NAME;
 exports.SHOWCASE_CONFIG_PATH = SHOWCASE_CONFIG_PATH;
 exports.SHOWCASE_DEV_DEPENDENCIES = SHOWCASE_DEV_DEPENDENCIES;
+exports.SHOWCASE_PAGES_PATH = SHOWCASE_PAGES_PATH;
 exports.SKILLS_CONFIG_PATH = SKILLS_CONFIG_PATH;
 exports.SOURCE_BROWSER_DEV_DEPENDENCIES = SOURCE_BROWSER_DEV_DEPENDENCIES;
 exports.SRC_MATRIX = SRC_MATRIX;
+exports.STYLES_DEV_DEPENDENCIES = STYLES_DEV_DEPENDENCIES;
+exports.STYLES_ENTRY_PATH = STYLES_ENTRY_PATH;
+exports.SURFACES = SURFACES;
 exports.ScaffoldError = ScaffoldError;
 exports.TAB_WIDTH = TAB_WIDTH;
 exports.TARGET_SKILL_NAMES = TARGET_SKILL_NAMES;
+exports.THEMES_BARREL_PATH = THEMES_BARREL_PATH;
+exports.THEMES_ENTRY_PATH = THEMES_ENTRY_PATH;
 exports.VERSION_PATTERN = VERSION_PATTERN;
 exports.WORKSPACE_DEV_ENGINES = WORKSPACE_DEV_ENGINES;
 exports.WORKSPACE_OWNED_PATHS = WORKSPACE_OWNED_PATHS;
@@ -7398,15 +8490,19 @@ exports.artifactsToQuestions = artifactsToQuestions;
 exports.blueprintToConfigArtifacts = blueprintToConfigArtifacts;
 exports.blueprintToDevDependencies = blueprintToDevDependencies;
 exports.blueprintToDocumentArtifacts = blueprintToDocumentArtifacts;
+exports.blueprintToExports = blueprintToExports;
+exports.blueprintToFaces = blueprintToFaces;
 exports.blueprintToGuideArtifacts = blueprintToGuideArtifacts;
 exports.blueprintToHostArtifacts = blueprintToHostArtifacts;
 exports.blueprintToMachinery = blueprintToMachinery;
 exports.blueprintToManifest = blueprintToManifest;
 exports.blueprintToOrchestrationArtifacts = blueprintToOrchestrationArtifacts;
+exports.blueprintToProjects = blueprintToProjects;
 exports.blueprintToQuestions = blueprintToQuestions;
 exports.blueprintToRootTsconfig = blueprintToRootTsconfig;
 exports.blueprintToRootVite = blueprintToRootVite;
 exports.blueprintToScripts = blueprintToScripts;
+exports.blueprintToSheets = blueprintToSheets;
 exports.blueprintToSourceArtifacts = blueprintToSourceArtifacts;
 exports.blueprintToTestArtifacts = blueprintToTestArtifacts;
 exports.blueprintToWritableScripts = blueprintToWritableScripts;
@@ -7426,6 +8522,7 @@ exports.inferGroup = inferGroup;
 exports.isArtifact = isArtifact;
 exports.isAudit = isAudit;
 exports.isBlueprint = isBlueprint;
+exports.isBrowserExtension = isBrowserExtension;
 exports.isCanonPath = isCanonPath;
 exports.isCatalogEntry = isCatalogEntry;
 exports.isCollection = isCollection;
@@ -7436,6 +8533,7 @@ exports.isDeferredPath = isDeferredPath;
 exports.isDependency = isDependency;
 exports.isDependencyName = isDependencyName;
 exports.isEnvironment = isEnvironment;
+exports.isExtension = isExtension;
 exports.isFinding = isFinding;
 exports.isFloorPath = isFloorPath;
 exports.isGroup = isGroup;
@@ -7449,7 +8547,10 @@ exports.isPlan = isPlan;
 exports.isQuestion = isQuestion;
 exports.isRetainedPath = isRetainedPath;
 exports.isScaffoldError = isScaffoldError;
+exports.isSheetName = isSheetName;
 exports.isSnapshot = isSnapshot;
+exports.isStylesExtension = isStylesExtension;
+exports.isSurface = isSurface;
 exports.manifestToDependencies = manifestToDependencies;
 exports.manifestToName = manifestToName;
 exports.matchesDriftReachability = matchesDriftReachability;
@@ -7461,6 +8562,7 @@ exports.nameToGuide = nameToGuide;
 exports.overridesToQuestions = overridesToQuestions;
 exports.parseBlueprint = parseBlueprint;
 exports.parseCompilerOptions = parseCompilerOptions;
+exports.parseExtension = parseExtension;
 exports.parseGroups = parseGroups;
 exports.parseSnapshot = parseSnapshot;
 exports.pathToCondition = pathToCondition;