pgkiln 0.84.0 → 0.86.0

package/src/builder/telemetry.ts

@@ -11,6 +11,7 @@ import { destinationStatus, sendTest } from '../telemetry/export.ts';
 import { isAdmin } from './locks.ts';
 import { back, BASE, csrf, developer, flash, input, region, select, send, shell, type Req } from './ui.ts';
 import { workspaceAdmin } from './workspaces.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // (sprint 139, AP-6; APEX: Workspace Utilities → OpenTelemetry) Workspace
 // utilities → OpenTelemetry (administrators): the instance's collector, what
@@ -19,16 +20,16 @@ import { workspaceAdmin } from './workspaces.ts';
 // on /builder/workspaces/:id/telemetry. Headers (an API key) are write-only:
 // stored encrypted, only their names are shown.
 
-const crumbs: [string, string?][] = [['App Builder', BASE], ['Workspace utilities', `${BASE}/utilities`], ['OpenTelemetry']];
+const crumbs = (): [string, string?][] => [[tx('tel.app_builder'), BASE], [tx('tel.workspace_utilities'), `${BASE}/utilities`], [tx('tel.opentelemetry')]];
 const ORIGIN: Record<Origin, string> = { builder: 'set here', environment: 'environment variable', default: 'default' };
 
 const check = (name: string, label: string, on: boolean, help?: string) =>
   html`<div class="field"><label class="check"><input type="checkbox" name="${name}" value="true"${on ? raw(' checked') : ''}> ${label}</label>${help ? html`<small class="help">${help}</small>` : ''}</div>`;
 
-const headersField = (names: string[], help: string) => html`<div class="field"><label class="label" for="f_headers">Headers</label>
+const headersField = (names: string[], help: string) => html`<div class="field"><label class="label" for="f_headers">${tx('tel.headers')}</label>
   <textarea id="f_headers" name="headers" rows="2" maxlength="4000" spellcheck="false" autocomplete="off" placeholder="${names.length ? `${names.join(', ')} set: type new headers to replace them` : 'e.g. x-honeycomb-team=…, Authorization=Bearer …'}"></textarea>
   <small class="help">${help}${names.length ? html` Set now: <b>${names.join(', ')}</b> (values hidden).` : ''}</small>
-  ${names.length ? html`<label class="check"><input type="checkbox" name="remove_headers" value="true"> Remove the headers</label>` : ''}</div>`;
+  ${names.length ? html`<label class="check"><input type="checkbox" name="remove_headers" value="true"> ${tx('tel.remove_the_headers')}</label>` : ''}</div>`;
 
 const when = (ms: number | null) => (ms ? new Date(ms).toISOString().replace('T', ' ').slice(0, 19) + ' UTC' : '—');
 
