pgkiln 0.84.0 → 0.85.0

package/src/builder/arrange.ts

@@ -3,6 +3,7 @@ import { owner } from '../db.ts';
 import { saveState, type Session } from '../session.ts';
 import { COMPONENTS } from './components.ts';
 import { BASE, developer, flash, type Req } from './ui.ts';
+import { scopedTx as tx } from './i18n.ts';
 
 // Page designer layout: moving regions, items and buttons (drag and drop on
 // the Layout tab, or the Move up / Move down / column span buttons), creating
@@ -142,7 +143,7 @@ async function targetRegion(c: Q, pid: number, value: string): Promise<number |
   if (value === '') return null;
   const id = int(value);
   if (id === null || !(await c.query('select 1 from meta.region where id = $1 and page_id = $2', [id, pid])).rowCount)
-    throw new LayoutError(400, 'That region is not on this page.');
+    throw new LayoutError(400, tx('arr.that_region_is_not_on'));
   return id;
 }
 
@@ -165,8 +166,8 @@ export async function moveComponent(c: Q, pid: number, kind: LayoutKind, id: num
   if (kind === 'region' && o.position !== undefined && !o.dir) place = o.position || 'body';
   if (kind === 'button' && o.slot !== undefined && !o.dir) place = o.slot || 'region';
   if (kind === 'button' && region === null) place = '';
-  if (kind === 'region' && !POSITIONS().includes(place)) throw new LayoutError(400, 'Unknown position.');
-  if (kind === 'button' && place && !SLOTS().includes(place)) throw new LayoutError(400, 'Unknown button position.');
+  if (kind === 'region' && !POSITIONS().includes(place)) throw new LayoutError(400, tx('arr.unknown_position'));
+  if (kind === 'button' && place && !SLOTS().includes(place)) throw new LayoutError(400, tx('arr.unknown_button_position'));
   const scope = kind === 'region' ? " and coalesce(position, 'body') = $2"
     : kind === 'button' ? " and region_id is not distinct from $2 and (region_id is null or coalesce(slot, 'region') = $3)"
     : ' and region_id is not distinct from $2';
@@ -178,13 +179,13 @@ export async function moveComponent(c: Q, pid: number, kind: LayoutKind, id: num
     const now = list.indexOf(id);
     at = Math.max(0, Math.min(others.length, now + (o.dir === 'up' ? -1 : 1)));
   } else if (o.dir) {
-    throw new LayoutError(400, 'Unknown direction.');
+    throw new LayoutError(400, tx('arr.unknown_direction'));
   } else if (!o.before) {
     at = others.length;
   } else {
     const before = int(o.before);
     at = before === null ? -1 : others.indexOf(before);
-    if (at < 0) throw new LayoutError(400, 'The place to move to is not in that region.');
+    if (at < 0) throw new LayoutError(400, tx('arr.the_place_to_move_to'));
   }
   others.splice(at, 0, id);
   const stored = place === 'body' || place === 'region' || place === '' ? null : place;
@@ -198,9 +199,9 @@ export async function moveComponent(c: Q, pid: number, kind: LayoutKind, id: num
 /** Sets a region's column span (1–12), or widens / narrows it by one column. */
 export async function spanRegion(c: Q, pid: number, id: number, o: { columns?: string; delta?: string }) {
   const row = (await c.query('select columns from meta.region where id = $1 and page_id = $2', [id, pid])).rows[0];
-  if (!row) throw new LayoutError(404, 'Region not found on this page.');
+  if (!row) throw new LayoutError(404, tx('arr.region_not_found_on_this'));
   const n = o.delta === '1' ? row.columns + 1 : o.delta === '-1' ? row.columns - 1 : int(o.columns);
-  if (n === null || n < 1 || n > 12) throw new LayoutError(400, 'The column span is 1 to 12.');
+  if (n === null || n < 1 || n > 12) throw new LayoutError(400, tx('arr.the_column_span_is_1'));
   await c.query('update meta.region set columns = $3 where id = $1 and page_id = $2', [id, pid, n]);
   return n;
 }
@@ -208,10 +209,10 @@ export async function spanRegion(c: Q, pid: number, id: number, o: { columns?: s
 /** A new component from the gallery, with a working default; placed like moveComponent. Returns its id. */
 export async function createComponent(c: Q, pid: number, kind: LayoutKind, type: string, o: { region?: string; before?: string; position?: string; slot?: string }) {
   const page = (await c.query('select page_no from meta.page where id = $1', [pid])).rows[0];
-  if (!page) throw new LayoutError(404, 'Page not found.');
+  if (!page) throw new LayoutError(404, tx('arr.page_not_found'));
   let id: number;
   if (kind === 'region') {
-    if (!REGION_TYPES().includes(type)) throw new LayoutError(400, 'Unknown region type.');
+    if (!REGION_TYPES().includes(type)) throw new LayoutError(400, tx('arr.unknown_region_type'));
     id = (await c.query(`insert into meta.region (page_id, seq, title, type, source) values ($1, 999999, $2, $3, $4) returning id`,
       [pid, `New ${REGION_LABELS[type]?.[0].toLowerCase() ?? type}`, type, NEW_REGION_SOURCE[type] ?? null])).rows[0].id;
     // (140) a breadcrumb goes in the breadcrumb bar, without a frame of its own (unless it is dropped elsewhere)
@@ -222,14 +223,14 @@ export async function createComponent(c: Q, pid: number, kind: LayoutKind, type:
   } else {
     const region = await targetRegion(c, pid, o.region ?? '');
     if (kind === 'item') {
-      if (!ITEM_TYPES().includes(type)) throw new LayoutError(400, 'Unknown item type.');
+      if (!ITEM_TYPES().includes(type)) throw new LayoutError(400, tx('arr.unknown_item_type'));
       const taken = new Set((await c.query('select name from meta.item where page_id = $1', [pid])).rows.map((r) => r.name));
       const base = `P${page.page_no}_NEW`;
       let name = base;
       for (let i = 2; taken.has(name); i++) name = `${base}_${i}`;
       id = (await c.query(`insert into meta.item (page_id, region_id, seq, name, label, type) values ($1, $2, 999999, $3, 'New item', $4) returning id`, [pid, region, name, type])).rows[0].id;
     } else {
-      if (!BUTTON_ACTIONS().includes(type)) throw new LayoutError(400, 'Unknown button action.');
+      if (!BUTTON_ACTIONS().includes(type)) throw new LayoutError(400, tx('arr.unknown_button_action'));
       const taken = new Set((await c.query('select name from meta.button where page_id = $1', [pid])).rows.map((r) => r.name));
       let name = 'NEW_BUTTON';
       for (let i = 2; taken.has(name); i++) name = `NEW_BUTTON_${i}`;
@@ -268,7 +269,7 @@ export async function duplicateComponent(c: Q, pid: number, kind: LayoutKind, id
   const row = (await c.query(`select * from ${table} where id = $1 and page_id = $2`, [id, pid])).rows[0];
   if (!row) throw new LayoutError(404, `${COMPONENTS[kind].label} not found on this page.`);
   const pages = (await c.query('select t.page_no from meta.page t join meta.page f on f.app_id = t.app_id where t.id = $1 and f.id = $2', [toPid, pid])).rows;
-  if (!pages.length) throw new LayoutError(400, 'That page is not in this application.');
+  if (!pages.length) throw new LayoutError(400, tx('arr.that_page_is_not_in'));
   const same = toPid === pid;
   const rename = (name: string) => (same ? name : name.replace(/^P\d+_/, `P${pages[0].page_no}_`));
   const copyChild = async (k: 'item' | 'button', x: any, regionId: number | null) =>
@@ -336,24 +337,24 @@ export async function arrangeRoutes(app: FastifyInstance) {
   route('move', async (s, pid, b) => {
     const kind = b.kind;
     const id = int(b.id);
-    if (!isKind(kind) || id === null) throw new LayoutError(400, 'Unknown component.');
+    if (!isKind(kind) || id === null) throw new LayoutError(400, tx('arr.unknown_component'));
     await recorded(s, pid, `Move ${await describe(kind, id)}`, (c) => moveComponent(c, pid, kind, id, { dir: b.dir, region: b.region, before: b.before, position: b.position, slot: b.slot }));
     return { sel: `${kind}-${id}`, message: `${COMPONENTS[kind].label} moved.` };
   });
 
   route('span', async (s, pid, b) => {
     const id = int(b.id);
-    if (id === null) throw new LayoutError(400, 'Unknown region.');
+    if (id === null) throw new LayoutError(400, tx('arr.unknown_region'));
     let n = 0;
     await recorded(s, pid, `Resize ${await describe('region', id)}`, async (c) => {
       n = await spanRegion(c, pid, id, { columns: b.columns, delta: b.delta });
     });
-    return { sel: `region-${id}`, message: `Region spans ${n} of 12 columns.` };
+    return { sel: `region-${id}`, message: tx('arr.spans', { n }) };
   });
 
   route('create', async (s, pid, b) => {
     const kind = b.kind;
-    if (!isKind(kind)) throw new LayoutError(400, 'Unknown component type.');
+    if (!isKind(kind)) throw new LayoutError(400, tx('arr.unknown_component_type'));
     const id = await owner.tx((c) => createComponent(c, pid, kind, b.type ?? '', { region: b.region, before: b.before, position: b.position, slot: b.slot }));
     keep(s, { pid, undo: [], redo: [] }); // earlier layout steps no longer line up with the new component
     return { sel: `${kind}-${id}`, message: `${COMPONENTS[kind].label} created; set its properties on the right.` };
@@ -365,7 +366,7 @@ export async function arrangeRoutes(app: FastifyInstance) {
   route('comment', async (_s, pid, b) => {
     const kind = b.kind ?? '';
     const id = int(b.id);
-    if (!COMMENTABLE.has(kind) || id === null) throw new LayoutError(400, 'Unknown component.');
+    if (!COMMENTABLE.has(kind) || id === null) throw new LayoutError(400, tx('arr.unknown_component'));
     const on = b.on !== 'false';
     const done = await owner.tx(async (c) => {
       if (on)
@@ -375,14 +376,14 @@ export async function arrangeRoutes(app: FastifyInstance) {
            on conflict (app_id, name) do nothing`, [pid]);
       return (await c.query(`update ${COMPONENTS[kind].table} set build_option = $3 where id = $1 and page_id = $2 and ${on ? 'true' : `build_option = 'COMMENTED_OUT'`}`, [id, pid, on ? 'COMMENTED_OUT' : null])).rowCount;
     });
-    if (!done) throw new LayoutError(404, 'Unknown component.');
+    if (!done) throw new LayoutError(404, tx('arr.unknown_component'));
     return { sel: `${kind}-${id}`, message: `${COMPONENTS[kind].label} ${on ? 'commented out: it stays in the page designer and is left out of the page (build option COMMENTED_OUT)' : 'back on the page'}.` };
   });
 
   route('duplicate', async (s, pid, b) => {
     const kind = b.kind;
     const id = int(b.id);
-    if (!isKind(kind) || id === null) throw new LayoutError(400, 'Unknown component.');
+    if (!isKind(kind) || id === null) throw new LayoutError(400, tx('arr.unknown_component'));
     const copy = await owner.tx((c) => duplicateComponent(c, pid, kind, id));
     keep(s, { pid, undo: [], redo: [] });
     return { sel: `${kind}-${copy}`, message: `${COMPONENTS[kind].label} duplicated.` };
@@ -398,7 +399,7 @@ export async function arrangeRoutes(app: FastifyInstance) {
     const id = int(b.id);
     try {
       if (pid === null || !(await owner.one('select 1 as ok from meta.page where id = $1', [pid]))) throw new LayoutError(404, 'Page not found');
-      if (!isKind(kind) || id === null || to === null) throw new LayoutError(400, 'Unknown component or page.');
+      if (!isKind(kind) || id === null || to === null) throw new LayoutError(400, tx('arr.unknown_component_or_page'));
       const copy = await owner.tx((c) => duplicateComponent(c, pid, kind, id, to));
       if (to === pid) keep(s, { pid, undo: [], redo: [] });
       flash(s, `${COMPONENTS[kind].label} copied.`);
@@ -415,10 +416,10 @@ export async function arrangeRoutes(app: FastifyInstance) {
     route(op, async (s, pid) => {
       const h = history(s, pid);
       const step = (op === 'undo' ? h.undo : h.redo).pop();
-      if (!step) return { sel: '', message: `Nothing to ${op}.` };
+      if (!step) return { sel: '', message: op === 'undo' ? tx('arr.nothing_undo') : tx('arr.nothing_redo') };
       await owner.tx((c) => restore(c, pid, op === 'undo' ? step.before : step.after));
       (op === 'undo' ? h.redo : h.undo).push(step);
       keep(s, h);
-      return { sel: '', message: `${op === 'undo' ? 'Undone' : 'Redone'}: ${step.label}.` };
+      return { sel: '', message: `${op === 'undo' ? tx('arr.undone') : tx('arr.redone')}: ${step.label}.` };
     });
 }

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('');