pgkiln 0.71.0 → 0.73.0

package/src/builder/telemetry.ts

@@ -0,0 +1,206 @@
+import type { FastifyInstance, FastifyReply } from 'fastify';
+import { owner } from '../db.ts';
+import { html, raw, type Raw } from '../html.ts';
+import { newToken } from '../security.ts';
+import { clientIp, logActivity, type Session } from '../session.ts';
+import {
+  instanceTelemetry, refreshTelemetry, saveInstanceTelemetry, saveWorkspaceTelemetry, setMetricsToken, workspaceTelemetry,
+  type InstanceForm, type Origin, type WorkspaceForm,
+} from '../telemetry/config.ts';
+import { destinationStatus, sendTest } from '../telemetry/export.ts';
+import { isAdmin } from './locks.ts';
+import { back, BASE, csrf, developer, flash, input, region, select, send, shell, type Req } from './ui.ts';
+import { workspaceAdmin } from './workspaces.ts';
+
+// (sprint 139, AP-6; APEX: Workspace Utilities → OpenTelemetry) Workspace
+// utilities → OpenTelemetry (administrators): the instance's collector, what
+// it receives, GET /metrics, and each workspace's choice; a workspace's
+// administrators switch its applications off or add a collector of their own
+// on /builder/workspaces/:id/telemetry. Headers (an API key) are write-only:
+// stored encrypted, only their names are shown.
+
+const crumbs: [string, string?][] = [['App Builder', BASE], ['Workspace utilities', `${BASE}/utilities`], ['OpenTelemetry']];
+const ORIGIN: Record<Origin, string> = { builder: 'set here', environment: 'environment variable', default: 'default' };
+
+const check = (name: string, label: string, on: boolean, help?: string) =>
+  html`<div class="field"><label class="check"><input type="checkbox" name="${name}" value="true"${on ? raw(' checked') : ''}> ${label}</label>${help ? html`<small class="help">${help}</small>` : ''}</div>`;
+
+const headersField = (names: string[], help: string) => html`<div class="field"><label class="label" for="f_headers">Headers</label>
+  <textarea id="f_headers" name="headers" rows="2" maxlength="4000" spellcheck="false" autocomplete="off" placeholder="${names.length ? `${names.join(', ')} set: type new headers to replace them` : 'e.g. x-honeycomb-team=…, Authorization=Bearer …'}"></textarea>
+  <small class="help">${help}${names.length ? html` Set now: <b>${names.join(', ')}</b> (values hidden).` : ''}</small>
+  ${names.length ? html`<label class="check"><input type="checkbox" name="remove_headers" value="true"> Remove the headers</label>` : ''}</div>`;
+
+const when = (ms: number | null) => (ms ? new Date(ms).toISOString().replace('T', ' ').slice(0, 19) + ' UTC' : '—');
+
+function statusCell(key: string): Raw {
+  const st = destinationStatus(key);
+  return html`${st.sent} sent${st.dropped ? html`, <span class="otel-problem">${st.dropped} dropped</span>` : ''} · last success ${when(st.lastOkAt)}
+    ${st.lastError ? html`<br><span class="otel-problem">Last problem (${when(st.lastErrorAt)}): ${st.lastError}</span>` : ''}`;
+}
+
+async function adminOnly(s: Session, reply: FastifyReply) {
+  if (await isAdmin(s.username)) return true;
+  await send(reply.code(403), s, shell(s, 'OpenTelemetry', crumbs, html`<h1 class="u-mb1">OpenTelemetry</h1><div class="alert alert-error" role="alert">Only administrators set up OpenTelemetry for the installation.</div>`));
+  return false;
+}
+
+export async function telemetryBuilderRoutes(app: FastifyInstance) {
+  app.get(`${BASE}/telemetry`, async (req: Req, reply) => {
+    const s = await developer(req, reply);
+    if (!s || !(await adminOnly(s, reply))) return;
+    await refreshTelemetry(true);
+    const t = instanceTelemetry();
+    const token = typeof s.state.__METRICS_TOKEN === 'string' ? s.state.__METRICS_TOKEN : null;
+    if (token) {
+      delete s.state.__METRICS_TOKEN;
+      const { saveState } = await import('../session.ts');
+      await saveState(s);
+    }
+    const workspaces = (await owner.query<{ id: number; name: string; telemetry: string; telemetry_endpoint: string | null; apps: number }>(
+      `select w.id, w.name, w.telemetry, w.telemetry_endpoint, (select count(*) from meta.app a where meta.app_workspace(a.id) = w.id)::int as apps
+         from meta.workspace w order by w.name`)).rows;
+    const from = (k: string) => html`<span class="muted">(${ORIGIN[t.origin[k] ?? 'default']})</span>`;
+    const pub = (process.env.PUBLIC_URL ?? '').replace(/\/+$/, '');
+    const main = html`<h1 class="u-mb1">OpenTelemetry</h1>
+      <p class="muted u-mt0">Send traces, logs and metrics of the applications to your own monitoring (Grafana, Jaeger, Datadog, Honeycomb, OCI APM,
+        or anything that speaks OTLP) through an OpenTelemetry Collector. A trace per page request, with a span for each SQL statement, REST data source call,
+        AI request and tool call; mail and workflow steps as traces of their own. pgkiln sends OTLP over HTTP as JSON. The standard <code>OTEL_*</code>
+        environment variables work too; a value set here wins. Chapter 1 of the guide (Monitoring with OpenTelemetry) explains every choice.</p>
+      ${t.protocolWarning ? html`<div class="alert alert-warning" role="status">${t.protocolWarning}</div>` : ''}
+      <div class="columns wide-left">
+        ${region('Collector', html`<form method="post" action="${BASE}/telemetry">${csrf(s)}
+          ${check('enabled', 'Send to this collector', t.enabled, 'Off: nothing leaves the server (workspaces with a collector of their own still send to it).')}
+          <div class="form-grid">
+            ${input('endpoint', 'Collector URL', t.origin.otel_endpoint === 'builder' ? t.endpoint : '', { placeholder: t.endpoint || 'http://otel-collector:4318', help: html`The OTLP/HTTP base address; /v1/traces, /v1/logs and /v1/metrics are added. In effect: <b>${t.endpoint || 'none'}</b> ${from('otel_endpoint')} (<code>OTEL_EXPORTER_OTLP_ENDPOINT</code>).` as unknown as string })}
+            ${input('service_name', 'Service name', t.origin.otel_service_name === 'builder' ? t.serviceName : '', { placeholder: t.serviceName, help: `service.name of everything sent (OTEL_SERVICE_NAME). In effect: ${t.serviceName}.` })}
+            ${input('sample', 'Sample ratio', t.origin.otel_sample === 'builder' ? String(t.sample) : '', { placeholder: String(t.sample), help: 'Share of traces sent, 0 to 1 (OTEL_TRACES_SAMPLER_ARG). A trace with an error is always sent. A caller\'s traceparent decides for its trace.' })}
+            ${select('user', 'User', t.user, [['hashed', 'Hashed (the same user gives the same value, the name is not sent)'], ['name', 'User name'], ['none', 'Not sent']], 'enduser.id on the page span and on logs.')}
+          </div>
+          ${headersField(t.headerNames, 'Sent with every request to the collector, name=value, one per line or comma separated (OTEL_EXPORTER_OTLP_HEADERS). Stored encrypted.')}
+          <fieldset class="field"><legend class="label">Send</legend><div class="radio-group">
+            ${check('traces', 'Traces', t.traces)}${check('logs', 'Logs: errors, refused access and failed sign-ins', t.logs)}${check('metrics', `Metrics, every ${Math.round(t.intervalMs / 1000)} seconds`, t.metrics)}
+          </div></fieldset>
+          ${check('values', 'Include values', t.values, 'SQL statements with their literals, bind values, query strings and AI tool arguments. Off: literals become ?, values are left out and error messages have quoted values removed.')}
+          ${check('builder', 'Trace builder requests too', t.builder, 'Applications only by default.')}
+          ${check('browser', 'Browser spans', t.browser, 'Pages report their load time and Ajax calls to pgkiln, which adds them to the page\'s trace. The browser never sees the collector or its headers.')}
+          ${check('prometheus', 'Prometheus endpoint /metrics', t.prometheus, 'For administrators signed in to the builder, or a scraper with the metrics token below (PGKILN_METRICS, PGKILN_METRICS_TOKEN).')}
+          <div class="buttons"><button class="btn btn-hot">Save</button></div></form>
+          <form method="post" action="${BASE}/telemetry/test" class="u-mt1">${csrf(s)}<button class="btn">Send a test span</button></form>`)}
+        ${region('Status', html`<p class="muted u-mt0">Since this server started. Each server of the installation sends its own.</p>
+          <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Collector</th><th>Sending</th></tr></thead><tbody>
+            <tr><td data-label="Collector">This instance's${t.enabled ? '' : html` <span class="muted">(off)</span>`}</td><td data-label="Sending">${statusCell('instance')}</td></tr>
+            ${workspaces.filter((w) => w.telemetry === 'own').map((w) => html`<tr><td data-label="Collector">Workspace ${w.name}</td><td data-label="Sending">${statusCell(`ws:${w.id}`)}</td></tr>`)}
+          </tbody></table></div>`)}
+        ${region('Prometheus', html`<p class="muted u-mt0">${t.prometheus ? html`<code>GET ${pub || ''}/metrics</code> answers with the counters, durations and queue lengths in the Prometheus text format.` : 'Off: switch it on above.'}
+            A scraper sends <code>Authorization: Bearer &lt;token&gt;</code>. ${t.prometheusTokenHash ? (t.origin.metrics_token_hash === 'builder' || !process.env.PGKILN_METRICS_TOKEN ? 'A token is set.' : 'The token is PGKILN_METRICS_TOKEN.') : 'No token is set.'}</p>
+          ${token ? html`<div class="alert alert-success" role="status">The new token (shown once): <code class="cell-break">${token}</code></div>` : ''}
+          <form method="post" action="${BASE}/telemetry/token" class="buttons">${csrf(s)}<button class="btn" name="action" value="new">${t.prometheusTokenHash ? 'Replace the token' : 'Make a token'}</button>
+            ${t.prometheusTokenHash ? html`<button class="btn btn-danger" name="action" value="remove" data-confirm="Remove the metrics token? Scrapers that use it get 401.">Remove the token</button>` : ''}</form>`)}
+        ${region('Workspaces', html`<p class="muted u-mt0">A workspace's administrators may switch its applications off, or send them to a collector of their own as well.</p>
+          <div class="table-wrap"><table class="report report-reflow"><thead><tr><th>Workspace</th><th>Applications</th><th>Sends</th></tr></thead><tbody>
+          ${workspaces.length ? workspaces.map((w) => html`<tr><td data-label="Workspace"><a href="${BASE}/workspaces/${w.id}/telemetry">${w.name}</a></td><td data-label="Applications" class="num">${w.apps}</td>
+            <td data-label="Sends" class="cell-break">${w.telemetry === 'off' ? 'nothing' : w.telemetry === 'own' ? html`to the instance's collector and ${w.telemetry_endpoint}` : 'to the instance\'s collector'}</td></tr>`)
+            : html`<tr><td colspan="3" class="empty">No workspaces.</td></tr>`}</tbody></table></div>`)}
+      </div>`;
+    return send(reply, s, shell(s, 'OpenTelemetry', crumbs, main));
+  });
+
+  app.post(`${BASE}/telemetry`, async (req: Req, reply) => {
+    const s = await developer(req, reply);
+    if (!s || !(await adminOnly(s, reply))) return;
+    const problem = await saveInstanceTelemetry((req.body ?? {}) as InstanceForm);
+    if (!problem) {
+      const t = instanceTelemetry();
+      await logActivity({ username: s.username, event: 'instance_settings', ip: clientIp(req),
+        detail: `OpenTelemetry: ${t.enabled ? `on, ${t.endpoint}` : 'off'}, sample ${t.sample}, user ${t.user}, values ${t.values}, browser ${t.browser}, /metrics ${t.prometheus}` });
+    }
+    flash(s, problem ?? 'OpenTelemetry settings saved.', problem ? 'error' : 'ok');
+    return back(reply, s, `${BASE}/telemetry`);
+  });
+
+  app.post(`${BASE}/telemetry/test`, async (req: Req, reply) => {
+    const s = await developer(req, reply);
+    if (!s || !(await adminOnly(s, reply))) return;
+    const problem = await sendTest(null);
+    flash(s, problem ? `The collector did not take the test span: ${problem}` : 'The collector took the test span ("pgkiln test span").', problem ? 'error' : 'ok');
+    return back(reply, s, `${BASE}/telemetry`);
+  });
+
+  app.post(`${BASE}/telemetry/token`, async (req: Req, reply) => {
+    const s = await developer(req, reply);
+    if (!s || !(await adminOnly(s, reply))) return;
+    const action = (req.body as { action?: string } | undefined)?.action;
+    if (action === 'new') {
+      const token = `pgkm_${newToken()}`;
+      await setMetricsToken(token);
+      s.state.__METRICS_TOKEN = token;
+      await logActivity({ username: s.username, event: 'instance_settings', ip: clientIp(req), detail: 'metrics token made' });
+    } else if (action === 'remove') {
+      await setMetricsToken(null);
+      await logActivity({ username: s.username, event: 'instance_settings', ip: clientIp(req), detail: 'metrics token removed' });
+      flash(s, 'The metrics token is removed.');
+    }
+    return back(reply, s, `${BASE}/telemetry`);
+  });
+
+  // ---------------------------------------------------------------- a workspace's own
+
+  const wsAllowed = async (s: Session, reply: FastifyReply, id: string) => {
+    if (await workspaceAdmin(s.username, id)) return true;
+    await send(reply.code(403), s, shell(s, 'OpenTelemetry', [['Administration'], ['OpenTelemetry']],
+      html`<h1 class="u-mb1">OpenTelemetry</h1><div class="alert alert-error" role="alert">Only the workspace's administrators change its OpenTelemetry setting.</div>`, 'users'));
+    return false;
+  };
+
+  app.get(`${BASE}/workspaces/:id(^\\d{1,9}$)/telemetry`, async (req: Req, reply) => {
+    const s = await developer(req, reply);
+    if (!s || !(await wsAllowed(s, reply, req.params.id))) return;
+    const w = await owner.one<{ id: number; name: string; telemetry: string; telemetry_endpoint: string | null; telemetry_values: boolean; has_headers: boolean }>(
+      'select id, name, telemetry, telemetry_endpoint, telemetry_values, telemetry_headers_enc is not null as has_headers from meta.workspace where id = $1', [req.params.id]);
+    if (!w) return reply.code(404).send('Not found');
+    await refreshTelemetry(true);
+    const t = instanceTelemetry();
+    const names = Object.keys(workspaceTelemetry(w.id)?.headers ?? {});
+    const radio = (v: string, label: string, help: string) => html`<label class="check"><input type="radio" name="mode" value="${v}"${w.telemetry === v ? raw(' checked') : ''}> ${label} <span class="muted small">${help}</span></label>`;
+    const main = html`<div class="title-row"><h1>OpenTelemetry · ${w.name}</h1></div>
+      <p class="muted u-mt0">Traces and logs of this workspace's applications. ${t.enabled ? 'The instance sends them to its collector.' : 'The instance sends nothing at the moment.'}
+        A collector of the workspace's own is reached through the installation's allow-list and this workspace's <a href="${BASE}/network?ws=${w.id}">network access</a> list.</p>
+      <div class="columns wide-left">
+        ${region('Setting', html`<form method="post" action="${BASE}/workspaces/${w.id}/telemetry">${csrf(s)}
+          <fieldset class="field"><legend class="label">The applications send</legend><div class="radio-group">
+            ${radio('instance', 'As the instance does', '(default)')}
+            ${radio('off', 'Nothing', 'not even to the instance\'s collector')}
+            ${radio('own', 'Also to our own collector', '')}
+          </div></fieldset>
+          <div class="form-grid">${input('endpoint', 'Own collector URL', w.telemetry_endpoint ?? '', { placeholder: 'https://otlp.example.com', help: 'The OTLP/HTTP base address; /v1/traces and /v1/logs are added.' })}</div>
+          ${headersField(names.length ? names : w.has_headers ? ['(unreadable)'] : [], 'Sent with every request to the own collector (an API key). Stored encrypted.')}
+          ${check('values', 'Include values for the own collector', w.telemetry_values, 'SQL statements with their literals, bind values and query strings.')}
+          <div class="buttons"><button class="btn btn-hot">Save</button></div></form>
+          ${w.telemetry === 'own' ? html`<form method="post" action="${BASE}/workspaces/${w.id}/telemetry/test" class="u-mt1">${csrf(s)}<button class="btn">Send a test span</button></form>` : ''}`)}
+        ${w.telemetry === 'own' ? region('Status', html`<p class="u-mt0">${statusCell(`ws:${w.id}`)}</p>`) : ''}
+      </div>`;
+    return send(reply, s, shell(s, `OpenTelemetry · ${w.name}`, [['Administration'], [w.name, `${BASE}/workspaces/${w.id}`], ['OpenTelemetry']], main, 'users'));
+  });
+
+  app.post(`${BASE}/workspaces/:id(^\\d{1,9}$)/telemetry`, async (req: Req, reply) => {
+    const s = await developer(req, reply);
+    if (!s || !(await wsAllowed(s, reply, req.params.id))) return;
+    const id = Number(req.params.id);
+    if (!(await owner.one('select 1 from meta.workspace where id = $1', [id]))) return reply.code(404).send('Not found');
+    const f = (req.body ?? {}) as WorkspaceForm;
+    const problem = await saveWorkspaceTelemetry(id, f);
+    if (!problem)
+      await logActivity({ username: s.username, event: 'workspace', ip: clientIp(req), detail: `workspace ${id} OpenTelemetry: ${f.mode}${f.mode === 'own' ? ` ${f.endpoint}` : ''}` });
+    flash(s, problem ?? 'Saved.', problem ? 'error' : 'ok');
+    return back(reply, s, `${BASE}/workspaces/${id}/telemetry`);
+  });
+
+  app.post(`${BASE}/workspaces/:id(^\\d{1,9}$)/telemetry/test`, async (req: Req, reply) => {
+    const s = await developer(req, reply);
+    if (!s || !(await wsAllowed(s, reply, req.params.id))) return;
+    const id = Number(req.params.id);
+    const problem = workspaceTelemetry(id)?.mode === 'own' ? await sendTest(id) : 'The workspace has no collector of its own.';
+    flash(s, problem ? `The collector did not take the test span: ${problem}` : 'The collector took the test span ("pgkiln test span").', problem ? 'error' : 'ok');
+    return back(reply, s, `${BASE}/workspaces/${id}/telemetry`);
+  });
+}

