52: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"] 53: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"] 54:T1204,import { useIsScreenReaderEnabled, useStdout, Box, Text } from "ink"; import React, { useEffect, useMemo, useRef, useState } from "react"; import stripAnsi from "strip-ansi"; import { useUnicode } from "@/hooks/use-unicode"; import { resolveBorderStyle } from "@/lib/terminal-style"; interface IPty { kill: () => void; onData: (cb: (data: string) => void) => void; onExit: (cb: (e: { exitCode: number }) => void) => void; resize: (columns: number, rows: number) => void; } interface NodePtyModule { spawn: ( command: string, args: string[], options: { cols: number; cwd?: string; name: string; rows: number } ) => IPty; } export interface EmbeddedTerminalProps { command: string; args?: string[]; cwd?: string; width?: number; height?: number; onExit?: (code: number) => void; isActive?: boolean; "aria-label"?: string; } const EMPTY_ARGS: string[] = []; /** * Renders a pseudo-terminal session inside the TUI. * Requires optional dependency `node-pty` (native build). */ export const EmbeddedTerminal = ({ command, args = EMPTY_ARGS, cwd, width = 80, height = 24, onExit, isActive = true, "aria-label": ariaLabel, }: EmbeddedTerminalProps) => { const unicode = useUnicode(); const isScreenReaderEnabled = useIsScreenReaderEnabled(); const { stdout } = useStdout(); const [raw, setRaw] = useState(""); const [err, setErr] = useState(null); const [terminalColumns, setTerminalColumns] = useState( () => stdout.columns ?? width ); const pendingOutput = useRef(""); const ptyRef = useRef(null); const onExitRef = useRef(onExit); onExitRef.current = onExit; useEffect(() => { const updateColumns = () => setTerminalColumns(stdout.columns ?? width); updateColumns(); stdout.on("resize", updateColumns); return () => { stdout.off("resize", updateColumns); }; }, [stdout, width]); const resolvedWidth = Math.max( 3, Math.min(Math.max(3, Math.floor(width)), terminalColumns) ); const ptyColumns = Math.max( 1, resolvedWidth - (isScreenReaderEnabled ? 0 : 2) ); const dimensionsRef = useRef({ columns: ptyColumns, rows: height }); dimensionsRef.current = { columns: ptyColumns, rows: height }; useEffect(() => { if (!isActive) { return; } let p: IPty | null = null; let cancelled = false; (async () => { try { const loadPty = new Function( 'return import("node-pty")' ) as () => Promise; const mod = await loadPty(); if (cancelled) { return; } const dimensions = dimensionsRef.current; const pty = mod.spawn(command, args, { cols: dimensions.columns, cwd, name: "xterm-color", rows: dimensions.rows, }); p = pty; ptyRef.current = pty; pty.onData((d: string) => { if (isScreenReaderEnabled) { pendingOutput.current += d; if (!d.includes("\n") && pendingOutput.current.length < 256) { return; } const update = pendingOutput.current; pendingOutput.current = ""; setRaw((previous) => (previous + update).slice(-500_000)); } else { setRaw((previous) => (previous + d).slice(-500_000)); } }); pty.onExit((e: { exitCode: number }) => { onExitRef.current?.(e.exitCode); }); } catch { setErr( "Install optional peer: node-pty (native build required for your platform)." ); } })(); return () => { cancelled = true; if (p) { p.kill(); } ptyRef.current = null; }; }, [args, command, cwd, isActive, isScreenReaderEnabled]); useEffect(() => { ptyRef.current?.resize(ptyColumns, height); }, [height, ptyColumns]); const lines = useMemo( () => stripAnsi(raw).split("\n").slice(-height), [raw, height] ); return ( {""} {err ? ( {err} ) : ( lines.map((line, i) => ( {line} )) )} ); }; 51:["$","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","ink",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/ink","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":"ink"}]]}]}],["$","li","strip-ansi",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/strip-ansi","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":"strip-ansi"}]]}]}]]}],["$","$L52",null,{"namespace":"@termcn","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-unicode.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/ui/embedded-terminal.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]