pgkiln 0.83.0 → 0.85.0

package/src/builder/remote-databases.ts

@@ -5,6 +5,7 @@ import { icon } from '../icons.ts';
 import { applicationRoles, applyRemote, disconnect, dropRemote, fdwStatus, MAX_TABLES, remoteDbProblems, serverNameOf, type RemoteDb } from '../remote-db.ts';
 import { clientIp, logActivity, type Session } from '../session.ts';
 import { administrator, back, BASE, csrf, flash, input, region, send, shell, type Req } from './ui.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // (sprint 150, AP-7 leftover; APEX: REST Enabled SQL services) Workspace utilities → Remote databases
 // (administrators): another PostgreSQL database's tables as foreign tables in a local schema (src/remote-db.ts).
@@ -16,8 +17,8 @@ import { administrator, back, BASE, csrf, flash, input, region, send, shell, typ
 //   POST /builder/remote-databases/extension       create extension postgres_fdw (a superuser connection)
 
 const PAGE = `${BASE}/remote-databases`;
-const TITLE = 'Remote databases';
-const crumbs: [string, string?][] = [['App Builder', BASE], ['Workspace utilities', `${BASE}/utilities`], [TITLE]];
+const TITLE = () => tx('rdb.title');
+const crumbs = (): [string, string?][] => [[tx('rdb.app_builder'), BASE], [tx('rdb.workspace_utilities'), `${BASE}/utilities`], [TITLE()]];
 const rid = (v: unknown) => (/^\d{1,9}$/.test(String(v ?? '')) ? Number(v) : null);
 const when = (d: Date | string | null) => (d ? new Date(d).toISOString().slice(0, 16).replace('T', ' ') : '');
 const list = (v: unknown) => (Array.isArray(v) ? v.map(String) : typeof v === 'string' && v ? [v] : []);
@@ -37,72 +38,70 @@ function fromBody(b: Record<string, unknown>): RemoteDb {
 
 function form(s: Session, x: Partial<Row>, roles: string[]) {
   const editing = !!x.id;
-  return region(editing ? `Edit ${x.name}` : 'Add a remote database', html`<form method="post" action="${PAGE}" id="rdb-form">${csrf(s)}
+  return region(editing ? tx('rdb.edit_named', { name: x.name }) : tx('rdb.add_a_remote_database'), html`<form method="post" action="${PAGE}" id="rdb-form">${csrf(s)}
     ${editing ? html`<input type="hidden" name="id" value="${x.id}">` : ''}
     <div class="form-grid">
-      ${input('name', 'Name', x.name ?? '', { help: 'A static id, e.g. CRM. The server is pgkiln_rdb_<name>.', required: true })}
-      ${input('description', 'Description', x.description ?? '')}
-      ${input('host', 'Host', x.host ?? '', { help: 'As the database server reaches it (it makes the connection, not pgkiln).', required: true })}
-      ${input('port', 'Port', String(x.port ?? 5432), { type: 'number' })}
-      ${input('dbname', 'Database', x.dbname ?? '', { required: true })}
-      ${input('user_name', 'User', x.user_name ?? '', { required: true, help: 'A user of the remote database: what it may read or change there is what the applications may.' })}
-      ${input('password', 'Password', '', { type: 'password', auto: 'new-password', help: editing ? 'Kept by PostgreSQL in the user mapping and never shown; type a new one to replace it.' : 'Kept by PostgreSQL in the user mapping (pgkiln never stores it).' })}
-      ${input('remote_schema', 'Remote schema', x.remote_schema ?? 'public')}
-      ${input('local_schema', 'Local schema', x.local_schema ?? '', { required: true, help: 'A new schema here for the foreign tables, e.g. crm: regions query crm.<table>.' })}
-      ${input('tables', 'Tables', (x.tables ?? []).join(', '), { help: `Remote tables and views to import, separated by commas (at most ${MAX_TABLES}); empty: all of the remote schema's.` })}
+      ${input('name', tx('rdb.name'), x.name ?? '', { help: tx('rdb.a_static_id_e_g'), required: true })}
+      ${input('description', tx('rdb.description'), x.description ?? '')}
+      ${input('host', tx('rdb.host'), x.host ?? '', { help: tx('rdb.as_the_database_server_reaches'), required: true })}
+      ${input('port', tx('rdb.port'), String(x.port ?? 5432), { type: 'number' })}
+      ${input('dbname', tx('rdb.database'), x.dbname ?? '', { required: true })}
+      ${input('user_name', tx('rdb.user'), x.user_name ?? '', { required: true, help: tx('rdb.a_user_of_the_remote') })}
+      ${input('password', tx('rdb.password'), '', { type: 'password', auto: 'new-password', help: editing ? tx('rdb.kept_by_postgresql_in_the') : tx('rdb.kept_by_postgresql_in_the_2') })}
+      ${input('remote_schema', tx('rdb.remote_schema'), x.remote_schema ?? 'public')}
+      ${input('local_schema', tx('rdb.local_schema'), x.local_schema ?? '', { required: true, help: tx('rdb.a_new_schema_here_for') })}
+      ${input('tables', tx('rdb.tables'), (x.tables ?? []).join(', '), { help: tx('rdb.tables_help', { n: MAX_TABLES }) })}
     </div>
-    <fieldset class="prop-group u-mt1"><legend>Grant to the applications' database roles</legend>
+    <fieldset class="prop-group u-mt1"><legend>${tx('rdb.grant_to_the_applications_database')}</legend>
       ${roles.length
         ? html`<div class="check-list">${roles.map((r) => html`<label><input type="checkbox" name="grant_roles" value="${r}"${(x.grant_roles ?? []).includes(r) ? raw(' checked') : ''}> ${r}</label>`)}</div>`
-        : html`<p class="muted">No application has a database role yet (Application settings → Database role).</p>`}
-      <label class="u-mt1"><input type="checkbox" name="writable" value="true"${x.writable ? raw(' checked') : ''}> Also INSERT, UPDATE and DELETE (else SELECT only)</label>
+        : html`<p class="muted">${tx('rdb.no_application_has_a_database')}</p>`}
+      <label class="u-mt1"><input type="checkbox" name="writable" value="true"${x.writable ? raw(' checked') : ''}> ${tx('rdb.also_insert_update_and_delete')}</label>
     </fieldset>
     <div class="buttons u-mt1">
-      <button class="btn btn-hot" name="mode" value="save">${editing ? 'Save and import again' : 'Add and import'}</button>
-      <button class="btn" name="mode" value="test">Test the connection</button>
-      <a class="btn" href="${PAGE}">Cancel</a>
+      <button class="btn btn-hot" name="mode" value="save">${editing ? tx('rdb.save_and_import_again') : tx('rdb.add_and_import')}</button>
+      <button class="btn" name="mode" value="test">${tx('rdb.test_the_connection')}</button>
+      <a class="btn" href="${PAGE}">${tx('rdb.cancel')}</a>
     </div></form>`);
 }
 
 export async function remoteDatabaseRoutes(app: FastifyInstance) {
   app.get(PAGE, async (req: Req, reply) => {
-    const s = await administrator(req, reply, TITLE);
+    const s = await administrator(req, reply, TITLE());
     if (!s) return;
     const q = (req.query ?? {}) as Record<string, string>;
     const st = await fdwStatus(owner);
     const all = await rows();
     const roles = await applicationRoles(owner);
     const edit = rid(q.edit) ? all.find((r) => r.id === rid(q.edit)) : undefined;
-    const main = html`<h1 class="u-mb1">${TITLE}</h1>
-      <p class="muted u-mt0">Another PostgreSQL database's tables as foreign tables (postgres_fdw) in a local schema: regions, reports, forms and lists
-        of values use them like the application's own tables, as its database role, with the grants given here.</p>
+    const main = html`<h1 class="u-mb1">${TITLE()}</h1>
+      <p class="muted u-mt0">${tx('rdb.another_postgresql_database_s_tables')}</p>
       ${st.installed
-        ? html`<p class="muted">${icon('check')} postgres_fdw is installed.</p>`
-        : html`<div class="alert alert-info" role="status"><p><strong>postgres_fdw is not installed in this database.</strong></p>
+        ? html`<p class="muted">${icon('check')} ${tx('rdb.fdw_installed')}</p>`
+        : html`<div class="alert alert-info" role="status"><p><strong>${tx('rdb.postgres_fdw_is_not_installed')}</strong></p>
             ${st.available && st.canCreate
-              ? html`<form method="post" action="${PAGE}/extension">${csrf(s)}<button class="btn">Create extension postgres_fdw</button></form>`
-              : html`<p>${st.available ? 'A superuser runs' : 'The server needs PostgreSQL\'s contrib package, then a superuser runs'} <code>create extension postgres_fdw;</code>
-                  and <code>grant usage on foreign data wrapper postgres_fdw to</code> pgkiln's owner role.</p>`}</div>`}
-      ${region('Remote databases', html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Name</th><th>Connection</th><th>Local schema</th>
-          <th class="num">Tables</th><th>Granted to</th><th>Imported</th><th><span class="sr-only">Actions</span></th></tr></thead><tbody>
+              ? html`<form method="post" action="${PAGE}/extension">${csrf(s)}<button class="btn">${tx('rdb.create_extension_postgres_fdw')}</button></form>`
+              : html`<p>${tx.rich(st.available ? 'rdb.fdw_superuser' : 'rdb.fdw_missing', { create: html`<code>create extension postgres_fdw;</code>`, grant: html`<code>grant usage on foreign data wrapper postgres_fdw to</code>` })}</p>`}</div>`}
+      ${region(tx('rdb.remote_databases'), html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th>${tx('rdb.name')}</th><th>${tx('rdb.connection')}</th><th>${tx('rdb.local_schema')}</th>
+          <th class="num">${tx('rdb.tables')}</th><th>${tx('rdb.granted_to')}</th><th>${tx('rdb.imported')}</th><th><span class="sr-only">${tx('rdb.actions')}</span></th></tr></thead><tbody>
         ${all.length ? all.map((r) => html`<tr>
-            <td data-label="Name"><strong>${r.name}</strong>${r.description ? html`<br><small class="muted">${r.description}</small>` : ''}</td>
-            <td data-label="Connection"><code>${r.user_name}@${r.host}:${r.port}/${r.dbname}</code> (${r.remote_schema})</td>
-            <td data-label="Local schema"><code>${r.local_schema}</code></td>
-            <td class="num" data-label="Tables">${r.imported ?? '—'}</td>
-            <td data-label="Granted to">${r.grant_roles.join(', ') || '—'}${r.writable ? ' (read and write)' : ''}</td>
-            <td data-label="Imported">${when(r.imported_at)}${r.error ? html`<br><span class="wf-problem">${r.error}</span>` : ''}</td>
-            <td data-label="Actions"><a class="btn btn-sm" href="${PAGE}?edit=${r.id}#rdb-form">Edit</a>
-              <form method="post" action="${`${PAGE}/${r.id}/refresh`}" class="inline">${csrf(s)}<button class="btn btn-sm">Import again</button></form>
-              <form method="post" action="${`${PAGE}/${r.id}/delete`}" class="inline">${csrf(s)}<button class="btn btn-sm btn-danger" data-confirm="${`Delete ${r.name}? Its schema ${r.local_schema} and its foreign tables are dropped.`}">Delete</button></form></td>
-          </tr>`) : html`<tr><td colspan="7" class="empty">No remote databases yet.</td></tr>`}
+            <td data-label="${tx('rdb.name')}"><strong>${r.name}</strong>${r.description ? html`<br><small class="muted">${r.description}</small>` : ''}</td>
+            <td data-label="${tx('rdb.connection')}"><code>${r.user_name}@${r.host}:${r.port}/${r.dbname}</code> (${r.remote_schema})</td>
+            <td data-label="${tx('rdb.local_schema')}"><code>${r.local_schema}</code></td>
+            <td class="num" data-label="${tx('rdb.tables')}">${r.imported ?? '—'}</td>
+            <td data-label="${tx('rdb.granted_to')}">${r.grant_roles.join(', ') || '—'}${r.writable ? ' (read and write)' : ''}</td>
+            <td data-label="${tx('rdb.imported')}">${when(r.imported_at)}${r.error ? html`<br><span class="wf-problem">${r.error}</span>` : ''}</td>
+            <td data-label="${tx('rdb.actions')}"><a class="btn btn-sm" href="${PAGE}?edit=${r.id}#rdb-form">${tx('rdb.edit')}</a>
+              <form method="post" action="${`${PAGE}/${r.id}/refresh`}" class="inline">${csrf(s)}<button class="btn btn-sm">${tx('rdb.import_again')}</button></form>
+              <form method="post" action="${`${PAGE}/${r.id}/delete`}" class="inline">${csrf(s)}<button class="btn btn-sm btn-danger" data-confirm="${tx('rdb.delete_confirm', { name: r.name, schema: r.local_schema })}">${tx('rdb.delete')}</button></form></td>
+          </tr>`) : html`<tr><td colspan="7" class="empty">${tx('rdb.no_remote_databases_yet')}</td></tr>`}
         </tbody></table></div>`)}
       ${st.installed ? form(s, edit ?? {}, roles) : ''}`;
-    return send(reply, s, shell(s, TITLE, crumbs, main));
+    return send(reply, s, shell(s, TITLE(), crumbs(), main));
   });
 
   app.post(PAGE, async (req: Req, reply) => {
-    const s = await administrator(req, reply, TITLE);
+    const s = await administrator(req, reply, TITLE());
     if (!s) return;
     const b = (req.body ?? {}) as Record<string, unknown>;
     const x = fromBody(b);
@@ -110,7 +109,7 @@ export async function remoteDatabaseRoutes(app: FastifyInstance) {
     const password = typeof b.password === 'string' && b.password ? b.password : null;
     const retry = editId ? `${PAGE}?edit=${editId}#rdb-form` : `${PAGE}#rdb-form`;
     const problems = remoteDbProblems(x, await applicationRoles(owner));
-    if (password && password.length > 1000) problems.push('The password has at most 1000 characters.');
+    if (password && password.length > 1000) problems.push(tx('rdb.the_password_has_at_most'));
     if (problems.length) {
       flash(s, problems.join(' '), 'error');
       return back(reply, s, retry);
@@ -119,14 +118,14 @@ export async function remoteDatabaseRoutes(app: FastifyInstance) {
     try {
       const count = await owner.tx(async (c) => {
         const old = editId ? (await c.query<Row>('select * from meta.remote_database where id = $1 for update', [editId])).rows[0] : undefined;
-        if (editId && !old) throw new Error('No such remote database.');
+        if (editId && !old) throw new Error(tx('rdb.no_such_remote_database'));
         // a renamed one, or a new local schema: the old server and schema go first
         if (old && (old.name !== x.name || old.local_schema !== x.local_schema)) {
-          if (!password) throw new Error('Renaming it, or moving it to another local schema, needs the password again.');
+          if (!password) throw new Error(tx('rdb.renaming_it_or_moving_it'));
           await dropRemote(c, old);
         }
         const n = await applyRemote(c, x, password, old && old.name === x.name && old.local_schema === x.local_schema ? old.grant_roles : []);
-        if (test) throw Object.assign(new Error('rolled back'), { tested: n });
+        if (test) throw Object.assign(new Error(tx('rdb.rolled_back')), { tested: n });
         if (old)
           await c.query(
             `update meta.remote_database set name = $2, description = $3, host = $4, port = $5, dbname = $6, user_name = $7, remote_schema = $8, local_schema = $9,
@@ -149,22 +148,22 @@ export async function remoteDatabaseRoutes(app: FastifyInstance) {
     } catch (e) {
       const tested = (e as { tested?: number }).tested;
       if (tested !== undefined) {
-        flash(s, `The connection works: ${tested} table(s) would be imported into ${x.local_schema}. Nothing was saved.`);
+        flash(s, tx('rdb.test_ok', { n: tested, schema: x.local_schema }));
       } else {
-        const msg = (e as Error).message.includes('remote_database_name_key') ? `There is a remote database ${x.name} already.`
-          : (e as Error).message.includes('remote_database_local_schema_key') ? `Another remote database uses schema ${x.local_schema}.` : (e as Error).message;
-        flash(s, `${test ? 'The test failed' : 'Nothing was changed'}: ${msg}`, 'error');
+        const msg = (e as Error).message.includes('remote_database_name_key') ? tx('rdb.name_taken', { name: x.name })
+          : (e as Error).message.includes('remote_database_local_schema_key') ? tx('rdb.schema_taken', { schema: x.local_schema }) : (e as Error).message;
+        flash(s, `${test ? tx('rdb.the_test_failed') : tx('rdb.nothing_was_changed')}: ${msg}`, 'error');
       }
       return back(reply, s, retry);
     }
   });
 
   app.post(`${PAGE}/:rid/refresh`, async (req: Req, reply) => {
-    const s = await administrator(req, reply, TITLE);
+    const s = await administrator(req, reply, TITLE());
     if (!s) return;
     const r = (await rows()).find((x) => x.id === rid(req.params.rid));
     if (!r) {
-      flash(s, 'No such remote database.', 'error');
+      flash(s, tx('rdb.no_such_remote_database'), 'error');
       return back(reply, s, PAGE);
     }
     try {
@@ -180,11 +179,11 @@ export async function remoteDatabaseRoutes(app: FastifyInstance) {
   });
 
   app.post(`${PAGE}/:rid/delete`, async (req: Req, reply) => {
-    const s = await administrator(req, reply, TITLE);
+    const s = await administrator(req, reply, TITLE());
     if (!s) return;
     const r = (await rows()).find((x) => x.id === rid(req.params.rid));
     if (!r) {
-      flash(s, 'No such remote database.', 'error');
+      flash(s, tx('rdb.no_such_remote_database'), 'error');
       return back(reply, s, PAGE);
     }
     try {
@@ -201,12 +200,12 @@ export async function remoteDatabaseRoutes(app: FastifyInstance) {
   });
 
   app.post(`${PAGE}/extension`, async (req: Req, reply) => {
-    const s = await administrator(req, reply, TITLE);
+    const s = await administrator(req, reply, TITLE());
     if (!s) return;
     try {
       await owner.query('create extension if not exists postgres_fdw');
       await logActivity({ username: s.username, event: 'sql_command', ip: clientIp(req), detail: 'create extension if not exists postgres_fdw' });
-      flash(s, 'The postgres_fdw extension is installed.');
+      flash(s, tx('rdb.the_postgres_fdw_extension_is'));
     } catch (e) {
       flash(s, `create extension postgres_fdw failed: ${(e as Error).message}`, 'error');
     }

package/src/builder/report-settings.ts

@@ -160,7 +160,7 @@ async function reportSettingsFormInner(pageId: number, appId: number, r: { id: n
       <fieldset class="prop-group"><legend>${tx('rpt.json_path_columns')}</legend><div class="form-grid">
         <div class="field" data-wide><label class="label" for="${id('json_columns')}">${tx('rpt.columns_read_from_a_json')}</label>
           <input id="${id('json_columns')}" name="json_columns" value="${jsonColumnsText(cfg.json_columns)}" placeholder="city=profile:address.city; first_skill=profile:skills.0.name; since=profile:since:date" class="code">
-          <small class="help">name=column:path[:type]; separate them with ";". A path is keys separated by dots, a number picks an element of an array. Types: ${JSON_TYPES.join(', ')} (text when left out); a value that doesn't read as the type shows empty. They are columns like the others: search, filters, sorting, headings and downloads. To edit documents, use a JSON source (Shared Components).</small></div>
+          <small class="help">${tx('rs.json_columns_help', { types: JSON_TYPES.join(', ') })}</small></div>
       </div></fieldset>
       <fieldset class="prop-group"><legend>${tx('rpt.columns')}</legend>
         ${all.length

package/src/builder/reporter.ts

@@ -5,6 +5,7 @@ import { heading } from '../runtime/items.ts';
 import { RESERVED_SCHEMAS, SOURCE_ID, sourcesOf, type Source, type SourceColumn } from '../runtime/data-reporter.ts';
 import type { Session } from '../session.ts';
 import { back, BASE, csrf, developer, flash, type Req } from './ui.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // Page designer → a Data Reporter region → Settings: the data sources the
 // region offers (tables and views, which of their columns, labels and format
@@ -113,7 +114,7 @@ export async function mergeReporterSettings(
       const format = clip(b[`s${i}_fmt_${j}`], 40);
       columns.push({ name, ...(label ? { label } : {}), ...(format ? { format } : {}) });
     }
-    if (!columns.length) errors.push(`Data source ${s.id} offers no columns.`);
+    if (!columns.length) errors.push(tx('drep.no_columns', { id: s.id }));
     const label = clip(b[`s${i}_label`], 80);
     const description = clip(b[`s${i}_description`], 300);
     sources.push({ id: s.id, ...(label ? { label } : {}), ...(description ? { description } : {}), schema: s.schema, table: s.table, columns });
@@ -121,7 +122,7 @@ export async function mergeReporterSettings(
 
   if (b.new_object) {
     const obj = /^\d{1,10}$/.test(b.new_object) ? await lookup.byOid(Number(b.new_object)) : null;
-    if (!obj || RESERVED_SCHEMAS.test(obj.schema)) errors.push('Choose a table or view for the new data source.');
+    if (!obj || RESERVED_SCHEMAS.test(obj.schema)) errors.push(tx('drep.choose_a_table_or_view'));
     else if (sources.length >= MAX_SOURCES) errors.push(`A region offers at most ${MAX_SOURCES} data sources.`);
     else {
       let id = clip(b.new_id, 40).toLowerCase();
@@ -130,7 +131,7 @@ export async function mergeReporterSettings(
         id = '';
       }
       if (id && sources.some((s) => s.id === id)) {
-        errors.push(`There is already a data source ${id}.`);
+        errors.push(tx('drep.exists', { id }));
         id = '';
       }
       if (!id) {
@@ -146,7 +147,7 @@ export async function mergeReporterSettings(
   // (sprint 110) a dataset of the workspace as a new source
   if (b.new_dataset) {
     const name = b.new_dataset.trim().toLowerCase();
-    if (!a.datasets?.has(name)) errors.push('Choose one of the workspace\'s datasets.');
+    if (!a.datasets?.has(name)) errors.push(tx('drep.choose_one_of_the_workspace'));
     else if (sources.length >= MAX_SOURCES) errors.push(`A region offers at most ${MAX_SOURCES} data sources.`);
     else {
       let id = name.slice(0, 36);
@@ -179,12 +180,12 @@ export async function reporterSettingsForm(pageId: number, appId: number, r: { i
           <input type="hidden" name="s${i}_key" value="${src.id}">
           ${!d ? html`<div class="alert alert-error" role="alert">The workspace has no dataset ${src.dataset} (any more).</div>` : ''}
           <div class="form-grid">
-            <div class="field"><label class="label" for="${id(`s${i}_id`)}">Static id</label><input id="${id(`s${i}_id`)}" value="${src.id}" readonly></div>
-            <div class="field"><label class="label" for="${id(`s${i}_label`)}">Label</label><input id="${id(`s${i}_label`)}" name="s${i}_label" maxlength="80" value="${src.label ?? ''}" placeholder="${d?.label ?? ''}"></div>
-            <div class="field" data-wide><label class="label" for="${id(`s${i}_description`)}">Description (shown to users)</label><input id="${id(`s${i}_description`)}" name="s${i}_description" maxlength="300" value="${src.description ?? ''}" placeholder="the dataset's"></div>
+            <div class="field"><label class="label" for="${id(`s${i}_id`)}">${tx('drep.static_id')}</label><input id="${id(`s${i}_id`)}" value="${src.id}" readonly></div>
+            <div class="field"><label class="label" for="${id(`s${i}_label`)}">${tx('drep.label')}</label><input id="${id(`s${i}_label`)}" name="s${i}_label" maxlength="80" value="${src.label ?? ''}" placeholder="${d?.label ?? ''}"></div>
+            <div class="field" data-wide><label class="label" for="${id(`s${i}_description`)}">${tx('drep.description_shown_to_users')}</label><input id="${id(`s${i}_description`)}" name="s${i}_description" maxlength="300" value="${src.description ?? ''}" placeholder="${tx('drep.the_dataset_s')}"></div>
           </div>
-          <p class="muted">Its tables, columns, labels, masks and row filter are the dataset's: <a href="${BASE}/reporter">App Builder → Data Reporter</a>.</p>
-          <div class="field"><label class="check"><input type="checkbox" name="s${i}_remove" value="true"> Remove this data source (users' reports on it stop working)</label></div>
+          <p class="muted">${tx.rich('drep.dataset_note', { link: html`<a href="${BASE}/reporter">${tx('drep.app_builder_data_reporter')}</a>` })}</p>
+          <div class="field"><label class="check"><input type="checkbox" name="s${i}_remove" value="true"> ${tx('drep.remove_this_data_source_users')}</label></div>
         </fieldset>`;
       }
       const obj = await findObject(src.schema, src.table);
@@ -194,56 +195,56 @@ export async function reporterSettingsForm(pageId: number, appId: number, r: { i
       const readable = obj ? objects.find((o) => o.oid === obj.oid)?.access : undefined;
       return html`<fieldset class="prop-group"><legend>${src.label || src.id} <span class="muted">(${src.schema}.${src.table})</span></legend>
         <input type="hidden" name="s${i}_key" value="${src.id}">
-        ${!obj ? html`<div class="alert alert-error" role="alert">The table or view ${src.schema}.${src.table} does not exist (any more).</div>` : ''}
-        ${obj && readable === false ? html`<div class="alert alert-error" role="alert">The application's database role may not read ${src.schema}.${src.table}: grant it SELECT.</div>` : ''}
+        ${!obj ? html`<div class="alert alert-error" role="alert">${tx('drep.no_object', { object: `${src.schema}.${src.table}` })}</div>` : ''}
+        ${obj && readable === false ? html`<div class="alert alert-error" role="alert">${tx('drep.no_select', { object: `${src.schema}.${src.table}` })}</div>` : ''}
         <div class="form-grid">
-          <div class="field"><label class="label" for="${id(`s${i}_id`)}">Static id</label><input id="${id(`s${i}_id`)}" value="${src.id}" readonly></div>
-          <div class="field"><label class="label" for="${id(`s${i}_label`)}">Label</label><input id="${id(`s${i}_label`)}" name="s${i}_label" maxlength="80" value="${src.label ?? ''}" placeholder="${heading(src.table)}"></div>
-          <div class="field" data-wide><label class="label" for="${id(`s${i}_description`)}">Description (shown to users)</label><input id="${id(`s${i}_description`)}" name="s${i}_description" maxlength="300" value="${src.description ?? ''}"></div>
+          <div class="field"><label class="label" for="${id(`s${i}_id`)}">${tx('drep.static_id')}</label><input id="${id(`s${i}_id`)}" value="${src.id}" readonly></div>
+          <div class="field"><label class="label" for="${id(`s${i}_label`)}">${tx('drep.label')}</label><input id="${id(`s${i}_label`)}" name="s${i}_label" maxlength="80" value="${src.label ?? ''}" placeholder="${heading(src.table)}"></div>
+          <div class="field" data-wide><label class="label" for="${id(`s${i}_description`)}">${tx('drep.description_shown_to_users')}</label><input id="${id(`s${i}_description`)}" name="s${i}_description" maxlength="300" value="${src.description ?? ''}"></div>
         </div>
-        <div class="table-wrap"><table class="report report-reflow"><thead><tr><th scope="col">Offer</th><th scope="col">Column</th><th scope="col">Label</th><th scope="col">Format mask</th></tr></thead><tbody>
+        <div class="table-wrap"><table class="report report-reflow"><thead><tr><th scope="col">${tx('drep.offer')}</th><th scope="col">${tx('drep.column')}</th><th scope="col">${tx('drep.label')}</th><th scope="col">${tx('drep.format_mask')}</th></tr></thead><tbody>
           ${all.map((c, j) => {
             const o = offered.get(c.name);
             return html`<tr>
-              <td data-label="Offer"><input type="hidden" name="s${i}_col_${j}" value="${c.name}"><input type="checkbox" name="s${i}_on_${j}" value="true"${o ? raw(' checked') : ''} aria-label="Offer ${c.name}"></td>
-              <td data-label="Column"><code>${c.name}</code> <span class="muted">${c.type}</span>${c.missing ? html` <span class="tag tag-error">not in the table</span>` : ''}</td>
-              <td data-label="Label"><input name="s${i}_label_${j}" maxlength="80" value="${o?.label ?? ''}" placeholder="${heading(c.name)}" aria-label="Label of ${c.name}"></td>
-              <td data-label="Format mask"><input name="s${i}_fmt_${j}" maxlength="40" value="${o?.format ?? ''}" placeholder="FML999G990D00" aria-label="Format mask of ${c.name}"></td>
+              <td data-label="${tx('drep.offer')}"><input type="hidden" name="s${i}_col_${j}" value="${c.name}"><input type="checkbox" name="s${i}_on_${j}" value="true"${o ? raw(' checked') : ''} aria-label="${tx('drep.aria_offer', { column: c.name })}"></td>
+              <td data-label="${tx('drep.column')}"><code>${c.name}</code> <span class="muted">${c.type}</span>${c.missing ? html` <span class="tag tag-error">${tx('drep.not_in_the_table')}</span>` : ''}</td>
+              <td data-label="${tx('drep.label')}"><input name="s${i}_label_${j}" maxlength="80" value="${o?.label ?? ''}" placeholder="${heading(c.name)}" aria-label="${tx('drep.aria_label', { column: c.name })}"></td>
+              <td data-label="${tx('drep.format_mask')}"><input name="s${i}_fmt_${j}" maxlength="40" value="${o?.format ?? ''}" placeholder="FML999G990D00" aria-label="${tx('drep.aria_format', { column: c.name })}"></td>
             </tr>`;
           })}
         </tbody></table></div>
-        <div class="field"><label class="check"><input type="checkbox" name="s${i}_remove" value="true"> Remove this data source (users' reports on it stop working)</label></div>
+        <div class="field"><label class="check"><input type="checkbox" name="s${i}_remove" value="true"> ${tx('drep.remove_this_data_source_users')}</label></div>
       </fieldset>`;
     }),
   );
-  return html`<h3 class="u-mt15">Data Reporter settings</h3>
-    <p class="muted u-mt0">Signed-in users build their own reports from the data sources below: they pick offered columns, filter, group with totals, sort and draw a chart, and save reports privately or shared. Reports run as the application's database role, so grants and row level security apply.</p>
+  return html`<h3 class="u-mt15">${tx('drep.data_reporter_settings')}</h3>
+    <p class="muted u-mt0">${tx('drep.signed_in_users_build_their')}</p>
     <form method="post" action="${BASE}/pages/${pageId}/region/${r.id}/reporter" class="component-form">${csrf(s)}
-      <fieldset class="prop-group"><legend>Reports</legend><div class="form-grid">
-        <div class="field"><label class="label" for="${id('sharing')}">Who may share reports</label>
-          <select id="${id('sharing')}" name="sharing">${opt('', 'Every signed-in user', sharing)}${opt('off', 'Nobody (private reports only)', sharing)}${schemes.map((n) => opt(`authz:${n}`, `Authorization: ${n}`, sharing))}</select></div>
-        <div class="field"><label class="label" for="${id('page_size')}">Rows per page</label>
+      <fieldset class="prop-group"><legend>${tx('drep.reports')}</legend><div class="form-grid">
+        <div class="field"><label class="label" for="${id('sharing')}">${tx('drep.who_may_share_reports')}</label>
+          <select id="${id('sharing')}" name="sharing">${opt('', tx('drep.every_signed_in_user'), sharing)}${opt('off', tx('drep.nobody_private_reports_only'), sharing)}${schemes.map((n) => opt(`authz:${n}`, `Authorization: ${n}`, sharing))}</select></div>
+        <div class="field"><label class="label" for="${id('page_size')}">${tx('drep.rows_per_page')}</label>
           <input id="${id('page_size')}" name="page_size" type="number" min="5" max="200" value="${cfg.page_size ?? ''}" placeholder="25"></div>
-        <div class="field"><label class="label" for="${id('edit_authz')}">Who may build and save reports</label>
-          <select id="${id('edit_authz')}" name="edit_authz">${opt('', 'Every user', cfg.edit_authz ?? '')}${schemes.map((n) => opt(n, `Authorization: ${n}`, cfg.edit_authz ?? ''))}</select>
-          <small class="help">Others only run shared reports.</small></div>
-        <div class="field"><label class="label" for="${id('admin_authz')}">Who may unpublish and delete anyone's reports</label>
-          <select id="${id('admin_authz')}" name="admin_authz">${opt('', 'Nobody', cfg.admin_authz ?? '')}${schemes.map((n) => opt(n, `Authorization: ${n}`, cfg.admin_authz ?? ''))}</select></div>
-        <div class="field"><label class="check"><input type="checkbox" name="publishing" value="true"${cfg.publishing === true ? raw(' checked') : ''}> Shared reports are published: a stable URL, pins</label></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" maxlength="200" value="${cfg.empty ?? ''}" placeholder="No data found"></div>
+        <div class="field"><label class="label" for="${id('edit_authz')}">${tx('drep.who_may_build_and_save')}</label>
+          <select id="${id('edit_authz')}" name="edit_authz">${opt('', tx('drep.every_user'), cfg.edit_authz ?? '')}${schemes.map((n) => opt(n, `Authorization: ${n}`, cfg.edit_authz ?? ''))}</select>
+          <small class="help">${tx('drep.others_only_run_shared_reports')}</small></div>
+        <div class="field"><label class="label" for="${id('admin_authz')}">${tx('drep.who_may_unpublish_and_delete')}</label>
+          <select id="${id('admin_authz')}" name="admin_authz">${opt('', tx('drep.nobody'), cfg.admin_authz ?? '')}${schemes.map((n) => opt(n, `Authorization: ${n}`, cfg.admin_authz ?? ''))}</select></div>
+        <div class="field"><label class="check"><input type="checkbox" name="publishing" value="true"${cfg.publishing === true ? raw(' checked') : ''}> ${tx('drep.shared_reports_are_published_a')}</label></div>
+        <div class="field" data-wide><label class="label" for="${id('empty')}">${tx('drep.text_when_there_are_no')}</label>
+          <input id="${id('empty')}" name="empty" maxlength="200" value="${cfg.empty ?? ''}" placeholder="${tx('drep.no_data_found')}"></div>
       </div></fieldset>
       ${sourceSets}
-      <fieldset class="prop-group"><legend>Add a data source</legend><div class="form-grid">
-        <div class="field" data-wide><label class="label" for="${id('new_object')}">Table or view</label>
+      <fieldset class="prop-group"><legend>${tx('drep.add_a_data_source')}</legend><div class="form-grid">
+        <div class="field" data-wide><label class="label" for="${id('new_object')}">${tx('drep.table_or_view')}</label>
           <select id="${id('new_object')}" name="new_object"><option value="">- none -</option>${objects.map((o) => html`<option value="${o.oid}">${o.name}${o.access ? '' : ' (no access for the app role)'}</option>`)}</select></div>
-        <div class="field"><label class="label" for="${id('new_id')}">Static id</label><input id="${id('new_id')}" name="new_id" maxlength="40" pattern="[a-z][a-z0-9_]*" placeholder="from the name"></div>
-        <div class="field"><label class="label" for="${id('new_label')}">Label</label><input id="${id('new_label')}" name="new_label" maxlength="80"></div>
+        <div class="field"><label class="label" for="${id('new_id')}">${tx('drep.static_id')}</label><input id="${id('new_id')}" name="new_id" maxlength="40" pattern="[a-z][a-z0-9_]*" placeholder="${tx('drep.from_the_name')}"></div>
+        <div class="field"><label class="label" for="${id('new_label')}">${tx('drep.label')}</label><input id="${id('new_label')}" name="new_label" maxlength="80"></div>
       </div>
-      <small class="help">All columns are offered at first (except binary ones); untick those users should not see. Prefer a view that shows exactly what business users may report on.</small>
-      ${datasets.length ? html`<div class="form-grid"><div class="field" data-wide><label class="label" for="${id('new_dataset')}">Or a dataset of the workspace</label>
+      <small class="help">${tx('drep.all_columns_are_offered_at')}</small>
+      ${datasets.length ? html`<div class="form-grid"><div class="field" data-wide><label class="label" for="${id('new_dataset')}">${tx('drep.or_a_dataset_of_the')}</label>
         <select id="${id('new_dataset')}" name="new_dataset"><option value="">- none -</option>${datasets.map((d) => html`<option value="${d.name}">${d.label} (${d.name})</option>`)}</select></div></div>` : ''}</fieldset>
-      <div class="buttons"><button class="btn btn-hot">Save Data Reporter settings</button></div>
+      <div class="buttons"><button class="btn btn-hot">${tx('drep.save_data_reporter_settings')}</button></div>
     </form>`;
 }
 
@@ -262,7 +263,7 @@ export async function reporterBuilderRoutes(app: FastifyInstance) {
     const { config, errors } = await mergeReporterSettings(r.config ?? {}, (req.body ?? {}) as Body, { authz: new Set(schemes.map((x) => x.name.toUpperCase())), datasets: new Set(datasets.map((x) => x.name)) });
     await owner.query('update meta.region set config = $2 where id = $1', [r.id, JSON.stringify(config)]);
     if (errors.length) flash(s, errors.join(' '), 'error');
-    else flash(s, 'Settings saved.');
+    else flash(s, tx('drep.settings_saved'));
     return back(reply, s, `${BASE}/pages/${pid}?c=region-${rid}`);
   });
 }