pgkiln 0.84.0 → 0.86.0

package/src/builder/assistant.ts

@@ -7,6 +7,7 @@ import { assistantProblems, type AssistantConfig } from '../runtime/assistant.ts
 import type { Session } from '../session.ts';
 import { agentOptions } from './ai-agents.ts';
 import { back, BASE, csrf, developer, flash, type Req } from './ui.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // Page designer → an AI assistant region → Settings (service, prompts,
 // context queries, tools, limits), and → a report region → "Ask in your own
@@ -29,7 +30,7 @@ async function serviceOptions(appId: number, current: unknown) {
   };
 }
 
-const NO_SERVICE = html`<p class="muted">This application may not use any AI service yet: an administrator adds one under <a href="${BASE}/ai">Workspace utilities → AI services</a> and allows this application to use it.</p>`;
+const NO_SERVICE = () => html`<p class="muted">${tx.rich('asst.no_service', { link: html`<a href="${BASE}/ai">${tx('asst.workspace_utilities_ai_services')}</a>` })}</p>`;
 
 const json = (v: unknown) => (v === undefined ? '' : JSON.stringify(v, null, 2));
 
@@ -40,41 +41,41 @@ export async function assistantSettingsForm(pageId: number, appId: number, r: {
   const problems = assistantProblems(cfg);
   const agents = await agentOptions(appId);
   const agent = typeof cfg.agent === 'string' ? cfg.agent.toUpperCase() : '';
-  return html`<h3 class="u-mt15">AI assistant settings</h3>
-    <p class="muted u-mt0">A chat with an AI service. What users type, the context rows and the tools' results go to the service's provider (Claude, OpenAI, Gemini, or the OpenAI-compatible endpoint in its base URL). Context queries and SQL tools run as the application's database role; SQL tools are rolled back unless they may change data.</p>
-    ${allowed.length ? '' : NO_SERVICE}
+  return html`<h3 class="u-mt15">${tx('asst.ai_assistant_settings')}</h3>
+    <p class="muted u-mt0">${tx('asst.a_chat_with_an_ai')}</p>
+    ${allowed.length ? '' : NO_SERVICE()}
     ${problems.length ? html`<div class="alert alert-error" role="alert">${problems.join(' ')}</div>` : ''}
     <form method="post" action="${BASE}/pages/${pageId}/region/${r.id}/assistant" class="component-form">${csrf(s)}
-      <fieldset class="prop-group"><legend>Assistant</legend><div class="form-grid">
-        <div class="field"><label class="label" for="${id('agent')}">AI agent</label>
-          <select id="${id('agent')}" name="agent">${opt('', '- none: the service, prompt and tools below -', agent)}${agents.map((n) => opt(n, n, agent))}${agent && !agents.includes(agent) ? opt(agent, `${agent} (does not exist)`, agent) : ''}</select>
-          <small class="help">An agent of <a href="${BASE}/apps/${appId}/ai-agents">Shared Components → AI Agents</a> sets the service, system prompt, reasoning effort, tools and steps; saving with an agent removes the region's own service, system prompt, tools and tool rounds.</small></div>
-        <div class="field"><label class="label" for="${id('service')}">AI service</label>
-          <select id="${id('service')}" name="service">${opt('', '- choose -', cfg.service ?? '')}${options}</select></div>
-        <div class="field"><label class="label" for="${id('max_rounds')}">Tool rounds per question</label>
+      <fieldset class="prop-group"><legend>${tx('asst.assistant')}</legend><div class="form-grid">
+        <div class="field"><label class="label" for="${id('agent')}">${tx('asst.ai_agent')}</label>
+          <select id="${id('agent')}" name="agent">${opt('', tx('asst.none_the_service_prompt_and'), agent)}${agents.map((n) => opt(n, n, agent))}${agent && !agents.includes(agent) ? opt(agent, `${agent} (does not exist)`, agent) : ''}</select>
+          <small class="help">${tx.rich('asst.agent_help', { link: html`<a href="${BASE}/apps/${appId}/ai-agents">${tx('asst.shared_components_ai_agents')}</a>` })}</small></div>
+        <div class="field"><label class="label" for="${id('service')}">${tx('asst.ai_service')}</label>
+          <select id="${id('service')}" name="service">${opt('', tx('asst.choose'), cfg.service ?? '')}${options}</select></div>
+        <div class="field"><label class="label" for="${id('max_rounds')}">${tx('asst.tool_rounds_per_question')}</label>
           <input id="${id('max_rounds')}" name="max_rounds" type="number" min="1" max="10" value="${cfg.max_rounds ?? ''}" placeholder="5"></div>
-        <div class="field"><label class="label" for="${id('max_turns')}">Questions per conversation</label>
+        <div class="field"><label class="label" for="${id('max_turns')}">${tx('asst.questions_per_conversation')}</label>
           <input id="${id('max_turns')}" name="max_turns" type="number" min="1" max="100" value="${cfg.max_turns ?? ''}" placeholder="20"></div>
-        <div class="field" data-wide><label class="label" for="${id('system')}">System prompt</label>
+        <div class="field" data-wide><label class="label" for="${id('system')}">${tx('asst.system_prompt')}</label>
           <textarea id="${id('system')}" name="system" rows="4">${cfg.system ?? ''}</textarea>
-          <small class="help">Who the assistant is and what it may answer. <code>&amp;ITEM.</code> is replaced by the item's value as delimited data (never the session id or passwords).</small></div>
-        <div class="field" data-wide><label class="label" for="${id('welcome')}">Welcome text</label>
+          <small class="help">${tx.code('asst.who_the_assistant_is_and')}</small></div>
+        <div class="field" data-wide><label class="label" for="${id('welcome')}">${tx('asst.welcome_text')}</label>
           <textarea id="${id('welcome')}" name="welcome" rows="2">${cfg.welcome ?? ''}</textarea></div>
-        <div class="field"><label class="label" for="${id('placeholder')}">Placeholder</label>
+        <div class="field"><label class="label" for="${id('placeholder')}">${tx('asst.placeholder')}</label>
           <input id="${id('placeholder')}" name="placeholder" maxlength="200" value="${cfg.placeholder ?? ''}"></div>
-        <div class="field"><label class="label" for="${id('error_message')}">Error message</label>
-          <input id="${id('error_message')}" name="error_message" maxlength="300" value="${cfg.error_message ?? ''}" placeholder="the service's message"></div>
+        <div class="field"><label class="label" for="${id('error_message')}">${tx('asst.error_message')}</label>
+          <input id="${id('error_message')}" name="error_message" maxlength="300" value="${cfg.error_message ?? ''}" placeholder="${tx('asst.the_service_s_message')}"></div>
       </div>
-      <div class="field"><label class="check"><input type="checkbox" name="public" value="true"${cfg.public ? raw(' checked') : ''}> Also for users who are not signed in (every question costs tokens)</label></div></fieldset>
-      <fieldset class="prop-group"><legend>Context and tools</legend>
-        <div class="field"><label class="label" for="${id('context')}">Context queries (JSON)</label>
+      <div class="field"><label class="check"><input type="checkbox" name="public" value="true"${cfg.public ? raw(' checked') : ''}> ${tx('asst.also_for_users_who_are')}</label></div></fieldset>
+      <fieldset class="prop-group"><legend>${tx('asst.context_and_tools')}</legend>
+        <div class="field"><label class="label" for="${id('context')}">${tx('asst.context_queries_json')}</label>
           <textarea id="${id('context')}" name="context" rows="5" class="code" spellcheck="false">${json(cfg.context)}</textarea>
-          <small class="help">Run before each question; their rows go to the model as data. <code>[{"name": "policy", "sql": "select title, body from hr.policy where body @@ plainto_tsquery(:AI_PROMPT)", "max_rows": 5}]</code> (<code>:AI_PROMPT</code> is the question, <code>:APP_USER</code> and items as usual).</small></div>
-        <div class="field"><label class="label" for="${id('tools')}">Tools (JSON)</label>
+          <small class="help">${tx.code('asst.run_before_each_question_their')}</small></div>
+        <div class="field"><label class="label" for="${id('tools')}">${tx('asst.tools_json')}</label>
           <textarea id="${id('tools')}" name="tools" rows="10" class="code" spellcheck="false">${json(cfg.tools)}</textarea>
-          <small class="help">The model calls them when it needs to. SQL: <code>{"name": "my_leave", "description": "…", "sql": "select … where status = :STATUS", "parameters": {"STATUS": {"type": "string", "enum": ["PENDING", "APPROVED"]}}}</code>; add <code>"writes": true</code> for a tool that changes data and <code>"authz": "SCHEME"</code> to offer it only to some users. REST: <code>{"name": "department", "type": "rest", "source": "DEPARTMENT", "description": "…", "parameters": {"dname": {"type": "string"}}}</code>. Parameter types: string, integer, number, boolean, date; <code>"optional": true</code> allows none.</small></div>
+          <small class="help">${tx.code('asst.the_model_calls_them_when')}</small></div>
       </fieldset>
-      <div class="buttons"><button class="btn btn-hot">Save AI assistant settings</button></div>
+      <div class="buttons"><button class="btn btn-hot">${tx('asst.save_ai_assistant_settings')}</button></div>
     </form>`;
 }
 
@@ -84,9 +85,9 @@ async function appProblems(appId: number, cfg: AssistantConfig) {
   const sources = new Set((await owner.query<{ name: string }>('select name from meta.rest_source where app_id = $1', [appId])).rows.map((x) => x.name));
   const schemes = new Set((await owner.query<{ name: string }>('select name from meta.authz_scheme where app_id = $1', [appId])).rows.map((x) => x.name.toUpperCase()));
   for (const t of Array.isArray(cfg.tools) ? cfg.tools : []) {
-    if (t?.type === 'rest' && typeof t.source === 'string' && !sources.has(t.source.toUpperCase())) out.push(`Tool "${t.name}": there is no REST data source ${t.source.toUpperCase()}.`);
+    if (t?.type === 'rest' && typeof t.source === 'string' && !sources.has(t.source.toUpperCase())) out.push(tx('asst.no_rest_source', { tool: t.name, source: t.source.toUpperCase() }));
     if (typeof t?.authz === 'string' && t.authz.trim() && !['MUST_NOT_BE_PUBLIC_USER'].includes(t.authz.replace(/^!/, '').trim().toUpperCase()) && !schemes.has(t.authz.replace(/^!/, '').trim().toUpperCase()))
-      out.push(`Tool "${t.name}": there is no authorization scheme ${t.authz}.`);
+      out.push(tx('asst.no_authz', { tool: t.name, scheme: t.authz }));
   }
   return out;
 }
@@ -124,12 +125,12 @@ export async function mergeAssistantSettings(appId: number, config: Config, b: B
       try {
         out[k] = JSON.parse(v);
       } catch {
-        errors.push(`${k === 'tools' ? 'Tools' : 'Context queries'}: not valid JSON (kept as it was).`);
+        errors.push(`${k === 'tools' ? tx('asst.tools') : tx('asst.context_queries')}: not valid JSON (kept as it was).`);
       }
   }
   if (out.agent) {
     for (const k of ['service', 'system', 'tools', 'max_rounds']) delete out[k];
-    if (!(await agentOptions(appId)).includes(out.agent)) errors.push(`There is no AI agent ${out.agent}.`);
+    if (!(await agentOptions(appId)).includes(out.agent)) errors.push(tx('asst.no_agent', { agent: out.agent }));
   }
   errors.push(...assistantProblems(out), ...(await appProblems(appId, out as AssistantConfig)));
   return { config: out, errors };
@@ -140,17 +141,17 @@ export async function aiFilterSettingsForm(pageId: number, appId: number, r: { i
   const cfg = (r.config?.ai_filter ?? {}) as Config;
   const id = (n: string) => `raf_${r.id}_${n}`;
   const { options } = await serviceOptions(appId, cfg.service);
-  return html`<h3 class="u-mt15">Ask in your own words (AI)</h3>
-    <p class="muted u-mt0">Users type a question; it becomes the report's own settings (filters, highlights, sort, control break, totals, group by, pivot, chart, computed columns; only columns the report shows, only its operators), shown as chips they can edit, remove or undo. With an AI service the question and the column names go to the service's provider; without one (<i>built-in phrases</i>) pgkiln reads common phrases itself, in English, Dutch and German.</p>
+  return html`<h3 class="u-mt15">${tx('asst.ask_in_your_own_words')}</h3>
+    <p class="muted u-mt0">${tx.rich('asst.filter_intro', { builtin: html`<i>${tx('asst.built_in_phrases')}</i>` })}</p>
     <form method="post" action="${BASE}/pages/${pageId}/region/${r.id}/ai-filter" class="component-form">${csrf(s)}
       <div class="form-grid">
-        <div class="field"><label class="label" for="${id('service')}">AI service</label>
-          <select id="${id('service')}" name="service">${opt('', '- off -', r.config?.ai_filter ? '-' : '')}${opt('-', 'Built-in phrases (no AI)', r.config?.ai_filter && !cfg.service ? '-' : '')}${options}</select></div>
-        <div class="field" data-wide><label class="label" for="${id('placeholder')}">Placeholder</label>
+        <div class="field"><label class="label" for="${id('service')}">${tx('asst.ai_service')}</label>
+          <select id="${id('service')}" name="service">${opt('', tx('asst.off'), r.config?.ai_filter ? '-' : '')}${opt('-', tx('asst.built_in_phrases_no_ai'), r.config?.ai_filter && !cfg.service ? '-' : '')}${options}</select></div>
+        <div class="field" data-wide><label class="label" for="${id('placeholder')}">${tx('asst.placeholder')}</label>
           <input id="${id('placeholder')}" name="placeholder" maxlength="200" value="${cfg.placeholder ?? ''}"></div>
       </div>
-      <div class="field"><label class="check"><input type="checkbox" name="public" value="true"${cfg.public ? raw(' checked') : ''}> Also for users who are not signed in</label></div>
-      <div class="buttons"><button class="btn">Save</button></div>
+      <div class="field"><label class="check"><input type="checkbox" name="public" value="true"${cfg.public ? raw(' checked') : ''}> ${tx('asst.also_for_users_who_are_2')}</label></div>
+      <div class="buttons"><button class="btn">${tx('asst.save')}</button></div>
     </form>`;
 }
 
@@ -170,7 +171,7 @@ export async function assistantBuilderRoutes(app: FastifyInstance) {
     const { config, errors } = await mergeAssistantSettings(r.app_id, r.config ?? {}, (req.body ?? {}) as Body);
     await owner.query('update meta.region set config = $2 where id = $1', [r.id, JSON.stringify(config)]);
     if (errors.length) flash(s, `Saved, but: ${errors.join(' ')}`, 'error');
-    else flash(s, 'Settings saved.');
+    else flash(s, tx('asst.settings_saved'));
     return back(reply, s, `${BASE}/pages/${pid}?c=region-${rid}`);
   });
 
