@akanjs/cli 2.4.1-rc.2 → 2.4.1-rc.4

package/{index-a5rmdgy4.js → index-khzzttv1.js}

@@ -2636,1555 +2636,1499 @@ ${CsrArtifactBuilder.escapeInlineScript(await loadScript(src))}
   }
 }
 
-// pkgs/@akanjs/devkit/frontendBuild/devChangePlanner.ts
+// pkgs/@akanjs/devkit/frontendBuild/cssCompiler.ts
+import path15 from "path";
+import { Logger as Logger2 } from "akanjs/common";
+import { compile } from "tailwindcss";
+
+// pkgs/@akanjs/devkit/frontendBuild/cssImportResolver.ts
 import path14 from "path";
-var SOURCE_EXTS2 = new Set([".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"]);
-var CONFIG_BASENAMES = new Set(["akan.config.ts", "bunfig.toml", "tsconfig.json", "package.json"]);
-var BARREL_FACETS = new Set(["common", "srvkit", "ui", "webkit", "plugin"]);
-var CLIENT_SUFFIXES = [".Template.tsx", ".Unit.tsx", ".Util.tsx", ".View.tsx", ".Zone.tsx", ".store.ts"];
-var SHARED_SUFFIXES = [".constant.ts", ".dictionary.ts", ".signal.ts"];
-var SERVER_SUFFIXES = [".service.ts", ".document.ts"];
-var RUNTIME_METADATA_BASENAMES = new Set(["dict.ts", "sig.ts", "useClient.ts", "useServer.ts"]);
+var CSS_IMPORT_EXTS = ["", ".css", "/styles.css", "/index.css"];
 
