Skip to content

design: language-mode and input-scheme indicators (ENG/MAL chip + Mozhi/Inscript glyphs) #131

@stultus

Description

@stultus

What's there now: StatusBar.svelte shows the language mode as a text chip ("ENG" / "MAL") and exposes the input scheme via a dropdown labeled with text ("Mozhi", "Inscript 1", "Inscript 2"). Switching is the most frequent runtime decision a Malayalam writer makes — Ctrl+Space toggles many times per session.

Why it matters: This is the most-glanced surface in the status bar. Right now ENG and MAL look like buttons (per #109) but actually just show state. A bespoke pair of glyphs would (a) make the state obvious at a glance, (b) free the chip to look like a label not a button, (c) give Malayalam a place of pride in the chrome that matches the app's positioning.

Suggested deliverable:

  1. Language mode glyphs — paired marks for English (Latin "A" ligature) and Malayalam (ഋ or അ stylized). Same metric box, swap on toggle.
  2. Input scheme glyphs (small) — three marks for Mozhi, Inscript 1, Inscript 2. Mozhi could be a stylized "transliteration" arrow (Latin → Malayalam); Inscript variants could echo a keyboard motif.
  3. Animated transition between English and Malayalam glyphs on Ctrl+Space — a tiny visual reward for the toggle.

Code touchpoints: src/lib/components/StatusBar.svelte, src/lib/components/SettingsModal.svelte, src/lib/components/StoryModeView.svelte (also has a mode indicator).

Metadata

Metadata

Assignees

No one assigned

    Labels

    design-neededNeeds designer input or bespoke artworkenhancementNew feature or requestui-enhancementVisual / design asset enhancement (icons, illustrations, brand)

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions