Skip to content

Slice 5: Vertical Text Support #6

Description

@emcifuentesc

Parent

What to build

Add support for vertical Japanese text (tategaki). The Reading schema gains an orientation field (horizontal or vertical). The Python sidecar defaults to horizontal but includes orientation in output. The Reading Engine renders vertical text with CSS writing-mode: vertical-rl, furigana to the right of each Kanji, and Romaji horizontally beneath each column. An orientation toggle in the Reading window allows the user to switch layouts without re-running OCR.

Acceptance criteria

  • Reading schema includes orientation field
  • Python sidecar includes orientation in output (default horizontal)
  • Reading Engine renders vertical layout with writing-mode: vertical-rl
  • Furigana appears to the right of Kanji in vertical mode
  • Romaji renders horizontally beneath each vertical column
  • Orientation toggle visible in Reading window
  • Toggle re-renders current Reading with flipped layout (no OCR re-run)
  • Component tests verify vertical DOM structure with mock Reading data

Blocked by

Testing notes

Extend Reading Engine component tests to cover vertical layout DOM structure and furigana placement.

Metadata

Metadata

Assignees

No one assigned

    Labels

    ready-for-agentReady for an AFK agent to implement

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions