feat(chat): refine chat widget visuals - #52
Merged
Conversation
- Composer: outlined rounded field with a sparkle prepend icon and a filled-primary send button (white icon), tonal error stop button. - User bubbles: filled (primary for typed, secondary for action prompts), asymmetric rounding, compact padding, max-width, borderless. - Header: robot icon before the title, and a scroll-triggered elevation driven by the messages transcript (mirrors v-app-bar elevate-on-scroll). - Debug dialog: close moved onto the tab row as a secondary back arrow on the left (avoids clashing with the menu host's top-right close), and the settings switches consolidated under a v-defaults-provider.
- vuetify 4.0.1 -> 4.1.2 - @data-fair/lib-vuetify 2.1.0 -> 2.4.1 - @data-fair/lib-vue 1.28.1 -> 1.30.1 (required: lib-vuetify 2.4.1 imports resolveTheme and uses the 'system' theme, only present in lib-vue >= 1.29).
BatLeDev
marked this pull request as draft
July 2, 2026 15:03
BatLeDev
force-pushed
the
visual-chat-suggestions
branch
from
July 2, 2026 15:07
52b95bc to
41b9949
Compare
The action-prompt user bubble is now painted with the 'accent' colour (ordinary typed messages use 'secondary'), so the assertion targets .v-card.bg-accent instead of the now-ambiguous .bg-secondary.
BatLeDev
force-pushed
the
visual-chat-suggestions
branch
from
July 2, 2026 15:38
41b9949 to
d5d6507
Compare
Vuetify 4.1 moved the table row separators behind the v-table--gridlines-* modifiers that VTable emits from its `gridlines` prop, which the handwritten markup of the markdown renderer did not set: since the dependency bump every markdown table rendered borderless, with its columns crushed into the width of the chat column and words broken mid-way. Fixed in the lib (lib-utils 1.13.1, lib-vuetify 2.4.3): the renderer asks for the modifier and tags the table with a markdown-table class, which lib-vuetify styles so the cells keep a floor width and the wrapper scrolls horizontally instead. ui also declares lib-utils explicitly: utils/markdown.ts imports it directly and was relying on hoisting for its version.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Refonte visuelle du widget de chat, confinée à
ui/(le package partagélib-vuetify/n'est pas touché), plus le rafraîchissement des dépendances UI.secondary, prompts d'action enaccent.:elevation, façonv-app-bar).v-defaults-provider.Why: l'interface du chat manquait de finition ; PR de suggestion visuelle, plus le bump de deps demandé.
Heads-up: le bump touche tout
ui/(pas que le chat) et des libs data-fair partagées —npm run quality(528 tests) passe. Les bulles de prompt d'action utilisent la couleur de thèmeaccent.