revine 1.2.0 → 1.3.0

package/dist/client.d.ts

@@ -1,10 +1,11 @@
-export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams, } from "react-router-dom";
+export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
 export { Image } from "./components/Image.js";
 export type { ImageProps } from "./components/Image.js";
 export { Link } from "./components/Link.js";
 export type { LinkProps } from "./components/Link.js";
 export { NavLink } from "./components/NavLink.js";
 export type { NavLinkProps } from "./components/NavLink.js";
+export { useRouter } from "./hooks/useRouter.js";
 export { defineConfig } from "./runtime/defineConfig.js";
 export { env, envAll } from "./runtime/env.js";
 export type { LayoutProps } from "./runtime/types.js";

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,EACX,SAAS,EACT,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,EACX,SAAS,EACT,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/client.js

@@ -1,6 +1,7 @@
-export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams, } from "react-router-dom";
+export { Outlet, RouterProvider, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
 export { Image } from "./components/Image.js";
 export { Link } from "./components/Link.js";
 export { NavLink } from "./components/NavLink.js";
+export { useRouter } from "./hooks/useRouter.js";
 export { defineConfig } from "./runtime/defineConfig.js";
 export { env, envAll } from "./runtime/env.js";

package/dist/components/Image.d.ts

@@ -1,5 +1,10 @@
 import { type ImgHTMLAttributes } from "react";
 type ObjectFit = "contain" | "cover" | "fill" | "none" | "scale-down";
+declare module "react" {
+    interface ImgHTMLAttributes<T> {
+        fetchpriority?: "high" | "low" | "auto";
+    }
+}
 export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "width" | "height" | "placeholder"> {
     /** Image source URL or import (e.g. import logo from './logo.png') */
     src: string;

package/dist/components/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5E,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAEtE,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,aAAa,CAC3C;IACC,sEAAsE;IACtE,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAeD,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAY,EACZ,SAAmB,EACnB,cAAyB,EACzB,QAAgB,EAChB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,2CAmJZ"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5E,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAEtE,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,iBAAiB,CAAC,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;KACzC;CACF;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,aAAa,CAC3C;IACC,sEAAsE;IACtE,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAeD,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAY,EACZ,SAAmB,EACnB,cAAyB,EACzB,QAAgB,EAChB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,2CAmJZ"}

package/dist/components/Image.js

@@ -44,7 +44,7 @@ export function Image({ src, alt, width, height, fill = false, objectFit = "cove
                         backgroundPosition: "center",
                         filter: placeholder ? "blur(8px)" : undefined,
                         transform: "scale(1.05)",
-                    } })), !errored ? (_jsx("img", { ref: imgRef, src: src, alt: alt, loading: priority ? "eager" : "lazy", decoding: priority ? "sync" : "async", fetchPriority: priority ? "high" : "auto", onLoad: () => setLoaded(true), onError: handleError, className: className, style: {
+                    } })), !errored ? (_jsx("img", { ref: imgRef, src: src, alt: alt, loading: priority ? "eager" : "lazy", decoding: priority ? "sync" : "async", fetchpriority: priority ? "high" : "auto", onLoad: () => setLoaded(true), onError: handleError, className: className, style: {
                         position: "absolute",
                         inset: 0,
                         width: "100%",
@@ -77,7 +77,7 @@ export function Image({ src, alt, width, height, fill = false, objectFit = "cove
                     backgroundPosition: "center",
                     filter: placeholder ? "blur(8px)" : undefined,
                     transform: "scale(1.05)",
-                } })), !errored ? (_jsx("img", { ref: imgRef, src: src, alt: alt, width: width, height: height, loading: priority ? "eager" : "lazy", decoding: priority ? "sync" : "async", fetchPriority: priority ? "high" : "auto", onLoad: () => setLoaded(true), onError: handleError, className: className, style: {
+                } })), !errored ? (_jsx("img", { ref: imgRef, src: src, alt: alt, width: width, height: height, loading: priority ? "eager" : "lazy", decoding: priority ? "sync" : "async", fetchpriority: priority ? "high" : "auto", onLoad: () => setLoaded(true), onError: handleError, className: className, style: {
                     display: "block",
                     width: "100%",
                     height: "100%",

package/dist/hooks/useRouter.d.ts

@@ -0,0 +1,12 @@
+export declare function useRouter(): {
+    pathname: string;
+    params: Readonly<import("react-router").Params<string>>;
+    searchParams: URLSearchParams;
+    setSearchParams: import("react-router-dom").SetURLSearchParams;
+    push: (path: string) => void;
+    replace: (path: string) => void;
+    back: () => void;
+    forward: () => void;
+    prefetch: (_path: string) => void;
+};
+//# sourceMappingURL=useRouter.d.ts.map

package/dist/hooks/useRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRouter.d.ts","sourceRoot":"","sources":["../../src/hooks/useRouter.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS;;;;;iBAcR,MAAM;oBACH,MAAM;;;sBAGJ,MAAM;EAI3B"}

package/dist/hooks/useRouter.js

@@ -0,0 +1,22 @@
+import { useNavigate, useLocation, useParams, useSearchParams } from "react-router-dom";
+export function useRouter() {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const params = useParams();
+    const [searchParams, setSearchParams] = useSearchParams();
+    return {
+        // Current route info
+        pathname: location.pathname,
+        params,
+        searchParams,
+        setSearchParams,
+        // Navigation methods
+        push: (path) => navigate(path),
+        replace: (path) => navigate(path, { replace: true }),
+        back: () => navigate(-1),
+        forward: () => navigate(1),
+        prefetch: (_path) => {
+            // Reserved for future prefetch support
+        },
+    };
+}

package/dist/runtime/bundler/revinePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revinePlugin.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/revinePlugin.ts"],"names":[],"mappings":"AA2VA,wBAAgB,YAAY,IAAI,GAAG,CAwIlC"}
+{"version":3,"file":"revinePlugin.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/revinePlugin.ts"],"names":[],"mappings":"AA2VA,wBAAgB,YAAY,IAAI,GAAG,CA6IlC"}

package/dist/runtime/bundler/revinePlugin.js

@@ -461,7 +461,12 @@ routes.push({
   errorElement: createElement(RevineErrorDialog),
 });
 
-export const router = createBrowserRouter(routes);
+export const router = createBrowserRouter(routes, {
+  future: {
+    v7_startTransition: true,
+    v7_relativeSplatPath: true,
+  },
+});
 `;
             }
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revine",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "A react framework, but better.",
   "license": "MIT",
   "author": "Rachit Bharadwaj",

package/src/client.ts

@@ -4,7 +4,7 @@ export {
   useLocation,
   useNavigate,
   useParams,
-  useSearchParams,
+  useSearchParams
 } from "react-router-dom";
 export { Image } from "./components/Image.js";
 export type { ImageProps } from "./components/Image.js";
@@ -12,6 +12,7 @@ export { Link } from "./components/Link.js";
 export type { LinkProps } from "./components/Link.js";
 export { NavLink } from "./components/NavLink.js";
 export type { NavLinkProps } from "./components/NavLink.js";
+export { useRouter } from "./hooks/useRouter.js";
 export { defineConfig } from "./runtime/defineConfig.js";
 export { env, envAll } from "./runtime/env.js";
 export type { LayoutProps } from "./runtime/types.js";

package/src/components/Image.tsx

@@ -2,6 +2,12 @@ import { useEffect, useRef, useState, type ImgHTMLAttributes } from "react";
 
 type ObjectFit = "contain" | "cover" | "fill" | "none" | "scale-down";
 
+declare module "react" {
+  interface ImgHTMLAttributes<T> {
+    fetchpriority?: "high" | "low" | "auto";
+  }
+}
+
 export interface ImageProps extends Omit<
   ImgHTMLAttributes<HTMLImageElement>,
   "src" | "width" | "height" | "placeholder"
@@ -126,7 +132,7 @@ export function Image({
             alt={alt}
             loading={priority ? "eager" : "lazy"}
             decoding={priority ? "sync" : "async"}
-            fetchPriority={priority ? "high" : "auto"}
+            fetchpriority={priority ? "high" : "auto"}
             onLoad={() => setLoaded(true)}
             onError={handleError}
             className={className}
@@ -196,7 +202,7 @@ export function Image({
           height={height}
           loading={priority ? "eager" : "lazy"}
           decoding={priority ? "sync" : "async"}
-          fetchPriority={priority ? "high" : "auto"}
+          fetchpriority={priority ? "high" : "auto"}
           onLoad={() => setLoaded(true)}
           onError={handleError}
           className={className}

package/src/hooks/useRouter.ts

@@ -0,0 +1,25 @@
+import { useNavigate, useLocation, useParams, useSearchParams } from "react-router-dom";
+
+export function useRouter() {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const params = useParams();
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  return {
+    // Current route info
+    pathname: location.pathname,
+    params,
+    searchParams,
+    setSearchParams,
+
+    // Navigation methods
+    push: (path: string) => navigate(path),
+    replace: (path: string) => navigate(path, { replace: true }),
+    back: () => navigate(-1),
+    forward: () => navigate(1),
+    prefetch: (_path: string) => {
+      // Reserved for future prefetch support
+    },
+  };
+}

package/src/runtime/bundler/revinePlugin.ts

@@ -476,9 +476,14 @@ routes.push({
   errorElement: createElement(RevineErrorDialog),
 });
 
-export const router = createBrowserRouter(routes);
+export const router = createBrowserRouter(routes, {
+  future: {
+    v7_startTransition: true,
+    v7_relativeSplatPath: true,
+  },
+});
 `;
       }
     },
   };
-}
+}

