Skip to content

feat(tracker): redesign the translation editor dialog and align compact rows - #105

Merged
simoncodes-ca merged 6 commits into
simoncodes-ca:developfrom
SimonNodel-AI:feature/resource-dialog-redesign
Sep 20, 2026
Merged

simoncodes-ca merged 6 commits into
simoncodes-ca:developfrom
SimonNodel-AI:feature/resource-dialog-redesign

Conversation

@SimonNodel-AI

Copy link
Copy Markdown
Collaborator

Summary

Redesigns the create/edit translation dialog as an editor beside a context column, and tightens the compact list row.

Translation editor dialog

  • Two-column layout: form on the left, a context column on the right showing where the key lands, similar values, and the locales that still need work. Comment and tags stay inline.
  • "Other locales" drawer slides over the column; below 1100px the column becomes a disclosure.
  • Edited or created node is highlighted in the location tree; collisions use the error family.
  • Footer key is click-to-copy and turns the error colour on a key collision. The duplicate "Full key" block in the column was removed.
  • Status pill has a chevron so it reads as a menu; base-locale chip aligns to the label baseline.
  • Comment field takes focus after the empty-comment confirmation's "Add comment" choice.
  • Suggested keys break only after dots.
  • Dark mode: body now sets a base text colour so nothing inherits the browser's black; muted captions were lifted off the decorative tertiary tint. All dialog text measures ≥4.5:1 in both themes.

Compact list row

  • Fixed key column so every value starts at the same x; long keys truncate in the middle and keep the leaf.
  • Key uses secondary ink so it reads apart from the value.
  • Double-click on the key chip opens the editor (single click still copies, once); an Edit button sits in the compact rail and replaces the menu item there.

i18n

  • New context-column strings added and all new dialog, folder picker, tags, and common-action strings translated into es, fr-ca, ru, ja, de via the CLI.
  • Also drops stale impeccable critique and surface notes.

Related: #104 (import cannot clear a stale translation when the value is unchanged), found while translating.

Test plan

  • pnpm nx lint tracker
  • pnpm nx test tracker — 804 passed
  • pnpm nx build tracker — no budget warnings
  • Browser-verified in light and dark at 1600 and 1024: dialog create/edit/collision, drawer, tree highlight, footer copy, comment focus, compact alignment and truncation, click vs double-click on the key chip
  • Reviewer: quick dark-mode pass over the rest of the app, since the body colour change is app-wide

🤖 Generated with Claude Code

SimonNodel-AI and others added 6 commits September 18, 2026 14:25
Add the context-column strings (where it lands, similar values, locales,
all up to date) and translate the new editor, folder picker, tags and
common action strings into es, fr-ca, ru, ja and de.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…column

Lay the create/edit dialog out as an editor beside a context column that
shows where the key lands, similar values and the locales that still need
work, with an other-locales drawer over the column and a disclosure below
1100px. Comment and tags stay inline.

- highlight the edited or created node in the location tree
- make the footer key click-to-copy and show collisions there
- add a chevron to the status pill and align the base locale chip
- focus the comment field after the empty-comment confirmation
- set a base text colour on body so dark mode no longer inherits black,
  and lift muted captions off the decorative tint
- break suggested keys only after their dots

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- give the compact key a fixed column so every value starts at the same x,
  and truncate long keys in the middle while keeping the leaf intact
- set the key in secondary ink so it reads apart from the value
- open the editor on double-click of the key chip without copying twice,
  and add an Edit button to the compact rail in place of the menu item

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@simoncodes-ca
simoncodes-ca merged commit 199bce8 into simoncodes-ca:develop Sep 20, 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.

2 participants