38:I[33359,["/_next/static/immutable/chunks/36l402okylrdx.js","/_next/static/immutable/chunks/3y4-7nxsuz3z1.js","/_next/static/immutable/chunks/1xvyq6y1hqbuo.js","/_next/static/immutable/chunks/0r8k3ky1228jl.js","/_next/static/immutable/chunks/3dd8jk-3g-8d3.js","/_next/static/immutable/chunks/10p2t0fz29dhj.js","/_next/static/immutable/chunks/0yjq-qrazu2dq.js","/_next/static/immutable/chunks/2j0w_q0pwgiso.js","/_next/static/immutable/chunks/0u8gcd6ys_twt.js","/_next/static/immutable/chunks/3_u3ln-ve406m.js","/_next/static/immutable/chunks/1518s5_a3ckly.js"],"BlockUrlProvider"] 39:I[85456,["/_next/static/immutable/chunks/36l402okylrdx.js","/_next/static/immutable/chunks/3y4-7nxsuz3z1.js","/_next/static/immutable/chunks/1xvyq6y1hqbuo.js","/_next/static/immutable/chunks/0r8k3ky1228jl.js","/_next/static/immutable/chunks/3dd8jk-3g-8d3.js","/_next/static/immutable/chunks/10p2t0fz29dhj.js","/_next/static/immutable/chunks/0yjq-qrazu2dq.js","/_next/static/immutable/chunks/2j0w_q0pwgiso.js","/_next/static/immutable/chunks/0u8gcd6ys_twt.js","/_next/static/immutable/chunks/3_u3ln-ve406m.js","/_next/static/immutable/chunks/1518s5_a3ckly.js"],"BlockPreviewTabs"] 3a:I[33359,["/_next/static/immutable/chunks/36l402okylrdx.js","/_next/static/immutable/chunks/3y4-7nxsuz3z1.js","/_next/static/immutable/chunks/1xvyq6y1hqbuo.js","/_next/static/immutable/chunks/0r8k3ky1228jl.js","/_next/static/immutable/chunks/3dd8jk-3g-8d3.js","/_next/static/immutable/chunks/10p2t0fz29dhj.js","/_next/static/immutable/chunks/0yjq-qrazu2dq.js","/_next/static/immutable/chunks/2j0w_q0pwgiso.js","/_next/static/immutable/chunks/0u8gcd6ys_twt.js","/_next/static/immutable/chunks/3_u3ln-ve406m.js","/_next/static/immutable/chunks/1518s5_a3ckly.js"],"SafariPreview"] 3b:I[83791,["/_next/static/immutable/chunks/36l402okylrdx.js","/_next/static/immutable/chunks/3y4-7nxsuz3z1.js","/_next/static/immutable/chunks/1xvyq6y1hqbuo.js","/_next/static/immutable/chunks/0r8k3ky1228jl.js","/_next/static/immutable/chunks/3dd8jk-3g-8d3.js","/_next/static/immutable/chunks/10p2t0fz29dhj.js","/_next/static/immutable/chunks/0yjq-qrazu2dq.js","/_next/static/immutable/chunks/2j0w_q0pwgiso.js","/_next/static/immutable/chunks/0u8gcd6ys_twt.js","/_next/static/immutable/chunks/3_u3ln-ve406m.js","/_next/static/immutable/chunks/1518s5_a3ckly.js"],""] 3c:I[63172,["/_next/static/immutable/chunks/36l402okylrdx.js","/_next/static/immutable/chunks/3y4-7nxsuz3z1.js","/_next/static/immutable/chunks/1xvyq6y1hqbuo.js","/_next/static/immutable/chunks/0r8k3ky1228jl.js","/_next/static/immutable/chunks/3dd8jk-3g-8d3.js","/_next/static/immutable/chunks/10p2t0fz29dhj.js","/_next/static/immutable/chunks/0yjq-qrazu2dq.js","/_next/static/immutable/chunks/2j0w_q0pwgiso.js","/_next/static/immutable/chunks/0u8gcd6ys_twt.js","/_next/static/immutable/chunks/3_u3ln-ve406m.js","/_next/static/immutable/chunks/1518s5_a3ckly.js"],"default"] 3d:T518c,

import type { LucideIcon } from "lucide-react";
import Link from "next/link";

import { FixedBackButton, type FixedBackButtonProps } from "../fixed-back-button";
import { Button } from "../button";
import { cn } from "../../lib/utils";

export type ErrorPageBlockAction = {
  label: string;
  href: string;
  icon?: LucideIcon;
  appearance?: "solid" | "outline";
};