package/src/builder/workspaces.ts

@@ -385,7 +385,8 @@ export async function workspaceRoutes(app: FastifyInstance) {
             <div class="buttons"><button class="btn">${tx('wsp.save_devs')}</button></div></form>`)}
       </div>
       ${serviceRegion(s, w)}
-      ${region(tx('wsp.mail_net'), html`<p class="u-mt0">${tx.rich('wsp.mail_net_text', { mail: html`<a href="${BASE}/workspaces/${w.id}/mail">${tx('wsp.mail_service')}</a>`, network: html`<a href="${BASE}/network?ws=${w.id}">${tx('wsp.network')}</a>`, queue: html`<a href="${BASE}/mail-queue${full ? `?ws=${w.id}` : ''}">${tx('wsp.queue')}</a>` })}</p>`, '', 'mail-network')}
+      ${region(tx('wsp.mail_net'), html`<p class="u-mt0">${tx.rich('wsp.mail_net_text', { mail: html`<a href="${BASE}/workspaces/${w.id}/mail">${tx('wsp.mail_service')}</a>`, network: html`<a href="${BASE}/network?ws=${w.id}">${tx('wsp.network')}</a>`, queue: html`<a href="${BASE}/mail-queue${full ? `?ws=${w.id}` : ''}">${tx('wsp.queue')}</a>` })}</p>
+        <p>${tx.rich('wsp.telemetry_text', { link: html`<a href="${BASE}/workspaces/${w.id}/telemetry">${tx('wsp.telemetry')}</a>` })}</p>`, '', 'mail-network')}
       <div class="columns">${preferencesRegion(s, w, without, unlinked)}${linksRegion(s, w, links)}</div>
       ${full ? isolationRegion(s, w, roles.rows) : region(tx('wsp.isolation'), html`<p class="u-mt0">${w.isolated ? tx('wsp.iso_short_on') : tx('wsp.iso_short_off')} ${tx('wsp.admins_change')}</p>`)}
       ${!full ? '' : region(tx('wsp.applications'), html`<div class="table-wrap"><table class="report report-reflow">

package/src/i18n/ar.ts

@@ -424,6 +424,19 @@ export const ar: Record<MessageKey, string> = {
   'lov.loading': "جارٍ تحميل المزيد…",
   'da.wait': "يرجى الانتظار…",
   'lov.no_rows': "لم يُعثر على شيء.",
+  'shuttle.available': "المتاحة",
+  'shuttle.chosen': "المحددة",
+  'shuttle.move': "نقل",
+  'shuttle.move_all': "نقل الكل",
+  'shuttle.remove': "إزالة",
+  'shuttle.remove_all': "إزالة الكل",
+  'shuttle.up': "نقل لأعلى",
+  'shuttle.down': "نقل لأسفل",
+  'shuttle.top': "نقل إلى الأعلى",
+  'shuttle.bottom': "نقل إلى الأسفل",
+  'shuttle.filter': "تصفية",
+  'region.breadcrumb': "مسار التنقل",
+  'region.no_help': "لا تتوفر تعليمات لهذه الصفحة.",
   'search.did_you_mean': "هل تقصد:",
   'error.lov_value': "{label}: اختر قيمة من القائمة.",
   'item.yes': "نعم",

package/src/i18n/cs.ts

@@ -424,6 +424,19 @@ export const cs: Record<MessageKey, string> = {
   'lov.loading': "Načítání dalších…",
   'da.wait': "Čekejte prosím…",
   'lov.no_rows': "Nic nenalezeno.",
+  'shuttle.available': "Dostupné",
+  'shuttle.chosen': "Vybrané",
+  'shuttle.move': "Přesunout",
+  'shuttle.move_all': "Přesunout vše",
+  'shuttle.remove': "Odebrat",
+  'shuttle.remove_all': "Odebrat vše",
+  'shuttle.up': "Posunout nahoru",
+  'shuttle.down': "Posunout dolů",
+  'shuttle.top': "Přesunout na začátek",
+  'shuttle.bottom': "Přesunout na konec",
+  'shuttle.filter': "Filtrovat",
+  'region.breadcrumb': "Drobečková navigace",
+  'region.no_help': "Pro tuto stránku není k dispozici nápověda.",
   'search.did_you_mean': "Měli jste na mysli:",
   'error.lov_value': "{label}: vyberte hodnotu ze seznamu.",
   'item.yes': "Ano",

package/src/i18n/da.ts

@@ -424,6 +424,19 @@ export const da: Record<MessageKey, string> = {
   'lov.loading': "Indlæser flere…",
   'da.wait': "Vent venligst…",
   'lov.no_rows': "Intet fundet.",
+  'shuttle.available': "Tilgængelige",
+  'shuttle.chosen': "Valgte",
+  'shuttle.move': "Flyt",
+  'shuttle.move_all': "Flyt alle",
+  'shuttle.remove': "Fjern",
+  'shuttle.remove_all': "Fjern alle",
+  'shuttle.up': "Flyt op",
+  'shuttle.down': "Flyt ned",
+  'shuttle.top': "Flyt øverst",
+  'shuttle.bottom': "Flyt nederst",
+  'shuttle.filter': "Filtrer",
+  'region.breadcrumb': "Brødkrummesti",
+  'region.no_help': "Der er ingen hjælp til denne side.",
   'search.did_you_mean': "Mente du:",
   'error.lov_value': "{label}: vælg en værdi på listen.",
   'item.yes': "Ja",

package/src/i18n/de.ts

@@ -421,6 +421,19 @@ export const de: Record<MessageKey, string> = {
   'lov.loading': 'Weitere werden geladen…',
   'da.wait': 'Bitte warten…',
   'lov.no_rows': 'Nichts gefunden.',
+  'shuttle.available': 'Verfügbar',
+  'shuttle.chosen': 'Ausgewählt',
+  'shuttle.move': 'Verschieben',
+  'shuttle.move_all': 'Alle verschieben',
+  'shuttle.remove': 'Entfernen',
+  'shuttle.remove_all': 'Alle entfernen',
+  'shuttle.up': 'Nach oben',
+  'shuttle.down': 'Nach unten',
+  'shuttle.top': 'An den Anfang',
+  'shuttle.bottom': 'An das Ende',
+  'shuttle.filter': 'Filtern',
+  'region.breadcrumb': 'Navigationspfad',
+  'region.no_help': 'Für diese Seite ist keine Hilfe verfügbar.',
   'search.did_you_mean': "Meinten Sie:",
   'error.lov_value': '{label}: Wählen Sie einen Wert aus der Liste.',
   'item.yes': 'Ja',

package/src/i18n/el.ts

@@ -424,6 +424,19 @@ export const el: Record<MessageKey, string> = {
   'lov.loading': "Φόρτωση περισσότερων…",
   'da.wait': "Παρακαλώ περιμένετε…",
   'lov.no_rows': "Δεν βρέθηκε τίποτα.",
+  'shuttle.available': "Διαθέσιμα",
+  'shuttle.chosen': "Επιλεγμένα",
+  'shuttle.move': "Μετακίνηση",
+  'shuttle.move_all': "Μετακίνηση όλων",
+  'shuttle.remove': "Αφαίρεση",
+  'shuttle.remove_all': "Αφαίρεση όλων",
+  'shuttle.up': "Μετακίνηση πάνω",
+  'shuttle.down': "Μετακίνηση κάτω",
+  'shuttle.top': "Μετακίνηση στην αρχή",
+  'shuttle.bottom': "Μετακίνηση στο τέλος",
+  'shuttle.filter': "Φιλτράρισμα",
+  'region.breadcrumb': "Διαδρομή πλοήγησης",
+  'region.no_help': "Δεν υπάρχει βοήθεια για αυτή τη σελίδα.",
   'search.did_you_mean': "Μήπως εννοούσατε:",
   'error.lov_value': "{label}: επιλέξτε τιμή από τη λίστα.",
   'item.yes': "Ναι",

package/src/i18n/es.ts

@@ -421,6 +421,19 @@ export const es: Record<MessageKey, string> = {
   'lov.loading': 'Cargando más…',
   'da.wait': 'Espere, por favor…',
   'lov.no_rows': 'No se ha encontrado nada.',
+  'shuttle.available': 'Disponibles',
+  'shuttle.chosen': 'Seleccionados',
+  'shuttle.move': 'Mover',
+  'shuttle.move_all': 'Mover todos',
+  'shuttle.remove': 'Quitar',
+  'shuttle.remove_all': 'Quitar todos',
+  'shuttle.up': 'Subir',
+  'shuttle.down': 'Bajar',
+  'shuttle.top': 'Mover al principio',
+  'shuttle.bottom': 'Mover al final',
+  'shuttle.filter': 'Filtrar',
+  'region.breadcrumb': 'Ruta de navegación',
+  'region.no_help': 'No hay ayuda disponible para esta página.',
   'search.did_you_mean': "Quizás quiso decir:",
   'error.lov_value': '{label}: elija un valor de la lista.',
   'item.yes': 'Sí',

package/src/i18n/fi.ts

@@ -424,6 +424,19 @@ export const fi: Record<MessageKey, string> = {
   'lov.loading': "Ladataan lisää…",
   'da.wait': "Odota hetki…",
   'lov.no_rows': "Mitään ei löytynyt.",
+  'shuttle.available': "Käytettävissä",
+  'shuttle.chosen': "Valitut",
+  'shuttle.move': "Siirrä",
+  'shuttle.move_all': "Siirrä kaikki",
+  'shuttle.remove': "Poista",
+  'shuttle.remove_all': "Poista kaikki",
+  'shuttle.up': "Siirrä ylös",
+  'shuttle.down': "Siirrä alas",
+  'shuttle.top': "Siirrä alkuun",
+  'shuttle.bottom': "Siirrä loppuun",
+  'shuttle.filter': "Suodata",
+  'region.breadcrumb': "Murupolku",
+  'region.no_help': "Tälle sivulle ei ole ohjetta.",
   'search.did_you_mean': "Tarkoititko:",
   'error.lov_value': "{label}: valitse arvo luettelosta.",
   'item.yes': "Kyllä",

package/src/i18n/fr.ts

@@ -421,6 +421,19 @@ export const fr: Record<MessageKey, string> = {
   'lov.loading': 'Chargement de la suite…',
   'da.wait': 'Veuillez patienter…',
   'lov.no_rows': 'Aucun résultat.',
+  'shuttle.available': 'Disponibles',
+  'shuttle.chosen': 'Sélectionnés',
+  'shuttle.move': 'Déplacer',
+  'shuttle.move_all': 'Tout déplacer',
+  'shuttle.remove': 'Retirer',
+  'shuttle.remove_all': 'Tout retirer',
+  'shuttle.up': 'Monter',
+  'shuttle.down': 'Descendre',
+  'shuttle.top': 'Placer en premier',
+  'shuttle.bottom': 'Placer en dernier',
+  'shuttle.filter': 'Filtrer',
+  'region.breadcrumb': 'Fil d\'Ariane',
+  'region.no_help': 'Aucune aide n\'est disponible pour cette page.',
   'search.did_you_mean': "Vouliez-vous dire :",
   'error.lov_value': '{label} : choisissez une valeur dans la liste.',
   'item.yes': 'Oui',

package/src/i18n/he.ts

@@ -424,6 +424,19 @@ export const he: Record<MessageKey, string> = {
   'lov.loading': "טוען עוד…",
   'da.wait': "נא להמתין…",
   'lov.no_rows': "לא נמצא דבר.",
+  'shuttle.available': "זמינים",
+  'shuttle.chosen': "נבחרים",
+  'shuttle.move': "העבר",
+  'shuttle.move_all': "העבר הכול",
+  'shuttle.remove': "הסר",
+  'shuttle.remove_all': "הסר הכול",
+  'shuttle.up': "הזז למעלה",
+  'shuttle.down': "הזז למטה",
+  'shuttle.top': "הזז להתחלה",
+  'shuttle.bottom': "הזז לסוף",
+  'shuttle.filter': "סינון",
+  'region.breadcrumb': "נתיב ניווט",
+  'region.no_help': "אין עזרה זמינה לדף זה.",
   'search.did_you_mean': "האם התכוונת ל:",
   'error.lov_value': "{label}: בחרו ערך מהרשימה.",
   'item.yes': "כן",

package/src/i18n/it.ts

@@ -424,6 +424,19 @@ export const it: Record<MessageKey, string> = {
   'lov.loading': "Caricamento di altri…",
   'da.wait': "Attendere prego…",
   'lov.no_rows': "Nessun risultato.",
+  'shuttle.available': "Disponibili",
+  'shuttle.chosen': "Selezionati",
+  'shuttle.move': "Sposta",
+  'shuttle.move_all': "Sposta tutti",
+  'shuttle.remove': "Rimuovi",
+  'shuttle.remove_all': "Rimuovi tutti",
+  'shuttle.up': "Sposta su",
+  'shuttle.down': "Sposta giù",
+  'shuttle.top': "Sposta all'inizio",
+  'shuttle.bottom': "Sposta alla fine",
+  'shuttle.filter': "Filtra",
+  'region.breadcrumb': "Percorso di navigazione",
+  'region.no_help': "Nessuna guida disponibile per questa pagina.",
   'search.did_you_mean': "Forse cercavi:",
   'error.lov_value': "{label}: scegli un valore dall'elenco.",
   'item.yes': "Sì",

package/src/i18n/ja.ts

@@ -424,6 +424,19 @@ export const ja: Record<MessageKey, string> = {
   'lov.loading': "さらに読み込み中…",
   'da.wait': "お待ちください…",
   'lov.no_rows': "見つかりません。",
+  'shuttle.available': "使用可能",
+  'shuttle.chosen': "選択済み",
+  'shuttle.move': "移動",
+  'shuttle.move_all': "すべて移動",
+  'shuttle.remove': "削除",
+  'shuttle.remove_all': "すべて削除",
+  'shuttle.up': "上へ移動",
+  'shuttle.down': "下へ移動",
+  'shuttle.top': "先頭へ移動",
+  'shuttle.bottom': "末尾へ移動",
+  'shuttle.filter': "フィルタ",
+  'region.breadcrumb': "パンくずリスト",
+  'region.no_help': "このページのヘルプはありません。",
   'search.did_you_mean': "もしかして:",
   'error.lov_value': "{label}: 一覧から値を選んでください。",
   'item.yes': "はい",

package/src/i18n/ko.ts

@@ -424,6 +424,19 @@ export const ko: Record<MessageKey, string> = {
   'lov.loading': "더 불러오는 중…",
   'da.wait': "잠시 기다려 주세요…",
   'lov.no_rows': "찾은 항목이 없습니다.",
+  'shuttle.available': "사용 가능",
+  'shuttle.chosen': "선택됨",
+  'shuttle.move': "이동",
+  'shuttle.move_all': "모두 이동",
+  'shuttle.remove': "제거",
+  'shuttle.remove_all': "모두 제거",
+  'shuttle.up': "위로 이동",
+  'shuttle.down': "아래로 이동",
+  'shuttle.top': "맨 위로 이동",
+  'shuttle.bottom': "맨 아래로 이동",
+  'shuttle.filter': "필터",
+  'region.breadcrumb': "이동 경로",
+  'region.no_help': "이 페이지에 대한 도움말이 없습니다.",
   'search.did_you_mean': "이것을 찾으셨나요:",
   'error.lov_value': "{label}: 목록에서 값을 선택하세요.",
   'item.yes': "예",

package/src/i18n/nb.ts

@@ -424,6 +424,19 @@ export const nb: Record<MessageKey, string> = {
   'lov.loading': "Laster inn flere…",
   'da.wait': "Vent litt…",
   'lov.no_rows': "Fant ingenting.",
+  'shuttle.available': "Tilgjengelige",
+  'shuttle.chosen': "Valgte",
+  'shuttle.move': "Flytt",
+  'shuttle.move_all': "Flytt alle",
+  'shuttle.remove': "Fjern",
+  'shuttle.remove_all': "Fjern alle",
+  'shuttle.up': "Flytt opp",
+  'shuttle.down': "Flytt ned",
+  'shuttle.top': "Flytt øverst",
+  'shuttle.bottom': "Flytt nederst",
+  'shuttle.filter': "Filtrer",
+  'region.breadcrumb': "Brødsmulesti",
+  'region.no_help': "Det finnes ingen hjelp for denne siden.",
   'search.did_you_mean': "Mente du:",
   'error.lov_value': "{label}: velg en verdi fra listen.",
   'item.yes': "Ja",

package/src/i18n/pl.ts

@@ -424,6 +424,19 @@ export const pl: Record<MessageKey, string> = {
   'lov.loading': "Wczytywanie kolejnych…",
   'da.wait': "Proszę czekać…",
   'lov.no_rows': "Nic nie znaleziono.",
+  'shuttle.available': "Dostępne",
+  'shuttle.chosen': "Wybrane",
+  'shuttle.move': "Przenieś",
+  'shuttle.move_all': "Przenieś wszystkie",
+  'shuttle.remove': "Usuń",
+  'shuttle.remove_all': "Usuń wszystkie",
+  'shuttle.up': "W górę",
+  'shuttle.down': "W dół",
+  'shuttle.top': "Na początek",
+  'shuttle.bottom': "Na koniec",
+  'shuttle.filter': "Filtruj",
+  'region.breadcrumb': "Ścieżka nawigacji",
+  'region.no_help': "Brak pomocy dla tej strony.",
   'search.did_you_mean': "Czy chodziło o:",
   'error.lov_value': "{label}: wybierz wartość z listy.",
   'item.yes': "Tak",

package/src/i18n/pt.ts

@@ -424,6 +424,19 @@ export const pt: Record<MessageKey, string> = {
   'lov.loading': "A carregar mais…",
   'da.wait': "Aguarde, por favor…",
   'lov.no_rows': "Nada encontrado.",
+  'shuttle.available': "Disponíveis",
+  'shuttle.chosen': "Selecionados",
+  'shuttle.move': "Mover",
+  'shuttle.move_all': "Mover todos",
+  'shuttle.remove': "Remover",
+  'shuttle.remove_all': "Remover todos",
+  'shuttle.up': "Mover para cima",
+  'shuttle.down': "Mover para baixo",
+  'shuttle.top': "Mover para o início",
+  'shuttle.bottom': "Mover para o fim",
+  'shuttle.filter': "Filtrar",
+  'region.breadcrumb': "Trilha de navegação",
+  'region.no_help': "Não há ajuda disponível para esta página.",
   'search.did_you_mean': "Queria dizer:",
   'error.lov_value': "{label}: escolha um valor da lista.",
   'item.yes': "Sim",

package/src/i18n/ru.ts

@@ -424,6 +424,19 @@ export const ru: Record<MessageKey, string> = {
   'lov.loading': "Загрузка…",
   'da.wait': "Подождите…",
   'lov.no_rows': "Ничего не найдено.",
+  'shuttle.available': "Доступные",
+  'shuttle.chosen': "Выбранные",
+  'shuttle.move': "Переместить",
+  'shuttle.move_all': "Переместить все",
+  'shuttle.remove': "Убрать",
+  'shuttle.remove_all': "Убрать все",
+  'shuttle.up': "Вверх",
+  'shuttle.down': "Вниз",
+  'shuttle.top': "В начало",
+  'shuttle.bottom': "В конец",
+  'shuttle.filter': "Фильтр",
+  'region.breadcrumb': "Навигационная цепочка",
+  'region.no_help': "Для этой страницы нет справки.",
   'search.did_you_mean': "Возможно, вы имели в виду:",
   'error.lov_value': "{label}: выберите значение из списка.",
   'item.yes': "Да",

package/src/i18n/sv.ts

@@ -424,6 +424,19 @@ export const sv: Record<MessageKey, string> = {
   'lov.loading': "Läser in fler…",
   'da.wait': "Vänta…",
   'lov.no_rows': "Inget hittades.",
+  'shuttle.available': "Tillgängliga",
+  'shuttle.chosen': "Valda",
+  'shuttle.move': "Flytta",
+  'shuttle.move_all': "Flytta alla",
+  'shuttle.remove': "Ta bort",
+  'shuttle.remove_all': "Ta bort alla",
+  'shuttle.up': "Flytta upp",
+  'shuttle.down': "Flytta ned",
+  'shuttle.top': "Flytta först",
+  'shuttle.bottom': "Flytta sist",
+  'shuttle.filter': "Filtrera",
+  'region.breadcrumb': "Brödsmulor",
+  'region.no_help': "Det finns ingen hjälp för den här sidan.",
   'search.did_you_mean': "Menade du:",
   'error.lov_value': "{label}: välj ett värde i listan.",
   'item.yes': "Ja",

package/src/i18n/tr.ts

@@ -424,6 +424,19 @@ export const tr: Record<MessageKey, string> = {
   'lov.loading': "Daha fazlası yükleniyor…",
   'da.wait': "Lütfen bekleyin…",
   'lov.no_rows': "Hiçbir şey bulunamadı.",
+  'shuttle.available': "Kullanılabilir",
+  'shuttle.chosen': "Seçilenler",
+  'shuttle.move': "Taşı",
+  'shuttle.move_all': "Tümünü taşı",
+  'shuttle.remove': "Kaldır",
+  'shuttle.remove_all': "Tümünü kaldır",
+  'shuttle.up': "Yukarı taşı",
+  'shuttle.down': "Aşağı taşı",
+  'shuttle.top': "En üste taşı",
+  'shuttle.bottom': "En alta taşı",
+  'shuttle.filter': "Filtrele",
+  'region.breadcrumb': "İçerik haritası",
+  'region.no_help': "Bu sayfa için yardım yok.",
   'search.did_you_mean': "Bunu mu demek istediniz:",
   'error.lov_value': "{label}: listeden bir değer seçin.",
   'item.yes': "Evet",

package/src/i18n/uk.ts

@@ -424,6 +424,19 @@ export const uk: Record<MessageKey, string> = {
   'lov.loading': "Завантаження…",
   'da.wait': "Зачекайте…",
   'lov.no_rows': "Нічого не знайдено.",
+  'shuttle.available': "Доступні",
+  'shuttle.chosen': "Вибрані",
+  'shuttle.move': "Перемістити",
+  'shuttle.move_all': "Перемістити всі",
+  'shuttle.remove': "Прибрати",
+  'shuttle.remove_all': "Прибрати всі",
+  'shuttle.up': "Вгору",
+  'shuttle.down': "Вниз",
+  'shuttle.top': "На початок",
+  'shuttle.bottom': "У кінець",
+  'shuttle.filter': "Фільтр",
+  'region.breadcrumb': "Навігаційний ланцюжок",
+  'region.no_help': "Для цієї сторінки немає довідки.",
   'search.did_you_mean': "Можливо, ви мали на увазі:",
   'error.lov_value': "{label}: виберіть значення зі списку.",
   'item.yes': "Так",