@@ -193,7 +194,7 @@ export async function assistantBuilderRoutes(app: FastifyInstance) {
     if (errors.length) flash(s, errors.join(' '), 'error');
     else {
       await owner.query('update meta.region set config = $2 where id = $1', [r.id, JSON.stringify(config)]);
-      flash(s, 'Settings saved.');
+      flash(s, tx('asst.settings_saved'));
     }
     return back(reply, s, `${BASE}/pages/${pid}?c=region-${rid}`);
   });

package/src/builder/automations.ts

@@ -5,6 +5,7 @@ import { html, type Raw } from '../html.ts';
 import { icon } from '../icons.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';
 
 // Shared Components → Automations: the actions (add, edit, reorder),
 // next run, Run now and the run history with the errors per row, under the
@@ -23,13 +24,13 @@ export function actionPrefill(automation: string, actions: any[]) {
 /** Under an action's form: back to its automation. */
 export function actionExtras(row: any, automations: any[]): Raw {
   const a = automations.find((x) => x.name === row.automation_name);
-  return a ? html`<p class="u-mt1"><a class="btn" href="?c=automation-${a.id}">${icon('clock')} Back to ${a.name}</a></p>` : html``;
+  return a ? html`<p class="u-mt1"><a class="btn" href="?c=automation-${a.id}">${icon('clock')} ${tx('au.back_to', { name: a.name })}</a></p>` : html``;
 }
 
 function rowErrors(errors: RowError[] | null, failed: number | null): Raw {
   if (!errors?.length) return html``;
-  return html`<details><summary>${failed ?? errors.length} failed row(s)${failed && failed > errors.length ? ` (first ${errors.length})` : ''}</summary>
-    <ul class="small">${errors.map((e) => html`<li>Row ${e.row}, action <b>${e.action}</b>: ${e.message}${e.values ? html`<br><code>${e.values}</code>` : ''}</li>`)}</ul></details>`;
+  return html`<details><summary>${tx('au.failed_rows', { n: failed ?? errors.length })}${failed && failed > errors.length ? ` ${tx('au.first', { n: errors.length })}` : ''}</summary>
+    <ul class="small">${errors.map((e) => html`<li>${tx.rich('au.row_action', { row: e.row, action: html`<b>${e.action}</b>` })}: ${e.message}${e.values ? html`<br><code>${e.values}</code>` : ''}</li>`)}</ul></details>`;
 }
 
 /** Actions, next run, Run now and the last runs of an automation. */
@@ -43,44 +44,44 @@ export async function automationExtras(appId: number, row: { id: number; name: s
   ).rows;
   let next: string;
   try {
-    next = row.enabled ? when(nextRun(parseCron(row.schedule), row.time_zone, new Date())) : 'not scheduled (disabled)';
+    next = row.enabled ? when(nextRun(parseCron(row.schedule), row.time_zone, new Date())) : tx('au.not_scheduled');
   } catch (e) {
-    next = `never: ${(e as Error).message}`;
+    next = tx('au.never', { message: (e as Error).message });
   }
-  const scheduler = process.env.AUTOMATIONS === 'off' ? html` <b>(the scheduler is off on this server: AUTOMATIONS=off)</b>` : '';
+  const scheduler = process.env.AUTOMATIONS === 'off' ? html` <b>${tx('au.scheduler_off')}</b>` : '';
   const move = (id: number, dir: 'up' | 'down', label: string, disabled: boolean) =>
     html`<form method="post" action="${BASE}/apps/${appId}/shared/automation_action/${id}/move" class="u-inline">${csrf(s)}<input type="hidden" name="dir" value="${dir}"><button class="link-button" aria-label="${label}"${disabled ? html` disabled` : ''}>${dir === 'up' ? '↑' : '↓'}</button></form>`;
-  const actionsHtml = html`<fieldset class="prop-group u-mt125"><legend>Actions</legend>
-      <p class="muted u-mt0">Run in this order${row.query?.trim() ? ', for each row of the query' : ', once'}, in one transaction${row.error_handling === 'skip' && row.query?.trim() ? ' per run; a failing row is rolled back and skipped' : ''}.</p>
+  const actionsHtml = html`<fieldset class="prop-group u-mt125"><legend>${tx('au.actions')}</legend>
+      <p class="muted u-mt0">${tx(!row.query?.trim() ? 'au.order_once' : row.error_handling === 'skip' ? 'au.order_rows_skip' : 'au.order_rows')}</p>
       ${actions.length
-        ? html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th class="num">Seq</th><th>Action</th><th>Condition</th><th>Order</th></tr></thead><tbody>
+        ? html`<div class="table-wrap"><table class="report report-reflow"><thead><tr><th class="num">${tx('au.seq')}</th><th>${tx('au.action')}</th><th>${tx('au.condition')}</th><th>${tx('au.order')}</th></tr></thead><tbody>
             ${actions.map((x, i) => html`<tr>
-              <td class="num" data-label="Seq">${x.seq}</td>
-              <td data-label="Action"><a href="?c=automation_action-${x.id}">${x.name}</a></td>
-              <td data-label="Condition">${x.condition ? html`<code>${x.condition.length > 80 ? x.condition.slice(0, 80) + '…' : x.condition}</code>` : html`<span class="muted">always</span>`}</td>
-              <td data-label="Order">${move(x.id, 'up', `Move ${x.name} up`, i === 0)} ${move(x.id, 'down', `Move ${x.name} down`, i === actions.length - 1)}</td></tr>`)}
+              <td class="num" data-label="${tx('au.seq')}">${x.seq}</td>
+              <td data-label="${tx('au.action')}"><a href="?c=automation_action-${x.id}">${x.name}</a></td>
+              <td data-label="${tx('au.condition')}">${x.condition ? html`<code>${x.condition.length > 80 ? x.condition.slice(0, 80) + '…' : x.condition}</code>` : html`<span class="muted">${tx('au.always')}</span>`}</td>
+              <td data-label="${tx('au.order')}">${move(x.id, 'up', tx('au.move_up', { name: x.name }), i === 0)} ${move(x.id, 'down', tx('au.move_down', { name: x.name }), i === actions.length - 1)}</td></tr>`)}
           </tbody></table></div>`
-        : html`<p class="muted">No actions yet: a run does nothing.</p>`}
-      <p><a class="btn" href="?new=automation_action&amp;automation=${encodeURIComponent(row.name)}">＋ Add action</a></p>
+        : html`<p class="muted">${tx('au.no_actions')}</p>`}
+      <p><a class="btn" href="?new=automation_action&amp;automation=${encodeURIComponent(row.name)}">＋ ${tx('au.add_action')}</a></p>
     </fieldset>`;
-  return html`${actionsHtml}<fieldset class="prop-group u-mt125"><legend>Runs</legend>
-      <p>Next run: <b>${next}</b>${scheduler}</p>
-      <p class="muted">From application code: <code>select meta.run_automation('${row.name}')</code> runs it now, in the caller's transaction.</p>
+  return html`${actionsHtml}<fieldset class="prop-group u-mt125"><legend>${tx('au.runs')}</legend>
+      <p>${tx.rich('au.next_run', { when: html`<b>${next}</b>` })}${scheduler}</p>
+      <p class="muted">${tx.rich('au.from_code', { call: html`<code>select meta.run_automation('${row.name}')</code>` })}</p>
       <form method="post" action="${BASE}/apps/${appId}/shared/automation/${row.id}/run">${csrf(s)}
-        <button class="btn">${icon('play')} Run now</button>
+        <button class="btn">${icon('play')} ${tx('au.run_now')}</button>
       </form>
       ${log.length
-        ? html`<div class="table-wrap u-mt075"><table class="report report-reflow"><thead><tr><th>Started</th><th>Took</th><th>By</th><th>Status</th><th class="num">Rows</th><th class="num">Failed</th><th>Message</th></tr></thead><tbody>
+        ? html`<div class="table-wrap u-mt075"><table class="report report-reflow"><thead><tr><th>${tx('au.started')}</th><th>${tx('au.took')}</th><th>${tx('au.by')}</th><th>${tx('au.status')}</th><th class="num">${tx('au.rows')}</th><th class="num">${tx('au.failed')}</th><th>${tx('au.message')}</th></tr></thead><tbody>
             ${log.map((l) => html`<tr>
-              <td data-label="Started">${when(l.started_at)}</td>
-              <td data-label="Took">${l.finished_at ? `${((new Date(l.finished_at).getTime() - new Date(l.started_at).getTime()) / 1000).toFixed(1)} s` : '…'}</td>
-              <td data-label="By">${l.trigger}${l.run_by ? html` <span class="muted">(${l.run_by})</span>` : ''}</td>
-              <td data-label="Status"><span class="tag${STATUS_TAG[l.status] ?? ''}">${l.status}</span></td>
-              <td class="num" data-label="Rows">${l.rows ?? ''}</td>
-              <td class="num" data-label="Failed">${l.rows_failed || ''}</td>
-              <td data-label="Message">${l.message ?? ''}${rowErrors(l.errors, l.rows_failed)}</td></tr>`)}
+              <td data-label="${tx('au.started')}">${when(l.started_at)}</td>
+              <td data-label="${tx('au.took')}">${l.finished_at ? `${((new Date(l.finished_at).getTime() - new Date(l.started_at).getTime()) / 1000).toFixed(1)} s` : '…'}</td>
+              <td data-label="${tx('au.by')}">${l.trigger}${l.run_by ? html` <span class="muted">(${l.run_by})</span>` : ''}</td>
+              <td data-label="${tx('au.status')}"><span class="tag${STATUS_TAG[l.status] ?? ''}">${l.status}</span></td>
+              <td class="num" data-label="${tx('au.rows')}">${l.rows ?? ''}</td>
+              <td class="num" data-label="${tx('au.failed')}">${l.rows_failed || ''}</td>
+              <td data-label="${tx('au.message')}">${l.message ?? ''}${rowErrors(l.errors, l.rows_failed)}</td></tr>`)}
           </tbody></table></div>`
-        : html`<p class="muted">No runs yet.</p>`}
+        : html`<p class="muted">${tx('au.no_runs')}</p>`}
     </fieldset>`;
 }
 
@@ -93,9 +94,9 @@ export async function automationRoutes(app: FastifyInstance) {
     const a = /^\d+$/.test(id) && /^\d+$/.test(cid) ? await owner.one('select id from meta.automation where id = $1 and app_id = $2', [cid, id]) : undefined;
     if (!a) return reply.code(404).send('Not found');
     const r = await runAutomation(a.id, 'manual');
-    if (r.status === 'ok') flash(s, `Ran successfully${r.rows ? ` for ${r.rows} row(s)` : ''}.`);
-    else if (r.status === 'warning') flash(s, `Ran with errors: ${r.message}. See the run history.`, 'error');
-    else flash(s, r.message ?? 'The automation failed.', 'error');
+    if (r.status === 'ok') flash(s, r.rows ? tx('au.ran_rows', { n: r.rows }) : tx('au.ran'));
+    else if (r.status === 'warning') flash(s, tx('au.ran_errors', { message: r.message ?? '' }), 'error');
+    else flash(s, r.message ?? tx('au.failed_run'), 'error');
     return back(reply, s, target);
   });
 

package/src/builder/availability.ts

@@ -4,18 +4,21 @@ import { html, raw } from '../html.ts';
 import { clientIp, logActivity } from '../session.ts';
 import { appOr404 } from './forms.ts';
 import { appHeader, back, BASE, csrf, developer, flash, region, select, send, shell, type Req } from './ui.ts';
+import { scopedTx as tx, type BuilderKey } from './i18n.ts';
 
 // Application → Availability (APEX: Application Availability and Build Status,
 // migration 083): who may use the running application, the message they see
 // otherwise, and whether the builder may change it (Run only). Allowed on a
 // Run only application (src/builder/locks.ts), logged as "availability".
 
-const MODES: [string, string][] = [
-  ['available', 'Available'],
-  ['developers', 'Available to developers only'],
-  ['restricted', 'Restricted to the users below (and developers)'],
-  ['unavailable', 'Unavailable'],
+const MODE_KEYS: [string, BuilderKey][] = [
+  ['available', 'avl.mode.available'],
+  ['developers', 'avl.mode.developers'],
+  ['restricted', 'avl.mode.restricted'],
+  ['unavailable', 'avl.mode.unavailable'],
 ];
+/** The statuses with their labels in the developer's language. */
+const modes = (): [string, string][] => MODE_KEYS.map(([v, k]) => [v, tx(k)]);
 
 export async function availabilityRoutes(app: FastifyInstance) {
   app.get(`${BASE}/apps/:id(^\\d+$)/availability`, async (req: Req, reply) => {
@@ -23,35 +26,32 @@ export async function availabilityRoutes(app: FastifyInstance) {
     if (!s) return;
     const a = await appOr404(req.params.id);
     if (!a) return reply.code(404).send('Not found');
-    const body = region('Availability', html`<form method="post" action="${BASE}/apps/${a.id}/availability">${csrf(s)}
-      <p class="muted u-mt0">Who may use the running application. Developers are those signed in to the builder in the same browser
-        (they see the developer toolbar). Pages, file downloads, REST modules and the REST API follow this setting; automations,
-        workflows, background jobs and queued mail keep running. It belongs to this installation: exports leave it out and an
-        import over the application keeps it.</p>
+    const body = region(tx('app.head.availability'), html`<form method="post" action="${BASE}/apps/${a.id}/availability">${csrf(s)}
+      <p class="muted u-mt0">${tx('avl.intro')}</p>
       <div class="form-grid">
-        ${select('availability', 'Status', a.availability, MODES)}
-        <div class="field" data-wide><label class="label" for="f_message">Message</label>
+        ${select('availability', tx('avl.status'), a.availability, modes())}
+        <div class="field" data-wide><label class="label" for="f_message">${tx('avl.message')}</label>
           <textarea id="f_message" name="message" rows="3" maxlength="2000">${a.availability_message ?? ''}</textarea>
-          <small class="help">Shown when the application is unavailable or for developers only, e.g. "We are upgrading the application; back at 14:00." Empty: a standard message in the user's language.</small></div>
-        <div class="field" data-wide><label class="label" for="f_users">Users (restricted)</label>
+          <small class="help">${tx('avl.message_help')}</small></div>
+        <div class="field" data-wide><label class="label" for="f_users">${tx('avl.users')}</label>
           <textarea id="f_users" name="users" rows="2">${(a.availability_users ?? []).join(', ')}</textarea>
-          <small class="help">User names separated by commas or spaces. They sign in as usual; others get "not available to your account".</small></div>
-        ${select('build_status', 'Build status', a.build_status, [['run_and_build', 'Run and build'], ['run_only', 'Run only']],
-          'Run only: the builder refuses changes to the application (pages, shared components, settings, restores) until it is set back here. pgkiln import --replace still deploys it.')}
+          <small class="help">${tx('avl.users_help')}</small></div>
+        ${select('build_status', tx('avl.build_status'), a.build_status, [['run_and_build', tx('avl.run_and_build')], ['run_only', tx('avl.run_only')]],
+          tx('avl.build_status_help'))}
       </div>
-      <div class="buttons"><button class="btn btn-hot">Save</button></div></form>`);
+      <div class="buttons"><button class="btn btn-hot">${tx('common.save')}</button></div></form>`);
     const main = html`${appHeader(a, 'settings', s)}<div class="ide-body">${body}</div>`;
-    return send(reply, s, shell(s, `${a.name} availability`, [['App Builder', BASE], [a.name, `${BASE}/apps/${a.id}`], ['Availability']], main));
+    return send(reply, s, shell(s, tx('avl.page_title', { name: a.name }), [[tx('rail.app_builder'), BASE], [a.name, `${BASE}/apps/${a.id}`], [tx('app.head.availability')]], main));
   });
 
   app.post(`${BASE}/apps/:id(^\\d+$)/availability`, async (req: Req, reply) => {
     const s = await developer(req, reply);
     if (!s) return;
     const b = req.body ?? {};
-    const mode = MODES.some(([v]) => v === b.availability) ? b.availability : 'available';
+    const mode = MODE_KEYS.some(([v]) => v === b.availability) ? b.availability : 'available';
     const users = [...new Set(String(b.users ?? '').split(/[\s,;]+/).map((u) => u.trim()).filter(Boolean))];
     if (users.some((u) => u.length > 100 || /[:\s]/.test(u))) {
-      flash(s, 'User names are at most 100 characters, without spaces or colons.', 'error');
+      flash(s, tx('avl.users_invalid'), 'error');
       return back(reply, s, `${BASE}/apps/${req.params.id}/availability`);
     }
     const build = b.build_status === 'run_only' ? 'run_only' : 'run_and_build';
@@ -59,7 +59,7 @@ export async function availabilityRoutes(app: FastifyInstance) {
       `update meta.app set availability = $2, availability_message = $3, availability_users = $4, build_status = $5, updated_at = now() where id = $1`,
       [req.params.id, mode, String(b.message ?? '').trim().slice(0, 2000) || null, users, build]);
     if (r.rowCount) await logActivity({ appId: Number(req.params.id), username: s.username, event: 'availability', ip: clientIp(req), detail: `${mode}, ${build}` });
-    flash(s, r.rowCount ? 'Availability saved.' : 'Not found.', r.rowCount ? 'ok' : 'error');
+    flash(s, r.rowCount ? tx('avl.saved') : tx('avl.not_found'), r.rowCount ? 'ok' : 'error');
     return back(reply, s, `${BASE}/apps/${req.params.id}/availability`);
   });
 }
@@ -68,7 +68,7 @@ export async function availabilityRoutes(app: FastifyInstance) {
 export const availabilityBadge = (a: { id: number; availability?: string; build_status?: string }) =>
   a.availability && a.availability !== 'available' || a.build_status === 'run_only'
     ? html`<a class="tag tag-warning availability-badge" href="${BASE}/apps/${a.id}/availability">${[
-        a.availability && a.availability !== 'available' ? MODES.find(([v]) => v === a.availability)?.[1] : null,
-        a.build_status === 'run_only' ? 'Run only' : null,
+        a.availability && a.availability !== 'available' ? modes().find(([v]) => v === a.availability)?.[1] : null,
+        a.build_status === 'run_only' ? tx('avl.run_only') : null,
       ].filter(Boolean).join(' · ')}</a>`
     : raw('');

package/src/builder/backups.ts

@@ -6,6 +6,7 @@ import { icon } from '../icons.ts';
 import { clientIp, logActivity } from '../session.ts';
 import { appOr404 } from './forms.ts';
 import { appHeader, back, BASE, csrf, developer, flash, input, region, send, shell, type Req } from './ui.ts';
+import { scopedTx as tx, type BuilderKey } from './i18n.ts';
 
 // Application → Backups (APEX: Application Backups, migration 082): the
 // exports this installation keeps of an application (before every import
@@ -14,8 +15,8 @@ import { appHeader, back, BASE, csrf, developer, flash, input, region, send, she
 // backup, so the version it replaces is backed up as well. Locks of the
 // application are respected (developer() refuses a POST to a locked app).
 
-const REASON: Record<string, string> = {
-  import: 'before an import', merge: 'before a working copy merge', restore: 'before a restore', daily: 'daily', manual: 'made by hand',
+const REASON: Record<string, BuilderKey> = {
+  import: 'bkp.reason.import', merge: 'bkp.reason.merge', restore: 'bkp.reason.restore', daily: 'bkp.reason.daily', manual: 'bkp.reason.manual',
 };
 const when = (d: string | Date) => new Date(d).toISOString().slice(0, 16).replace('T', ' ');
 const kb = (n: number) => (n < 1024 * 1024 ? `${Math.max(1, Math.round(n / 1024))} KB` : `${(n / 1024 / 1024).toFixed(1)} MB`);
@@ -39,35 +40,33 @@ export async function backupRoutes(app: FastifyInstance) {
     const rows = (await owner.query(
       'select id, created_at, created_by, reason, note, size from meta.app_backup where app_id = $1 order by created_at desc, id desc', [a.id])).rows;
     const body = html`
