Skip to content

feat(chat): refine chat widget visuals#52

Draft
BatLeDev wants to merge 3 commits into
mainfrom
visual-chat-suggestions
Draft

feat(chat): refine chat widget visuals#52
BatLeDev wants to merge 3 commits into
mainfrom
visual-chat-suggestions

Conversation

@BatLeDev

@BatLeDev BatLeDev commented Jul 2, 2026

Copy link
Copy Markdown
Member

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.

  • Composer : champ arrondi bordé, icône ✦ à gauche, bouton d'envoi plein (secondary), stop en tonal.
  • Bulles : pleines, arrondi asymétrique, compactes, largeur limitée — messages tapés en secondary, prompts d'action en accent.
  • Header : icône robot + élévation au scroll (prop Vuetify :elevation, façon v-app-bar).
  • Dialog debug : fermeture transformée en flèche « retour » (secondary) à gauche des onglets pour ne pas télescoper le ✕ de l'hôte menu ; switches regroupés dans un v-defaults-provider.
  • Deps : vuetify 4.1.2, @data-fair/lib-vuetify 2.4.1, @data-fair/lib-vue 1.30.1.

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ème accent.

BatLeDev added 2 commits July 2, 2026 16:16
- 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 BatLeDev marked this pull request as draft July 2, 2026 15:03
@BatLeDev BatLeDev force-pushed the visual-chat-suggestions branch from 52b95bc to 41b9949 Compare July 2, 2026 15:07
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 BatLeDev force-pushed the visual-chat-suggestions branch from 41b9949 to d5d6507 Compare July 2, 2026 15:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant