improvement(chat-panel): added the ability to reuse queries, focus cursor for continuous conversation

[waleedlatif1]

Description

Added the ability to reuse queries, focus cursor for continuous conversation

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

Tested manually.

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have added tests that prove my fix is effective or that my feature works
• All tests pass locally and in CI (bun run test)
• My changes generate no new warnings
• Any dependent changes have been merged and published in downstream modules
• I have updated version numbers as needed (if needed)
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

Security Considerations:

• My changes do not introduce any new security vulnerabilities
• I have considered the security implications of my changes

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sim	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 23, 2025 3:02am

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
docs	⬜️ Skipped (Inspect)			Jul 23, 2025 3:02am

[greptile-apps]

Greptile Summary

This PR enhances the chat panel component with two key user experience improvements: query history navigation and auto-focus functionality. The changes implement a command-line-like interface where users can navigate through previous prompts using arrow keys (up/down) and maintain focus on the input field for continuous conversation flow.

The implementation adds prompt history state management with useState to track an array of previous queries and the current position in that history. Arrow key navigation is implemented through enhanced keyboard event handling - pressing up arrow cycles backward through previous queries while down arrow cycles forward. The current query being typed is preserved when navigating history.

For the auto-focus feature, a focusInput helper function is created using useCallback that manages timeouts and DOM checks to ensure the input field regains focus after sending messages or receiving streaming responses. This eliminates the need for users to manually click back into the input field between messages.

The changes integrate cleanly with the existing chat component architecture, leveraging the same state management patterns (useChatStore, useExecutionStore) and event handling structure. The implementation uses proper React patterns including refs for DOM access, cleanup in useEffect, and performance optimization with useCallback. The abort controller pattern suggests this fits into a broader async operation management system within the application.

Confidence score: 4/5

• This PR is quite safe to merge with well-structured React patterns and proper cleanup
• The implementation follows established UX patterns and integrates cleanly with existing code, though lacks automated tests
• No files need additional attention - the implementation is contained and well-structured

_{1 file reviewed, no comments}

_{Edit Code Review Bot Settings | Greptile}