51: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"] 52: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"] 53:T1606,/* @jsxImportSource @opentui/react */ import { readdirSync, statSync } from "node:fs"; import { join, resolve } from "node:path"; import { useKeyboard } from "@opentui/react"; import { useState } from "react"; import { useTheme } from "@/hooks/use-theme"; export interface FilePickerProps { value?: string; onChange?: (path: string) => void; onSubmit?: (path: string) => void; label?: string; startDir?: string; extensions?: string[]; dirsOnly?: boolean; autoFocus?: boolean; id?: string; width?: number; maxVisible?: number; } interface FileEntry { name: string; path: string; isDir: boolean; } const readDir = ( dir: string, extensions?: string[], dirsOnly?: boolean ): FileEntry[] => { try { const entries = readdirSync(dir).filter((e) => !e.startsWith(".")); const result: FileEntry[] = []; for (const name of entries) { const fullPath = join(dir, name); try { const stat = statSync(fullPath); const isDir = stat.isDirectory(); if (dirsOnly && !isDir) { continue; } if ( extensions && !isDir && !extensions.some((ext) => name.endsWith(ext)) ) { continue; } result.push({ isDir, name, path: fullPath }); } catch { /* noop */ } } result.sort((a, b) => { if (a.isDir && !b.isDir) { return -1; } if (!a.isDir && b.isDir) { return 1; } return a.name.localeCompare(b.name); }); return result; } catch { return []; } }; export const FilePicker = ({ value: controlledValue, onChange, onSubmit, label, startDir = process.cwd(), extensions, dirsOnly = false, autoFocus: _autoFocus = false, id: _id, width = 50, maxVisible = 8, }: FilePickerProps) => { const theme = useTheme(); const [isFocused] = useState(true); const [currentDir, setCurrentDir] = useState(resolve(startDir)); const [cursor, setCursor] = useState(0); const [internalValue, setInternalValue] = useState(""); const selected = controlledValue ?? internalValue; const entries = readDir(currentDir, extensions, dirsOnly); const parentEntry: FileEntry = { isDir: true, name: "..", path: resolve(currentDir, ".."), }; const allEntries: FileEntry[] = [parentEntry, ...entries]; const visibleStart = Math.max(0, cursor - maxVisible + 1); const visible = allEntries.slice(visibleStart, visibleStart + maxVisible); useKeyboard((key) => { if (!isFocused) { return; } if (key.name === "up") { setCursor((c) => Math.max(0, c - 1)); } else if (key.name === "down") { setCursor((c) => Math.min(allEntries.length - 1, c + 1)); } else if (key.name === "return") { const entry = allEntries[cursor]; if (!entry) { return; } if (entry.isDir) { setCurrentDir(entry.path); setCursor(0); } else { if (onChange) { onChange(entry.path); } else { setInternalValue(entry.path); } onSubmit?.(entry.path); } } else if (key.name === " ") { const entry = allEntries[cursor]; if (entry && !entry.isDir) { if (onChange) { onChange(entry.path); } else { setInternalValue(entry.path); } } } else if (key.name === "escape") { setCurrentDir((d) => resolve(d, "..")); setCursor(0); } }); return ( {label && ( {label} )} {currentDir} {visible.map((entry, idx) => { const absIdx = visibleStart + idx; const isCursor = absIdx === cursor; const isSelected = entry.path === selected; let entryColor: string; if (entry.isDir) { entryColor = theme.colors.primary; } else if (isSelected) { entryColor = theme.colors.accent; } else { entryColor = theme.colors.foreground; } return ( {entry.isDir ? ( {"▶ "} {entry.name}/ ) : ( `· ${entry.name}` )} ); })} {allEntries.length > maxVisible && ( {`... ${allEntries.length - maxVisible} more`} )} {selected && ( {"Selected: "} {selected} )} {isFocused && ( ↑↓: navigate · Enter: open/select · Esc: up )} ); }; 50:["$","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","@opentui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40opentui%2Freact","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":"@opentui/react"}]]}]}]]}],["$","$L51",null,{"namespace":"@termcn","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/opentui/ui/file-picker.tsx","content":"$53","type":"registry:ui","target":"components/ui/file-picker.tsx"}],"className":"h-[70svh] min-h-80"}]]}]