Skip to content

Make multi-agent group name input more prominent and readable#234

Merged
StephaneDelcroix merged 1 commit intomainfrom
fix/while-creating-a-new-multi-the-field-for-20260227-0758
Feb 28, 2026
Merged

Make multi-agent group name input more prominent and readable#234
StephaneDelcroix merged 1 commit intomainfrom
fix/while-creating-a-new-multi-the-field-for-20260227-0758

Conversation

@StephaneDelcroix
Copy link
Copy Markdown
Collaborator

Problem

When creating a new multi-agent group, the name input field was very small and hard to read compared to the session name input when creating a new session.

Before

  • Font size: var(--type-caption1) (tiny)
  • Padding: 0.15rem 0.4rem / 0.2rem 0.5rem
  • Width: 100px / 120px (fixed, narrow)
  • Background: var(--control-border) (dark, blends in)

After

  • Font size: var(--type-body) (matches session name input)
  • Padding: 0.5rem 0.65rem (matches session name input)
  • Width: 100% / 200px (more room to type)
  • Background: var(--control-bg) (standard input look)
  • Added focus state with accent border color
  • Added placeholder color styling
  • Removed inline font-size: 12px override on preset name input

Files Changed

  • SessionSidebar.razor.css — Updated .new-group-input class
  • Dashboard.razor.css — Updated .dashboard-header .new-group-input class
  • SessionSidebar.razor — Removed inline font-size override on preset name input

Testing

  • All 1545 tests pass (1 pre-existing locale-dependent failure unrelated to this change)
  • Mac Catalyst build succeeds

Match the styling of the new-group-input (used for multi-agent team name)
to the session name input (ns-name) by:
- Increasing font-size from var(--type-caption1) to var(--type-body)
- Increasing padding from 0.15rem/0.2rem to 0.5rem 0.65rem
- Using var(--control-bg) background instead of var(--control-border)
- Using transparent border with accent focus state
- Widening the input (100%/200px instead of 100px/120px)
- Removing inline font-size: 12px override on preset name input
- Adding placeholder and focus styles

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@StephaneDelcroix
Copy link
Copy Markdown
Collaborator Author

✅ Multi-Model Review: Ready to Merge

Pure CSS styling improvement. All 5 review models found no bugs, logic errors, or functional risk.

  • CSS variable var(--accent-primary) used consistently in both files
  • No functional code changes, purely visual improvement
  • No consensus issues across 5-model review

@StephaneDelcroix StephaneDelcroix merged commit 9f06e1b into main Feb 28, 2026
@StephaneDelcroix StephaneDelcroix deleted the fix/while-creating-a-new-multi-the-field-for-20260227-0758 branch February 28, 2026 08:54
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