langgraph icon indicating copy to clipboard operation
langgraph copied to clipboard
verified publisher icon langchain-ai

feature request: LangGraph Debugger: Enter/Shift+Enter/Ctrl+Enter keyboard shortcuts to send a message

Open SHAY5555-gif opened this issue 1 month ago • 1 comments

Checked other resources

  • [x] This is a bug, not a usage question. For questions, please use the LangChain Forum (https://forum.langchain.com/).
  • [x] I added a clear and detailed title that summarizes the issue.
  • [x] I read what a minimal reproducible example is (https://stackoverflow.com/help/minimal-reproducible-example).
  • [x] I included a self-contained, minimal example that demonstrates the issue INCLUDING all the relevant imports. The code run AS IS to reproduce the issue.

Example Code

N/A - This is a UI/UX bug in LangGraph Studio web interface, not a code issue.

To reproduce:
1. Run `langgraph dev --port 8123`
2. Open https://smith.langchain.com/studio/?baseUrl=http://127.0.0.1:8123
3. Select any agent with chat interface
4. Type a message in the chat input field
5. Try pressing Enter, Shift+Enter, or Ctrl+Enter
6. Expected: Message should be sent
7. Actual: Nothing happens - must click send button with mouse

Error Message and Stack Trace (if applicable)

Description

Bug Description

In LangGraph Studio's chat interface (accessed via https://smith.langchain.com/studio/?baseUrl=http://127.0.0.1:8123), keyboard shortcuts for sending messages are not working. Users must click the send button with the mouse repeatedly, which significantly slows down the development workflow.

Expected Behavior

  • Enter: Should send the message (standard chat behavior)
    • Shift+Enter: Should add a new line OR send message (depending on UX preference)
      • Ctrl+Enter: Should send the message (alternative shortcut) At least one of these keyboard shortcuts should work to send messages.

Actual Behavior

None of the keyboard shortcuts work. The only way to send a message is by clicking the send button with the mouse, which is inefficient and breaks the development flow.

Impact

  • High: This affects developer productivity significantly
    • Users have to constantly switch between keyboard and mouse
      • Slows down iterative testing and debugging workflows
        • Creates friction in the development experience

Suggested Fix

Implement keyboard event listeners in the chat input field to handle:

  1. Enter key → send message
    1. Ctrl+Enter → send message (alternative)
    1. Shift+Enter → new line (optional, if Enter sends by default)

Related

This is a common UX pattern in chat interfaces (Slack, Discord, ChatGPT, etc.) and should be standard in LangGraph Studio.

System Info

N/A - This is a frontend/UI bug in LangGraph Studio web interface.

Environment:

  • LangGraph Studio: Web-based (LangSmith Studio)
    • Access: via langgraph dev --port 8123
      • Browser: Chrome/Edge/Firefox (affects all browsers)
        • OS: Windows 11
          • LangGraph CLI: Latest version

SHAY5555-gif avatar Nov 01 '25 14:11 SHAY5555-gif

cc @lc-arjun

casparb avatar Nov 07 '25 22:11 casparb

@lc-arjun any update on this? Would love to take this on with you or take over the assignment if you're too bogged down with work. New to the project and looking to get started, this is something close to projects I've done before. Thanks

iantinney avatar Nov 29 '25 01:11 iantinney

It still doesn't work. I actually don't know how to fix it. But it should be very simple.

SHAY5555-gif avatar Nov 29 '25 19:11 SHAY5555-gif