-class DevChangePlanner {
+class CssImportResolver {
   #workspaceRoot;
-  constructor({ workspaceRoot }) {
-    this.#workspaceRoot = path14.resolve(workspaceRoot);
+  #paths;
+  #wildcardEntries;
+  constructor(workspaceRoot, paths = {}) {
+    this.#workspaceRoot = workspaceRoot;
+    this.#paths = paths;
+    this.#wildcardEntries = Object.entries(paths).filter(([key]) => key.endsWith("/*")).map(([key, replacements]) => ({ prefix: key.slice(0, -1), replacements })).sort((a, b) => b.prefix.length - a.prefix.length);
   }
-  plan({ generation, files, kinds, generatedFiles = [] }) {
-    const fileList = uniqueResolved([...files, ...generatedFiles]);
-    const generatedSet = new Set(generatedFiles.map((file) => path14.resolve(file)));
-    const kindSet = new Set(kinds);
-    const roles = new Set;
-    const actions = new Set;
-    const reasonByFile = {};
-    for (const kind of kindSet) {
-      if (kind === "css") {
-        roles.add("css");
-        actions.add("rebuild-css");
-      }
-      if (kind === "config") {
-        roles.add("config");
-        actions.add("restart-dev-host");
-      }
-    }
-    for (const file of fileList) {
-      const reasons = new Set;
-      const fileRoles = this.#rolesForFile(file, { isGenerated: generatedSet.has(path14.resolve(file)), reasons });
-      for (const role of fileRoles)
-        roles.add(role);
-      if (reasons.has("runtime-metadata"))
-        actions.add("restart-builder");
-      if (reasons.size > 0)
-        reasonByFile[path14.resolve(file)] = [...reasons].sort();
-    }
-    if (roles.has("barrel"))
-      actions.add("sync-generated");
-    if (roles.has("server") || roles.has("shared"))
-      actions.add("restart-backend");
-    if (roles.has("client") || roles.has("shared"))
-      actions.add("rebuild-client");
-    if (roles.has("css"))
-      actions.add("rebuild-css");
-    return {
-      generation,
-      files: fileList,
-      generatedFiles: uniqueResolved(generatedFiles),
-      roles: [...roles].sort(),
-      actions: [...actions].sort(),
-      reasonByFile
-    };
+  static async create(app) {
+    const tsconfig = await app.getTsConfig();
+    return new CssImportResolver(app.workspace.workspaceRoot, tsconfig.compilerOptions.paths ?? {});
   }
-  #rolesForFile(file, { isGenerated, reasons }) {
-    const roles = new Set;
-    const abs = path14.resolve(file);
-    const base = path14.basename(abs);
-    const ext = path14.extname(abs).toLowerCase();
-    const isSource = SOURCE_EXTS2.has(ext);
-    const rel = path14.relative(this.#workspaceRoot, abs);
-    const parts = rel.split(path14.sep).filter(Boolean);
-    if (CONFIG_BASENAMES.has(base)) {
-      roles.add("config");
-      reasons.add("config-file");
-    }
-    if (ext === ".css") {
-      roles.add("css");
-      reasons.add("css-file");
-    }
-    if (isGenerated || isSource && this.#isBarrelFacetChild(parts)) {
-      roles.add("barrel");
-      reasons.add(isGenerated ? "generated-index" : "barrel-facet-child");
+  async resolve(id, fromBase) {
+    for (const resolve of [
+      () => this.#resolveWithTsconfig(id),
+      () => this.#resolveWithBun(id, fromBase),
+      () => this.#resolveWithRequire(id, fromBase),
+      () => this.#resolvePackageStyle(id, fromBase)
+    ]) {
+      const resolved = await resolve();
+      if (resolved)
+        return resolved;
     }
-    if (isSource && this.#isServerBiased(abs, parts)) {
-      roles.add("server");
-      reasons.add("server-path");
+    return null;
+  }
+  #resolveWithBun(id, fromBase) {
+    for (const base of this.#resolutionBases(fromBase)) {
+      try {
+        const resolved = Bun.resolveSync(id, base);
+        if (CssImportResolver.isCssFile(resolved))
+          return resolved;
+      } catch {}
     }
-    if (isSource && this.#isClientBiased(abs, parts)) {
-      roles.add("client");
-      reasons.add("client-path");
+    return null;
+  }
+  #resolveWithRequire(id, fromBase) {
+    for (const base of this.#resolutionBases(fromBase)) {
+      try {
+        const resolved = __require.resolve(id, { paths: [base] });
+        if (CssImportResolver.isCssFile(resolved))
+          return resolved;
+      } catch {}
     }
-    if (isSource && this.#isSharedBiased(abs, parts)) {
-      roles.add("shared");
-      reasons.add("shared-path");
+    return null;
+  }
+  async#resolveWithTsconfig(id) {
+    const exact = this.#paths[id];
+    if (exact) {
+      for (const repl of exact) {
+        const resolved = await this.#firstExisting(path14.resolve(this.#workspaceRoot, repl));
+        if (resolved)
+          return resolved;
+      }
     }
-    if (isSource && this.#isRuntimeMetadataFile(parts, base)) {
-      reasons.add("runtime-metadata");
+    for (const { prefix, replacements } of this.#wildcardEntries) {
+      if (!id.startsWith(prefix))
+        continue;
+      const suffix = id.slice(prefix.length);
+      for (const repl of replacements) {
+        const replPath = repl.endsWith("/*") ? repl.slice(0, -1) : repl;
+        const resolved = await this.#firstExisting(path14.resolve(this.#workspaceRoot, replPath + suffix));
+        if (resolved)
+          return resolved;
+      }
     }
-    if (roles.has("server") && roles.has("client")) {
-      roles.delete("server");
-      roles.delete("client");
-      roles.add("shared");
-      reasons.add("server-client-overlap");
+    return null;
+  }
+  async#resolvePackageStyle(id, fromBase) {
+    const pkgName = CssImportResolver.getPackageName(id);
+    if (!pkgName)
+      return null;
+    for (const base of this.#resolutionBases(fromBase)) {
+      try {
+        const pkgPath = __require.resolve(`${pkgName}/package.json`, { paths: [base] });
+        const resolved = await this.#resolvePackageStyleFromPackageJson(id, pkgName, pkgPath);
+        if (resolved)
+          return resolved;
+      } catch {}
     }
-    if (roles.size === 0 && SOURCE_EXTS2.has(ext) && this.#isWorkspaceSource(rel)) {
-      roles.add("shared");
-      reasons.add("workspace-source-fallback");
+    for (const pkgPath of this.#packageJsonCandidates(pkgName)) {
+      const resolved = await this.#resolvePackageStyleFromPackageJson(id, pkgName, pkgPath);
+      if (resolved)
+        return resolved;
     }
-    return roles;
+    return null;
   }
-  #isServerBiased(abs, parts) {
-    const base = path14.basename(abs);
-    return parts.includes("srvkit") || SERVER_SUFFIXES.some((suffix) => base.endsWith(suffix)) || base === "main.ts" || base === "server.ts";
+  async#resolvePackageStyleFromPackageJson(id, pkgName, pkgPath) {
+    try {
+      if (!await Bun.file(pkgPath).exists())
+        return null;
+      const pkgDir = path14.dirname(pkgPath);
+      const pkg = await Bun.file(pkgPath).json();
+      const subpath = id === pkgName ? "." : `.${id.slice(pkgName.length)}`;
+      const exportValue = pkg.exports?.[subpath];
+      const styleEntry = (typeof exportValue === "string" ? exportValue : exportValue?.style || exportValue?.import || exportValue?.default) || pkg.exports?.["."]?.style || pkg.style || "index.css";
+      return await this.#firstExisting(path14.resolve(pkgDir, styleEntry));
+    } catch {
+      return null;
+    }
   }
-  #isClientBiased(abs, parts) {
-    const base = path14.basename(abs);
-    return parts.includes("ui") || parts.includes("webkit") || parts.includes("page") || CLIENT_SUFFIXES.some((suffix) => base.endsWith(suffix));
+  #resolutionBases(fromBase) {
+    return [fromBase, this.#workspaceRoot, path14.dirname(Bun.main), path14.resolve(path14.dirname(Bun.main), "../..")];
   }
-  #isSharedBiased(abs, parts) {
-    const base = path14.basename(abs);
-    return parts.includes("common") || SHARED_SUFFIXES.some((suffix) => base.endsWith(suffix)) || RUNTIME_METADATA_BASENAMES.has(base);
+  #packageJsonCandidates(pkgName) {
+    return [
+      path14.join(this.#workspaceRoot, "pkgs", pkgName, "package.json"),
+      path14.join(this.#workspaceRoot, "node_modules", pkgName, "package.json"),
+      path14.join(path14.dirname(Bun.main), "node_modules", pkgName, "package.json"),
+      path14.join(path14.dirname(Bun.main), "../../", pkgName, "package.json")
+    ];
   }
-  #isRuntimeMetadataFile(parts, base) {
-    const parent = parts.at(-2);
-    if (parent === "lib" && RUNTIME_METADATA_BASENAMES.has(base))
-      return true;
-    const libIndex = parts.lastIndexOf("lib");
-    if (libIndex < 0 || parts.length <= libIndex + 1)
-      return false;
-    return base.endsWith(".dictionary.ts") || base.endsWith(".signal.ts");
+  async#firstExisting(basePath) {
+    for (const suffix of CSS_IMPORT_EXTS) {
+      const candidate = `${basePath}${suffix}`;
+      if (await Bun.file(candidate).exists())
+        return candidate;
+    }
+    return null;
   }
-  #isBarrelFacetChild(parts) {
-    if (parts.length < 4)
-      return false;
-    const [scope, , facet, child] = parts;
-    if (scope !== "apps" && scope !== "libs")
-      return false;
-    if (!facet || !BARREL_FACETS.has(facet))
-      return false;
-    if (!child || child.startsWith(".") || child === "index.ts" || child === "index.tsx")
-      return false;
-    return true;
+  static getPackageName(id) {
+    const parts = id.split("/");
+    if (id.startsWith("@"))
+      return parts.length >= 2 ? `${parts[0]}/${parts[1]}` : null;
+    return parts[0] ?? null;
   }
-  #isWorkspaceSource(rel) {
-    if (!rel || rel.startsWith("..") || path14.isAbsolute(rel))
-      return false;
-    const [scope] = rel.split(path14.sep);
-    return scope === "apps" || scope === "libs" || scope === "pkgs";
+  static isCssFile(filePath) {
+    return path14.extname(filePath) === ".css";
   }
 }
-var uniqueResolved = (files) => [...new Set(files.map((file) => path14.resolve(file)))].sort();
 
-// pkgs/@akanjs/devkit/frontendBuild/devGeneratedIndexSync.ts
-import { mkdir as mkdir4, readdir as readdir2, readFile as readFile2, rm as rm2, stat as stat2, writeFile as writeFile2 } from "fs/promises";
-import path15 from "path";
-var BARREL_FACETS2 = new Set(["common", "srvkit", "ui", "webkit", "plugin"]);
-var FACET_SOURCE_FILE_RE = /\.(ts|tsx)$/;
-var FACET_EXCLUDED_FILE_RE = /(^index\.tsx?$|\.d\.ts$|\.(test|spec)\.(ts|tsx)$|\.css$|\.scss$|\.sass$)/;
-var FACET_PASCAL_CASE_RE = /^[A-Z][A-Za-z0-9]*$/;
-var FACET_CAMEL_CASE_RE = /^[a-z][A-Za-z0-9]*$/;
-var MODULE_UI_TYPES = ["Template", "Unit", "Util", "View", "Zone"];
-var SERVICE_UI_TYPES = ["Util", "Zone"];
-var SCALAR_UI_TYPES = ["Template", "Unit"];
+// pkgs/@akanjs/devkit/frontendBuild/cssCompiler.ts
+var SOURCE_EXTS2 = [".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"];
+var NON_SOURCE_EXT_RE2 = /\.(json|svg|png|jpe?g|webp|gif|avif|ico|woff2?|ttf|otf|mp3|mp4|wav)$/i;
+var NODE_MODULES_RE3 = /[\\/]node_modules[\\/]/;
+var AKANJS_NODE_MODULE_RE3 = /[\\/]node_modules[\\/]akanjs[\\/]/;
 
-class DevGeneratedIndexSync {
-  #workspaceRoot;
-  constructor({ workspaceRoot }) {
-    this.#workspaceRoot = path15.resolve(workspaceRoot);
+class CssCompiler {
+  #logger = new Logger2("CssCompiler");
+  #transpiler = new Bun.Transpiler({ loader: "tsx" });
+  #app;
+  #cssImportResolver = null;
+  constructor(app) {
+    this.#app = app;
   }
-  async syncForBatch(files) {
-    const indexPaths = new Set;
-    const errors = [];
-    for (const file of files) {
-      const facetIndex = this.#facetIndexFor(file);
-      if (facetIndex)
-        indexPaths.add(facetIndex);
-      const moduleIndex = await this.#moduleIndexForDirectoryEvent(file).catch((err) => {
-        errors.push(`[generated-index] module detection failed for ${file}: ${formatError2(err)}`);
-        return null;
-      });
-      if (moduleIndex)
-        indexPaths.add(moduleIndex);
-    }
-    const changedFiles = [];
-    for (const indexPath of [...indexPaths].sort()) {
-      try {
-        const changed = await this.#syncIndex(indexPath);
-        if (changed)
-          changedFiles.push(indexPath);
-      } catch (err) {
-        errors.push(`[generated-index] sync failed for ${indexPath}: ${formatError2(err)}`);
-      }
-    }
-    return { changedFiles, errors };
-  }
-  #facetIndexFor(file) {
-    const abs = path15.resolve(file);
-    const rel = path15.relative(this.#workspaceRoot, abs);
-    if (rel.startsWith("..") || path15.isAbsolute(rel))
-      return null;
-    const parts = rel.split(path15.sep).filter(Boolean);
-    if (parts.length < 4)
-      return null;
-    const [scope, project, facet, child] = parts;
-    if (scope !== "apps" && scope !== "libs" || !project || !facet || !BARREL_FACETS2.has(facet))
-      return null;
-    if (!child || child.startsWith(".") || child === "index.ts" || child === "index.tsx")
-      return null;
-    return path15.join(this.#workspaceRoot, scope, project, facet, "index.ts");
-  }
-  async#moduleIndexForDirectoryEvent(file) {
-    const abs = path15.resolve(file);
-    const rel = path15.relative(this.#workspaceRoot, abs);
-    if (rel.startsWith("..") || path15.isAbsolute(rel))
-      return null;
-    const parts = rel.split(path15.sep).filter(Boolean);
-    if (parts.length !== 4 && parts.length !== 5)
-      return null;
-    const [scope, project, libSegment, moduleSegment, scalarSegment] = parts;
-    if (scope !== "apps" && scope !== "libs" || !project || libSegment !== "lib")
-      return null;
-    const isExistingDirectory = await stat2(abs).then((s) => s.isDirectory()).catch(() => false);
-    const looksLikeDeletedDirectory = !path15.extname(abs);
-    if (!isExistingDirectory && !looksLikeDeletedDirectory)
-      return null;
-    if (moduleSegment === "__scalar" && scalarSegment) {
-      return path15.join(this.#workspaceRoot, scope, project, "lib", "__scalar", scalarSegment, "index.ts");
-    }
-    if (!moduleSegment || moduleSegment === "__scalar")
-      return null;
-    return path15.join(this.#workspaceRoot, scope, project, "lib", moduleSegment, "index.ts");
-  }
-  async#syncIndex(indexPath) {
-    const dir = path15.dirname(indexPath);
-    const content = await this.#contentForIndex(indexPath);
-    if (content === null) {
-      if (!await exists(indexPath))
-        return false;
-      await rm2(indexPath, { force: true });
-      return true;
-    }
-    const current = await readFile2(indexPath, "utf8").catch(() => null);
-    if (current === content)
-      return false;
-    await mkdir4(dir, { recursive: true });
-    await writeFile2(indexPath, content);
-    return true;
-  }
-  async#contentForIndex(indexPath) {
-    const parts = path15.relative(this.#workspaceRoot, indexPath).split(path15.sep).filter(Boolean);
-    const facet = parts.at(-2);
-    if (facet && BARREL_FACETS2.has(facet))
-      return this.#facetContent(path15.dirname(indexPath));
-    return this.#moduleContent(path15.dirname(indexPath));
-  }
-  async#facetContent(dir) {
-    const nameCasePattern = path15.basename(dir) === "ui" ? FACET_PASCAL_CASE_RE : FACET_CAMEL_CASE_RE;
-    const entries = await readdir2(dir, { withFileTypes: true }).catch(() => []);
-    const exportNames = entries.flatMap((entry) => {
-      const name = entry.name;
-      if (name.startsWith("."))
-        return [];
-      if (entry.isDirectory())
-        return nameCasePattern.test(name) ? [name] : [];
-      if (!entry.isFile())
-        return [];
-      if (!FACET_SOURCE_FILE_RE.test(name) || FACET_EXCLUDED_FILE_RE.test(name))
-        return [];
-      const exportName = name.replace(FACET_SOURCE_FILE_RE, "");
-      return nameCasePattern.test(exportName) ? [exportName] : [];
-    }).sort();
-    if (exportNames.length === 0)
-      return null;
-    return `${exportNames.map((name) => `export * from "./${name}";`).join(`
-`)}
-`;
+  #cssText = null;
+  #cssTextByBasePath = null;
+  async getCss({ refresh } = {}) {
+    if (this.#cssText !== null && !refresh)
+      return this.#cssText;
+    const { cssPaths, sourcePaths } = await this.discoverCssAndSources({ refresh });
+    this.#cssText = await this.compileCss(cssPaths, sourcePaths);
+    return this.#cssText;
   }
-  async#moduleContent(dir) {
-    const rel = path15.relative(this.#workspaceRoot, dir);
-    const parts = rel.split(path15.sep).filter(Boolean);
-    const moduleSegment = parts.at(-1);
-    if (!moduleSegment)
-      return null;
-    const isScalar = parts.at(-2) === "__scalar";
-    const rawModel = moduleSegment.startsWith("_") ? moduleSegment.slice(1) : moduleSegment;
-    if (!rawModel)
-      return null;
-    const modelName = capitalize(rawModel);
-    const allowedTypes = isScalar ? SCALAR_UI_TYPES : moduleSegment.startsWith("_") ? SERVICE_UI_TYPES : MODULE_UI_TYPES;
-    const fileTypes = [];
-    for (const type of allowedTypes) {
-      if (await exists(path15.join(dir, `${modelName}.${type}.tsx`)))
-        fileTypes.push(type);
-    }
-    if (fileTypes.length === 0)
-      return null;
-    return `
-${fileTypes.map((type) => `import * as ${type} from "./${modelName}.${type}";`).join(`
-`)}
-
-export const ${modelName} = { ${fileTypes.join(", ")} };`;
+  async getCssByBasePath({ refresh } = {}) {
+    if (this.#cssTextByBasePath !== null && !refresh)
+      return this.#cssTextByBasePath;
+    const akanConfig = await this.#app.getConfig({ refresh });
+    const pageKeys = await this.#app.getPageKeys({ refresh });
+    const basePaths = [...akanConfig.basePaths];
+    const rootPageKeys = pageKeys.filter((pageKey) => getPageKeyBasePath(pageKey, basePaths) === null);
+    const cssEntries = await Promise.all([
+      (async () => {
+        if (rootPageKeys.length === 0)
+          return ["", ""];
+        const started = Date.now();
+        const { cssPaths, sourcePaths } = await this.discoverCssAndSources({ refresh, pageKeys: rootPageKeys });
+        const css = await this.compileCss(cssPaths, sourcePaths);
+        this.#logger.verbose(`css base=root paths=${cssPaths.length} sources=${sourcePaths.length} in ${Date.now() - started}ms`);
+        return ["", css];
+      })(),
+      ...basePaths.map(async (basePath) => {
+        const basePathPageKeys = pageKeys.filter((pageKey) => getPageKeyBasePath(pageKey, basePaths) === basePath);
+        if (basePathPageKeys.length === 0)
+          return [basePath, ""];
+        const started = Date.now();
+        const { cssPaths, sourcePaths } = await this.discoverCssAndSources({ refresh, pageKeys: basePathPageKeys });
+        const css = await this.compileCss(cssPaths, sourcePaths);
+        this.#logger.verbose(`css base=${basePath} paths=${cssPaths.length} sources=${sourcePaths.length} in ${Date.now() - started}ms`);
+        return [basePath, css];
+      })
+    ]);
+    this.#cssTextByBasePath = Object.fromEntries(cssEntries);
+    return this.#cssTextByBasePath;
   }
-}
-var exists = async (file) => stat2(file).then(() => true).catch(() => false);
-var capitalize = (value) => `${value.charAt(0).toUpperCase()}${value.slice(1)}`;
-var formatError2 = (err) => err instanceof Error ? err.message : String(err);
-
-// pkgs/@akanjs/devkit/frontendBuild/fontOptimizer.ts
-import { mkdir as mkdir5 } from "fs/promises";
-import path16 from "path";
-import {
-  generateFontFace,
-  getMetricsForFamily,
-  readMetrics,
-  resolveCategoryFallbacks
-} from "fontaine";
-import { createFont, woff2 } from "fonteditor-core";
-import subsetFont from "subset-font";
-import ts4 from "typescript";
-var FONT_URL_PREFIX = "/_akan/fonts";
-var DEFAULT_FONT_SUBSETS = ["latin"];
-
-class FontOptimizer {
-  #app;
-  #command;
-  #artifactRoot;
-  #files = [];
-  #cssParts = [];
-  #woff2Ready = null;
-  static #ksX1001Text = null;
-  constructor(app, command = "start") {
-    this.#app = app;
-    this.#command = command;
-    this.#artifactRoot = path16.join(command === "build" ? app.dist.cwdPath : app.cwdPath, ".akan/artifact");
+  async discoverCss({ refresh } = {}) {
+    const { cssPaths } = await this.discoverCssAndSources({ refresh });
+    return cssPaths;
   }
-  async optimize() {
-    const fonts = await this.discoverFonts();
-    for (const font of fonts) {
-      if (!this.#isFontOptimizationEnabled(font))
+  async discoverCssAndSources({
+    refresh,
+    pageKeys
+  } = {}) {
+    pageKeys ??= await this.#app.getPageKeys({ refresh });
+    const seeds = pageKeys.map((key) => path15.resolve(this.#app.cwdPath, "page", key));
+    const cssFiles = new Set;
+    const sourceFiles = new Set;
+    const queue = [...seeds];
+    const resolvePackage = await createTsconfigPackageResolver(this.#app);
+    const analyzer = new BarrelAnalyzer({ resolvePackage });
+    const akanConfig = await this.#app.getConfig({ refresh });
+    while (queue.length > 0) {
+      const filePath = queue.shift();
+      if (!filePath || sourceFiles.has(filePath) || isIgnoredNodeModuleSource(filePath))
         continue;
-      await this.#optimizeFont(font);
-    }
-    const fontUtilityCss = this.#buildFontUtilityRules(fonts);
-    if (fontUtilityCss)
-      this.#cssParts.push(fontUtilityCss);
-    return { css: this.#cssParts.join(`
-`), fonts, files: this.#files };
-  }
-  async discoverFonts() {
-    const pageKeys = await this.#app.getPageKeys();
-    const fonts = [];
-    await Promise.all(pageKeys.map(async (key) => {
-      const filePath = path16.resolve(this.#app.cwdPath, "page", key);
-      const file = Bun.file(filePath);
-      if (!await file.exists())
-        return;
-      fonts.push(...this.#extractFontsExport(await file.text(), filePath));
-    }));
-    return this.#dedupeFonts(fonts);
-  }
-  async#optimizeFont(font) {
-    const faceCss = [];
-    for (const face of this.#getFontFaces(font)) {
-      const sourcePath = await this.#resolveFontSourcePath(face.src);
-      if (!sourcePath) {
-        this.#app.logger.warn(`[font] source not found: ${face.src}`);
+      sourceFiles.add(filePath);
+      let content;
+      try {
+        content = await Bun.file(filePath).text();
+      } catch {
         continue;
       }
-      const outputPath = path16.join(this.#artifactRoot, face.optimizedSrc.replace(/^\/_akan\//, ""));
-      await mkdir5(path16.dirname(outputPath), { recursive: true });
-      const sourceBuffer = Buffer.from(await Bun.file(sourcePath).arrayBuffer());
-      const outputBuffer = font.subset === false ? await this.#convertToWoff2(sourceBuffer, sourcePath) : await subsetFont(sourceBuffer, await this.#getSubsetText(font), { targetFormat: "woff2" });
-      await Bun.write(outputPath, outputBuffer);
-      this.#files.push(outputPath);
-      faceCss.push(this.#buildOptimizedFontFaceRule(font, face));
-      const fallbackCss = await this.#buildFontaineFallbackCss(font, face, outputPath);
-      if (fallbackCss)
-        faceCss.push(fallbackCss);
-    }
-    if (faceCss.length > 0)
-      this.#cssParts.push(...faceCss, this.#buildRootVariableRule(font));
-  }
-  #extractFontsExport(source, filePath) {
-    const sourceFile = ts4.createSourceFile(filePath, source, ts4.ScriptTarget.Latest, true, ts4.ScriptKind.TSX);
-    const fonts = [];
-    for (const statement of sourceFile.statements) {
-      if (!ts4.isVariableStatement(statement))
-        continue;
-      const modifiers = ts4.canHaveModifiers(statement) ? ts4.getModifiers(statement) : undefined;
-      const isExported = modifiers?.some((modifier) => modifier.kind === ts4.SyntaxKind.ExportKeyword) ?? false;
-      if (!isExported)
+      let source = content;
+      if (akanConfig.barrelImports.length > 0) {
+        try {
+          const rewritten = await rewriteBarrelImports(content, akanConfig.barrelImports, analyzer);
+          if (rewritten !== null)
+            source = rewritten;
+        } catch {}
+      }
+      let imports;
+      try {
+        imports = this.#transpiler.scanImports(source);
+      } catch {
         continue;
-      for (const declaration of statement.declarationList.declarations) {
-        if (!ts4.isIdentifier(declaration.name) || declaration.name.text !== "fonts")
+      }
+      const importerDir = path15.dirname(filePath);
+      for (const imp of imports) {
+        const spec = imp.path;
+        if (!spec)
+          continue;
+        if (spec.endsWith(".css")) {
+          const cssPath = await this.#resolveCssImport(spec, importerDir);
+          cssFiles.add(cssPath);
           continue;
-        const value = declaration.initializer ? this.#literalToValue(declaration.initializer) : null;
-        if (Array.isArray(value)) {
-          fonts.push(...value.map((font) => this.#withFontDefaults(font)));
         }
-      }
-    }
-    return fonts;
-  }
-  #literalToValue(node) {
-    if (ts4.isStringLiteralLike(node))
-      return node.text;
-    if (ts4.isNumericLiteral(node))
-      return Number(node.text);
-    if (node.kind === ts4.SyntaxKind.TrueKeyword)
-      return true;
-    if (node.kind === ts4.SyntaxKind.FalseKeyword)
-      return false;
-    if (ts4.isArrayLiteralExpression(node))
-      return node.elements.map((element) => this.#literalToValue(element));
-    if (ts4.isObjectLiteralExpression(node)) {
-      const obj = {};
-      for (const prop of node.properties) {
-        if (!ts4.isPropertyAssignment(prop))
+        if (NON_SOURCE_EXT_RE2.test(spec))
           continue;
-        const name = this.#getPropertyName(prop.name);
-        if (!name)
+        const resolved = await this.#resolveSourceImport(spec, importerDir, resolvePackage);
+        if (!resolved || sourceFiles.has(resolved) || isIgnoredNodeModuleSource(resolved))
           continue;
-        obj[name] = this.#literalToValue(prop.initializer);
+        queue.push(resolved);
       }
-      return obj;
-    }
-    if (ts4.isAsExpression(node) || ts4.isSatisfiesExpression(node) || ts4.isParenthesizedExpression(node)) {
-      return this.#literalToValue(node.expression);
     }
-    return;
-  }
-  #getPropertyName(name) {
-    if (ts4.isIdentifier(name) || ts4.isStringLiteral(name) || ts4.isNumericLiteral(name))
-      return name.text;
-    return null;
-  }
-  #dedupeFonts(fonts) {
-    const map = new Map;
-    for (const font of fonts)
-      map.set(JSON.stringify(font), font);
-    return [...map.values()];
-  }
-  #withFontDefaults(font) {
-    return { ...font, subsets: font.subsets ?? [...DEFAULT_FONT_SUBSETS] };
-  }
-  #getFontSubsets(font) {
-    return font.subsets ?? DEFAULT_FONT_SUBSETS;
-  }
-  #getFontVariableName(font) {
-    return font.variable ?? `--font-${font.name}`;
-  }
-  #getFontFallbackName(font) {
-    return font.fallbackName ?? `${font.name} fallback`;
-  }
-  #isFontOptimizationEnabled(font) {
-    return font.optimize !== false;
-  }
-  #getFontStyles(font) {
-    return font.styles?.length ? font.styles : ["normal"];
-  }
-  #getFontFaces(font) {
-    const enabledStyles = new Set(this.#getFontStyles(font));
-    return font.paths.map((fontPath) => {
-      const style = fontPath.style ?? "normal";
-      return {
-        font,
-        path: fontPath,
-        src: fontPath.src,
-        weight: fontPath.weight,
-        style,
-        optimizedSrc: this.#getOptimizedFontSrc(font, fontPath)
-      };
-    }).filter((face) => enabledStyles.has(face.style));
-  }
-  #getOptimizedFontSrc(font, fontPath) {
-    const style = fontPath.style ?? "normal";
-    const hash = this.#hashFontConfig({
-      name: font.name,
-      src: fontPath.src,
-      weight: fontPath.weight,
-      style,
-      display: font.display,
-      subset: font.subset,
-      subsets: this.#getFontSubsets(font),
-      subsetText: font.subsetText,
-      subsetFiles: font.subsetFiles,
-      declarations: [...font.declarations ?? [], ...fontPath.declarations ?? []]
-    });
-    return `${FONT_URL_PREFIX}/${this.#slugFontPart(font.name)}-${this.#slugFontPart(String(fontPath.weight))}-${style}-${hash}.woff2`;
+    return { cssPaths: [...cssFiles], sourcePaths: [...sourceFiles] };
   }
-  #hashFontConfig(value) {
-    const input = this.#stableStringify(value);
-    let hash = 2166136261;
-    for (let i = 0;i < input.length; i++) {
-      hash ^= input.charCodeAt(i);
-      hash = Math.imul(hash, 16777619);
+  async compileCss(cssPaths, sourcePaths) {
+    if (cssPaths.length === 0)
+      return "";
+    const compileStarted = Date.now();
+    const compilers = await Promise.all(cssPaths.map(async (cssPath) => {
+      const css = await Bun.file(cssPath).text();
+      const base = path15.dirname(cssPath);
+      const compiler = await compile(css, {
+        base,
+        loadStylesheet: (id, fromBase) => this.#loadStylesheet(id, fromBase),
+        loadModule: (id, fromBase) => this.#loadModule(id, fromBase)
+      });
+      return { cssPath, compiler };
+    }));
+    const sourceDirs = new Set;
+    for (const entry of compilers) {
+      if (!entry)
+        continue;
+      for (const s of entry.compiler.sources)
+        sourceDirs.add(s.base);
     }
-    return (hash >>> 0).toString(36);
-  }
-  #stableStringify(value) {
-    if (Array.isArray(value))
-      return `[${value.map((item) => this.#stableStringify(item)).join(",")}]`;
-    if (value && typeof value === "object") {
-      const entries = Object.entries(value).filter(([, v]) => v !== undefined).sort(([a], [b]) => a.localeCompare(b));
-      return `{${entries.map(([k, v]) => `${JSON.stringify(k)}:${this.#stableStringify(v)}`).join(",")}}`;
+    const scanStarted = Date.now();
+    const candidates = await this.#scanCandidates(sourcePaths, [...sourceDirs]);
+    this.#logger.verbose(`css candidates scanned count=${candidates.length} sources=${sourcePaths.length} dirs=${sourceDirs.size} in ${Date.now() - scanStarted}ms`);
+    const parts = [];
+    for (const entry of compilers) {
+      if (!entry)
+        continue;
+      parts.push(entry.compiler.build(candidates));
     }
-    return JSON.stringify(value);
+    this.#logger.verbose(`css compiled paths=${cssPaths.length} candidates=${candidates.length} in ${Date.now() - compileStarted}ms`);
+    return parts.join(`
+`);
   }
-  #slugFontPart(value) {
-    return value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "font";
+  async#loadStylesheet(id, fromBase) {
+    const p = await this.#resolveCssImport(id, fromBase);
+    const content = await Bun.file(p).text();
+    return { path: p, base: path15.dirname(p), content };
   }
-  async#resolveFontSourcePath(src) {
-    if (!src.startsWith("/"))
-      return null;
-    const rel = src.replace(/^\//, "");
-    const candidates = [
-      this.#command === "build" ? path16.join(this.#app.dist.cwdPath, "public", rel) : null,
-      path16.join(this.#app.cwdPath, "public", rel),
-      this.#resolveWorkspacePublicPath(rel)
-    ].filter(Boolean);
-    for (const candidate of candidates) {
-      if (await Bun.file(candidate).exists())
-        return candidate;
+  async#resolveCssImport(id, fromBase) {
+    if (id.startsWith(".") || id.startsWith("/"))
+      return path15.resolve(fromBase, id);
+    const resolver = await this.#getCssImportResolver();
+    const resolved = await resolver.resolve(id, fromBase);
+    if (resolved)
+      return resolved;
+    throw new Error(`[css] failed to resolve stylesheet import "${id}" from ${fromBase}`);
+  }
+  async#getCssImportResolver() {
+    if (this.#cssImportResolver)
+      return this.#cssImportResolver;
+    this.#cssImportResolver = await CssImportResolver.create(this.#app);
+    return this.#cssImportResolver;
+  }
+  async#loadModule(id, fromBase) {
+    const p = __require.resolve(id, { paths: [fromBase] });
+    const mod = await import(p);
+    return { path: p, base: path15.dirname(p), module: mod.default ?? mod };
+  }
+  async#resolveSourceImport(id, fromBase, resolvePackage) {
+    if (id.startsWith(".") || id.startsWith("/")) {
+      const abs = id.startsWith("/") ? id : path15.resolve(fromBase, id);
+      return resolveSourceFileCandidate(abs);
+    }
+    const pkg = await resolvePackage(id);
+    if (pkg)
+      return pkg.entryFile;
+    for (const resolve of [() => resolveSourceWithBun(id, fromBase), () => resolveSourceWithRequire(id, fromBase)]) {
+      const resolved = await resolve();
+      if (resolved)
+        return resolved;
     }
     return null;
   }
-  async#convertToWoff2(buffer, sourcePath) {
-    await this.#initWoff2();
-    const font = createFont(buffer, { type: this.#getFontType(sourcePath, buffer) });
-    return font.write({ type: "woff2", toBuffer: true });
+  async#scanCandidates(sourcePaths, dirs) {
+    const CANDIDATE_RE = /-?[\w@][\w:/.-]*(?:\[[^\]]+\][\w:/.-]*)*/g;
+    const candidates = new Set;
+    const glob = new Bun.Glob("**/*.{tsx,ts,jsx,js,html}");
+    const files = new Set(sourcePaths);
+    await Promise.all(dirs.map(async (dir) => {
+      for await (const file of glob.scan({ cwd: dir, absolute: true })) {
+        if (isIgnoredNodeModuleSource(file))
+          continue;
+        files.add(file);
+      }
+    }));
+    await Promise.all([...files].map(async (file) => {
+      const content = await Bun.file(file).text();
+      for (const m of content.matchAll(CANDIDATE_RE))
+        candidates.add(m[0]);
+    }));
+    return [...candidates];
   }
-  async#initWoff2() {
-    this.#woff2Ready ??= woff2.init().then(() => {
-      return;
-    });
-    return this.#woff2Ready;
+}
+async function resolveSourceFileCandidate(absPathNoExt) {
+  if (await Bun.file(absPathNoExt).exists())
+    return isSourceFile(absPathNoExt) ? absPathNoExt : null;
+  for (const ext of SOURCE_EXTS2) {
+    const filePath = `${absPathNoExt}${ext}`;
+    if (await Bun.file(filePath).exists())
+      return filePath;
   }
-  #getFontType(sourcePath, buffer) {
-    const signature = buffer.toString("ascii", 0, 4);
-    if (signature === "wOFF")
-      return "woff";
-    if (signature === "wOF2")
-      return "woff2";
-    if (signature === "OTTO")
-      return "otf";
-    const ext = path16.extname(sourcePath).slice(1).toLowerCase();
-    if (ext === "otf" || ext === "woff" || ext === "woff2")
-      return ext;
-    return "ttf";
+  for (const ext of SOURCE_EXTS2) {
+    const filePath = path15.join(absPathNoExt, `index${ext}`);
+    if (await Bun.file(filePath).exists())
+      return filePath;
   }
-  #resolveWorkspacePublicPath(rel) {
-    const [root, dep, ...rest] = rel.split("/");
-    if (root !== "libs" || !dep || rest.length === 0)
-      return null;
-    return path16.join(this.#app.workspace.workspaceRoot, "libs", dep, "public", ...rest);
+  return null;
+}
+function resolveSourceWithBun(id, fromBase) {
+  try {
+    const resolved = Bun.resolveSync(id, fromBase);
+    return isSourceFile(resolved) ? resolved : null;
+  } catch {
+    return null;
   }
-  async#getSubsetText(font) {
-    const parts = new Set;
-    const subsets = this.#getFontSubsets(font);
-    for (const subset of subsets)
-      parts.add(await this.#getSubsetPresetText(subset));
-    if (font.subsetText)
-      parts.add(font.subsetText);
-    for (const filePath of font.subsetFiles ?? []) {
-      const abs = path16.isAbsolute(filePath) ? filePath : path16.join(this.#app.cwdPath, filePath);
-      const file = Bun.file(abs);
-      if (await file.exists())
-        parts.add(await file.text());
-    }
-    return [...parts].join("");
+}
+function resolveSourceWithRequire(id, fromBase) {
+  try {
+    const resolved = __require.resolve(id, { paths: [fromBase] });
+    return isSourceFile(resolved) ? resolved : null;
+  } catch {
+    return null;
   }
-  async#getSubsetPresetText(subset) {
-    if (subset === "latin")
-      return this.#rangeText(32, 126);
-    if (subset === "latin-ext")
-      return `${this.#rangeText(32, 126)}${this.#rangeText(160, 591)}`;
-    if (subset === "ks-x-1001")
-      return FontOptimizer.#getKsX1001Text();
-    if (subset === "auto")
-      return this.#collectAutoSubsetText();
-    return "";
+}
+function isSourceFile(filePath) {
+  return SOURCE_EXTS2.includes(path15.extname(filePath));
+}
+function isIgnoredNodeModuleSource(filePath) {
+  return NODE_MODULES_RE3.test(filePath) && !AKANJS_NODE_MODULE_RE3.test(filePath);
+}
+function getPageKeyBasePath(pageKey, basePaths) {
+  const normalized = pageKey.split(path15.sep).join("/").replace(/^\.\//, "");
+  const segments = normalized.split("/");
+  const firstPublicSegment = segments.find((segment) => segment !== "[lang]" && !/^\(.+\)$/.test(segment));
+  return firstPublicSegment && basePaths.includes(firstPublicSegment) ? firstPublicSegment : null;
+}
+
+// pkgs/@akanjs/devkit/frontendBuild/devChangePlanner.ts
+import path16 from "path";
+var SOURCE_EXTS3 = new Set([".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"]);
+var CONFIG_BASENAMES = new Set(["akan.config.ts", "bunfig.toml", "tsconfig.json", "package.json"]);
+var BARREL_FACETS = new Set(["common", "srvkit", "ui", "webkit", "plugin"]);
+var CLIENT_SUFFIXES = [".Template.tsx", ".Unit.tsx", ".Util.tsx", ".View.tsx", ".Zone.tsx", ".store.ts"];
+var SHARED_SUFFIXES = [".constant.ts", ".dictionary.ts", ".signal.ts"];
+var SERVER_SUFFIXES = [".service.ts", ".document.ts"];
+var RUNTIME_METADATA_BASENAMES = new Set(["dict.ts", "sig.ts", "useClient.ts", "useServer.ts"]);
+
+class DevChangePlanner {
+  #workspaceRoot;
+  constructor({ workspaceRoot }) {
+    this.#workspaceRoot = path16.resolve(workspaceRoot);
   }
-  async#collectAutoSubsetText() {
-    const roots = ["page", "ui"].map((dir) => path16.join(this.#app.cwdPath, dir));
-    const glob = new Bun.Glob("**/*.{ts,tsx,js,jsx,html,md}");
-    const parts = [];
-    await Promise.all(roots.map(async (root) => {
-      if (!await Bun.file(root).exists())
-        return;
-      for await (const filePath of glob.scan({ cwd: root, absolute: true })) {
-        parts.push(await Bun.file(filePath).text());
+  plan({ generation, files, kinds, generatedFiles = [] }) {
+    const fileList = uniqueResolved([...files, ...generatedFiles]);
+    const generatedSet = new Set(generatedFiles.map((file) => path16.resolve(file)));
+    const kindSet = new Set(kinds);
+    const roles = new Set;
+    const actions = new Set;
+    const reasonByFile = {};
+    for (const kind of kindSet) {
+      if (kind === "css") {
+        roles.add("css");
+        actions.add("rebuild-css");
       }
-    }));
-    return parts.join("");
-  }
-  #rangeText(start, end) {
-    let text = "";
-    for (let code = start;code <= end; code++)
-      text += String.fromCodePoint(code);
-    return text;
-  }
-  static #getKsX1001Text() {
-    if (FontOptimizer.#ksX1001Text)
-      return FontOptimizer.#ksX1001Text;
-    try {
-      const decoder = new TextDecoder("euc-kr");
-      const chars = new Set;
-      for (let lead = 161;lead <= 254; lead++) {
-        for (let trail = 161;trail <= 254; trail++) {
-          const char = decoder.decode(Uint8Array.of(lead, trail));
-          if (char && char !== "\uFFFD")
-            chars.add(char);
-        }
+      if (kind === "config") {
+        roles.add("config");
+        actions.add("restart-dev-host");
       }
-      FontOptimizer.#ksX1001Text = [...chars].join("");
-    } catch {
-      FontOptimizer.#ksX1001Text = FontOptimizer.#rangeTextStatic(44032, 55203);
     }
-    return FontOptimizer.#ksX1001Text;
-  }
-  static #rangeTextStatic(start, end) {
-    let text = "";
-    for (let code = start;code <= end; code++)
-      text += String.fromCodePoint(code);
-    return text;
-  }
-  #buildOptimizedFontFaceRule(font, face) {
-    const declarations = [
-      ["font-family", this.#quote(font.name)],
-      ["src", `url(${this.#quote(face.optimizedSrc)}) format("woff2")`],
-      ["font-weight", String(face.weight)],
-      ["font-style", face.style],
-      ["font-display", font.display ?? "swap"],
-      ...this.#toDeclarationEntries(font.declarations),
-      ...this.#toDeclarationEntries(face.path.declarations)
-    ];
-    return `@font-face {
-${declarations.map(([prop, value]) => `  ${prop}: ${value};`).join(`
-`)}
-}`;
+    for (const file of fileList) {
+      const reasons = new Set;
+      const fileRoles = this.#rolesForFile(file, { isGenerated: generatedSet.has(path16.resolve(file)), reasons });
+      for (const role of fileRoles)
+        roles.add(role);
+      if (reasons.has("runtime-metadata"))
+        actions.add("restart-builder");
+      if (reasons.size > 0)
+        reasonByFile[path16.resolve(file)] = [...reasons].sort();
+    }
+    if (roles.has("barrel"))
+      actions.add("sync-generated");
+    if (roles.has("server") || roles.has("shared"))
+      actions.add("restart-backend");
+    if (roles.has("client") || roles.has("shared"))
+      actions.add("rebuild-client");
+    if (roles.has("css"))
+      actions.add("rebuild-css");
+    return {
+      generation,
+      files: fileList,
+      generatedFiles: uniqueResolved(generatedFiles),
+      roles: [...roles].sort(),
+      actions: [...actions].sort(),
+      reasonByFile
+    };
   }
-  async#buildFontaineFallbackCss(font, face, outputPath) {
-    if (font.adjustFontFallback === false)
-      return "";
-    const metrics = await readMetrics(outputPath).catch(() => null);
-    if (!metrics)
-      return "";
-    const fallbacks = resolveCategoryFallbacks({
-      fontFamily: font.name,
-      fallbacks: font.fallbacks ?? {},
-      metrics: { ...metrics, category: font.category }
-    });
-    const css = [];
-    for (let i = fallbacks.length - 1;i >= 0; i--) {
-      const fallback = fallbacks[i];
-      const fallbackMetrics = await getMetricsForFamily(fallback);
-      if (!fallbackMetrics)
-        continue;
-      css.push(generateFontFace({ ...metrics, category: font.category }, {
-        name: this.#getFontFallbackName(font),
-        font: fallback,
-        metrics: fallbackMetrics,
-        "font-weight": String(face.weight),
-        "font-style": face.style
-      }));
+  #rolesForFile(file, { isGenerated, reasons }) {
+    const roles = new Set;
+    const abs = path16.resolve(file);
+    const base = path16.basename(abs);
+    const ext = path16.extname(abs).toLowerCase();
+    const isSource = SOURCE_EXTS3.has(ext);
+    const rel = path16.relative(this.#workspaceRoot, abs);
+    const parts = rel.split(path16.sep).filter(Boolean);
+    if (CONFIG_BASENAMES.has(base)) {
+      roles.add("config");
+      reasons.add("config-file");
+    }
+    if (ext === ".css") {
+      roles.add("css");
+      reasons.add("css-file");
+    }
+    if (isGenerated || isSource && this.#isBarrelFacetChild(parts)) {
+      roles.add("barrel");
+      reasons.add(isGenerated ? "generated-index" : "barrel-facet-child");
+    }
+    if (isSource && this.#isServerBiased(abs, parts)) {
+      roles.add("server");
+      reasons.add("server-path");
     }
-    return css.join("");
+    if (isSource && this.#isClientBiased(abs, parts)) {
+      roles.add("client");
+      reasons.add("client-path");
+    }
+    if (isSource && this.#isSharedBiased(abs, parts)) {
+      roles.add("shared");
+      reasons.add("shared-path");
+    }
+    if (isSource && this.#isRuntimeMetadataFile(parts, base)) {
+      reasons.add("runtime-metadata");
+    }
+    if (roles.has("server") && roles.has("client")) {
+      roles.delete("server");
+      roles.delete("client");
+      roles.add("shared");
+      reasons.add("server-client-overlap");
+    }
+    if (roles.size === 0 && SOURCE_EXTS3.has(ext) && this.#isWorkspaceSource(rel)) {
+      roles.add("shared");
+      reasons.add("workspace-source-fallback");
+    }
+    return roles;
   }
-  #buildRootVariableRule(font) {
-    return `:root { ${this.#getFontVariableName(font)}: ${this.#quote(font.name)}, ${this.#quote(this.#getFontFallbackName(font))}; }`;
+  #isServerBiased(abs, parts) {
+    const base = path16.basename(abs);
+    return parts.includes("srvkit") || SERVER_SUFFIXES.some((suffix) => base.endsWith(suffix)) || base === "main.ts" || base === "server.ts";
   }
-  #buildFontUtilityRules(fonts) {
-    const rules = [];
-    const seen = new Set;
-    for (const font of fonts) {
-      const className = font.className || `font-${font.name}`;
-      const selector = `.${this.#escapeCssClassName(className)}`;
-      const rule = `${selector} { font-family: var(${this.#getFontVariableName(font)}); }`;
-      if (seen.has(rule))
-        continue;
-      seen.add(rule);
-      rules.push(rule);
-    }
-    return rules.join(`
-`);
+  #isClientBiased(abs, parts) {
+    const base = path16.basename(abs);
+    return parts.includes("ui") || parts.includes("webkit") || parts.includes("page") || CLIENT_SUFFIXES.some((suffix) => base.endsWith(suffix));
   }
-  #escapeCssClassName(value) {
-    return value.replace(/^-?\d|[^a-zA-Z0-9_-]/g, (part) => [...part].map((char) => `\\${char.codePointAt(0)?.toString(16)} `).join(""));
+  #isSharedBiased(abs, parts) {
+    const base = path16.basename(abs);
+    return parts.includes("common") || SHARED_SUFFIXES.some((suffix) => base.endsWith(suffix)) || RUNTIME_METADATA_BASENAMES.has(base);
   }
-  #toDeclarationEntries(declarations = []) {
-    return declarations.map((declaration) => [declaration.prop, declaration.value]);
+  #isRuntimeMetadataFile(parts, base) {
+    const parent = parts.at(-2);
+    if (parent === "lib" && RUNTIME_METADATA_BASENAMES.has(base))
+      return true;
+    const libIndex = parts.lastIndexOf("lib");
+    if (libIndex < 0 || parts.length <= libIndex + 1)
+      return false;
+    return base.endsWith(".dictionary.ts") || base.endsWith(".signal.ts");
   }
-  #quote(value) {
-    return JSON.stringify(value);
+  #isBarrelFacetChild(parts) {
+    if (parts.length < 4)
+      return false;
+    const [scope, , facet, child] = parts;
+    if (scope !== "apps" && scope !== "libs")
+      return false;
+    if (!facet || !BARREL_FACETS.has(facet))
+      return false;
+    if (!child || child.startsWith(".") || child === "index.ts" || child === "index.tsx")
+      return false;
+    return true;
+  }
+  #isWorkspaceSource(rel) {
+    if (!rel || rel.startsWith("..") || path16.isAbsolute(rel))
+      return false;
+    const [scope] = rel.split(path16.sep);
+    return scope === "apps" || scope === "libs" || scope === "pkgs";
   }
 }
+var uniqueResolved = (files) => [...new Set(files.map((file) => path16.resolve(file)))].sort();
 
-// pkgs/@akanjs/devkit/frontendBuild/hmrWatcher.ts
-import fs3 from "fs";
-import path18 from "path";
-
-// pkgs/@akanjs/devkit/frontendBuild/hmrChangeClassifier.ts
+// pkgs/@akanjs/devkit/frontendBuild/devGeneratedIndexSync.ts
+import { mkdir as mkdir4, readdir as readdir2, readFile as readFile2, rm as rm2, stat as stat2, writeFile as writeFile2 } from "fs/promises";
 import path17 from "path";
-var SOURCE_EXTS3 = new Set([".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"]);
-var CSS_EXTS = new Set([".css"]);
-var CONFIG_BASENAMES2 = new Set(["akan.config.ts", "bunfig.toml", "tsconfig.json", "package.json"]);
-
-class HmrChangeClassifier {
-  classify(abs) {
-    if (this.#isUninteresting(abs))
-      return "ignore";
-    const base = path17.basename(abs);
-    if (CONFIG_BASENAMES2.has(base))
-      return "config";
-    const ext = path17.extname(abs).toLowerCase();
-    if (CSS_EXTS.has(ext))
-      return "css";
-    if (SOURCE_EXTS3.has(ext))
-      return "code";
-    return "ignore";
-  }
-  #isUninteresting(abs) {
-    const base = path17.basename(abs);
-    if (!base)
-      return true;
-    if (base.startsWith("."))
-      return true;
-    if (base.endsWith("~") || base.endsWith(".swp") || base.endsWith(".swx") || base.endsWith(".tmp"))
-      return true;
-    if (abs.includes(`${path17.sep}node_modules${path17.sep}`))
-      return true;
-    if (abs.includes(`${path17.sep}.akan${path17.sep}`))
-      return true;
-    return false;
-  }
-}
+var BARREL_FACETS2 = new Set(["common", "srvkit", "ui", "webkit", "plugin"]);
+var FACET_SOURCE_FILE_RE = /\.(ts|tsx)$/;
+var FACET_EXCLUDED_FILE_RE = /(^index\.tsx?$|\.d\.ts$|\.(test|spec)\.(ts|tsx)$|\.css$|\.scss$|\.sass$)/;
+var FACET_PASCAL_CASE_RE = /^[A-Z][A-Za-z0-9]*$/;
+var FACET_CAMEL_CASE_RE = /^[a-z][A-Za-z0-9]*$/;
+var MODULE_UI_TYPES = ["Template", "Unit", "Util", "View", "Zone"];
+var SERVICE_UI_TYPES = ["Util", "Zone"];
+var SCALAR_UI_TYPES = ["Template", "Unit"];
 
-// pkgs/@akanjs/devkit/frontendBuild/hmrWatcher.ts
-class HmrWatcher {
-  #roots;
-  #debounceMs;
-  #onBatch;
-  #logger;
-  #watchers = [];
-  #pending = new Map;
-  #classifier = new HmrChangeClassifier;
-  #timer = null;
-  #stopped = false;
-  #flushing = false;
-  constructor(opts) {
-    this.#roots = [...new Set(opts.roots.map((r) => path18.resolve(r)))];
-    this.#debounceMs = opts.debounceMs ?? 80;
-    this.#onBatch = opts.onBatch;
-    this.#logger = opts.logger;
+class DevGeneratedIndexSync {
+  #workspaceRoot;
+  constructor({ workspaceRoot }) {
+    this.#workspaceRoot = path17.resolve(workspaceRoot);
   }
-  start() {
-    for (const root of this.#roots) {
-      try {
-        const w = fs3.watch(root, { recursive: true, persistent: false }, (_event, filename) => {
-          if (!filename)
-            return;
-          const abs = path18.resolve(root, filename.toString());
-          this.#queue(abs);
-        });
-        this.#watchers.push(w);
-        this.#logger.verbose(`[hmr] watching ${root}`);
-      } catch (err) {
-        this.#logger.error(`[hmr] failed to watch ${root}: ${err.message}`);
-      }
+  async syncForBatch(files) {
+    const indexPaths = new Set;
+    const errors = [];
+    for (const file of files) {
+      const facetIndex = this.#facetIndexFor(file);
+      if (facetIndex)
+        indexPaths.add(facetIndex);
+      const moduleIndex = await this.#moduleIndexForDirectoryEvent(file).catch((err) => {
+        errors.push(`[generated-index] module detection failed for ${file}: ${formatError2(err)}`);
+        return null;
+      });
+      if (moduleIndex)
+        indexPaths.add(moduleIndex);
     }
-  }
-  stop() {
-    this.#stopped = true;
-    if (this.#timer)
-      clearTimeout(this.#timer);
-    for (const w of this.#watchers) {
+    const changedFiles = [];
+    for (const indexPath of [...indexPaths].sort()) {
       try {
-        w.close();
-      } catch {}
-    }
-  }
-  #queue(abs) {
-    const kind = this.#classifier.classify(abs);
-    if (kind === "ignore")
-      return;
-    this.#pending.set(abs, kind);
-    if (this.#flushing)
-      return;
-    if (this.#timer)
-      clearTimeout(this.#timer);
-    this.#timer = setTimeout(() => this.#flush(), this.#debounceMs);
-  }
-  #flush() {
-    this.#timer = null;
-    if (this.#stopped || this.#pending.size === 0 || this.#flushing)
-      return;
-    this.#drain();
-  }
-  async#drain() {
-    this.#flushing = true;
-    try {
-      while (!this.#stopped && this.#pending.size > 0) {
-        const files = Array.from(this.#pending.keys());
-        const kinds = new Set(this.#pending.values());
-        this.#pending.clear();
-        try {
-          await this.#onBatch({ files, kinds });
-        } catch (e) {
-          this.#logger.error(`[hmr] onBatch error: ${e.message}`);
-        }
+        const changed = await this.#syncIndex(indexPath);
+        if (changed)
+          changedFiles.push(indexPath);
+      } catch (err) {
+        errors.push(`[generated-index] sync failed for ${indexPath}: ${formatError2(err)}`);
       }
-    } finally {
-      this.#flushing = false;
-      if (!this.#stopped && this.#pending.size > 0)
-        this.#timer = setTimeout(() => this.#flush(), this.#debounceMs);
     }
+    return { changedFiles, errors };
   }
-}
-
-// pkgs/@akanjs/devkit/frontendBuild/pagesBundleBuilder.ts
-import path20 from "path";
-
-// pkgs/@akanjs/devkit/transforms/externalizeFrameworkPlugin.ts
-import path19 from "path";
-var DEFAULT_INCLUDE = ["akanjs/", "@apps/", "@libs/"];
-var DEFAULT_EXCLUDE_EXACT = new Set(["akanjs/webkit", "@akanjs/cli", "@akanjs/devkit"]);
-var DEFAULT_EXCLUDE_PREFIX = ["@akanjs/cli/", "@akanjs/devkit/"];
-var OPTIONAL_BACKEND_EXTERNAL_EXACT = new Set([
-  "@libsql/client",
-  "bullmq",
-  "croner",
-  "ioredis",
-  "postgres",
-  "protobufjs"
-]);
-var RUNTIME_EXTERNAL_EXACT = new Set([
-  "react",
-  "react-dom",
-  "react/jsx-runtime",
-  "react/jsx-dev-runtime",
-  "react-server-dom-webpack",
-  "react-server-dom-webpack/server.node",
-  "react-server-dom-webpack/client.node",
-  "react-server-dom-webpack/client.browser"
-]);
-var RUNTIME_EXTERNAL_PREFIX = ["react-dom/", "react-server-dom-webpack/"];
-var CANDIDATE_EXTS3 = [".tsx", ".ts", ".jsx", ".js", ".mjs", ".cjs"];
-async function createExternalizeFrameworkPlugin(options) {
-  const tsconfig = await options.app.getTsConfig();
-  const includePrefixes = options.include ?? DEFAULT_INCLUDE;
-  const extraExact = new Set(options.extra ?? []);
-  const workspaceRoot = options.app.workspace.workspaceRoot;
-  const tsconfigPaths = tsconfig.compilerOptions.paths ?? {};
-  const rootEntries = Object.entries(tsconfigPaths).filter(([k]) => !k.endsWith("/*")).map(([k, v]) => ({ pkg: k, entryFile: v[0] ?? null })).filter((e) => e.entryFile !== null);
-  const wildcardEntries = Object.entries(tsconfigPaths).filter(([k]) => k.endsWith("/*")).map(([k, v]) => ({ prefix: k.slice(0, -1), replacements: v })).sort((a, b) => b.prefix.length - a.prefix.length);
-  async function resolveWorkspaceSubpath(spec) {
-    if (!workspaceRoot)
+  #facetIndexFor(file) {
+    const abs = path17.resolve(file);
+    const rel = path17.relative(this.#workspaceRoot, abs);
+    if (rel.startsWith("..") || path17.isAbsolute(rel))
       return null;
-    for (const { prefix, replacements } of wildcardEntries) {
-      if (!spec.startsWith(prefix))
-        continue;
-      const suffix = spec.slice(prefix.length);
-      for (const repl of replacements) {
-        const replPath = repl?.endsWith("/*") ? repl.slice(0, -1) : repl ?? "";
-        if (!replPath)
-          continue;
-        const candidate = path19.resolve(workspaceRoot, replPath + suffix);
-        const hit = await firstExisting(candidate);
-        if (hit)
-          return hit;
-      }
-    }
-    for (const { pkg, entryFile } of rootEntries) {
-      if (spec !== pkg && !spec.startsWith(`${pkg}/`))
-        continue;
-      if (spec === pkg)
-        continue;
-      const suffix = spec.slice(pkg.length + 1);
-      const pkgDir = path19.dirname(path19.resolve(workspaceRoot, entryFile));
-      const candidate = path19.join(pkgDir, suffix);
-      const hit = await firstExisting(candidate);
-      if (hit)
-        return hit;
-    }
-    return null;
+    const parts = rel.split(path17.sep).filter(Boolean);
+    if (parts.length < 4)
+      return null;
+    const [scope, project, facet, child] = parts;
+    if (scope !== "apps" && scope !== "libs" || !project || !facet || !BARREL_FACETS2.has(facet))
+      return null;
+    if (!child || child.startsWith(".") || child === "index.ts" || child === "index.tsx")
+      return null;
+    return path17.join(this.#workspaceRoot, scope, project, facet, "index.ts");
   }
-  return {
-    name: "akan-externalize-framework",
-    setup(build) {
-      build.onResolve({ filter: /.*/ }, async (args) => {
-        const spec = args.path;
-        if (spec === "." || spec === ".." || spec.startsWith("./") || spec.startsWith("../") || spec.startsWith("/"))
-          return;
-        if (extraExact.has(spec) || DEFAULT_EXCLUDE_EXACT.has(spec))
-          return { path: spec, external: true };
-        for (const prefix of DEFAULT_EXCLUDE_PREFIX) {
-          if (spec.startsWith(prefix))
-            return { path: spec, external: true };
-        }
-        if (OPTIONAL_BACKEND_EXTERNAL_EXACT.has(spec))
-          return { path: spec, external: true };
-        if (RUNTIME_EXTERNAL_EXACT.has(spec))
-          return { path: spec, external: true };
-        for (const prefix of RUNTIME_EXTERNAL_PREFIX) {
-          if (spec.startsWith(prefix))
-            return { path: spec, external: true };
-        }
-        for (const prefix of includePrefixes) {
-          if (!spec.startsWith(prefix))
-            continue;
-          const resolved = await resolveWorkspaceSubpath(spec);
-          if (resolved)
-            return { path: resolved };
-          return;
-        }
-        return;
-      });
+  async#moduleIndexForDirectoryEvent(file) {
+    const abs = path17.resolve(file);
+    const rel = path17.relative(this.#workspaceRoot, abs);
+    if (rel.startsWith("..") || path17.isAbsolute(rel))
+      return null;
+    const parts = rel.split(path17.sep).filter(Boolean);
+    if (parts.length !== 4 && parts.length !== 5)
+      return null;
+    const [scope, project, libSegment, moduleSegment, scalarSegment] = parts;
+    if (scope !== "apps" && scope !== "libs" || !project || libSegment !== "lib")
+      return null;
+    const isExistingDirectory = await stat2(abs).then((s) => s.isDirectory()).catch(() => false);
+    const looksLikeDeletedDirectory = !path17.extname(abs);
+    if (!isExistingDirectory && !looksLikeDeletedDirectory)
+      return null;
+    if (moduleSegment === "__scalar" && scalarSegment) {
+      return path17.join(this.#workspaceRoot, scope, project, "lib", "__scalar", scalarSegment, "index.ts");
     }
-  };
-}
-async function firstExisting(basePath) {
-  if (await Bun.file(basePath).exists())
-    return basePath;
-  for (const ext of CANDIDATE_EXTS3) {
-    const candidate = `${basePath}${ext}`;
-    if (await Bun.file(candidate).exists())
-      return candidate;
+    if (!moduleSegment || moduleSegment === "__scalar")
+      return null;
+    return path17.join(this.#workspaceRoot, scope, project, "lib", moduleSegment, "index.ts");
   }
-  for (const ext of CANDIDATE_EXTS3) {
-    const candidate = path19.join(basePath, `index${ext}`);
-    if (await Bun.file(candidate).exists())
-      return candidate;
+  async#syncIndex(indexPath) {
+    const dir = path17.dirname(indexPath);
+    const content = await this.#contentForIndex(indexPath);
+    if (content === null) {
+      if (!await exists(indexPath))
+        return false;
+      await rm2(indexPath, { force: true });
+      return true;
+    }
+    const current = await readFile2(indexPath, "utf8").catch(() => null);
+    if (current === content)
+      return false;
+    await mkdir4(dir, { recursive: true });
+    await writeFile2(indexPath, content);
+    return true;
   }
-  return null;
-}
-
-// pkgs/@akanjs/devkit/transforms/useClientBundlePlugin.ts
-function createUseClientBundlePlugin(options = {}) {
-  return {
-    name: "akan-use-client-bundle",
-    setup(build) {
-      build.onLoad({ filter: /\.(tsx|ts|jsx|js)$/ }, async (args) => {
-        if (args.path.includes("/node_modules/"))
-          return;
-        let source;
-        try {
-          source = await Bun.file(args.path).text();
-        } catch {
-          return;
-        }
-        const stubbed = transformUseClient(source, {
-          path: args.path,
-          workspaceRoot: options.workspaceRoot
-        });
-        if (stubbed === null)
-          return;
-        return { contents: stubbed, loader: loaderFor3(args.path) };
-      });
+  async#contentForIndex(indexPath) {
+    const parts = path17.relative(this.#workspaceRoot, indexPath).split(path17.sep).filter(Boolean);
+    const facet = parts.at(-2);
+    if (facet && BARREL_FACETS2.has(facet))
+      return this.#facetContent(path17.dirname(indexPath));
+    return this.#moduleContent(path17.dirname(indexPath));
+  }
+  async#facetContent(dir) {
+    const nameCasePattern = path17.basename(dir) === "ui" ? FACET_PASCAL_CASE_RE : FACET_CAMEL_CASE_RE;
+    const entries = await readdir2(dir, { withFileTypes: true }).catch(() => []);
+    const exportNames = entries.flatMap((entry) => {
+      const name = entry.name;
+      if (name.startsWith("."))
+        return [];
+      if (entry.isDirectory())
+        return nameCasePattern.test(name) ? [name] : [];
+      if (!entry.isFile())
+        return [];
+      if (!FACET_SOURCE_FILE_RE.test(name) || FACET_EXCLUDED_FILE_RE.test(name))
+        return [];
+      const exportName = name.replace(FACET_SOURCE_FILE_RE, "");
+      return nameCasePattern.test(exportName) ? [exportName] : [];
+    }).sort();
+    if (exportNames.length === 0)
+      return null;
+    return `${exportNames.map((name) => `export * from "./${name}";`).join(`
+`)}
+`;
+  }
+  async#moduleContent(dir) {
+    const rel = path17.relative(this.#workspaceRoot, dir);
+    const parts = rel.split(path17.sep).filter(Boolean);
+    const moduleSegment = parts.at(-1);
+    if (!moduleSegment)
+      return null;
+    const isScalar = parts.at(-2) === "__scalar";
+    const rawModel = moduleSegment.startsWith("_") ? moduleSegment.slice(1) : moduleSegment;
+    if (!rawModel)
+      return null;
+    const modelName = capitalize(rawModel);
+    const allowedTypes = isScalar ? SCALAR_UI_TYPES : moduleSegment.startsWith("_") ? SERVICE_UI_TYPES : MODULE_UI_TYPES;
+    const fileTypes = [];
+    for (const type of allowedTypes) {
+      if (await exists(path17.join(dir, `${modelName}.${type}.tsx`)))
+        fileTypes.push(type);
     }
-  };
-}
-function loaderFor3(absPath) {
-  if (absPath.endsWith(".tsx"))
-    return "tsx";
-  if (absPath.endsWith(".jsx"))
-    return "jsx";
-  if (absPath.endsWith(".ts"))
-    return "ts";
-  return "js";
+    if (fileTypes.length === 0)
+      return null;
+    return `
+${fileTypes.map((type) => `import * as ${type} from "./${modelName}.${type}";`).join(`
+`)}
+
+export const ${modelName} = { ${fileTypes.join(", ")} };`;
+  }
 }
+var exists = async (file) => stat2(file).then(() => true).catch(() => false);
+var capitalize = (value) => `${value.charAt(0).toUpperCase()}${value.slice(1)}`;
+var formatError2 = (err) => err instanceof Error ? err.message : String(err);
 
-// pkgs/@akanjs/devkit/frontendBuild/pagesBundleBuilder.ts
-var VIRTUAL_PAGES_ENTRY = "akan-pages-entry";
+// pkgs/@akanjs/devkit/frontendBuild/fontOptimizer.ts
+import { mkdir as mkdir5, stat as stat3 } from "fs/promises";
+import path18 from "path";
+import ts4 from "typescript";
+var FONT_URL_PREFIX = "/_akan/fonts";
+var DEFAULT_FONT_SUBSETS = ["latin"];
 
-class PagesBundleBuilder {
+class FontOptimizer {
   #app;
   #command;
-  #pageEntries;
-  #started = Date.now();
-  constructor(app, command = "start", pageEntries) {
+  #artifactRoot;
+  #files = [];
+  #cssParts = [];
+  #woff2Ready = null;
+  static #ksX1001Text = null;
+  static #cacheVersion = 1;
+  constructor(app, command = "start") {
     this.#app = app;
     this.#command = command;
-    this.#pageEntries = pageEntries;
+    this.#artifactRoot = path18.join(command === "build" ? app.dist.cwdPath : app.cwdPath, ".akan/artifact");
   }
-  async build() {
-    const akanConfig = await this.#app.getConfig();
-    const resolvedEntries = this.#pageEntries ?? await resolveSsrPageEntriesForApp(this.#app, await this.#app.getPageKeys());
-    const entrySource = PagesEntrySourceGenerator.generate(resolvedEntries);
-    const workspaceRoot = this.#app.workspace.workspaceRoot;
-    const result = await Bun.build({
-      entrypoints: [VIRTUAL_PAGES_ENTRY],
-      outdir: `${this.#artifactDir}/server`,
-      target: "bun",
-      format: "esm",
-      splitting: this.#splitting,
-      minify: this.#command === "build",
-      naming: {
-        entry: "pages-[hash].[ext]",
-        chunk: "chunks/[name]-[hash].[ext]",
-        asset: "assets/[name]-[hash].[ext]"
-      },
-      define: this.#define(),
-      plugins: [
-        PagesBundleBuilder.createPagesEntryPlugin(entrySource),
-        PagesBundleBuilder.createServerCssStubPlugin(),
-        PagesBundleBuilder.createServerUseClientFetchPlugin(),
-        await createExternalizeFrameworkPlugin({ app: this.#app, extra: akanConfig.externalLibs }),
-        akanConfig.barrelImports.length > 0 ? await createBarrelImportsPlugin(this.#app, {
-          pipeAfter: (source, args) => transformUseClient(source, {
-            path: args.path,
-            workspaceRoot
-          })
-        }) : createUseClientBundlePlugin({ workspaceRoot })
-      ]
-    });
-    if (!result.success)
-      throw new AggregateError(result.logs, "[PagesBundleBuilder] Bun.build failed");
-    const entryArtifact = result.outputs.find((a) => a.kind === "entry-point");
-    if (!entryArtifact)
-      throw new Error("[PagesBundleBuilder] Bun.build emitted no entry-point artifact");
-    const bundlePath = path20.resolve(entryArtifact.path);
-    const buildId = Date.now();
-    const outputBytes = result.outputs.reduce((sum, output) => sum + output.size, 0);
-    const chunkCount = result.outputs.filter((output) => output.kind === "chunk").length;
-    this.#app.verbose(`[PagesBundleBuilder] ${path20.basename(bundlePath)} emitted in ${Date.now() - this.#started}ms splitting=${this.#splitting} entry=${entryArtifact.size} bytes outputs=${result.outputs.length} chunks=${chunkCount} total=${outputBytes} bytes`);
-    return {
-      bundlePath,
-      buildId,
-      splitting: this.#splitting,
-      entryBytes: entryArtifact.size,
-      outputBytes,
-      outputCount: result.outputs.length,
-      chunkCount
+  async optimize() {
+    const fonts = await this.discoverFonts();
+    const cacheKey = await this.#buildCacheKey(fonts);
+    const cached = cacheKey ? await this.#readCache(cacheKey) : null;
+    if (cached) {
+      this.#app.verbose(`[font] reused ${cached.files.length} cached file(s); skipped subsetting`);
+      return { css: cached.css, fonts, files: cached.files };
+    }
+    for (const font of fonts) {
+      if (!this.#isFontOptimizationEnabled(font))
+        continue;
+      await this.#optimizeFont(font);
+    }
+    const fontUtilityCss = this.#buildFontUtilityRules(fonts);
+    if (fontUtilityCss)
+      this.#cssParts.push(fontUtilityCss);
+    const result = { css: this.#cssParts.join(`
+`), fonts, files: this.#files };
+    if (cacheKey)
+      await this.#writeCache(cacheKey, result);
+    return result;
+  }
+  get #cachePath() {
+    return path18.join(this.#artifactRoot, "fontCache.json");
+  }
+  async#buildCacheKey(fonts) {
+    const sources = [];
+    for (const font of fonts) {
+      if (!this.#isFontOptimizationEnabled(font))
+        continue;
+      for (const face of this.#getFontFaces(font)) {
+        const sourcePath = await this.#resolveFontSourcePath(face.src);
+        const stamp = sourcePath ? await this.#fileStamp(sourcePath) : null;
+        if (!stamp)
+          return null;
+        sources.push({ optimizedSrc: face.optimizedSrc, ...stamp });
+      }
+      for (const filePath of font.subsetFiles ?? []) {
+        const abs = path18.isAbsolute(filePath) ? filePath : path18.join(this.#app.cwdPath, filePath);
+        const stamp = await this.#fileStamp(abs);
+        if (!stamp)
+          return null;
+        sources.push({ subsetFile: filePath, ...stamp });
+      }
+      if (this.#getFontSubsets(font).includes("auto"))
+        sources.push({ autoSubsetText: this.#hashFontConfig(await this.#collectAutoSubsetText()) });
+    }
+    return this.#hashFontConfig({ version: FontOptimizer.#cacheVersion, fonts, sources });
+  }
+  async#fileStamp(filePath) {
+    try {
+      const stats = await stat3(filePath);
+      return { mtimeMs: Math.round(stats.mtimeMs), size: stats.size };
+    } catch {
+      return null;
+    }
+  }
+  async#readCache(key) {
+    const cache = await Bun.file(this.#cachePath).json().catch(() => null);
+    if (cache?.version !== FontOptimizer.#cacheVersion || cache.key !== key)
+      return null;
+    const files = cache.files.map((relativePath) => path18.join(this.#artifactRoot, relativePath));
+    for (const filePath of files) {
+      if (!await Bun.file(filePath).exists())
+        return null;
+    }
+    return { css: cache.css, files };
+  }
+  async#writeCache(key, result) {
+    const cache = {
+      version: FontOptimizer.#cacheVersion,
+      key,
+      css: result.css,
+      files: result.files.map((filePath) => path18.relative(this.#artifactRoot, filePath))
     };
+    await Bun.write(this.#cachePath, JSON.stringify(cache));
+  }
+  async discoverFonts() {
+    const pageKeys = await this.#app.getPageKeys();
+    const fonts = [];
+    await Promise.all(pageKeys.map(async (key) => {
+      const filePath = path18.resolve(this.#app.cwdPath, "page", key);
+      const file = Bun.file(filePath);
+      if (!await file.exists())
+        return;
+      const source = await file.text();
+      if (!source.includes("fonts"))
+        return;
+      fonts.push(...this.#extractFontsExport(source, filePath));
+    }));
+    return this.#dedupeFonts(fonts);
+  }
+  async#optimizeFont(font) {
+    const faceCss = [];
+    for (const face of this.#getFontFaces(font)) {
+      const sourcePath = await this.#resolveFontSourcePath(face.src);
+      if (!sourcePath) {
+        this.#app.logger.warn(`[font] source not found: ${face.src}`);
+        continue;
+      }
+      const outputPath = path18.join(this.#artifactRoot, face.optimizedSrc.replace(/^\/_akan\//, ""));
+      await mkdir5(path18.dirname(outputPath), { recursive: true });
+      const sourceBuffer = Buffer.from(await Bun.file(sourcePath).arrayBuffer());
+      const outputBuffer = await this.#buildFontBuffer(font, sourceBuffer, sourcePath);
+      await Bun.write(outputPath, outputBuffer);
+      this.#files.push(outputPath);
+      faceCss.push(this.#buildOptimizedFontFaceRule(font, face));
+      const fallbackCss = await this.#buildFontaineFallbackCss(font, face, outputPath);
+      if (fallbackCss)
+        faceCss.push(fallbackCss);
+    }
+    if (faceCss.length > 0)
+      this.#cssParts.push(...faceCss, this.#buildRootVariableRule(font));
+  }
+  #extractFontsExport(source, filePath) {
+    const sourceFile = ts4.createSourceFile(filePath, source, ts4.ScriptTarget.Latest, true, ts4.ScriptKind.TSX);
+    const fonts = [];
+    for (const statement of sourceFile.statements) {
+      if (!ts4.isVariableStatement(statement))
+        continue;
+      const modifiers = ts4.canHaveModifiers(statement) ? ts4.getModifiers(statement) : undefined;
+      const isExported = modifiers?.some((modifier) => modifier.kind === ts4.SyntaxKind.ExportKeyword) ?? false;
+      if (!isExported)
+        continue;
+      for (const declaration of statement.declarationList.declarations) {
+        if (!ts4.isIdentifier(declaration.name) || declaration.name.text !== "fonts")
+          continue;
+        const value = declaration.initializer ? this.#literalToValue(declaration.initializer) : null;
+        if (Array.isArray(value)) {
+          fonts.push(...value.map((font) => this.#withFontDefaults(font)));
+        }
+      }
+    }
+    return fonts;
   }
-  get #artifactDir() {
-    return `${this.#command === "build" ? this.#app.dist.cwdPath : this.#app.cwdPath}/.akan/artifact`;
+  #literalToValue(node) {
+    if (ts4.isStringLiteralLike(node))
+      return node.text;
+    if (ts4.isNumericLiteral(node))
+      return Number(node.text);
+    if (node.kind === ts4.SyntaxKind.TrueKeyword)
+      return true;
+    if (node.kind === ts4.SyntaxKind.FalseKeyword)
+      return false;
+    if (ts4.isArrayLiteralExpression(node))
+      return node.elements.map((element) => this.#literalToValue(element));
+    if (ts4.isObjectLiteralExpression(node)) {
+      const obj = {};
+      for (const prop of node.properties) {
+        if (!ts4.isPropertyAssignment(prop))
+          continue;
+        const name = this.#getPropertyName(prop.name);
+        if (!name)
+          continue;
+        obj[name] = this.#literalToValue(prop.initializer);
+      }
+      return obj;
+    }
+    if (ts4.isAsExpression(node) || ts4.isSatisfiesExpression(node) || ts4.isParenthesizedExpression(node)) {
+      return this.#literalToValue(node.expression);
+    }
+    return;
   }
-  get #splitting() {
-    return process.env.AKAN_SERVER_PAGES_SPLITTING === "1";
+  #getPropertyName(name) {
+    if (ts4.isIdentifier(name) || ts4.isStringLiteral(name) || ts4.isNumericLiteral(name))
+      return name.text;
+    return null;
   }
-  #define() {
-    const nodeEnv = this.#command === "build" ? "production" : "development";
-    return {
-      "process.env.NODE_ENV": JSON.stringify(nodeEnv),
-      "process.env.AKAN_PUBLIC_RENDER_ENV": JSON.stringify("ssr"),
-      ...Object.fromEntries(Object.entries(this.#app.getPublicEnv()).map(([key, value]) => [`process.env.${key}`, JSON.stringify(value)]))
-    };
+  #dedupeFonts(fonts) {
+    const map = new Map;
+    for (const font of fonts)
+      map.set(JSON.stringify(font), font);
+    return [...map.values()];
   }
-  static createPagesEntryPlugin(source) {
-    return {
-      name: "akan-pages-entry",
-      setup(build) {
-        build.onResolve({ filter: /^akan-pages-entry$/ }, () => ({
-          path: VIRTUAL_PAGES_ENTRY,
-          namespace: "akan-virtual"
-        }));
-        build.onLoad({ filter: /^akan-pages-entry$/, namespace: "akan-virtual" }, () => ({
-          contents: source,
-          loader: "tsx"
-        }));
-      }
-    };
+  #withFontDefaults(font) {
+    return { ...font, subsets: font.subsets ?? [...DEFAULT_FONT_SUBSETS] };
   }
-  static createServerCssStubPlugin() {
-    return {
-      name: "akan-server-css-stub",
-      setup(build) {
-        build.onLoad({ filter: /\.css$/ }, () => ({
-          contents: "",
-          loader: "js"
-        }));
-      }
-    };
+  #getFontSubsets(font) {
+    return font.subsets ?? DEFAULT_FONT_SUBSETS;
   }
-  static createServerUseClientFetchPlugin() {
-    return {
-      name: "akan-server-use-client-fetch",
-      setup(build) {
-        build.onLoad({ filter: /[/\\]lib[/\\]useClient\.(ts|tsx|js|jsx)$/ }, async (args) => {
-          const source = await Bun.file(args.path).text();
-          const transformed = PagesBundleBuilder.transformServerUseClientFetchSource(source);
-          if (transformed === source)
-            return;
-          return { contents: transformed, loader: loaderFor4(args.path) };
-        });
-      }
-    };
+  #getFontVariableName(font) {
+    return font.variable ?? `--font-${font.name}`;
   }
-  static transformServerUseClientFetchSource(source) {
-    if (!source.includes(`with { type: "macro" }`) || !source.includes("FetchClient.build"))
-      return source;
-    return source.replace(/import\s+\{\s*getSerializedSignal\s*\}\s+from\s+["']\.\/sig["']\s+with\s+\{\s*type\s*:\s*["']macro["']\s*\};/, `import { fetch as serverFetch } from "./sig";`).replace(/const\s+fetchProto\s*=\s*FetchClient\.build<[^;]+;/, "const fetchProto = FetchClient.build<typeof signal>(cnst, serverFetch.serializedSignal, { Err: pageProto.Err, base: serverFetch });");
+  #getFontFallbackName(font) {
+    return font.fallbackName ?? `${font.name} fallback`;
   }
-}
-function loaderFor4(absPath) {
-  if (absPath.endsWith(".tsx"))
-    return "tsx";
-  if (absPath.endsWith(".jsx"))
-    return "jsx";
-  if (absPath.endsWith(".ts"))
-    return "ts";
-  return "js";
-}
-
-// pkgs/@akanjs/devkit/frontendBuild/precompressArtifacts.ts
-import fs4 from "fs";
-import path21 from "path";
-var COMPRESSIBLE_EXTS = new Set([".css", ".html", ".js", ".json", ".svg"]);
-var MIN_COMPRESS_BYTES = 1024;
-async function precompressArtifacts(app) {
-  const roots = [path21.join(app.dist.cwdPath, ".akan/artifact/client")];
-  const result = { files: 0, inputBytes: 0, outputBytes: 0 };
-  await Promise.all(roots.map((root) => precompressRoot(root, result)));
-  if (result.files > 0) {
-    app.verbose(`[precompress] wrote ${result.files} gzip sidecars (${formatBytes(result.inputBytes)} -> ${formatBytes(result.outputBytes)})`);
+  #isFontOptimizationEnabled(font) {
+    return font.optimize !== false;
   }
-  return result;
-}
-async function precompressRoot(root, result) {
-  if (!fs4.existsSync(root) || !fs4.statSync(root).isDirectory())
-    return;
-  const glob = new Bun.Glob("**/*");
-  for await (const filePath of glob.scan({ cwd: root, absolute: true })) {
-    if (!await shouldPrecompress(filePath))
-      continue;
-    const bytes = await Bun.file(filePath).bytes();
-    const gz = Bun.gzipSync(toArrayBuffer(bytes));
-    await Bun.write(`${filePath}.gz`, gz);
-    result.files += 1;
-    result.inputBytes += bytes.byteLength;
-    result.outputBytes += gz.byteLength;
+  #getFontStyles(font) {
+    return font.styles?.length ? font.styles : ["normal"];
   }
-}
-async function shouldPrecompress(filePath) {
-  if (filePath.endsWith(".gz"))
-    return false;
-  if (!COMPRESSIBLE_EXTS.has(path21.extname(filePath).toLowerCase()))
-    return false;
-  const file = Bun.file(filePath);
-  if (!await file.exists())
-    return false;
-  return file.size >= MIN_COMPRESS_BYTES;
-}
-function toArrayBuffer(bytes) {
-  return bytes.buffer.slice(bytes.byteOffset, bytes.byteOffset + bytes.byteLength);
-}
-function formatBytes(bytes) {
-  if (bytes < 1024)
-    return `${bytes}B`;
-  if (bytes < 1024 * 1024)
-    return `${(bytes / 1024).toFixed(1)}KB`;
-  return `${(bytes / 1024 / 1024).toFixed(1)}MB`;
-}
-
-// pkgs/@akanjs/devkit/frontendBuild/ssrBaseArtifactBuilder.ts
-import path24 from "path";
-import { optimize } from "@tailwindcss/node";
-
-// pkgs/@akanjs/devkit/frontendBuild/cssCompiler.ts
-import path23 from "path";
-import { Logger as Logger2 } from "akanjs/common";
-import { compile } from "tailwindcss";
-
-// pkgs/@akanjs/devkit/frontendBuild/cssImportResolver.ts
-import path22 from "path";
-var CSS_IMPORT_EXTS = ["", ".css", "/styles.css", "/index.css"];
-
-class CssImportResolver {
-  #workspaceRoot;
-  #paths;
-  #wildcardEntries;
-  constructor(workspaceRoot, paths = {}) {
-    this.#workspaceRoot = workspaceRoot;
-    this.#paths = paths;
-    this.#wildcardEntries = Object.entries(paths).filter(([key]) => key.endsWith("/*")).map(([key, replacements]) => ({ prefix: key.slice(0, -1), replacements })).sort((a, b) => b.prefix.length - a.prefix.length);
+  #getFontFaces(font) {
+    const enabledStyles = new Set(this.#getFontStyles(font));
+    return font.paths.map((fontPath) => {
+      const style = fontPath.style ?? "normal";
+      return {
+        font,
+        path: fontPath,
+        src: fontPath.src,
+        weight: fontPath.weight,
+        style,
+        optimizedSrc: this.#getOptimizedFontSrc(font, fontPath)
+      };
+    }).filter((face) => enabledStyles.has(face.style));
   }
-  static async create(app) {
-    const tsconfig = await app.getTsConfig();
-    return new CssImportResolver(app.workspace.workspaceRoot, tsconfig.compilerOptions.paths ?? {});
+  #getOptimizedFontSrc(font, fontPath) {
+    const style = fontPath.style ?? "normal";
+    const hash = this.#hashFontConfig({
+      name: font.name,
+      src: fontPath.src,
+      weight: fontPath.weight,
+      style,
+      display: font.display,
+      subset: font.subset,
+      subsets: this.#getFontSubsets(font),
+      subsetText: font.subsetText,
+      subsetFiles: font.subsetFiles,
+      declarations: [...font.declarations ?? [], ...fontPath.declarations ?? []]
+    });
+    return `${FONT_URL_PREFIX}/${this.#slugFontPart(font.name)}-${this.#slugFontPart(String(fontPath.weight))}-${style}-${hash}.woff2`;
   }
-  async resolve(id, fromBase) {
-    for (const resolve of [
-      () => this.#resolveWithTsconfig(id),
-      () => this.#resolveWithBun(id, fromBase),
-      () => this.#resolveWithRequire(id, fromBase),
-      () => this.#resolvePackageStyle(id, fromBase)
-    ]) {
-      const resolved = await resolve();
-      if (resolved)
-        return resolved;
+  #hashFontConfig(value) {
+    const input = this.#stableStringify(value);
+    let hash = 2166136261;
+    for (let i = 0;i < input.length; i++) {
+      hash ^= input.charCodeAt(i);
+      hash = Math.imul(hash, 16777619);
+    }
+    return (hash >>> 0).toString(36);
+  }
+  #stableStringify(value) {
+    if (Array.isArray(value))
+      return `[${value.map((item) => this.#stableStringify(item)).join(",")}]`;
+    if (value && typeof value === "object") {
+      const entries = Object.entries(value).filter(([, v]) => v !== undefined).sort(([a], [b]) => a.localeCompare(b));
+      return `{${entries.map(([k, v]) => `${JSON.stringify(k)}:${this.#stableStringify(v)}`).join(",")}}`;
+    }
+    return JSON.stringify(value);
+  }
+  #slugFontPart(value) {
+    return value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "font";
+  }
+  async#resolveFontSourcePath(src) {
+    if (!src.startsWith("/"))
+      return null;
+    const rel = src.replace(/^\//, "");
+    const candidates = [
+      this.#command === "build" ? path18.join(this.#app.dist.cwdPath, "public", rel) : null,
+      path18.join(this.#app.cwdPath, "public", rel),
+      this.#resolveWorkspacePublicPath(rel)
+    ].filter(Boolean);
+    for (const candidate of candidates) {
+      if (await Bun.file(candidate).exists())
+        return candidate;
     }
     return null;
   }
-  #resolveWithBun(id, fromBase) {
-    for (const base of this.#resolutionBases(fromBase)) {
-      try {
-        const resolved = Bun.resolveSync(id, base);
-        if (CssImportResolver.isCssFile(resolved))
-          return resolved;
-      } catch {}
-    }
-    return null;
+  async#buildFontBuffer(font, sourceBuffer, sourcePath) {
+    if (font.subset === false)
+      return this.#convertToWoff2(sourceBuffer, sourcePath);
+    const { default: subsetFont } = await import("subset-font");
+    return subsetFont(sourceBuffer, await this.#getSubsetText(font), { targetFormat: "woff2" });
   }
-  #resolveWithRequire(id, fromBase) {
-    for (const base of this.#resolutionBases(fromBase)) {
-      try {
-        const resolved = __require.resolve(id, { paths: [base] });
-        if (CssImportResolver.isCssFile(resolved))
-          return resolved;
-      } catch {}
+  async#convertToWoff2(buffer, sourcePath) {
+    const { createFont } = await import("fonteditor-core");
+    await this.#initWoff2();
+    const font = createFont(buffer, { type: this.#getFontType(sourcePath, buffer) });
+    return font.write({ type: "woff2", toBuffer: true });
+  }
+  async#initWoff2() {
+    this.#woff2Ready ??= import("fonteditor-core").then(({ woff2 }) => woff2.init()).then(() => {
+      return;
+    });
+    return this.#woff2Ready;
+  }
+  #getFontType(sourcePath, buffer) {
+    const signature = buffer.toString("ascii", 0, 4);
+    if (signature === "wOFF")
+      return "woff";
+    if (signature === "wOF2")
+      return "woff2";
+    if (signature === "OTTO")
+      return "otf";
+    const ext = path18.extname(sourcePath).slice(1).toLowerCase();
+    if (ext === "otf" || ext === "woff" || ext === "woff2")
+      return ext;
+    return "ttf";
+  }
+  #resolveWorkspacePublicPath(rel) {
+    const [root, dep, ...rest] = rel.split("/");
+    if (root !== "libs" || !dep || rest.length === 0)
+      return null;
+    return path18.join(this.#app.workspace.workspaceRoot, "libs", dep, "public", ...rest);
+  }
+  async#getSubsetText(font) {
+    const parts = new Set;
+    const subsets = this.#getFontSubsets(font);
+    for (const subset of subsets)
+      parts.add(await this.#getSubsetPresetText(subset));
+    if (font.subsetText)
+      parts.add(font.subsetText);
+    for (const filePath of font.subsetFiles ?? []) {
+      const abs = path18.isAbsolute(filePath) ? filePath : path18.join(this.#app.cwdPath, filePath);
+      const file = Bun.file(abs);
+      if (await file.exists())
+        parts.add(await file.text());
     }
-    return null;
+    return [...parts].join("");
   }
-  async#resolveWithTsconfig(id) {
-    const exact = this.#paths[id];
-    if (exact) {
-      for (const repl of exact) {
-        const resolved = await this.#firstExisting(path22.resolve(this.#workspaceRoot, repl));
-        if (resolved)
-          return resolved;
+  async#getSubsetPresetText(subset) {
+    if (subset === "latin")
+      return this.#rangeText(32, 126);
+    if (subset === "latin-ext")
+      return `${this.#rangeText(32, 126)}${this.#rangeText(160, 591)}`;
+    if (subset === "ks-x-1001")
+      return FontOptimizer.#getKsX1001Text();
+    if (subset === "auto")
+      return this.#collectAutoSubsetText();
+    return "";
+  }
+  async#collectAutoSubsetText() {
+    const roots = ["page", "ui"].map((dir) => path18.join(this.#app.cwdPath, dir));
+    const glob = new Bun.Glob("**/*.{ts,tsx,js,jsx,html,md}");
+    const parts = [];
+    await Promise.all(roots.map(async (root) => {
+      if (!await Bun.file(root).exists())
+        return;
+      for await (const filePath of glob.scan({ cwd: root, absolute: true })) {
+        parts.push(await Bun.file(filePath).text());
       }
-    }
-    for (const { prefix, replacements } of this.#wildcardEntries) {
-      if (!id.startsWith(prefix))
-        continue;
-      const suffix = id.slice(prefix.length);
-      for (const repl of replacements) {
-        const replPath = repl.endsWith("/*") ? repl.slice(0, -1) : repl;
-        const resolved = await this.#firstExisting(path22.resolve(this.#workspaceRoot, replPath + suffix));
-        if (resolved)
-          return resolved;
+    }));
+    return parts.join("");
+  }
+  #rangeText(start, end) {
+    let text = "";
+    for (let code = start;code <= end; code++)
+      text += String.fromCodePoint(code);
+    return text;
+  }
+  static #getKsX1001Text() {
+    if (FontOptimizer.#ksX1001Text)
+      return FontOptimizer.#ksX1001Text;
+    try {
+      const decoder = new TextDecoder("euc-kr");
+      const chars = new Set;
+      for (let lead = 161;lead <= 254; lead++) {
+        for (let trail = 161;trail <= 254; trail++) {
+          const char = decoder.decode(Uint8Array.of(lead, trail));
+          if (char && char !== "\uFFFD")
+            chars.add(char);
+        }
       }
+      FontOptimizer.#ksX1001Text = [...chars].join("");
+    } catch {
+      FontOptimizer.#ksX1001Text = FontOptimizer.#rangeTextStatic(44032, 55203);
     }
-    return null;
+    return FontOptimizer.#ksX1001Text;
   }
-  async#resolvePackageStyle(id, fromBase) {
-    const pkgName = CssImportResolver.getPackageName(id);
-    if (!pkgName)
-      return null;
-    for (const base of this.#resolutionBases(fromBase)) {
-      try {
-        const pkgPath = __require.resolve(`${pkgName}/package.json`, { paths: [base] });
-        const resolved = await this.#resolvePackageStyleFromPackageJson(id, pkgName, pkgPath);
-        if (resolved)
-          return resolved;
-      } catch {}
+  static #rangeTextStatic(start, end) {
+    let text = "";
+    for (let code = start;code <= end; code++)
+      text += String.fromCodePoint(code);
+    return text;
+  }
+  #buildOptimizedFontFaceRule(font, face) {
+    const declarations = [
+      ["font-family", this.#quote(font.name)],
+      ["src", `url(${this.#quote(face.optimizedSrc)}) format("woff2")`],
+      ["font-weight", String(face.weight)],
+      ["font-style", face.style],
+      ["font-display", font.display ?? "swap"],
+      ...this.#toDeclarationEntries(font.declarations),
+      ...this.#toDeclarationEntries(face.path.declarations)
+    ];
+    return `@font-face {
+${declarations.map(([prop, value]) => `  ${prop}: ${value};`).join(`
+`)}
+}`;
+  }
+  async#buildFontaineFallbackCss(font, face, outputPath) {
+    if (font.adjustFontFallback === false)
+      return "";
+    const { generateFontFace, getMetricsForFamily, readMetrics, resolveCategoryFallbacks } = await import("fontaine");
+    const metrics = await readMetrics(outputPath).catch(() => null);
+    if (!metrics)
+      return "";
+    const fallbacks = resolveCategoryFallbacks({
+      fontFamily: font.name,
+      fallbacks: font.fallbacks ?? {},
+      metrics: { ...metrics, category: font.category }
+    });
+    const css = [];
+    for (let i = fallbacks.length - 1;i >= 0; i--) {
+      const fallback = fallbacks[i];
+      const fallbackMetrics = await getMetricsForFamily(fallback);
+      if (!fallbackMetrics)
+        continue;
+      css.push(generateFontFace({ ...metrics, category: font.category }, {
+        name: this.#getFontFallbackName(font),
+        font: fallback,
+        metrics: fallbackMetrics,
+        "font-weight": String(face.weight),
+        "font-style": face.style
+      }));
     }
-    for (const pkgPath of this.#packageJsonCandidates(pkgName)) {
-      const resolved = await this.#resolvePackageStyleFromPackageJson(id, pkgName, pkgPath);
-      if (resolved)
-        return resolved;
+    return css.join("");
+  }
+  #buildRootVariableRule(font) {
+    return `:root { ${this.#getFontVariableName(font)}: ${this.#quote(font.name)}, ${this.#quote(this.#getFontFallbackName(font))}; }`;
+  }
+  #buildFontUtilityRules(fonts) {
+    const rules = [];
+    const seen = new Set;
+    for (const font of fonts) {
+      const className = font.className || `font-${font.name}`;
+      const selector = `.${this.#escapeCssClassName(className)}`;
+      const rule = `${selector} { font-family: var(${this.#getFontVariableName(font)}); }`;
+      if (seen.has(rule))
+        continue;
+      seen.add(rule);
+      rules.push(rule);
     }
-    return null;
+    return rules.join(`
+`);
   }
-  async#resolvePackageStyleFromPackageJson(id, pkgName, pkgPath) {
-    try {
-      if (!await Bun.file(pkgPath).exists())
-        return null;
-      const pkgDir = path22.dirname(pkgPath);
-      const pkg = await Bun.file(pkgPath).json();
-      const subpath = id === pkgName ? "." : `.${id.slice(pkgName.length)}`;
-      const exportValue = pkg.exports?.[subpath];
-      const styleEntry = (typeof exportValue === "string" ? exportValue : exportValue?.style || exportValue?.import || exportValue?.default) || pkg.exports?.["."]?.style || pkg.style || "index.css";
-      return await this.#firstExisting(path22.resolve(pkgDir, styleEntry));
-    } catch {
+  #escapeCssClassName(value) {
+    return value.replace(/^-?\d|[^a-zA-Z0-9_-]/g, (part) => [...part].map((char) => `\\${char.codePointAt(0)?.toString(16)} `).join(""));
+  }
+  #toDeclarationEntries(declarations = []) {
+    return declarations.map((declaration) => [declaration.prop, declaration.value]);
+  }
+  #quote(value) {
+    return JSON.stringify(value);
+  }
+}
+
+// pkgs/@akanjs/devkit/frontendBuild/pagesBundleBuilder.ts
+import path20 from "path";
+
+// pkgs/@akanjs/devkit/transforms/externalizeFrameworkPlugin.ts
+import path19 from "path";
+var DEFAULT_INCLUDE = ["akanjs/", "@apps/", "@libs/"];
+var DEFAULT_EXCLUDE_EXACT = new Set(["akanjs/webkit", "@akanjs/cli", "@akanjs/devkit"]);
+var DEFAULT_EXCLUDE_PREFIX = ["@akanjs/cli/", "@akanjs/devkit/"];
+var OPTIONAL_BACKEND_EXTERNAL_EXACT = new Set([
+  "@libsql/client",
+  "bullmq",
+  "croner",
+  "ioredis",
+  "postgres",
+  "protobufjs"
+]);
+var RUNTIME_EXTERNAL_EXACT = new Set([
+  "react",
+  "react-dom",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "react-server-dom-webpack",
+  "react-server-dom-webpack/server.node",
+  "react-server-dom-webpack/client.node",
+  "react-server-dom-webpack/client.browser"
+]);
+var RUNTIME_EXTERNAL_PREFIX = ["react-dom/", "react-server-dom-webpack/"];
+var CANDIDATE_EXTS3 = [".tsx", ".ts", ".jsx", ".js", ".mjs", ".cjs"];
+async function createExternalizeFrameworkPlugin(options) {
+  const tsconfig = await options.app.getTsConfig();
+  const includePrefixes = options.include ?? DEFAULT_INCLUDE;
+  const extraExact = new Set(options.extra ?? []);
+  const workspaceRoot = options.app.workspace.workspaceRoot;
+  const tsconfigPaths = tsconfig.compilerOptions.paths ?? {};
+  const rootEntries = Object.entries(tsconfigPaths).filter(([k]) => !k.endsWith("/*")).map(([k, v]) => ({ pkg: k, entryFile: v[0] ?? null })).filter((e) => e.entryFile !== null);
+  const wildcardEntries = Object.entries(tsconfigPaths).filter(([k]) => k.endsWith("/*")).map(([k, v]) => ({ prefix: k.slice(0, -1), replacements: v })).sort((a, b) => b.prefix.length - a.prefix.length);
+  async function resolveWorkspaceSubpath(spec) {
+    if (!workspaceRoot)
       return null;
+    for (const { prefix, replacements } of wildcardEntries) {
+      if (!spec.startsWith(prefix))
+        continue;
+      const suffix = spec.slice(prefix.length);
+      for (const repl of replacements) {
+        const replPath = repl?.endsWith("/*") ? repl.slice(0, -1) : repl ?? "";
+        if (!replPath)
+          continue;
+        const candidate = path19.resolve(workspaceRoot, replPath + suffix);
+        const hit = await firstExisting(candidate);
+        if (hit)
+          return hit;
+      }
     }
-  }
-  #resolutionBases(fromBase) {
-    return [fromBase, this.#workspaceRoot, path22.dirname(Bun.main), path22.resolve(path22.dirname(Bun.main), "../..")];
-  }
-  #packageJsonCandidates(pkgName) {
-    return [
-      path22.join(this.#workspaceRoot, "pkgs", pkgName, "package.json"),
-      path22.join(this.#workspaceRoot, "node_modules", pkgName, "package.json"),
-      path22.join(path22.dirname(Bun.main), "node_modules", pkgName, "package.json"),
-      path22.join(path22.dirname(Bun.main), "../../", pkgName, "package.json")
-    ];
-  }
-  async#firstExisting(basePath) {
-    for (const suffix of CSS_IMPORT_EXTS) {
-      const candidate = `${basePath}${suffix}`;
-      if (await Bun.file(candidate).exists())
-        return candidate;
+    for (const { pkg, entryFile } of rootEntries) {
+      if (spec !== pkg && !spec.startsWith(`${pkg}/`))
+        continue;
+      if (spec === pkg)
+        continue;
+      const suffix = spec.slice(pkg.length + 1);
+      const pkgDir = path19.dirname(path19.resolve(workspaceRoot, entryFile));
+      const candidate = path19.join(pkgDir, suffix);
+      const hit = await firstExisting(candidate);
+      if (hit)
+        return hit;
     }
     return null;
   }
-  static getPackageName(id) {
-    const parts = id.split("/");
-    if (id.startsWith("@"))
-      return parts.length >= 2 ? `${parts[0]}/${parts[1]}` : null;
-    return parts[0] ?? null;
+  return {
+    name: "akan-externalize-framework",
+    setup(build) {
+      build.onResolve({ filter: /.*/ }, async (args) => {
+        const spec = args.path;
+        if (spec === "." || spec === ".." || spec.startsWith("./") || spec.startsWith("../") || spec.startsWith("/"))
+          return;
+        if (extraExact.has(spec) || DEFAULT_EXCLUDE_EXACT.has(spec))
+          return { path: spec, external: true };
+        for (const prefix of DEFAULT_EXCLUDE_PREFIX) {
+          if (spec.startsWith(prefix))
+            return { path: spec, external: true };
+        }
+        if (OPTIONAL_BACKEND_EXTERNAL_EXACT.has(spec))
+          return { path: spec, external: true };
+        if (RUNTIME_EXTERNAL_EXACT.has(spec))
+          return { path: spec, external: true };
+        for (const prefix of RUNTIME_EXTERNAL_PREFIX) {
+          if (spec.startsWith(prefix))
+            return { path: spec, external: true };
+        }
+        for (const prefix of includePrefixes) {
+          if (!spec.startsWith(prefix))
+            continue;
+          const resolved = await resolveWorkspaceSubpath(spec);
+          if (resolved)
+            return { path: resolved };
+          return;
+        }
+        return;
+      });
+    }
+  };
+}
+async function firstExisting(basePath) {
+  if (await Bun.file(basePath).exists())
+    return basePath;
+  for (const ext of CANDIDATE_EXTS3) {
+    const candidate = `${basePath}${ext}`;
+    if (await Bun.file(candidate).exists())
+      return candidate;
   }
-  static isCssFile(filePath) {
-    return path22.extname(filePath) === ".css";
+  for (const ext of CANDIDATE_EXTS3) {
+    const candidate = path19.join(basePath, `index${ext}`);
+    if (await Bun.file(candidate).exists())
+      return candidate;
   }
+  return null;
 }
 
-// pkgs/@akanjs/devkit/frontendBuild/cssCompiler.ts
-var SOURCE_EXTS4 = [".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"];
-var NON_SOURCE_EXT_RE2 = /\.(json|svg|png|jpe?g|webp|gif|avif|ico|woff2?|ttf|otf|mp3|mp4|wav)$/i;
-var NODE_MODULES_RE3 = /[\\/]node_modules[\\/]/;
-var AKANJS_NODE_MODULE_RE3 = /[\\/]node_modules[\\/]akanjs[\\/]/;
-
-class CssCompiler {
-  #logger = new Logger2("CssCompiler");
-  #transpiler = new Bun.Transpiler({ loader: "tsx" });
-  #app;
-  #cssImportResolver = null;
-  constructor(app) {
-    this.#app = app;
-  }
-  #cssText = null;
-  #cssTextByBasePath = null;
-  async getCss({ refresh } = {}) {
-    if (this.#cssText !== null && !refresh)
-      return this.#cssText;
-    const { cssPaths, sourcePaths } = await this.discoverCssAndSources({ refresh });
-    this.#cssText = await this.compileCss(cssPaths, sourcePaths);
-    return this.#cssText;
-  }
-  async getCssByBasePath({ refresh } = {}) {
-    if (this.#cssTextByBasePath !== null && !refresh)
-      return this.#cssTextByBasePath;
-    const akanConfig = await this.#app.getConfig({ refresh });
-    const pageKeys = await this.#app.getPageKeys({ refresh });
-    const basePaths = [...akanConfig.basePaths];
-    const rootPageKeys = pageKeys.filter((pageKey) => getPageKeyBasePath(pageKey, basePaths) === null);
-    const cssEntries = await Promise.all([
-      (async () => {
-        if (rootPageKeys.length === 0)
-          return ["", ""];
-        const started = Date.now();
-        const { cssPaths, sourcePaths } = await this.discoverCssAndSources({ refresh, pageKeys: rootPageKeys });
-        const css = await this.compileCss(cssPaths, sourcePaths);
-        this.#logger.verbose(`css base=root paths=${cssPaths.length} sources=${sourcePaths.length} in ${Date.now() - started}ms`);
-        return ["", css];
-      })(),
-      ...basePaths.map(async (basePath) => {
-        const basePathPageKeys = pageKeys.filter((pageKey) => getPageKeyBasePath(pageKey, basePaths) === basePath);
-        if (basePathPageKeys.length === 0)
-          return [basePath, ""];
-        const started = Date.now();
-        const { cssPaths, sourcePaths } = await this.discoverCssAndSources({ refresh, pageKeys: basePathPageKeys });
-        const css = await this.compileCss(cssPaths, sourcePaths);
-        this.#logger.verbose(`css base=${basePath} paths=${cssPaths.length} sources=${sourcePaths.length} in ${Date.now() - started}ms`);
-        return [basePath, css];
-      })
-    ]);
-    this.#cssTextByBasePath = Object.fromEntries(cssEntries);
-    return this.#cssTextByBasePath;
-  }
-  async discoverCss({ refresh } = {}) {
-    const { cssPaths } = await this.discoverCssAndSources({ refresh });
-    return cssPaths;
-  }
-  async discoverCssAndSources({
-    refresh,
-    pageKeys
-  } = {}) {
-    pageKeys ??= await this.#app.getPageKeys({ refresh });
-    const seeds = pageKeys.map((key) => path23.resolve(this.#app.cwdPath, "page", key));
-    const cssFiles = new Set;
-    const sourceFiles = new Set;
-    const queue = [...seeds];
-    const resolvePackage = await createTsconfigPackageResolver(this.#app);
-    const analyzer = new BarrelAnalyzer({ resolvePackage });
-    const akanConfig = await this.#app.getConfig({ refresh });
-    while (queue.length > 0) {
-      const filePath = queue.shift();
-      if (!filePath || sourceFiles.has(filePath) || isIgnoredNodeModuleSource(filePath))
-        continue;
-      sourceFiles.add(filePath);
-      let content;
-      try {
-        content = await Bun.file(filePath).text();
-      } catch {
-        continue;
-      }
-      let source = content;
-      if (akanConfig.barrelImports.length > 0) {
+// pkgs/@akanjs/devkit/transforms/useClientBundlePlugin.ts
+function createUseClientBundlePlugin(options = {}) {
+  return {
+    name: "akan-use-client-bundle",
+    setup(build) {
+      build.onLoad({ filter: /\.(tsx|ts|jsx|js)$/ }, async (args) => {
+        if (args.path.includes("/node_modules/"))
+          return;
+        let source;
         try {
-          const rewritten = await rewriteBarrelImports(content, akanConfig.barrelImports, analyzer);
-          if (rewritten !== null)
-            source = rewritten;
-        } catch {}
-      }
-      let imports;
-      try {
-        imports = this.#transpiler.scanImports(source);
-      } catch {
-        continue;
-      }
-      const importerDir = path23.dirname(filePath);
-      for (const imp of imports) {
-        const spec = imp.path;
-        if (!spec)
-          continue;
-        if (spec.endsWith(".css")) {
-          const cssPath = await this.#resolveCssImport(spec, importerDir);
-          cssFiles.add(cssPath);
-          continue;
+          source = await Bun.file(args.path).text();
+        } catch {
+          return;
         }
-        if (NON_SOURCE_EXT_RE2.test(spec))
-          continue;
-        const resolved = await this.#resolveSourceImport(spec, importerDir, resolvePackage);
-        if (!resolved || sourceFiles.has(resolved) || isIgnoredNodeModuleSource(resolved))
-          continue;
-        queue.push(resolved);
-      }
-    }
-    return { cssPaths: [...cssFiles], sourcePaths: [...sourceFiles] };
-  }
-  async compileCss(cssPaths, sourcePaths) {
-    if (cssPaths.length === 0)
-      return "";
-    const compileStarted = Date.now();
-    const compilers = await Promise.all(cssPaths.map(async (cssPath) => {
-      const css = await Bun.file(cssPath).text();
-      const base = path23.dirname(cssPath);
-      const compiler = await compile(css, {
-        base,
-        loadStylesheet: (id, fromBase) => this.#loadStylesheet(id, fromBase),
-        loadModule: (id, fromBase) => this.#loadModule(id, fromBase)
+        const stubbed = transformUseClient(source, {
+          path: args.path,
+          workspaceRoot: options.workspaceRoot
+        });
+        if (stubbed === null)
+          return;
+        return { contents: stubbed, loader: loaderFor3(args.path) };
       });
-      return { cssPath, compiler };
-    }));
-    const sourceDirs = new Set;
-    for (const entry of compilers) {
-      if (!entry)
-        continue;
-      for (const s of entry.compiler.sources)
-        sourceDirs.add(s.base);
-    }
-    const scanStarted = Date.now();
-    const candidates = await this.#scanCandidates(sourcePaths, [...sourceDirs]);
-    this.#logger.verbose(`css candidates scanned count=${candidates.length} sources=${sourcePaths.length} dirs=${sourceDirs.size} in ${Date.now() - scanStarted}ms`);
-    const parts = [];
-    for (const entry of compilers) {
-      if (!entry)
-        continue;
-      parts.push(entry.compiler.build(candidates));
     }
-    this.#logger.verbose(`css compiled paths=${cssPaths.length} candidates=${candidates.length} in ${Date.now() - compileStarted}ms`);
-    return parts.join(`
-`);
+  };
+}
+function loaderFor3(absPath) {
+  if (absPath.endsWith(".tsx"))
+    return "tsx";
+  if (absPath.endsWith(".jsx"))
+    return "jsx";
+  if (absPath.endsWith(".ts"))
+    return "ts";
+  return "js";
+}
+
+// pkgs/@akanjs/devkit/frontendBuild/pagesBundleBuilder.ts
+var VIRTUAL_PAGES_ENTRY = "akan-pages-entry";
+
+class PagesBundleBuilder {
+  #app;
+  #command;
+  #pageEntries;
+  #started = Date.now();
+  constructor(app, command = "start", pageEntries) {
+    this.#app = app;
+    this.#command = command;
+    this.#pageEntries = pageEntries;
   }
-  async#loadStylesheet(id, fromBase) {
-    const p = await this.#resolveCssImport(id, fromBase);
-    const content = await Bun.file(p).text();
-    return { path: p, base: path23.dirname(p), content };
+  async build() {
+    const akanConfig = await this.#app.getConfig();
+    const resolvedEntries = this.#pageEntries ?? await resolveSsrPageEntriesForApp(this.#app, await this.#app.getPageKeys());
+    const entrySource = PagesEntrySourceGenerator.generate(resolvedEntries);
+    const workspaceRoot = this.#app.workspace.workspaceRoot;
+    const result = await Bun.build({
+      entrypoints: [VIRTUAL_PAGES_ENTRY],
+      outdir: `${this.#artifactDir}/server`,
+      target: "bun",
+      format: "esm",
+      splitting: this.#splitting,
+      minify: this.#command === "build",
+      naming: {
+        entry: "pages-[hash].[ext]",
+        chunk: "chunks/[name]-[hash].[ext]",
+        asset: "assets/[name]-[hash].[ext]"
+      },
+      define: this.#define(),
+      plugins: [
+        PagesBundleBuilder.createPagesEntryPlugin(entrySource),
+        PagesBundleBuilder.createServerCssStubPlugin(),
+        PagesBundleBuilder.createServerUseClientFetchPlugin(),
+        await createExternalizeFrameworkPlugin({ app: this.#app, extra: akanConfig.externalLibs }),
+        akanConfig.barrelImports.length > 0 ? await createBarrelImportsPlugin(this.#app, {
+          pipeAfter: (source, args) => transformUseClient(source, {
+            path: args.path,
+            workspaceRoot
+          })
+        }) : createUseClientBundlePlugin({ workspaceRoot })
+      ]
+    });
+    if (!result.success)
+      throw new AggregateError(result.logs, "[PagesBundleBuilder] Bun.build failed");
+    const entryArtifact = result.outputs.find((a) => a.kind === "entry-point");
+    if (!entryArtifact)
+      throw new Error("[PagesBundleBuilder] Bun.build emitted no entry-point artifact");
+    const bundlePath = path20.resolve(entryArtifact.path);
+    const buildId = Date.now();
+    const outputBytes = result.outputs.reduce((sum, output) => sum + output.size, 0);
+    const chunkCount = result.outputs.filter((output) => output.kind === "chunk").length;
+    this.#app.verbose(`[PagesBundleBuilder] ${path20.basename(bundlePath)} emitted in ${Date.now() - this.#started}ms splitting=${this.#splitting} entry=${entryArtifact.size} bytes outputs=${result.outputs.length} chunks=${chunkCount} total=${outputBytes} bytes`);
+    return {
+      bundlePath,
+      buildId,
+      splitting: this.#splitting,
+      entryBytes: entryArtifact.size,
+      outputBytes,
+      outputCount: result.outputs.length,
+      chunkCount
+    };
   }
-  async#resolveCssImport(id, fromBase) {
-    if (id.startsWith(".") || id.startsWith("/"))
-      return path23.resolve(fromBase, id);
-    const resolver = await this.#getCssImportResolver();
-    const resolved = await resolver.resolve(id, fromBase);
-    if (resolved)
-      return resolved;
-    throw new Error(`[css] failed to resolve stylesheet import "${id}" from ${fromBase}`);
+  get #artifactDir() {
+    return `${this.#command === "build" ? this.#app.dist.cwdPath : this.#app.cwdPath}/.akan/artifact`;
   }
-  async#getCssImportResolver() {
-    if (this.#cssImportResolver)
-      return this.#cssImportResolver;
-    this.#cssImportResolver = await CssImportResolver.create(this.#app);
-    return this.#cssImportResolver;
+  get #splitting() {
+    return process.env.AKAN_SERVER_PAGES_SPLITTING === "1";
   }
-  async#loadModule(id, fromBase) {
-    const p = __require.resolve(id, { paths: [fromBase] });
-    const mod = await import(p);
-    return { path: p, base: path23.dirname(p), module: mod.default ?? mod };
+  #define() {
+    const nodeEnv = this.#command === "build" ? "production" : "development";
+    return {
+      "process.env.NODE_ENV": JSON.stringify(nodeEnv),
+      "process.env.AKAN_PUBLIC_RENDER_ENV": JSON.stringify("ssr"),
+      ...Object.fromEntries(Object.entries(this.#app.getPublicEnv()).map(([key, value]) => [`process.env.${key}`, JSON.stringify(value)]))
+    };
   }
-  async#resolveSourceImport(id, fromBase, resolvePackage) {
-    if (id.startsWith(".") || id.startsWith("/")) {
-      const abs = id.startsWith("/") ? id : path23.resolve(fromBase, id);
-      return resolveSourceFileCandidate(abs);
-    }
-    const pkg = await resolvePackage(id);
-    if (pkg)
-      return pkg.entryFile;
-    for (const resolve of [() => resolveSourceWithBun(id, fromBase), () => resolveSourceWithRequire(id, fromBase)]) {
-      const resolved = await resolve();
-      if (resolved)
-        return resolved;
-    }
-    return null;
+  static createPagesEntryPlugin(source) {
+    return {
+      name: "akan-pages-entry",
+      setup(build) {
+        build.onResolve({ filter: /^akan-pages-entry$/ }, () => ({
+          path: VIRTUAL_PAGES_ENTRY,
+          namespace: "akan-virtual"
+        }));
+        build.onLoad({ filter: /^akan-pages-entry$/, namespace: "akan-virtual" }, () => ({
+          contents: source,
+          loader: "tsx"
+        }));
+      }
+    };
   }
-  async#scanCandidates(sourcePaths, dirs) {
-    const CANDIDATE_RE = /-?[\w@][\w:/.-]*(?:\[[^\]]+\][\w:/.-]*)*/g;
-    const candidates = new Set;
-    const glob = new Bun.Glob("**/*.{tsx,ts,jsx,js,html}");
-    const files = new Set(sourcePaths);
-    await Promise.all(dirs.map(async (dir) => {
-      for await (const file of glob.scan({ cwd: dir, absolute: true })) {
-        if (isIgnoredNodeModuleSource(file))
-          continue;
-        files.add(file);
+  static createServerCssStubPlugin() {
+    return {
+      name: "akan-server-css-stub",
+      setup(build) {
+        build.onLoad({ filter: /\.css$/ }, () => ({
+          contents: "",
+          loader: "js"
+        }));
       }
-    }));
-    await Promise.all([...files].map(async (file) => {
-      const content = await Bun.file(file).text();
-      for (const m of content.matchAll(CANDIDATE_RE))
-        candidates.add(m[0]);
-    }));
-    return [...candidates];
+    };
   }
-}
-async function resolveSourceFileCandidate(absPathNoExt) {
-  if (await Bun.file(absPathNoExt).exists())
-    return isSourceFile(absPathNoExt) ? absPathNoExt : null;
-  for (const ext of SOURCE_EXTS4) {
-    const filePath = `${absPathNoExt}${ext}`;
-    if (await Bun.file(filePath).exists())
-      return filePath;
+  static createServerUseClientFetchPlugin() {
+    return {
+      name: "akan-server-use-client-fetch",
+      setup(build) {
+        build.onLoad({ filter: /[/\\]lib[/\\]useClient\.(ts|tsx|js|jsx)$/ }, async (args) => {
+          const source = await Bun.file(args.path).text();
+          const transformed = PagesBundleBuilder.transformServerUseClientFetchSource(source);
+          if (transformed === source)
+            return;
+          return { contents: transformed, loader: loaderFor4(args.path) };
+        });
+      }
+    };
   }
-  for (const ext of SOURCE_EXTS4) {
-    const filePath = path23.join(absPathNoExt, `index${ext}`);
-    if (await Bun.file(filePath).exists())
-      return filePath;
+  static transformServerUseClientFetchSource(source) {
+    if (!source.includes(`with { type: "macro" }`) || !source.includes("FetchClient.build"))
+      return source;
+    return source.replace(/import\s+\{\s*getSerializedSignal\s*\}\s+from\s+["']\.\/sig["']\s+with\s+\{\s*type\s*:\s*["']macro["']\s*\};/, `import { fetch as serverFetch } from "./sig";`).replace(/const\s+fetchProto\s*=\s*FetchClient\.build<[^;]+;/, "const fetchProto = FetchClient.build<typeof signal>(cnst, serverFetch.serializedSignal, { Err: pageProto.Err, base: serverFetch });");
   }
-  return null;
 }
-function resolveSourceWithBun(id, fromBase) {
-  try {
-    const resolved = Bun.resolveSync(id, fromBase);
-    return isSourceFile(resolved) ? resolved : null;
-  } catch {
-    return null;
+function loaderFor4(absPath) {
+  if (absPath.endsWith(".tsx"))
+    return "tsx";
+  if (absPath.endsWith(".jsx"))
+    return "jsx";
+  if (absPath.endsWith(".ts"))
+    return "ts";
+  return "js";
+}
+
+// pkgs/@akanjs/devkit/frontendBuild/precompressArtifacts.ts
+import fs3 from "fs";
+import path21 from "path";
+var COMPRESSIBLE_EXTS = new Set([".css", ".html", ".js", ".json", ".svg"]);
+var MIN_COMPRESS_BYTES = 1024;
+async function precompressArtifacts(app) {
+  const roots = [path21.join(app.dist.cwdPath, ".akan/artifact/client")];
+  const result = { files: 0, inputBytes: 0, outputBytes: 0 };
+  await Promise.all(roots.map((root) => precompressRoot(root, result)));
+  if (result.files > 0) {
+    app.verbose(`[precompress] wrote ${result.files} gzip sidecars (${formatBytes(result.inputBytes)} -> ${formatBytes(result.outputBytes)})`);
   }
+  return result;
 }
-function resolveSourceWithRequire(id, fromBase) {
-  try {
-    const resolved = __require.resolve(id, { paths: [fromBase] });
-    return isSourceFile(resolved) ? resolved : null;
-  } catch {
-    return null;
+async function precompressRoot(root, result) {
+  if (!fs3.existsSync(root) || !fs3.statSync(root).isDirectory())
+    return;
+  const glob = new Bun.Glob("**/*");
+  for await (const filePath of glob.scan({ cwd: root, absolute: true })) {
+    if (!await shouldPrecompress(filePath))
+      continue;
+    const bytes = await Bun.file(filePath).bytes();
+    const gz = Bun.gzipSync(toArrayBuffer(bytes));
+    await Bun.write(`${filePath}.gz`, gz);
+    result.files += 1;
+    result.inputBytes += bytes.byteLength;
+    result.outputBytes += gz.byteLength;
   }
 }
-function isSourceFile(filePath) {
-  return SOURCE_EXTS4.includes(path23.extname(filePath));
+async function shouldPrecompress(filePath) {
+  if (filePath.endsWith(".gz"))
+    return false;
+  if (!COMPRESSIBLE_EXTS.has(path21.extname(filePath).toLowerCase()))
+    return false;
+  const file = Bun.file(filePath);
+  if (!await file.exists())
+    return false;
+  return file.size >= MIN_COMPRESS_BYTES;
 }
-function isIgnoredNodeModuleSource(filePath) {
-  return NODE_MODULES_RE3.test(filePath) && !AKANJS_NODE_MODULE_RE3.test(filePath);
+function toArrayBuffer(bytes) {
+  return bytes.buffer.slice(bytes.byteOffset, bytes.byteOffset + bytes.byteLength);
 }
-function getPageKeyBasePath(pageKey, basePaths) {
-  const normalized = pageKey.split(path23.sep).join("/").replace(/^\.\//, "");
-  const segments = normalized.split("/");
-  const firstPublicSegment = segments.find((segment) => segment !== "[lang]" && !/^\(.+\)$/.test(segment));
-  return firstPublicSegment && basePaths.includes(firstPublicSegment) ? firstPublicSegment : null;
+function formatBytes(bytes) {
+  if (bytes < 1024)
+    return `${bytes}B`;
+  if (bytes < 1024 * 1024)
+    return `${(bytes / 1024).toFixed(1)}KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)}MB`;
 }
 
 // pkgs/@akanjs/devkit/frontendBuild/ssrBaseArtifactBuilder.ts
+import path22 from "path";
+import { optimize } from "@tailwindcss/node";
 function prepareCssAsset(command, basePath, cssText) {
   return optimize(cssText, { file: `${basePath || "root"}.css`, minify: command === "build" }).code;
 }
@@ -4199,7 +4143,7 @@ class SsrBaseArtifactBuilder {
     this.#app = app;
     this.#command = command;
     this.#artifactDir = `${command === "build" ? app.dist.cwdPath : app.cwdPath}/.akan/artifact`;
-    this.#absArtifactDir = path24.resolve(this.#artifactDir);
+    this.#absArtifactDir = path22.resolve(this.#artifactDir);
   }
   async build() {
     const akanConfig = await this.#app.getConfig();
@@ -4221,7 +4165,7 @@ class SsrBaseArtifactBuilder {
       rscRuntimeSsrManifest,
       vendorMap,
       cssAssets,
-      pagesBundlePath: this.#command === "build" ? path24.relative(this.#absArtifactDir, pagesBundle.bundlePath) : pagesBundle.bundlePath,
+      pagesBundlePath: this.#command === "build" ? path22.relative(this.#absArtifactDir, pagesBundle.bundlePath) : pagesBundle.bundlePath,
       pagesBundleBuildId: pagesBundle.buildId,
       domains: [...akanConfig.domains],
       subRoutes: Object.fromEntries(Array.from(akanConfig.subRoutes.entries()).map(([basePath, domains]) => [basePath, [...domains]])),
@@ -4237,18 +4181,18 @@ class SsrBaseArtifactBuilder {
         androidSha256CertFingerprints: target.deepLinks?.android?.sha256CertFingerprints
       }))
     };
-    await Bun.write(path24.join(this.#absArtifactDir, "base-artifact.json"), `${JSON.stringify(artifact, null, 2)}
+    await Bun.write(path22.join(this.#absArtifactDir, "base-artifact.json"), `${JSON.stringify(artifact, null, 2)}
 `);
     this.#app.verbose(`[base-artifact] complete in ${Date.now() - this.#started}ms`);
     return { artifact, seedIndex, cssCompiler, optimizedFonts };
   }
   async#buildRuntimeClientEntries() {
     const akanServerPath = await this.#resolveAkanServerPath();
-    const rscClientEntry = path24.resolve(akanServerPath, "rscClient.tsx");
-    const rscSegmentOutletEntry = path24.resolve(akanServerPath, "rscSegmentOutlet.tsx");
+    const rscClientEntry = path22.resolve(akanServerPath, "rscClient.tsx");
+    const rscSegmentOutletEntry = path22.resolve(akanServerPath, "rscSegmentOutlet.tsx");
     const vendorEntries = VENDOR_SPECIFIERS.map((specifier) => ({
       specifier,
-      absPath: path24.resolve(akanServerPath, "vendor", `${specifier.replaceAll("/", "-").replaceAll(".", "-")}.ts`)
+      absPath: path22.resolve(akanServerPath, "vendor", `${specifier.replaceAll("/", "-").replaceAll(".", "-")}.ts`)
     }));
     const entries = [rscClientEntry, rscSegmentOutletEntry, ...vendorEntries.map((v) => v.absPath)];
     const clientBundle = await new ClientEntriesBundler({ app: this.#app, entries, command: this.#command }).bundle();
@@ -4285,15 +4229,15 @@ class SsrBaseArtifactBuilder {
   async#resolveAkanServerPath() {
     const candidates = [];
     try {
-      candidates.push(path24.dirname(Bun.resolveSync("akanjs/server", this.#app.workspace.workspaceRoot)));
+      candidates.push(path22.dirname(Bun.resolveSync("akanjs/server", this.#app.workspace.workspaceRoot)));
     } catch {}
-    candidates.push(path24.join(this.#app.workspace.workspaceRoot, "pkgs/akanjs/server"), path24.join(this.#app.workspace.workspaceRoot, "node_modules/akanjs/server"));
+    candidates.push(path22.join(this.#app.workspace.workspaceRoot, "pkgs/akanjs/server"), path22.join(this.#app.workspace.workspaceRoot, "node_modules/akanjs/server"));
     try {
-      candidates.push(path24.dirname(Bun.resolveSync("akanjs/server", path24.dirname(Bun.main))));
+      candidates.push(path22.dirname(Bun.resolveSync("akanjs/server", path22.dirname(Bun.main))));
     } catch {}
-    candidates.push(path24.join(path24.dirname(Bun.main), "node_modules/akanjs/server"), path24.join(path24.dirname(Bun.main), "../../akanjs/server"), path24.resolve(import.meta.dir, "../../server"), path24.resolve(import.meta.dir, "../server"));
+    candidates.push(path22.join(path22.dirname(Bun.main), "node_modules/akanjs/server"), path22.join(path22.dirname(Bun.main), "../../akanjs/server"), path22.resolve(import.meta.dir, "../../server"), path22.resolve(import.meta.dir, "../server"));
     for (const candidate of candidates) {
-      if (await Bun.file(path24.join(candidate, "rscClient.tsx")).exists())
+      if (await Bun.file(path22.join(candidate, "rscClient.tsx")).exists())
         return candidate;
     }
     throw new Error(`[base-artifact] failed to locate akanjs/server; looked in: ${candidates.join(", ")}`);
@@ -4322,38 +4266,9 @@ ${preparedCssText}`).toString(36);
       `styles/${cssAssetName}-${cssHash}.css`,
       `/_akan/styles/${cssAssetName}-${cssHash}.css`
     ];
-    await Bun.write(path24.join(this.#absArtifactDir, cssRelPath), preparedCssText);
+    await Bun.write(path22.join(this.#absArtifactDir, cssRelPath), preparedCssText);
     this.#app.verbose(`[base-artifact] wrote ${preparedCssText.length} bytes of CSS for ${basePath} -> ${cssRelPath}`);
     return [basePath, { cssUrl, cssRelPath }];
   }
 }
-
-// pkgs/@akanjs/devkit/frontendBuild/watchRootResolver.ts
-import fs5 from "fs";
-import path25 from "path";
-
-class WatchRootResolver {
-  #app;
-  constructor(app) {
-    this.#app = app;
-  }
-  async resolve() {
-    const tsconfig = await this.#app.getTsConfig();
-    const set = new Set;
-    set.add(path25.resolve(`${this.#app.cwdPath}/page`));
-    for (const targets of Object.values(tsconfig.compilerOptions.paths ?? {})) {
-      for (const target of targets) {
-        if (!target)
-          continue;
-        if (path25.isAbsolute(target))
-          continue;
-        const cleaned = target.replace(/\/?\*+.*$/, "").replace(/\/[^/]+\.[^/]+$/, "");
-        const resolved = path25.resolve(this.#app.workspace.workspaceRoot, cleaned);
-        if (fs5.existsSync(resolved))
-          set.add(resolved);
-      }
-    }
-    return [...set];
-  }
-}
-export { GraphClientEntryDiscovery, RouteClientBuilder, AllRoutesBuilder, AutoImportSync, CsrArtifactBuilder, DevChangePlanner, DevGeneratedIndexSync, FontOptimizer, HmrWatcher, PagesBundleBuilder, precompressArtifacts, SsrBaseArtifactBuilder, WatchRootResolver };
+export { GraphClientEntryDiscovery, RouteClientBuilder, AllRoutesBuilder, AutoImportSync, CsrArtifactBuilder, CssCompiler, DevChangePlanner, DevGeneratedIndexSync, FontOptimizer, PagesBundleBuilder, precompressArtifacts, SsrBaseArtifactBuilder };