pgkiln 0.84.0 → 0.85.0

package/src/builder/workflows.ts

@@ -5,6 +5,7 @@ import type { Session } from '../session.ts';
 import { invokeStepReferences, outcomeMap, stepProblems, stepWarnings, workflowDiagram, type Step } from '../workflow.ts';
 import type { ComponentSpec } from './components.ts';
 import { back, BASE, csrf, developer, flash, type Req } from './ui.ts';
+import { scopedTx as tx, type BuilderKey } from './i18n.ts';
 
 // Shared Components → Workflows: versions (APEX: development, active,
 // inactive), the diagram of the steps, problems with them, and the instances
@@ -53,7 +54,7 @@ export async function workflowBeforeSave(values: Record<string, unknown>, cid: s
       return false;
     }
   };
-  if (!cid && hasDraft(values.steps)) throw new Error('Draft steps belong in a development version: create the workflow without them, then create a new version to model with drafts.');
+  if (!cid && hasDraft(values.steps)) throw new Error(tx('wfv.draft_new'));
   if (!cid || values.steps === undefined) return;
   const d = await owner.one('select version, dev_version, steps = $2::jsonb as same from meta.workflow_definition where id = $1', [cid, values.steps]);
   if (!d) return;
@@ -61,8 +62,8 @@ export async function workflowBeforeSave(values: Record<string, unknown>, cid: s
     values.dev_steps = values.steps;
     delete values.steps;
   } else if (d.same) delete values.steps;
