ECHO-415 ECHO-417 add auto chat titles and fix issues with rendering

[spashii]

Summary by CodeRabbit

• New Features
  • Automatic chat title generation for unnamed chats (configurable).
  • Chat list updates: two-line layout with relative date, header actions menu, and delete confirmation.
  • Tooltip for “Scroll to bottom”.
  • Smoother loading with suspense-based chat list; added bottom padding in accordion panels.
• Internationalization
  • Updated EN/DE/ES/FR/NL translations; reorganized end-of-list strings.
• Documentation
  • Added Directus SDK usage patterns reference (Python, TypeScript, cURL).
• Tests
  • Added unit test for chat title generation.

[linear]

ECHO-415 Sidebar Chat: Implement paginated infinite scrolling to improve slow loading times for the chats accordion.

ECHO-417 Auto-generate chat/conversation topics if the user hasn’t set a title

[coderabbitai]

Note

Currently processing new changes in this PR. This may take a few minutes, please wait...

📥 Commits

Reviewing files that changed from the base of the PR and between f71a54e and e75731c.

📒 Files selected for processing (24)

• echo/docs/directus_sdk_patterns.md (1 hunks)
• echo/frontend/src/components/chat/ChatAccordion.tsx (4 hunks)
• echo/frontend/src/components/chat/hooks/index.ts (2 hunks)
• echo/frontend/src/components/common/ScrollToBottom.tsx (2 hunks)
• echo/frontend/src/components/conversation/ConversationAccordion.tsx (2 hunks)
• echo/frontend/src/components/project/ProjectAccordion.tsx (1 hunks)
• echo/frontend/src/locales/de-DE.po (20 hunks)
• echo/frontend/src/locales/de-DE.ts (1 hunks)
• echo/frontend/src/locales/en-US.po (20 hunks)
• echo/frontend/src/locales/en-US.ts (1 hunks)
• echo/frontend/src/locales/es-ES.po (20 hunks)
• echo/frontend/src/locales/es-ES.ts (1 hunks)
• echo/frontend/src/locales/fr-FR.po (20 hunks)
• echo/frontend/src/locales/fr-FR.ts (1 hunks)
• echo/frontend/src/locales/nl-NL.po (20 hunks)
• echo/frontend/src/locales/nl-NL.ts (1 hunks)
• echo/frontend/src/routes/project/chat/ProjectChatRoute.tsx (3 hunks)
• echo/frontend/src/theme.tsx (1 hunks)
• echo/server/dembrane/api/chat.py (4 hunks)
• echo/server/dembrane/chat_utils.py (2 hunks)
• echo/server/dembrane/config.py (1 hunks)
• echo/server/dembrane/database.py (1 hunks)
• echo/server/prompt_templates/generate_chat_title.en.jinja (1 hunks)
• echo/server/tests/test_chat_utils.py (1 hunks)

 _______________________________________________
< Now streaming live: defusing your code bombs. >
 -----------------------------------------------
  \
   \   \
        \ /\
        ( )
      .( o ).

Tip

CodeRabbit can use Shopify Theme Check to improve the quality of Shopify theme reviews.

Add a configuration file to your project to customize how CodeRabbit runs Shopify Theme Check.

✨ Finishing Touches

• 📝 Docstrings were successfully generated. (🔄 Check again to generate docstrings again)

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch echo-415-echo-417

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

• Visit our Status Page to check the current availability of CodeRabbit.
• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[cursor]

🚨 Bugbot Trial Expired

Your team's Bugbot trial has expired. Please contact your team administrator to turn on the paid plan to continue using Bugbot.

A team admin can activate the plan in the Cursor dashboard.

[ussaama]

@spashii jinja files are not available for other languages for "echo/server/prompt_templates/generate_chat_title.en.jinja"

[spashii]

@spashii jinja files are not available for other languages for "echo/server/prompt_templates/generate_chat_title.en.jinja"

Yeah good question, I added a comment about it already in the implementation. /echo/server/dembrane/chat_utils.py:215
We will pass the language as a 2 letter code in this case as it is not so critical. In more critical scenarios like the report gen - we find it more important to have different prompts for languages.

[coderabbitai]

Note

Generated docstrings for this pull request at #268