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:T1a49,/** * Plays keyboard sounds from an OGG sprite (`sound.ogg`) with a JSON timing map * (`sprite-config.json`). Offsets/durations are in milliseconds from the start of the * decoded buffer. All playback routes through a master `GainNode` so toggling sound off * immediately silences in-flight sprite slices and fallback clicks (no refresh required). */ export type TerminalSpriteTick = | { kind: "key"; ch: string; volume?: number } | { kind: "enter"; volume?: number }; type SpriteConfigFile = { sound?: string; defines?: Record; }; function pickSpriteSlice( defines: Record, kind: "key" | "enter", ch: string, ): [number, number] | null { if (kind === "enter") { return defines["13"] ?? defines["10"] ?? null; } const code = ch.charCodeAt(0); const direct = defines[String(code)]; if (direct) return direct; if (code >= 97 && code <= 122) { const upper = defines[String(code - 32)]; if (upper) return upper; } return defines["32"] ?? defines["65"] ?? null; } function playSynthFallback(ac: AudioContext, sink: AudioNode, opts: TerminalSpriteTick) { const t0 = ac.currentTime; const isEnter = opts.kind === "enter"; const vol = opts.volume ?? (isEnter ? 0.12 : 0.08); const g = ac.createGain(); g.gain.setValueAtTime(0, t0); g.gain.linearRampToValueAtTime(vol, t0 + 0.002); g.gain.exponentialRampToValueAtTime(0.0001, t0 + (isEnter ? 0.08 : 0.04)); g.connect(sink); const o = ac.createOscillator(); o.type = "triangle"; o.frequency.setValueAtTime(isEnter ? 165 : 245 + Math.random() * 60, t0); o.connect(g); o.start(t0); o.stop(t0 + (isEnter ? 0.08 : 0.04)); } export function createTerminalSpriteSfx(options?: { soundUrl?: string; configUrl?: string; /** When true, plays the entire soundUrl file on each keypress (no sprite config needed). */ simpleMode?: boolean; }) { const simpleMode = options?.simpleMode ?? false; const soundUrl = options?.soundUrl ?? "/sounds/sound.ogg"; const configUrl = options?.configUrl ?? "/sounds/sprite-config.json"; let ctx: AudioContext | null = null; let destinationSink: GainNode | null = null; let outputMuted = false; let decoded: AudioBuffer | null = null; let defines: Record | null = null; let loadState: "idle" | "ready" | "failed" = "idle"; let loadPromise: Promise | null = null; const getCtx = () => { if (!ctx) ctx = new (window.AudioContext || (window as unknown as { webkitAudioContext: typeof AudioContext }).webkitAudioContext)(); return ctx; }; const getSink = (ac: AudioContext) => { if (!destinationSink) { destinationSink = ac.createGain(); destinationSink.gain.value = outputMuted ? 0 : 1; destinationSink.connect(ac.destination); } return destinationSink; }; const setMuted = (muted: boolean) => { outputMuted = muted; const ac = ctx; if (!ac) return; const sink = getSink(ac); const t = ac.currentTime; sink.gain.cancelScheduledValues(t); sink.gain.setValueAtTime(muted ? 0 : 1, t); }; const loadOnce = async () => { const ac = getCtx(); getSink(ac); if (simpleMode) { const bRes = await fetch(soundUrl); if (!bRes.ok) throw new Error(`Could not load ${soundUrl} (${bRes.status}).`); const arr = await bRes.arrayBuffer(); decoded = await ac.decodeAudioData(arr.slice(0)); defines = {}; return; } const [bRes, cRes] = await Promise.all([fetch(soundUrl), fetch(configUrl)]); if (!bRes.ok) { throw new Error( `Could not load ${soundUrl} (${bRes.status}). Place sound.ogg in public/sounds/ or run npm run sounds:fetch (see public/sounds/README.md).`, ); } if (!cRes.ok) { throw new Error(`Could not load ${configUrl} (${cRes.status}).`); } const cfg = (await cRes.json()) as SpriteConfigFile; if (!cfg.defines) throw new Error("Sprite config missing defines"); defines = cfg.defines; const arr = await bRes.arrayBuffer(); decoded = await ac.decodeAudioData(arr.slice(0)); }; const ensureLoaded = async () => { if (loadState === "ready" && decoded && defines) return; if (loadState === "failed") return; if (!loadPromise) { loadPromise = loadOnce(); } try { await loadPromise; loadState = "ready"; } catch { loadState = "failed"; decoded = null; defines = null; loadPromise = null; } }; const resume = async () => { const ac = getCtx(); getSink(ac); if (ac.state === "suspended") await ac.resume().catch(() => {}); }; const tick = (opts: TerminalSpriteTick) => { if (outputMuted) return; void (async () => { const ac = getCtx(); const sink = getSink(ac); try { if (ac.state !== "running") await resume(); if (outputMuted) return; await ensureLoaded(); if (outputMuted) return; if (ac.state !== "running") await resume(); if (outputMuted) return; const ch = opts.kind === "key" ? (opts.ch.length ? opts.ch[0]! : " ") : "\r"; const vol = opts.volume ?? (opts.kind === "enter" ? 0.52 : 0.4); const buf = decoded; const def = defines; if (loadState === "ready" && buf && def) { if (simpleMode) { const src = ac.createBufferSource(); src.buffer = buf; const g = ac.createGain(); g.gain.setValueAtTime(vol, ac.currentTime); g.connect(sink); src.connect(g); src.start(ac.currentTime); return; } const slice = pickSpriteSlice(def, opts.kind, ch); if (slice) { const [offMs, durMs] = slice; const offsetSec = offMs / 1000; const durationSec = durMs / 1000; if (offsetSec < buf.duration && durationSec > 0) { const maxDur = Math.min(durationSec, Math.max(0.02, buf.duration - offsetSec)); const src = ac.createBufferSource(); src.buffer = buf; const g = ac.createGain(); g.gain.setValueAtTime(vol, ac.currentTime); g.connect(sink); src.connect(g); src.start(ac.currentTime, offsetSec, maxDur); return; } } } if (outputMuted) return; playSynthFallback(ac, sink, opts); } catch { if (outputMuted) return; try { playSynthFallback(getCtx(), getSink(getCtx()), opts); } catch { /* ignore */ } } })(); }; return { tick, resume, ensureLoaded, setMuted }; } 53:T6b46,"use client"; import * as React from "react"; import { motion, useReducedMotion } from "framer-motion"; import { cn } from "@/lib/utils"; import { createTerminalSpriteSfx } from "./sprite-audio"; export type TerminalTheme = "carbon" | "midnight" | "paper"; export type TerminalLine = | { kind: "input"; text: string } | { kind: "output"; text: string; tone?: "muted" | "success" | "warning" | "error" | "info" } | { kind: "progress"; label: string; value: number; tone?: "info" | "success" } | { kind: "spinner"; text: string; tone?: "muted" | "info" }; export type TerminalCommand = { /** Command string (without prompt). */ input: string; /** Optional output lines to reveal after the command. */ output?: Array, "kind">>; /** Optional simulated work time before outputs start (ms). */ runDelayMs?: number; }; export type TerminalProps = { /** Commands to type and run sequentially. */ commands: TerminalCommand[]; /** Visual prompt (e.g. "➜"). */ promptSymbol?: string; /** Username shown in the prompt. */ username?: string; /** Hostname shown in the prompt. */ hostname?: string; /** Typing speed in ms per character. */ typingSpeed?: number; /** Randomness added to typing cadence (ms). */ typingJitter?: number; /** Initial delay before starting (ms). */ startupDelay?: number; /** Delay after a command finishes before next begins (ms). */ delayBetweenCommands?: number; /** Auto-start when component becomes visible. */ autoStart?: boolean; /** Loop the script forever. */ loop?: boolean; /** Delay between loops (ms). */ loopDelay?: number; /** Show blinking cursor. */ showCursor?: boolean; /** Enable key/enter sound effects. */ enableSound?: boolean; /** * URL of the OGG sprite for keyboard sounds. * Place `sound.ogg` in `public/sounds/` or set this to your CDN URL. */ soundSpriteUrl?: string; /** JSON timing map for the sprite (default matches the `config.json` shape). */ soundSpriteConfigUrl?: string; /** * URL of a single audio file to play on every keypress (no sprite config needed). * Takes precedence over soundSpriteUrl when set. * Example: `/sounds/keypress.mp3` — place the file in `public/sounds/`. */ simpleSoundUrl?: string; /** Show sound toggle button in the header. */ showSoundToggle?: boolean; /** Show pause/resume controls. */ showControls?: boolean; /** Terminal theme variant (`paper` = light chrome). */ theme?: TerminalTheme; /** When the parent gives a fixed height (`h-[…] flex flex-col`), set true so the body scrolls inside it. */ fillHeight?: boolean; className?: string; }; type RunState = "idle" | "running" | "paused" | "done"; function useInViewport(opts?: IntersectionObserverInit) { const ref = React.useRef(null); const [inView, setInView] = React.useState(false); React.useEffect(() => { if (!ref.current) return; const el = ref.current; const obs = new IntersectionObserver( ([entry]) => { if (entry?.isIntersecting) setInView(true); }, { root: null, threshold: 0.35, ...opts }, ); obs.observe(el); return () => obs.disconnect(); }, [opts]); return { ref, inView } as const; } function clamp(n: number, a: number, b: number) { return Math.max(a, Math.min(b, n)); } function sleep(ms: number, signal?: AbortSignal) { return new Promise((resolve, reject) => { if (signal?.aborted) return reject(new DOMException("Aborted", "AbortError")); const id = setTimeout(resolve, ms); const onAbort = () => { clearTimeout(id); reject(new DOMException("Aborted", "AbortError")); }; signal?.addEventListener("abort", onAbort, { once: true }); }); } function tokenizeBash(input: string) { // Small, non-exhaustive tokenizer for "premium" feeling without pretending to be a full parser. // Produces spans with tone classes: cmd, flag, path, string, operator, dim. const parts: Array<{ text: string; tone: string }> = []; const push = (text: string, tone: string) => { if (!text) return; parts.push({ text, tone }); }; const tokens = input.match( /(--?[A-Za-z0-9:_-]+|"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|\|\||&&|\||>|\$\w+|~\/[^\s]*|\.{1,2}\/\S*|\/[^\s]*|\S+|\s+)/g, ) ?? [input]; let isFirstWord = true; for (const tok of tokens) { if (/^\s+$/.test(tok)) { push(tok, "dim"); continue; } if (tok === "&&" || tok === "||" || tok === "|" || tok === ">" || tok === "|>") { push(tok, "operator"); isFirstWord = true; continue; } if (tok.startsWith("\"") || tok.startsWith("'")) { push(tok, "string"); isFirstWord = false; continue; } if (tok.startsWith("--") || (tok.startsWith("-") && tok.length > 1)) { push(tok, "flag"); isFirstWord = false; continue; } if ( tok.startsWith("/") || tok.startsWith("~/") || tok.startsWith("./") || tok.startsWith("../") || tok === "~" ) { push(tok, "path"); isFirstWord = false; continue; } if (/^\$\w+/.test(tok)) { push(tok, "var"); isFirstWord = false; continue; } if (isFirstWord) { push(tok, "cmd"); isFirstWord = false; continue; } push(tok, "text"); } return parts; } function syntaxSpanClass(tone: string, surface: TerminalTheme) { if (surface === "paper") { return tone === "cmd" ? "text-fuchsia-900" : tone === "flag" ? "text-cyan-900" : tone === "path" ? "text-emerald-900" : tone === "string" ? "text-amber-900" : tone === "operator" ? "text-zinc-700" : tone === "var" ? "text-violet-900" : tone === "dim" ? "text-zinc-500" : "text-zinc-800"; } return tone === "cmd" ? "text-fuchsia-200" : tone === "flag" ? "text-cyan-200" : tone === "path" ? "text-emerald-200" : tone === "string" ? "text-amber-200" : tone === "operator" ? "text-zinc-300/90" : tone === "var" ? "text-violet-200" : tone === "dim" ? "text-zinc-200/60" : "text-zinc-200/85"; } type TerminalMutedTone = NonNullable["tone"]>; function toneToClass(tone?: TerminalMutedTone, surface: TerminalTheme = "carbon") { if (surface === "paper") { switch (tone) { case "success": return "text-emerald-800"; case "warning": return "text-amber-800"; case "error": return "text-rose-800"; case "info": return "text-cyan-900"; case "muted": default: return "text-zinc-600"; } } switch (tone) { case "success": return "text-emerald-300"; case "warning": return "text-amber-300"; case "error": return "text-rose-300"; case "info": return "text-cyan-200"; case "muted": default: return "text-zinc-300/80"; } } export function Terminal({ commands, promptSymbol = "➜", username = "user", hostname = "nexus", typingSpeed = 28, typingJitter = 28, startupDelay = 450, delayBetweenCommands = 850, autoStart = true, loop = false, loopDelay = 1400, showCursor = true, enableSound = true, soundSpriteUrl, soundSpriteConfigUrl, simpleSoundUrl, showSoundToggle = true, showControls = true, theme = "carbon", fillHeight = false, className, }: TerminalProps) { const reduceMotion = useReducedMotion(); const { ref, inView } = useInViewport(); const [soundOn, setSoundOn] = React.useState(enableSound); const soundOnRef = React.useRef(soundOn); const spriteSfx = React.useMemo( () => createTerminalSpriteSfx( simpleSoundUrl ? { soundUrl: simpleSoundUrl, simpleMode: true } : { soundUrl: soundSpriteUrl, configUrl: soundSpriteConfigUrl }, ), [simpleSoundUrl, soundSpriteUrl, soundSpriteConfigUrl], ); React.useEffect(() => { soundOnRef.current = soundOn; spriteSfx.setMuted(!soundOn); }, [soundOn, spriteSfx]); const [state, setState] = React.useState("idle"); const [audioPrimed, setAudioPrimed] = React.useState(false); const soundPrimedRef = React.useRef(false); const [lines, setLines] = React.useState([]); const [activeInput, setActiveInput] = React.useState(""); const [cursorOn, setCursorOn] = React.useState(true); const scrollerRef = React.useRef(null); const abortRef = React.useRef(null); const pausedRef = React.useRef(false); /** Unlock WebAudio after a user gesture (click/tap/drag). Required by browser autoplay rules. */ const unlockAudio = React.useCallback(async () => { if (reduceMotion) return; try { await spriteSfx.resume(); soundPrimedRef.current = true; setAudioPrimed(true); } catch { // ignore } }, [reduceMotion, spriteSfx]); React.useEffect(() => { if (!showCursor) return; const id = window.setInterval(() => setCursorOn((v) => !v), 520); return () => window.clearInterval(id); }, [showCursor]); React.useEffect(() => { if (!scrollerRef.current) return; const el = scrollerRef.current; const id = requestAnimationFrame(() => { requestAnimationFrame(() => { el.scrollTop = el.scrollHeight; }); }); return () => cancelAnimationFrame(id); }, [lines, activeInput]); const play = React.useCallback( (kind: "key" | "enter", ch?: string) => { if (!soundOnRef.current || reduceMotion) return; if (!soundPrimedRef.current) return; try { if (kind === "enter") { spriteSfx.tick({ kind: "enter" }); } else { spriteSfx.tick({ kind: "key", ch: ch?.length ? ch[0]! : " " }); } } catch { // ignore audio failures (autoplay policies, etc.) } }, [reduceMotion, spriteSfx], ); const pause = React.useCallback(() => { pausedRef.current = true; setState((s) => (s === "running" ? "paused" : s)); }, []); const resumeTyping = React.useCallback(() => { pausedRef.current = false; setState((s) => (s === "paused" ? "running" : s)); }, []); const stop = React.useCallback(() => { abortRef.current?.abort(); abortRef.current = null; pausedRef.current = false; setActiveInput(""); setState("idle"); }, []); const runOnce = React.useCallback( async (signal: AbortSignal) => { setLines([]); setActiveInput(""); await sleep(startupDelay, signal); for (let i = 0; i < commands.length; i++) { // Pause gate while (pausedRef.current) { await sleep(120, signal); } const cmd = commands[i]; const input = cmd.input ?? ""; setActiveInput(""); // Typing if (reduceMotion) { setActiveInput(input); } else { if (soundOnRef.current) { try { await spriteSfx.ensureLoaded(); } catch { /* sprite optional */ } } for (let c = 0; c < input.length; c++) { while (pausedRef.current) { await sleep(120, signal); } const ch = input[c]!; setActiveInput(input.slice(0, c + 1)); play("key", ch); const base = typingSpeed; const jitter = Math.random() * typingJitter; const extra = ch === " " ? 14 : ch === "/" || ch === "-" ? 10 : ch === "." ? 18 : 0; await sleep(base + jitter + extra, signal); } } // Commit input line setLines((prev) => [...prev, { kind: "input", text: input }]); setActiveInput(""); play("enter"); // Optional run delay (like "processing") if (cmd.runDelayMs && cmd.runDelayMs > 0) { const spinnerText = "running…"; setLines((prev) => [...prev, { kind: "spinner", text: spinnerText, tone: "muted" }]); await sleep(cmd.runDelayMs, signal); // Remove spinner line by replacing the last matching spinner. setLines((prev) => { const idx = [...prev].reverse().findIndex((l) => l.kind === "spinner" && l.text === spinnerText); if (idx === -1) return prev; const real = prev.length - 1 - idx; return prev.filter((_, j) => j !== real); }); } // Output reveal const outs = cmd.output ?? []; for (const out of outs) { while (pausedRef.current) { await sleep(120, signal); } const line = typeof out === "string" ? ({ kind: "output", text: out, tone: "muted" } as const) : ({ kind: "output", text: out.text, tone: out.tone ?? "muted" } as const); setLines((prev) => [...prev, line]); await sleep(reduceMotion ? 0 : 150 + Math.random() * 140, signal); } await sleep(delayBetweenCommands, signal); } }, [ commands, delayBetweenCommands, play, reduceMotion, startupDelay, typingJitter, typingSpeed, spriteSfx, ], ); const start = React.useCallback(async () => { abortRef.current?.abort(); const ac = new AbortController(); abortRef.current = ac; pausedRef.current = false; setState("running"); try { do { await runOnce(ac.signal); if (!loop) break; await sleep(loopDelay, ac.signal); } while (!ac.signal.aborted); if (!ac.signal.aborted) setState("done"); } catch (e) { if (!(e instanceof DOMException && e.name === "AbortError")) { setState("idle"); } } }, [loop, loopDelay, runOnce]); React.useEffect(() => { if (!autoStart) return; if (!inView) return; const id = window.setTimeout(() => { void start(); }, 0); return () => { window.clearTimeout(id); abortRef.current?.abort(); }; }, [autoStart, inView, start]); const skin = React.useMemo(() => { if (theme === "paper") { return { frame: "border-zinc-200/90 bg-zinc-50 shadow-[0_30px_90px_-35px_rgba(0,0,0,0.14)]", header: "border-b border-zinc-200/80 bg-zinc-100/90", headerTextTitle: "text-zinc-700", headerTextSub: "text-zinc-500", glass: "bg-white/95", glow: "from-cyan-500/12 via-fuchsia-500/8 to-transparent", btnGhost: "border-zinc-200/90 bg-white/80 text-zinc-800 hover:bg-white", soundOn: "border-cyan-600/25 bg-cyan-500/15 text-cyan-900 hover:bg-cyan-500/20", soundOff: "border-zinc-200/90 bg-white/70 text-zinc-600 hover:bg-white", promptSym: "text-emerald-700", promptUser: "text-cyan-900 font-medium", promptTilde: "text-zinc-600", typing: "text-zinc-900", cursor: "bg-zinc-900/85", badge: "border-amber-200/80 bg-amber-50 text-amber-950", }; } if (theme === "midnight") { return { frame: "border-white/10 bg-zinc-950/80 shadow-[0_30px_90px_-35px_rgba(0,0,0,0.75)]", header: "border-b border-white/10 bg-zinc-950/70", headerTextTitle: "text-zinc-300/80", headerTextSub: "text-zinc-500/90", glass: "bg-zinc-950/65", glow: "from-cyan-500/20 via-fuchsia-500/12 to-transparent", btnGhost: "border-white/10 bg-white/[0.04] text-zinc-200 hover:bg-white/[0.07]", soundOn: "border-white/10 bg-cyan-500/10 text-cyan-200 hover:bg-cyan-500/14", soundOff: "border-white/10 bg-white/[0.04] text-zinc-300/80 hover:bg-white/[0.07]", promptSym: "text-emerald-300", promptUser: "text-cyan-200", promptTilde: "text-zinc-400", typing: "text-zinc-200/85", cursor: "bg-zinc-100/90", badge: "border-amber-400/25 bg-amber-500/10 text-amber-100", }; } return { frame: "border-white/10 bg-zinc-950 shadow-[0_30px_90px_-35px_rgba(0,0,0,0.75)]", header: "border-b border-white/10 bg-zinc-950/90", headerTextTitle: "text-zinc-300/80", headerTextSub: "text-zinc-500/90", glass: "bg-zinc-950/70", glow: "from-cyan-500/18 via-fuchsia-500/10 to-transparent", btnGhost: "border-white/10 bg-white/[0.04] text-zinc-200 hover:bg-white/[0.07]", soundOn: "border-white/10 bg-cyan-500/10 text-cyan-200 hover:bg-cyan-500/14", soundOff: "border-white/10 bg-white/[0.04] text-zinc-300/80 hover:bg-white/[0.07]", promptSym: "text-emerald-300", promptUser: "text-cyan-200", promptTilde: "text-zinc-400", typing: "text-zinc-200/85", cursor: "bg-zinc-100/90", badge: "border-amber-400/25 bg-amber-500/10 text-amber-100", }; }, [theme]); const shellPrompt = ( {promptSymbol}{" "} {username}@{hostname} {" "} ~{" "} ); return ( {/* Glow + noise */}

{ void unlockAudio(); }} > {/* Header */}