export type ErrorPageBlockProps = {
  code: string | number;
  message: string;
  description: string;
  actions: readonly ErrorPageBlockAction[];
  backButton?: FixedBackButtonProps | false;
  className?: string;
};

export function ErrorPageBlock({
  code,
  message,
  description,
  actions,
  backButton,
  className,
}: ErrorPageBlockProps) {
  return (
    <section
      className={cn(
        "bg-background @container flex min-h-svh w-full items-center justify-center px-4 py-12 text-center",
        className,
      )}
    >
      {backButton !== false && <FixedBackButton {...backButton} />}
      <div className="flex max-w-2xl flex-col items-center gap-5">
        <p className="text-muted-foreground/80 font-mono text-8xl leading-none font-bold tracking-tighter @sm:text-9xl">
          {code}
        </p>
        <h1 className="text-xl font-semibold tracking-tight @sm:text-2xl">{message}</h1>
        <p className="text-muted-foreground max-w-lg text-base leading-relaxed">{description}</p>
        <div className="flex flex-wrap items-center justify-center gap-2">
          {actions.map((action) => {
            const Icon = action.icon;

            return (
              <Button
                key={`${action.label}-${action.href}`}
                asChild
                variant={action.appearance === "outline" ? "outline" : "default"}
              >
                <Link href={action.href}>
                  {Icon && <Icon data-icon="inline-start" aria-hidden />}
                  {action.label}
                </Link>
              </Button>
            );
          })}
        </div>
      </div>
    </section>
  );
}

3e:T7e9,import type { LucideIcon } from "lucide-react"; import Link from "next/link"; import { FixedBackButton, type FixedBackButtonProps } from "../fixed-back-button"; import { Button } from "../button"; import { cn } from "../../lib/utils"; export type ErrorPageBlockAction = { label: string; href: string; icon?: LucideIcon; appearance?: "solid" | "outline"; }; export type ErrorPageBlockProps = { code: string | number; message: string; description: string; actions: readonly ErrorPageBlockAction[]; backButton?: FixedBackButtonProps | false; className?: string; }; export function ErrorPageBlock({ code, message, description, actions, backButton, className, }: ErrorPageBlockProps) { return (

{backButton !== false && }

{code}

{message}

{description}

{actions.map((action) => { const Icon = action.icon; return ( ); })}

); } 3f:T4278,

import { readFileSync } from "node:fs";
import path from "node:path";

import { ErrorPageBlock } from "@repo/core/components/blocks/error-page-block";
import { BlockPreviewFrame } from "@repo/core/components/layouts/block-preview-frame";
import { Blocks, House } from "lucide-react";
import type { Metadata } from "next";

const REPO_ROOT = process.cwd().endsWith("apps/web")
  ? path.resolve(process.cwd(), "../..")
  : process.cwd();

const BLOCK_FILES = [
  {
    path: "components/blocks/error-page-block.tsx",
    code: readFileSync(
      path.join(REPO_ROOT, "packages/core/src/components/blocks/error-page-block.tsx"),
      "utf8",
    ),
  },
  {
    path: "app/blocks/error-page/page.tsx",
    code: readFileSync(path.join(REPO_ROOT, "apps/web/src/app/blocks/error-page/page.tsx"), "utf8"),
  },
];

const description = "A minimal fullscreen error page with clear recovery actions.";

export const metadata: Metadata = {
  title: "Minimal Error Page Block",
  description,
  alternates: { canonical: "/blocks/error-page" },
  openGraph: {
    title: "Minimal Error Page Block",
    description,
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: "Minimal Error Page Block",
    description,
  },
};

export default function ErrorPageBlockPage() {
  return (
    <BlockPreviewFrame
      name="error-page"
      files={BLOCK_FILES}
      backButton={{ label: "Go back", position: "top-left" }}
    >
      <ErrorPageBlock
        code={500}
        message="Something went wrong."
        description="The server could not complete your request. Try again or return to safety."
        actions={[
          { label: "Go home", href: "/", icon: House },
          {
            label: "View blocks",
            href: "/blocks",
            icon: Blocks,
            appearance: "outline",
          },
        ]}
        backButton={false}
        className="h-full min-h-0"
      />
    </BlockPreviewFrame>
  );
}