@@ -40,7 +41,7 @@ function statusCell(key: string): Raw {
 
 async function adminOnly(s: Session, reply: FastifyReply) {
   if (await isAdmin(s.username)) return true;
-  await send(reply.code(403), s, shell(s, 'OpenTelemetry', crumbs, html`<h1 class="u-mb1">OpenTelemetry</h1><div class="alert alert-error" role="alert">Only administrators set up OpenTelemetry for the installation.</div>`));
+  await send(reply.code(403), s, shell(s, tx('tel.opentelemetry'), crumbs(), html`<h1 class="u-mb1">${tx('tel.opentelemetry')}</h1><div class="alert alert-error" role="alert">${tx('tel.only_administrators_set_up_opentelemetry')}</div>`));
   return false;
 }
 
@@ -59,50 +60,47 @@ export async function telemetryBuilderRoutes(app: FastifyInstance) {
     const workspaces = (await owner.query<{ id: number; name: string; telemetry: string; telemetry_endpoint: string | null; apps: number }>(
       `select w.id, w.name, w.telemetry, w.telemetry_endpoint, (select count(*) from meta.app a where meta.app_workspace(a.id) = w.id)::int as apps
          from meta.workspace w order by w.name`)).rows;
-    const from = (k: string) => html`<span class="muted">(${ORIGIN[t.origin[k] ?? 'default']})</span>`;
+    const from = (k: string) => html`<span class="muted">(${tx.dyn(`tel.o.${t.origin[k] ?? 'default'}`, ORIGIN[t.origin[k] ?? 'default'])})</span>`;
     const pub = (process.env.PUBLIC_URL ?? '').replace(/\/+$/, '');
-    const main = html`<h1 class="u-mb1">OpenTelemetry</h1>
-      <p class="muted u-mt0">Send traces, logs and metrics of the applications to your own monitoring (Grafana, Jaeger, Datadog, Honeycomb, OCI APM,
-        or anything that speaks OTLP) through an OpenTelemetry Collector. A trace per page request, with a span for each SQL statement, REST data source call,
-        AI request and tool call; mail and workflow steps as traces of their own. pgkiln sends OTLP over HTTP as JSON. The standard <code>OTEL_*</code>
-        environment variables work too; a value set here wins. Chapter 1 of the guide (Monitoring with OpenTelemetry) explains every choice.</p>
+    const main = html`<h1 class="u-mb1">${tx('tel.opentelemetry')}</h1>
+      <p class="muted u-mt0">${tx.code('tel.send_traces_logs_and_metrics')}</p>
       ${t.protocolWarning ? html`<div class="alert alert-warning" role="status">${t.protocolWarning}</div>` : ''}
       <div class="columns wide-left">
-        ${region('Collector', html`<form method="post" action="${BASE}/telemetry">${csrf(s)}
-          ${check('enabled', 'Send to this collector', t.enabled, 'Off: nothing leaves the server (workspaces with a collector of their own still send to it).')}
+        ${region(tx('tel.collector'), html`<form method="post" action="${BASE}/telemetry">${csrf(s)}
+          ${check('enabled', tx('tel.send_to_this_collector'), t.enabled, tx('tel.off_nothing_leaves_the_server'))}
           <div class="form-grid">
-            ${input('endpoint', 'Collector URL', t.origin.otel_endpoint === 'builder' ? t.endpoint : '', { placeholder: t.endpoint || 'http://otel-collector:4318', help: html`The OTLP/HTTP base address; /v1/traces, /v1/logs and /v1/metrics are added. In effect: <b>${t.endpoint || 'none'}</b> ${from('otel_endpoint')} (<code>OTEL_EXPORTER_OTLP_ENDPOINT</code>).` as unknown as string })}
-            ${input('service_name', 'Service name', t.origin.otel_service_name === 'builder' ? t.serviceName : '', { placeholder: t.serviceName, help: `service.name of everything sent (OTEL_SERVICE_NAME). In effect: ${t.serviceName}.` })}
-            ${input('sample', 'Sample ratio', t.origin.otel_sample === 'builder' ? String(t.sample) : '', { placeholder: String(t.sample), help: 'Share of traces sent, 0 to 1 (OTEL_TRACES_SAMPLER_ARG). A trace with an error is always sent. A caller\'s traceparent decides for its trace.' })}
-            ${select('user', 'User', t.user, [['hashed', 'Hashed (the same user gives the same value, the name is not sent)'], ['name', 'User name'], ['none', 'Not sent']], 'enduser.id on the page span and on logs.')}
+            ${input('endpoint', tx('tel.collector_url'), t.origin.otel_endpoint === 'builder' ? t.endpoint : '', { placeholder: t.endpoint || 'http://otel-collector:4318', help: tx.rich('tel.endpoint_help', { value: html`<b>${t.endpoint || tx('tel.none')}</b>`, origin: from('otel_endpoint'), env: html`<code>OTEL_EXPORTER_OTLP_ENDPOINT</code>` }) as unknown as string })}
+            ${input('service_name', tx('tel.service_name'), t.origin.otel_service_name === 'builder' ? t.serviceName : '', { placeholder: t.serviceName, help: tx('tel.service_help', { value: t.serviceName }) })}
+            ${input('sample', tx('tel.sample_ratio'), t.origin.otel_sample === 'builder' ? String(t.sample) : '', { placeholder: String(t.sample), help: tx('tel.share_of_traces_sent_0') })}
+            ${select('user', tx('tel.user'), t.user, [['hashed', tx('tel.hashed_the_same_user_gives')], ['name', tx('tel.user_name')], ['none', tx('tel.not_sent')]], 'enduser.id on the page span and on logs.')}
           </div>
-          ${headersField(t.headerNames, 'Sent with every request to the collector, name=value, one per line or comma separated (OTEL_EXPORTER_OTLP_HEADERS). Stored encrypted.')}
-          <fieldset class="field"><legend class="label">Send</legend><div class="radio-group">
-            ${check('traces', 'Traces', t.traces)}${check('logs', 'Logs: errors, refused access and failed sign-ins', t.logs)}${check('metrics', `Metrics, every ${Math.round(t.intervalMs / 1000)} seconds`, t.metrics)}
+          ${headersField(t.headerNames, tx('tel.sent_with_every_request_to'))}
+          <fieldset class="field"><legend class="label">${tx('tel.send')}</legend><div class="radio-group">
+            ${check('traces', tx('tel.traces'), t.traces)}${check('logs', tx('tel.logs_errors_refused_access_and'), t.logs)}${check('metrics', `Metrics, every ${Math.round(t.intervalMs / 1000)} seconds`, t.metrics)}
           </div></fieldset>
-          ${check('values', 'Include values', t.values, 'SQL statements with their literals, bind values, query strings and AI tool arguments. Off: literals become ?, values are left out and error messages have quoted values removed.')}
-          ${check('builder', 'Trace builder requests too', t.builder, 'Applications only by default.')}
-          ${check('browser', 'Browser spans', t.browser, 'Pages report their load time and Ajax calls to pgkiln, which adds them to the page\'s trace. The browser never sees the collector or its headers.')}
-          ${check('prometheus', 'Prometheus endpoint /metrics', t.prometheus, 'For administrators signed in to the builder, or a scraper with the metrics token below (PGKILN_METRICS, PGKILN_METRICS_TOKEN).')}
-          <div class="buttons"><button class="btn btn-hot">Save</button></div></form>
-          <form method="post" action="${BASE}/telemetry/test" class="u-mt1">${csrf(s)}<button class="btn">Send a test span</button></form>`)}
-        ${region('Status', html`<p class="muted u-mt0">Since this server started. Each server of the installation sends its own.</p>
-          <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Collector</th><th>Sending</th></tr></thead><tbody>
-            <tr><td data-label="Collector">This instance's${t.enabled ? '' : html` <span class="muted">(off)</span>`}</td><td data-label="Sending">${statusCell('instance')}</td></tr>
-            ${workspaces.filter((w) => w.telemetry === 'own').map((w) => html`<tr><td data-label="Collector">Workspace ${w.name}</td><td data-label="Sending">${statusCell(`ws:${w.id}`)}</td></tr>`)}
+          ${check('values', tx('tel.include_values'), t.values, 'SQL statements with their literals, bind values, query strings and AI tool arguments. Off: literals become ?, values are left out and error messages have quoted values removed.')}
+          ${check('builder', tx('tel.trace_builder_requests_too'), t.builder, tx('tel.applications_only_by_default'))}
+          ${check('browser', tx('tel.browser_spans'), t.browser, tx('tel.pages_report_their_load_time'))}
+          ${check('prometheus', tx('tel.prometheus_endpoint_metrics'), t.prometheus, tx('tel.for_administrators_signed_in_to'))}
+          <div class="buttons"><button class="btn btn-hot">${tx('tel.save')}</button></div></form>
+          <form method="post" action="${BASE}/telemetry/test" class="u-mt1">${csrf(s)}<button class="btn">${tx('tel.send_a_test_span')}</button></form>`)}
+        ${region(tx('tel.status'), html`<p class="muted u-mt0">${tx('tel.since_this_server_started_each')}</p>
+          <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>${tx('tel.collector')}</th><th>${tx('tel.sending')}</th></tr></thead><tbody>
+            <tr><td data-label="${tx('tel.collector')}">This instance's${t.enabled ? '' : html` <span class="muted">${tx('tel.off')}</span>`}</td><td data-label="${tx('tel.sending')}">${statusCell('instance')}</td></tr>
+            ${workspaces.filter((w) => w.telemetry === 'own').map((w) => html`<tr><td data-label="${tx('tel.collector')}">Workspace ${w.name}</td><td data-label="${tx('tel.sending')}">${statusCell(`ws:${w.id}`)}</td></tr>`)}
           </tbody></table></div>`)}
-        ${region('Prometheus', html`<p class="muted u-mt0">${t.prometheus ? html`<code>GET ${pub || ''}/metrics</code> answers with the counters, durations and queue lengths in the Prometheus text format.` : 'Off: switch it on above.'}
-            A scraper sends <code>Authorization: Bearer &lt;token&gt;</code>. ${t.prometheusTokenHash ? (t.origin.metrics_token_hash === 'builder' || !process.env.PGKILN_METRICS_TOKEN ? 'A token is set.' : 'The token is PGKILN_METRICS_TOKEN.') : 'No token is set.'}</p>
-          ${token ? html`<div class="alert alert-success" role="status">The new token (shown once): <code class="cell-break">${token}</code></div>` : ''}
-          <form method="post" action="${BASE}/telemetry/token" class="buttons">${csrf(s)}<button class="btn" name="action" value="new">${t.prometheusTokenHash ? 'Replace the token' : 'Make a token'}</button>
-            ${t.prometheusTokenHash ? html`<button class="btn btn-danger" name="action" value="remove" data-confirm="Remove the metrics token? Scrapers that use it get 401.">Remove the token</button>` : ''}</form>`)}
-        ${region('Workspaces', html`<p class="muted u-mt0">A workspace's administrators may switch its applications off, or send them to a collector of their own as well.</p>
-          <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Workspace</th><th>Applications</th><th>Sends</th></tr></thead><tbody>
-          ${workspaces.length ? workspaces.map((w) => html`<tr><td data-label="Workspace"><a href="${BASE}/workspaces/${w.id}/telemetry">${w.name}</a></td><td data-label="Applications" class="num">${w.apps}</td>
-            <td data-label="Sends" class="cell-break">${w.telemetry === 'off' ? 'nothing' : w.telemetry === 'own' ? html`to the instance's collector and ${w.telemetry_endpoint}` : 'to the instance\'s collector'}</td></tr>`)
-            : html`<tr><td colspan="3" class="empty">No workspaces.</td></tr>`}</tbody></table></div>`)}
+        ${region(tx('tel.prometheus'), html`<p class="muted u-mt0">${t.prometheus ? html`<code>GET ${pub || ''}/metrics</code> answers with the counters, durations and queue lengths in the Prometheus text format.` : tx('tel.off_switch_it_on_above')}
+            A scraper sends <code>Authorization: Bearer &lt;token&gt;</code>. ${t.prometheusTokenHash ? (t.origin.metrics_token_hash === 'builder' || !process.env.PGKILN_METRICS_TOKEN ? 'A token is set.' : tx('tel.the_token_is_pgkiln_metrics')) : tx('tel.no_token_is_set')}</p>
+          ${token ? html`<div class="alert alert-success" role="status">${tx.rich('tel.new_token', { token: html`<code class="cell-break">${token}</code>` })}</div>` : ''}
+          <form method="post" action="${BASE}/telemetry/token" class="buttons">${csrf(s)}<button class="btn" name="action" value="new">${t.prometheusTokenHash ? tx('tel.replace_the_token') : tx('tel.make_a_token')}</button>
+            ${t.prometheusTokenHash ? html`<button class="btn btn-danger" name="action" value="remove" data-confirm="${tx('tel.remove_the_metrics_token_scrapers')}">${tx('tel.remove_the_token')}</button>` : ''}</form>`)}
+        ${region(tx('tel.workspaces'), html`<p class="muted u-mt0">${tx('tel.a_workspace_s_administrators_may')}</p>
+          <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>${tx('tel.workspace')}</th><th>${tx('tel.applications')}</th><th>${tx('tel.sends')}</th></tr></thead><tbody>
+          ${workspaces.length ? workspaces.map((w) => html`<tr><td data-label="${tx('tel.workspace')}"><a href="${BASE}/workspaces/${w.id}/telemetry">${w.name}</a></td><td data-label="${tx('tel.applications')}" class="num">${w.apps}</td>
+            <td data-label="${tx('tel.sends')}" class="cell-break">${w.telemetry === 'off' ? 'nothing' : w.telemetry === 'own' ? html`to the instance's collector and ${w.telemetry_endpoint}` : 'to the instance\'s collector'}</td></tr>`)
+            : html`<tr><td colspan="3" class="empty">${tx('tel.no_workspaces')}</td></tr>`}</tbody></table></div>`)}
       </div>`;
-    return send(reply, s, shell(s, 'OpenTelemetry', crumbs, main));
+    return send(reply, s, shell(s, tx('tel.opentelemetry'), crumbs(), main));
   });
 
   app.post(`${BASE}/telemetry`, async (req: Req, reply) => {
@@ -114,7 +112,7 @@ export async function telemetryBuilderRoutes(app: FastifyInstance) {
       await logActivity({ username: s.username, event: 'instance_settings', ip: clientIp(req),
         detail: `OpenTelemetry: ${t.enabled ? `on, ${t.endpoint}` : 'off'}, sample ${t.sample}, user ${t.user}, values ${t.values}, browser ${t.browser}, /metrics ${t.prometheus}` });
     }
-    flash(s, problem ?? 'OpenTelemetry settings saved.', problem ? 'error' : 'ok');
+    flash(s, problem ?? tx('tel.opentelemetry_settings_saved'), problem ? 'error' : 'ok');
     return back(reply, s, `${BASE}/telemetry`);
   });
 
@@ -122,7 +120,7 @@ export async function telemetryBuilderRoutes(app: FastifyInstance) {
     const s = await developer(req, reply);
     if (!s || !(await adminOnly(s, reply))) return;
     const problem = await sendTest(null);
-    flash(s, problem ? `The collector did not take the test span: ${problem}` : 'The collector took the test span ("pgkiln test span").', problem ? 'error' : 'ok');
+    flash(s, problem ? tx('tel.test_failed', { problem }) : tx('tel.the_collector_took_the_test'), problem ? 'error' : 'ok');
     return back(reply, s, `${BASE}/telemetry`);
   });
 
@@ -138,7 +136,7 @@ export async function telemetryBuilderRoutes(app: FastifyInstance) {
     } else if (action === 'remove') {
       await setMetricsToken(null);
       await logActivity({ username: s.username, event: 'instance_settings', ip: clientIp(req), detail: 'metrics token removed' });
-      flash(s, 'The metrics token is removed.');
+      flash(s, tx('tel.the_metrics_token_is_removed'));
     }
     return back(reply, s, `${BASE}/telemetry`);
   });
@@ -147,8 +145,8 @@ export async function telemetryBuilderRoutes(app: FastifyInstance) {
 
   const wsAllowed = async (s: Session, reply: FastifyReply, id: string) => {
     if (await workspaceAdmin(s.username, id)) return true;
-    await send(reply.code(403), s, shell(s, 'OpenTelemetry', [['Administration'], ['OpenTelemetry']],
-      html`<h1 class="u-mb1">OpenTelemetry</h1><div class="alert alert-error" role="alert">Only the workspace's administrators change its OpenTelemetry setting.</div>`, 'users'));
+    await send(reply.code(403), s, shell(s, tx('tel.opentelemetry'), [[tx('tel.administration')], [tx('tel.opentelemetry')]],
+      html`<h1 class="u-mb1">${tx('tel.opentelemetry')}</h1><div class="alert alert-error" role="alert">${tx('tel.only_the_workspace_s_administrators')}</div>`, 'users'));
     return false;
   };
 
@@ -163,23 +161,22 @@ export async function telemetryBuilderRoutes(app: FastifyInstance) {
     const names = Object.keys(workspaceTelemetry(w.id)?.headers ?? {});
     const radio = (v: string, label: string, help: string) => html`<label class="check"><input type="radio" name="mode" value="${v}"${w.telemetry === v ? raw(' checked') : ''}> ${label} <span class="muted small">${help}</span></label>`;
     const main = html`<div class="title-row"><h1>OpenTelemetry · ${w.name}</h1></div>
-      <p class="muted u-mt0">Traces and logs of this workspace's applications. ${t.enabled ? 'The instance sends them to its collector.' : 'The instance sends nothing at the moment.'}
-        A collector of the workspace's own is reached through the installation's allow-list and this workspace's <a href="${BASE}/network?ws=${w.id}">network access</a> list.</p>
+      <p class="muted u-mt0">${tx.rich('tel.intro', { state: t.enabled ? tx('tel.the_instance_sends_them_to') : tx('tel.the_instance_sends_nothing_at'), network: html`<a href="${BASE}/network?ws=${w.id}">${tx('tel.network_access')}</a>` })}</p>
       <div class="columns wide-left">
-        ${region('Setting', html`<form method="post" action="${BASE}/workspaces/${w.id}/telemetry">${csrf(s)}
-          <fieldset class="field"><legend class="label">The applications send</legend><div class="radio-group">
-            ${radio('instance', 'As the instance does', '(default)')}
-            ${radio('off', 'Nothing', 'not even to the instance\'s collector')}
-            ${radio('own', 'Also to our own collector', '')}
+        ${region(tx('tel.setting'), html`<form method="post" action="${BASE}/workspaces/${w.id}/telemetry">${csrf(s)}
+          <fieldset class="field"><legend class="label">${tx('tel.the_applications_send')}</legend><div class="radio-group">
+            ${radio('instance', tx('tel.as_the_instance_does'), '(default)')}
+            ${radio('off', tx('tel.nothing'), 'not even to the instance\'s collector')}
+            ${radio('own', tx('tel.also_to_our_own_collector'), '')}
           </div></fieldset>
-          <div class="form-grid">${input('endpoint', 'Own collector URL', w.telemetry_endpoint ?? '', { placeholder: 'https://otlp.example.com', help: 'The OTLP/HTTP base address; /v1/traces and /v1/logs are added.' })}</div>
-          ${headersField(names.length ? names : w.has_headers ? ['(unreadable)'] : [], 'Sent with every request to the own collector (an API key). Stored encrypted.')}
-          ${check('values', 'Include values for the own collector', w.telemetry_values, 'SQL statements with their literals, bind values and query strings.')}
-          <div class="buttons"><button class="btn btn-hot">Save</button></div></form>
-          ${w.telemetry === 'own' ? html`<form method="post" action="${BASE}/workspaces/${w.id}/telemetry/test" class="u-mt1">${csrf(s)}<button class="btn">Send a test span</button></form>` : ''}`)}
-        ${w.telemetry === 'own' ? region('Status', html`<p class="u-mt0">${statusCell(`ws:${w.id}`)}</p>`) : ''}
+          <div class="form-grid">${input('endpoint', tx('tel.own_collector_url'), w.telemetry_endpoint ?? '', { placeholder: tx('tel.https_otlp_example_com'), help: tx('tel.the_otlp_http_base_address') })}</div>
+          ${headersField(names.length ? names : w.has_headers ? [tx('tel.unreadable')] : [], tx('tel.sent_with_every_request_to_2'))}
+          ${check('values', tx('tel.include_values_for_the_own'), w.telemetry_values, 'SQL statements with their literals, bind values and query strings.')}
+          <div class="buttons"><button class="btn btn-hot">${tx('tel.save')}</button></div></form>
+          ${w.telemetry === 'own' ? html`<form method="post" action="${BASE}/workspaces/${w.id}/telemetry/test" class="u-mt1">${csrf(s)}<button class="btn">${tx('tel.send_a_test_span')}</button></form>` : ''}`)}
+        ${w.telemetry === 'own' ? region(tx('tel.status'), html`<p class="u-mt0">${statusCell(`ws:${w.id}`)}</p>`) : ''}
       </div>`;
-    return send(reply, s, shell(s, `OpenTelemetry · ${w.name}`, [['Administration'], [w.name, `${BASE}/workspaces/${w.id}`], ['OpenTelemetry']], main, 'users'));
+    return send(reply, s, shell(s, `OpenTelemetry · ${w.name}`, [[tx('tel.administration')], [w.name, `${BASE}/workspaces/${w.id}`], [tx('tel.opentelemetry')]], main, 'users'));
   });
 
   app.post(`${BASE}/workspaces/:id(^\\d{1,9}$)/telemetry`, async (req: Req, reply) => {
@@ -191,7 +188,7 @@ export async function telemetryBuilderRoutes(app: FastifyInstance) {
     const problem = await saveWorkspaceTelemetry(id, f);
     if (!problem)
       await logActivity({ username: s.username, event: 'workspace', ip: clientIp(req), detail: `workspace ${id} OpenTelemetry: ${f.mode}${f.mode === 'own' ? ` ${f.endpoint}` : ''}` });
-    flash(s, problem ?? 'Saved.', problem ? 'error' : 'ok');
+    flash(s, problem ?? tx('tel.saved'), problem ? 'error' : 'ok');
     return back(reply, s, `${BASE}/workspaces/${id}/telemetry`);
   });
 
@@ -199,8 +196,8 @@ export async function telemetryBuilderRoutes(app: FastifyInstance) {
     const s = await developer(req, reply);
     if (!s || !(await wsAllowed(s, reply, req.params.id))) return;
     const id = Number(req.params.id);
-    const problem = workspaceTelemetry(id)?.mode === 'own' ? await sendTest(id) : 'The workspace has no collector of its own.';
-    flash(s, problem ? `The collector did not take the test span: ${problem}` : 'The collector took the test span ("pgkiln test span").', problem ? 'error' : 'ok');
+    const problem = workspaceTelemetry(id)?.mode === 'own' ? await sendTest(id) : tx('tel.the_workspace_has_no_collector');
+    flash(s, problem ? tx('tel.test_failed', { problem }) : tx('tel.the_collector_took_the_test'), problem ? 'error' : 'ok');
     return back(reply, s, `${BASE}/workspaces/${id}/telemetry`);
   });
 }

