Skip to content

style(ui): make chat interface responsive with 120-column max width - #30

Merged
Nithwin merged 1 commit into
mainfrom
feat/responsive-ui
Jul 26, 2026
Merged

style(ui): make chat interface responsive with 120-column max width#30
Nithwin merged 1 commit into
mainfrom
feat/responsive-ui

Conversation

@Nithwin

@Nithwin Nithwin commented Jul 26, 2026

Copy link
Copy Markdown
Owner

Description

This PR upgrades the WindMist Terminal UI to be fully fluid and responsive, closely mirroring the spacious layout of OpenCode and Claude Code.

Key Changes

  • chat/model.go: Added a MaxContentWidth() method that tracks terminal window resize events via BubbleTea and calculates the optimal reading width.
  • chat/conversation.go & chat/view.go: Stripped out all hardcoded "76" and "80" pixel values. Chat bubbles and divider lines now scale dynamically.
  • ui/markdown.go: Increased the text wrap limit for rendered markdown from 80 to 120 columns.
  • Typography Cap: Added a hard limit of 120 columns to prevent severe eye strain on ultrawide monitors (a standard practice in UX design).

How to Test

  1. Check out git checkout feat/responsive-ui
  2. Run go run ./cmd/windmist
  3. Drag your terminal window left and right. Watch the dividers and input box resize smoothly!

@Nithwin
Nithwin merged commit 33cd8e8 into main Jul 26, 2026
1 check passed
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