Function InputBox

src/ui/components/InputBox.tsx:48–284

({ active, slashCommands, onSubmit }: InputBoxProps)

}

export function InputBox({ active, slashCommands, onSubmit }: InputBoxProps) {
	const [value, setValue] = useState("")
	const [cursor, setCursor] = useState(0)
	// Terminal-style prompt history: persisted across sessions in ~/.orbcode.
	const [history, setHistory] = useState<string[]>(() => loadPromptHistory())
	const [historyIndex, setHistoryIndex] = useState(-1)
	const [fileIndex, setFileIndex] = useState(0)
	const [slashIndex, setSlashIndex] = useState(0)
	const [dismissedValue, setDismissedValue] = useState<string | null>(null)

	// Workspace file list for @-references, computed once per session.
	const files = useMemo(
		() => walkFiles(process.cwd(), true, 3000).filter((f) => !f.endsWith("/")),
		[],
	)

	const showSlashMenu = active && value.startsWith("/") && !value.includes(" ")
	const slashMatches = showSlashMenu
		? slashCommands.filter((c) => c.name.startsWith(value)).slice(0, 8)
		: []

	const atToken = active ? findAtToken(value, cursor) : null
	const fileMatches = useMemo(() => {
		if (!atToken || value === dismissedValue) return []
		return files
			.map((file) => ({ file, score: fuzzyScore(file, atToken.query) }))
			.filter((m) => m.score >= 0)
			.sort((a, b) => b.score - a.score)
			.slice(0, MAX_FILE_MATCHES)
			.map((m) => m.file)
	}, [files, atToken?.query, atToken?.start, value, dismissedValue])

	useEffect(() => {
		setFileIndex(0)
	}, [atToken?.query])

	useEffect(() => {
		setSlashIndex(0)
	}, [value])

	const submit = (text: string) => {
		const trimmed = text.trim()
		if (!trimmed) return
		setHistory((h) => (h[h.length - 1] === trimmed ? h : [...h, trimmed]))
		appendPromptHistory(trimmed)
		setHistoryIndex(-1)
		setValue("")
		setCursor(0)
		onSubmit(trimmed)
	}

	const recallHistory = (index: number) => {
		setHistoryIndex(index)
		const entry = index === -1 ? "" : history[index]
		setValue(entry)
		setCursor(entry.length)
	}