package/src/builder/templates.ts

@@ -10,6 +10,7 @@ import { BUILTIN_COMPONENTS, builtinComponents } from '../runtime/builtin-compon
 import type { Session } from '../session.ts';
 import { linkItemsText, parseLinkItems, reportColumns } from './report-settings.ts';
 import { back, BASE, csrf, developer, flash, type Req } from './ui.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // Template components in the builder:
 //   - Shared Components → Template components: the extras under the
@@ -53,7 +54,7 @@ export function previewHtml(c: TemplateComponent, sample: string, multiple: bool
   const rows = sampleRows(sample);
   const lookups = (rows.length ? rows : [new Map<string, string>()]).map((cols, n) => rowLookup(null, attrs, cols, { APEX$ROW_NUM: String(n + 1), LINK: '#' }));
   const layout = (c.css_classes ?? []).filter((k) => (LAYOUT_CLASSES as readonly string[]).includes(k));
-  return html`<div class="${['tc-region', ...(layout.length ? layout : ['tc-list'])].join(' ')}">${raw(renderInstances(comp, lookups, rowLookup(null, attrs, new Map()), multiple))}</div>`;
+  return html`<div class="${['tc-region', ...(layout.length ? layout : [tx('tpl.tc_list')])].join(' ')}">${raw(renderInstances(comp, lookups, rowLookup(null, attrs, new Map()), multiple))}</div>`;
 }
 
 /** Placeholders a template uses that are neither attributes nor built in: probably columns. */
