From eb3dc18b13d0d4ea481d3f08dd31ba5a2087ae3c Mon Sep 17 00:00:00 2001
From: Peter Steinberger <steipete@gmail.com>
Date: Fri, 22 May 2026 19:14:57 +0100
Subject: [PATCH] fix(workboard): localize card form labels

---
 ui/src/i18n/locales/en.ts    |  9 +++++++++
 ui/src/styles/workboard.css  |  7 ++++++-
 ui/src/ui/views/workboard.ts | 18 +++++++++---------
 3 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/ui/src/i18n/locales/en.ts b/ui/src/i18n/locales/en.ts
index e406b7cc77e..2e0766c1f6b 100644
--- a/ui/src/i18n/locales/en.ts
+++ b/ui/src/i18n/locales/en.ts
@@ -482,6 +482,15 @@ export const en: TranslationMap = {
     disabledHelpEnd: ", then reload this tab.",
     noLinkedSession: "No linked session",
     stopSession: "Stop session",
+    editCard: "Edit card",
+    fieldTitle: "Title",
+    fieldNotes: "Notes",
+    fieldStatus: "Status",
+    fieldPriority: "Priority",
+    fieldAgent: "Agent",
+    fieldSession: "Session",
+    fieldLabels: "Labels",
+    labelsPlaceholder: "ui, docs",
     lifecycleUnlinked: "No session",
     lifecycleUnlinkedDetail: "Start or link a session",
     lifecycleMissing: "Session missing",
diff --git a/ui/src/styles/workboard.css b/ui/src/styles/workboard.css
index f91f8d5aaef..03626964c73 100644
--- a/ui/src/styles/workboard.css
+++ b/ui/src/styles/workboard.css
@@ -314,7 +314,12 @@
   grid-area: left;
 }
 
-.workboard-game__controls .workboard-game__arrow:not(.workboard-game__arrow--up, .workboard-game__arrow--left, .workboard-game__arrow--right) {
+.workboard-game__controls
+  .workboard-game__arrow:not(
+    .workboard-game__arrow--up,
+    .workboard-game__arrow--left,
+    .workboard-game__arrow--right
+  ) {
   grid-area: down;
 }
 
diff --git a/ui/src/ui/views/workboard.ts b/ui/src/ui/views/workboard.ts
index b0372a61831..3acba95e14c 100644
--- a/ui/src/ui/views/workboard.ts
+++ b/ui/src/ui/views/workboard.ts
@@ -359,7 +359,7 @@ function renderCardModal(props: WorkboardProps) {
         </div>
         <div class="workboard-draft__main">
           <label class="workboard-field">
-            <span>Title</span>
+            <span>${t("workboard.fieldTitle")}</span>
             <input
               class="input workboard-draft__title"
               placeholder="Card title"
@@ -371,7 +371,7 @@ function renderCardModal(props: WorkboardProps) {
             />
           </label>
           <label class="workboard-field">
-            <span>Notes</span>
+            <span>${t("workboard.fieldNotes")}</span>
             <textarea
               class="input workboard-draft__notes"
               placeholder="Notes, acceptance criteria, links"
@@ -385,7 +385,7 @@ function renderCardModal(props: WorkboardProps) {
         </div>
         <div class="workboard-draft__meta">
           <label class="workboard-field">
-            <span>Status</span>
+            <span>${t("workboard.fieldStatus")}</span>
             <select
               class="input"
               .value=${state.draftStatus}
@@ -401,7 +401,7 @@ function renderCardModal(props: WorkboardProps) {
             </select>
           </label>
           <label class="workboard-field">
-            <span>Priority</span>
+            <span>${t("workboard.fieldPriority")}</span>
             <select
               class="input"
               .value=${state.draftPriority}
@@ -417,7 +417,7 @@ function renderCardModal(props: WorkboardProps) {
             </select>
           </label>
           <label class="workboard-field">
-            <span>Agent</span>
+            <span>${t("workboard.fieldAgent")}</span>
             <select
               class="input"
               .value=${state.draftAgentId}
@@ -436,7 +436,7 @@ function renderCardModal(props: WorkboardProps) {
             </select>
           </label>
           <label class="workboard-field">
-            <span>Session</span>
+            <span>${t("workboard.fieldSession")}</span>
             <select
               class="input"
               .value=${state.draftSessionKey}
@@ -455,10 +455,10 @@ function renderCardModal(props: WorkboardProps) {
             </select>
           </label>
           <label class="workboard-field workboard-field--wide">
-            <span>Labels</span>
+            <span>${t("workboard.fieldLabels")}</span>
             <input
               class="input"
-              placeholder="ui, docs"
+              placeholder=${t("workboard.labelsPlaceholder")}
               .value=${state.draftLabels}
               @input=${(event: InputEvent) => {
                 state.draftLabels = (event.currentTarget as HTMLInputElement).value;
@@ -608,7 +608,7 @@ function renderCard(props: WorkboardProps, card: WorkboardCard) {
       <div class="workboard-card__actions">
         <button
           class="btn btn--icon workboard-card__icon"
-          title="Edit card"
+          title=${t("workboard.editCard")}
           @click=${() => {
             openEditModal(state, card);
             props.onRequestUpdate?.();