veryfront 0.1.53 → 0.1.54

package/esm/deno.js

@@ -1,6 +1,6 @@
 export default {
     "name": "veryfront",
-    "version": "0.1.53",
+    "version": "0.1.54",
     "license": "Apache-2.0",
     "nodeModulesDir": "auto",
     "exclude": [

package/esm/src/html/styles-builder/tailwind-compiler-cache.d.ts

@@ -1,5 +1,5 @@
 import { compile } from "tailwindcss";
-export declare function getCompiler(stylesheet: string): Promise<Awaited<ReturnType<typeof compile>>>;
+export declare function getCompiler(stylesheet: string, projectSlug?: string): Promise<Awaited<ReturnType<typeof compile>>>;
 export declare function invalidateCompiler(): void;
 /**
  * Get compiler cache statistics for monitoring.

package/esm/src/html/styles-builder/tailwind-compiler-cache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-compiler-cache.d.ts","sourceRoot":"","sources":["../../../../src/src/html/styles-builder/tailwind-compiler-cache.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AA2EtC,wBAAsB,WAAW,CAC/B,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,CA8C9C;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAGzC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1E,CAQA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAalD"}
+{"version":3,"file":"tailwind-compiler-cache.d.ts","sourceRoot":"","sources":["../../../../src/src/html/styles-builder/tailwind-compiler-cache.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AA2EtC,wBAAsB,WAAW,CAC/B,UAAU,EAAE,MAAM,EAClB,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,CAkD9C;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAGzC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1E,CAQA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAalD"}

package/esm/src/html/styles-builder/tailwind-compiler-cache.js

@@ -62,14 +62,18 @@ function evictOldestCompiler() {
     compilerCache.delete(oldestKey);
     logger.debug("Evicted oldest compiler from cache", { hash: oldestKey });
 }
-export async function getCompiler(stylesheet) {
-    const hash = hashString(stylesheet);
+export async function getCompiler(stylesheet, projectSlug) {
+    // Tailwind v4's compile().build() is stateful — it accumulates candidates
+    // across calls. Without per-project isolation, projects sharing the same
+    // stylesheet on the shared pool contaminate each other's CSS output.
+    const stylesheetHash = hashString(stylesheet);
+    const hash = projectSlug ? `${projectSlug}:${stylesheetHash}` : stylesheetHash;
     const cached = compilerCache.get(hash);
     if (cached) {
-        logger.debug("Compiler cache hit", { hash });
+        logger.debug("Compiler cache hit", { hash, projectSlug });
         return cached.compiler;
     }
-    logger.debug("Creating new compiler", { hash });
+    logger.debug("Creating new compiler", { hash, projectSlug });
     const tailwindBase = await getTailwindBaseCSS();
     const pluginCache = new Map();
     const pluginErrors = new Map();

package/esm/src/html/styles-builder/tailwind-compiler.d.ts

@@ -11,6 +11,7 @@ export interface GenerateOptions {
     minify?: boolean;
     environment?: string;
     buildMode?: "development" | "production";
+    projectSlug?: string;
 }
 export interface CSSErrorInfo {
     title: string;
@@ -32,7 +33,7 @@ export declare function getProjectCSS(projectSlug: string, stylesheet: string |
  * @param expectedHash - The CSS hash to regenerate
  * @returns The regenerated CSS if inputs are cached and hash matches, undefined otherwise
  */
-export declare function regenerateCSSByHash(expectedHash: string): Promise<string | undefined>;
+export declare function regenerateCSSByHash(expectedHash: string, projectSlug: string | undefined): Promise<string | undefined>;
 export declare function generateTailwindCSS(stylesheet: string | undefined, candidates: string[] | Set<string>, options?: GenerateOptions): Promise<TailwindResult>;
 export declare function formatCSSError(error: Error | string): CSSErrorInfo;
 //# sourceMappingURL=tailwind-compiler.d.ts.map

package/esm/src/html/styles-builder/tailwind-compiler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-compiler.d.ts","sourceRoot":"","sources":["../../../../src/src/html/styles-builder/tailwind-compiler.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAClG,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,wBAAwB,CAAC;AAShC,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAsB,aAAa,CACjC,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,EACvB,OAAO,CAAC,EAAE,eAAe,GACxB,OAAO,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC,CAmE5D;AAMD;;;;;;;;;GASG;AACH,wBAAsB,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CA2D3F;AAMD,wBAAsB,mBAAmB,CACvC,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,UAAU,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,EAClC,OAAO,CAAC,EAAE,eAAe,GACxB,OAAO,CAAC,cAAc,CAAC,CAgCzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,YAAY,CAGlE"}
+{"version":3,"file":"tailwind-compiler.d.ts","sourceRoot":"","sources":["../../../../src/src/html/styles-builder/tailwind-compiler.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAClG,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,wBAAwB,CAAC;AAShC,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAsB,aAAa,CACjC,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,EACvB,OAAO,CAAC,EAAE,eAAe,GACxB,OAAO,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC,CAsE5D;AAMD;;;;;;;;;GASG;AACH,wBAAsB,mBAAmB,CACvC,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,GAAG,SAAS,GAC9B,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CA4D7B;AAMD,wBAAsB,mBAAmB,CACvC,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,UAAU,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,EAClC,OAAO,CAAC,EAAE,eAAe,GACxB,OAAO,CAAC,cAAc,CAAC,CAgCzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,YAAY,CAGlE"}

package/esm/src/html/styles-builder/tailwind-compiler.js

@@ -45,7 +45,10 @@ export async function getProjectCSS(projectSlug, stylesheet, candidates, options
     }
     const generationPromise = (async () => {
         // Generate fresh CSS
-        const result = await generateTailwindCSS(context.stylesheet, candidates, options);
+        const result = await generateTailwindCSS(context.stylesheet, candidates, {
+            ...options,
+            projectSlug,
+        });
         if (result.error) {
             const formatted = formatCSSError(result.error);
             logger.error("Project CSS generation failed", {
@@ -88,7 +91,7 @@ export async function getProjectCSS(projectSlug, stylesheet, candidates, options
  * @param expectedHash - The CSS hash to regenerate
  * @returns The regenerated CSS if inputs are cached and hash matches, undefined otherwise
  */
-export async function regenerateCSSByHash(expectedHash) {
+export async function regenerateCSSByHash(expectedHash, projectSlug) {
     const inFlight = inFlightRegeneration.get(expectedHash);
     if (inFlight)
         return await inFlight;
@@ -100,6 +103,7 @@ export async function regenerateCSSByHash(expectedHash) {
         }
         const result = await generateTailwindCSS(inputs.stylesheet, inputs.candidates, {
             minify: true,
+            projectSlug,
         });
         if (result.error) {
             logger.warn("CSS regeneration failed", {
@@ -145,7 +149,7 @@ export async function generateTailwindCSS(stylesheet, candidates, options) {
     return await withSpan(SpanNames.HTML_GENERATE_TAILWIND_CSS, async () => {
         const css = stylesheet ?? DEFAULT_STYLESHEET;
         try {
-            const comp = await getCompiler(css);
+            const comp = await getCompiler(css, options?.projectSlug);
             let output = comp.build(candidateArray);
             if (options?.minify)
                 output = minifyCSS(output);

package/esm/src/modules/react-loader/ssr-module-loader/constants.d.ts

@@ -6,7 +6,7 @@ export declare const REDIS_KEY_PREFIX = "veryfront:ssr-module:";
 /** Get environment-aware Redis TTL for SSR modules */
 export declare function getSSRModuleRedisTTL(isProduction: boolean): number;
 export { DISTRIBUTED_SSR_MODULE_TTL_PREVIEW_SEC, DISTRIBUTED_SSR_MODULE_TTL_PRODUCTION_SEC };
-export declare const CIRCUIT_BREAKER_THRESHOLD = 3;
+export declare const CIRCUIT_BREAKER_THRESHOLD = 25;
 export declare const CIRCUIT_BREAKER_RESET_MS: number;
 export declare function getMaxConcurrentTransforms(): number;
 export declare function getTransformPerProjectLimit(): number;

package/esm/src/modules/react-loader/ssr-module-loader/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/src/modules/react-loader/ssr-module-loader/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,sCAAsC,EACtC,yCAAyC,EAG1C,MAAM,mCAAmC,CAAC;AAE3C,eAAO,MAAM,4BAA4B,OAAO,CAAC;AACjD,eAAO,MAAM,uBAAuB,QAAqB,CAAC;AAE1D,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,eAAO,MAAM,gBAAgB,0BAA0B,CAAC;AAExD,sDAAsD;AACtD,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAElE;AAED,OAAO,EAAE,sCAAsC,EAAE,yCAAyC,EAAE,CAAC;AAE7F,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,wBAAwB,QAAY,CAAC;AAIlD,wBAAgB,0BAA0B,IAAI,MAAM,CAOnD;AASD,wBAAgB,2BAA2B,IAAI,MAAM,CAQpD;AAED,oEAAoE;AACpE,wBAAgB,0BAA0B,IAAI,IAAI,CAGjD;AAED,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,2BAA2B,QAAS,CAAC;AAElD,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,oBAAoB,KAAK,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/src/modules/react-loader/ssr-module-loader/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,sCAAsC,EACtC,yCAAyC,EAG1C,MAAM,mCAAmC,CAAC;AAE3C,eAAO,MAAM,4BAA4B,OAAO,CAAC;AACjD,eAAO,MAAM,uBAAuB,QAAqB,CAAC;AAE1D,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,eAAO,MAAM,gBAAgB,0BAA0B,CAAC;AAExD,sDAAsD;AACtD,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAElE;AAED,OAAO,EAAE,sCAAsC,EAAE,yCAAyC,EAAE,CAAC;AAE7F,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,wBAAwB,QAAW,CAAC;AAIjD,wBAAgB,0BAA0B,IAAI,MAAM,CAOnD;AASD,wBAAgB,2BAA2B,IAAI,MAAM,CAQpD;AAED,oEAAoE;AACpE,wBAAgB,0BAA0B,IAAI,IAAI,CAGjD;AAED,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,2BAA2B,QAAS,CAAC;AAElD,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,oBAAoB,KAAK,CAAC"}

package/esm/src/modules/react-loader/ssr-module-loader/constants.js

@@ -10,8 +10,8 @@ export function getSSRModuleRedisTTL(isProduction) {
     return getDistributedCacheTTL("ssr-module", isProduction);
 }
 export { DISTRIBUTED_SSR_MODULE_TTL_PREVIEW_SEC, DISTRIBUTED_SSR_MODULE_TTL_PRODUCTION_SEC };
-export const CIRCUIT_BREAKER_THRESHOLD = 3;
-export const CIRCUIT_BREAKER_RESET_MS = 60 * 1000;
+export const CIRCUIT_BREAKER_THRESHOLD = 25;
+export const CIRCUIT_BREAKER_RESET_MS = 5 * 1000;
 // Max concurrent ESM transforms (safety net, not throttle). Set to 0 to disable.
 let _maxConcurrentTransforms;
 export function getMaxConcurrentTransforms() {

package/esm/src/modules/react-loader/ssr-module-loader/ssr-circuit-breaker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ssr-circuit-breaker.d.ts","sourceRoot":"","sources":["../../../../../src/src/modules/react-loader/ssr-module-loader/ssr-circuit-breaker.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH;;;;;;GAMG;AACH,qBAAa,iBAAiB;IAC5B;;;;OAIG;IACH,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IA+BjD;;OAEG;IACH,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAIvC;;OAEG;IACH,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;CAOxC"}
+{"version":3,"file":"ssr-circuit-breaker.d.ts","sourceRoot":"","sources":["../../../../../src/src/modules/react-loader/ssr-module-loader/ssr-circuit-breaker.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH;;;;;;GAMG;AACH,qBAAa,iBAAiB;IAC5B;;;;OAIG;IACH,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IA8BjD;;OAEG;IACH,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAIvC;;OAEG;IACH,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;CAOxC"}

package/esm/src/modules/react-loader/ssr-module-loader/ssr-circuit-breaker.js

@@ -31,12 +31,11 @@ export class SSRCircuitBreaker {
         if (failureRecord.count >= CIRCUIT_BREAKER_THRESHOLD &&
             timeSinceFailure < CIRCUIT_BREAKER_RESET_MS) {
             throw toError(createError({
-                type: "build",
+                type: "render",
                 message: `Component ${filePath} is temporarily blocked due to repeated failures. Will retry in ${Math.ceil((CIRCUIT_BREAKER_RESET_MS - timeSinceFailure) / 1000)}s.`,
                 context: {
-                    file: filePath,
-                    phase: "circuit-breaker",
-                    failures: failureRecord.count,
+                    component: filePath,
+                    phase: "server",
                 },
             }));
         }

package/esm/src/rendering/orchestrator/pipeline.d.ts

@@ -53,6 +53,8 @@ export declare class RenderPipeline {
      */
     clearModuleCache(): void;
     private loadModule;
+    private extractRenderedCssHash;
+    private resolveCssFromRenderedHtml;
     /**
      * Load modules in parallel and return only successfully loaded ones.
      *

package/esm/src/rendering/orchestrator/pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../src/src/rendering/orchestrator/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgBH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAwChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACxE,aAAa,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACrF;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,wBAAwB,CAAC;IAC3C,YAAY,EAAE,YAAY,CAAC;IAC3B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,eAAe,EAAE,eAAe,CAAC;IACjC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,qBAAqB,EAAE,sBAAsB,CAAC;CAC1E;AAQD,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,kBAAkB,CAAqB;gBAEnC,MAAM,EAAE,oBAAoB;IAaxC;;;OAGG;IACH,gBAAgB,IAAI,IAAI;IAKxB,OAAO,CAAC,UAAU;IAIlB;;;;;;;;;OASG;YACW,qBAAqB;IAyDnC;;;OAGG;YACW,mBAAmB;IAqH3B,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC;IAgP9E,+EAA+E;IACzE,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC;IA6KvF;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;CAetB"}
+{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../src/src/rendering/orchestrator/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgBH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AA6ChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACxE,aAAa,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACrF;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,wBAAwB,CAAC;IAC3C,YAAY,EAAE,YAAY,CAAC;IAC3B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,eAAe,EAAE,eAAe,CAAC;IACjC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,qBAAqB,EAAE,sBAAsB,CAAC;CAC1E;AAQD,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,kBAAkB,CAAqB;gBAEnC,MAAM,EAAE,oBAAoB;IAaxC;;;OAGG;IACH,gBAAgB,IAAI,IAAI;IAKxB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,sBAAsB;YAIhB,0BAA0B;IAaxC;;;;;;;;;OASG;YACW,qBAAqB;IAyDnC;;;OAGG;YACW,mBAAmB;IAqH3B,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC;IAgP9E,+EAA+E;IACzE,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC;IA6LvF;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;CAetB"}

package/esm/src/rendering/orchestrator/pipeline.js

@@ -30,6 +30,7 @@ import { setupSSRGlobals } from "../ssr-globals.js";
 import { LAYOUT_EXTENSIONS } from "../layouts/types.js";
 import { withTimeout, withTimeoutThrow } from "../utils/stream-utils.js";
 import { extractCandidates, generateTailwindCSS } from "../../html/styles-builder/index.js";
+import { getCSSByHashAsync, regenerateCSSByHash, } from "../../html/styles-builder/tailwind-compiler.js";
 import { createEsmCache, createModuleCache, loadModule } from "./module-loader/index.js";
 import { getCSSImports, runWithCSSCollector, } from "../../modules/react-loader/css-import-collector.js";
 // Extracted modules
@@ -39,6 +40,7 @@ import { collectModulesToLoad, DATA_FETCH_TIMEOUT_MS, hasDataFetchingFunction, M
 const renderPageLog = logger.component("render-page");
 const renderPipelineLog = logger.component("render-pipeline");
 const resolvePageDataLog = logger.component("resolve-page-data");
+const RENDERED_CSS_HASH_RE = /href="\/_vf\/css\/([a-z0-9-]{1,16})\.css"/i;
 // Re-export test helper for backward compatibility
 export { __injectCssCacheForTests } from "./css-cache.js";
 export class RenderPipeline {
@@ -68,6 +70,18 @@ export class RenderPipeline {
     loadModule(filePath) {
         return loadModule(filePath, this.moduleLoaderConfig);
     }
+    extractRenderedCssHash(html) {
+        return html.match(RENDERED_CSS_HASH_RE)?.[1];
+    }
+    async resolveCssFromRenderedHtml(html, projectSlug) {
+        const cssHash = this.extractRenderedCssHash(html);
+        if (!cssHash)
+            return undefined;
+        const cachedCss = await getCSSByHashAsync(cssHash);
+        if (cachedCss)
+            return cachedCss;
+        return await regenerateCSSByHash(cssHash, projectSlug);
+    }
     /**
      * Load modules in parallel and return only successfully loaded ones.
      *
@@ -438,15 +452,27 @@ export class RenderPipeline {
                     skipCachePersist: true,
                 }), CSS_SSR_TIMEOUT_MS, `CSS SSR for ${slug}`);
                 if (renderResult?.html) {
-                    const candidates = extractCandidates(renderResult.html);
-                    css = (await generateTailwindCSS(undefined, candidates)).css;
+                    css = await this.resolveCssFromRenderedHtml(renderResult.html, options?.projectSlug ?? options?.projectId);
+                    if (css) {
+                        resolvePageDataLog.debug("Reused SSR CSS for page data", {
+                            slug,
+                            cssLength: css.length,
+                            source: "rendered-html-hash",
+                        });
+                    }
+                    else {
+                        const candidates = extractCandidates(renderResult.html);
+                        css = (await generateTailwindCSS(undefined, candidates, {
+                            projectSlug: options?.projectSlug,
+                        })).css;
+                        resolvePageDataLog.debug("Fell back to HTML candidate CSS generation", {
+                            slug,
+                            htmlLength: renderResult.html.length,
+                            cssLength: css?.length || 0,
+                        });
+                    }
                     if (css)
                         cachePageCss(cssCacheKey, css);
-                    resolvePageDataLog.debug("Generated and cached CSS", {
-                        slug,
-                        htmlLength: renderResult.html.length,
-                        cssLength: css?.length || 0,
-                    });
                 }
             }
             catch (error) {

package/esm/src/server/dev-server/error-overlay/html-template.js

@@ -178,7 +178,7 @@ export function generateErrorHTML(errorInfo, suggestion) {
 <html>
 <head>
   <meta charset="UTF-8">
-  <title>Build Error - Veryfront</title>
+  <title>${errorType} Error - Veryfront</title>
   <style>
     body {
       margin: 0;

package/esm/src/server/handlers/dev/styles-css.handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles-css.handler.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/dev/styles-css.handler.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAmB,aAAa,EAAE,MAAM,aAAa,CAAC;AAanG,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,QAAQ,EAAE,eAAe,CAKvB;IAEI,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC;YAgGjE,cAAc;CAiB7B"}
+{"version":3,"file":"styles-css.handler.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/dev/styles-css.handler.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAmB,aAAa,EAAE,MAAM,aAAa,CAAC;AAanG,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,QAAQ,EAAE,eAAe,CAKvB;IAEI,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC;YAkGjE,cAAc;CAiB7B"}

package/esm/src/server/handlers/dev/styles-css.handler.js

@@ -39,7 +39,9 @@ export class StylesCSSHandler extends BaseHandler {
                     });
                     candidates = new Set();
                 }
-                const result = await generateTailwindCSS(rawCss, candidates);
+                const result = await generateTailwindCSS(rawCss, candidates, {
+                    projectSlug: ctx.projectSlug,
+                });
                 if (result.error) {
                     const formatted = formatCSSError(result.error);
                     logger.error("Tailwind error", {

package/esm/src/server/handlers/request/css.handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css.handler.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/request/css.handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAmB,aAAa,EAAE,MAAM,aAAa,CAAC;AAuBnG,qBAAa,UAAW,SAAQ,WAAW;IACzC,QAAQ,EAAE,eAAe,CAOvB;IAEI,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC;CA6DhF"}
+{"version":3,"file":"css.handler.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/request/css.handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAmB,aAAa,EAAE,MAAM,aAAa,CAAC;AA0BnG,qBAAa,UAAW,SAAQ,WAAW;IACzC,QAAQ,EAAE,eAAe,CAOvB;IAEI,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC;CAkEhF"}

package/esm/src/server/handlers/request/css.handler.js

@@ -6,11 +6,11 @@ import { getEnv } from "../../../platform/compat/process.js";
 import { runWithRequestContext } from "../../../platform/adapters/fs/veryfront/multi-project-adapter.js";
 /** Pattern to match hashed CSS URLs: /_vf/css/[8-char-hash].css */
 const CSS_URL_PATTERN = /^\/_vf\/css\/([a-z0-9-]{1,16})\.css$/;
-async function getCSSWithJITFallback(cssHash) {
+async function getCSSWithJITFallback(cssHash, projectSlug) {
     const cached = await getCSSByHashAsync(cssHash);
     if (cached)
         return cached;
-    return regenerateCSSByHash(cssHash);
+    return regenerateCSSByHash(cssHash, projectSlug);
 }
 export class CSSHandler extends BaseHandler {
     metadata = {
@@ -35,7 +35,7 @@ export class CSSHandler extends BaseHandler {
         // null — causing cross-pod cache misses. Wrap the lookup in request context
         // so the API backend can resolve the token and project.
         const effectiveToken = ctx.proxyToken || getEnv("VERYFRONT_API_TOKEN") || "";
-        const lookup = () => runWithCacheKeyContext(cacheCtx, () => getCSSWithJITFallback(cssHash));
+        const lookup = () => runWithCacheKeyContext(cacheCtx, () => getCSSWithJITFallback(cssHash, ctx.projectSlug ?? ctx.projectId));
         const css = ctx.projectSlug
             ? await runWithRequestContext({
                 projectSlug: ctx.projectSlug,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.53",
+  "version": "0.1.54",
   "description": "The simplest way to build AI-powered apps",
   "keywords": [
     "react",

package/src/deno.js

@@ -1,6 +1,6 @@
 export default {
   "name": "veryfront",
-  "version": "0.1.53",
+  "version": "0.1.54",
   "license": "Apache-2.0",
   "nodeModulesDir": "auto",
   "exclude": [

package/src/src/html/styles-builder/tailwind-compiler-cache.ts

@@ -87,16 +87,21 @@ function evictOldestCompiler(): void {
 
 export async function getCompiler(
   stylesheet: string,
+  projectSlug?: string,
 ): Promise<Awaited<ReturnType<typeof compile>>> {
-  const hash = hashString(stylesheet);
+  // Tailwind v4's compile().build() is stateful — it accumulates candidates
+  // across calls. Without per-project isolation, projects sharing the same
+  // stylesheet on the shared pool contaminate each other's CSS output.
+  const stylesheetHash = hashString(stylesheet);
+  const hash = projectSlug ? `${projectSlug}:${stylesheetHash}` : stylesheetHash;
 
   const cached = compilerCache.get(hash);
   if (cached) {
-    logger.debug("Compiler cache hit", { hash });
+    logger.debug("Compiler cache hit", { hash, projectSlug });
     return cached.compiler;
   }
 
-  logger.debug("Creating new compiler", { hash });
+  logger.debug("Creating new compiler", { hash, projectSlug });
 
   const tailwindBase = await getTailwindBaseCSS();
   const pluginCache = new Map<string, unknown>();

package/src/src/html/styles-builder/tailwind-compiler.ts

@@ -59,6 +59,7 @@ export interface GenerateOptions {
   minify?: boolean;
   environment?: string;
   buildMode?: "development" | "production";
+  projectSlug?: string;
 }
 
 export interface CSSErrorInfo {
@@ -104,7 +105,10 @@ export async function getProjectCSS(
 
   const generationPromise = (async () => {
     // Generate fresh CSS
-    const result = await generateTailwindCSS(context.stylesheet, candidates, options);
+    const result = await generateTailwindCSS(context.stylesheet, candidates, {
+      ...options,
+      projectSlug,
+    });
 
     if (result.error) {
       const formatted = formatCSSError(result.error);
@@ -159,7 +163,10 @@ export async function getProjectCSS(
  * @param expectedHash - The CSS hash to regenerate
  * @returns The regenerated CSS if inputs are cached and hash matches, undefined otherwise
  */
-export async function regenerateCSSByHash(expectedHash: string): Promise<string | undefined> {
+export async function regenerateCSSByHash(
+  expectedHash: string,
+  projectSlug: string | undefined,
+): Promise<string | undefined> {
   const inFlight = inFlightRegeneration.get(expectedHash);
   if (inFlight) return await inFlight;
 
@@ -174,6 +181,7 @@ export async function regenerateCSSByHash(expectedHash: string): Promise<string
 
       const result = await generateTailwindCSS(inputs.stylesheet, inputs.candidates, {
         minify: true,
+        projectSlug,
       });
 
       if (result.error) {
@@ -237,7 +245,7 @@ export async function generateTailwindCSS(
       const css = stylesheet ?? DEFAULT_STYLESHEET;
 
       try {
-        const comp = await getCompiler(css);
+        const comp = await getCompiler(css, options?.projectSlug);
         let output = comp.build(candidateArray);
 
         if (options?.minify) output = minifyCSS(output);

package/src/src/modules/react-loader/ssr-module-loader/constants.ts

@@ -21,8 +21,8 @@ export function getSSRModuleRedisTTL(isProduction: boolean): number {
 
 export { DISTRIBUTED_SSR_MODULE_TTL_PREVIEW_SEC, DISTRIBUTED_SSR_MODULE_TTL_PRODUCTION_SEC };
 
-export const CIRCUIT_BREAKER_THRESHOLD = 3;
-export const CIRCUIT_BREAKER_RESET_MS = 60 * 1000;
+export const CIRCUIT_BREAKER_THRESHOLD = 25;
+export const CIRCUIT_BREAKER_RESET_MS = 5 * 1000;
 
 // Max concurrent ESM transforms (safety net, not throttle). Set to 0 to disable.
 let _maxConcurrentTransforms: number | undefined;

package/src/src/modules/react-loader/ssr-module-loader/ssr-circuit-breaker.ts

@@ -37,15 +37,14 @@ export class SSRCircuitBreaker {
     ) {
       throw toError(
         createError({
-          type: "build",
+          type: "render",
           message:
             `Component ${filePath} is temporarily blocked due to repeated failures. Will retry in ${
               Math.ceil((CIRCUIT_BREAKER_RESET_MS - timeSinceFailure) / 1000)
             }s.`,
           context: {
-            file: filePath,
-            phase: "circuit-breaker",
-            failures: failureRecord.count,
+            component: filePath,
+            phase: "server",
           },
         }),
       );

package/src/src/rendering/orchestrator/pipeline.ts

@@ -44,6 +44,10 @@ import { LAYOUT_EXTENSIONS } from "../layouts/types.js";
 import type { LayoutItem } from "../../types/index.js";
 import { withTimeout, withTimeoutThrow } from "../utils/stream-utils.js";
 import { extractCandidates, generateTailwindCSS } from "../../html/styles-builder/index.js";
+import {
+  getCSSByHashAsync,
+  regenerateCSSByHash,
+} from "../../html/styles-builder/tailwind-compiler.js";
 import { createEsmCache, createModuleCache, loadModule } from "./module-loader/index.js";
 import type { ModuleLoaderConfig } from "./module-loader/index.js";
 import {
@@ -73,6 +77,7 @@ import {
 const renderPageLog = logger.component("render-page");
 const renderPipelineLog = logger.component("render-pipeline");
 const resolvePageDataLog = logger.component("resolve-page-data");
+const RENDERED_CSS_HASH_RE = /href="\/_vf\/css\/([a-z0-9-]{1,16})\.css"/i;
 
 // Re-export test helper for backward compatibility
 export { __injectCssCacheForTests } from "./css-cache.js";
@@ -137,6 +142,23 @@ export class RenderPipeline {
     return loadModule(filePath, this.moduleLoaderConfig);
   }
 
+  private extractRenderedCssHash(html: string): string | undefined {
+    return html.match(RENDERED_CSS_HASH_RE)?.[1];
+  }
+
+  private async resolveCssFromRenderedHtml(
+    html: string,
+    projectSlug: string | undefined,
+  ): Promise<string | undefined> {
+    const cssHash = this.extractRenderedCssHash(html);
+    if (!cssHash) return undefined;
+
+    const cachedCss = await getCSSByHashAsync(cssHash);
+    if (cachedCss) return cachedCss;
+
+    return await regenerateCSSByHash(cssHash, projectSlug);
+  }
+
   /**
    * Load modules in parallel and return only successfully loaded ones.
    *
@@ -687,15 +709,31 @@ export class RenderPipeline {
         );
 
         if (renderResult?.html) {
-          const candidates = extractCandidates(renderResult.html);
-          css = (await generateTailwindCSS(undefined, candidates)).css;
-          if (css) cachePageCss(cssCacheKey, css);
+          css = await this.resolveCssFromRenderedHtml(
+            renderResult.html,
+            options?.projectSlug ?? options?.projectId,
+          );
 
-          resolvePageDataLog.debug("Generated and cached CSS", {
-            slug,
-            htmlLength: renderResult.html.length,
-            cssLength: css?.length || 0,
-          });
+          if (css) {
+            resolvePageDataLog.debug("Reused SSR CSS for page data", {
+              slug,
+              cssLength: css.length,
+              source: "rendered-html-hash",
+            });
+          } else {
+            const candidates = extractCandidates(renderResult.html);
+            css = (await generateTailwindCSS(undefined, candidates, {
+              projectSlug: options?.projectSlug,
+            })).css;
+
+            resolvePageDataLog.debug("Fell back to HTML candidate CSS generation", {
+              slug,
+              htmlLength: renderResult.html.length,
+              cssLength: css?.length || 0,
+            });
+          }
+
+          if (css) cachePageCss(cssCacheKey, css);
         }
       } catch (error) {
         const errorMessage = error instanceof Error ? error.message : String(error);

package/src/src/server/dev-server/error-overlay/html-template.ts

@@ -187,7 +187,7 @@ export function generateErrorHTML(errorInfo: ErrorInfo, suggestion?: string): st
 <html>
 <head>
   <meta charset="UTF-8">
-  <title>Build Error - Veryfront</title>
+  <title>${errorType} Error - Veryfront</title>
   <style>
     body {
       margin: 0;

package/src/src/server/handlers/dev/styles-css.handler.ts

@@ -54,7 +54,9 @@ export class StylesCSSHandler extends BaseHandler {
           });
           candidates = new Set<string>();
         }
-        const result = await generateTailwindCSS(rawCss, candidates);
+        const result = await generateTailwindCSS(rawCss, candidates, {
+          projectSlug: ctx.projectSlug,
+        });
 
         if (result.error) {
           const formatted = formatCSSError(result.error);

package/src/src/server/handlers/request/css.handler.ts

@@ -16,11 +16,14 @@ import { runWithRequestContext } from "../../../platform/adapters/fs/veryfront/m
 /** Pattern to match hashed CSS URLs: /_vf/css/[8-char-hash].css */
 const CSS_URL_PATTERN = /^\/_vf\/css\/([a-z0-9-]{1,16})\.css$/;
 
-async function getCSSWithJITFallback(cssHash: string): Promise<string | undefined> {
+async function getCSSWithJITFallback(
+  cssHash: string,
+  projectSlug: string | undefined,
+): Promise<string | undefined> {
   const cached = await getCSSByHashAsync(cssHash);
   if (cached) return cached;
 
-  return regenerateCSSByHash(cssHash);
+  return regenerateCSSByHash(cssHash, projectSlug);
 }
 
 export class CSSHandler extends BaseHandler {
@@ -48,7 +51,12 @@ export class CSSHandler extends BaseHandler {
     // null — causing cross-pod cache misses. Wrap the lookup in request context
     // so the API backend can resolve the token and project.
     const effectiveToken = ctx.proxyToken || getEnv("VERYFRONT_API_TOKEN") || "";
-    const lookup = () => runWithCacheKeyContext(cacheCtx, () => getCSSWithJITFallback(cssHash));
+    const lookup = () =>
+      runWithCacheKeyContext(cacheCtx, () =>
+        getCSSWithJITFallback(
+          cssHash,
+          ctx.projectSlug ?? ctx.projectId,
+        ));
 
     const css = ctx.projectSlug
       ? await runWithRequestContext(