veryfront 0.1.72 → 0.1.73

package/esm/deno.js

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

package/esm/src/html/html-shell-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-shell-generator.d.ts","sourceRoot":"","sources":["../../../src/src/html/html-shell-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAmBxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AA+ExD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,qBAAqB,EAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC1C,KAAK,CAAC,EAAE,cAAc,EACtB,kBAAkB,CAAC,EAAE,MAAM,GAC1B,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAWzC;AAsPD,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,qBAAqB,EAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC1C,KAAK,CAAC,EAAE,cAAc,GACrB,OAAO,CAAC,MAAM,CAAC,CAmBjB"}
+{"version":3,"file":"html-shell-generator.d.ts","sourceRoot":"","sources":["../../../src/src/html/html-shell-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAmBxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AA+ExD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,qBAAqB,EAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC1C,KAAK,CAAC,EAAE,cAAc,EACtB,kBAAkB,CAAC,EAAE,MAAM,GAC1B,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAWzC;AA+PD,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,qBAAqB,EAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC1C,KAAK,CAAC,EAAE,cAAc,GACrB,OAAO,CAAC,MAAM,CAAC,CAmBjB"}

package/esm/src/html/html-shell-generator.js

@@ -134,6 +134,11 @@ async function generateHTMLShellPartsImpl(meta, options, params, props, contentF
         ? `<link rel="modulepreload" href="${jsxRuntimeUrl}">`
         : "";
     const nonceAttr = nonce ? ` nonce="${nonce}"` : "";
+    // Expose project slug for runtime error overlay "Fix in Veryfront" button
+    const overlaySlug = options.projectId || meta.slug;
+    const slugForOverlay = useDevScripts && overlaySlug
+        ? `<script${nonceAttr}>window.__VF_PROJECT_SLUG__=${JSON.stringify(overlaySlug).replace(/</g, "\\u003c")};</script>`
+        : "";
     const hydrationErrorSuppression = useDevScripts ? "" : `<script${nonceAttr}>
 (function(){
   var origError = console.error;
@@ -222,6 +227,7 @@ async function generateHTMLShellPartsImpl(meta, options, params, props, contentF
   ${linkTags}
   ${styleTags}
   ${modeStyles}
+  ${slugForOverlay}
 </head>
 <body${bodyClass ? ` class="${bodyClass}"` : ""} suppressHydrationWarning>
   <div ${rootAttributes}>`;

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;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"}
+{"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;IA8P9E,+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

@@ -247,119 +247,130 @@ export class RenderPipeline {
                 const pageResolveStart = performance.now();
                 const pageInfo = await withSpan("render.resolve_page", () => this.config.pageResolver.resolvePage(slug), { "render.slug": slug });
                 timing.pageResolve = Math.round(performance.now() - pageResolveStart);
-                const skipLayouts = isDotPath(slug, pageInfo.entity.path);
-                const layoutCollectStart = performance.now();
-                const layoutResult = skipLayouts ? EMPTY_LAYOUT_RESULT : await withSpan("render.collect_layouts", () => this.config.layoutOrchestrator.collectLayouts(pageInfo), { "render.slug": slug });
-                timing.layoutCollect = Math.round(performance.now() - layoutCollectStart);
-                const layoutPreloadPromise = !skipLayouts && layoutResult.nestedLayouts.length > 0
-                    ? this.config.layoutOrchestrator.preloadLayoutModules(layoutResult.nestedLayouts)
-                    : Promise.resolve();
-                let dataFetchingProps;
-                let resolvedParams = options?.params
-                    ? { ...options.params }
-                    : {};
-                let layoutDataMap = new Map();
-                const dataFetchStart = performance.now();
-                if (options?.request && options?.url) {
-                    await withSpan("render.data_fetching", async () => {
-                        try {
-                            const dataResolution = await this.resolveDataFetching(slug, pageInfo.entity.path, layoutResult.nestedLayouts, options);
-                            resolvedParams = dataResolution.params;
-                            dataFetchingProps = Object.keys(dataResolution.pageProps).length > 0
-                                ? dataResolution.pageProps
-                                : undefined;
-                            layoutDataMap = dataResolution.layoutProps;
-                        }
-                        catch (error) {
-                            if (error instanceof VeryfrontError)
+                const sourceFile = extractRelativePathShared(pageInfo.entity.path, this.config.projectDir);
+                try {
+                    const skipLayouts = isDotPath(slug, pageInfo.entity.path);
+                    const layoutCollectStart = performance.now();
+                    const layoutResult = skipLayouts ? EMPTY_LAYOUT_RESULT : await withSpan("render.collect_layouts", () => this.config.layoutOrchestrator.collectLayouts(pageInfo), { "render.slug": slug });
+                    timing.layoutCollect = Math.round(performance.now() - layoutCollectStart);
+                    const layoutPreloadPromise = !skipLayouts && layoutResult.nestedLayouts.length > 0
+                        ? this.config.layoutOrchestrator.preloadLayoutModules(layoutResult.nestedLayouts)
+                        : Promise.resolve();
+                    let dataFetchingProps;
+                    let resolvedParams = options?.params
+                        ? { ...options.params }
+                        : {};
+                    let layoutDataMap = new Map();
+                    const dataFetchStart = performance.now();
+                    if (options?.request && options?.url) {
+                        await withSpan("render.data_fetching", async () => {
+                            try {
+                                const dataResolution = await this.resolveDataFetching(slug, pageInfo.entity.path, layoutResult.nestedLayouts, options);
+                                resolvedParams = dataResolution.params;
+                                dataFetchingProps = Object.keys(dataResolution.pageProps).length > 0
+                                    ? dataResolution.pageProps
+                                    : undefined;
+                                layoutDataMap = dataResolution.layoutProps;
+                            }
+                            catch (error) {
+                                if (error instanceof VeryfrontError)
+                                    throw error;
+                                renderPageLog.error("Data fetching error", {
+                                    slug,
+                                    error: error instanceof Error ? error.message : String(error),
+                                });
                                 throw error;
-                            renderPageLog.error("Data fetching error", {
-                                slug,
-                                error: error instanceof Error ? error.message : String(error),
-                            });
-                            throw error;
+                            }
+                        }, { "render.slug": slug });
+                    }
+                    timing.dataFetch = Math.round(performance.now() - dataFetchStart);
+                    const hasResolvedParams = Object.keys(resolvedParams).length > 0;
+                    const mergedOptions = (dataFetchingProps || hasResolvedParams)
+                        ? {
+                            ...options,
+                            ...(hasResolvedParams ? { params: resolvedParams } : {}),
+                            ...(dataFetchingProps
+                                ? { props: { ...options?.props, ...dataFetchingProps } }
+                                : {}),
                         }
-                    }, { "render.slug": slug });
-                }
-                timing.dataFetch = Math.round(performance.now() - dataFetchStart);
-                const hasResolvedParams = Object.keys(resolvedParams).length > 0;
-                const mergedOptions = (dataFetchingProps || hasResolvedParams)
-                    ? {
-                        ...options,
-                        ...(hasResolvedParams ? { params: resolvedParams } : {}),
-                        ...(dataFetchingProps ? { props: { ...options?.props, ...dataFetchingProps } } : {}),
+                        : options;
+                    const bundlePrepStart = performance.now();
+                    const pageBundleResult = await withSpan("render.prepare_bundles", () => this.config.pageRenderer.preparePageBundles(pageInfo, slug, cacheResult?.cachedModule, mergedOptions), { "render.slug": slug });
+                    timing.bundlePrep = Math.round(performance.now() - bundlePrepStart);
+                    if (pageBundleResult.scriptResult)
+                        return pageBundleResult.scriptResult;
+                    if (!pageBundleResult.pageElement || !pageBundleResult.pageBundle) {
+                        throw RENDER_ERROR.create({
+                            detail: "Failed to prepare page bundle",
+                            context: { slug },
+                        });
                     }
-                    : options;
-                const bundlePrepStart = performance.now();
-                const pageBundleResult = await withSpan("render.prepare_bundles", () => this.config.pageRenderer.preparePageBundles(pageInfo, slug, cacheResult?.cachedModule, mergedOptions), { "render.slug": slug });
-                timing.bundlePrep = Math.round(performance.now() - bundlePrepStart);
-                if (pageBundleResult.scriptResult)
-                    return pageBundleResult.scriptResult;
-                if (!pageBundleResult.pageElement || !pageBundleResult.pageBundle) {
-                    throw RENDER_ERROR.create({
-                        detail: "Failed to prepare page bundle",
-                        context: { slug },
-                    });
-                }
-                const { pageElement, pageBundle } = pageBundleResult;
-                const mergedFrontmatter = {
-                    ...pageInfo.entity.frontmatter,
-                    ...pageBundle.frontmatter,
-                };
-                const headings = pageBundle.headings || [];
-                await layoutPreloadPromise;
-                const layoutApplyStart = performance.now();
-                const wrappedElement = await withSpan("render.apply_layouts", () => this.config.layoutOrchestrator.applyLayoutsAndWrappers(pageElement, pageInfo, layoutResult.layoutBundle, layoutResult.nestedLayouts, layoutDataMap, options?.url, mergedFrontmatter, headings, options?.projectSlug), { "render.slug": slug, "render.layout_count": layoutResult.nestedLayouts.length });
-                timing.layoutApply = Math.round(performance.now() - layoutApplyStart);
-                // Snapshot CSS imports collected during module loading (before SSR rendering).
-                // These are passed to the HTML generator to be included in the output.
-                const collectedCSSImports = getCSSImports();
-                const ssrStart = performance.now();
-                const ssrResult = await withSpan("render.ssr", () => withTimeoutThrow(this.config.ssrOrchestrator.performSSRRendering(wrappedElement, {
-                    pageInfo,
-                    pageBundle,
-                    layoutBundle: layoutResult.layoutBundle,
-                    nestedLayouts: layoutResult.nestedLayouts,
-                    collectedMetadata: pageBundleResult.collectedMetadata,
-                    slug,
-                    cssImports: collectedCSSImports,
-                }, mergedOptions), SSR_RENDER_TIMEOUT_MS, `SSR rendering for ${slug}`), { "render.slug": slug, "render.delivery": mergedOptions?.delivery || "full" });
-                timing.ssr = Math.round(performance.now() - ssrStart);
-                if (collectedCSSImports.length > 0) {
-                    renderPipelineLog.debug("CSS imports collected for HTML generation", {
-                        slug,
-                        count: collectedCSSImports.length,
-                        paths: collectedCSSImports.map((p) => p.split("/").pop()),
-                    });
-                }
-                const pageModule = pageBundleResult.clientModuleCode && pageBundleResult.pageModuleType
-                    ? {
+                    const { pageElement, pageBundle } = pageBundleResult;
+                    const mergedFrontmatter = {
+                        ...pageInfo.entity.frontmatter,
+                        ...pageBundle.frontmatter,
+                    };
+                    const headings = pageBundle.headings || [];
+                    await layoutPreloadPromise;
+                    const layoutApplyStart = performance.now();
+                    const wrappedElement = await withSpan("render.apply_layouts", () => this.config.layoutOrchestrator.applyLayoutsAndWrappers(pageElement, pageInfo, layoutResult.layoutBundle, layoutResult.nestedLayouts, layoutDataMap, options?.url, mergedFrontmatter, headings, options?.projectSlug), { "render.slug": slug, "render.layout_count": layoutResult.nestedLayouts.length });
+                    timing.layoutApply = Math.round(performance.now() - layoutApplyStart);
+                    // Snapshot CSS imports collected during module loading (before SSR rendering).
+                    // These are passed to the HTML generator to be included in the output.
+                    const collectedCSSImports = getCSSImports();
+                    const ssrStart = performance.now();
+                    const ssrResult = await withSpan("render.ssr", () => withTimeoutThrow(this.config.ssrOrchestrator.performSSRRendering(wrappedElement, {
+                        pageInfo,
+                        pageBundle,
+                        layoutBundle: layoutResult.layoutBundle,
+                        nestedLayouts: layoutResult.nestedLayouts,
+                        collectedMetadata: pageBundleResult.collectedMetadata,
                         slug,
-                        code: pageBundleResult.clientModuleCode,
-                        type: pageBundleResult.pageModuleType,
+                        cssImports: collectedCSSImports,
+                    }, mergedOptions), SSR_RENDER_TIMEOUT_MS, `SSR rendering for ${slug}`), { "render.slug": slug, "render.delivery": mergedOptions?.delivery || "full" });
+                    timing.ssr = Math.round(performance.now() - ssrStart);
+                    if (collectedCSSImports.length > 0) {
+                        renderPipelineLog.debug("CSS imports collected for HTML generation", {
+                            slug,
+                            count: collectedCSSImports.length,
+                            paths: collectedCSSImports.map((p) => p.split("/").pop()),
+                        });
                     }
-                    : undefined;
-                const result = {
-                    html: ssrResult.fullHtml,
-                    frontmatter: pageBundleResult.pageBundle.frontmatter || {},
-                    headings: pageBundleResult.pageBundle.headings || [],
-                    nodeMap: pageBundleResult.pageBundle.nodeMap,
-                    stream: ssrResult.finalStream,
-                    ssrHash: ssrResult.ssrHash,
-                    ...(pageModule ? { pageModule } : {}),
-                };
-                if (shouldCache && !options?.skipCachePersist) {
-                    void this.config.cacheCoordinator.persistResult(result, slug, cacheKey).catch((error) => {
-                        renderPipelineLog.error("Cache persist failed", {
+                    const pageModule = pageBundleResult.clientModuleCode && pageBundleResult.pageModuleType
+                        ? {
                             slug,
-                            error: error instanceof Error ? error.message : String(error),
-                            stack: error instanceof Error ? error.stack : undefined,
+                            code: pageBundleResult.clientModuleCode,
+                            type: pageBundleResult.pageModuleType,
+                        }
+                        : undefined;
+                    const result = {
+                        html: ssrResult.fullHtml,
+                        frontmatter: pageBundleResult.pageBundle.frontmatter || {},
+                        headings: pageBundleResult.pageBundle.headings || [],
+                        nodeMap: pageBundleResult.pageBundle.nodeMap,
+                        stream: ssrResult.finalStream,
+                        ssrHash: ssrResult.ssrHash,
+                        ...(pageModule ? { pageModule } : {}),
+                    };
+                    if (shouldCache && !options?.skipCachePersist) {
+                        void this.config.cacheCoordinator.persistResult(result, slug, cacheKey).catch((error) => {
+                            renderPipelineLog.error("Cache persist failed", {
+                                slug,
+                                error: error instanceof Error ? error.message : String(error),
+                                stack: error instanceof Error ? error.stack : undefined,
+                            });
                         });
-                    });
+                    }
+                    timing.total = Math.round(performance.now() - pipelineStartTime);
+                    renderPipelineLog.debug("Complete", { slug, timing });
+                    return result;
+                }
+                catch (error) {
+                    if (error instanceof Error) {
+                        error.sourceFile = sourceFile;
+                    }
+                    throw error;
                 }
-                timing.total = Math.round(performance.now() - pipelineStartTime);
-                renderPipelineLog.debug("Complete", { slug, timing });
-                return result;
             });
             return result;
         }, {

package/esm/src/server/dev-server/error-overlay/error-formatter.d.ts

@@ -8,5 +8,9 @@ export interface ErrorInfo {
     suggestion?: string;
 }
 export declare function getSuggestion(error: Error): string | undefined;
+export declare function parseErrorLocation(error: Error, file: string): {
+    line?: number;
+    column?: number;
+};
 export declare function formatErrorType(type: ErrorType): string;
 //# sourceMappingURL=error-formatter.d.ts.map

package/esm/src/server/dev-server/error-overlay/error-formatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-formatter.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/dev-server/error-overlay/error-formatter.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AAE1D,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkCD,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAU9D;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAKvD"}
+{"version":3,"file":"error-formatter.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/dev-server/error-overlay/error-formatter.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AAE1D,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkCD,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAU9D;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,GACX;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAgBpC;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAKvD"}

package/esm/src/server/dev-server/error-overlay/error-formatter.js

@@ -33,6 +33,21 @@ export function getSuggestion(error) {
     }
     return undefined;
 }
+export function parseErrorLocation(error, file) {
+    if (!error.stack || !file)
+        return {};
+    const lines = error.stack.split("\n");
+    // First try to match the known source file
+    for (const stackLine of lines) {
+        if (!stackLine.includes(file))
+            continue;
+        const match = stackLine.match(/:(\d+):(\d+)\)?$/);
+        if (match) {
+            return { line: Number(match[1]), column: Number(match[2]) };
+        }
+    }
+    return {};
+}
 export function formatErrorType(type) {
     const firstChar = type[0];
     if (!firstChar)

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

@@ -1,4 +1,4 @@
 import { type ErrorInfo } from "./error-formatter.js";
 export declare function generateRuntimeScript(): string;
-export declare function generateErrorHTML(errorInfo: ErrorInfo, suggestion?: string): string;
+export declare function generateErrorHTML(errorInfo: ErrorInfo, suggestion?: string, projectSlug?: string): string;
 //# sourceMappingURL=html-template.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"html-template.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/dev-server/error-overlay/html-template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,sBAAsB,CAAC;AAYvE,wBAAgB,qBAAqB,IAAI,MAAM,CAsI9C;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAsKnF"}
+{"version":3,"file":"html-template.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/dev-server/error-overlay/html-template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,sBAAsB,CAAC;AAmBvE,wBAAgB,qBAAqB,IAAI,MAAM,CA6L9C;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,SAAS,EACpB,UAAU,CAAC,EAAE,MAAM,EACnB,WAAW,CAAC,EAAE,MAAM,GACnB,MAAM,CAuOR"}

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

@@ -6,6 +6,12 @@ const WS_RECONNECT_BASE_DELAY_MS = 1_000;
 const WS_RECONNECT_MAX_DELAY_MS = 5_000;
 /** Maximum number of WebSocket reconnection attempts before giving up */
 const WS_MAX_RECONNECT_ATTEMPTS = 10;
+/** JSON.stringify that escapes `<` to prevent `</script>` breaking inline scripts */
+function jsonForScript(value) {
+    const json = JSON.stringify(value);
+    // JSON.stringify(undefined) returns undefined (not a string)
+    return json === undefined ? "undefined" : json.replace(/</g, "\\u003c");
+}
 export function generateRuntimeScript() {
     return `
     // Veryfront Error Overlay Runtime
@@ -106,21 +112,76 @@ export function generateRuntimeScript() {
             </div>
 
             <button type="button" onclick="document.getElementById('veryfront-error-overlay').remove()" style="
-              background: #333;
-              border: 1px solid #555;
-              color: #ccc;
-              padding: 8px 16px;
-              border-radius: 4px;
+              background: #fff;
+              border: none;
+              color: #000;
+              padding: 10px 20px;
+              border-radius: 9999px;
               cursor: pointer;
               font-family: inherit;
             ">
               Dismiss
             </button>
+            \${window.__VF_PROJECT_SLUG__ ? \`
+            <button type="button" id="vf-fix-btn-runtime" style="
+              background: transparent;
+              border: 1px solid rgba(255, 255, 255, 0.2);
+              color: rgba(255, 255, 255, 0.7);
+              padding: 10px 20px;
+              border-radius: 9999px;
+              cursor: pointer;
+              font-family: inherit;
+              margin-left: 8px;
+            ">
+              Fix in Veryfront
+            </button>
+            \` : ''}
           </div>
         </div>
       \`;
 
       document.body.appendChild(overlay);
+
+      // Notify Studio of runtime error
+      if (window.parent !== window) {
+        try {
+          window.parent.postMessage({
+            action: 'runtimeError',
+            url: window.location.href,
+            hasError: true,
+            errors: [{
+              type: 'error',
+              message: (errorInfo.error && errorInfo.error.message) || 'Unknown error',
+              file: errorInfo.file ? String(errorInfo.file) : undefined,
+              line: errorInfo.line ? Number(errorInfo.line) : undefined,
+              column: errorInfo.column ? Number(errorInfo.column) : undefined
+            }]
+          }, '*');
+        } catch (e) { /* postMessage may fail */ }
+      }
+
+      if (window.__VF_PROJECT_SLUG__) {
+        var fixBtn = document.getElementById('vf-fix-btn-runtime');
+        if (fixBtn) {
+          fixBtn.addEventListener('click', function() {
+            var rawName = (errorInfo.error && errorInfo.error.name) || 'Error';
+            var rawMessage = (errorInfo.error && errorInfo.error.message) || 'Unknown error';
+            var rawFile = errorInfo.file ? String(errorInfo.file) : null;
+            var rawLine = errorInfo.line ? String(errorInfo.line) : null;
+            var rawColumn = errorInfo.column ? String(errorInfo.column) : null;
+            var loc = rawFile ? rawFile + (rawLine ? ':' + rawLine : '') + (rawColumn ? ':' + rawColumn : '') : null;
+            var bt = String.fromCharCode(96);
+            var prompt = 'Find and fix the following error' +
+              (loc ? ' in ' + bt + loc + bt : '') +
+              '\\n\\n' + bt + rawMessage + bt;
+            if (window.parent !== window) {
+              window.parent.postMessage({ action: 'chatMessage', prompt: prompt }, '*');
+            } else {
+              window.open('https://veryfront.com/projects/' + window.__VF_PROJECT_SLUG__ + '?prompt=' + encodeURIComponent(prompt));
+            }
+          });
+        }
+      }
     };
 
     window.addEventListener('error', (event) => {
@@ -141,7 +202,7 @@ export function generateRuntimeScript() {
     });
   `;
 }
-export function generateErrorHTML(errorInfo, suggestion) {
+export function generateErrorHTML(errorInfo, suggestion, projectSlug) {
     const errorType = escapeHtml(formatErrorType(errorInfo.type));
     const errorName = escapeHtml(errorInfo.error.name);
     const errorMessage = escapeHtml(errorInfo.error.message);
@@ -173,6 +234,9 @@ export function generateErrorHTML(errorInfo, suggestion) {
       </details>
     `
         : "";
+    const fixButtonHtml = projectSlug
+        ? `<button type="button" id="vf-fix-btn" class="btn btn-fix">Fix in Veryfront</button>`
+        : "";
     return `
 <!DOCTYPE html>
 <html>
@@ -244,6 +308,32 @@ export function generateErrorHTML(errorInfo, suggestion) {
       overflow-x: auto;
       font-size: 12px;
     }
+    .btn {
+      padding: 10px 20px;
+      border-radius: 9999px;
+      cursor: pointer;
+      font-family: inherit;
+      font-size: 14px;
+      border: none;
+    }
+    .btn-dismiss {
+      background: #fff;
+      color: #000;
+    }
+    .btn-dismiss:hover {
+      background: #e5e5e5;
+    }
+    .btn-fix {
+      background: transparent;
+      color: rgba(255, 255, 255, 0.7);
+      border: 1px solid rgba(255, 255, 255, 0.2);
+      margin-left: 8px;
+    }
+    .btn-fix:hover {
+      background: rgba(255, 255, 255, 0.1);
+      color: #fff;
+      border-color: rgba(255, 255, 255, 0.4);
+    }
   </style>
 </head>
 <body>
@@ -258,8 +348,34 @@ export function generateErrorHTML(errorInfo, suggestion) {
       ${suggestionSection}
       ${stackSection}
     </div>
+    ${fixButtonHtml}
   </div>
-  <script>
+  <script>${projectSlug
+        ? `
+    (function() {
+      var slug = ${jsonForScript(projectSlug)};
+      var errorName = ${jsonForScript(errorInfo.error.name)};
+      var errorMessage = ${jsonForScript(errorInfo.error.message)};
+      var errorFile = ${jsonForScript(errorInfo.file ?? null)};
+      var errorLine = ${jsonForScript(errorInfo.line ?? null)};
+      var errorColumn = ${jsonForScript(errorInfo.column ?? null)};
+      var btn = document.getElementById('vf-fix-btn');
+      if (btn) {
+        btn.addEventListener('click', function() {
+          var loc = errorFile ? errorFile + (errorLine ? ':' + errorLine : '') + (errorColumn ? ':' + errorColumn : '') : null;
+          var bt = String.fromCharCode(96);
+          var prompt = 'Find and fix the following error' +
+            (loc ? ' in ' + bt + loc + bt : '') +
+            '\\n\\n' + bt + errorMessage + bt;
+          if (window.parent !== window) {
+            window.parent.postMessage({ action: 'chatMessage', prompt: prompt }, '*');
+          } else {
+            window.open('https://veryfront.com/projects/' + slug + '?prompt=' + encodeURIComponent(prompt));
+          }
+        });
+      }
+    })();`
+        : ""}
     // Notify Studio (parent) that page has loaded with an error
     // This hides the loading spinner in Studio's preview iframe
     if (window.parent !== window) {
@@ -268,7 +384,14 @@ export function generateErrorHTML(errorInfo, suggestion) {
           action: 'appUpdated',
           isInitialLoad: true,
           hasError: true,
-          url: window.location.href
+          url: window.location.href,
+          errors: [{
+            type: 'error',
+            message: ${jsonForScript(errorInfo.error.message)},
+            file: ${jsonForScript(errorInfo.file || undefined)},
+            line: ${errorInfo.line ? String(errorInfo.line) : "undefined"},
+            column: ${errorInfo.column ? String(errorInfo.column) : "undefined"}
+          }]
         }, '*');
       } catch (e) { /* postMessage may fail in cross-origin iframes */ }
     }

package/esm/src/server/dev-server/error-overlay/index.d.ts

@@ -4,7 +4,7 @@
  * @module server/dev-server/error-overlay
  */
 export { ErrorOverlay } from "./overlay-renderer.js";
-export { type ErrorInfo, type ErrorType, formatErrorType, getSuggestion, } from "./error-formatter.js";
+export { type ErrorInfo, type ErrorType, formatErrorType, getSuggestion, parseErrorLocation, } from "./error-formatter.js";
 export { generateErrorHTML, generateRuntimeScript } from "./html-template.js";
 export { formatStackTrace, hasStackTrace, type ParsedStackFrame, parseStackTrace, } from "./stack-parser.js";
 //# sourceMappingURL=index.d.ts.map

package/esm/src/server/dev-server/error-overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/dev-server/error-overlay/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,eAAe,EACf,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,KAAK,gBAAgB,EACrB,eAAe,GAChB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/dev-server/error-overlay/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,eAAe,EACf,aAAa,EACb,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,KAAK,gBAAgB,EACrB,eAAe,GAChB,MAAM,mBAAmB,CAAC"}

package/esm/src/server/dev-server/error-overlay/index.js

@@ -4,6 +4,6 @@
  * @module server/dev-server/error-overlay
  */
 export { ErrorOverlay } from "./overlay-renderer.js";
-export { formatErrorType, getSuggestion, } from "./error-formatter.js";
+export { formatErrorType, getSuggestion, parseErrorLocation, } from "./error-formatter.js";
 export { generateErrorHTML, generateRuntimeScript } from "./html-template.js";
 export { formatStackTrace, hasStackTrace, parseStackTrace, } from "./stack-parser.js";

package/esm/src/server/dev-server/error-overlay/overlay-renderer.d.ts

@@ -3,6 +3,6 @@ import { generateRuntimeScript } from "./html-template.js";
 export declare const ErrorOverlay: {
     getRuntime: typeof generateRuntimeScript;
     getSuggestion: typeof getSuggestion;
-    createHTML(errorInfo: ErrorInfo): string;
+    createHTML(errorInfo: ErrorInfo, projectSlug?: string): string;
 };
 //# sourceMappingURL=overlay-renderer.d.ts.map

package/esm/src/server/dev-server/error-overlay/overlay-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/dev-server/error-overlay/overlay-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAqB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE9E,eAAO,MAAM,YAAY;;;0BAGD,SAAS,GAAG,MAAM;CAMzC,CAAC"}
+{"version":3,"file":"overlay-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/dev-server/error-overlay/overlay-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAqB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE9E,eAAO,MAAM,YAAY;;;0BAGD,SAAS,gBAAgB,MAAM,GAAG,MAAM;CAO/D,CAAC"}

package/esm/src/server/dev-server/error-overlay/overlay-renderer.js

@@ -3,7 +3,7 @@ import { generateErrorHTML, generateRuntimeScript } from "./html-template.js";
 export const ErrorOverlay = {
     getRuntime: generateRuntimeScript,
     getSuggestion,
-    createHTML(errorInfo) {
-        return generateErrorHTML(errorInfo, errorInfo.suggestion ?? getSuggestion(errorInfo.error));
+    createHTML(errorInfo, projectSlug) {
+        return generateErrorHTML(errorInfo, errorInfo.suggestion ?? getSuggestion(errorInfo.error), projectSlug);
     },
 };

package/esm/src/server/dev-server/request-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request-handler.d.ts","sourceRoot":"","sources":["../../../../src/src/server/dev-server/request-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AASlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAY7D,qBAAa,cAAc;IAIvB,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,MAAM,CAAC;IACf,OAAO,CAAC,kBAAkB,CAAC;IAC3B,OAAO,CAAC,gBAAgB,CAAC;IACzB,OAAO,CAAC,aAAa,CAAC;IAVxB,OAAO,CAAC,cAAc,CAAC,CAAsD;gBAGnE,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,MAAM,OAAO,EACtB,OAAO,EAAE,MAAM,OAAO,EACtB,MAAM,CAAC,EAAE,eAAe,YAAA,EACxB,kBAAkB,CAAC,EAAE,MAAM,YAAA,EAC3B,gBAAgB,CAAC,EAAE,MAAM,YAAA,EACzB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAA;IAG1C,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;IA0BpE,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,iBAAiB;YAiBX,uBAAuB;IASrC,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,oBAAoB;YAYd,wBAAwB;IAiBtC,wBAAwB,IAAI,IAAI;IAehC,OAAO,CAAC,iBAAiB;CAiB1B"}
+{"version":3,"file":"request-handler.d.ts","sourceRoot":"","sources":["../../../../src/src/server/dev-server/request-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AASlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAY7D,qBAAa,cAAc;IAIvB,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,MAAM,CAAC;IACf,OAAO,CAAC,kBAAkB,CAAC;IAC3B,OAAO,CAAC,gBAAgB,CAAC;IACzB,OAAO,CAAC,aAAa,CAAC;IAVxB,OAAO,CAAC,cAAc,CAAC,CAAsD;gBAGnE,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,MAAM,OAAO,EACtB,OAAO,EAAE,MAAM,OAAO,EACtB,MAAM,CAAC,EAAE,eAAe,YAAA,EACxB,kBAAkB,CAAC,EAAE,MAAM,YAAA,EAC3B,gBAAgB,CAAC,EAAE,MAAM,YAAA,EACzB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAA;IAG1C,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;IA0BpE,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,iBAAiB;YAiBX,uBAAuB;IASrC,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,oBAAoB;YAYd,wBAAwB;IAiBtC,wBAAwB,IAAI,IAAI;IAehC,OAAO,CAAC,iBAAiB;CAqB1B"}

package/esm/src/server/dev-server/request-handler.js

@@ -1,7 +1,7 @@
 import * as dntShim from "../../../_dnt.shims.js";
 import { DEV_SERVER_ENDPOINTS, HTTP_CONTENT_TYPES, HTTP_OK, HTTP_SERVER_ERROR, HTTP_UNAVAILABLE, serverLogger, } from "../../utils/index.js";
 import { clearConfigCache } from "../../config/index.js";
-import { ErrorOverlay } from "./error-overlay/index.js";
+import { ErrorOverlay, parseErrorLocation } from "./error-overlay/index.js";
 import { createResponseBuilder } from "../../security/index.js";
 import { resetApiHandler } from "../handlers/request/api/pages-api-handler.js";
 import { clearLayoutDiscoveryCache } from "../../rendering/layouts/index.js";
@@ -147,10 +147,14 @@ export class RequestHandler {
         logger.error("Server error:", error);
         const err = error;
         getErrorCollector().addRuntimeError(err.message, err.stack, { source: "request-handler" });
+        const sourceFile = err.sourceFile;
+        const location = sourceFile ? parseErrorLocation(err, sourceFile) : {};
         return new dntShim.Response(ErrorOverlay.createHTML({
             type: "runtime",
             error: err,
-        }), {
+            ...(sourceFile ? { file: sourceFile } : {}),
+            ...location,
+        }, this.defaultProjectSlug), {
             status: HTTP_SERVER_ERROR,
             headers: { "content-type": "text/html; charset=utf-8" },
         });