pgkiln 0.88.0 → 0.90.0

package/src/builder/home.ts

@@ -2,7 +2,7 @@ import type { FastifyInstance, FastifyReply } from 'fastify';
 import { owner } from '../db.ts';
 import { html, raw, type Raw } from '../html.ts';
 import { icon } from '../icons.ts';
-import { APP_COLORS, BASE, csrf, developer, input, region, send, shell, type Req } from './ui.ts';
+import { APP_COLORS, BASE, csrf, developer, input, pageHeader, region, send, shell, type Req } from './ui.ts';
 import { crossAppLinks } from './cross-app.ts';
 import type { Session } from '../session.ts';
 import { isAdmin } from './locks.ts';
@@ -53,16 +53,6 @@ const lockedText = (tx: BuilderTranslate, by: string) => tx('ab.locked_by', { us
 const appIcon = (a: { id: number; name: string }, cls = '') =>
   html`<span class="app-icon app-color-${a.id % APP_COLORS}${cls ? ` ${cls}` : ''}" aria-hidden="true">${a.name.slice(0, 1).toUpperCase()}</span>`;
 
-/** The four tiles at the top of the App Builder. */
-const tiles = (tx: BuilderTranslate) => html`<nav class="ab-tiles" aria-label="${tx('rail.app_builder')}">
-  ${([
-    ['create', 'plus', tx('ab.tile.create'), tx('ab.tile.create_text')],
-    ['import', 'upload', tx('ab.tile.import'), tx('ab.tile.import_text')],
-    ['dashboard', 'activity', tx('ab.tile.dashboard'), tx('ab.tile.dashboard_text')],
-    ['utilities', 'settings', tx('ab.tile.utilities'), tx('ab.tile.utilities_text')],
-  ] as const).map(([path, ic, title, text]) => html`<a class="ab-tile" href="${BASE}/${path}"><span class="ab-tile-icon">${icon(ic)}</span><strong>${title}</strong><span>${text}</span></a>`)}
-</nav>`;
-
 /** The side column: About, Recent, Tasks. */
 function aside(tx: BuilderTranslate, recent: { id: number; name: string }[], about: string, tasks: [string, string][]) {
   return html`<aside class="ab-side" aria-label="${tx('ab.aside')}">
@@ -73,17 +63,16 @@ function aside(tx: BuilderTranslate, recent: { id: number; name: string }[], abo
   </aside>`;
 }
 
+// (UX-5) what the header doesn't offer already (Create and Import are there)
 const TASKS: [BuilderKey, string][] = [
-  ['ab.task.create', `${BASE}/create`],
   ['ab.task.create_file', `${BASE}/create/file`],
-  ['ab.task.import', `${BASE}/import`],
   ['ab.task.users', `${BASE}/users`],
   ['ab.task.providers', `${BASE}/users/providers`],
   ['rail.sql_workshop', `${BASE}/sql`],
   ['admin.developers', `${BASE}/developers`],
 ];
 
-async function recentApps(s: Session) {
+export async function recentApps(s: Session) {
   const ids = recentIds(s);
   const ws = currentWorkspace(s);
   if (ids.length) {
@@ -153,20 +142,20 @@ export async function homeRoutes(app: FastifyInstance) {
               <a class="tb-btn" href="${BASE}/apps/${a.id}" title="${tx('ab.edit', { name: a.name })}">${icon('edit')}<span class="sr-only">${tx('ab.edit', { name: a.name })}</span></a>
               <a class="tb-btn" href="/a/${a.alias}" target="_blank" rel="noopener" title="${tx('ab.run', { name: a.name })}">${icon('play')}<span class="sr-only">${tx('ab.run', { name: a.name })}</span></a>
             </div></article>`)}</div>`
-        : html`<div class="table-wrap ab-table"><table class="report ab-apps">
+        : html`<div class="table-wrap ab-table rep-fit"><table class="report ab-apps">
             <caption class="sr-only">${tx('ab.col.apps')}</caption>
-            <thead><tr>${th('id', tx('ab.col.app'), 'num')}${th('name', tx('ab.col.name'))}${th('alias', tx('ab.col.alias'))}${th('pages', tx('ab.col.pages'), 'num')}<th scope="col" class="num">${tx('ab.col.views')}</th><th scope="col">${tx('ab.col.signin')}</th>${th('updated', tx('ab.col.updated'))}<th scope="col">${tx('ab.col.updated_by')}</th><th scope="col" class="num">${tx('ab.col.copies')}</th><th scope="col" class="ab-actions-col">${tx('ab.col.actions')}</th></tr></thead>
+            <thead><tr>${th('id', tx('ab.col.app'), 'num')}${th('name', tx('ab.col.name'))}${th('alias', tx('ab.col.alias'))}${th('pages', tx('ab.col.pages'), 'num')}<th scope="col" class="num col-low">${tx('ab.col.views')}</th><th scope="col">${tx('ab.col.signin')}</th>${th('updated', tx('ab.col.updated'))}<th scope="col" class="col-low">${tx('ab.col.updated_by')}</th><th scope="col" class="num col-low">${tx('ab.col.copies')}</th><th scope="col" class="ab-actions-col col-actions">${tx('ab.col.actions')}</th></tr></thead>
             <tbody>${rows.map((a) => html`<tr data-filter-row>
               <td class="num">${a.id}</td>
               <td class="ab-name"><a href="${BASE}/apps/${a.id}">${appIcon(a)}<span>${a.name}</span></a>${a.locked_by ? html`<span class="ab-lock" role="img" aria-label="${lockedText(tx, a.locked_by)}" title="${lockedText(tx, a.locked_by)}">${icon('lock')}</span>` : ''}</td>
               <td>${a.alias}${a.group_name ? html` <span class="tag">${a.group_name}</span>` : ''}</td>
               <td class="num">${a.pages}</td>
-              <td class="num">${a.views}</td>
+              <td class="num col-low">${a.views}</td>
               <td>${tx(a.authentication === 'none' ? 'ab.auth.none' : a.authentication === 'header' ? 'ab.auth.header' : a.authentication === 'database' ? 'ab.auth.database' : a.authentication === 'custom' ? 'ab.auth.custom' : 'ab.auth.app_users')}</td>
               <td title="${a.updated_at ? new Date(a.updated_at).toISOString().slice(0, 16).replace('T', ' ') : ''}">${ago(a.updated_at, Date.now(), tx)}</td>
-              <td class="ab-by">${a.updated_by ?? ''}</td>
-              <td class="num">${a.copies ? html`<a href="${BASE}/apps/${a.id}/working-copies" aria-label="${tx('ab.copies_of', { copies: copiesText(tx, a.copies), name: a.name })}">${a.copies}</a>` : '0'}</td>
-              <td class="ab-actions">
+              <td class="ab-by col-low">${a.updated_by ?? ''}</td>
+              <td class="num col-low">${a.copies ? html`<a href="${BASE}/apps/${a.id}/working-copies" aria-label="${tx('ab.copies_of', { copies: copiesText(tx, a.copies), name: a.name })}">${a.copies}</a>` : '0'}</td>
+              <td class="ab-actions col-actions">
                 <a class="tb-btn" href="${BASE}/apps/${a.id}" title="${tx('ab.edit', { name: a.name })}">${icon('edit')}<span class="sr-only">${tx('ab.edit', { name: a.name })}</span></a>
                 <a class="tb-btn" href="/a/${a.alias}" target="_blank" rel="noopener" title="${tx('ab.run', { name: a.name })}">${icon('play')}<span class="sr-only">${tx('ab.run', { name: a.name })}</span></a>
               </td></tr>`)}</tbody></table></div>`;
@@ -174,9 +163,13 @@ export async function homeRoutes(app: FastifyInstance) {
       html`<a class="tb-btn" href="${link({ view: v })}" title="${label}"${view === v ? raw(' aria-current="true"') : ''}>${icon(ic)}<span class="sr-only">${label}</span></a>`;
     const main = html`<div class="ab-home">
       <div class="ab-main">
-        <h1 class="sr-only">${tx('rail.app_builder')}</h1>
+        ${pageHeader(tx('rail.app_builder'), {
+          primary: [`${BASE}/create`, tx('ab.tile.create'), 'plus'],
+          secondary: [[`${BASE}/import`, tx('ab.tile.import'), 'upload']],
+          more: [[`${BASE}/dashboard`, tx('ab.tile.dashboard'), 'activity'], [`${BASE}/utilities`, tx('rail.admin'), 'settings']],
+          moreLabel: tx('ws.more'),
+        })}
         ${s.workspace?.message ? html`<div class="alert alert-info ab-message" role="status">${icon('bell')}<div><strong>${s.workspace.name}</strong><p>${s.workspace.message}</p></div></div>` : ''}
-        ${tiles(tx)}
         <div class="ab-toolbar">
           <form class="ab-search" method="get" action="${BASE}/apps" role="search">
             <label class="sr-only" for="ab-q">${tx('ab.search_label')}</label>${icon('search')}
@@ -190,13 +183,8 @@ export async function homeRoutes(app: FastifyInstance) {
             <div class="menu-panel" role="menu">
               <div class="menu-section"><span class="small muted">${tx('ab.sort_by')}</span>
                 ${(Object.keys(SORTS) as Sort[]).map((k) => html`<a role="menuitem" href="${link({ sort: k })}"${sort === k ? raw(' aria-current="true"') : ''}>${tx(`ab.sort.${k}`)}</a>`)}</div>
-              <div class="menu-section menu-links">
-                <a role="menuitem" href="${BASE}/import">${icon('upload')} ${tx('ab.task.import')}</a>
-                <a role="menuitem" href="${BASE}/dashboard">${icon('activity')} ${tx('ab.ws_dashboard')}</a>
-              </div>
             </div></details>
           <span class="ab-count muted" aria-live="polite">${rows.length === total.n ? tx(total.n === 1 ? 'ab.count_one' : 'ab.count', { n: total.n }) : tx('ab.count_of', { n: rows.length, total: total.n })}</span>
-          <a class="btn btn-hot ab-create" href="${BASE}/create">${tx('ab.tile.create')}</a>
         </div>
         ${list}
       </div>
@@ -271,49 +259,72 @@ export async function homeRoutes(app: FastifyInstance) {
   });
 
   // ---------------------------------------------------------------- workspace utilities
+  // (UX-4) Administration: the workspace utilities in sections, with a filter; the rail's Administration entry (UX-3)
   app.get(`${BASE}/utilities`, async (req: Req, reply) => {
     const s = await developer(req, reply);
     if (!s) return;
     const tx = tr(s);
-    const card = (href: string, ic: Raw | '', title: string, text: string | Raw) =>
-      html`<a class="ab-tile" href="${href}"><span class="ab-tile-icon">${ic}</span><strong>${title}</strong><span>${text}</span></a>`;
-    const main = html`<div class="ab-home"><div class="ab-main"><h1 class="u-mb1">${tx('wu.title')}</h1>
-      <div class="ab-tiles ab-tiles-wrap">
-        ${card(`${BASE}/users`, icon('user'), tx('wu.users'), tx('wu.users_text'))}
-        ${card(`${BASE}/app-groups`, icon('folder'), tx('wu.app_groups'), tx('wu.app_groups_text'))}
-        ${card(`${BASE}/gallery`, icon('package'), tx('wu.gallery'), tx('wu.gallery_text'))}
-        ${card(`${BASE}/users/providers`, icon('key'), tx('wu.providers'), tx('wu.providers_text'))}
-        ${card(`${BASE}/users/directories`, icon('org'), tx('wu.ldap'), tx('wu.ldap_text'))}
-        ${card(`${BASE}/users#account-settings`, icon('shield'), tx('wu.password_policy'), tx('wu.password_policy_text'))}
-        ${card(`${BASE}/developers`, icon('users'), tx('wu.developers'), tx('wu.developers_text'))}
-        ${s.workspace?.sql_workshop === false ? '' : card(`${BASE}/sql`, icon('database'), tx('wu.sql'), tx('wu.sql_text'))}
-        ${card(`${BASE}/backups`, icon('archive'), tx('wu.backups'), tx('wu.backups_text'))}
-        ${card(`${BASE}/workspace-files`, icon('file'), tx('wu.files'), tx('wu.files_text', { tag: '#WORKSPACE_FILES#' }))}
-        ${card(`${BASE}/remote-servers`, icon('server'), tx('wu.servers'), tx('wu.servers_text'))}
-        ${(await isAdmin(s.username)) ? card(`${BASE}/remote-databases`, icon('database'), tx('wu.remote_dbs'), tx('wu.remote_dbs_text')) : ''}
-        ${card(`${BASE}/workspace-credentials`, icon('key'), tx('wu.credentials'), tx('wu.credentials_text'))}
-        ${card(`${BASE}/rest-catalogs`, icon('globe'), tx('wu.catalogs'), tx('wu.catalogs_text'))}
-        ${s.workspace?.admin ? card(`${BASE}/workspace-export`, icon('download'), tx('wu.export'), tx('wu.export_text')) : ''}
-        ${card(`${BASE}/dashboard`, icon('activity'), tx('wu.dashboard'), tx('wu.dashboard_text'))}
-        ${(await isAdmin(s.username)) ? card(`${BASE}/instance`, icon('settings'), tx('wu.instance'), tx('wu.instance_text')) : ''}
-        ${(await isAdmin(s.username))
-          ? card(`${BASE}/workspaces`, icon('layers'), tx('wu.workspaces'), tx('wu.workspaces_text'))
-          : s.workspace && (await workspaceAdmin(s.username, s.workspace.id))
-            ? card(`${BASE}/workspaces/${s.workspace.id}`, icon('layers'), tx('wu.workspace', { name: s.workspace.name }), tx('wu.workspace_text'))
-            : ''}
-        ${card(`${BASE}/ui-defaults`, icon('sliders-horizontal'), tx('wu.ui_defaults'), tx('wu.ui_defaults_text'))}
-        ${card(`${BASE}/icons`, icon('image'), tx('wu.icons'), tx('wu.icons_text'))}
-        ${card(`${BASE}/vector-providers`, icon('search'), tx('wu.vectors'), tx('wu.vectors_text'))}
-        ${(await isAdmin(s.username)) ? card(`${BASE}/ai`, icon('bolt'), tx('wu.ai'), tx('wu.ai_text')) : ''}
-        ${(await isAdmin(s.username)) ? card(`${BASE}/mail`, icon('send'), tx('wu.mail'), tx('wu.mail_text')) : ''}
-        ${(await isAdmin(s.username)) ? card(`${BASE}/telemetry`, icon('activity'), tx('wu.otel'), tx('wu.otel_text')) : ''}
-        ${(await isAdmin(s.username)) ? card(`${BASE}/installation`, icon('history'), tx('wu.installation'), tx('wu.installation_text')) : ''}
-      </div></div>
-      <aside class="ab-side" aria-label="${tx('wu.side')}">
-        <section><h2>${tx('wu.about')}</h2><p>${tx('wu.about_text')}</p>
-          <a href="https://github.com/pgkiln/pgkiln/blob/main/docs/guide/03-builder.md#workspaces" target="_blank" rel="noopener">${tx('wu.learn_more')}</a></section>
-        <section><h2>${tx('wu.cross_app')}</h2><ul class="ab-links ab-tasks">${crossAppLinks()}</ul></section>
-      </aside></div>`;
-    return send(reply, s, shell(s, tx('wu.title'), [[tx('rail.app_builder'), BASE], [tx('wu.title')]], main));
+    const admin = await isAdmin(s.username);
+    const wsAdmin = !!s.workspace?.admin || (!!s.workspace && (await workspaceAdmin(s.username, s.workspace.id)));
+    const ws = s.workspace;
+    type Tile = [href: string, ic: string, title: string, text: string | Raw] | null;
+    const tile = (t: Tile) =>
+      t ? html`<li><a class="adm-tile" href="${t[0]}"><span class="adm-tile-head">${icon(t[1])}<strong>${t[2]}</strong></span>${t[3] ? html`<span class="adm-tile-text">${t[3]}</span>` : ''}</a></li>` : '';
+    const section = (id: string, title: string, tiles: Tile[]) => {
+      const shown = tiles.filter(Boolean);
+      return shown.length ? html`<section class="adm-section" aria-labelledby="adm-${id}"><h2 id="adm-${id}">${title}</h2><ul class="adm-tiles">${shown.map(tile)}</ul></section>` : '';
+    };
+    const main = html`<div class="adm">
+      <div class="title-row"><h1>${tx('rail.admin')}</h1>
+        <div class="adm-filter" hidden><label class="sr-only" for="adm-q">${tx('wu.filter')}</label>
+          <input id="adm-q" type="search" placeholder="${tx('wu.filter')}" autocomplete="off" data-adm-filter></div></div>
+      <p class="u-mt0 adm-lede"><a href="https://github.com/pgkiln/pgkiln/blob/main/docs/guide/03-builder.md#workspaces" target="_blank" rel="noopener">${tx('wu.learn_more')}</a></p>
+      ${section('people', tx('wu.sec.people'), [
+        [`${BASE}/users`, 'user', tx('wu.users'), tx('wu.users_text')],
+        [`${BASE}/developers`, 'users', tx('wu.developers'), tx('wu.developers_text')],
+        [`${BASE}/users/providers`, 'key', tx('wu.providers'), tx('wu.providers_text')],
+        [`${BASE}/users/directories`, 'org', tx('wu.ldap'), tx('wu.ldap_text')],
+        [`${BASE}/users#account-settings`, 'shield', tx('wu.password_policy'), tx('wu.password_policy_text')],
+      ])}
+      ${section('connections', tx('wu.sec.connections'), [
+        [`${BASE}/remote-servers`, 'server', tx('wu.servers'), tx('wu.servers_text')],
+        admin ? [`${BASE}/remote-databases`, 'database', tx('wu.remote_dbs'), tx('wu.remote_dbs_text')] : null,
+        [`${BASE}/workspace-credentials`, 'key', tx('wu.credentials'), tx('wu.credentials_text')],
+        [`${BASE}/rest-catalogs`, 'globe', tx('wu.catalogs'), tx('wu.catalogs_text')],
+        admin ? [`${BASE}/mail`, 'send', tx('wu.mail'), tx('wu.mail_text')] : null,
+        wsAdmin ? [`${BASE}/mail-queue`, 'inbox', tx('admin.mail_queue'), ''] : null,
+        wsAdmin ? [`${BASE}/network`, 'globe', tx('admin.network'), ''] : null,
+      ])}
+      ${section('data', tx('wu.sec.data'), [
+        admin ? [`${BASE}/ai`, 'bolt', tx('wu.ai'), tx('wu.ai_text')] : null,
+        [`${BASE}/vector-providers`, 'search', tx('wu.vectors'), tx('wu.vectors_text')],
+        [`${BASE}/ui-defaults`, 'sliders-horizontal', tx('wu.ui_defaults'), tx('wu.ui_defaults_text')],
+        [`${BASE}/workspace-files`, 'file', tx('wu.files'), tx('wu.files_text', { tag: '#WORKSPACE_FILES#' })],
+        [`${BASE}/icons`, 'image', tx('wu.icons'), tx('wu.icons_text')],
+      ])}
+      ${section('operations', tx('wu.sec.operations'), [
+        [`${BASE}/app-groups`, 'folder', tx('wu.app_groups'), tx('wu.app_groups_text')],
+        [`${BASE}/backups`, 'archive', tx('wu.backups'), tx('wu.backups_text')],
+        wsAdmin ? [`${BASE}/workspace-export`, 'download', tx('wu.export'), tx('wu.export_text')] : null,
+        [`${BASE}/dashboard`, 'activity', tx('wu.dashboard'), tx('wu.dashboard_text')],
+        admin ? [`${BASE}/telemetry`, 'activity', tx('wu.otel'), tx('wu.otel_text')] : null,
+      ])}
+      ${ws && wsAdmin ? section('workspace', tx('wu.sec.workspace', { name: ws.name }), [
+        [`${BASE}/workspaces/${ws.id}`, 'layers', tx('admin.ws_devs'), tx('wu.workspace_text')],
+        [`${BASE}/workspaces/${ws.id}#service`, 'bell', tx('admin.ws_message'), ''],
+        [`${BASE}/workspaces/${ws.id}#preferences`, 'sliders-horizontal', tx('admin.ws_prefs'), ''],
+        [`${BASE}/workspaces/${ws.id}#links`, 'external-link', tx('admin.ext_links'), ''],
+        [`${BASE}/workspaces/${ws.id}/utilization`, 'chart', tx('admin.utilization'), ''],
+      ]) : ''}
+      ${admin ? section('instance', tx('wu.sec.instance'), [
+        [`${BASE}/instance`, 'settings', tx('wu.instance'), tx('wu.instance_text')],
+        [`${BASE}/workspaces`, 'layers', tx('wu.workspaces'), tx('wu.workspaces_text')],
+        s.instanceAdmin ? [`${BASE}/db-users`, 'key', tx('admin.db_users'), ''] : null,
+        [`${BASE}/installation`, 'history', tx('wu.installation'), tx('wu.installation_text')],
+      ]) : ''}
+      <section class="adm-section" aria-labelledby="adm-reports"><h2 id="adm-reports">${tx('wu.cross_app')}</h2><ul class="ab-links ab-tasks adm-reports">${crossAppLinks()}</ul></section>
+      <p class="adm-none muted" hidden>${tx('wu.filter_none')}</p>
+    </div>`;
+    return send(reply, s, shell(s, tx('rail.admin'), [[tx('rail.admin')]], main));
   });
 }

package/src/builder/i18n/de.ts

@@ -408,7 +408,6 @@ export const de: BuilderMessages = {
   'pd.not_found': 'Komponente nicht gefunden.',
   'pd.save_page': 'Seite speichern',
   'pd.delete_page': 'Seite löschen',
-  'pd.delete_page_confirm': 'Seite {n} und alle ihre Komponenten löschen?',
   'pd.filter_label': 'Eigenschaften filtern',
   'pd.filter': 'Filtern',
   'pd.help_hint': 'Wählen Sie eine Eigenschaft, um hier ihre Hilfe zu sehen.',
@@ -1427,7 +1426,6 @@ export const de: BuilderMessages = {
   'st.ts_format': 'Datums- und Zeitformat',
   'st.ts_format_ph': 'z. B. DD-MM-YYYY HH24:MI',
   'st.save_settings': 'Einstellungen speichern',
-  'st.delete_confirm': 'Anwendung {app} mit allen Seiten löschen?',
   'st.delete': 'Anwendung löschen',
   'st.error_fn': 'Funktion zur Fehlerbehandlung',
   'st.error_fn_ph': 'z. B. sales.error_message',
@@ -1475,7 +1473,7 @@ export const de: BuilderMessages = {
   'us.status': 'Status',
   'us.none': 'keine',
   'us.password': 'Passwort',
-  'us.no_password': 'kein Passwort',
+  'us.no_password': 'Kein Passwort',
   'us.active': 'aktiv',
   'us.inactive': 'inaktiv',
   'us.last': 'zuletzt {at}',
@@ -1845,8 +1843,8 @@ export const de: BuilderMessages = {
   'mfa.locked_out': 'Telefon, Schlüssel und Codes verloren? Bitten Sie einen Administrator, Ihre Zwei-Faktor-Anmeldung zurückzusetzen.',
   'mfa.wrong': 'Dieser Code ist falsch oder wurde schon verwendet.',
   'mfa.column': 'Zwei-Faktor',
-  'mfa.on': 'an',
-  'mfa.off': 'aus',
+  'mfa.on': 'An',
+  'mfa.off': 'Aus',
   'mfa.reset': 'Zurücksetzen',
   'mfa.reason': 'Grund',
   'mfa.reset_help': 'Entfernt die Apps und Wiederherstellungscodes von {user} und meldet die Person ab. Protokolliert; die Administratoren erhalten eine E-Mail.',
@@ -7516,4 +7514,41 @@ export const de: BuilderMessages = {
   'pwa.prefetch_hours': 'Erneut laden nach (Stunden)',
   'pwa.prefetch_hours_help': '1 bis 168. Die Seiten werden nach dieser Zeit beim ersten Seitenaufruf erneut geladen, sofern eine Verbindung besteht.',
   'pwa.prefetch_hours_range': 'Erneut laden nach: eine ganze Zahl von Stunden zwischen 1 und 168.',
+  // ------------------------------------------------------------ SQL Worksheet: one toolbar row (UX-1)
+  'ws.more': 'Weitere Aktionen',
+  'ws.suggest': 'Vorschläge',
+  'ws.suggest_title': 'Vorschläge an der Cursorposition (Strg+Leertaste)',
+  'ws.check': 'Prüfen',
+  'ws.check_title': 'Das SQL planen, ohne es auszuführen, wie der Advisor',
+  'ws.key.indent': 'Einrücken (Esc, dann Tab: nächstes Feld)',
+  'ws.search_path_plain': '{schema} zuerst im Suchpfad',
+  // ------------------------------------------------------------ Rail labels (UX-3)
+  'rail.labels_show': 'Beschriftungen anzeigen',
+  'rail.labels_hide': 'Beschriftungen ausblenden',
+  // ------------------------------------------------------------ Administration page (UX-4)
+  'wu.filter': 'Hilfsprogramme filtern',
+  'wu.filter_none': 'Nichts entspricht dem Filter.',
+  'wu.sec.people': 'Personen und Anmeldung',
+  'wu.sec.connections': 'Verbindungen',
+  'wu.sec.data': 'Daten und KI',
+  'wu.sec.operations': 'Betrieb',
+  'wu.sec.workspace': 'Arbeitsbereich {name}',
+  'wu.sec.instance': 'Instanz',
+  // ------------------------------------------------------------ Workspace home: needs attention (UX-13)
+  'wh.attention': 'Erfordert Aufmerksamkeit',
+  // ------------------------------------------------------------ Delete with a typed confirmation (UX-6)
+  'st.danger_zone': 'Gefahrenzone',
+  'st.delete_text': 'Beim Löschen von {app} werden seine Seiten, gemeinsamen Komponenten, Arbeitskopien und auch seine Sicherungen entfernt; das lässt sich nicht rückgängig machen. Exportieren Sie die Anwendung vorher, wenn Sie sie noch brauchen könnten.',
+  'st.delete_type': 'Geben Sie zur Bestätigung den Alias {alias} ein',
+  'st.delete_mismatch': 'Geben Sie den Alias der Anwendung, {alias}, ein, um sie zu löschen.',
+  'pd.delete_type': 'Geben Sie zur Bestätigung die Seitennummer {n} ein',
+  'pd.delete_mismatch': 'Geben Sie die Seitennummer {n} ein, um die Seite zu löschen.',
+  // ------------------------------------------------------------ Create application: name first, a sticky footer (UX-7)
+  'aw.data_and_pages': 'Daten und Seiten',
+  'aw.sign_in': 'Anmeldung',
+  'aw.sum_on': '{n} Seiten auf {schema}',
+  'aw.sum_on_1': '{n} Seite auf {schema}',
+  'aw.sum_new': 'Eine neue Anwendung mit eigenem Schema',
+  // ------------------------------------------------------------ A side drawer's Close (UX-8)
+  'common.close': 'Schließen',
 };

package/src/builder/i18n/en.ts

@@ -411,7 +411,6 @@ export const en = {
   'pd.not_found': 'Component not found.',
   'pd.save_page': 'Save page',
   'pd.delete_page': 'Delete page',
-  'pd.delete_page_confirm': 'Delete page {n} and all its components?',
   'pd.filter_label': 'Filter properties',
   'pd.filter': 'Filter',
   'pd.help_hint': 'Select a property to see its help here.',
@@ -1431,7 +1430,6 @@ export const en = {
   'st.ts_format': 'Date and time format',
   'st.ts_format_ph': 'e.g. DD-MM-YYYY HH24:MI',
   'st.save_settings': 'Save settings',
-  'st.delete_confirm': 'Delete application {app} and all its pages?',
   'st.delete': 'Delete application',
   'st.error_fn': 'Error handling function',
   'st.error_fn_ph': 'e.g. sales.error_message',
@@ -1478,8 +1476,8 @@ export const en = {
   'us.signin': 'Sign-in',
   'us.status': 'Status',
   'us.none': 'none',
-  'us.password': 'password',
-  'us.no_password': 'no password',
+  'us.password': 'Password',
+  'us.no_password': 'No password',
   'us.active': 'active',
   'us.inactive': 'inactive',
   'us.last': 'last {at}',
@@ -1849,8 +1847,8 @@ export const en = {
   'mfa.locked_out': 'Lost your phone, key and codes? Ask an administrator to reset your two-factor sign-in.',
   'mfa.wrong': 'That code is not right, or was already used.',
   'mfa.column': 'Two-factor',
-  'mfa.on': 'on',
-  'mfa.off': 'off',
+  'mfa.on': 'On',
+  'mfa.off': 'Off',
   'mfa.reset': 'Reset',
   'mfa.reason': 'Reason',
   'mfa.reset_help': 'Removes the apps and recovery codes of {user} and signs them out. Logged; the administrators are told by mail.',
@@ -7520,4 +7518,41 @@ export const en = {
   'pwa.prefetch_hours': 'Fetch them again after (hours)',
   'pwa.prefetch_hours_help': '1 to 168. The pages are fetched again on the first page opened after this time, while there is a connection.',
   'pwa.prefetch_hours_range': 'Fetch them again after: a whole number of hours from 1 to 168.',
+  // ------------------------------------------------------------ SQL Worksheet: one toolbar row (UX-1)
+  'ws.more': 'More actions',
+  'ws.suggest': 'Suggest',
+  'ws.suggest_title': 'Suggestions at the cursor (Ctrl+Space)',
+  'ws.check': 'Check',
+  'ws.check_title': 'Plan the SQL without running it, as the Advisor does',
+  'ws.key.indent': 'Indent (Esc, then Tab: next field)',
+  'ws.search_path_plain': '{schema} first in the search path',
+  // ------------------------------------------------------------ Rail labels (UX-3)
+  'rail.labels_show': 'Show labels',
+  'rail.labels_hide': 'Hide labels',
+  // ------------------------------------------------------------ Administration page (UX-4)
+  'wu.filter': 'Filter the utilities',
+  'wu.filter_none': 'Nothing matches the filter.',
+  'wu.sec.people': 'People and sign-in',
+  'wu.sec.connections': 'Connections',
+  'wu.sec.data': 'Data and AI',
+  'wu.sec.operations': 'Operations',
+  'wu.sec.workspace': 'Workspace {name}',
+  'wu.sec.instance': 'Instance',
+  // ------------------------------------------------------------ Workspace home: needs attention (UX-13)
+  'wh.attention': 'Needs attention',
+  // ------------------------------------------------------------ Delete with a typed confirmation (UX-6)
+  'st.danger_zone': 'Danger zone',
+  'st.delete_text': 'Deleting {app} removes its pages, shared components, working copies and its backups too; it can\'t be undone. Export it first if you may need it again.',
+  'st.delete_type': 'Type the alias {alias} to confirm',
+  'st.delete_mismatch': 'Type the application\'s alias, {alias}, to delete it.',
+  'pd.delete_type': 'Type the page number {n} to confirm',
+  'pd.delete_mismatch': 'Type the page number, {n}, to delete the page.',
+  // ------------------------------------------------------------ Create application: name first, a sticky footer (UX-7)
+  'aw.data_and_pages': 'Data and pages',
+  'aw.sign_in': 'Sign-in',
+  'aw.sum_on': '{n} pages on {schema}',
+  'aw.sum_on_1': '{n} page on {schema}',
+  'aw.sum_new': 'A new application with its own schema',
+  // ------------------------------------------------------------ A side drawer's Close (UX-8)
+  'common.close': 'Close',
 } as const;

package/src/builder/i18n/es.ts

@@ -408,7 +408,6 @@ export const es: BuilderMessages = {
   'pd.not_found': 'Componente no encontrado.',
   'pd.save_page': 'Guardar página',
   'pd.delete_page': 'Eliminar página',
-  'pd.delete_page_confirm': '¿Eliminar la página {n} y todos sus componentes?',
   'pd.filter_label': 'Filtrar propiedades',
   'pd.filter': 'Filtrar',
   'pd.help_hint': 'Seleccione una propiedad para ver aquí su ayuda.',
@@ -1427,7 +1426,6 @@ export const es: BuilderMessages = {
   'st.ts_format': 'Formato de fecha y hora',
   'st.ts_format_ph': 'p. ej. DD-MM-YYYY HH24:MI',
   'st.save_settings': 'Guardar ajustes',
-  'st.delete_confirm': '¿Eliminar la aplicación {app} y todas sus páginas?',
   'st.delete': 'Eliminar aplicación',
   'st.error_fn': 'Función de gestión de errores',
   'st.error_fn_ph': 'p. ej. sales.error_message',
@@ -1474,8 +1472,8 @@ export const es: BuilderMessages = {
   'us.signin': 'Inicio de sesión',
   'us.status': 'Estado',
   'us.none': 'ninguna',
-  'us.password': 'contraseña',
-  'us.no_password': 'sin contraseña',
+  'us.password': 'Contraseña',
+  'us.no_password': 'Sin contraseña',
   'us.active': 'activa',
   'us.inactive': 'inactiva',
   'us.last': 'último {at}',
@@ -1845,8 +1843,8 @@ export const es: BuilderMessages = {
   'mfa.locked_out': '¿Perdió el teléfono, la llave y los códigos? Pida a un administrador que restablezca su inicio de sesión en dos pasos.',
   'mfa.wrong': 'Ese código no es correcto o ya se usó.',
   'mfa.column': 'Dos pasos',
-  'mfa.on': 'activado',
-  'mfa.off': 'desactivado',
+  'mfa.on': 'Activado',
+  'mfa.off': 'Desactivado',
   'mfa.reset': 'Restablecer',
   'mfa.reason': 'Motivo',
   'mfa.reset_help': 'Quita las aplicaciones y los códigos de recuperación de {user} y cierra su sesión. Se registra; los administradores reciben un correo.',
@@ -7516,4 +7514,41 @@ export const es: BuilderMessages = {
   'pwa.prefetch_hours': 'Volver a obtenerlas después de (horas)',
   'pwa.prefetch_hours_help': 'De 1 a 168. Las páginas se vuelven a obtener en la primera página abierta después de este tiempo, mientras haya conexión.',
   'pwa.prefetch_hours_range': 'Volver a obtenerlas después de: un número entero de horas entre 1 y 168.',
+  // ------------------------------------------------------------ SQL Worksheet: one toolbar row (UX-1)
+  'ws.more': 'Más acciones',
+  'ws.suggest': 'Sugerir',
+  'ws.suggest_title': 'Sugerencias en el cursor (Ctrl+Espacio)',
+  'ws.check': 'Comprobar',
+  'ws.check_title': 'Planificar el SQL sin ejecutarlo, como el Advisor',
+  'ws.key.indent': 'Sangrar (Esc y luego Tab: siguiente campo)',
+  'ws.search_path_plain': '{schema} primero en la ruta de búsqueda',
+  // ------------------------------------------------------------ Rail labels (UX-3)
+  'rail.labels_show': 'Mostrar etiquetas',
+  'rail.labels_hide': 'Ocultar etiquetas',
+  // ------------------------------------------------------------ Administration page (UX-4)
+  'wu.filter': 'Filtrar las utilidades',
+  'wu.filter_none': 'Nada coincide con el filtro.',
+  'wu.sec.people': 'Personas e inicio de sesión',
+  'wu.sec.connections': 'Conexiones',
+  'wu.sec.data': 'Datos e IA',
+  'wu.sec.operations': 'Operaciones',
+  'wu.sec.workspace': 'Espacio de trabajo {name}',
+  'wu.sec.instance': 'Instancia',
+  // ------------------------------------------------------------ Workspace home: needs attention (UX-13)
+  'wh.attention': 'Requiere atención',
+  // ------------------------------------------------------------ Delete with a typed confirmation (UX-6)
+  'st.danger_zone': 'Zona de peligro',
+  'st.delete_text': 'Eliminar {app} borra sus páginas, componentes compartidos, copias de trabajo y también sus copias de seguridad; no se puede deshacer. Expórtela antes si puede volver a necesitarla.',
+  'st.delete_type': 'Escriba el alias {alias} para confirmar',
+  'st.delete_mismatch': 'Escriba el alias de la aplicación, {alias}, para eliminarla.',
+  'pd.delete_type': 'Escriba el número de página {n} para confirmar',
+  'pd.delete_mismatch': 'Escriba el número de página, {n}, para eliminar la página.',
+  // ------------------------------------------------------------ Create application: name first, a sticky footer (UX-7)
+  'aw.data_and_pages': 'Datos y páginas',
+  'aw.sign_in': 'Inicio de sesión',
+  'aw.sum_on': '{n} páginas sobre {schema}',
+  'aw.sum_on_1': '{n} página sobre {schema}',
+  'aw.sum_new': 'Una aplicación nueva con su propio esquema',
+  // ------------------------------------------------------------ A side drawer's Close (UX-8)
+  'common.close': 'Cerrar',
 };

package/src/builder/i18n/fr.ts

@@ -408,7 +408,6 @@ export const fr: BuilderMessages = {
   'pd.not_found': 'Composant introuvable.',
   'pd.save_page': 'Enregistrer la page',
   'pd.delete_page': 'Supprimer la page',
-  'pd.delete_page_confirm': 'Supprimer la page {n} et tous ses composants ?',
   'pd.filter_label': 'Filtrer les propriétés',
   'pd.filter': 'Filtrer',
   'pd.help_hint': 'Sélectionnez une propriété pour afficher son aide ici.',
@@ -1427,7 +1426,6 @@ export const fr: BuilderMessages = {
   'st.ts_format': 'Format de date et heure',
   'st.ts_format_ph': 'p. ex. DD-MM-YYYY HH24:MI',
   'st.save_settings': 'Enregistrer les paramètres',
-  'st.delete_confirm': 'Supprimer l’application {app} et toutes ses pages ?',
   'st.delete': 'Supprimer l’application',
   'st.error_fn': 'Fonction de gestion des erreurs',
   'st.error_fn_ph': 'p. ex. sales.error_message',
@@ -1474,8 +1472,8 @@ export const fr: BuilderMessages = {
   'us.signin': 'Connexion',
   'us.status': 'Statut',
   'us.none': 'aucune',
-  'us.password': 'mot de passe',
-  'us.no_password': 'pas de mot de passe',
+  'us.password': 'Mot de passe',
+  'us.no_password': 'Pas de mot de passe',
   'us.active': 'actif',
   'us.inactive': 'inactif',
   'us.last': 'dernier {at}',
@@ -1845,8 +1843,8 @@ export const fr: BuilderMessages = {
   'mfa.locked_out': 'Téléphone, clé et codes perdus ? Demandez à un administrateur de réinitialiser votre connexion à deux facteurs.',
   'mfa.wrong': 'Ce code est incorrect ou a déjà été utilisé.',
   'mfa.column': 'Deux facteurs',
-  'mfa.on': 'activée',
-  'mfa.off': 'désactivée',
+  'mfa.on': 'Activée',
+  'mfa.off': 'Désactivée',
   'mfa.reset': 'Réinitialiser',
   'mfa.reason': 'Motif',
   'mfa.reset_help': 'Supprime les applications et codes de récupération de {user} et le déconnecte. Journalisé ; les administrateurs sont prévenus par e-mail.',
@@ -7516,4 +7514,41 @@ export const fr: BuilderMessages = {
   'pwa.prefetch_hours': 'Les récupérer à nouveau après (heures)',
   'pwa.prefetch_hours_help': 'De 1 à 168. Les pages sont récupérées à nouveau à la première page ouverte après ce délai, s’il y a une connexion.',
   'pwa.prefetch_hours_range': 'Les récupérer à nouveau après : un nombre entier d’heures entre 1 et 168.',
+  // ------------------------------------------------------------ SQL Worksheet: one toolbar row (UX-1)
+  'ws.more': 'Plus d’actions',
+  'ws.suggest': 'Suggérer',
+  'ws.suggest_title': 'Suggestions au curseur (Ctrl+Espace)',
+  'ws.check': 'Vérifier',
+  'ws.check_title': 'Planifier le SQL sans l’exécuter, comme l’Advisor',
+  'ws.key.indent': 'Indenter (Échap puis Tab : champ suivant)',
+  'ws.search_path_plain': '{schema} en premier dans le chemin de recherche',
+  // ------------------------------------------------------------ Rail labels (UX-3)
+  'rail.labels_show': 'Afficher les libellés',
+  'rail.labels_hide': 'Masquer les libellés',
+  // ------------------------------------------------------------ Administration page (UX-4)
+  'wu.filter': 'Filtrer les utilitaires',
+  'wu.filter_none': 'Rien ne correspond au filtre.',
+  'wu.sec.people': 'Personnes et connexion',
+  'wu.sec.connections': 'Connexions',
+  'wu.sec.data': 'Données et IA',
+  'wu.sec.operations': 'Exploitation',
+  'wu.sec.workspace': 'Espace de travail {name}',
+  'wu.sec.instance': 'Instance',
+  // ------------------------------------------------------------ Workspace home: needs attention (UX-13)
+  'wh.attention': 'À traiter',
+  // ------------------------------------------------------------ Delete with a typed confirmation (UX-6)
+  'st.danger_zone': 'Zone de danger',
+  'st.delete_text': 'Supprimer {app} retire ses pages, ses composants partagés, ses copies de travail et aussi ses sauvegardes ; c’est irréversible. Exportez-la d’abord si vous pourriez en avoir besoin.',
+  'st.delete_type': 'Tapez l’alias {alias} pour confirmer',
+  'st.delete_mismatch': 'Tapez l’alias de l’application, {alias}, pour la supprimer.',
+  'pd.delete_type': 'Tapez le numéro de page {n} pour confirmer',
+  'pd.delete_mismatch': 'Tapez le numéro de page, {n}, pour supprimer la page.',
+  // ------------------------------------------------------------ Create application: name first, a sticky footer (UX-7)
+  'aw.data_and_pages': 'Données et pages',
+  'aw.sign_in': 'Connexion',
+  'aw.sum_on': '{n} pages sur {schema}',
+  'aw.sum_on_1': '{n} page sur {schema}',
+  'aw.sum_new': 'Une nouvelle application avec son propre schéma',
+  // ------------------------------------------------------------ A side drawer's Close (UX-8)
+  'common.close': 'Fermer',
 };