-      ${region('Backups', html`
-        <p class="muted u-mt0">Exports of this application kept by this installation: one before every import that replaces it (also from the
-          command line and the MCP server), before a working copy merge and a restore, one a day when it changed, and the ones made here.
-          The newest ${a.backups_keep} are kept. Backups are not exported.</p>
-        <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Made (UTC)</th><th>Why</th><th>By</th><th>Note</th><th class="num">Size</th><th>Actions</th></tr></thead><tbody>
+      ${region(tx('app.head.backups'), html`
+        <p class="muted u-mt0">${tx('bkp.intro', { n: a.backups_keep })}</p>
+        <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>${tx('bkp.made_utc')}</th><th>${tx('bkp.why')}</th><th>${tx('bkp.by')}</th><th>${tx('bkp.note')}</th><th class="num">${tx('bkp.size')}</th><th>${tx('bkp.actions')}</th></tr></thead><tbody>
         ${rows.length ? rows.map((b) => html`<tr>
-          <td data-label="Made">${when(b.created_at)}</td>
-          <td data-label="Why">${REASON[b.reason] ?? b.reason}</td>
-          <td data-label="By">${b.created_by ?? ''}</td>
-          <td data-label="Note" class="u-break">${b.note ?? ''}</td>
-          <td class="num" data-label="Size">${kb(b.size)}</td>
-          <td data-label="Actions"><div class="buttons">
-            <a class="btn btn-sm" href="${BASE}/apps/${a.id}/backups/${b.id}/download">${icon('download')} Download</a>
+          <td data-label="${tx('bkp.made')}">${when(b.created_at)}</td>
+          <td data-label="${tx('bkp.why')}">${REASON[b.reason] ? tx(REASON[b.reason]) : b.reason}</td>
+          <td data-label="${tx('bkp.by')}">${b.created_by ?? ''}</td>
+          <td data-label="${tx('bkp.note')}" class="u-break">${b.note ?? ''}</td>
+          <td class="num" data-label="${tx('bkp.size')}">${kb(b.size)}</td>
+          <td data-label="${tx('bkp.actions')}"><div class="buttons">
+            <a class="btn btn-sm" href="${BASE}/apps/${a.id}/backups/${b.id}/download">${icon('download')} ${tx('bkp.download')}</a>
             <form method="post" action="${BASE}/apps/${a.id}/backups/${b.id}/restore" class="u-inline">${csrf(s)}
-              <button class="btn btn-sm" data-confirm="Restore the application as it was on ${when(b.created_at)}? Its pages, shared components and settings become those of the backup; the current version is backed up first.">${icon('history')} Restore</button></form>
+              <button class="btn btn-sm" data-confirm="${tx('bkp.restore_confirm', { when: when(b.created_at) })}">${icon('history')} ${tx('bkp.restore')}</button></form>
             <form method="post" action="${BASE}/apps/${a.id}/backups/${b.id}/delete" class="u-inline">${csrf(s)}
-              <button class="btn btn-sm btn-danger" data-confirm="Delete this backup?">Delete</button></form>
+              <button class="btn btn-sm btn-danger" data-confirm="${tx('bkp.delete_confirm')}">${tx('bkp.delete')}</button></form>
           </div></td></tr>`)
-          : html`<tr><td colspan="6" class="empty">No backups yet.</td></tr>`}</tbody></table></div>`)}
+          : html`<tr><td colspan="6" class="empty">${tx('bkp.none')}</td></tr>`}</tbody></table></div>`)}
       <div class="columns">
