Skip to content

ui: status bar carries too many one-off chips with similar visual weight #109

@stultus

Description

@stultus

Severity: medium
Location: src/lib/components/StatusBar.svelte:61-114

Settings icon, Help icon, ⌘K Commands pill, ENG/MAL chip, save-state pill all live in a 28px strip at identical contrast. There's no clear primary, no grouping, and the ENG/MAL chip looks clickable but isn't (it just reflects state).

Fix:

  • Group into three zones with subtle separators:
    1. Actions: gear, help (icon buttons)
    2. Center: ⌘K palette pill
    3. Info: ENG/MAL label (no border, plain text), save state
  • Either make ENG/MAL look like a label (no border) or make it actually toggle the input mode on click and document the behavior.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestui/uxUI/UX or design issue

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions