pgkiln 0.84.0 → 0.85.0

package/src/builder/api.ts

@@ -7,6 +7,7 @@ import { publicUrl } from '../sso.ts';
 import { icon } from '../icons.ts';
 import { appHeader, back, BASE, csrf, developer, flash, input, region, send, shell, type Req } from './ui.ts';
 import { roleHints, roleHintsHtml, splitRoles } from './users.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // Per-application REST API page: the database role API tokens use, what
 // PostgREST exposes to it, and developer-issued tokens for trying it out.
@@ -58,43 +59,42 @@ async function clientsRegion(s: Session, a: any, secret?: NewSecret, usable = tr
     html`<form method="post" action="${BASE}/apps/${a.id}/api/clients/${c.id}/${path}" class="inline-form">${csrf(s)}${extra}<button class="${cls}">${label}</button></form>`;
   const createForm = html`<form method="post" action="${BASE}/apps/${a.id}/api/clients">${csrf(s)}
         <div class="form-grid">
-          ${input('name', 'Name', '', { required: true, placeholder: 'e.g. payroll-sync', help: 'Lower case letters, digits, . _ -' })}
-          ${input('token_minutes', 'Token lifetime (minutes)', 60, { type: 'number', help: '5 to 1440.' })}
-          <div class="field"><label class="label" for="f_roles">Roles</label><input id="f_roles" name="roles" placeholder="comma separated, or pick below">${roleHintsHtml(hints)}</div>
-          ${input('description', 'Description', '', { placeholder: 'who uses it' })}
+          ${input('name', tx('apip.name'), '', { required: true, placeholder: tx('apip.e_g_payroll_sync'), help: tx('apip.lower_case_letters_digits') })}
+          ${input('token_minutes', tx('apip.token_lifetime_minutes'), 60, { type: 'number', help: tx('apip.5_to_1440') })}
+          <div class="field"><label class="label" for="f_roles">${tx('apip.roles')}</label><input id="f_roles" name="roles" placeholder="${tx('apip.comma_separated_or_pick_below')}">${roleHintsHtml(hints)}</div>
+          ${input('description', tx('apip.description'), '', { placeholder: tx('apip.who_uses_it') })}
         </div>
-        <div class="buttons"><button class="btn btn-hot"${usable ? '' : raw(' disabled')}>Create client</button></div>
+        <div class="buttons"><button class="btn btn-hot"${usable ? '' : raw(' disabled')}>${tx('apip.create_client')}</button></div>
       </form>`;
   return region(
     'OAuth clients',
-    html`<p class="muted u-mt0">For systems that call the API (like ORDS's <code>oauth.create_client</code>): a client exchanges its id and secret for an access token at
-        <code>${tokenUrl}</code> (<code>grant_type=client_credentials</code>) and acts as <code>client:&lt;name&gt;</code> with its roles, read at every request.</p>
+    html`<p class="muted u-mt0">${tx.rich('apip.oauth_intro', { ords: html`<code>oauth.create_client</code>`, url: html`<code>${tokenUrl}</code>`, grant: html`<code>grant_type=client_credentials</code>`, client: html`<code>client:&lt;name&gt;</code>` })}</p>
       ${secret
-        ? html`<div class="alert alert-success" role="status">${secret.rotated ? `New secret for ${secret.name}` : `Client ${secret.name} created`}. Copy the secret now: it is shown only once.${
-            secret.rotated && secret.graceHours ? ` The previous secret keeps working for ${secret.graceHours} hours.` : ''}</div>
+        ? html`<div class="alert alert-success" role="status">${secret.rotated ? tx('apip.new_secret_for', { name: secret.name }) : tx('apip.client_created', { name: secret.name })}. ${tx('apip.copy_now')}${
+            secret.rotated && secret.graceHours ? ` ${tx('apip.grace', { n: secret.graceHours })}` : ''}</div>
           <div class="form-grid">
-            <div class="field"><label class="label" for="oauth_id">Client ID</label><input id="oauth_id" class="code" readonly value="${secret.clientId}"></div>
-            <div class="field"><label class="label" for="oauth_secret">Client secret</label><input id="oauth_secret" class="code" readonly value="${secret.secret}"></div>
+            <div class="field"><label class="label" for="oauth_id">${tx('apip.client_id')}</label><input id="oauth_id" class="code" readonly value="${secret.clientId}"></div>
+            <div class="field"><label class="label" for="oauth_secret">${tx('apip.client_secret')}</label><input id="oauth_secret" class="code" readonly value="${secret.secret}"></div>
           </div>
           <pre class="source">curl -u '${secret.clientId}:${secret.secret}' -d grant_type=client_credentials ${tokenUrl}</pre>`
         : ''}
       ${clients.length
-        ? html`<div class="table-wrap"><table class="report report-reflow api-clients"><thead><tr><th>Client</th><th>Roles</th><th class="num">Token</th><th>Secret changed</th><th>Last used</th><th><span class="sr-only">Actions</span></th></tr></thead><tbody>
+        ? html`<div class="table-wrap"><table class="report report-reflow api-clients"><thead><tr><th>${tx('apip.client')}</th><th>${tx('apip.roles')}</th><th class="num">${tx('apip.token')}</th><th>${tx('apip.secret_changed')}</th><th>${tx('apip.last_used')}</th><th><span class="sr-only">${tx('apip.actions')}</span></th></tr></thead><tbody>
             ${clients.map((c) => html`<tr${c.active ? '' : raw(' class="muted"')}>
-              <td data-label="Client"><strong>${c.name}</strong>${c.active ? '' : html` <span class="tag">revoked</span>`}<br><code class="small">${c.client_id}</code>${c.description ? html`<br><small class="help">${c.description}</small>` : ''}</td>
-              <td data-label="Roles"><form method="post" action="${BASE}/apps/${a.id}/api/clients/${c.id}/roles" class="search roles-form u-m0 u-mwnone">${csrf(s)}
-                <input name="roles" value="${c.roles.join(', ')}" aria-label="Roles of ${c.name}" placeholder="no roles"><button class="btn btn-sm">Save</button>${roleHintsHtml(hints, 'Add')}</form></td>
-              <td class="num" data-label="Token">${c.token_minutes} min</td>
-              <td data-label="Secret changed">${when(c.secret_changed_at)}${c.grace ? html`<br><small class="help">old secret valid until ${when(c.previous_valid_until)}</small>` : ''}</td>
-              <td data-label="Last used">${when(c.last_used_at) || html`<span class="muted">never</span>`}</td>
+              <td data-label="${tx('apip.client')}"><strong>${c.name}</strong>${c.active ? '' : html` <span class="tag">revoked</span>`}<br><code class="small">${c.client_id}</code>${c.description ? html`<br><small class="help">${c.description}</small>` : ''}</td>
+              <td data-label="${tx('apip.roles')}"><form method="post" action="${BASE}/apps/${a.id}/api/clients/${c.id}/roles" class="search roles-form u-m0 u-mwnone">${csrf(s)}
+                <input name="roles" value="${c.roles.join(', ')}" aria-label="${tx('apip.aria_roles', { name: c.name })}" placeholder="${tx('apip.no_roles')}"><button class="btn btn-sm">${tx('apip.save')}</button>${roleHintsHtml(hints, tx('apip.add'))}</form></td>
+              <td class="num" data-label="${tx('apip.token')}">${tx('apip.minutes', { n: c.token_minutes })}</td>
+              <td data-label="${tx('apip.secret_changed')}">${when(c.secret_changed_at)}${c.grace ? html`<br><small class="help">${tx('apip.old_valid_until', { when: when(c.previous_valid_until) })}</small>` : ''}</td>
+              <td data-label="${tx('apip.last_used')}">${when(c.last_used_at) || html`<span class="muted">${tx('apip.never')}</span>`}</td>
               <td class="actions"><div class="api-client-actions">
-                ${action(c, 'rotate', 'New secret', html`<select name="grace" aria-label="Keep the old secret"><option value="24">old valid 24 h</option><option value="168">old valid 7 days</option><option value="0">old invalid now</option></select>`, 'btn btn-sm')}
-                ${action(c, 'active', c.active ? 'Revoke' : 'Reactivate', html`<input type="hidden" name="active" value="${c.active ? 'false' : 'true'}">`, 'btn btn-sm')}
-                ${action(c, 'delete', 'Delete', '', 'btn btn-sm btn-danger')}
+                ${action(c, 'rotate', tx('apip.new_secret'), html`<select name="grace" aria-label="${tx('apip.keep_the_old_secret')}"><option value="24">${tx('apip.old_24h')}</option><option value="168">${tx('apip.old_7d')}</option><option value="0">${tx('apip.old_now')}</option></select>`, 'btn btn-sm')}
+                ${action(c, 'active', c.active ? tx('apip.revoke') : tx('apip.reactivate'), html`<input type="hidden" name="active" value="${c.active ? 'false' : 'true'}">`, 'btn btn-sm')}
+                ${action(c, 'delete', tx('apip.delete'), '', 'btn btn-sm btn-danger')}
               </div></td></tr>`)}
           </tbody></table></div>
-          <details class="api-new u-mt1"><summary class="btn">${icon('plus')} New client</summary><div class="api-new-body">${createForm}</div></details>`
-        : html`<p class="muted">No clients yet.</p>${createForm}`}`,
+          <details class="api-new u-mt1"><summary class="btn">${icon('plus')} ${tx('apip.new_client')}</summary><div class="api-new-body">${createForm}</div></details>`
+        : html`<p class="muted">${tx('apip.no_clients_yet')}</p>${createForm}`}`,
     html`<span class="count">${clients.length}</span>`,
   );
 }
@@ -117,42 +117,42 @@ async function apiPage(s: Session, a: any, issued?: { token: string; username: s
       `curl -X POST ${url}/rpc/${e.name} -H "Authorization: Bearer ${token}" -H "Content-Type: application/json" -d '{ … }'`),
   ].join('\n');
 
-  const pill = (ok: boolean, text: Raw | string) => html`<li class="${ok ? 'is-ok' : 'is-bad'}"><span aria-hidden="true">${ok ? '✓' : '✗'}</span> <span class="sr-only">${ok ? 'OK:' : 'Problem:'}</span>${text}</li>`;
+  const pill = (ok: boolean, text: Raw | string) => html`<li class="${ok ? 'is-ok' : 'is-bad'}"><span aria-hidden="true">${ok ? '✓' : '✗'}</span> <span class="sr-only">${ok ? tx('apip.ok') : tx('apip.problem')}</span>${text}</li>`;
   const main = html`${appHeader(a, 'api', s)}
-    <p class="muted api-intro">PostgREST runs next to pgkiln and serves the <code>${API_SCHEMA}</code> schema over HTTP. Requests carry a JWT whose <code>role</code> claim is this application’s API role; row level security uses the same <code>meta.app_user()</code> and <code>meta.has_role()</code> as the web pages.</p>
-    <ul class="api-status" aria-label="Status">
-      ${pill(status.ok, html`PostgREST at <code>${url}</code>: ${status.ok ? status.detail : html`<b>not reachable</b> (${status.detail})`}`)}
-      ${role ? pill(!problem, problem ?? html`<code>${role}</code> is a dedicated role`) : pill(false, 'No API role: tokens are for the REST modules pgkiln serves only')}
-      ${role && !problem ? pill(!!granted?.ok, granted?.ok ? html`pgkiln_authenticator may switch to <code>${role}</code>` : html`<b>run</b> <code>grant ${role} to pgkiln_authenticator;</code>`) : ''}
+    <p class="muted api-intro">${tx.rich('apip.intro', { schema: html`<code>${API_SCHEMA}</code>`, role: html`<code>role</code>`, user: html`<code>meta.app_user()</code>`, has: html`<code>meta.has_role()</code>` })}</p>
+    <ul class="api-status" aria-label="${tx('apip.status')}">
+      ${pill(status.ok, html`${tx.rich('apip.at', { url: html`<code>${url}</code>` })} ${status.ok ? status.detail : html`<b>${tx('apip.not_reachable')}</b> (${status.detail})`}`)}
+      ${role ? pill(!problem, problem ?? tx.rich('apip.dedicated', { role: html`<code>${role}</code>` })) : pill(false, tx('apip.no_role'))}
+      ${role && !problem ? pill(!!granted?.ok, granted?.ok ? tx.rich('apip.may_switch', { role: html`<code>${role}</code>` }) : tx.rich('apip.run_grant', { run: html`<b>${tx('apip.run')}</b>`, sql: html`<code>grant ${role} to pgkiln_authenticator;</code>` })) : ''}
     </ul>
     <div class="columns api-top">
-      ${region('Setup', html`<form method="post" action="${BASE}/apps/${a.id}/api">${csrf(s)}
-          ${input('api_role', 'API database role', role, { placeholder: 'e.g. myapp_api', help: 'Grant it only the api schema’s views and functions, and grant it to pgkiln_authenticator. Empty: tokens work only for the REST modules pgkiln serves (Shared Components → REST modules).' })}
-          <div class="field"><label class="check"><input type="checkbox" name="api_self_tokens" value="true"${a.api_self_tokens ? raw(' checked') : ''}> Users create their own tokens</label>
-            <small class="help">On <em>My account</em>, signed-in users create a token that acts as them. A user the application requires two-factor sign-in of gives a second step first (if their last one is older than 15 minutes).</small></div>
-          <div class="buttons"><button class="btn btn-hot">Save</button></div>
+      ${region(tx('apip.setup'), html`<form method="post" action="${BASE}/apps/${a.id}/api">${csrf(s)}
+          ${input('api_role', tx('apip.api_database_role'), role, { placeholder: tx('apip.e_g_myapp_api'), help: tx('apip.grant_it_only_the_api') })}
+          <div class="field"><label class="check"><input type="checkbox" name="api_self_tokens" value="true"${a.api_self_tokens ? raw(' checked') : ''}> ${tx('apip.users_create_their_own_tokens')}</label>
+            <small class="help">${tx.rich('apip.self_help', { account: html`<em>${tx('apip.my_account')}</em>` })}</small></div>
+          <div class="buttons"><button class="btn btn-hot">${tx('apip.save')}</button></div>
         </form>`)}
-      ${region('Issue a token', html`<p class="muted u-mt0">For development and trusted scripts: the token acts as the account until it expires. Roles are read at each request; deactivating the account or revoking its access stops the token at once (<code>meta.api_check</code>). To invalidate all tokens, change <code>API_JWT_SECRET</code>.</p>
+      ${region(tx('apip.issue_a_token'), html`<p class="muted u-mt0">${tx.code('apip.for_development_and_trusted_scripts')}</p>
         <form method="post" action="${BASE}/apps/${a.id}/api/token">${csrf(s)}
           <div class="form-grid">
-            ${input('username', 'Account', issued?.username ?? '', { required: true, auto: 'off' })}
-            ${input('hours', 'Valid for (hours)', issued?.expiresInHours ?? 8, { type: 'number', help: `1 to ${MAX_TOKEN_HOURS}.` })}
+            ${input('username', tx('apip.account'), issued?.username ?? '', { required: true, auto: 'off' })}
+            ${input('hours', tx('apip.valid_for_hours'), issued?.expiresInHours ?? 8, { type: 'number', help: `1 to ${MAX_TOKEN_HOURS}.` })}
           </div>
-          <div class="buttons"><button class="btn btn-hot"${!problem ? '' : raw(' disabled')}>Issue token</button></div>
+          <div class="buttons"><button class="btn btn-hot"${!problem ? '' : raw(' disabled')}>${tx('apip.issue_token')}</button></div>
         </form>
         ${issued ? html`<div class="field u-mt1" data-wide><label class="label" for="api_token">Token for ${issued.username} (shown once, valid ${issued.expiresInHours} h)</label>
           <textarea id="api_token" class="code" rows="4" readonly spellcheck="false">${issued.token}</textarea></div>` : ''}`)}
     </div>
-    ${region('Endpoints', html`${eps.length
-      ? html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Path</th><th>Kind</th><th>Methods for ${role}</th></tr></thead>
-          <tbody>${eps.map((e) => html`<tr><td data-label="Path"><code>/${e.kind === 'function' ? 'rpc/' : ''}${e.name}</code></td><td data-label="Kind">${e.kind}</td><td data-label="Methods">${e.methods || html`<span class="muted">none</span>`}</td></tr>`)}</tbody></table></div>`
-      : html`<p class="muted u-mt0">Nothing in the <code>${API_SCHEMA}</code> schema yet${role ? '' : ', or no API role set'}. Create views and functions there and grant them to the API role.</p>`}
-      <h3 class="api-sub">Try it</h3>
+    ${region(tx('apip.endpoints'), html`${eps.length
+      ? html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th>${tx('apip.path')}</th><th>${tx('apip.kind')}</th><th>${tx('apip.methods_for', { role: role ?? '' })}</th></tr></thead>
+          <tbody>${eps.map((e) => html`<tr><td data-label="${tx('apip.path')}"><code>/${e.kind === 'function' ? 'rpc/' : ''}${e.name}</code></td><td data-label="${tx('apip.kind')}">${e.kind}</td><td data-label="${tx('apip.methods')}">${e.methods || html`<span class="muted">${tx('apip.none')}</span>`}</td></tr>`)}</tbody></table></div>`
+      : html`<p class="muted u-mt0">${tx.rich(role ? 'apip.nothing_yet' : 'apip.nothing_yet_no_role', { schema: html`<code>${API_SCHEMA}</code>` })}</p>`}
+      <h3 class="api-sub">${tx('apip.try_it')}</h3>
       <pre class="source">${examples}</pre>
-      <p class="muted small">After schema changes run <code>notify pgrst, 'reload schema';</code> so PostgREST picks them up. OpenAPI description: <a href="${url}/" target="_blank" rel="noopener">${url}/</a>.</p>`,
+      <p class="muted small">${tx.rich('apip.reload', { sql: html`<code>notify pgrst, 'reload schema';</code>`, link: html`<a href="${url}/" target="_blank" rel="noopener">${url}/</a>` })}</p>`,
       html`<span class="count">${eps.length}</span>`)}
     ${await clientsRegion(s, a, secret, !problem)}`;
-  return shell(s, `${a.name} REST API`, [['App Builder', BASE], [a.name, `${BASE}/apps/${a.id}`], ['REST API']], main);
+  return shell(s, `${a.name} REST API`, [[tx('apip.app_builder'), BASE], [a.name, `${BASE}/apps/${a.id}`], [tx('apip.rest_api')]], main);
 }
 
 export async function apiRoutes(app: FastifyInstance) {
@@ -214,7 +214,7 @@ export async function apiRoutes(app: FastifyInstance) {
       return send(reply.header('cache-control', 'no-store'), s, await apiPage(s, a, undefined, { name, clientId: r.client_id, secret: r.client_secret, rotated: false }));
     } catch (e) {
       const err = e as { code?: string; message: string };
-      flash(s, err.code === '23505' ? 'A client with this name already exists.' : err.code === '23514' ? 'Check the name (lower case letters, digits, . _ -) and the token lifetime (5–1440 minutes).' : err.message, 'error');
+      flash(s, err.code === '23505' ? 'A client with this name already exists.' : err.code === '23514' ? tx('apip.check_the_name_lower_case') : err.message, 'error');
       return back(reply, s, `${BASE}/apps/${a.id}/api`);
     }
   });
@@ -246,7 +246,7 @@ export async function apiRoutes(app: FastifyInstance) {
       flash(s, active ? `${c.name} can get tokens again.` : `${c.name} is revoked: its tokens stop working now.`);
     } else if (op === 'roles') {
       await owner.query('update meta.api_client set roles = $2 where id = $1', [c.id, splitRoles(req.body?.roles ?? '')]);
-      flash(s, `Roles of ${c.name} saved.`);
+      flash(s, tx('apip.roles_saved', { name: c.name }));
     } else if (op === 'delete') {
       await owner.query('delete from meta.api_client where id = $1', [c.id]);
       flash(s, `${c.name} deleted.`);

package/src/builder/app-groups.ts

@@ -5,18 +5,19 @@ 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';
 
 // Application groups (092; APEX: Workspace Utilities → Application Groups): a
 // workspace's named groups of applications. The App Builder home filters and
 // labels applications by group. Every developer of the workspace manages them.
 
 const NAME = /^\S(.{0,58}\S)?$/;
-const crumbs = (extra: [string, string?][] = []): [string, string?][] => [['App Builder', BASE], ['Workspace utilities', `${BASE}/utilities`], ['Application groups', `${BASE}/app-groups`], ...extra];
+const crumbs = (extra: [string, string?][] = []): [string, string?][] => [[tx('rail.app_builder'), BASE], [tx('wu.title'), `${BASE}/utilities`], [tx('wu.app_groups'), `${BASE}/app-groups`], ...extra];
 
 const groupError = (e: unknown) => {
   const m = (e as Error).message;
-  if (m.includes('app_group_workspace_id_name_key')) return 'A group with this name exists already.';
-  if (m.includes('app_group_name_check')) return 'The name is 1 to 60 characters, without spaces at the start or end.';
+  if (m.includes('app_group_workspace_id_name_key')) return tx('agr.exists');
+  if (m.includes('app_group_name_check')) return tx('agr.bad_name');
   return m;
 };
 
@@ -37,36 +38,36 @@ export async function appGroupRoutes(app: FastifyInstance) {
         [ws],
       ),
     ]);
-    const main = html`<div class="title-row"><h1>Application groups</h1></div>
-      <p class="muted u-mt0">Groups organise the applications of this workspace (${s.workspace?.name ?? ''}) on the App Builder home, which can show one group at a time. They change nothing in the applications.</p>
+    const main = html`<div class="title-row"><h1>${tx('wu.app_groups')}</h1></div>
+      <p class="muted u-mt0">${tx('agr.intro', { workspace: s.workspace?.name ?? '' })}</p>
       <div class="columns wide-left">
-        ${region('Groups', groups.rows.length
-          ? html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Group</th><th class="num">Applications</th><th>Rename</th><th></th></tr></thead><tbody>
+        ${region(tx('agr.groups'), groups.rows.length
+          ? html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th>${tx('agr.group')}</th><th class="num">${tx('agr.applications')}</th><th>${tx('agr.rename')}</th><th></th></tr></thead><tbody>
               ${groups.rows.map((g) => html`<tr>
-                <td data-label="Group"><a href="${BASE}?group=${g.id}">${g.name}</a>${g.description ? html`<br><span class="muted small">${g.description}</span>` : ''}</td>
-                <td class="num" data-label="Applications">${g.apps}</td>
-                <td data-label="Rename"><form method="post" action="${BASE}/app-groups/${g.id}" class="search u-mwnone">${csrf(s)}
-                  <label class="sr-only" for="g-${g.id}">New name for ${g.name}</label><input id="g-${g.id}" name="name" value="${g.name}" required maxlength="60">
-                  <button class="btn btn-sm">Rename</button></form></td>
-                <td><form method="post" action="${BASE}/app-groups/${g.id}/delete">${csrf(s)}<button class="btn btn-sm btn-danger" data-confirm="Delete the group ${g.name}? Its applications stay, without a group.">${icon('trash')}<span class="sr-only">Delete ${g.name}</span></button></form></td></tr>`)}
+                <td data-label="${tx('agr.group')}"><a href="${BASE}?group=${g.id}">${g.name}</a>${g.description ? html`<br><span class="muted small">${g.description}</span>` : ''}</td>
+                <td class="num" data-label="${tx('agr.applications')}">${g.apps}</td>
+                <td data-label="${tx('agr.rename')}"><form method="post" action="${BASE}/app-groups/${g.id}" class="search u-mwnone">${csrf(s)}
+                  <label class="sr-only" for="g-${g.id}">${tx('agr.new_name_for', { name: g.name })}</label><input id="g-${g.id}" name="name" value="${g.name}" required maxlength="60">
+                  <button class="btn btn-sm">${tx('agr.rename')}</button></form></td>
+                <td><form method="post" action="${BASE}/app-groups/${g.id}/delete">${csrf(s)}<button class="btn btn-sm btn-danger" data-confirm="${tx('agr.delete_confirm', { name: g.name })}">${icon('trash')}<span class="sr-only">${tx('agr.delete_name', { name: g.name })}</span></button></form></td></tr>`)}
             </tbody></table></div>`
-          : html`<p class="muted">No groups yet.</p>`)}
-        ${region('Add a group', html`<form method="post" action="${BASE}/app-groups">${csrf(s)}
-          ${input('name', 'Name', '', { required: true, placeholder: 'Finance' })}
-          ${input('description', 'Description', '')}
-          <div class="buttons"><button class="btn btn-hot">${icon('plus')} Add group</button></div></form>`)}
+          : html`<p class="muted">${tx('agr.no_groups')}</p>`)}
+        ${region(tx('agr.add_title'), html`<form method="post" action="${BASE}/app-groups">${csrf(s)}
+          ${input('name', tx('agr.name'), '', { required: true, placeholder: tx('agr.name_ph') })}
+          ${input('description', tx('agr.description'), '')}
+          <div class="buttons"><button class="btn btn-hot">${icon('plus')} ${tx('agr.add')}</button></div></form>`)}
       </div>
       <div class="u-spacer"></div>
-      ${region('Applications', apps.rows.length
+      ${region(tx('agr.applications'), apps.rows.length
         ? html`<form method="post" action="${BASE}/app-groups/assign">${csrf(s)}
-            <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Application</th><th>Group</th></tr></thead><tbody>
-            ${apps.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 data-label="Group"><label class="sr-only" for="a-${a.id}">Group of ${a.name}</label>
-                <select id="a-${a.id}" name="app_${a.id}"><option value="">(no group)</option>${groups.rows.map((g) => html`<option value="${g.id}"${a.group_id === g.id ? raw(' selected') : ''}>${g.name}</option>`)}</select></td></tr>`)}
+            <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>${tx('agr.application')}</th><th>${tx('agr.group')}</th></tr></thead><tbody>
+            ${apps.rows.map((a) => html`<tr><td data-label="${tx('agr.application')}"><a href="${BASE}/apps/${a.id}">${a.name}</a> <span class="muted">/a/${a.alias}</span></td>
+              <td data-label="${tx('agr.group')}"><label class="sr-only" for="a-${a.id}">${tx('agr.group_of', { name: a.name })}</label>
+                <select id="a-${a.id}" name="app_${a.id}"><option value="">${tx('agr.no_group')}</option>${groups.rows.map((g) => html`<option value="${g.id}"${a.group_id === g.id ? raw(' selected') : ''}>${g.name}</option>`)}</select></td></tr>`)}
             </tbody></table></div>
-            <div class="buttons"><button class="btn"${groups.rows.length ? '' : raw(' disabled')}>Save groups</button></div></form>`
-        : html`<p class="muted">No applications in this workspace.</p>`)}`;
-    return send(reply, s, shell(s, 'Application groups', crumbs(), main));
+            <div class="buttons"><button class="btn"${groups.rows.length ? '' : raw(' disabled')}>${tx('agr.save')}</button></div></form>`
+        : html`<p class="muted">${tx('agr.no_apps')}</p>`)}`;
+    return send(reply, s, shell(s, tx('wu.app_groups'), crumbs(), main));
   });
 
   app.post(`${BASE}/app-groups`, async (req: Req, reply) => {
@@ -74,10 +75,10 @@ export async function appGroupRoutes(app: FastifyInstance) {
     if (!s) return;
     const name = String(req.body?.name ?? '').trim();
     try {
-      if (!NAME.test(name)) throw new Error('The name is 1 to 60 characters, without spaces at the start or end.');
+      if (!NAME.test(name)) throw new Error(tx('agr.bad_name'));
       await owner.query('insert into meta.app_group (workspace_id, name, description) values ($1, $2, $3)', [currentWorkspace(s), name, String(req.body?.description ?? '').trim().slice(0, 2000) || null]);
       await logActivity({ username: s.username, event: 'app_group', ip: clientIp(req), detail: `added ${name}` });
-      flash(s, `Group ${name} added.`);
+      flash(s, tx('agr.added', { name }));
     } catch (e) {
       flash(s, groupError(e), 'error');
     }
@@ -89,10 +90,10 @@ export async function appGroupRoutes(app: FastifyInstance) {
     if (!s) return;
     const name = String(req.body?.name ?? '').trim();
     try {
-      if (!NAME.test(name)) throw new Error('The name is 1 to 60 characters, without spaces at the start or end.');
+      if (!NAME.test(name)) throw new Error(tx('agr.bad_name'));
       const r = await owner.query('update meta.app_group set name = $3 where id = $1 and workspace_id = $2', [req.params.id, currentWorkspace(s), name]);
       if (!r.rowCount) return reply.code(404).send('Not found');
-      flash(s, `Group renamed to ${name}.`);
+      flash(s, tx('agr.renamed', { name }));
     } catch (e) {
       flash(s, groupError(e), 'error');
     }
@@ -105,7 +106,7 @@ export async function appGroupRoutes(app: FastifyInstance) {
     const r = await owner.one<{ name: string }>('delete from meta.app_group where id = $1 and workspace_id = $2 returning name', [req.params.id, currentWorkspace(s)]);
     if (!r) return reply.code(404).send('Not found');
     await logActivity({ username: s.username, event: 'app_group', ip: clientIp(req), detail: `deleted ${r.name}` });
-    flash(s, `Group ${r.name} deleted.`);
+    flash(s, tx('agr.deleted', { name: r.name }));
     return back(reply, s, `${BASE}/app-groups`);
   });
 
@@ -126,7 +127,7 @@ export async function appGroupRoutes(app: FastifyInstance) {
           await c.query('insert into meta.app_group_member (app_id, group_id) values ($1, $2) on conflict (app_id) do update set group_id = excluded.group_id', [appId, groupId]);
       }
     });
-    flash(s, 'Groups saved.');
+    flash(s, tx('agr.saved'));
     return back(reply, s, `${BASE}/app-groups`);
   });
 }

package/src/builder/appfromfile.ts

@@ -24,6 +24,7 @@ import { appWizardRoutes, PASTED } from './appwizard.ts';
 import { finishGeneratedApp, checkNewApp, createApp, createAppError, reservedSchema, type CheckedApp } from './newapp.ts';
 import { currentWorkspace } from './workspaces.ts';
 import { BASE, csrf, developer, input, region, select, send, shell, type Body, type Req } from './ui.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // Create → From a file (APEX: Create App from a File). Step 1 uploads a
 // CSV/TSV, Excel .xlsx, JSON or XML file (parsed by src/dataload.ts, the
@@ -116,9 +117,9 @@ interface Built {
 export async function buildAppFromFile(checked: CheckedApp, sheet: Sheet, b: Body): Promise<Built> {
   const tableName = String(b.table ?? '').trim();
   const cols = chosenColumns(sheet, b);
-  if (!cols.length) throw new LoadError('Give at least one column a name.');
+  if (!cols.length) throw new LoadError(tx('aff.give_at_least_one_column'));
   // the table goes into the app's schema; createTableSql checks the names and the types
-  if (!/^[a-z_][a-z0-9_]{0,62}$/.test(tableName)) throw new LoadError('Table name: a lower-case name (letters, digits and _) without a schema; the table goes into the application\'s schema.');
+  if (!/^[a-z_][a-z0-9_]{0,62}$/.test(tableName)) throw new LoadError(tx('aff.table_name_a_lower_case'));
   const table = `${checked.schema}.${tableName}`;
   const ddl = createTableSql(table, cols);
   const headers = b.h !== '0';
@@ -127,7 +128,7 @@ export async function buildAppFromFile(checked: CheckedApp, sheet: Sheet, b: Bod
       throw new LoadError(createAppError(e, checked.alias));
     });
     await c.query(ddl).catch((e) => {
-      throw new LoadError((e as { code?: string }).code === '42P07' ? `The table ${table} already exists: choose another name.` : (e as Error).message);
+      throw new LoadError((e as { code?: string }).code === '42P07' ? tx('aff.table_exists', { table }) : (e as Error).message);
     });
     // explicit grants too: an existing schema may have other default privileges
     const T = (await c.query('select $1::regclass::text as t', [table])).rows[0].t as string;
@@ -159,7 +160,7 @@ export async function buildAppFromFile(checked: CheckedApp, sheet: Sheet, b: Bod
     const repeated = (col: CatalogColumn) => col.distinct_values !== null && col.distinct_values >= 2 && col.distinct_values <= 50 && col.distinct_values < rows;
     if (b.chart === 'true') {
       const group = groupColumn(catalog, rows);
-      if (!group) notes.push('No dashboard: no text, yes/no or date column has a few values that repeat, to count the rows by.');
+      if (!group) notes.push(tx('aff.no_dashboard'));
       else {
         await generate('chart', next, { label: 'Dashboard', icon: 'chart', nav: true, label_column: group, function: 'count', value_column: null });
         pages.push({ page: next++, label: `Dashboard (rows per ${group})` });
@@ -172,7 +173,7 @@ export async function buildAppFromFile(checked: CheckedApp, sheet: Sheet, b: Bod
         const col = catalog.find((x) => x.column_name === f);
         return col && (col.kind !== 'text' || repeated(col));
       });
-      if (!facets.length) notes.push('No faceted search: no column suits a filter.');
+      if (!facets.length) notes.push(tx('aff.no_facets'));
       else {
         await generate('facets', next, { label: `Search ${label.toLowerCase()}`, icon: 'filter', nav: true, facets });
         pages.push({ page: next++, label: `Faceted search (${facets.join(', ')})` });
@@ -195,43 +196,41 @@ export interface Created {
 export function createdHtml(built: Created | Built, adminUser: string, another: string) {
   const tables = 'table' in built ? [{ table: built.table, result: built.result }] : (built.tables ?? []);
   const errors = tables.flatMap((t) => t.result.errors.map((e) => ({ ...e, table: t.table })));
-  const loaded = tables.map((t) => `${t.table}: ${t.result.inserted} row(s) loaded${t.result.failed ? `, ${t.result.failed} skipped` : ''}.`).join(' ');
-  return html`<h1>Application created</h1>
-      <div class="alert alert-success" role="status">Application ${built.app.alias} created. ${loaded}${
-        built.app.existingAccount ? ` The existing account ${adminUser} got the admin role (its password was not changed).` : ''}</div>
+  const loaded = tables.map((t) => (t.result.failed ? tx('aff.loaded_skipped', { table: t.table, n: t.result.inserted, skipped: t.result.failed }) : tx('aff.loaded', { table: t.table, n: t.result.inserted }))).join(' ');
+  return html`<h1>${tx('aff.application_created')}</h1>
+      <div class="alert alert-success" role="status">${tx('aff.created', { alias: built.app.alias })} ${loaded}${
+        built.app.existingAccount ? ` ${tx('aff.existing_account', { user: adminUser })}` : ''}</div>
       ${errors.length
-        ? region('Skipped rows', html`<div class="table-wrap"><table class="report"><thead><tr>${tables.length > 1 ? html`<th>Table</th>` : ''}<th class="num">Row</th><th>Error</th></tr></thead>
+        ? region(tx('aff.skipped_rows'), html`<div class="table-wrap"><table class="report"><thead><tr>${tables.length > 1 ? html`<th>${tx('aff.table')}</th>` : ''}<th class="num">${tx('aff.row')}</th><th>${tx('aff.error')}</th></tr></thead>
             <tbody>${errors.map((e) => html`<tr>${tables.length > 1 ? html`<td>${e.table}</td>` : ''}<td class="num">${e.row}</td><td>${e.message}</td></tr>`)}</tbody></table></div>
-            ${tables.some((t) => t.result.failed > t.result.errors.length) ? html`<p class="muted">The first errors are shown.</p>` : ''}`)
+            ${tables.some((t) => t.result.failed > t.result.errors.length) ? html`<p class="muted">${tx('aff.the_first_errors_are_shown')}</p>` : ''}`)
         : ''}
-      ${'foreignKeys' in built && built.foreignKeys?.length ? region('Foreign keys', html`<ul>${built.foreignKeys.map((x) => html`<li>${x}</li>`)}</ul>`) : ''}
-      ${region('Pages', html`<ul>${built.pages.map((p) => html`<li>Page ${p.page}: ${p.label}</li>`)}</ul>
+      ${'foreignKeys' in built && built.foreignKeys?.length ? region(tx('aff.foreign_keys'), html`<ul>${built.foreignKeys.map((x) => html`<li>${x}</li>`)}</ul>`) : ''}
+      ${region(tx('aff.pages'), html`<ul>${built.pages.map((p) => html`<li>${tx('aff.page_item', { n: p.page, label: p.label })}</li>`)}</ul>
         ${built.notes.map((n) => html`<p class="muted">${n}</p>`)}`)}
       <div class="buttons u-mt1">