-  else if (hasDraft(values.steps)) throw new Error(`Version ${d.version} is active: draft steps belong in a development version.`);
-  else throw new Error(`Version ${d.version} is active and can't be changed. Create a new version to edit its steps.`);
+  else if (hasDraft(values.steps)) throw new Error(tx('wfv.draft_active', { version: d.version }));
+  else throw new Error(tx('wfv.active_fixed', { version: d.version }));
 }
 
 export async function workflowExtras(appId: number, row: Definition, s: Session, query: Record<string, string | undefined> = {}) {
@@ -103,7 +104,7 @@ export async function workflowExtras(appId: number, row: Definition, s: Session,
   const action = `${base}/versions`;
   const usage = (v: string) => {
     const u = perVersion.get(v);
-    return u ? `${u.n}${u.running ? ` (${u.running} running)` : ''}` : '0';
+    return u ? `${u.n}${u.running ? ` ${tx('wfv.running', { n: u.running })}` : ''}` : '0';
   };
   const inactive = Array.isArray(row.inactive_versions) ? row.inactive_versions : [];
   const nextLabel = String(Math.max(0, ...[row.version, ...inactive.map((v) => v.version)].filter((v) => /^\d{1,9}$/.test(v)).map(Number)) + 1);
@@ -112,58 +113,58 @@ export async function workflowExtras(appId: number, row: Definition, s: Session,
     { version: row.version, state: 'active', at: row.activated_at, steps: row.steps },
     ...[...inactive].reverse().map((v) => ({ version: v.version, state: 'inactive', at: v.activated_at, steps: v.steps })),
   ];
-  return html`<fieldset class="prop-group u-mt125"><legend>Versions</legend>
-    <p class="muted u-mt0">New instances start the <b>active</b> version; running instances keep the version they started with. Edit a <b>development</b> version, then activate it.</p>
-    <div class="table-wrap"><table class="report report-reflow wf-versions"><thead><tr><th>Version</th><th>State</th><th>Activated</th><th class="num">Instances</th><th></th></tr></thead><tbody>
+  return html`<fieldset class="prop-group u-mt125"><legend>${tx('wfv.versions')}</legend>
+    <p class="muted u-mt0">${tx.rich('wfv.intro', { active: html`<b>${tx('wfv.state.active')}</b>`, development: html`<b>${tx('wfv.state.development')}</b>` })}</p>
+    <div class="table-wrap"><table class="report report-reflow wf-versions"><thead><tr><th>${tx('wfv.version')}</th><th>${tx('wfv.state')}</th><th>${tx('wfv.activated')}</th><th class="num">${tx('wfv.instances')}</th><th></th></tr></thead><tbody>
       ${versions.map((v, i) => html`<tr>
-        <td data-label="Version"><b>${v.version}</b></td>
-        <td data-label="State"><span class="tag${v.state === 'active' ? ' tag-info' : v.state === 'development' ? ' tag-warning' : ''}">${v.state}</span></td>
-        <td data-label="Activated">${v.state === 'development' ? '—' : when(v.at)}</td>
-        <td class="num" data-label="Instances">${usage(v.version)}</td>
+        <td data-label="${tx('wfv.version')}"><b>${v.version}</b></td>
+        <td data-label="${tx('wfv.state')}"><span class="tag${v.state === 'active' ? ' tag-info' : v.state === 'development' ? ' tag-warning' : ''}">${tx(`wfv.state.${v.state}` as BuilderKey)}</span></td>
+        <td data-label="${tx('wfv.activated')}">${v.state === 'development' ? '—' : when(v.at)}</td>
+        <td class="num" data-label="${tx('wfv.instances')}">${usage(v.version)}</td>
         <td data-label="">${v.state === 'development'
           ? html`<form method="post" action="${action}" class="wf-version-actions">${csrf(s)}
-              <button class="btn btn-hot" name="action" value="activate"${problems.length || drafts.length ? raw(' disabled') : ''} data-confirm="${`Activate version ${v.version}? New instances start it; running ones keep their version.`}">Activate</button>
-              <button class="btn btn-danger" name="action" value="discard" data-confirm="${`Discard version ${v.version} and its changes?`}">Discard</button></form>`
-          : v.steps !== shown ? html`<details class="wf-version-diagram"><summary>Diagram</summary><div class="wf-wrap">${workflowDiagram(v.steps, { id: `v${i}` })}</div></details>` : ''}</td>
+              <button class="btn btn-hot" name="action" value="activate"${problems.length || drafts.length ? raw(' disabled') : ''} data-confirm="${tx('wfv.activate_confirm', { version: v.version })}">${tx('wfv.activate')}</button>
+              <button class="btn btn-danger" name="action" value="discard" data-confirm="${tx('wfv.discard_confirm', { version: v.version })}">${tx('wfv.discard')}</button></form>`
+          : v.steps !== shown ? html`<details class="wf-version-diagram"><summary>${tx('wfv.diagram')}</summary><div class="wf-wrap">${workflowDiagram(v.steps, { id: `v${i}` })}</div></details>` : ''}</td>
       </tr>`)}
     </tbody></table></div>
     ${dev
       ? ''
       : html`<form method="post" action="${action}" class="search u-mwnone u-mt075">${csrf(s)}
-          <label class="sr-only" for="wf-new-version">Label of the new version</label>
+          <label class="sr-only" for="wf-new-version">${tx('wfv.new_label')}</label>
           <input id="wf-new-version" name="version" placeholder="${nextLabel}" maxlength="30" aria-describedby="wf-new-version-help">
-          <button class="btn" name="action" value="new">Create new version</button>
-          <small id="wf-new-version-help" class="help">A copy of version ${row.version} to edit; the label is optional (${nextLabel}).</small>
+          <button class="btn" name="action" value="new">${tx('wfv.new')}</button>
+          <small id="wf-new-version-help" class="help">${tx('wfv.new_help', { version: row.version, next: nextLabel })}</small>
         </form>`}
   </fieldset>
-  <fieldset class="prop-group u-mt125"><legend>Diagram of version ${dev ? `${row.dev_version} (development)` : row.version}</legend>
+  <fieldset class="prop-group u-mt125"><legend>${dev ? tx('wfv.diagram_dev', { version: row.dev_version! }) : tx('wfv.diagram_of', { version: row.version })}</legend>
     ${problems.length ? html`<div class="alert alert-error" role="alert"><ul class="u-m0">${problems.map((p) => html`<li>${p}</li>`)}</ul></div>` : ''}
     ${warnings.length ? html`<div class="alert wf-warnings" role="status"><ul class="u-m0">${warnings.map((p) => html`<li>${p}</li>`)}</ul></div>` : ''}
-    ${drafts.length ? html`<div class="alert wf-warnings" role="status">Draft steps (${drafts.join(', ')}) are placeholders: replace them before activating version ${row.dev_version}.</div>` : ''}
+    ${drafts.length ? html`<div class="alert wf-warnings" role="status">${tx('wfv.drafts', { steps: drafts.join(', '), version: row.dev_version! })}</div>` : ''}
     <div class="wf-wrap">${workflowDiagram(shown, { id: 'def' })}</div>
     <p class="wf-export">
-      <a class="btn btn-sm" href="${`${base}/diagram.svg?v=${encodeURIComponent(dev ? row.dev_version! : row.version)}`}" download data-wf-svg>Download SVG</a>
-      <button type="button" class="btn btn-sm" data-wf-png hidden>Download PNG</button>
+      <a class="btn btn-sm" href="${`${base}/diagram.svg?v=${encodeURIComponent(dev ? row.dev_version! : row.version)}`}" download data-wf-svg>${tx('wfv.svg')}</a>
+      <button type="button" class="btn btn-sm" data-wf-png hidden>${tx('wfv.png')}</button>
     </p>
-    <p class="muted small">Instances: ${counts.length ? counts.map((c, i) => html`${i ? ', ' : ''}${c.n} ${c.state}`) : 'none yet'}. Running instances keep the steps of the version they started with.</p>
+    <p class="muted small">${tx.rich('wfv.counts', { counts: counts.length ? html`${counts.map((c, i) => html`${i ? ', ' : ''}${c.n} ${c.state}`)}` : tx('wfv.none_yet') })}</p>
   </fieldset>
   ${instances.length
-    ? html`<fieldset class="prop-group u-mt125"><legend>Instances</legend>
+    ? html`<fieldset class="prop-group u-mt125"><legend>${tx('wfv.instances')}</legend>
         ${instances.some((w) => ['active', 'waiting', 'faulted'].includes(w.state) && (w.version ?? '1') !== row.version)
-          ? html`<p class="u-mt0"><a class="btn btn-sm" href="${`${base}/migrate`}" title="Migrate running instances to a newer version">Migrate instances…</a></p>` : ''}
-        <div class="table-wrap"><table class="report report-reflow"><thead><tr><th class="num">Id</th><th>Title</th><th>Version</th><th>State</th><th>At</th><th>Started</th></tr></thead><tbody>
+          ? html`<p class="u-mt0"><a class="btn btn-sm" href="${`${base}/migrate`}" title="${tx('wfv.migrate_title')}">${tx('wfv.migrate')}</a></p>` : ''}
+        <div class="table-wrap"><table class="report report-reflow"><thead><tr><th class="num">${tx('wfv.id')}</th><th>${tx('wfv.title')}</th><th>${tx('wfv.version')}</th><th>${tx('wfv.state')}</th><th>${tx('wfv.at')}</th><th>${tx('wfv.started')}</th></tr></thead><tbody>
           ${instances.map((w) => html`<tr${picked?.id === w.id ? raw(' aria-current="true"') : ''}>
-            <td class="num" data-label="Id"><a href="?c=workflow_definition-${row.id}&amp;wf=${w.id}">${w.id}</a></td>
-            <td data-label="Title">${w.title}</td>
-            <td data-label="Version">${w.version ?? '1'}</td>
-            <td data-label="State"><span class="tag${w.state === 'faulted' ? ' tag-error' : w.state === 'completed' || w.state === 'terminated' ? '' : ' tag-info'}">${w.state}</span></td>
-            <td data-label="At">${w.active_steps.join(', ') || '—'}</td>
-            <td data-label="Started">${when(w.started_at)} · ${w.initiator}</td></tr>`)}
+            <td class="num" data-label="${tx('wfv.id')}"><a href="?c=workflow_definition-${row.id}&amp;wf=${w.id}">${w.id}</a></td>
+            <td data-label="${tx('wfv.title')}">${w.title}</td>
+            <td data-label="${tx('wfv.version')}">${w.version ?? '1'}</td>
+            <td data-label="${tx('wfv.state')}"><span class="tag${w.state === 'faulted' ? ' tag-error' : w.state === 'completed' || w.state === 'terminated' ? '' : ' tag-info'}">${w.state}</span></td>
+            <td data-label="${tx('wfv.at')}">${w.active_steps.join(', ') || '—'}</td>
+            <td data-label="${tx('wfv.started')}">${when(w.started_at)} · ${w.initiator}</td></tr>`)}
         </tbody></table></div>
         ${picked && Array.isArray(pickedSteps)
-          ? html`<h3 class="u-mt125">Instance ${picked.id}, version ${picked.version ?? '1'}${picked.active_steps.length ? `: at ${picked.active_steps.join(', ')}` : ''}</h3>
+          ? html`<h3 class="u-mt125">${picked.active_steps.length ? tx('wfv.instance_at', { id: picked.id, version: picked.version ?? '1', steps: picked.active_steps.join(', ') }) : tx('wfv.instance', { id: picked.id, version: picked.version ?? '1' })}</h3>
               <div class="wf-wrap">${workflowDiagram(pickedSteps, { active: picked.active_steps, id: `wf${picked.id}` })}</div>`
-          : html`<p class="muted small">Pick an instance to see where it is in the diagram of its version.</p>`}
+          : html`<p class="muted small">${tx('wfv.pick')}</p>`}
       </fieldset>`
     : ''}`;
 }
@@ -182,20 +183,20 @@ export async function workflowBuilderRoutes(app: FastifyInstance) {
     try {
       if (b.action === 'new') {
         const label = String(b.version ?? '').trim();
-        if (label && !/^[A-Za-z0-9][A-Za-z0-9._-]{0,29}$/.test(label)) throw new Error('A version label is letters, digits, dots, dashes and underscores (at most 30).');
+        if (label && !/^[A-Za-z0-9][A-Za-z0-9._-]{0,29}$/.test(label)) throw new Error(tx('wfv.bad_label'));
         const v = (await owner.one('select meta.new_workflow_version($1, $2) as v', [d.id, label || null])).v;
-        flash(s, `Version ${v} created (development): edit its steps, then activate it.`);
+        flash(s, tx('wfv.created', { version: v }));
       } else if (b.action === 'activate') {
-        if (!d.dev_version) throw new Error('There is no version in development.');
+        if (!d.dev_version) throw new Error(tx('wfv.no_dev'));
         const tasks = new Set((await owner.query('select name from meta.task_definition where app_id = $1', [id])).rows.map((r) => r.name as string));
         const outcomes = outcomeMap((await owner.query('select name, type, outcomes from meta.task_definition where app_id = $1', [id])).rows);
         const problems = stepProblems(d.dev_steps, tasks, { outcomes, drafts: false });
-        if (problems.length) throw new Error(`Version ${d.dev_version} can't be activated: ${problems.join(' ')}`);
+        if (problems.length) throw new Error(tx('wfv.cant_activate', { version: d.dev_version, problems: problems.join(' ') }));
         const v = (await owner.one('select meta.activate_workflow_version($1) as v', [d.id])).v;
-        flash(s, `Version ${v} is active: new instances start it.`);
+        flash(s, tx('wfv.activated_flash', { version: v }));
       } else if (b.action === 'discard') {
         await owner.query('select meta.discard_workflow_version($1)', [d.id]);
-        flash(s, d.dev_version ? `Version ${d.dev_version} discarded.` : 'There was no version in development.');
+        flash(s, d.dev_version ? tx('wfv.discarded', { version: d.dev_version }) : tx('wfv.was_no_dev'));
       } else return reply.code(400).send('Unknown action');
     } catch (e) {
       flash(s, (e as Error).message, 'error');

package/src/builder/workingcopies.ts

@@ -10,6 +10,7 @@ import {
 import { lockedFor } from '../cli/working-copy.ts';
 import { appHeader, back, BASE, csrf, developer, flash, input, region, send, shell, type Req } from './ui.ts';
 import { appAllowed } from './workspaces.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // Working copies (APEX 24.1+): App → Working copies lists an application's
 // copies and makes new ones; a copy's page compares it with its main
@@ -22,12 +23,12 @@ import { appAllowed } from './workspaces.ts';
 const appRow = async (id: string) => (/^\d{1,9}$/.test(id) ? owner.one('select id, name, alias from meta.app where id = $1', [id]) : undefined);
 
 const SIDE: Record<string, string> = { added: 'added', deleted: 'deleted', changed: 'changed' };
-const STATUS: Record<Change['status'], string> = { copy: 'Changed in the copy', main: 'Changed in the main application', conflict: 'Conflict: changed on both sides' };
+const STATUS = (): Record<Change['status'], string> => ({ copy: tx('wcp.changed_in_the_copy'), main: tx('wcp.changed_in_the_main_application'), conflict: tx('wcp.conflict_changed_on_both_sides') });
 
 function diffPanel(ch: Change) {
   const paths = [...new Set([...(ch.main?.keys() ?? []), ...(ch.copy?.keys() ?? [])])].sort();
   return html`<div id="diff">
-    <p class="muted u-mt0">Lines with <code>-</code> are the main application's, lines with <code>+</code> the working copy's.</p>
+    <p class="muted u-mt0">${tx.code('wcp.lines_with_are_the_main')}</p>
     ${paths.map((p) => {
       const a = ch.main?.get(p), b = ch.copy?.get(p);
       if (a && b && a.equals(b)) return '';
@@ -46,38 +47,33 @@ export async function workingCopyRoutes(app: FastifyInstance) {
     let body;
     if (wc) {
       const main = await owner.one('select id, name, alias from meta.app where id = $1', [wc.main_app_id]);
-      body = region('Working copy', html`
-        <p class="u-mt0">This application is the working copy <b>${wc.name}</b> of
-          <a href="${BASE}/apps/${main.id}">${main.name}</a> (<code>/a/${main.alias}</code>), made by ${wc.created_by}
-          on ${wc.created_at.slice(0, 16)}.${wc.refreshed_at ? ` Last refreshed ${wc.refreshed_at.slice(0, 16)}.` : ''}${wc.merged_at ? ` Last merged ${wc.merged_at.slice(0, 16)} by ${wc.merged_by}.` : ''}</p>
-        <p class="muted">Change it like any application: it runs against the main application's schema and data, with
-          its automations and synchronisations switched off. Then compare it with the main application and merge it back.</p>
+      body = region(tx('wcp.working_copy'), html`
+        <p class="u-mt0">${tx.rich('wcp.is_copy', { name: html`<b>${wc.name}</b>`, main: html`<a href="${BASE}/apps/${main.id}">${main.name}</a>`, path: html`<code>/a/${main.alias}</code>`, by: wc.created_by, at: wc.created_at.slice(0, 16) })}${wc.refreshed_at ? ` ${tx('wcp.last_refreshed', { at: wc.refreshed_at.slice(0, 16) })}` : ''}${wc.merged_at ? ` ${tx('wcp.last_merged_by', { at: wc.merged_at.slice(0, 16), by: wc.merged_by })}` : ''}</p>
+        <p class="muted">${tx('wcp.change_it_like_any_application')}</p>
         <div class="buttons">
-          <a class="btn btn-hot" href="${BASE}/apps/${a.id}/compare">${icon('layers')} Compare and merge</a>
+          <a class="btn btn-hot" href="${BASE}/apps/${a.id}/compare">${icon('layers')} ${tx('wcp.compare_and_merge')}</a>
           <form method="post" action="${BASE}/apps/${a.id}/working-copy/delete" class="u-inline">${csrf(s)}
-            <button class="btn btn-danger" data-confirm="Delete the working copy ${wc.name} and its changes that are not merged?">Delete working copy</button></form>
+            <button class="btn btn-danger" data-confirm="${tx('wcp.delete_confirm', { name: wc.name })}">${tx('wcp.delete_working_copy')}</button></form>
         </div>`);
     } else {
       const copies = await copiesOf(a.id);
-      body = html`${region('Working copies', html`
-          <p class="muted u-mt0">A working copy is a second application made from this one, for changes in isolation
-            (APEX: working copies). Compare it with this application and merge it back component by component;
-            components changed on both sides are shown as conflicts to resolve.</p>
+      body = html`${region(tx('wcp.working_copies'), html`
+          <p class="muted u-mt0">${tx('wcp.a_working_copy_is_a')}</p>
           ${copies.length
-            ? html`<div class="table-wrap"><table class="report"><thead><tr><th>Name</th><th>Application</th><th>Made by</th><th>Made</th><th>Last merged</th><th>Actions</th></tr></thead><tbody>
+            ? html`<div class="table-wrap"><table class="report"><thead><tr><th>${tx('wcp.name')}</th><th>${tx('wcp.application')}</th><th>${tx('wcp.made_by')}</th><th>${tx('wcp.made')}</th><th>${tx('wcp.last_merged')}</th><th>${tx('wcp.actions')}</th></tr></thead><tbody>
                 ${copies.map((c) => html`<tr><td>${c.name}</td><td><a href="${BASE}/apps/${c.app_id}">${c.app_id}</a> <code>/a/${c.alias}</code></td>
                   <td>${c.created_by}</td><td>${c.created_at.slice(0, 16)}</td><td>${c.merged_at ? c.merged_at.slice(0, 16) : html`<span class="muted">never</span>`}</td>
-                  <td><a class="btn btn-sm" href="${BASE}/apps/${c.app_id}/compare">${icon('layers')} Compare and merge</a></td></tr>`)}
+                  <td><a class="btn btn-sm" href="${BASE}/apps/${c.app_id}/compare">${icon('layers')} ${tx('wcp.compare_and_merge')}</a></td></tr>`)}
               </tbody></table></div>`
-            : html`<p class="muted">No working copies.</p>`}`)}
-        ${region('Create a working copy', html`<form method="post" action="${BASE}/working-copies">${csrf(s)}
+            : html`<p class="muted">${tx('wcp.no_working_copies')}</p>`}`)}
+        ${region(tx('wcp.create_a_working_copy'), html`<form method="post" action="${BASE}/working-copies">${csrf(s)}
             <input type="hidden" name="main_app_id" value="${a.id}">
-            <div class="form-grid">${input('name', 'Name', '', { required: true, placeholder: 'e.g. new-dashboard', help: `1–40 letters, digits, spaces, - or _. The copy runs at /a/${a.alias}-<name>.` })}</div>
-            <div class="buttons"><button class="btn btn-hot">${icon('plus')} Create working copy</button></div>
+            <div class="form-grid">${input('name', tx('wcp.name'), '', { required: true, placeholder: tx('wcp.e_g_new_dashboard'), help: `1–40 letters, digits, spaces, - or _. The copy runs at /a/${a.alias}-<name>.` })}</div>
+            <div class="buttons"><button class="btn btn-hot">${icon('plus')} ${tx('wcp.create_working_copy')}</button></div>
           </form>`)}`;
     }
     const main = html`${appHeader(a, 'pages', s)}<div class="ide-body">${body}</div>`;
-    return send(reply, s, shell(s, `${a.name} working copies`, [['App Builder', BASE], [a.name, `${BASE}/apps/${a.id}`], ['Working copies']], main));
+    return send(reply, s, shell(s, `${a.name} working copies`, [[tx('wcp.app_builder'), BASE], [a.name, `${BASE}/apps/${a.id}`], [tx('wcp.working_copies')]], main));
   });
 
   // create a working copy (not under /apps/:id, so a locked main application can still be copied)
