Skip to content

feat: AI chat UX#633

Merged
datlechin merged 1 commit intomainfrom
improve/ai-chat-ux
Apr 8, 2026
Merged

feat: AI chat UX#633
datlechin merged 1 commit intomainfrom
improve/ai-chat-ux

Conversation

@datlechin
Copy link
Copy Markdown
Collaborator

Summary

5 UX improvements to make the AI chat feel like a proper native macOS citizen:

  • U1 — User message tinted bubbles: User messages now have a subtle accent-colored background (Color.accentColor.opacity(0.06)) with rounded corners, while assistant messages remain on the default background. Makes scanning conversations much easier.

  • U12 — Edit and resend: User messages show a pencil edit button. Clicking it populates the input field with the message content and removes the message + all subsequent messages, letting the user modify and re-send. Standard in all AI chat UIs.

  • U5 — Scroll-to-bottom button: A floating arrow.down.circle.fill button appears when the user scrolls up during streaming. Clicking it jumps back to the latest message. Uses ScrollViewProxy stored in state for access outside the ScrollViewReader scope.

  • U6 — Connection name in header: The chat header now shows the database connection name as a subtitle below the conversation title. Users can immediately see which database the AI is talking about.

  • U11 — Insert button feedback: The "Insert" button on code blocks is now properly disabled when no editor is focused, with a tooltip explaining "Focus the query editor to insert". Previously it silently did nothing.

Test plan

  • Build succeeds
  • User messages display with tinted background, assistant messages plain
  • Click edit (pencil) on user message → input field populated, message removed
  • Scroll up during streaming → floating arrow button appears
  • Click floating button → scrolls to bottom
  • Connection name visible below conversation title in header
  • Insert button disabled with tooltip when editor not focused
  • Insert button works normally when editor is focused

@datlechin datlechin changed the title feat: AI chat UX — message bubbles, edit/resend, scroll button, connection name feat: AI chat UX Apr 8, 2026
@datlechin datlechin merged commit fc2a8e1 into main Apr 8, 2026
2 checks passed
@datlechin datlechin deleted the improve/ai-chat-ux branch April 8, 2026 03:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant