Enhance Chat Functionality with Prompt Caching

[SujalXplores]

📝 PR Checklist

• Branch from the main branch
• Update documentation if needed
• Manually verify all new functionality works as expected
• Keep PRs focused and atomic

Overview

This pull request introduces key improvements to the chat component's functionality, focusing on prompt input persistence and performance optimization. By implementing cookie-based caching and debouncing techniques, we've enhanced the user experience and reduced unnecessary re-renders.

Key Changes

Prompt Persistence

• Added a new constant PROMPT_COOKIE_KEY in app/utils/constants.ts to standardize prompt caching
• Implemented cookie-based caching to preserve user input between sessions
• Automatically restore previous prompt on component initialization
• Clear cached prompt when the chat is reset

Performance Optimization

• Integrated debounce utility to minimize unnecessary cache writes
• Used useCallback to memoize functions and prevent redundant re-renders
• Created a debounced caching mechanism for textarea input

Technical Details

• Files Modified:

  • app/components/chat/Chat.client.tsx
  • app/utils/constants.ts

• New Features:

  • Persistent prompt input across page reloads
  • Efficient input caching with debounce
  • Improved input handling in ChatImpl component

Benefits

• Improved user experience by preserving draft messages
• Reduced performance overhead through strategic debouncing
• Clean, modular implementation of caching logic

[SujalXplores]

@chrismahoney @wonderwhy-er could you please review this PR?

[coleam00]

I took a look, this looks great @SujalXplores!

[coleam00]

Looks like it is being brought into the repo through an updated PR from Dustinwloring, I'm looking into that one right now

[SujalXplores]

I took a look, this looks great @SujalXplores!

Thank you for reviewing my contribution!