[PR #4543] [MERGED] Enable keyboard nav of slash commands with arrow keys on mount #4666

Closed
opened 2026-02-22 18:36:17 -05:00 by yindo · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anything-llm/pull/4543
Author: @timothycarambat
Created: 10/15/2025
Status: Merged
Merged: 10/15/2025
Merged by: @timothycarambat

Base: masterHead: 2019-slash-command-keyboard-nav


📝 Commits (1)

  • 6e36926 Enable keyboard nav of slash commands with arrow keys on mount

📊 Changes

5 files changed (+71 additions, -0 deletions)

View changed files

📝 frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/SlashCommands/SlashPresets/index.jsx (+2 -0)
📝 frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/SlashCommands/endAgentSession.jsx (+2 -0)
📝 frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/SlashCommands/index.jsx (+3 -0)
📝 frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/SlashCommands/reset.jsx (+2 -0)
frontend/src/hooks/useSlashCommandKeyboardNavigation.js (+62 -0)

📄 Description

Pull Request Type

  • feat
  • 🐛 fix
  • ♻️ refactor
  • 💄 style
  • 🔨 chore
  • 📝 docs

Relevant Issues

resolves #2019
closes #4402

What is in this change?

When the slash command modal is mounted, allow the user to easily use the keyboard up/down arrows to navigate to their desired command.

When an element is foucused and Enter is pressed, it will emulate clicking of the DOM element.

Additional Information

  • Extracted to a hook useSlashCommandKeyboardNavigation

Developer Validations

  • I ran yarn lint from the root of the repo & committed changes
  • Relevant documentation has been updated
  • I have tested my code functionality
  • Docker build succeeds locally

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/Mintplex-Labs/anything-llm/pull/4543 **Author:** [@timothycarambat](https://github.com/timothycarambat) **Created:** 10/15/2025 **Status:** ✅ Merged **Merged:** 10/15/2025 **Merged by:** [@timothycarambat](https://github.com/timothycarambat) **Base:** `master` ← **Head:** `2019-slash-command-keyboard-nav` --- ### 📝 Commits (1) - [`6e36926`](https://github.com/Mintplex-Labs/anything-llm/commit/6e36926ff35a9bce2d4e83a3b8a4595988ab3223) Enable keyboard nav of slash commands with arrow keys on mount ### 📊 Changes **5 files changed** (+71 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/SlashCommands/SlashPresets/index.jsx` (+2 -0) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/SlashCommands/endAgentSession.jsx` (+2 -0) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/SlashCommands/index.jsx` (+3 -0) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/SlashCommands/reset.jsx` (+2 -0) ➕ `frontend/src/hooks/useSlashCommandKeyboardNavigation.js` (+62 -0) </details> ### 📄 Description ### Pull Request Type <!-- For change type, change [ ] to [x]. --> - [x] ✨ feat - [ ] 🐛 fix - [ ] ♻️ refactor - [ ] 💄 style - [ ] 🔨 chore - [ ] 📝 docs ### Relevant Issues <!-- Use "resolves #xxx" to auto resolve on merge. Otherwise, please use "connect #xxx" --> resolves #2019 closes #4402 ### What is in this change? When the slash command modal is mounted, allow the user to easily use the keyboard up/down arrows to navigate to their desired command. When an element is foucused and `Enter` is pressed, it will emulate clicking of the DOM element. <!-- Describe the changes in this PR that are impactful to the repo. --> ### Additional Information - Extracted to a hook `useSlashCommandKeyboardNavigation` <!-- Add any other context about the Pull Request here that was not captured above. --> ### Developer Validations <!-- All of the applicable items should be checked. --> - [ ] I ran `yarn lint` from the root of the repo & committed changes - [ ] Relevant documentation has been updated - [ ] I have tested my code functionality - [ ] Docker build succeeds locally --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
yindo added the pull-request label 2026-02-22 18:36:17 -05:00
yindo closed this issue 2026-02-22 18:36:17 -05:00
yindo changed title from [PR #4543] Enable keyboard nav of slash commands with arrow keys on mount to [PR #4543] [MERGED] Enable keyboard nav of slash commands with arrow keys on mount 2026-06-05 15:19:43 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anything-llm#4666