@@ -75,49 +76,49 @@ export function templateExtras(appId: number, row: any, query: Record<string, st
   const sample = query.sample ?? cols.map((n) => `${n}=${n.toLowerCase()} 1`).join('\n') + (cols.length ? `\n\n${cols.map((n) => `${n}=${n.toLowerCase()} 2`).join('\n')}` : '');
   const multiple = query.multiple === '1';
   const attrs: TcAttribute[] = c.attributes ?? [];
-  return html`<fieldset class="prop-group u-mt125"><legend>Custom attributes</legend>
+  return html`<fieldset class="prop-group u-mt125"><legend>${tx('tpl.custom_attributes')}</legend>
       ${attrs.length
-        ? html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Name</th><th>Label</th><th>Type</th><th>Default</th></tr></thead><tbody>
-            ${attrs.map((a) => html`<tr><td data-label="Name"><code>#${a.name}#</code></td><td data-label="Label">${a.label ?? ''}</td>
-              <td data-label="Type">${a.type ?? 'text'}${a.options?.length ? html` <span class="muted">(${a.options.join(', ')})</span>` : ''}</td>
-              <td data-label="Default"><code>${a.default ?? ''}</code></td></tr>`)}
+        ? html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th>${tx('tpl.name')}</th><th>${tx('tpl.label')}</th><th>${tx('tpl.type')}</th><th>${tx('tpl.default')}</th></tr></thead><tbody>
+            ${attrs.map((a) => html`<tr><td data-label="${tx('tpl.name')}"><code>#${a.name}#</code></td><td data-label="${tx('tpl.label')}">${a.label ?? ''}</td>
+              <td data-label="${tx('tpl.type')}">${a.type ?? 'text'}${a.options?.length ? html` <span class="muted">(${a.options.join(', ')})</span>` : ''}</td>
+              <td data-label="${tx('tpl.default')}"><code>${a.default ?? ''}</code></td></tr>`)}
           </tbody></table></div>`
-        : html`<p class="muted">None: the template uses the row's columns only.</p>`}
+        : html`<p class="muted">${tx('tpl.none_the_template_uses_the')}</p>`}
       ${cols.length ? html`<p class="muted">Columns the template expects: ${cols.map((n, i) => html`${i ? ', ' : ''}<code>${n.toLowerCase()}</code>`)}.</p>` : ''}
     </fieldset>
-    <fieldset class="prop-group"><legend>Preview</legend>
+    <fieldset class="prop-group"><legend>${tx('tpl.preview')}</legend>
       <form method="get" action="${BASE}/apps/${appId}/shared" class="tc-preview-form">
         <input type="hidden" name="c" value="template_component-${row.id}">
-        <div class="field" data-wide><label class="label" for="f_tc_sample">Sample rows</label>
+        <div class="field" data-wide><label class="label" for="f_tc_sample">${tx('tpl.sample_rows')}</label>
           <textarea id="f_tc_sample" name="sample" class="code" rows="5" spellcheck="false">${sample}</textarea>
-          <small class="help">One NAME=value per line; a blank line starts the next row. Attributes take their defaults; #LINK# is "#".</small></div>
-        <label class="check"><input type="checkbox" name="multiple" value="1"${multiple ? raw(' checked') : ''}> As "multiple" (in the wrapper)</label>
-        <div class="buttons"><button class="btn">Preview</button></div>
+          <small class="help">${tx('tpl.one_name_value_per_line')}</small></div>
+        <label class="check"><input type="checkbox" name="multiple" value="1"${multiple ? raw(' checked') : ''}> ${tx('tpl.as_multiple_in_the_wrapper')}</label>
+        <div class="buttons"><button class="btn">${tx('tpl.preview')}</button></div>
       </form>
-      <div class="tc-preview" aria-label="Preview">${previewHtml(c, sample, multiple)}</div>
+      <div class="tc-preview" aria-label="${tx('tpl.preview')}">${previewHtml(c, sample, multiple)}</div>
     </fieldset>
-    <fieldset class="prop-group"><legend>Plug-in</legend>
-      <p class="muted u-mt0">Share this component with other applications and installations as one JSON file; import it under Shared Components → Template components → Add.</p>
-      <div class="buttons"><a class="btn" href="${BASE}/apps/${appId}/template-components/${row.id}/export" download>Download plug-in file</a></div>
+    <fieldset class="prop-group"><legend>${tx('tpl.plug_in')}</legend>
+      <p class="muted u-mt0">${tx('tpl.share_this_component_with_other')}</p>
+      <div class="buttons"><a class="btn" href="${BASE}/apps/${appId}/template-components/${row.id}/export" download>${tx('tpl.download_plug_in_file')}</a></div>
     </fieldset>`;
 }
 
 /** Under "New template component": copy a built-in one, or import a plug-in file. */
 export function templateImport(appId: number, s: Session) {
-  return html`<section class="region region-standard u-mt125"><header class="region-header"><h2>Built-in components</h2></header><div class="region-body">
-    <p class="muted u-mt0">Every application can use these in a Template component region or as a report column template. To change one, copy it into this application: the copy (same static id) takes its place.</p>
-    <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Component</th><th>Static id</th><th><span class="sr-only">Actions</span></th></tr></thead><tbody>
-    ${BUILTIN_COMPONENTS.map((c) => html`<tr><td data-label="Component"><b>${c.name}</b> <span class="muted">${c.description ?? ''}</span></td><td data-label="Static id"><code>${c.static_id}</code></td>
-      <td data-label="Actions"><form method="post" action="${BASE}/apps/${appId}/template-components/copy" class="u-inline">${csrf(s)}<input type="hidden" name="static_id" value="${c.static_id}">
-        <button class="btn btn-sm">Copy into this application</button></form></td></tr>`)}
+  return html`<section class="region region-standard u-mt125"><header class="region-header"><h2>${tx('tpl.built_in_components')}</h2></header><div class="region-body">
+    <p class="muted u-mt0">${tx('tpl.every_application_can_use_these')}</p>
+    <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>${tx('tpl.component')}</th><th>${tx('tpl.static_id')}</th><th><span class="sr-only">${tx('tpl.actions')}</span></th></tr></thead><tbody>
+    ${BUILTIN_COMPONENTS.map((c) => html`<tr><td data-label="${tx('tpl.component')}"><b>${c.name}</b> <span class="muted">${c.description ?? ''}</span></td><td data-label="${tx('tpl.static_id')}"><code>${c.static_id}</code></td>
+      <td data-label="${tx('tpl.actions')}"><form method="post" action="${BASE}/apps/${appId}/template-components/copy" class="u-inline">${csrf(s)}<input type="hidden" name="static_id" value="${c.static_id}">
+        <button class="btn btn-sm">${tx('tpl.copy_into_this_application')}</button></form></td></tr>`)}
     </tbody></table></div></div></section>
-  <section class="region region-standard u-mt125"><header class="region-header"><h2>Import a plug-in</h2></header><div class="region-body">
+  <section class="region region-standard u-mt125"><header class="region-header"><h2>${tx('tpl.import_a_plug_in')}</h2></header><div class="region-body">
     <form method="post" action="${BASE}/apps/${appId}/template-components/import">${csrf(s)}
-      <div class="field" data-wide><label class="label" for="f_tc_plugin">Plug-in file (JSON)</label>
+      <div class="field" data-wide><label class="label" for="f_tc_plugin">${tx('tpl.plug_in_file_json')}</label>
         <textarea id="f_tc_plugin" name="plugin" class="code" rows="7" spellcheck="false" required placeholder='{"format": "pgkiln-plugin/1", "type": "template_component", …}'></textarea>
-        <small class="help">Paste the contents of a .plugin.json file, e.g. one from examples/plugins/. The template is checked before it is saved.</small></div>
-      <label class="check"><input type="checkbox" name="replace" value="true"> Replace a component with the same static id</label>
-      <div class="buttons"><button class="btn btn-hot">Import plug-in</button></div>
+        <small class="help">${tx('tpl.paste_the_contents_of_a')}</small></div>
+      <label class="check"><input type="checkbox" name="replace" value="true"> ${tx('tpl.replace_a_component_with_the')}</label>
+      <div class="buttons"><button class="btn btn-hot">${tx('tpl.import_plug_in')}</button></div>
     </form></div></section>`;
 }
 