-        <a class="btn btn-hot" href="${BASE}/apps/${built.app.id}">${icon('edit')} Edit the application</a>
-        <a class="btn btn-run" href="/a/${built.app.alias}" target="_blank" rel="noopener">${icon('play')} Run</a>
-        <a class="btn" href="${another}">${icon('plus')} Create another</a>
+        <a class="btn btn-hot" href="${BASE}/apps/${built.app.id}">${icon('edit')} ${tx('aff.edit_the_application')}</a>
+        <a class="btn btn-run" href="/a/${built.app.alias}" target="_blank" rel="noopener">${icon('play')} ${tx('aff.run')}</a>
+        <a class="btn" href="${another}">${icon('plus')} ${tx('aff.create_another')}</a>
       </div>`;
 }
 
 export async function appFromFileRoutes(app: FastifyInstance) {
   const page = (s: Session, reply: FastifyReply, main: Raw) =>
-    send(reply, s, shell(s, 'Create application from a file', [['App Builder', BASE], ['Create', `${BASE}/create`], ['From a file']], html`<div class="ab-narrow">${main}</div>`));
+    send(reply, s, shell(s, tx('aff.create_application_from_a_file'), [[tx('aff.app_builder'), BASE], [tx('aff.create'), `${BASE}/create`], [tx('aff.from_a_file')]], html`<div class="ab-narrow">${main}</div>`));
 
   const uploadForm = (s: Session, error?: string) =>
-    html`<h1>Create an application from a file</h1>
-      <p class="muted">Upload a spreadsheet: CSV or TSV (UTF-8 or Windows-1252; the delimiter is detected), Excel .xlsx (each sheet becomes a table, up to ${MAX_SHEETS}), JSON (an array of objects; an object with several arrays becomes several tables) or XML, up to ${MAX_MB} MB.
-        Next you check the proposed tables and their columns. The application gets its own schema and database role, a table with the rows, a report and form, and optionally a dashboard and a faceted search.
-        <a href="${BASE}/create/paste">Paste data</a> instead, or <a href="${BASE}/create/tables">start from existing tables</a>.</p>
-      ${region('File', html`${error ? html`<div class="alert alert-error" role="alert">${error}</div>` : ''}
+    html`<h1>${tx('aff.create_an_application_from_a')}</h1>
+      <p class="muted">${tx.rich('aff.intro', { sheets: MAX_SHEETS, mb: MAX_MB, paste: html`<a href="${BASE}/create/paste">${tx('aff.paste_data')}</a>`, tables: html`<a href="${BASE}/create/tables">${tx('aff.start_from_existing_tables')}</a>` })}</p>
+      ${region(tx('aff.file'), html`${error ? html`<div class="alert alert-error" role="alert">${error}</div>` : ''}
         <form method="post" action="${BASE}/create/file" enctype="multipart/form-data">${csrf(s)}
           <div class="form-grid">
-            <div class="field"><label class="label" for="f_file">File</label>
+            <div class="field"><label class="label" for="f_file">${tx('aff.file')}</label>
               <input type="file" id="f_file" name="file" accept=".csv,.tsv,.txt,.xlsx,.json,.jsonl,.xml,text/csv,application/json,application/xml,text/xml" required></div>
             <div class="field"><span class="label" aria-hidden="true"></span>
-              <label class="check"><input type="checkbox" name="headers" value="true" checked> First row contains column names</label></div>
+              <label class="check"><input type="checkbox" name="headers" value="true" checked> ${tx('aff.first_row_contains_column_names')}</label></div>
           </div>
-          <div class="buttons"><a class="btn" href="${BASE}/create">Cancel</a><button class="btn btn-hot">${icon('upload')} Next</button></div>
+          <div class="buttons"><a class="btn" href="${BASE}/create">${tx('aff.cancel')}</a><button class="btn btn-hot">${icon('upload')} ${tx('aff.next')}</button></div>
         </form>`)}`;
 
   // step 1: the file
@@ -254,12 +253,12 @@ export async function appFromFileRoutes(app: FastifyInstance) {
       reply.code(422);
       return page(s, reply, uploadForm(s, message));
     };
-    if (!file) return fail('Choose a file.');
-    if (file.truncated) return fail(`The file is larger than ${MAX_MB} MB.`);
+    if (!file) return fail(tx('aff.choose_file'));
+    if (file.truncated) return fail(tx('aff.too_large', { mb: MAX_MB }));
     const headers = req.body?.headers === 'true';
     try {
       const sheets = await parseBook(file.filename, file.data, { headers });
-      if (!sheets.some((x) => x.rows.length)) throw new LoadError('The file has column names but no rows.');
+      if (!sheets.some((x) => x.rows.length)) throw new LoadError(tx('aff.the_file_has_column_names'));
     } catch (e) {
       if (e instanceof LoadError) return fail(e.message);
       throw e;
@@ -284,36 +283,36 @@ export async function appFromFileRoutes(app: FastifyInstance) {
       throw e;
     }
     const sheet = sheets[0];
-    const again = f.mime_type === PASTED ? html`<a href="${BASE}/create/paste">Paste other data</a>` : html`<a href="${BASE}/create/file">Choose another file</a>`;
+    const again = f.mime_type === PASTED ? html`<a href="${BASE}/create/paste">${tx('aff.paste_other_data')}</a>` : html`<a href="${BASE}/create/file">${tx('aff.choose_another_file')}</a>`;
     const schemas = (await owner.query(`select nspname from pg_namespace where nspname !~ '^pg_' and nspname not in ('information_schema', 'meta') order by 1`)).rows;
     const v = (k: string, d: string) => (b ? (b[k] ?? '') : d);
-    const appRegion = region('Application', html`<div class="form-grid">
-          ${input('name', 'Name', v('name', appNameFor(f.filename)), { required: true })}
-          ${input('alias', 'Alias (URL)', v('alias', await aliasFor(f.filename)), { required: true, help: 'lowercase, e.g. inventory → /a/inventory' })}
-          ${select('schema', 'Parsing schema', v('schema', ''), [['', '- new schema named after the alias -'], ...schemas.map((r): [string, string] => [r.nspname, r.nspname])],
-            `A database role app_<alias> is created with access to this schema only; the app runs as that role. The ${sheets.length > 1 ? 'tables are' : 'table is'} created in this schema.`)}
-          ${select('authentication', 'Authentication', v('authentication', 'app_users'), [['app_users', 'App users (login page)'], ['none', 'None (public)']])}
-          ${input('admin_user', 'First user', v('admin_user', ''), { placeholder: 'e.g. your name', help: 'Gets the admin role. An existing account in Users is reused.' })}
-          ${input('admin_password', 'Password', '', { type: 'password', auto: 'new-password', help: 'For a new account; at least 8 characters.' })}
+    const appRegion = region(tx('aff.application'), html`<div class="form-grid">
+          ${input('name', tx('aff.name'), v('name', appNameFor(f.filename)), { required: true })}
+          ${input('alias', tx('aff.alias_url'), v('alias', await aliasFor(f.filename)), { required: true, help: tx('aff.lowercase_e_g_inventory_a') })}
+          ${select('schema', tx('aff.parsing_schema'), v('schema', ''), [['', tx('aff.new_schema_named_after_the')], ...schemas.map((r): [string, string] => [r.nspname, r.nspname])],
+            sheets.length > 1 ? tx('aff.schema_help_n') : tx('aff.schema_help_1'))}
+          ${select('authentication', tx('aff.authentication'), v('authentication', 'app_users'), [['app_users', tx('aff.app_users_login_page')], ['none', tx('aff.none_public')]])}
+          ${input('admin_user', tx('aff.first_user'), v('admin_user', ''), { placeholder: tx('aff.e_g_your_name'), help: tx('aff.gets_the_admin_role_an') })}
+          ${input('admin_password', tx('aff.password'), '', { type: 'password', auto: 'new-password', help: tx('aff.for_a_new_account_at') })}
         </div>`);
     if (sheets.length > 1) {
-      return page(s, reply, html`<h1>Create an application from a file</h1>
+      return page(s, reply, html`<h1>${tx('aff.create_an_application_from_a')}</h1>
         ${message}
-        <p class="muted">${f.filename}: ${sheets.length} ${sheet.format === 'json' ? 'arrays' : 'sheets'} (${sheets.map((x) => `${x.name}: ${x.rows.length} row(s)`).join(', ')}). ${again}</p>
+        <p class="muted">${tx(sheet.format === 'json' ? 'aff.arrays_info' : 'aff.sheets_info', { file: f.filename, n: sheets.length, list: sheets.map((x) => tx('aff.sheet_rows', { name: x.name, n: x.rows.length })).join(', ') })} ${again}</p>
         <form method="post" action="${BASE}/create/file/${req.params.id}">${csrf(s)}<input type="hidden" name="h" value="${headers ? '1' : '0'}">
         ${appRegion}
         <div class="u-spacer"></div>
         ${sheetsForm(sheets, b)}
         <div class="u-spacer"></div>
-        ${region('Pages', html`<p class="muted u-mt0">Page 1 is the Home page; each table gets an interactive report with a modal form to create, change and delete rows, and a navigation entry. More pages can be added later with the page wizards.</p>
-          ${check('chart', 'Dashboard: a chart per table with the number of rows per parent row (a foreign key) or per value of a text, yes/no or date column', b ? b.chart === 'true' : true)}
-          ${check('skip_errors', 'Skip rows with errors (otherwise nothing is created when a row fails)', v('skip_errors', '') === 'true')}`)}
-        <div class="buttons"><a class="btn" href="${BASE}/create">Cancel</a><button class="btn btn-hot" name="action" value="create">Create application</button></div>
+        ${region(tx('aff.pages'), html`<p class="muted u-mt0">${tx('aff.page_1_is_the_home')}</p>
+          ${check('chart', tx('aff.dashboard_a_chart_per_table'), b ? b.chart === 'true' : true)}
+          ${check('skip_errors', tx('aff.skip_rows_with_errors_otherwise'), v('skip_errors', '') === 'true')}`)}
+        <div class="buttons"><a class="btn" href="${BASE}/create">${tx('aff.cancel')}</a><button class="btn btn-hot" name="action" value="create">${tx('aff.create_application')}</button></div>
         </form>`);
     }
     const suggested = suggestColumns(sheet);
-    const info = `${f.filename}: ${sheet.rows.length} row(s), ${sheet.headers.length} column(s)${
-      sheet.format === 'xlsx' ? ', Excel' : sheet.format === 'json' ? ', JSON' : sheet.format === 'xml' ? `, XML rows <${sheet.rowPath}>` : `, delimiter ${sheet.delimiter === '\t' ? 'tab' : `“${sheet.delimiter}”`}`
+    const info = `${tx('aff.info', { file: f.filename, rows: sheet.rows.length, cols: sheet.headers.length })}${
+      sheet.format === 'xlsx' ? ', Excel' : sheet.format === 'json' ? ', JSON' : sheet.format === 'xml' ? tx('aff.xml_rows', { path: `<${sheet.rowPath}>` }) : tx('aff.delimiter', { d: sheet.delimiter === '\t' ? tx('aff.tab') : `“${sheet.delimiter}”` })
     }`;
     const sample = (i: number) =>
       sheet.rows
@@ -322,30 +321,30 @@ export async function appFromFileRoutes(app: FastifyInstance) {
         .slice(0, SAMPLE)
         .map((x) => (x.length > 30 ? `${x.slice(0, 30)}…` : x))
         .join(' · ');
-    const main = html`<h1>Create an application from a file</h1>
+    const main = html`<h1>${tx('aff.create_an_application_from_a')}</h1>
       ${message}
-      ${region('Preview', html`<p class="muted">${info}${sheet.rows.length > 10 ? ' (first 10 shown)' : ''}. ${again}</p>${preview(sheet)}`)}
+      ${region(tx('aff.preview'), html`<p class="muted">${info}${sheet.rows.length > 10 ? ` ${tx('aff.first_10')}` : ''}. ${again}</p>${preview(sheet)}`)}
       <div class="u-spacer"></div>
       <form method="post" action="${BASE}/create/file/${req.params.id}">${csrf(s)}<input type="hidden" name="h" value="${headers ? '1' : '0'}">
       ${appRegion}
       <div class="u-spacer"></div>
-      ${region('Table', html`<div class="form-grid">
-          ${input('table', 'Table name', v('table', tableNameFor(f.filename)), { required: true, help: 'In the application\'s schema; the table gets an identity primary key id.' })}
+      ${region(tx('aff.table'), html`<div class="form-grid">
+          ${input('table', tx('aff.table_name'), v('table', tableNameFor(f.filename)), { required: true, help: tx('aff.in_the_application_s_schema') })}
         </div>
-        <div class="table-wrap"><table class="report ff-cols"><thead><tr><th scope="col">File column</th><th scope="col">Values</th><th scope="col">Column name (empty = skip)</th><th scope="col">Type</th></tr></thead><tbody>
+        <div class="table-wrap"><table class="report ff-cols"><thead><tr><th scope="col">${tx('aff.file_column')}</th><th scope="col">${tx('aff.values')}</th><th scope="col">${tx('aff.col_name_head')}</th><th scope="col">${tx('aff.type')}</th></tr></thead><tbody>
           ${suggested.map((c) => {
             const type = v(`type_${c.index}`, c.type);
             return html`<tr><td>${sheet.headers[c.index]}</td><td class="muted small ff-sample">${sample(c.index)}</td>
-              <td><input name="name_${c.index}" value="${v(`name_${c.index}`, c.name)}" aria-label="Column name for ${sheet.headers[c.index]}"></td>
-              <td><select name="type_${c.index}" aria-label="Type of ${sheet.headers[c.index]}">${COLUMN_TYPES.map((t) => html`<option value="${t}"${t === type ? raw(' selected') : ''}>${t}</option>`)}</select></td></tr>`;
+              <td><input name="name_${c.index}" value="${v(`name_${c.index}`, c.name)}" aria-label="${tx('aff.col_name_for', { col: sheet.headers[c.index] })}"></td>
+              <td><select name="type_${c.index}" aria-label="${tx('aff.type_of', { col: sheet.headers[c.index] })}">${COLUMN_TYPES.map((t) => html`<option value="${t}"${t === type ? raw(' selected') : ''}>${t}</option>`)}</select></td></tr>`;
           })}
         </tbody></table></div>
-        ${check('skip_errors', 'Skip rows with errors (otherwise nothing is created when a row fails)', v('skip_errors', '') === 'true')}`)}
+        ${check('skip_errors', tx('aff.skip_rows_with_errors_otherwise'), v('skip_errors', '') === 'true')}`)}
       <div class="u-spacer"></div>
-      ${region('Pages', html`<p class="muted u-mt0">Page 1 is the Home page; page 2 an interactive report of the table with a modal form (page 3) to create, change and delete rows. Each page gets a navigation entry. More pages can be added later with the page wizards.</p>
-        ${check('chart', 'Dashboard: a chart with the number of rows per value of a text, yes/no or date column', b ? b.chart === 'true' : true)}
-        ${check('facets', 'Faceted search: a report with a filter panel (values with counts, ranges and a search field)', b ? b.facets === 'true' : true)}`)}
-      <div class="buttons"><a class="btn" href="${BASE}/create">Cancel</a><button class="btn btn-hot">Create application</button></div>
+      ${region(tx('aff.pages'), html`<p class="muted u-mt0">${tx('aff.page_1_is_the_home_2')}</p>
+        ${check('chart', tx('aff.dashboard_a_chart_with_the'), b ? b.chart === 'true' : true)}
+        ${check('facets', tx('aff.faceted_search_a_report_with'), b ? b.facets === 'true' : true)}`)}
+      <div class="buttons"><a class="btn" href="${BASE}/create">${tx('aff.cancel')}</a><button class="btn btn-hot">${tx('aff.create_application')}</button></div>
       </form>`;
     return page(s, reply, main);
   };
@@ -370,7 +369,7 @@ export async function appFromFileRoutes(app: FastifyInstance) {
     if (b.action === 'preview') return settings(req, reply, s, b);
     let built: Built | BuiltBook;
     try {
-      if (reservedSchema(String(b.schema ?? ''))) throw new LoadError(`The schema ${b.schema} can't be the parsing schema of an application.`);
+      if (reservedSchema(String(b.schema ?? ''))) throw new LoadError(tx('aff.bad_schema', { schema: String(b.schema) }));
       const checked = await checkNewApp(b, currentWorkspace(s)).catch((e) => {
         throw new LoadError((e as Error).message);
       });