50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T1d60,"use client" import * as React from "react" import Link from "next/link" import { usePathname } from "next/navigation" import { Menu, Moon, Sun } from "lucide-react" import { useTheme } from "next-themes" import { getBrand } from "@/lib/brand" import { cn } from "@/lib/utils" const CONTENT = { siteName: "", primaryNav: [ { href: "/projects", label: "projects" }, { href: "/writing", label: "writing" }, { href: "/resume", label: "resume" }, ] as Array<{ href: string; label: string; external?: boolean }>, moreNav: [ { href: "/log", label: "log" }, { href: "/stack", label: "stack" }, { href: "/contact", label: "contact" }, ] as Array<{ href: string; label: string }>, } /** Inlined icon toggle so this block stays installable alone. */ function ThemeToggleIcon({ className }: { className?: string }) { const { resolvedTheme, setTheme } = useTheme() const [mounted, setMounted] = React.useState(false) React.useEffect(() => setMounted(true), []) const isDark = mounted && resolvedTheme === "dark" const next = isDark ? "light" : "dark" const label = `Switch to ${next} mode` return ( ) } export function SiteHeaderNarrow({ siteName, primaryNav = CONTENT.primaryNav, moreNav = CONTENT.moreNav, onOpenCommand, className, }: { siteName?: string primaryNav?: Array<{ href: string; label: string; external?: boolean }> moreNav?: Array<{ href: string; label: string }> onOpenCommand?: () => void className?: string } = {}) { const pathname = usePathname() const [scrolled, setScrolled] = React.useState(false) const wordmark = siteName || CONTENT.siteName || getBrand().name React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 4) onScroll() window.addEventListener("scroll", onScroll, { passive: true }) return () => window.removeEventListener("scroll", onScroll) }, []) return (

{wordmark}

{primaryNav.map((item) => { const active = !item.external && (pathname === item.href || pathname.startsWith(`${item.href}/`)) const itemClass = cn( "rounded-md px-2 py-1 font-mono text-[12px] transition-colors", active ? "text-foreground" : "text-muted-foreground hover:text-foreground" ) if (item.external) { return ( {item.label} ) } return ( {item.label} ) })} {moreNav.length > 0 ? ( ) : null} {onOpenCommand ? ( ) : null}

) } function MoreMenu({ pathname, items, }: { pathname: string items: Array<{ href: string; label: string }> }) { const [open, setOpen] = React.useState(false) const rootRef = React.useRef(null) const moreActive = items.some( (item) => pathname === item.href || pathname.startsWith(`${item.href}/`) ) React.useEffect(() => { if (!open) return const onPointer = (e: MouseEvent) => { if (!rootRef.current?.contains(e.target as Node)) setOpen(false) } const onKey = (e: KeyboardEvent) => { if (e.key === "Escape") setOpen(false) } document.addEventListener("mousedown", onPointer) document.addEventListener("keydown", onKey) return () => { document.removeEventListener("mousedown", onPointer) document.removeEventListener("keydown", onKey) } }, [open]) React.useEffect(() => { setOpen(false) }, [pathname]) return (

{open ? ( ) : null}

) } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","next",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"next"}]]}]}],["$","li","next-themes",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next-themes","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"next-themes"}]]}]}]]}],["$","$L50",null,{"namespace":"@atroui","registryDependencies":["@atroui/utils","@atroui/brand","@atroui/theme-toggle-icon"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/blocks/site-header-narrow.tsx","content":"$52","type":"registry:component","target":"components/blocks/site-header-narrow.tsx"}],"className":"h-[70svh] min-h-80"}]]}]