@@ -125,7 +126,7 @@ export function templateImport(appId: number, s: Session) {
 
 /** The value fields of a component's custom attributes (names attr_NAME). */
 function attributeFields(c: TemplateComponent | undefined, values: Record<string, string> | undefined, idp: string): Raw {
-  if (!c) return html`<p class="muted">Choose a component and save to set its attributes.</p>`;
+  if (!c) return html`<p class="muted">${tx('tpl.choose_a_component_and_save')}</p>`;
   const attrs = c.attributes ?? [];
   if (!attrs.length) return html`<p class="muted">${c.name} has no custom attributes.</p>`;
   return html`<div class="form-grid">${attrs.map((a) => {
@@ -196,36 +197,36 @@ export async function templateRegionForm(pageId: number, appId: number, r: { id:
   const cols = r.source?.trim() ? await reportColumns(appId, await designSql(appId, r)) : null;
   const expected = c ? columnNames(c) : [];
   const missing = cols && 'columns' in cols ? expected.filter((e) => !cols.columns.some((x) => x.toUpperCase() === e)) : [];
-  return html`<h3 class="u-mt15">Template component settings</h3>
-    <p class="muted u-mt0">These fields write the region's settings JSON above (other keys are kept).</p>
+  return html`<h3 class="u-mt15">${tx('tpl.template_component_settings')}</h3>
+    <p class="muted u-mt0">${tx('tpl.these_fields_write_the_region')}</p>
     ${cols && 'error' in cols ? html`<div class="alert alert-error" role="alert">The columns could not be read: ${cols.error}</div>` : ''}
-    ${cols && 'columns' in cols ? html`<p class="muted">Columns of the query (#NAME# in the template and in attribute values): ${cols.columns.map((x, i) => html`${i ? ', ' : ''}<code>${x}</code>`)}.</p>` : html`<p class="muted">No query: the component shows once, from its attributes.</p>`}
+    ${cols && 'columns' in cols ? html`<p class="muted">Columns of the query (#NAME# in the template and in attribute values): ${cols.columns.map((x, i) => html`${i ? ', ' : ''}<code>${x}</code>`)}.</p>` : html`<p class="muted">${tx('tpl.no_query_the_component_shows')}</p>`}
     ${missing.length ? html`<p class="muted">Note: the template also uses ${missing.map((m, i) => html`${i ? ', ' : ''}<code>#${m}#</code>`)}, which the query doesn't return.</p>` : ''}
     <form method="post" action="${BASE}/pages/${pageId}/region/${r.id}/template-settings" class="component-form">${csrf(s)}
-      <fieldset class="prop-group"><legend>Component</legend><div class="form-grid">
-        <div class="field"><label class="label" for="${id('component')}">Template component</label>
-          <select id="${id('component')}" name="component">${opt('', '- choose -', cfg.component)}${[...comps.values()].map((x) => opt(x.static_id, `${x.name} (${x.builtin ? 'built in' : x.static_id})`, cfg.component))}</select>
-          <small class="help">The built-in ones (avatar, badge, comments, media list, metric card, timeline), and the application's own under <a href="${BASE}/apps/${appId}/shared?new=template_component">Shared Components → Template components</a>.</small></div>
-        <div class="field"><label class="label" for="${id('display')}">Display</label>
-          <select id="${id('display')}" name="display">${opt('', 'Each row as an instance', cfg.display)}${opt('multiple', 'Multiple: all rows in the wrapper', cfg.display)}</select>
-          ${c && !c.wrapper && cfg.display === 'multiple' ? html`<small class="help">${c.name} has no wrapper, so the rows show one after another.</small>` : ''}</div>
-        <div class="field"><label class="label" for="${id('max_rows')}">At most rows</label>
+      <fieldset class="prop-group"><legend>${tx('tpl.component')}</legend><div class="form-grid">
+        <div class="field"><label class="label" for="${id('component')}">${tx('tpl.template_component')}</label>
+          <select id="${id('component')}" name="component">${opt('', tx('tpl.choose'), cfg.component)}${[...comps.values()].map((x) => opt(x.static_id, `${x.name} (${x.builtin ? tx('tpl.built_in') : x.static_id})`, cfg.component))}</select>
+          <small class="help">${tx.rich('tpl.builtin_help', { link: html`<a href="${BASE}/apps/${appId}/shared?new=template_component">${tx('tpl.shared_components_template_components')}</a>` })}</small></div>
+        <div class="field"><label class="label" for="${id('display')}">${tx('tpl.display')}</label>
+          <select id="${id('display')}" name="display">${opt('', tx('tpl.each_row_as_an_instance'), cfg.display)}${opt('multiple', tx('tpl.multiple_all_rows_in_the'), cfg.display)}</select>
+          ${c && !c.wrapper && cfg.display === 'multiple' ? html`<small class="help">${tx('tpl.no_wrapper', { name: c.name })}</small>` : ''}</div>
+        <div class="field"><label class="label" for="${id('max_rows')}">${tx('tpl.at_most_rows')}</label>
           <input id="${id('max_rows')}" name="max_rows" type="number" min="1" max="500" value="${cfg.max_rows ?? ''}" placeholder="500"></div>
-        <div class="field" data-wide><label class="label" for="${id('empty')}">Text when there are no rows</label>
-          <input id="${id('empty')}" name="empty" value="${cfg.empty ?? ''}" placeholder="No data found"></div>
+        <div class="field" data-wide><label class="label" for="${id('empty')}">${tx('tpl.text_when_there_are_no')}</label>
+          <input id="${id('empty')}" name="empty" value="${cfg.empty ?? ''}" placeholder="${tx('tpl.no_data_found')}"></div>
       </div></fieldset>
-      <fieldset class="prop-group"><legend>Attributes</legend>
+      <fieldset class="prop-group"><legend>${tx('tpl.attributes')}</legend>
         ${attributeFields(c, cfg.attributes, id('attr'))}
       </fieldset>
-      <fieldset class="prop-group"><legend>Link (#LINK#)</legend><div class="form-grid">
-        <div class="field"><label class="label" for="${id('link_page')}">Each instance links to page</label>
-          <select id="${id('link_page')}" name="link_page">${opt('', '- no link -', cfg.link?.page)}${pages.map((p) => opt(String(p.page_no), `${p.page_no}. ${p.name}`, cfg.link?.page))}</select>
-          <small class="help">The template puts it in href="#LINK#"; item values get a checksum. Empty for users who may not open the page.</small></div>
-        <div class="field" data-wide><label class="label" for="${id('link_items')}">Set items</label>
-          <input id="${id('link_items')}" name="link_items" value="${linkItemsText(cfg.link?.items)}" placeholder="P3_ID=#id#">
-          <small class="help">ITEM=#column#, comma separated.</small></div>
+      <fieldset class="prop-group"><legend>${tx('tpl.link_link')}</legend><div class="form-grid">
+        <div class="field"><label class="label" for="${id('link_page')}">${tx('tpl.each_instance_links_to_page')}</label>
+          <select id="${id('link_page')}" name="link_page">${opt('', tx('tpl.no_link'), cfg.link?.page)}${pages.map((p) => opt(String(p.page_no), `${p.page_no}. ${p.name}`, cfg.link?.page))}</select>
+          <small class="help">${tx('tpl.the_template_puts_it_in')}</small></div>
+        <div class="field" data-wide><label class="label" for="${id('link_items')}">${tx('tpl.set_items')}</label>
+          <input id="${id('link_items')}" name="link_items" value="${linkItemsText(cfg.link?.items)}" placeholder="${tx('tpl.p3_id_id')}">
+          <small class="help">${tx('tpl.item_column_comma_separated')}</small></div>
       </div></fieldset>
-      <div class="buttons"><button class="btn btn-hot">Save template component settings</button></div>
+      <div class="buttons"><button class="btn btn-hot">${tx('tpl.save_template_component_settings')}</button></div>
     </form>`;
 }
 
@@ -274,19 +275,19 @@ export async function columnTemplatesForm(pageId: number, appId: number, r: { id
     const c = use?.component ? comps.get(use.component) : undefined;
     const hint = c?.attributes?.length ? `${c.attributes.map((a) => `${a.name}=`).join('\n')}` : 'NAME=value';
     return html`<tr>
-      <td data-label="Column"><code>${col}</code>${names.includes(col) ? '' : html` <span class="tag tag-error">not in the query</span>`}<input type="hidden" name="col_${i}" value="${col}"></td>
-      <td data-label="Template component"><select name="tc_${i}" aria-label="Template component of ${col}">${opt('', '- plain value -', use?.component)}${[...comps.values()].map((x) => opt(x.static_id, x.name, use?.component))}${use?.component && !c ? opt(use.component, `${use.component} (missing!)`, use.component) : ''}</select></td>
-      <td data-label="Attributes"><textarea name="attrs_${i}" class="code" rows="${Math.max(1, Math.min(4, c?.attributes?.length ?? 1))}" spellcheck="false" aria-label="Attributes of ${col}" placeholder="${hint}">${linesOf(use?.attributes)}</textarea></td>
+      <td data-label="${tx('tpl.column')}"><code>${col}</code>${names.includes(col) ? '' : html` <span class="tag tag-error">${tx('tpl.not_in_the_query')}</span>`}<input type="hidden" name="col_${i}" value="${col}"></td>
+      <td data-label="${tx('tpl.template_component')}"><select name="tc_${i}" aria-label="${tx('tpl.aria_component', { column: col })}">${opt('', tx('tpl.plain_value'), use?.component)}${[...comps.values()].map((x) => opt(x.static_id, x.name, use?.component))}${use?.component && !c ? opt(use.component, tx('tpl.missing', { name: use.component }), use.component) : ''}</select></td>
+      <td data-label="${tx('tpl.attributes')}"><textarea name="attrs_${i}" class="code" rows="${Math.max(1, Math.min(4, c?.attributes?.length ?? 1))}" spellcheck="false" aria-label="${tx('tpl.aria_attrs', { column: col })}" placeholder="${hint}">${linesOf(use?.attributes)}</textarea></td>
     </tr>`;
   });
-  return html`<h3 class="u-mt15">Column templates</h3>
-    <p class="muted u-mt0">Render a column's cells through a template component. Its template sees every column of the row as #NAME# (also hidden ones), and #LINK# is the report's link. Attributes: NAME=value per line, with #column# and &amp;ITEM. substitutions.</p>
+  return html`<h3 class="u-mt15">${tx('tpl.column_templates')}</h3>
+    <p class="muted u-mt0">${tx('tpl.render_a_column_s_cells')}</p>
     <form method="post" action="${BASE}/pages/${pageId}/region/${r.id}/column-templates" class="component-form">${csrf(s)}
       <input type="hidden" name="n" value="${all.length}">
       ${all.length
-        ? html`<div class="table-wrap"><table class="report report-reflow tc-columns"><thead><tr><th>Column</th><th>Template component</th><th>Attributes</th></tr></thead><tbody>${rows}</tbody></table></div>`
-        : html`<p class="muted">No columns yet.</p>`}
-      <div class="buttons"><button class="btn btn-hot">Save column templates</button></div>
+        ? html`<div class="table-wrap"><table class="report report-reflow tc-columns"><thead><tr><th>${tx('tpl.column')}</th><th>${tx('tpl.template_component')}</th><th>${tx('tpl.attributes')}</th></tr></thead><tbody>${rows}</tbody></table></div>`
+        : html`<p class="muted">${tx('tpl.no_columns_yet')}</p>`}
+      <div class="buttons"><button class="btn btn-hot">${tx('tpl.save_column_templates')}</button></div>
     </form>`;
 }
 
@@ -318,20 +319,20 @@ export async function templateRoutes(app: FastifyInstance) {
     try {
       doc = JSON.parse(req.body?.plugin ?? '');
     } catch {
-      flash(s, 'Import failed: the plug-in file is not valid JSON.', 'error');
+      flash(s, tx('tpl.import_failed_the_plug_in'), 'error');
       return back(reply, s, `${BASE}/apps/${id}/shared?new=template_component`);
     }
     const c = parsePlugin(doc);
     if (typeof c === 'string') {
-      flash(s, `Import failed: ${c}`, 'error');
+      flash(s, tx('tpl.import_failed', { error: c }), 'error');
       return back(reply, s, `${BASE}/apps/${id}/shared?new=template_component`);
     }
     try {
       const r = await owner.one('select meta.import_template_component($1, $2::jsonb, $3) as id', [id, JSON.stringify(pluginDocument(c)), req.body?.replace === 'true']);
-      flash(s, `Template component ${c.name} imported.`);
+      flash(s, tx('tpl.imported', { name: c.name }));
       return back(reply, s, `${BASE}/apps/${id}/shared?c=template_component-${r.id}`);
     } catch (e) {
-      flash(s, `Import failed: ${(e as Error).message}`, 'error');
+      flash(s, tx('tpl.import_failed', { error: (e as Error).message }), 'error');
       return back(reply, s, `${BASE}/apps/${id}/shared?new=template_component`);
     }
   });
@@ -349,7 +350,7 @@ export async function templateRoutes(app: FastifyInstance) {
       flash(s, `${c.name} copied: this application's ${c.static_id} now replaces the built-in one.`);
       return back(reply, s, `${BASE}/apps/${id}/shared?c=template_component-${r.id}`);
     } catch (e) {
-      flash(s, `Copy failed: ${(e as Error).message}`, 'error');
+      flash(s, tx('tpl.copy_failed', { error: (e as Error).message }), 'error');
       return back(reply, s, `${BASE}/apps/${id}/shared?new=template_component`);
     }
   });
@@ -371,7 +372,7 @@ export async function templateRoutes(app: FastifyInstance) {
       components: await appComponents(r.app_id),
     });
     await owner.query('update meta.region set config = $2 where id = $1', [r.id, JSON.stringify(config)]);
-    flash(s, 'Template component settings saved.');
+    flash(s, tx('tpl.template_component_settings_saved'));
     return back(reply, s, `${BASE}/pages/${pid}?c=region-${rid}`);
   });
 
@@ -386,7 +387,7 @@ export async function templateRoutes(app: FastifyInstance) {
     const names = 'columns' in cols ? cols.columns : Object.keys(r.config?.column_templates ?? {});
     const config = mergeColumnTemplates(r.config ?? {}, (req.body ?? {}) as Body, names, await appComponents(r.app_id));
     await owner.query('update meta.region set config = $2 where id = $1', [r.id, JSON.stringify(config)]);
-    flash(s, 'Column templates saved.');
+    flash(s, tx('tpl.column_templates_saved'));
     return back(reply, s, `${BASE}/pages/${pid}?c=region-${rid}`);
   });
 }