@eifi1/ui-kit 0.46.1 → 0.48.0

package/src/i18n/locales/es.ts

@@ -193,7 +193,6 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       outcomeUpdate: "Actualizar",
       outcomePlaceholder: "Qué se ha hecho o decidido, o por qué no se abordará.",
       rework: "Corrección",
-      openPage: "Abrir página",
       reworkTitle: "Devolver para corrección",
       reworkSend: "Solicitar corrección",
       reworkPlaceholder: "¿Qué falta por pulir? Nuevos requisitos o cambios de rumbo.",
@@ -331,6 +330,8 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       opensInNewTab: "se abre en una pestaña nueva",
       aboutField: (field) => `Acerca de «${field}»`,
       help: "Ayuda",
+      showMore: "Más",
+      showLess: "Menos",
     },
     dataTable: {
       columns: "Columnas",
@@ -343,6 +344,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       cancelSelection: "Cancelar",
       rowDetails: "Detalles",
       autoSize: "Ajustar ancho de columnas",
+      hiddenForWidth: "oculta por falta de espacio",
       loading: "Cargando…",
       filters: "Filtros",
       clearAll: "Borrar todo",
@@ -392,6 +394,8 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       booleanTrue: "Sí",
       booleanFalse: "No",
       booleanUnset: "Sin definir",
+      loadMore: "Cargar más",
+      allLoaded: "Todas las filas cargadas",
       sortBy: "Ordenar por",
       sortDefault: "Orden predeterminado",
       sortAscending: "Ascendente",
@@ -528,7 +532,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       add: "Añadir pestaña",
       remove: (tab) => `Quitar ${tab}`,
       more: "Más pestañas",
-      backToFirst: "Volver a la primera pestaña",
+      previous: "Pestañas anteriores",
     },
     appShell: {
       collapse: "Contraer barra lateral",
@@ -1158,7 +1162,6 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
     notifications: {
       typesTitle: "Avisarme de",
       typesDescription: "Elija de qué se entera y cómo.",
-      byEmail: "Por correo electrónico",
       channelApp: "En la app",
       channelPush: "Push",
       channelEmail: "Correo",
@@ -1182,9 +1185,6 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       quietUntil: "Hasta",
       quietIncomplete:
         "Indique una hora de inicio y una de fin. Las horas de silencio se aplican cuando ambas están definidas.",
-      timeZone: "Zona horaria",
-      deviceZone: (zone) => `Este dispositivo está en ${zone}.`,
-      useDeviceZone: "Usarla",
       regions: {
         Africa: "África",
         America: "América",

package/src/i18n/locales/fr.ts

@@ -191,7 +191,6 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       outcomeUpdate: "Mettre à jour",
       outcomePlaceholder: "Ce qui a été fait ou décidé, ou pourquoi ce point ne sera pas traité.",
       rework: "Reprise",
-      openPage: "Ouvrir la page",
       reworkTitle: "Renvoyer pour reprise",
       reworkSend: "Demander la reprise",
       reworkPlaceholder:
@@ -337,6 +336,8 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       opensInNewTab: "s’ouvre dans un nouvel onglet",
       aboutField: (field) => `À propos de «\u202f${field}\u202f»`,
       help: "Aide",
+      showMore: "Plus",
+      showLess: "Moins",
     },
     dataTable: {
       columns: "Colonnes",
@@ -349,6 +350,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       cancelSelection: "Annuler",
       rowDetails: "Détails",
       autoSize: "Ajuster la largeur des colonnes",
+      hiddenForWidth: "masquée faute de place",
       loading: "Chargement…",
       filters: "Filtres",
       clearAll: "Tout effacer",
@@ -398,6 +400,8 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       booleanTrue: "Oui",
       booleanFalse: "Non",
       booleanUnset: "Non défini",
+      loadMore: "Charger plus",
+      allLoaded: "Toutes les lignes sont chargées",
       sortBy: "Trier par",
       sortDefault: "Ordre par défaut",
       sortAscending: "Croissant",
@@ -536,7 +540,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       add: "Ajouter un onglet",
       remove: (tab) => `Supprimer ${tab}`,
       more: "Autres onglets",
-      backToFirst: "Retour au premier onglet",
+      previous: "Onglets précédents",
     },
     appShell: {
       collapse: "Réduire la barre latérale",
@@ -1186,7 +1190,6 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
     notifications: {
       typesTitle: "Me notifier pour",
       typesDescription: "Choisissez ce dont vous êtes averti, et comment.",
-      byEmail: "Par e-mail",
       channelApp: "Dans l’app",
       channelPush: "Push",
       channelEmail: "E-mail",
@@ -1210,9 +1213,6 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       quietUntil: "Jusqu’à",
       quietIncomplete:
         "Définissez une heure de début et une heure de fin. Les heures calmes s’appliquent une fois les deux renseignées.",
-      timeZone: "Fuseau horaire",
-      deviceZone: (zone) => `Cet appareil est dans le fuseau ${zone}.`,
-      useDeviceZone: "L’utiliser",
       regions: {
         Africa: "Afrique",
         America: "Amériques",

package/src/i18n/locales/hu.ts

@@ -190,7 +190,6 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       outcomeUpdate: "Frissítés",
       outcomePlaceholder: "Mi készült el, mi a döntés, vagy miért nem valósul meg.",
       rework: "Átdolgozás",
-      openPage: "Oldal megnyitása",
       reworkTitle: "Visszaküldés átdolgozásra",
       reworkSend: "Átdolgozás kérése",
       reworkPlaceholder: "Min kell még finomítani? Új feltételek vagy irányváltás.",
@@ -329,6 +328,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       opensInNewTab: "új lapon nyílik meg",
       aboutField: (field) => `Súgó: ${field}`,
       help: "Súgó",
+      showMore: "Több",
+      showLess: "Kevesebb",
     },
     dataTable: {
       columns: "Oszlopok",
@@ -341,6 +342,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       cancelSelection: "Mégse",
       rowDetails: "Részletek",
       autoSize: "Oszlopszélességek igazítása",
+      hiddenForWidth: "szélesség miatt rejtve",
       loading: "Betöltés…",
       filters: "Szűrők",
       clearAll: "Összes törlése",
@@ -390,6 +392,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       booleanTrue: "Igen",
       booleanFalse: "Nem",
       booleanUnset: "Nincs megadva",
+      loadMore: "Továbbiak betöltése",
+      allLoaded: "Minden sor betöltve",
       sortBy: "Rendezés alapja",
       sortDefault: "Alapértelmezett sorrend",
       sortAscending: "Növekvő",
@@ -526,7 +530,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       add: "Lap hozzáadása",
       remove: (tab) => `${tab} eltávolítása`,
       more: "További lapok",
-      backToFirst: "Vissza az első lapra",
+      previous: "Előző lapok",
     },
     appShell: {
       collapse: "Oldalsáv összecsukása",
@@ -1169,7 +1173,6 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
     notifications: {
       typesTitle: "Értesítést kérek ezekről",
       typesDescription: "Válassza ki, miről és hogyan kapjon értesítést.",
-      byEmail: "E-mailben",
       channelApp: "Az appban",
       channelPush: "Push",
       channelEmail: "E-mail",
@@ -1193,9 +1196,6 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       quietUntil: "Eddig",
       quietIncomplete:
         "Adjon meg kezdő és záró időpontot is. A csendes órák csak akkor lépnek életbe, ha mindkettő be van állítva.",
-      timeZone: "Időzóna",
-      deviceZone: (zone) => `Ez az eszköz ebben az időzónában van: ${zone}.`,
-      useDeviceZone: "Ezt használom",
       regions: {
         Africa: "Afrika",
         America: "Amerika",

package/src/i18n/locales/it.ts

@@ -193,7 +193,6 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       outcomeUpdate: "Aggiorna",
       outcomePlaceholder: "Cosa è stato fatto o deciso, oppure perché non verrà affrontato.",
       rework: "Rielaborazione",
-      openPage: "Apri pagina",
       reworkTitle: "Rimanda in rielaborazione",
       reworkSend: "Richiedi rielaborazione",
       reworkPlaceholder: "Cosa va ancora perfezionato? Eventuali nuovi vincoli o cambi di direzione.",
@@ -333,6 +332,8 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       opensInNewTab: "si apre in una nuova scheda",
       aboutField: (field) => `Informazioni su «${field}»`,
       help: "Aiuto",
+      showMore: "Altro",
+      showLess: "Meno",
     },
     dataTable: {
       columns: "Colonne",
@@ -345,6 +346,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       cancelSelection: "Annulla",
       rowDetails: "Dettagli",
       autoSize: "Adatta larghezza colonne",
+      hiddenForWidth: "nascosta per mancanza di spazio",
       loading: "Caricamento…",
       filters: "Filtri",
       clearAll: "Cancella tutto",
@@ -394,6 +396,8 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       booleanTrue: "Sì",
       booleanFalse: "No",
       booleanUnset: "Non impostato",
+      loadMore: "Carica altro",
+      allLoaded: "Tutte le righe caricate",
       sortBy: "Ordina per",
       sortDefault: "Ordine predefinito",
       sortAscending: "Crescente",
@@ -531,7 +535,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       add: "Aggiungi scheda",
       remove: (tab) => `Rimuovi ${tab}`,
       more: "Altre schede",
-      backToFirst: "Torna alla prima scheda",
+      previous: "Schede precedenti",
     },
     appShell: {
       collapse: "Comprimi barra laterale",
@@ -1170,7 +1174,6 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
     notifications: {
       typesTitle: "Avvisami per",
       typesDescription: "Scelga di cosa essere avvisato, e come.",
-      byEmail: "Per e-mail",
       channelApp: "Nell’app",
       channelPush: "Push",
       channelEmail: "E-mail",
@@ -1194,9 +1197,6 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       quietUntil: "Alle",
       quietIncomplete:
         "Imposti sia l’ora di inizio sia quella di fine. Le ore di silenzio valgono solo quando sono impostate entrambe.",
-      timeZone: "Fuso orario",
-      deviceZone: (zone) => `Questo dispositivo è nel fuso ${zone}.`,
-      useDeviceZone: "Usa questo",
       regions: {
         Africa: "Africa",
         America: "Americhe",

package/src/i18n/locales/zh.ts

@@ -183,7 +183,6 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       outcomeUpdate: "更新",
       outcomePlaceholder: "做了什么、作出了什么决定，或为什么不予处理。",
       rework: "返工",
-      openPage: "打开页面",
       reworkTitle: "退回返工",
       reworkSend: "提交返工",
       reworkPlaceholder: "还有哪些需要完善？如有新的限制或方向调整，请一并说明。",
@@ -321,6 +320,8 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       opensInNewTab: "在新标签页中打开",
       aboutField: (field) => `关于“${field}”`,
       help: "帮助",
+      showMore: "更多",
+      showLess: "收起",
     },
     dataTable: {
       columns: "列",
@@ -333,6 +334,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       cancelSelection: "取消",
       rowDetails: "详情",
       autoSize: "自动调整列宽",
+      hiddenForWidth: "宽度不足，已隐藏",
       loading: "加载中…",
       filters: "筛选条件",
       clearAll: "全部清除",
@@ -381,6 +383,8 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       booleanTrue: "是",
       booleanFalse: "否",
       booleanUnset: "未设置",
+      loadMore: "加载更多",
+      allLoaded: "已加载全部行",
       sortBy: "排序依据",
       sortDefault: "默认顺序",
       sortAscending: "升序",
@@ -514,7 +518,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       // Quoted, so the spacing rule holds whether the tab's name is Han or Latin.
       remove: (tab) => `移除“${tab}”`,
       more: "更多标签页",
-      backToFirst: "返回第一个标签页",
+      previous: "之前的标签页",
     },
     appShell: {
       collapse: "收起侧边栏",
@@ -1129,7 +1133,6 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
     notifications: {
       typesTitle: "通知我以下内容",
       typesDescription: "选择要接收哪些通知，以及接收方式。",
-      byEmail: "通过电子邮件",
       channelApp: "应用内",
       channelPush: "推送",
       channelEmail: "电子邮件",
@@ -1152,9 +1155,6 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       quietFrom: "从",
       quietUntil: "到",
       quietIncomplete: "请同时设置开始和结束时间。两者都设置后，免打扰时段才会生效。",
-      timeZone: "时区",
-      deviceZone: (zone) => `此设备位于 ${zone} 时区。`,
-      useDeviceZone: "使用此时区",
       regions: {
         Africa: "非洲",
         America: "美洲",

package/src/i18n/review.ts

@@ -333,7 +333,6 @@ export const KIT_LABEL_SAMPLES: Readonly<Record<string, readonly (readonly unkno
   "notifications.quietDescription": [[false], [true], [false, true], [true, true]],
   "notifications.quietZone": [["{{zone}}"]],
   "notifications.bellUnread": one,
-  "notifications.deviceZone": [["{{zone}}"]],
   "notifications.iosInstall": [["{{app}}"]],
   "notifications.testSent": one,
   "notifications.explainerBody": [["{{app}}"]],

package/src/i18n/shared-labels.ts

@@ -39,6 +39,8 @@ export const DEFAULT_COMMON_LABELS: CommonLabels = {
   opensInNewTab: "opens in a new tab",
   aboutField: (field) => `About “${field}”`,
   help: "Help",
+  showMore: "More",
+  showLess: "Less",
 };
 
 export const DEFAULT_DATE_PICKER_LABELS: DatePickerLabels = {

package/src/index.ts

@@ -430,6 +430,9 @@ export * from "./components/progress-bar";
 // Named: skeleton.tsx also holds SKELETON_CLASS, the look StatTile shares — internal.
 export { Skeleton } from "./components/skeleton";
 export type { SkeletonProps, SkeletonShape } from "./components/skeleton";
+// 0.48 (keksdose dev #628): the table/list loading preset, one status label.
+export { TableSkeleton } from "./components/table-skeleton";
+export type { TableSkeletonProps } from "./components/table-skeleton";
 // 0.12.0: a centred spinner with words, signed figures and deltas, a render-error fallback.
 export * from "./components/loading-state";
 export * from "./components/signed-amount";
@@ -567,7 +570,15 @@ export {
 export type { DateFormatPreference, DateFormatOptions, ResolvedDateFormat } from "./lib/date-format";
 export { DateFormatSetting } from "./components/date-format-setting";
 export type { DateFormatSettingProps } from "./components/date-format-setting";
-export { RowActions, rowActionsColumn, DEFAULT_ROW_ACTIONS_LABELS } from "./components/row-actions";
+export {
+  RowActions,
+  rowActionsColumn,
+  DEFAULT_ROW_ACTIONS_LABELS,
+  // 0.47.0 (keksdose N17): a hand-built table's actions heading and cell.
+  RowActionsHead,
+  ROW_ACTIONS_CELL_CLASS,
+  ROW_ACTIONS_HEAD_CLASS,
+} from "./components/row-actions";
 export type {
   RowAction,
   RowActionList,
@@ -576,6 +587,7 @@ export type {
   RowActionsCollapse,
   RowActionsSize,
   RowActionsColumnOptions,
+  RowActionsHeadProps,
   RowActionTone,
 } from "./components/row-actions";
 // 0.22.0: the inputs round (kastlan's, keksdose's and Kurvenschmiede's audits).
@@ -971,8 +983,6 @@ export { NotificationTypesSetting } from "./notifications/notification-types-set
 export type { NotificationTypesSettingProps } from "./notifications/notification-types-setting";
 export { QuietHoursSetting } from "./notifications/quiet-hours-setting";
 export type { QuietHoursSettingProps } from "./notifications/quiet-hours-setting";
-export { TimeZoneSelect, timeZoneOptions } from "./notifications/time-zone-select";
-export type { TimeZoneSelectProps } from "./notifications/time-zone-select";
 // 0.46 (docs/notifications-harmonization.md §10.1, §10.3): the inbox list, the bell and
 // the device-zone report (the account's zone is automatic only, amended 2026-10-20).
 export { NotificationInbox, INBOX_BADGE_INTERVAL } from "./notifications/notification-inbox";

package/src/lib/float-clearance.ts

@@ -0,0 +1,54 @@
+import { useEffect } from "react";
+
+/**
+ * The room the floating launchers take above the bottom nav, published as
+ * `--app-float-clearance` on `<html>` so `AppShell` can pad `<main>` past them.
+ *
+ * keksdose dev#612 (UX-1.3, "the help button covers content"): the shell padded `<main>`
+ * for the nav plus 1.5rem, so on a phone the last row of every page ended under the help
+ * launcher — and on /transactions under the action group below it, exactly where the
+ * row's amount is. keksdose patched it with its own `--help-launcher-clearance` and an
+ * unlayered app.css rule. Here every kit launcher (`FloatingActionButton`, so
+ * `FloatingPanel`'s too, and `FloatingActionGroup`) declares its own room while it is
+ * mounted and shown, and the shell takes the largest.
+ *
+ * Declared, not measured: a launcher knows its `offset` and its 3rem height exactly, as
+ * CSS lengths, and the variable then follows the nav and the text size by itself. A
+ * `hidden` launcher keeps its claim: the room is its own while it is mounted, so the page
+ * does not change length as it hides and shows (keksdose's launcher steps aside while an
+ * editor covers its corner). Unmount it to give the room back.
+ *
+ * Internal: not exported from the barrel.
+ */
+
+const claims = new Map<symbol, string>();
+
+function publish() {
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  const values = [...claims.values()];
+  if (values.length === 0) root.style.removeProperty("--app-float-clearance");
+  else root.style.setProperty("--app-float-clearance", values.length === 1 ? values[0] : `max(${values.join(", ")})`);
+}
+
+/** Claim `value` (a CSS length: the launcher's top edge above the nav, plus a gap) until
+ *  the returned function is called. */
+export function claimFloatClearance(value: string): () => void {
+  const key = Symbol("float-clearance");
+  claims.set(key, value);
+  publish();
+  return () => {
+    claims.delete(key);
+    publish();
+  };
+}
+
+/**
+ * A launcher at `offset` above the nav claims its 3rem height plus a 0.5rem gap while
+ * mounted (`extra`: what its frame adds, the group's 1px borders).
+ */
+export function useFloatClearance(offset: string, extra?: string): void {
+  useEffect(() => {
+    return claimFloatClearance(`calc(${offset} + 3.5rem${extra ? ` + ${extra}` : ""})`);
+  }, [offset, extra]);
+}

package/src/notifications/device-zone-report.ts

@@ -20,7 +20,7 @@ export interface DeviceZoneReportOptions {
  * This device's IANA zone ("Europe/Zurich"), or `"UTC"` where the runtime names none —
  * the zone `useDeviceZoneReport` reports, which becomes the account's (§10.3, automatic
  * only), and the one sign-up sends (`RegisterRequest.device_timezone`). Here since 0.46.1
- * (keksdose N6); the deprecated `time-zone-select` module re-exports it until 0.47.
+ * (keksdose N6).
  */
 export function deviceTimeZone(): string {
   try {

package/src/notifications/notification-types.ts

@@ -68,9 +68,6 @@ export interface NotificationSettingsPatch<Id extends string = string> {
   digest_cadence?: DigestCadence;
   quiet_hours_start?: string | null;
   quiet_hours_end?: string | null;
-  /** @deprecated 0.46 — the zone is the account's, automatic only (§10.3), and server-kit 0.16 refuses it here;
-   *  removed in 0.47. No kit card sends it. */
-  timezone?: string;
 }
 
 /** One registered push device, as `GET /notifications/devices` lists it (§3.5), oldest

package/src/notifications/notifications-labels.ts

@@ -21,7 +21,7 @@ export interface NotificationRegionLabels {
 /**
  * Every string the notification parts render — the `notifications` namespace of
  * `<UiKitProvider labels>`, overridable per instance through `labels`: the types card,
- * quiet hours and the zone picker, this device's push, the device list, and the
+ * quiet hours, this device's push, the device list, and the
  * unsubscribe page. Cancel is `common.cancel`.
  */
 export interface NotificationsLabels {
@@ -30,9 +30,6 @@ export interface NotificationsLabels {
   typesTitle: string;
   /** The line under it. */
   typesDescription: string;
-  /** @deprecated 0.46 — the card's channels are columns now (`channelEmail`); removed in 0.47. Unused,
-   *  kept so an app's override still type-checks. */
-  byEmail: string;
   /** 0.46 (§10.2): the channel columns' headings, and each switch's name. */
   channelApp: string;
   channelPush: string;
@@ -64,17 +61,7 @@ export interface NotificationsLabels {
   quietUntil: string;
   /** One time set, the other not: quiet hours fail open until both are. */
   quietIncomplete: string;
-  /** The zone picker's label.
-   *  @deprecated 0.46 — the zone is automatic (§10.3): only the deprecated `TimeZoneSelect` reads it, the
-   *  0.46 card does not; removed in 0.47. Kept so an app's override still type-checks. */
-  timeZone: string;
-  /** @deprecated 0.46 — the zone is automatic (§10.3), the card offers no device zone; removed in 0.47.
-   *  Unused, kept so an app's override still type-checks. */
-  deviceZone: (zone: string) => string;
-  /** @deprecated 0.46 — the zone is automatic (§10.3), nothing to take; removed in 0.47. Unused, kept
-   *  so an app's override still type-checks. */
-  useDeviceZone: string;
-  /** The zone's region headings, in the picker and in a zone's name ("Europe / Zurich"). */
+  /** The zone's region headings, in a zone's name ("Europe / Zurich"). */
   regions: NotificationRegionLabels;
 
   /* ── This device ────────────────────────────────────────────────────── */
@@ -187,7 +174,6 @@ export interface NotificationsLabels {
 export const DEFAULT_NOTIFICATIONS_LABELS: NotificationsLabels = {
   typesTitle: "Notify me about",
   typesDescription: "Choose what you hear about, and how.",
-  byEmail: "By e-mail",
   channelApp: "In the app",
   channelPush: "Push",
   channelEmail: "E-mail",
@@ -211,9 +197,6 @@ export const DEFAULT_NOTIFICATIONS_LABELS: NotificationsLabels = {
   quietFrom: "From",
   quietUntil: "Until",
   quietIncomplete: "Set both a start and an end time. Quiet hours take effect once both are set.",
-  timeZone: "Time zone",
-  deviceZone: (zone) => `This device is in ${zone}.`,
-  useDeviceZone: "Use it",
   regions: {
     Africa: "Africa",
     America: "Americas",

package/src/notifications/quiet-hours-setting.tsx

@@ -10,22 +10,29 @@ import { CARD_DESCRIPTION_CLASS } from "../settings/settings-card-classes";
 import { SettingsCardTitle } from "../settings/settings-heading";
 import { settle, useMounted } from "../account/account-parts";
 import { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from "./notification-parts";
-import type { NotificationsLabels } from "./notifications-labels";
+import type { NotificationRegionLabels, NotificationsLabels } from "./notifications-labels";
 import type { NotificationSettingsPatch } from "./notification-types";
-import { zoneName } from "./time-zone-select";
 
 /** The zone the server applies while no device ever reported one (§10.3): every app's. */
 const DEFAULT_FALLBACK_ZONE = "Europe/Zurich";
 
+/** A zone for a sentence: "Europe / Zurich", the region in the kit's words (`labels.regions`);
+ *  a region the labels do not know keeps its IANA name, a zone with none ("UTC") is itself. */
+function zoneName(zone: string, regions: NotificationRegionLabels): string {
+  const slash = zone.indexOf("/");
+  if (slash < 0) return zone;
+  const region = zone.slice(0, slash);
+  const named = Object.prototype.hasOwnProperty.call(regions, region)
+    ? regions[region as keyof NotificationRegionLabels]
+    : region;
+  return `${named} / ${zone.slice(slash + 1).replace(/_/g, " ").replace(/\//g, " / ")}`;
+}
+
 export interface QuietHoursSettingProps extends Omit<ComponentPropsWithRef<"div">, "children" | "onChange"> {
   /** The `GET`'s `quiet_hours_start`, `"HH:MM"`, or `null`. */
   start: string | null;
   /** The `GET`'s `quiet_hours_end`. */
   end: string | null;
-  /** The zone the 0.36 card showed, an IANA name, or `null`.
-   *  @deprecated 0.46 — pass `zone` (§10.3: the zone is the account's, automatic only); removed in 0.47.
-   *  Shown read-only while `zone` is left out; the card no longer offers a picker. */
-  timezone?: string | null;
   /**
    * 0.46 (§10.3, amended 2026-10-20: automatic only): the account's zone — `/auth/me`'s
    * `device_timezone`, the zone of the device last used; `null` while no device has
@@ -43,7 +50,7 @@ export interface QuietHoursSettingProps extends Omit<ComponentPropsWithRef<"div"
    * rejects.
    */
   onChange: (patch: NotificationSettingsPatch) => Promise<unknown> | void;
-  /** The zone named while neither `zone` nor `timezone` names one: the one the server
+  /** The zone named while `zone` names none: the one the server
    *  applies. Default `"Europe/Zurich"`, every app's. */
   fallbackZone?: string;
   /** The app keeps an inbox, and the description says a held push still reaches it. */
@@ -69,15 +76,13 @@ type QuietField = "quiet_hours_start" | "quiet_hours_end";
  *
  * - **Two times**, each saved as it is entered; a cleared time sends `null`. While only
  *   one is set the card says so: the window fails open until both are.
- * - **The zone** shows while a time is set: `zone`, else the deprecated `timezone`, else
- *   `fallbackZone`.
+ * - **The zone** shows while a time is set: `zone`, else `fallbackZone`.
  *
  * Under a write lock the fields are `commit` controls exempt from billing.
  */
 export function QuietHoursSetting({
   start,
   end,
-  timezone = null,
   zone,
   held = false,
   onChange,
@@ -99,7 +104,7 @@ export function QuietHoursSetting({
     overlay.has(field) ? (overlay.get(field) ?? null) : server;
   const startShown = shown("quiet_hours_start", start);
   const endShown = shown("quiet_hours_end", end);
-  const accountZone = (zone === undefined ? timezone : zone) ?? fallbackZone;
+  const accountZone = zone ?? fallbackZone;
 
   const save = (patch: NotificationSettingsPatch) => {
     const fields = Object.keys(patch) as QuietField[];

package/src/settings/settings-catalogue.ts

@@ -23,6 +23,16 @@ export interface SettingsGroup<G extends string = string> {
   title: string;
   /** One line under the heading and in the phone list, where it is cut to one line. */
   help: string;
+  /**
+   * 0.48 (keksdose live #450): a count or a mark drawn on the group's ROW — at the end of
+   * its desktop sidebar row and before the chevron of its phone list row — never on the
+   * heading over its cards. The admin area's waiting work: `<AdminWaitingBadge count={n} />`
+   * (nothing for 0), so the account menu's badge leads to the section that holds it. It
+   * sits inside the row's link and is read with its name, so say what the number is (the
+   * waiting pill does: "3, 3 waiting"). While the page is searched the sidebar shows the
+   * hit count in its place. Default: none.
+   */
+  badge?: ReactNode;
   /**
    * `false` hides the group: no row, no hits, and its path acts as an unknown one — it
    * lands on the default group (desktop) or the list (phone), never on a 404 (§3.1).

package/src/settings/settings-layout.tsx

@@ -369,7 +369,17 @@ export function SettingsLayout<G extends string>({
                   }
                   title={g.title}
                   subtitle={g.help}
-                  trailing={<ChevronRight aria-hidden className="size-4 rtl:-scale-x-100" />}
+                  trailing={
+                    g.badge == null ? (
+                      <ChevronRight aria-hidden className="size-4 rtl:-scale-x-100" />
+                    ) : (
+                      // The group's badge (0.48) before the chevron, the two as one end.
+                      <span className="flex items-center gap-2">
+                        {g.badge}
+                        <ChevronRight aria-hidden className="size-4 rtl:-scale-x-100" />
+                      </span>
+                    )
+                  }
                 />
               ))}
             </List>
@@ -421,13 +431,17 @@ export function SettingsLayout<G extends string>({
                   name: g.title,
                   label: <span className={cn(dim && "opacity-40")}>{g.title}</span>,
                   icon: <span className={cn("inline-flex [&_svg]:size-4", dim && "opacity-40")}>{g.icon}</span>,
-                  badge:
-                    searching && count > 0 ? (
+                  // While searching, the hit count; otherwise the group's own badge (0.48).
+                  badge: searching ? (
+                    count > 0 ? (
                       <Chip size="sm" tone="brand">
                         <span aria-hidden>{count}</span>
                         <span className="sr-only-fixed">{labels.matchCount(count)}</span>
                       </Chip>
-                    ) : undefined,
+                    ) : undefined
+                  ) : (
+                    g.badge
+                  ),
                 };
               })}
               active={(open?.id ?? route.groups[0]?.id) as G}