Redesign AI Chat UI to Gemini style with single model and DB search animation - #101
Conversation
…le model with Mandat data access, and add database search animation Co-authored-by: Simonc44 <216070312+Simonc44@users.noreply.github.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
…at data and search animation
- Redesigns the AI chat interface to match the Gemini/Chrome sidebar panel layout (right-aligned, full-height slide-out).
- Locks model to a single model (Llama 3.3 70B) shown in the header.
- Displays a dedicated badge indicating connection to "Mandat" data via Turso DB.
- Adds an elegant animated searching state ("L'IA recherche dans la base de données...") to simulate database search steps before responses are generated.
- Cleans up and simplifies input controls by removing pro and vocal/waveform selectors.
- Fixes associated tests to ensure full test suite compatibility and passes visual verification.
Co-authored-by: Simonc44 <216070312+Simonc44@users.noreply.github.com>
1 participant
This change overhauls the AI chat interface to match a sleek Gemini-style design, connects it to the 'Mandat' database, and adds an engaging database-searching animation.
Detailed list of changes:
AiChatWidget.tsxUI to align with the Gemini style layout, including a single-model selector constraint, a context badge representing the connected Turso 'Mandat' database, and suggestions.DatabaseSearchAnimationthat simulates realistic steps of searching, querying, and synthesizing data from the database.PR created automatically by Jules for task 81586754773341588 started by @Simonc44