40:T7a6,import { readFileSync } from "node:fs"; import path from "node:path"; import { ErrorPageBlock } from "@repo/core/components/blocks/error-page-block"; import { BlockPreviewFrame } from "@repo/core/components/layouts/block-preview-frame"; import { Blocks, House } from "lucide-react"; import type { Metadata } from "next"; const REPO_ROOT = process.cwd().endsWith("apps/web") ? path.resolve(process.cwd(), "../..") : process.cwd(); const BLOCK_FILES = [ { path: "components/blocks/error-page-block.tsx", code: readFileSync( path.join(REPO_ROOT, "packages/core/src/components/blocks/error-page-block.tsx"), "utf8", ), }, { path: "app/blocks/error-page/page.tsx", code: readFileSync(path.join(REPO_ROOT, "apps/web/src/app/blocks/error-page/page.tsx"), "utf8"), }, ]; const description = "A minimal fullscreen error page with clear recovery actions."; export const metadata: Metadata = { title: "Minimal Error Page Block", description, alternates: { canonical: "/blocks/error-page" }, openGraph: { title: "Minimal Error Page Block", description, type: "website", }, twitter: { card: "summary_large_image", title: "Minimal Error Page Block", description, }, }; export default function ErrorPageBlockPage() { return ( ); } 2b:["$","div",null,{"data-fullscreen-block":true,"className":"relative isolate h-dvh min-h-0 w-full overflow-hidden","children":[["$","svg",null,{"aria-hidden":"true","className":"text-muted-foreground/30 pointer-events-none absolute inset-0 h-full w-full stroke-[0.5] -z-10","xmlns":"http://www.w3.org/2000/svg","children":[["$","defs",null,{"children":["$","pattern",null,{"id":"_S_c_","width":10,"height":10,"patternUnits":"userSpaceOnUse","children":[["$","line",null,{"x1":"0","y1":10,"x2":10,"y2":"0","stroke":"currentColor"}],["$","line",null,{"x1":-10,"y1":10,"x2":"0","y2":"0","stroke":"currentColor"}],["$","line",null,{"x1":10,"y1":10,"x2":20,"y2":"0","stroke":"currentColor"}]]}]}],["$","rect",null,{"width":"100%","height":"100%","fill":"url(#_S_c_)"}]]}],["$","$L38",null,{"children":["$","$L39",null,{"preview":["$","div",null,{"className":"flex flex-col items-center gap-3","children":["$","$L3a",null,{"baseUrl":"huanngdev.site","className":"w-[min(92vw,130vh)] drop-shadow-xl","children":["$","div",null,{"data-block-viewport":true,"className":"bg-background size-full overflow-auto","children":["$","section",null,{"className":"bg-background @container flex w-full items-center justify-center px-4 py-12 text-center h-full min-h-0","children":[false,["$","div",null,{"className":"flex max-w-2xl flex-col items-center gap-5","children":[["$","p",null,{"className":"text-muted-foreground/80 font-mono text-8xl leading-none font-bold tracking-tighter @sm:text-9xl","children":500}],["$","h1",null,{"className":"text-xl font-semibold tracking-tight @sm:text-2xl","children":"Something went wrong."}],["$","p",null,{"className":"text-muted-foreground max-w-lg text-base leading-relaxed","children":"The server could not complete your request. Try again or return to safety."}],["$","div",null,{"className":"flex flex-wrap items-center justify-center gap-2","children":[["$","$L3b","Go home-/",{"href":"/","children":[["$","$L3c",null,{"ref":"$undefined","iconNode":[["path",{"d":"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8","key":"5wwlr5"}],["path",{"d":"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z","key":"r6nss1"}]],"className":"lucide-house","data-icon":"inline-start","aria-hidden":true}],"Go home"],"data-slot":"button","data-variant":"default","data-size":"default","className":"group/button focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2","ref":null}],["$","$L3b","View blocks-/blocks",{"href":"/blocks","children":[["$","$L3c",null,{"ref":"$undefined","iconNode":[["path",{"d":"M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2","key":"1ah6g2"}],["rect",{"x":"14","y":"2","width":"8","height":"8","rx":"1","key":"88lufb"}]],"className":"lucide-blocks","data-icon":"inline-start","aria-hidden":true}],"View blocks"],"data-slot":"button","data-variant":"outline","data-size":"default","className":"group/button focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center rounded-lg border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2","ref":null}]]}]]}]]}]}]}]}],"files":[{"path":"components/blocks/error-page-block.tsx","name":"error-page-block.tsx","language":"tsx","html":"$3d","code":"$3e"},{"path":"app/blocks/error-page/page.tsx","name":"page.tsx","language":"tsx","html":"$3f","code":"$40"}],"rootName":"error-page","url":"huanngdev.site","backButton":{"label":"Go back","position":"top-left"}}]}]]}]