@eifi1/ui-kit 0.42.0 → 0.44.0

package/src/billing/subscription-actions.tsx

@@ -1,11 +1,30 @@
-import type { ComponentPropsWithRef } from "react";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import { ExternalLink } from "lucide-react";
 
+import { DEFAULT_COMMON_LABELS, useKitLabels } from "../i18n/kit-labels";
 import type { LabelOverride } from "../i18n/kit-labels";
 import { cn } from "../lib/cn";
 import { Button } from "../components/button";
 import { useBillingLabels } from "./billing-labels";
 import type { BillingLabels } from "./billing-labels";
 import type { BillingPortalAccess, PortalTarget } from "./billing-overview";
+import type { CancelRequested } from "./cancel-request";
+
+/** The portal action's mark (§17.3): the external-link glyph after the words, and "(opens
+ *  in a new tab)" for a reader — on a link, `Button`'s `external` says the latter. */
+export function ExternalMark({ reader }: { reader?: string }) {
+  return (
+    <>
+      <ExternalLink aria-hidden data-external="" className="size-4 shrink-0 rtl:-scale-x-100" />
+      {reader !== undefined && (
+        <>
+          {" "}
+          <span className="sr-only">({reader})</span>
+        </>
+      )}
+    </>
+  );
+}
 
 export interface SubscriptionActionsProps extends Omit<ComponentPropsWithRef<"div">, "children"> {
   /** "Payment and invoices", as a link — or {@link onManage}. Without either, none. */
@@ -62,6 +81,25 @@ export interface SubscriptionActionsProps extends Omit<ComponentPropsWithRef<"di
    *  the cancel's place while {@link cancelAtPeriodEnd} is true. Without it, the cancel
    *  stays as before. */
   onResume?: () => void;
+  /**
+   * 0.43 (kastlan `18bf4c0`): what was asked in the app and the overview does not show
+   * yet — `useCancelRequest().view(row).requested`. `"cancel"`: shown as scheduled ("Keep
+   * subscription" with {@link onResume}; without it, no second "Cancel subscription").
+   * `"resume"`: shown as not scheduled. `null` (default): {@link cancelAtPeriodEnd} says.
+   */
+  cancelRequested?: CancelRequested;
+  /**
+   * 0.43 (§17): the portal opens in a NEW TAB — the app's handler calls
+   * `openProviderPage` — so its actions carry the external-link mark, a link opens with
+   * `target="_blank"`, and the `portalOpensNewTab` note shows under them. Default true;
+   * `false` for an app whose portal still opens in the same tab.
+   */
+  portalNewTab?: boolean;
+  /** 0.43: the provider's name in the note. Default `"Paddle"` (§2 decision 16). */
+  providerName?: string;
+  /** 0.43: the app's name in the note ("Kastlan stays open here"). Without it, "this page
+   *  stays open". */
+  appName?: string;
   /** Which one is under way: its spinner, no second press. `"resume"` since 0.42. */
   pending?: "manage" | "cancel" | "resume" | null;
   /** Prop > `<UiKitProvider labels={{ billing }}>` > English. */
@@ -89,6 +127,12 @@ export interface SubscriptionActionsProps extends Omit<ComponentPropsWithRef<"di
  * "Cancel subscription" is the in-app cancel (`onCancelInApp`). While a cancel is
  * scheduled (`cancelAtPeriodEnd`) and `onResume` is given, "Keep subscription" stands in
  * the cancel's place, whoever the viewer is.
+ *
+ * 0.43 (§17): the portal opens in a new tab (`openProviderPage` in the app's handler):
+ * its actions carry the external-link mark, and a muted note says so — "Payment and
+ * invoices open at {provider} in a new tab; {app} stays open here." The in-app cancel and
+ * "Keep subscription" stay unmarked. After an in-app cancel or resume, `cancelRequested`
+ * (`useCancelRequest`) shows what was asked until the provider's webhook lands.
  */
 export function SubscriptionActions({
   manageHref,
@@ -102,12 +146,17 @@ export function SubscriptionActions({
   onCancelInApp,
   cancelAtPeriodEnd = false,
   onResume,
+  cancelRequested = null,
+  portalNewTab = true,
+  providerName = "Paddle",
+  appName,
   pending,
   labels: labelsProp,
   className,
   ...rest
 }: SubscriptionActionsProps) {
   const labels = useBillingLabels(labelsProp);
+  const common = useKitLabels("common", DEFAULT_COMMON_LABELS);
   if (!atProvider) {
     return (
       <div {...rest} data-at-provider="false" className={cn("text-sm text-muted", className)}>
@@ -121,38 +170,75 @@ export function SubscriptionActions({
   // Under "buyer_only" the in-app cancel only; under "open" the portal's first, the
   // in-app cancel only where no way to the portal's is given.
   const cancelCall = buyerOnly ? onCancelInApp : (portalCancel ?? (cancelHref === undefined ? onCancelInApp : undefined));
+  // 0.43: what was asked in the app wins over the row until the row moves.
+  const scheduled = cancelRequested === "cancel" ? true : cancelRequested === "resume" ? false : cancelAtPeriodEnd;
+  // 0.43 (§17): the portal's actions are marked, a link opens a tab of its own.
+  const newTab = portalNewTab && !buyerOnly;
+  const words = (text: string, external: boolean, link: boolean): ReactNode =>
+    external ? (
+      <>
+        {text}
+        <ExternalMark reader={link ? undefined : common.opensInNewTab} />
+      </>
+    ) : (
+      text
+    );
+  const portalCancelShown = !buyerOnly && (cancelHref !== undefined || portalCancel !== undefined);
   const manage = buyerOnly ? (
     <p className="basis-full text-sm text-muted" data-buyer-holds="">
       {labels.buyerHolds(buyerName || undefined)}
     </p>
   ) : manageHref !== undefined ? (
-    <Button href={manageHref} variant="secondary">
-      {labels.manage}
+    <Button href={manageHref} variant="secondary" external={newTab || undefined} data-portal-action="manage">
+      {words(labels.manage, newTab, true)}
     </Button>
   ) : manageCall !== undefined ? (
-    <Button type="button" variant="secondary" onClick={manageCall} pending={pending === "manage"}>
-      {labels.manage}
+    <Button
+      type="button"
+      variant="secondary"
+      onClick={manageCall}
+      pending={pending === "manage"}
+      className={newTab ? "relative" : undefined}
+      data-portal-action="manage"
+    >
+      {words(labels.manage, newTab, false)}
     </Button>
   ) : null;
   const cancel =
-    cancelAtPeriodEnd && onResume !== undefined ? (
+    scheduled && onResume !== undefined ? (
       <Button type="button" variant="link" onClick={onResume} pending={pending === "resume"} data-keep-subscription="">
         {labels.keepSubscription}
       </Button>
-    ) : cancelHref !== undefined && !buyerOnly ? (
-      <Button href={cancelHref} variant="link" tone="danger">
-        {labels.cancel}
+    ) : cancelRequested === "cancel" ? null : cancelHref !== undefined && !buyerOnly ? (
+      <Button href={cancelHref} variant="link" tone="danger" external={newTab || undefined} data-portal-action="cancel">
+        {words(labels.cancel, newTab, true)}
       </Button>
     ) : cancelCall !== undefined ? (
-      <Button type="button" variant="link" tone="danger" onClick={cancelCall} pending={pending === "cancel"}>
-        {labels.cancel}
+      <Button
+        type="button"
+        variant="link"
+        tone="danger"
+        onClick={cancelCall}
+        pending={pending === "cancel"}
+        className={newTab && portalCancelShown ? "relative" : undefined}
+        data-portal-action={portalCancelShown ? "cancel" : undefined}
+      >
+        {words(labels.cancel, newTab && portalCancelShown, false)}
       </Button>
     ) : null;
   if (!manage && !cancel) return null;
+  // The note while a way to the portal shows: "Payment and invoices open at Paddle in a
+  // new tab; Kastlan stays open here."
+  const portalShown = !buyerOnly && (manage !== null || (cancel !== null && portalCancelShown && !(scheduled && onResume)));
   return (
     <div {...rest} className={cn("flex flex-wrap items-center gap-x-4 gap-y-2", className)}>
       {manage}
       {cancel}
+      {newTab && portalShown && (
+        <p className="basis-full text-sm text-muted" data-portal-note="">
+          {labels.portalOpensNewTab(providerName, appName || undefined)}
+        </p>
+      )}
     </div>
   );
 }

package/src/components/account-chips.tsx

@@ -47,7 +47,14 @@ interface AccountChipLook {
 export interface RoleDefinition {
   label: string;
   tone?: ChipTone;
-  /** A lucide component or an element — Kurvenschmiede marks its admins with a shield. */
+  /**
+   * A lucide component or an element — Kurvenschmiede marks its admins with a shield.
+   * Unlike {@link href} and {@link variant}, it shows EVERYWHERE the role is drawn: in
+   * {@link AccountRoleChip} and in {@link RoleChip} (the roster's column) alike. That is
+   * intended (0.43, keksdose's question): the glyph is part of how the role reads, so the
+   * shield on the header's chip is the shield in the users list. An app that wants the
+   * glyph in one place only hands the other a second vocabulary without `icon`.
+   */
   icon?: LucideIcon | ReactElement;
   /**
    * 0.42.0 (docs/admin-harmonization.md §2.1, settings §12.3): the role's tool — an

package/src/feedback/feedback-menu.tsx

@@ -71,6 +71,9 @@ export interface FeedbackMenuProps {
   /** Which edge of the trigger the panel lines up with, `start` or `end` in the reading
    *  direction (see `HoverMenu`, whose type this is). Default `end`. */
   align?: HoverMenuProps["align"];
+  /** 0.43: `data-*` attributes go on the trigger — a tour's anchor
+   *  (`data-tour="feedback-menu"`), a test hook. */
+  [key: `data-${string}`]: string | number | boolean | undefined;
 }
 
 /**
@@ -101,9 +104,9 @@ export interface FeedbackMenuProps {
  * to the top like one with none of what makes it actionable. The server refuses it with a
  * 422 anyway (§3.4).
  *
- * The menu forwards nothing to its trigger, as `TopBarActionMenu` does not: keksdose's
- * tour anchor (`data-tour="feedback-menu"`) stays on a wrapping `<span>`. Needs a router,
- * as every `TopBarActionMenu` with link rows does.
+ * Since 0.43 its `data-*` attributes go on the trigger (keksdose's tour anchor
+ * `data-tour="feedback-menu"` needs no wrapping `<span>` any more). Needs a router, as
+ * every `TopBarActionMenu` with link rows does.
  */
 export function FeedbackMenu({
   onFile,
@@ -115,6 +118,7 @@ export function FeedbackMenu({
   iconBadge,
   labels: labelsProp,
   align,
+  ...attributes
 }: FeedbackMenuProps) {
   const labels = useKitLabels("feedbackMenu", DEFAULT_FEEDBACK_MENU_LABELS, labelsProp);
   const categoryLabels = useFeedbackCategoryLabels();
@@ -167,6 +171,7 @@ export function FeedbackMenu({
       aria-label={labels.trigger}
       entries={entries}
       align={align}
+      triggerAttributes={Object.fromEntries(Object.entries(attributes).filter(([k]) => k.startsWith("data-")))}
     />
   );
 }

package/src/hooks/use-search-param-state.ts

@@ -208,7 +208,12 @@ function writeQuery(
     }
   }
   queued.lastPushed = push;
-  void navigate(`?${search}`, push ? undefined : { replace: true, state: carriedState(queued.state) });
+  // The hash is spelled out: `navigate("?…")` drops it (keksdose dev#495; build review
+  // 0.43, keksdose N2 — the tours page's filters).
+  void navigate(
+    { search: `?${search}`, hash: location.hash },
+    push ? undefined : { replace: true, state: carriedState(queued.state) },
+  );
 }
 
 /** The rendered query, and a write that composes with every other one on the router. */

package/src/i18n/defaults.ts

@@ -13,6 +13,7 @@ import {
 } from "../components/ui-labels";
 import { DEFAULT_WIZARD_LABELS } from "../wizard/wizard-labels";
 import { DEFAULT_TOUR_LABELS } from "../tour/tour-labels";
+import { DEFAULT_TOUR_CATALOGUE_LABELS } from "../tour/tour-catalogue-labels";
 import { DEFAULT_COMMAND_PALETTE_LABELS } from "../search/command-palette-labels";
 import { DEFAULT_GLOBAL_SEARCH_LABELS } from "../search/global-search-labels";
 import { DEFAULT_SERIES_CHART_LABELS } from "../components/series-chart-labels";
@@ -167,6 +168,7 @@ export const DEFAULT_UI_KIT_LABELS: UiKitLabels = {
   file: DEFAULT_FILE_LABELS,
   wizard: DEFAULT_WIZARD_LABELS,
   tour: DEFAULT_TOUR_LABELS,
+  tourCatalogue: DEFAULT_TOUR_CATALOGUE_LABELS,
   commandPalette: DEFAULT_COMMAND_PALETTE_LABELS,
   globalSearch: DEFAULT_GLOBAL_SEARCH_LABELS,
   seriesChart: DEFAULT_SERIES_CHART_LABELS,

package/src/i18n/german.ts

@@ -626,6 +626,34 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       awaitClickHint: "Klicken Sie auf das hervorgehobene Element, um fortzufahren",
       step: (current, total) => `${n(current)} / ${n(total)}`,
     },
+    // 0.43.0 — docs/tours-harmonization.md §3, §8: the tours page. keksdose's reviewed words.
+    tourCatalogue: {
+      searchLabel: "Touren durchsuchen",
+      searchPlaceholder: "Touren durchsuchen…",
+      groupLabel: "Thema",
+      groupAll: (count) => `Alle Themen (${n(count)})`,
+      groupOption: (group, count) => `${group} (${n(count)})`,
+      stateLabel: "Touren filtern",
+      stateAll: (count) => `Alle (${n(count)})`,
+      stateTodo: (count) => `Offen (${n(count)})`,
+      stateDone: (count) => `Abgeschlossen (${n(count)})`,
+      showing: (shown, total) => `${n(shown)} von ${n(total)} Touren`,
+      noMatches: "Keine Tour passt",
+      noMatchesHint: "Anderes Wort versuchen oder Filter zurücksetzen.",
+      clearFilters: "Filter zurücksetzen",
+      badgeNew: "Neu",
+      badgeUpdated: "Aktualisiert",
+      resetOn: (date, reason) => (reason ? `Zurückgesetzt am ${date}: ${reason}` : `Zurückgesetzt am ${date}`),
+      points: (count) => `+${n(count)} Pkt`,
+      steps: (count) => (count === 1 ? `${n(count)} Schritt` : `${n(count)} Schritte`),
+      duration: (minutes) => `Etwa ${n(minutes)} Min.`,
+      completedOn: (date) => `Abgeschlossen am ${date}`,
+      completed: "Abgeschlossen",
+      notCompleted: "Nicht abgeschlossen",
+      markUndone: "Als nicht erledigt markieren",
+      start: "Starten",
+      replay: "Erneut",
+    },
     commandPalette: {
       clear: "Suche löschen",
       submit: "Suchen",
@@ -1779,6 +1807,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       // §312k BGB: the confirmation button says exactly this.
       cancelConfirmAction: "Jetzt kündigen",
       keepSubscription: "Abonnement behalten",
+      portalOpensNewTab: (provider, app) =>
+        `Zahlung und Rechnungen öffnen sich bei ${provider} in einem neuen Tab; ${app ? `${app} bleibt hier offen` : "diese Seite bleibt offen"}.`,
       grantWarningTitle: "Ihr kostenloser Zugang läuft weiter",
       grantWarningBody:
         "Ihr kostenloser Zugang hat kein Enddatum. Solange er läuft, ändert ein Kauf Ihren Tarif nicht: Sie würden für einen Tarif bezahlen, der nicht gilt.",
@@ -1872,7 +1902,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       sections: {
         overview: { title: "Übersicht", help: "Was gerade wartet, auf einen Blick." },
         users: { title: "Benutzer", help: "Wer ein Konto hat und was jede Person darf." },
-        invitations: { title: "Einladungen", help: "Die Links, mit denen neue Personen dazukommen." },
+        invitations: { title: "Einladungen", help: "Laden Sie Personen per E-Mail in ihrer Sprache ein; senden Sie offene Einladungen erneut oder widerrufen Sie sie." },
         billing: { title: "Abrechnung", help: "Tarif, Zahlung und Rechnungen." },
         activity: { title: "Aktivität", help: "Was in der Verwaltung getan wurde, das Neueste zuerst." },
       },
@@ -1883,6 +1913,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         users: "Benutzer",
         usersNew: (count) => `${n(count)} neu in 7 Tagen`,
       },
+      overviewError: "Die Übersicht konnte nicht geladen werden.",
+      retry: "Erneut versuchen",
       tools: "Werkzeuge",
     },
     // 0.42.0 — docs/top-bar-harmonization.md §3.1: the top bar's shared parts. keksdose's
@@ -1896,6 +1928,9 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         allTours: "Alle Touren…",
         badgeNew: "Neu",
         completed: "Abgeschlossen",
+        badgeUpdated: "Aktualisiert",
+        updatedDot: "Aktualisierte Touren",
+        newAndUpdated: "Neu und aktualisiert",
       },
       sync: {
         blocked: (count) =>

package/src/i18n/kit-labels.tsx

@@ -25,6 +25,7 @@ import type { CharacterCountLabels, PasswordRevealLabels } from "../components/f
 import type { TabsLabels } from "../components/tabs";
 import type { WizardLabels } from "../wizard/types";
 import type { TourLabels } from "../tour/tour";
+import type { TourCatalogueLabels } from "../tour/tour-catalogue-labels";
 import type { CommandPaletteLabels } from "../search/command-palette";
 import type { GlobalSearchLabels } from "../search/global-search";
 import type { MonthPickerLabels } from "../components/month-picker";
@@ -321,6 +322,8 @@ export interface UiKitLabels {
   file: FileLabels;
   wizard: WizardLabels;
   tour: TourLabels;
+  /** 0.43.0: the tours page — `TourCatalogue` and its card (docs/tours-harmonization.md §3). */
+  tourCatalogue: TourCatalogueLabels;
   commandPalette: CommandPaletteLabels;
   globalSearch: GlobalSearchLabels;
   seriesChart: SeriesChartLabels;

package/src/i18n/locales/en.ts

@@ -222,6 +222,19 @@ export function uiKitLabelsEn(numberLocale = "en-US"): UiKitLabels {
       waiting: (count) => `${n(count)} waiting`,
       tiles: { ...d.adminArea.tiles, usersNew: (count) => `${n(count)} new in 7 days` },
     },
+    // 0.43.0: the tours page's counts (docs/tours-harmonization.md §3).
+    tourCatalogue: {
+      ...d.tourCatalogue,
+      groupAll: (count) => `All topics (${n(count)})`,
+      groupOption: (group, count) => `${group} (${n(count)})`,
+      stateAll: (count) => `All (${n(count)})`,
+      stateTodo: (count) => `Not taken (${n(count)})`,
+      stateDone: (count) => `Completed (${n(count)})`,
+      showing: (shown, total) => `Showing ${n(shown)} of ${n(total)} tours`,
+      points: (count) => `+${n(count)} pts`,
+      steps: (count) => (count === 1 ? "1 step" : `${n(count)} steps`),
+      duration: (minutes) => `About ${n(minutes)} min`,
+    },
     // 0.42.0: the top bar's three counts (docs/top-bar-harmonization.md §3.1).
     topBarParts: {
       ...d.topBarParts,

package/src/i18n/locales/es.ts

@@ -609,6 +609,34 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       awaitClickHint: "Haga clic en el elemento resaltado para continuar",
       step: (current, total) => `${n(current)} / ${n(total)}`,
     },
+    // 0.43.0 — docs/tours-harmonization.md §3, §8: the tours page.
+    tourCatalogue: {
+      searchLabel: "Buscar visitas",
+      searchPlaceholder: "Buscar visitas…",
+      groupLabel: "Tema",
+      groupAll: (count) => `Todos los temas (${n(count)})`,
+      groupOption: (group, count) => `${group} (${n(count)})`,
+      stateLabel: "Filtrar visitas",
+      stateAll: (count) => `Todas (${n(count)})`,
+      stateTodo: (count) => `Pendientes (${n(count)})`,
+      stateDone: (count) => `Completadas (${n(count)})`,
+      showing: (shown, total) => `Mostrando ${n(shown)} de ${n(total)} visitas`,
+      noMatches: "Ninguna visita coincide",
+      noMatchesHint: "Pruebe con otra palabra o borre los filtros.",
+      clearFilters: "Borrar filtros",
+      badgeNew: "Nuevo",
+      badgeUpdated: "Actualizado",
+      resetOn: (date, reason) => (reason ? `Restablecida el ${date}: ${reason}` : `Restablecida el ${date}`),
+      points: (count) => `+${n(count)} pts`,
+      steps: (count) => (count === 1 ? `${n(count)} paso` : `${n(count)} pasos`),
+      duration: (minutes) => `Unos ${n(minutes)} min`,
+      completedOn: (date) => `Completada el ${date}`,
+      completed: "Completada",
+      notCompleted: "No completada",
+      markUndone: "Marcar como no completada",
+      start: "Empezar",
+      replay: "Repetir",
+    },
     commandPalette: {
       clear: "Borrar búsqueda",
       submit: "Buscar",
@@ -1727,6 +1755,8 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       cancelConfirmBody: (date) => `Su suscripción termina el ${date}. Hasta entonces, todo funciona como antes.`,
       cancelConfirmAction: "Cancelar ahora la suscripción",
       keepSubscription: "Mantener la suscripción",
+      portalOpensNewTab: (provider, app) =>
+        `Los pagos y las facturas se abren en ${provider} en una pestaña nueva; ${app ? `${app} sigue abierto aquí` : "esta página sigue abierta"}.`,
       grantWarningTitle: "Su acceso gratuito continúa",
       grantWarningBody:
         "Su acceso gratuito no tiene fecha de fin. Mientras dure, una compra no cambia su plan: pagaría por un plan que no se aplica.",
@@ -1812,7 +1842,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       sections: {
         overview: { title: "Resumen", help: "Lo que está pendiente, de un vistazo." },
         users: { title: "Usuarios", help: "Quién tiene una cuenta y qué puede hacer cada uno." },
-        invitations: { title: "Invitaciones", help: "Los enlaces con los que entra una persona nueva." },
+        invitations: { title: "Invitaciones", help: "Invite a personas por correo electrónico en su idioma; reenvíe o revoque las invitaciones aún pendientes." },
         billing: { title: "Facturación", help: "El plan, el pago y las facturas." },
         activity: { title: "Actividad", help: "Lo que hicieron los administradores, lo más reciente primero." },
       },
@@ -1823,6 +1853,8 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
         users: "Usuarios",
         usersNew: (count) => `${n(count)} ${plural(count, "nuevo", "nuevos")} en 7 días`,
       },
+      overviewError: "No se pudo cargar el resumen.",
+      retry: "Reintentar",
       tools: "Herramientas",
     },
     // 0.42.0 — docs/top-bar-harmonization.md §3.1: the top bar's shared parts; "plan" as
@@ -1836,6 +1868,9 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
         allTours: "Todas las visitas…",
         badgeNew: "Nuevo",
         completed: "Completada",
+        badgeUpdated: "Actualizado",
+        updatedDot: "Visitas actualizadas",
+        newAndUpdated: "Nuevas y actualizadas",
       },
       sync: {
         blocked: (count) =>

package/src/i18n/locales/fr.ts

@@ -624,6 +624,34 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       awaitClickHint: "Cliquez sur l’élément mis en évidence pour continuer",
       step: (current, total) => `${n(current)} / ${n(total)}`,
     },
+    // 0.43.0 — docs/tours-harmonization.md §3, §8: the tours page. keksdose's reviewed words.
+    tourCatalogue: {
+      searchLabel: "Rechercher une visite",
+      searchPlaceholder: "Rechercher une visite…",
+      groupLabel: "Thème",
+      groupAll: (count) => `Tous les thèmes (${n(count)})`,
+      groupOption: (group, count) => `${group} (${n(count)})`,
+      stateLabel: "Filtrer les visites",
+      stateAll: (count) => `Toutes (${n(count)})`,
+      stateTodo: (count) => `Non suivies (${n(count)})`,
+      stateDone: (count) => `Terminées (${n(count)})`,
+      showing: (shown, total) => `${n(shown)} visites sur ${n(total)}`,
+      noMatches: "Aucune visite ne correspond",
+      noMatchesHint: "Essayez un autre mot, ou effacez le filtre.",
+      clearFilters: "Effacer les filtres",
+      badgeNew: "Nouveau",
+      badgeUpdated: "Mise à jour",
+      resetOn: (date, reason) => (reason ? `Réinitialisée le ${date}\u202f: ${reason}` : `Réinitialisée le ${date}`),
+      points: (count) => `+${n(count)} pts`,
+      steps: (count) => (count === 1 ? `${n(count)} étape` : `${n(count)} étapes`),
+      duration: (minutes) => `Environ ${n(minutes)} min`,
+      completedOn: (date) => `Terminée le ${date}`,
+      completed: "Terminée",
+      notCompleted: "Non terminée",
+      markUndone: "Marquer comme non terminée",
+      start: "Démarrer",
+      replay: "Rejouer",
+    },
     commandPalette: {
       clear: "Effacer la recherche",
       submit: "Rechercher",
@@ -1762,6 +1790,8 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
         `Votre abonnement prendra fin le ${date}. D’ici là, tout fonctionne comme avant.`,
       cancelConfirmAction: "Résilier maintenant",
       keepSubscription: "Conserver l’abonnement",
+      portalOpensNewTab: (provider, app) =>
+        `Le paiement et les factures s’ouvrent chez ${provider} dans un nouvel onglet\u202f; ${app ? `${app} reste ouvert ici` : "cette page reste ouverte"}.`,
       grantWarningTitle: "Votre accès gratuit continue",
       grantWarningBody:
         "Votre accès gratuit n’a pas de date de fin. Tant qu’il dure, un achat ne change pas votre formule : vous paieriez pour une formule qui ne s’applique pas.",
@@ -1851,7 +1881,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       sections: {
         overview: { title: "Vue d’ensemble", help: "Ce qui est en attente, en un coup d’œil." },
         users: { title: "Utilisateurs", help: "Qui a un compte, et ce que chacun peut faire." },
-        invitations: { title: "Invitations", help: "Les liens qui permettent à une nouvelle personne d’entrer." },
+        invitations: { title: "Invitations", help: "Invitez des personnes par e-mail dans leur langue\u202f; renvoyez ou révoquez les invitations encore ouvertes." },
         billing: { title: "Facturation", help: "L’offre, le paiement et les factures." },
         activity: { title: "Activité", help: "Ce que les administrateurs ont fait, du plus récent au plus ancien." },
       },
@@ -1862,6 +1892,8 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
         users: "Utilisateurs",
         usersNew: (count) => `${n(count)} ${plural(count, "nouveau", "nouveaux")} en 7 jours`,
       },
+      overviewError: "La vue d’ensemble n’a pas pu être chargée.",
+      retry: "Réessayer",
       tools: "Outils",
     },
     // 0.42.0 — docs/top-bar-harmonization.md §3.1: the top bar's shared parts, keksdose's
@@ -1875,6 +1907,9 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
         allTours: "Toutes les visites…",
         badgeNew: "Nouveau",
         completed: "Terminée",
+        badgeUpdated: "Mise à jour",
+        updatedDot: "Visites mises à jour",
+        newAndUpdated: "Nouvelles et mises à jour",
       },
       sync: {
         blocked: (count) =>

package/src/i18n/locales/hu.ts

@@ -611,6 +611,34 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       awaitClickHint: "A folytatáshoz kattintson a kiemelt elemre",
       step: (current, total) => `${n(current)} / ${n(total)}`,
     },
+    // 0.43.0 — docs/tours-harmonization.md §3, §8: the tours page.
+    tourCatalogue: {
+      searchLabel: "Bemutatók keresése",
+      searchPlaceholder: "Bemutatók keresése…",
+      groupLabel: "Téma",
+      groupAll: (count) => `Összes téma (${n(count)})`,
+      groupOption: (group, count) => `${group} (${n(count)})`,
+      stateLabel: "Bemutatók szűrése",
+      stateAll: (count) => `Összes (${n(count)})`,
+      stateTodo: (count) => `Teendő (${n(count)})`,
+      stateDone: (count) => `Elvégezve (${n(count)})`,
+      showing: (shown, total) => `${n(shown)} / ${n(total)} bemutató látható`,
+      noMatches: "Nincs megfelelő bemutató",
+      noMatchesHint: "Próbáljon egy másik szót, vagy törölje a szűrőket.",
+      clearFilters: "Szűrők törlése",
+      badgeNew: "Új",
+      badgeUpdated: "Frissítve",
+      resetOn: (date, reason) => (reason ? `Visszaállítva: ${date} – ${reason}` : `Visszaállítva: ${date}`),
+      points: (count) => `+${n(count)} pont`,
+      steps: (count) => `${n(count)} lépés`,
+      duration: (minutes) => `Kb. ${n(minutes)} perc`,
+      completedOn: (date) => `Elvégezve: ${date}`,
+      completed: "Elvégezve",
+      notCompleted: "Még nincs elvégezve",
+      markUndone: "Megjelölés el nem végzettként",
+      start: "Indítás",
+      replay: "Újra",
+    },
     commandPalette: {
       clear: "Keresés törlése",
       submit: "Keresés",
@@ -1730,6 +1758,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       cancelConfirmBody: (date) => `Az előfizetése ekkor ér véget: ${date}. Addig minden a megszokott módon működik.`,
       cancelConfirmAction: "Lemondás most",
       keepSubscription: "Előfizetés megtartása",
+      portalOpensNewTab: (provider, app) =>
+        `A fizetés és a számlák új lapon nyílnak meg a(z) ${provider} oldalán; ${app ? `a(z) ${app} itt nyitva marad` : "ez az oldal nyitva marad"}.`,
       grantWarningTitle: "Az ingyenes hozzáférése továbbra is él",
       grantWarningBody:
         "Az ingyenes hozzáférésének nincs lejárati dátuma. Amíg tart, a vásárlás nem változtatja meg a csomagját: olyan csomagért fizetne, amely nem érvényes.",
@@ -1818,7 +1848,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       sections: {
         overview: { title: "Áttekintés", help: "Ami most várakozik, egy pillantásra." },
         users: { title: "Felhasználók", help: "Kinek van fiókja, és ki mit tehet." },
-        invitations: { title: "Meghívások", help: "A linkek, amelyekkel új személy csatlakozhat." },
+        invitations: { title: "Meghívások", help: "Hívjon meg embereket e-mailben a saját nyelvükön; küldje újra vagy vonja vissza a még nyitott meghívókat." },
         billing: { title: "Számlázás", help: "A csomag, a fizetés és a számlák." },
         activity: { title: "Tevékenység", help: "Mit tettek az adminisztrátorok, a legújabb elöl." },
       },
@@ -1829,6 +1859,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
         users: "Felhasználók",
         usersNew: (count) => `${n(count)} új az elmúlt 7 napban`,
       },
+      overviewError: "Az áttekintést nem sikerült betölteni.",
+      retry: "Próbálja újra",
       tools: "Eszközök",
     },
     // 0.42.0 — docs/top-bar-harmonization.md §3.1: the top bar's shared parts; "csomag" as
@@ -1842,6 +1874,9 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
         allTours: "Összes bemutató…",
         badgeNew: "Új",
         completed: "Elvégezve",
+        badgeUpdated: "Frissítve",
+        updatedDot: "Frissített bemutatók",
+        newAndUpdated: "Új és frissített",
       },
       sync: {
         blocked: (count) => `${n(count)} módosítás nem küldhető el erről az eszközről`,