@@ -90,7 +86,7 @@ export async function workingCopyRoutes(app: FastifyInstance) {
     try {
       const id = await createCopy(a.id, name, s.username!);
       await logActivity({ appId: a.id, username: s.username, event: 'working_copy', ip: clientIp(req), detail: `created ${name} (application ${id})` });
-      flash(s, `Working copy ${name} created: change it, then compare and merge it back.`);
+      flash(s, tx('wcp.created', { name }));
       return back(reply, s, `${BASE}/apps/${id}/working-copies`);
     } catch (e) {
       if (!(e instanceof WorkingCopyError)) throw e;
@@ -107,44 +103,40 @@ export async function workingCopyRoutes(app: FastifyInstance) {
     if (!a) return reply.code(404).send('Not found');
     const l = await compare(a.id);
     if (!l) {
-      flash(s, 'This application is not a working copy.', 'error');
+      flash(s, tx('wcp.this_application_is_not_a'), 'error');
       return back(reply, s, `${BASE}/apps/${a.id}/working-copies`);
     }
     const main = await owner.one('select id, name, alias from meta.app where id = $1', [l.copy.main_app_id]);
     const shown = typeof req.query.c === 'string' ? l.changes.find((ch) => ch.id === req.query.c) : undefined;
     const conflicts = l.changes.filter((ch) => ch.status === 'conflict').length;
     const count = (st: Change['status']) => l.changes.filter((ch) => ch.status === st).length;
-    const side = (v: Change['inMain']) => (v ? SIDE[v] : html`<span class="muted">unchanged</span>`);
+    const side = (v: Change['inMain']) => (v ? tx.dyn(`wcp.side.${v}`, SIDE[v]) : html`<span class="muted">${tx('wcp.unchanged')}</span>`);
     const body = l.changes.length
-      ? html`<p class="u-mt0">${count('copy')} changed in the copy, ${count('main')} changed in the main application, ${conflicts} conflict${conflicts === 1 ? '' : 's'}.</p>
+      ? html`<p class="u-mt0">${tx(conflicts === 1 ? 'wcp.counts_1' : 'wcp.counts', { copy: count('copy'), main: count('main'), conflicts })}</p>
         <form method="post" action="${BASE}/apps/${a.id}/merge">${csrf(s)}<input type="hidden" name="state" value="${fingerprint(l.changes)}">
-          <div class="table-wrap"><table class="report" aria-label="Changed components">
-            <thead><tr><th>Component</th><th>Main application</th><th>Working copy</th><th>Result</th><th>Differences</th></tr></thead><tbody>
-            ${l.changes.map((ch, i) => html`<tr${ch.status === 'conflict' ? raw(' class="row-conflict"') : ''}><td>${ch.label}<br><small class="muted">${STATUS[ch.status]}</small></td>
+          <div class="table-wrap"><table class="report" aria-label="${tx('wcp.changed_components')}">
+            <thead><tr><th>${tx('wcp.component')}</th><th>${tx('wcp.main_application')}</th><th>${tx('wcp.working_copy')}</th><th>${tx('wcp.result')}</th><th>${tx('wcp.differences')}</th></tr></thead><tbody>
+            ${l.changes.map((ch, i) => html`<tr${ch.status === 'conflict' ? raw(' class="row-conflict"') : ''}><td>${ch.label}<br><small class="muted">${STATUS()[ch.status]}</small></td>
               <td>${side(ch.inMain)}</td><td>${side(ch.inCopy)}</td>
               <td>${ch.status === 'conflict'
-                ? html`<fieldset class="u-mt0"><legend class="sr-only">Keep for ${ch.label}</legend>
-                    <label class="check"><input type="radio" name="r_${i}" value="main" required> Main</label>
-                    <label class="check"><input type="radio" name="r_${i}" value="copy" required> Copy</label></fieldset>`
-                : ch.status === 'copy' ? 'Copy' : 'Main'}</td>
-              <td><a class="btn btn-sm" href="${BASE}/apps/${a.id}/compare?c=${encodeURIComponent(ch.id)}#diff">Show</a></td></tr>`)}
+                ? html`<fieldset class="u-mt0"><legend class="sr-only">${tx('wcp.keep_for', { label: ch.label })}</legend>
+                    <label class="check"><input type="radio" name="r_${i}" value="main" required> ${tx('wcp.main')}</label>
+                    <label class="check"><input type="radio" name="r_${i}" value="copy" required> ${tx('wcp.copy')}</label></fieldset>`
+                : ch.status === 'copy' ? tx('wcp.copy') : tx('wcp.main')}</td>
+              <td><a class="btn btn-sm" href="${BASE}/apps/${a.id}/compare?c=${encodeURIComponent(ch.id)}#diff">${tx('wcp.show')}</a></td></tr>`)}
           </tbody></table></div>
-          <p class="muted">Merging writes the result into the main application and the working copy. Refreshing writes it into
-            the working copy only (bringing the main application's changes in). Users, sessions, saved reports, secrets and
-            the main application's automation switches stay as they are.</p>
+          <p class="muted">${tx('wcp.merging_writes_the_result_into')}</p>
           <div class="buttons">
-            <button class="btn btn-hot" name="direction" value="merge" data-confirm="Merge the working copy into ${main.name}?">Merge into ${main.name}</button>
-            <button class="btn" name="direction" value="refresh">Refresh the copy from ${main.name}</button>
+            <button class="btn btn-hot" name="direction" value="merge" data-confirm="${tx('wcp.merge_confirm', { main: main.name })}">${tx('wcp.merge_into', { main: main.name })}</button>
+            <button class="btn" name="direction" value="refresh">${tx('wcp.refresh_from', { main: main.name })}</button>
           </div>
         </form>`
-      : html`<p class="u-mt0">The working copy and the main application are the same: nothing to merge.</p>`;
+      : html`<p class="u-mt0">${tx('wcp.the_working_copy_and_the')}</p>`;
     const page = html`${appHeader(a, 'pages', s)}<div class="ide-body">
-      ${region(`Compare with ${main.name}`, html`<p class="muted u-mt0">Working copy <b>${l.copy.name}</b> of
-          <a href="${BASE}/apps/${main.id}">${main.name}</a>, compared per component with the main application as it was
-          when the copy was made${l.copy.refreshed_at || l.copy.merged_at ? ', refreshed or merged' : ''}.</p>${body}`)}
-      ${shown ? region(`Differences: ${shown.label}`, diffPanel(shown)) : ''}
+      ${region(tx('wcp.compare_title', { main: main.name }), html`<p class="muted u-mt0">${tx.rich(l.copy.refreshed_at || l.copy.merged_at ? 'wcp.compare_intro_since' : 'wcp.compare_intro', { copy: html`<b>${l.copy.name}</b>`, main: html`<a href="${BASE}/apps/${main.id}">${main.name}</a>` })}</p>${body}`)}
+      ${shown ? region(tx('wcp.diff_title', { label: shown.label }), diffPanel(shown)) : ''}
     </div>`;
-    return send(reply, s, shell(s, `${a.name} compare`, [['App Builder', BASE], [a.name, `${BASE}/apps/${a.id}`], ['Working copies', `${BASE}/apps/${a.id}/working-copies`], ['Compare']], page));
+    return send(reply, s, shell(s, `${a.name} compare`, [[tx('wcp.app_builder'), BASE], [a.name, `${BASE}/apps/${a.id}`], [tx('wcp.working_copies'), `${BASE}/apps/${a.id}/working-copies`], [tx('wcp.compare')]], page));
   });
 
   // merge into the main application, or refresh the copy from it
@@ -158,14 +150,14 @@ export async function workingCopyRoutes(app: FastifyInstance) {
     const target = `${BASE}/apps/${a.id}/compare`;
     if (!direction) return reply.code(400).send('Bad request');
     const l = await compare(a.id);
-    if (!l) return reply.code(404).send('Not a working copy');
+    if (!l) return reply.code(404).send(tx('wcp.not_a_copy'));
     // conflicts: every one needs a choice (the fingerprint checks they are the ones shown)
     const takeCopy = new Set<string>();
     for (const [i, ch] of l.changes.entries()) {
       if (ch.status !== 'conflict') continue;
       const v = b[`r_${i}`];
       if (v !== 'main' && v !== 'copy') {
-        flash(s, 'Choose main or copy for every conflict.', 'error');
+        flash(s, tx('wcp.choose_main_or_copy_for'), 'error');
         return back(reply, s, target);
       }
       if (v === 'copy') takeCopy.add(ch.id);
@@ -173,7 +165,7 @@ export async function workingCopyRoutes(app: FastifyInstance) {
     try {
       const r = await mergeCopy(a.id, { direction, takeCopy, state: String(b.state ?? ''), username: s.username!, lockedBy: lockedFor(s.username!) });
       await logActivity({ appId: direction === 'merge' ? r.mainId : a.id, username: s.username, event: 'working_copy', ip: clientIp(req), detail: `${direction === 'merge' ? 'merged' : 'refreshed'} ${l.copy.name} (${r.changes} components)` });
-      flash(s, direction === 'merge' ? `Working copy ${l.copy.name} merged (${r.changes} components).` : `Working copy ${l.copy.name} refreshed from the main application.`);
+      flash(s, direction === 'merge' ? tx('wcp.merged', { name: l.copy.name, n: r.changes }) : tx('wcp.refreshed', { name: l.copy.name }));
       return back(reply, s, direction === 'merge' ? `${BASE}/apps/${r.mainId}` : target);
     } catch (e) {
       if (!(e instanceof WorkingCopyError)) throw e;
@@ -189,11 +181,11 @@ export async function workingCopyRoutes(app: FastifyInstance) {
     if (!a) return reply.code(404).send('Not found');
     const wc = await copyOf(a.id);
     if (!wc || !(await deleteCopy(a.id))) {
-      flash(s, 'This application is not a working copy.', 'error');
+      flash(s, tx('wcp.this_application_is_not_a'), 'error');
       return back(reply, s, `${BASE}/apps/${a.id}/working-copies`);
     }
     await logActivity({ appId: wc.main_app_id, username: s.username, event: 'working_copy', ip: clientIp(req), detail: `deleted ${wc.name}` });
-    flash(s, `Working copy ${wc.name} deleted.`);
+    flash(s, tx('wcp.deleted', { name: wc.name }));
     return back(reply, s, `${BASE}/apps/${wc.main_app_id}/working-copies`);
   });
 }

package/src/builder/workspace-backups.ts

@@ -5,6 +5,7 @@ import { icon } from '../icons.ts';
 import { clientIp, logActivity } from '../session.ts';
 import { back, BASE, csrf, developer, flash, input, region, send, shell, type Req } from './ui.ts';
 import { currentWorkspace } from './workspaces.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // Workspace utilities → Manage backups (APEX: Workspace Utilities → Manage
 // Backups): the backups (082) of every application of the current workspace on
@@ -26,28 +27,28 @@ export async function workspaceBackupRoutes(app: FastifyInstance) {
         where meta.app_workspace(a.id) = $1
         group by a.id order by lower(a.name), a.id`, [currentWorkspace(s)])).rows;
     const total = rows.reduce((t, r) => t + Number(r.bytes), 0);
-    const main = html`<div class="title-row"><h1>Manage backups</h1></div>
-      <p class="muted u-mt0">The backups of the applications of ${s.workspace?.name ?? 'this workspace'}: one before every import that replaces an application, a merge or a restore, one a day when it changed, and the ones made by hand. Open an application's backups to download, restore or delete one.</p>
+    const main = html`<div class="title-row"><h1>${tx('wu.backups')}</h1></div>
+      <p class="muted u-mt0">${s.workspace?.name ? tx('wbk.intro', { name: s.workspace.name }) : tx('wbk.intro_this')}</p>
       <div class="stat-grid u-mb1">
-        ${[['Applications', rows.length], ['Backups', rows.reduce((t, r) => t + r.backups, 0)], ['Storage', size(total)], ['Changed since their newest backup', rows.filter((r) => r.changed && r.backups_keep > 0).length]]
+        ${[[tx('wbk.applications'), rows.length], [tx('wbk.backups'), rows.reduce((t, r) => t + r.backups, 0)], [tx('wbk.storage'), size(total)], [tx('wbk.changed_since_newest'), rows.filter((r) => r.changed && r.backups_keep > 0).length]]
           .map(([l, v]) => html`<div class="stat"><b>${String(v)}</b><span>${l}</span></div>`)}
       </div>
-      ${region('Applications', html`<div class="table-wrap"><table class="report report-reflow">
-        <thead><tr><th>Application</th><th class="num">Backups</th><th class="num">Kept</th><th>Newest (UTC)</th><th class="num">Size</th><th></th></tr></thead>
+      ${region(tx('wbk.applications'), html`<div class="table-wrap"><table class="report report-reflow">
+        <thead><tr><th>${tx('wbk.application')}</th><th class="num">${tx('wbk.backups')}</th><th class="num">${tx('wbk.kept')}</th><th>${tx('wbk.newest_utc')}</th><th class="num">${tx('wbk.size')}</th><th></th></tr></thead>
         <tbody>${rows.length ? rows.map((a) => html`<tr>
-          <td data-label="Application"><a href="${BASE}/apps/${a.id}">${a.name}</a> <span class="muted">/a/${a.alias}</span></td>
-          <td class="num" data-label="Backups">${a.backups}</td>
-          <td class="num" data-label="Kept">${a.backups_keep === 0 ? html`<span class="tag">none</span>` : a.backups_keep}</td>
-          <td data-label="Newest">${a.newest ? when(a.newest) : html`<span class="muted">never</span>`}${a.changed && a.backups_keep > 0 && a.newest ? html` <span class="tag">changed since</span>` : ''}</td>
-          <td class="num" data-label="Size">${size(Number(a.bytes))}</td>
-          <td><a class="btn btn-sm" href="${BASE}/apps/${a.id}/backups">${icon('history')} Backups</a></td></tr>`)
-          : html`<tr><td colspan="6" class="empty">No applications.</td></tr>`}</tbody></table></div>`)}
-      ${rows.length ? region('Back up all applications', html`<form method="post" action="${BASE}/backups">${csrf(s)}
-        <p class="muted u-mt0">Makes a backup of every application of this workspace that keeps backups.</p>
-        <div class="form-grid">${input('note', 'Note', '', { placeholder: 'e.g. before the upgrade' })}
-          <div class="field"><label class="check"><input type="checkbox" name="changed" value="true" checked> Only applications changed since their newest backup</label></div></div>
-        <div class="buttons"><button class="btn btn-hot">${icon('save')} Back up now</button></div></form>`) : ''}`;
-    return send(reply, s, shell(s, 'Manage backups', [['App Builder', BASE], ['Workspace utilities', `${BASE}/utilities`], ['Manage backups']], main));
+          <td data-label="${tx('wbk.application')}"><a href="${BASE}/apps/${a.id}">${a.name}</a> <span class="muted">/a/${a.alias}</span></td>
+          <td class="num" data-label="${tx('wbk.backups')}">${a.backups}</td>
+          <td class="num" data-label="${tx('wbk.kept')}">${a.backups_keep === 0 ? html`<span class="tag">${tx('wbk.none')}</span>` : a.backups_keep}</td>
+          <td data-label="${tx('wbk.newest')}">${a.newest ? when(a.newest) : html`<span class="muted">${tx('wbk.never')}</span>`}${a.changed && a.backups_keep > 0 && a.newest ? html` <span class="tag">${tx('wbk.changed_since')}</span>` : ''}</td>
+          <td class="num" data-label="${tx('wbk.size')}">${size(Number(a.bytes))}</td>
+          <td><a class="btn btn-sm" href="${BASE}/apps/${a.id}/backups">${icon('history')} ${tx('wbk.backups')}</a></td></tr>`)
+          : html`<tr><td colspan="6" class="empty">${tx('wbk.no_apps')}</td></tr>`}</tbody></table></div>`)}
+      ${rows.length ? region(tx('wbk.back_up_all'), html`<form method="post" action="${BASE}/backups">${csrf(s)}
+        <p class="muted u-mt0">${tx('wbk.back_up_all_text')}</p>
+        <div class="form-grid">${input('note', tx('wbk.note'), '', { placeholder: tx('wbk.note_placeholder') })}
+          <div class="field"><label class="check"><input type="checkbox" name="changed" value="true" checked> ${tx('wbk.only_changed')}</label></div></div>
+        <div class="buttons"><button class="btn btn-hot">${icon('save')} ${tx('wbk.back_up_now')}</button></div></form>`) : ''}`;
+    return send(reply, s, shell(s, tx('wu.backups'), [[tx('rail.app_builder'), BASE], [tx('wu.title'), `${BASE}/utilities`], [tx('wu.backups')]], main));
   });
 
   app.post(`${BASE}/backups`, async (req: Req, reply) => {
@@ -71,8 +72,8 @@ export async function workspaceBackupRoutes(app: FastifyInstance) {
       }
     }
     await logActivity({ appId: null, username: s.username, event: 'backup', ip: clientIp(req), detail: `workspace ${currentWorkspace(s)}: ${made} backup(s)` });
-    if (failed.length) flash(s, `${made} backup(s) made; not backed up: application${failed.length > 1 ? 's' : ''} ${failed.join(', ')}.`, 'error');
-    else flash(s, made ? `${made} backup${made > 1 ? 's' : ''} made.` : 'Nothing to back up: every application is unchanged since its newest backup, or keeps none.');
+    if (failed.length) flash(s, tx(failed.length > 1 ? 'wbk.failed_many' : 'wbk.failed_one', { n: made, ids: failed.join(', ') }), 'error');
+    else flash(s, made ? tx(made > 1 ? 'wbk.made_many' : 'wbk.made_one', { n: made }) : tx('wbk.nothing'));
     return back(reply, s, `${BASE}/backups`);
   });
 }

package/src/builder/workspace-mail.ts

@@ -8,6 +8,7 @@ import { clientIp, logActivity, type Session } from '../session.ts';
 import { formValues, parseForm, PROVIDER_TEXT, runCheck, serviceForm } from './mail.ts';
 import { back, BASE, csrf, developer, flash, region, select, send, shell, type Req } from './ui.ts';
 import { workspaceAdmin } from './workspaces.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // (sprint 118, WS-9; APEX 26.1 workspace-level SMTP credentials) A workspace's
 // own mail service, managed by its administrators on /builder/workspaces/:id/mail:
@@ -23,8 +24,8 @@ type Service = MailService & { has_secret: boolean };
 
 async function wsAdminOnly(s: Session, reply: FastifyReply, wsId: string) {
   if (await workspaceAdmin(s.username, wsId)) return true;
-  const main = html`<h1 class="u-mb1">Workspace mail service</h1><div class="alert alert-error" role="alert">Only the workspace's administrators manage its mail service.</div>`;
-  await send(reply.code(403), s, shell(s, 'Workspace mail service', [['Administration'], ['Workspace mail service']], main, 'users'));
+  const main = html`<h1 class="u-mb1">${tx('wml.workspace_mail_service')}</h1><div class="alert alert-error" role="alert">${tx('wml.only_the_workspace_s_administrators')}</div>`;
+  await send(reply.code(403), s, shell(s, tx('wml.workspace_mail_service'), [[tx('wml.administration')], [tx('wml.workspace_mail_service')]], main, 'users'));
   return false;
 }
 
@@ -43,22 +44,22 @@ export async function workspaceMailRoutes(app: FastifyInstance) {
          from meta.app a where meta.app_workspace(a.id) = $1 order by a.alias`, [w.id])).rows;
     const shown = typed ? { ...x, description: typed.description, provider: typed.provider, settings: typed.settings, senders: typed.senders, enabled: typed.enabled } : x ?? {};
     const main = html`
-      <div class="title-row"><h1>Mail service · ${w.name}</h1></div>
-      <p class="muted u-mt0">This workspace's own mail service: its applications that an administrator gave no service of their own send through it (<code>meta.send_mail()</code>, the Send e-mail process). The secret is stored encrypted and never shown again. It uses the provider's own API; an SMTP server must be on the installation's allow-list and this workspace's <a href="${BASE}/network">network access</a> list.</p>
+      <div class="title-row"><h1>${tx('wml.title', { workspace: w.name })}</h1></div>
+      <p class="muted u-mt0">${tx.rich('wml.intro', { fn: html`<code>meta.send_mail()</code>`, network: html`<a href="${BASE}/network">${tx('wml.network_access')}</a>` })}</p>
       <div class="mail-form-page">
-        ${region('Settings', html`
-          <form method="get" class="provider-switch">${select('provider', 'Provider', provider, PROVIDERS.map((p): [string, string] => [p, PROVIDER_LABELS[p]]),
-            x && provider !== x.provider ? 'Not saved yet: fill in the settings below and save to switch.' : PROVIDER_TEXT[provider][1])}<button class="btn btn-sm">Change</button></form>
+        ${region(tx('wml.settings'), html`
+          <form method="get" class="provider-switch">${select('provider', tx('wml.provider'), provider, PROVIDERS.map((p): [string, string] => [p, PROVIDER_LABELS[p]]),
+            x && provider !== x.provider ? tx('wml.not_saved_yet_fill_in') : PROVIDER_TEXT(provider)[1])}<button class="btn btn-sm">${tx('wml.change')}</button></form>
           ${serviceForm(shown, provider, `${BASE}/workspaces/${w.id}/mail`, csrf(s), !x, tried, { id: w.id })}
           ${x ? html`<form method="post" action="${BASE}/workspaces/${w.id}/mail/delete" class="danger-zone">${csrf(s)}
-            <button class="btn btn-danger" data-confirm="Delete this workspace's mail service? Its applications without a service of their own can't send mail then.">Delete service</button></form>` : ''}`)}
+            <button class="btn btn-danger" data-confirm="${tx('wml.delete_this_workspace_s_mail')}">${tx('wml.delete_service')}</button></form>` : ''}`)}
       </div>
-      ${region('Applications', html`<div class="table-wrap"><table class="report report-reflow">
-        <thead><tr><th>Application</th><th>Sends through</th></tr></thead>
-        <tbody>${users.length ? users.map((a) => html`<tr><td data-label="Application">${a.alias}</td>
-            <td data-label="Sends through">${a.own ? html`${a.own} <span class="muted">(chosen by an administrator)</span>` : x ? 'this service' : html`<span class="muted">nothing yet</span>`}</td></tr>`)
-          : html`<tr><td colspan="2" class="empty">No applications.</td></tr>`}</tbody></table></div>`)}`;
-    return send(reply, s, shell(s, `Mail service · ${w.name}`, [['Administration'], [w.name, `${BASE}/workspaces/${w.id}`], ['Mail service']], main, 'users'));
+      ${region(tx('wml.applications'), html`<div class="table-wrap"><table class="report report-reflow">
+        <thead><tr><th>${tx('wml.application')}</th><th>${tx('wml.sends_through')}</th></tr></thead>
+        <tbody>${users.length ? users.map((a) => html`<tr><td data-label="${tx('wml.application')}">${a.alias}</td>
+            <td data-label="${tx('wml.sends_through')}">${a.own ? html`${a.own} <span class="muted">${tx('wml.chosen_by_an_administrator')}</span>` : x ? 'this service' : html`<span class="muted">${tx('wml.nothing_yet')}</span>`}</td></tr>`)
+          : html`<tr><td colspan="2" class="empty">${tx('wml.no_applications')}</td></tr>`}</tbody></table></div>`)}`;
+    return send(reply, s, shell(s, tx('wml.title', { workspace: w.name }), [[tx('wml.administration')], [w.name, `${BASE}/workspaces/${w.id}`], [tx('wml.mail_service')]], main, 'users'));
   };
 
   app.get(`${BASE}/workspaces/:id(^\\d{1,9}$)/mail`, async (req: Req, reply) => {
@@ -88,7 +89,7 @@ export async function workspaceMailRoutes(app: FastifyInstance) {
           `insert into meta.mail_service (name, description, provider, settings, senders, enabled, secret_enc, workspace_id) values ($1, $2, $3, $4, $5, $6, $7, $8)`,
           [`WORKSPACE_${w.id}`, v.description, v.provider, JSON.stringify(v.settings), v.senders, v.enabled, secret, w.id]);
       await logActivity({ appId: null, username: s.username, event: 'mail_service', ip: clientIp(req), detail: `${old ? 'changed' : 'added'} the mail service of workspace ${w.id} (${v.provider})` });
-      flash(s, old ? 'Mail service saved.' : 'Mail service added: send a test mail to check it.');
+      flash(s, old ? tx('wml.mail_service_saved') : tx('wml.mail_service_added_send_a'));
     } catch (e) {
       flash(s, (e as Error).message.includes('mail_service_name_key') ? `A service named WORKSPACE_${w.id} exists already: an administrator renames it first.` : (e as Error).message, 'error');
     }
@@ -115,7 +116,7 @@ export async function workspaceMailRoutes(app: FastifyInstance) {
     if (!s || !(await wsAdminOnly(s, reply, req.params.id))) return;
     const r = await owner.query('delete from meta.mail_service where workspace_id = $1', [req.params.id]);
     await logActivity({ appId: null, username: s.username, event: 'mail_service', ip: clientIp(req), detail: `deleted the mail service of workspace ${req.params.id}` });
-    flash(s, r.rowCount ? 'Mail service deleted.' : 'There was no mail service.');
+    flash(s, r.rowCount ? tx('wml.mail_service_deleted') : tx('wml.there_was_no_mail_service'));
     return back(reply, s, `${BASE}/workspaces/${req.params.id}/mail`);
   });
 }