package/template/src/root.tsx

@@ -9,6 +9,11 @@ const root = createRoot(container);
 
 root.render(
   <React.StrictMode>
-    <RouterProvider router={router} />
+    <RouterProvider
+      router={router}
+      future={{
+        v7_startTransition: true,
+      }}
+    />
   </React.StrictMode>,
-);
+);

package/dist/runtime/bundler/errorBoundary.d.ts

@@ -1,2 +0,0 @@
-export declare const errorBoundaryComponent = "\nfunction RevineErrorDialog() {\n  const error = useRouteError();\n  const [expanded, setExpanded] = React.useState(false);\n\n  const message = error?.message || String(error) || \"An unexpected error occurred.\";\n  const stack = error?.stack || \"\";\n  // Pull only the first meaningful line from the stack (skip the error message repeat)\n  const stackLines = stack\n    .split(\"\\n\")\n    .filter((l) => l.trim().startsWith(\"at \"))\n    .slice(0, 8);\n\n  return React.createElement(\n    \"div\",\n    { style: overlayStyle },\n    React.createElement(\n      \"div\",\n      { style: dialogStyle },\n      // Header\n      React.createElement(\n        \"div\",\n        { style: headerStyle },\n        React.createElement(\"span\", { style: iconStyle }, \"\u2715\"),\n        React.createElement(\"span\", { style: titleStyle }, \"Application Error\")\n      ),\n      // Message\n      React.createElement(\"p\", { style: messageStyle }, message),\n      // Stack toggle\n      stackLines.length > 0 &&\n        React.createElement(\n          \"div\",\n          null,\n          React.createElement(\n            \"button\",\n            { onClick: () => setExpanded((v) => !v), style: toggleBtnStyle },\n            expanded ? \"\u25B2 Hide stack trace\" : \"\u25BC Show stack trace\"\n          ),\n          expanded &&\n            React.createElement(\n              \"pre\",\n              { style: stackStyle },\n              stackLines.join(\"\\n\")\n            )\n        ),\n      // Actions\n      React.createElement(\n        \"div\",\n        { style: actionsStyle },\n        React.createElement(\n          \"button\",\n          { onClick: () => window.location.reload(), style: primaryBtnStyle },\n          \"Reload page\"\n        ),\n        React.createElement(\n          \"button\",\n          { onClick: () => (window.location.href = \"/\"), style: secondaryBtnStyle },\n          \"Go to home\"\n        )\n      )\n    )\n  );\n}\n\nconst overlayStyle = {\n  position: \"fixed\", inset: 0, background: \"rgba(0,0,0,0.65)\",\n  backdropFilter: \"blur(4px)\", display: \"flex\",\n  alignItems: \"center\", justifyContent: \"center\",\n  zIndex: 9999, fontFamily: \"ui-monospace, 'Cascadia Code', monospace\",\n};\nconst dialogStyle = {\n  background: \"#1a1a1a\", border: \"1px solid #ff4d4f55\",\n  borderRadius: \"10px\", padding: \"28px 32px\",\n  maxWidth: \"560px\", width: \"90%\", boxShadow: \"0 24px 64px rgba(0,0,0,0.6)\",\n  color: \"#e5e5e5\",\n};\nconst headerStyle = {\n  display: \"flex\", alignItems: \"center\", gap: \"10px\",\n  marginBottom: \"14px\",\n};\nconst iconStyle = {\n  display: \"inline-flex\", alignItems: \"center\", justifyContent: \"center\",\n  width: \"26px\", height: \"26px\", borderRadius: \"50%\",\n  background: \"#ff4d4f22\", color: \"#ff4d4f\", fontSize: \"13px\", fontWeight: 700,\n};\nconst titleStyle = {\n  fontFamily: \"system-ui, sans-serif\",\n  fontSize: \"16px\", fontWeight: 600, color: \"#fff\",\n};\nconst messageStyle = {\n  fontFamily: \"ui-monospace, monospace\",\n  fontSize: \"13px\", color: \"#ff7875\",\n  background: \"#ff4d4f0f\", border: \"1px solid #ff4d4f22\",\n  borderRadius: \"6px\", padding: \"10px 14px\",\n  marginBottom: \"16px\", wordBreak: \"break-word\", lineHeight: 1.6,\n};\nconst toggleBtnStyle = {\n  background: \"none\", border: \"none\", cursor: \"pointer\",\n  color: \"#888\", fontSize: \"12px\", padding: \"0 0 10px 0\",\n  fontFamily: \"system-ui, sans-serif\",\n};\nconst stackStyle = {\n  background: \"#111\", borderRadius: \"6px\", padding: \"12px 14px\",\n  fontSize: \"11px\", color: \"#aaa\", overflowX: \"auto\",\n  lineHeight: 1.7, marginBottom: \"16px\",\n  border: \"1px solid #2a2a2a\",\n};\nconst actionsStyle = {\n  display: \"flex\", gap: \"10px\", marginTop: \"6px\",\n};\nconst primaryBtnStyle = {\n  flex: 1, padding: \"9px 0\", borderRadius: \"6px\", border: \"none\",\n  background: \"#ff4d4f\", color: \"#fff\", fontWeight: 600,\n  fontSize: \"13px\", cursor: \"pointer\", fontFamily: \"system-ui, sans-serif\",\n};\nconst secondaryBtnStyle = {\n  flex: 1, padding: \"9px 0\", borderRadius: \"6px\",\n  border: \"1px solid #333\", background: \"transparent\",\n  color: \"#aaa\", fontSize: \"13px\", cursor: \"pointer\",\n  fontFamily: \"system-ui, sans-serif\",\n};\n";
-//# sourceMappingURL=errorBoundary.d.ts.map

