ngx-arrow-state

ngx-arrow-state is an Angular library that enhances user experience in chat interfaces, command-line inputs, and AI prompt interfaces by providing intuitive input history navigation and submission shortcuts. It allows users to cycle through previous inputs using arrow keys and submit forms with Ctrl+Enter, mimicking terminal-like behavior.

Key Features

• Arrow Key Navigation — Press Arrow Up/Down to cycle through previous input values with smart cursor detection for textareas.
• Ctrl+Enter Submission — Submit forms directly from textarea inputs without interrupting multi-line text entry.
• Pluggable State Management — Use the built-in in-memory store or integrate with external state libraries like @ngneat/elf or @ngrx/signals for persistence.
• Standalone Directives — Lightweight, dependency-free directives that work with Angular's reactive forms.
• Flexible Integration — Works with both <input type="text"> and <textarea> elements and supports circular history navigation.

Philosophy

The library prioritizes developer flexibility and user experience, offering a pluggable architecture that adapts to various state management needs while maintaining a lightweight, focused feature set.