{hostname} — bash

{username}@{hostname}: ~

{showControls ? (

) : null} {showSoundToggle ? ( ) : null} {soundOn && !audioPrimed && !reduceMotion ? ( Tap for sound ) : null}

{/* Body */}

{lines.map((l, idx) => { if (l.kind === "input") { const spans = tokenizeBash(l.text); return ( {shellPrompt} {spans.map((s, i) => ( {s.text} ))} ); } if (l.kind === "progress") { return (

{l.label}

); } if (l.kind === "spinner") { return ( {l.text} ); } return ( {l.text} ); })} {/* Active typed input line */} {state !== "idle" ? (

{shellPrompt} {activeInput} {showCursor ? ( ) : null}

) : null}

{/* A11y */}

Terminal is {state}. {lines.length} lines rendered.

); } 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","framer-motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/framer-motion","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":"framer-motion"}]]}]}],["$","li","react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/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":"react"}]]}]}]]}],["$","$L50",null,{"namespace":"@nexus-labs","registryDependencies":["https://www.nexus-ui.com/api/registry/nexus-font","utils"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"next-ui/terminal/index.ts","content":"export type { TerminalTheme, TerminalLine, TerminalCommand, TerminalProps } from \"./terminal\";\nexport { Terminal } from \"./terminal\";\n","type":"registry:lib","target":"components/terminal/index.ts"},{"path":"next-ui/terminal/sprite-audio.ts","content":"$52","type":"registry:lib","target":"components/terminal/sprite-audio.ts"},{"path":"next-ui/terminal/terminal.tsx","content":"$53","type":"registry:component","target":"components/terminal/terminal.tsx"},{"path":"next-ui/terminal.tsx","content":"/** Re-export shim: some bundlers resolve `@/components/terminal` to this file before the directory. */\nexport type { TerminalTheme, TerminalLine, TerminalCommand, TerminalProps } from \"./terminal/terminal\";\nexport { Terminal } from \"./terminal/terminal\";\n","type":"registry:component","target":"components/terminal.tsx"}],"className":"h-[70svh] min-h-80"}]]}]