package/dist/runtime/bundler/errorBoundary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"errorBoundary.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/errorBoundary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,suIAyHlC,CAAC"}

package/dist/runtime/bundler/errorBoundary.js

@@ -1,122 +0,0 @@
-export const errorBoundaryComponent = `
-function RevineErrorDialog() {
-  const error = useRouteError();
-  const [expanded, setExpanded] = React.useState(false);
-
-  const message = error?.message || String(error) || "An unexpected error occurred.";
-  const stack = error?.stack || "";
-  // Pull only the first meaningful line from the stack (skip the error message repeat)
-  const stackLines = stack
-    .split("\\n")
-    .filter((l) => l.trim().startsWith("at "))
-    .slice(0, 8);
-
-  return React.createElement(
-    "div",
-    { style: overlayStyle },
-    React.createElement(
-      "div",
-      { style: dialogStyle },
-      // Header
-      React.createElement(
-        "div",
-        { style: headerStyle },
-        React.createElement("span", { style: iconStyle }, "✕"),
-        React.createElement("span", { style: titleStyle }, "Application Error")
-      ),
-      // Message
-      React.createElement("p", { style: messageStyle }, message),
-      // Stack toggle
-      stackLines.length > 0 &&
-        React.createElement(
-          "div",
-          null,
-          React.createElement(
-            "button",
-            { onClick: () => setExpanded((v) => !v), style: toggleBtnStyle },
-            expanded ? "▲ Hide stack trace" : "▼ Show stack trace"
-          ),
-          expanded &&
-            React.createElement(
-              "pre",
-              { style: stackStyle },
-              stackLines.join("\\n")
-            )
-        ),
-      // Actions
-      React.createElement(
-        "div",
-        { style: actionsStyle },
-        React.createElement(
-          "button",
-          { onClick: () => window.location.reload(), style: primaryBtnStyle },
-          "Reload page"
-        ),
-        React.createElement(
-          "button",
-          { onClick: () => (window.location.href = "/"), style: secondaryBtnStyle },
-          "Go to home"
-        )
-      )
-    )
-  );
-}
-
-const overlayStyle = {
-  position: "fixed", inset: 0, background: "rgba(0,0,0,0.65)",
-  backdropFilter: "blur(4px)", display: "flex",
-  alignItems: "center", justifyContent: "center",
-  zIndex: 9999, fontFamily: "ui-monospace, 'Cascadia Code', monospace",
-};
-const dialogStyle = {
-  background: "#1a1a1a", border: "1px solid #ff4d4f55",
-  borderRadius: "10px", padding: "28px 32px",
-  maxWidth: "560px", width: "90%", boxShadow: "0 24px 64px rgba(0,0,0,0.6)",
-  color: "#e5e5e5",
-};
-const headerStyle = {
-  display: "flex", alignItems: "center", gap: "10px",
-  marginBottom: "14px",
-};
-const iconStyle = {
-  display: "inline-flex", alignItems: "center", justifyContent: "center",
-  width: "26px", height: "26px", borderRadius: "50%",
-  background: "#ff4d4f22", color: "#ff4d4f", fontSize: "13px", fontWeight: 700,
-};
-const titleStyle = {
-  fontFamily: "system-ui, sans-serif",
-  fontSize: "16px", fontWeight: 600, color: "#fff",
-};
-const messageStyle = {
-  fontFamily: "ui-monospace, monospace",
-  fontSize: "13px", color: "#ff7875",
-  background: "#ff4d4f0f", border: "1px solid #ff4d4f22",
-  borderRadius: "6px", padding: "10px 14px",
-  marginBottom: "16px", wordBreak: "break-word", lineHeight: 1.6,
-};
-const toggleBtnStyle = {
-  background: "none", border: "none", cursor: "pointer",
-  color: "#888", fontSize: "12px", padding: "0 0 10px 0",
-  fontFamily: "system-ui, sans-serif",
-};
-const stackStyle = {
-  background: "#111", borderRadius: "6px", padding: "12px 14px",
-  fontSize: "11px", color: "#aaa", overflowX: "auto",
-  lineHeight: 1.7, marginBottom: "16px",
-  border: "1px solid #2a2a2a",
-};
-const actionsStyle = {
-  display: "flex", gap: "10px", marginTop: "6px",
-};
-const primaryBtnStyle = {
-  flex: 1, padding: "9px 0", borderRadius: "6px", border: "none",
-  background: "#ff4d4f", color: "#fff", fontWeight: 600,
-  fontSize: "13px", cursor: "pointer", fontFamily: "system-ui, sans-serif",
-};
-const secondaryBtnStyle = {
-  flex: 1, padding: "9px 0", borderRadius: "6px",
-  border: "1px solid #333", background: "transparent",
-  color: "#aaa", fontSize: "13px", cursor: "pointer",
-  fontFamily: "system-ui, sans-serif",
-};
-`;