-        ${region('Back up now', html`<form method="post" action="${BASE}/apps/${a.id}/backups">${csrf(s)}
-          <div class="form-grid">${input('note', 'Note', '', { placeholder: 'e.g. before the new dashboard' })}</div>
-          <div class="buttons"><button class="btn btn-hot">${icon('save')} Back up now</button></div></form>`)}
-        ${region('Keep', html`<form method="post" action="${BASE}/apps/${a.id}/backups/settings">${csrf(s)}
-          <div class="form-grid">${input('keep', 'Backups to keep', a.backups_keep, { type: 'number', help: '0 to 500; 0 makes no backups at all (also not before an import).' })}</div>
-          <div class="buttons"><button class="btn">Save</button></div></form>`)}
+        ${region(tx('bkp.back_up_now'), html`<form method="post" action="${BASE}/apps/${a.id}/backups">${csrf(s)}
+          <div class="form-grid">${input('note', tx('bkp.note'), '', { placeholder: tx('bkp.note_placeholder') })}</div>
+          <div class="buttons"><button class="btn btn-hot">${icon('save')} ${tx('bkp.back_up_now')}</button></div></form>`)}
+        ${region(tx('bkp.keep'), html`<form method="post" action="${BASE}/apps/${a.id}/backups/settings">${csrf(s)}
+          <div class="form-grid">${input('keep', tx('bkp.to_keep'), a.backups_keep, { type: 'number', help: tx('bkp.to_keep_help') })}</div>
+          <div class="buttons"><button class="btn">${tx('common.save')}</button></div></form>`)}
       </div>`;
     const main = html`${appHeader(a, 'pages', s)}<div class="ide-body">${body}</div>`;
-    return send(reply, s, shell(s, `${a.name} backups`, [['App Builder', BASE], [a.name, `${BASE}/apps/${a.id}`], ['Backups']], main));
+    return send(reply, s, shell(s, tx('bkp.page_title', { name: a.name }), [[tx('rail.app_builder'), BASE], [a.name, `${BASE}/apps/${a.id}`], [tx('app.head.backups')]], main));
   });
 
   app.post(`${BASE}/apps/:id(^\\d+$)/backups`, async (req: Req, reply) => {
@@ -76,7 +75,7 @@ export async function backupRoutes(app: FastifyInstance) {
     const a = await appOr404(req.params.id);
     if (!a) return reply.code(404).send('Not found');
     const r = await owner.one(`select meta.backup_app($1, 'manual', $2, $3) as id`, [a.id, s.username, String(req.body?.note ?? '').trim().slice(0, 500) || null]);
-    flash(s, r.id ? 'Backup made.' : 'No backup made: this application keeps none (set "Backups to keep").', r.id ? 'ok' : 'error');
+    flash(s, r.id ? tx('bkp.made_flash') : tx('bkp.none_kept'), r.id ? 'ok' : 'error');
     return back(reply, s, `${BASE}/apps/${a.id}/backups`);
   });
 
@@ -84,12 +83,12 @@ export async function backupRoutes(app: FastifyInstance) {
     const s = await developer(req, reply);
     if (!s) return;
     const keep = Number(req.body?.keep);
-    if (!Number.isInteger(keep) || keep < 0 || keep > 500) flash(s, 'Backups to keep: a whole number from 0 to 500.', 'error');
+    if (!Number.isInteger(keep) || keep < 0 || keep > 500) flash(s, tx('bkp.keep_invalid'), 'error');
     else {
       await owner.query('update meta.app set backups_keep = $2, updated_at = now() where id = $1', [req.params.id, keep]);
       // fewer to keep: the oldest go now
       await owner.query(`delete from meta.app_backup where app_id = $1 and id not in (select id from meta.app_backup where app_id = $1 order by created_at desc, id desc limit $2)`, [req.params.id, keep]);
-      flash(s, 'Saved.');
+      flash(s, tx('bkp.saved'));
     }
     return back(reply, s, `${BASE}/apps/${req.params.id}/backups`);
   });
@@ -112,14 +111,14 @@ export async function backupRoutes(app: FastifyInstance) {
     try {
       const at = await owner.tx(async (c) => {
         const b = (await c.query('select doc, created_at from meta.app_backup where id = $1 and app_id = $2', [req.params.bid, a.id])).rows[0];
-        if (!b) throw new Error('Backup not found.');
+        if (!b) throw new Error(tx('bkp.not_found'));
         await replaceApp(c, b.doc, a.alias, { backup: { reason: 'restore', user: s.username, note: `before restoring the backup of ${when(b.created_at)}` } });
         return when(b.created_at);
       });
       await logActivity({ appId: a.id, username: s.username, event: 'backup_restored', ip: clientIp(req), detail: `backup ${req.params.bid} of ${at}` });
-      flash(s, `Restored the application as it was on ${at}. The version it replaced is the newest backup.`);
+      flash(s, tx('bkp.restored', { when: at }));
     } catch (e) {
-      flash(s, `Restore failed: ${(e as Error).message}`, 'error');
+      flash(s, tx('bkp.restore_failed', { message: (e as Error).message }), 'error');
     }
     return back(reply, s, `${BASE}/apps/${a.id}/backups`);
   });
@@ -128,7 +127,7 @@ export async function backupRoutes(app: FastifyInstance) {
     const s = await developer(req, reply);
     if (!s) return;
     const r = await owner.query('delete from meta.app_backup where id = $1 and app_id = $2', [req.params.bid, req.params.id]);
-    flash(s, r.rowCount ? 'Backup deleted.' : 'Not found.', r.rowCount ? 'ok' : 'error');
+    flash(s, r.rowCount ? tx('bkp.deleted') : tx('bkp.not_found_short'), r.rowCount ? 'ok' : 'error');
     return back(reply, s, `${BASE}/apps/${req.params.id}/backups`);
   });
 }