@eifi1/ui-kit 0.39.1 → 0.40.0

package/src/hooks/use-long-press.ts

@@ -0,0 +1,126 @@
+import { useCallback, useEffect, useRef, type PointerEvent as ReactPointerEvent } from "react";
+
+// The press-and-hold that puts DataTable's phone cards into selection mode (0.40,
+// keksdose live #421). Taken over from keksdose's register list
+// (frontend/src/shared/hooks/use-long-press.ts, its feedback #153) so the kit's cards
+// and kk's register answer the same gesture the same way: 500 ms, an 8 px dead zone,
+// cancelled by a scroll, the trailing click swallowed.
+
+const LONG_PRESS_MS = 500;
+/** The same 8 px dead zone `useRowSwipe` locks its axis at: the press is dead by the
+ *  time the swipe hook takes pointer capture on its (ancestor) layer. */
+const SLOP_PX = 8;
+
+const movedBeyondSlop = (from: { x: number; y: number }, x: number, y: number) =>
+  Math.hypot(x - from.x, y - from.y) > SLOP_PX;
+
+export interface LongPressResult {
+  handlers: {
+    onPointerDown: (e: ReactPointerEvent) => void;
+    onPointerMove: (e: ReactPointerEvent) => void;
+    onContextMenu: (e: { preventDefault: () => void }) => void;
+  };
+  /** True exactly once after a long press fired: call it from an `onClickCapture` to
+   *  swallow the click the browser still sends when the finger lifts. */
+  consumeClick: () => boolean;
+}
+
+/**
+ * A press-and-hold on a touch row that may ALSO be swipeable.
+ *
+ *  - The cancel listeners live on `window`: `useRowSwipe` captures the pointer on an
+ *    ancestor once a drag resolves to the x axis, after which the pressed element's
+ *    own pointer handlers stop firing, and a timer cancelled only there would fire
+ *    mid-swipe.
+ *  - A scroll cancels too (`touch-action: pan-y` hands vertical panning to the
+ *    browser, which sends `pointercancel`; the capture-phase `scroll` is the backstop).
+ *  - `contextmenu` is suppressed while enabled — Android fires it at ~500 ms. Pair it
+ *    with `select-none [-webkit-touch-callout:none]` on the element: iOS's callout
+ *    only yields to that CSS.
+ */
+export function useLongPress(
+  onLongPress: () => void,
+  { enabled = true, delay = LONG_PRESS_MS }: { enabled?: boolean; delay?: number } = {},
+): LongPressResult {
+  const timer = useRef<number | null>(null);
+  const start = useRef({ x: 0, y: 0 });
+  const fired = useRef(false);
+  const teardown = useRef<(() => void) | null>(null);
+  const cbRef = useRef(onLongPress);
+  useEffect(() => {
+    cbRef.current = onLongPress;
+  });
+
+  const cancel = useCallback(() => {
+    if (timer.current !== null) {
+      window.clearTimeout(timer.current);
+      timer.current = null;
+    }
+    teardown.current?.();
+    teardown.current = null;
+  }, []);
+
+  const onPointerDown = useCallback(
+    (e: ReactPointerEvent) => {
+      // Cleared above every early return: a press whose trailing click never arrives
+      // (the finger lifted over another row) would otherwise leave the latch armed,
+      // and it would eat the next real tap once the card has switched modes.
+      fired.current = false;
+      if (!enabled) return;
+      if (e.pointerType === "mouse" && e.button !== 0) return;
+      cancel();
+      start.current = { x: e.clientX, y: e.clientY };
+
+      const onEnd = () => cancel();
+      const onMove = (ev: PointerEvent) => {
+        if (movedBeyondSlop(start.current, ev.clientX, ev.clientY)) cancel();
+      };
+      window.addEventListener("pointerup", onEnd);
+      window.addEventListener("pointercancel", onEnd);
+      window.addEventListener("pointermove", onMove);
+      window.addEventListener("scroll", onEnd, { capture: true, passive: true });
+      teardown.current = () => {
+        window.removeEventListener("pointerup", onEnd);
+        window.removeEventListener("pointercancel", onEnd);
+        window.removeEventListener("pointermove", onMove);
+        window.removeEventListener("scroll", onEnd, { capture: true });
+      };
+
+      timer.current = window.setTimeout(() => {
+        cancel();
+        fired.current = true;
+        // The swipe stages' haptic vocabulary; absent on iOS Safari.
+        navigator.vibrate?.(20);
+        cbRef.current();
+      }, delay);
+    },
+    [cancel, delay, enabled],
+  );
+
+  // Also on the element: it still cancels if an ancestor stops the native event
+  // before it reaches `window`.
+  const onPointerMove = useCallback(
+    (e: ReactPointerEvent) => {
+      if (timer.current === null) return;
+      if (movedBeyondSlop(start.current, e.clientX, e.clientY)) cancel();
+    },
+    [cancel],
+  );
+
+  const onContextMenu = useCallback(
+    (e: { preventDefault: () => void }) => {
+      if (enabled) e.preventDefault();
+    },
+    [enabled],
+  );
+
+  const consumeClick = useCallback(() => {
+    if (!fired.current) return false;
+    fired.current = false;
+    return true;
+  }, []);
+
+  useEffect(() => cancel, [cancel]);
+
+  return { handlers: { onPointerDown, onPointerMove, onContextMenu }, consumeClick };
+}

package/src/hooks/use-overlay-history.ts

@@ -48,6 +48,16 @@ import { useEffect, useRef } from "react";
  * {@link noteAddress}: an address the overlay LIVED THROUGH (a filter the table wrote
  * while its sheet was up) is still unwound, because the user has acted since.
  *
+ * ## Not undoing the owner's replaces either
+ *
+ * An address the overlay lived through is unwound as an ENTRY, never as an address
+ * (keksdose live #412). A report that writes each tick of its payee sheet into the query
+ * with `setSearchParams(…, { replace: true })` rewrites the overlay's own entry, and the
+ * page entry beneath still carries the address from before the sheet opened — so the
+ * traversal that took our entry away also took every tick with it. See {@link carryOnto}:
+ * whichever way the entry goes (the unwind after a press, or a Back press), the address it
+ * last showed is carried onto the entry it lands on, and the router is told.
+ *
  * ## The traversal is deferred
  *
  * And it is *scheduled* rather than issued, because `history.go()` lands a task
@@ -99,6 +109,10 @@ interface PushedEntry {
   key: string | undefined;
   /** {@link routeOf} the address the marker was placed at. */
   route: string;
+  /** The entry's address as last OBSERVED, after the user's last gesture had run its
+   *  handlers — what a Back press must carry down (see {@link carryOnto}). `href` is
+   *  the snapshot BEFORE the gesture, which the owner's-close check needs instead. */
+  seen: string;
 }
 const pushed: PushedEntry[] = [];
 
@@ -197,10 +211,41 @@ function runUnwind(): void {
     if (taggedSentinel() === null) buryUnder(job.entries);
     return;
   }
+  const bottom = job.entries[0];
+  carry = { href: job.href, idx: bottom.idx, key: bottom.key };
   pendingProgrammatic += 1;
   window.history.go(-job.entries.length);
 }
 
+/** The address an unwind in flight must carry onto the entry it lands on. */
+let carry: { href: string; idx: number | undefined; key: string | undefined } | null = null;
+
+/**
+ * Put `href` — the address the overlay's entry last showed — onto the entry a traversal
+ * has just landed on, and tell the router (keksdose live #412).
+ *
+ * Only the query and the hash can differ: an address naming another page is a
+ * navigation, never carried. And only onto the page entry the overlay was opened over,
+ * which our push copied the router's `{idx, key}` from — a traversal that came to rest
+ * anywhere else is not ours to rewrite.
+ *
+ * The router heard the traversal land on the OLD address in this same event, so a
+ * `replaceState` alone would leave it showing the old query under the new one. A
+ * synthetic `popstate` makes it read the address again; both reads happen in one event
+ * dispatch, so React commits only the second. Ours absorbs it as programmatic.
+ */
+function carryOnto(href: string, mark: { idx: number | undefined; key: string | undefined }): void {
+  const here = currentHref();
+  if (here === href || routeOf(here) !== routeOf(href)) return;
+  const now = routerMark();
+  if (mark.idx !== undefined && now.idx !== undefined && mark.idx !== now.idx) return;
+  if (mark.key !== undefined && now.key !== undefined && mark.key !== now.key) return;
+  const state: unknown = window.history.state;
+  window.history.replaceState(state, "", href);
+  pendingProgrammatic += 1;
+  window.dispatchEvent(new PopStateEvent("popstate", { state }));
+}
+
 function currentHref(): string {
   return typeof window === "undefined" ? "" : window.location.href;
 }
@@ -416,7 +461,25 @@ function noteAddress(): void {
   if (!top || top.dead || !stack.some((e) => e.id === top.id)) return;
   const tag = taggedSentinel();
   // Read without `currentSentinel`'s repair: an observation must not write history.
-  if (tag === top.id || (tag === null && standing === top.id && isStillOn(top))) top.href = currentHref();
+  if (tag === top.id || (tag === null && standing === top.id && isStillOn(top))) {
+    top.href = currentHref();
+    top.seen = top.href;
+  }
+}
+
+/** After the user's gesture has run its handlers: the address its entry now shows —
+ *  what a Back press must carry down (keksdose live #412). Again a little later, for a
+ *  handler that writes the address a task after the event. */
+function noteSeen(): void {
+  const top = pushed[pushed.length - 1];
+  if (!top || top.dead || !stack.some((e) => e.id === top.id)) return;
+  const tag = taggedSentinel();
+  if (tag === top.id || (tag === null && standing === top.id && isStillOn(top))) top.seen = currentHref();
+}
+
+function noteSeenNowAndLater(): void {
+  noteSeen();
+  setTimeout(noteSeen, 0);
 }
 
 function handlePop() {
@@ -428,6 +491,9 @@ function handlePop() {
   lastSeen = routerMark();
   if (pendingProgrammatic > 0) {
     pendingProgrammatic -= 1;
+    const job = carry;
+    carry = null;
+    if (job) carryOnto(job.href, job);
     return;
   }
   closeOnPop();
@@ -451,7 +517,10 @@ function closeOnPop() {
   // The browser consumed this entry, so the overlay's own cleanup has nothing left
   // to unwind and nothing to record as owed.
   consumed.add(top.id);
+  const record = pushed.find((p) => p.id === top.id);
   forgetPushed(top.id);
+  // What the page wrote into the address while we were up stays (#412).
+  if (record && !record.dead) carryOnto(record.seen, record);
   top.close();
 }
 
@@ -460,6 +529,7 @@ function ensureListening() {
   window.addEventListener("popstate", handlePop);
   window.addEventListener("pointerdown", noteAddress, true);
   window.addEventListener("keydown", noteAddress, true);
+  for (const type of ["click", "keyup", "change", "input"]) window.addEventListener(type, noteSeenNowAndLater);
   listening = true;
 }
 
@@ -501,7 +571,7 @@ export function useOverlayHistory(open: boolean, onClose: () => void): void {
       // The abandoned ones beneath come back owed; ours takes the top slot.
       for (const owed of inherited.slice(0, -1)) pushed.push({ ...owed, dead: true });
       const was = inherited[inherited.length - 1];
-      pushed.push({ id, href: currentHref(), dead: false, idx: was.idx, key: was.key, route: was.route });
+      pushed.push({ id, href: currentHref(), seen: currentHref(), dead: false, idx: was.idx, key: was.key, route: was.route });
       standing = id;
     } else {
       // A push DESTROYS every entry ahead of the one we are on, so anything we
@@ -516,7 +586,8 @@ export function useOverlayHistory(open: boolean, onClose: () => void): void {
       // the URL is unchanged, so the router treats popping this as a no-op re-render.
       window.history.pushState(marked, "");
       const page = routerMark();
-      pushed.push({ id, href: currentHref(), dead: false, idx: page.idx, key: page.key, route: routeOf(currentHref()) });
+      const at = currentHref();
+      pushed.push({ id, href: at, seen: at, dead: false, idx: page.idx, key: page.key, route: routeOf(at) });
       standing = id;
     }
     return () => {

package/src/i18n/german.ts

@@ -85,6 +85,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
     feedbackStatus: {
       OPEN: "Offen",
       READY: "Bereit zur Umsetzung",
+      REWORK: "Nacharbeit angefordert",
       IN_PROGRESS: "In Bearbeitung",
       IN_EVALUATION: "Zur Prüfung",
       NEEDS_LIVE_TEST: "Live testen",
@@ -122,11 +123,13 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       myFeedback: "Mein Feedback",
       viewFeedback: "Feedback ansehen",
       allFeedback: "Alle Rückmeldungen",
+      discussion: "Feedback-Diskussion",
+      inbox: "Feedback-Eingang",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. "Rückmeldungen" and "Eine Person" are the contract's (§9.2, §9.5).
     feedbackPublic: {
-      title: "Alle Rückmeldungen",
+      title: "Feedback-Diskussion",
       sort: "Sortieren",
       sortNewest: "Neueste",
       sortVotes: "Meistgewünscht",
@@ -158,7 +161,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       attachUrl: "Aktuelle Seiten-URL anhängen",
     },
     feedbackPage: {
-      title: "Feedback",
+      title: "Feedback-Eingang",
       myTitle: "Mein Feedback",
       columnId: "#",
       columnDate: "Datum",
@@ -344,6 +347,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       filter: "Filter",
       close: "Schließen",
       selectRow: "Zeile auswählen",
+      selectRows: "Zeilen auswählen",
+      cancelSelection: "Abbrechen",
       rowDetails: "Details",
       autoSize: "Spaltenbreiten anpassen",
       loading: "Wird geladen…",
@@ -534,6 +539,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       // "Tab" is what German UIs say; "Registerkarte" reads like a 1990s manual.
       add: "Tab hinzufügen",
       remove: (tab) => `${tab} entfernen`,
+      more: "Weitere Tabs",
+      backToFirst: "Zurück zum ersten Tab",
     },
     appShell: {
       collapse: "Seitenleiste einklappen",
@@ -549,6 +556,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
     },
     pickerSheet: {
       close: "Schließen",
+      done: "Fertig",
     },
     dialogFrame: {
       close: "Schließen",

package/src/i18n/kit-labels.tsx

@@ -279,6 +279,9 @@ export interface TopBarLabels {
 
 export interface PickerSheetLabels {
   close: string;
+  /** The sticky footer button that closes a multi-select sheet once the rows are ticked
+   *  (0.40) — the ticks are already applied, so it confirms rather than saves. */
+  done: string;
 }
 
 export interface SwipeableRowLabels {

package/src/i18n/locales/es.ts

@@ -76,6 +76,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
     feedbackStatus: {
       OPEN: "Abierto",
       READY: "Listo para implementar",
+      REWORK: "Corrección solicitada",
       IN_PROGRESS: "En curso",
       IN_EVALUATION: "En evaluación",
       NEEDS_LIVE_TEST: "Probar en producción",
@@ -113,11 +114,13 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       myFeedback: "Mis comentarios",
       viewFeedback: "Ver comentarios",
       allFeedback: "Todos los comentarios",
+      discussion: "Debate de comentarios",
+      inbox: "Comentarios recibidos",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. "Informe" for one report, so it never reads as "comentario".
     feedbackPublic: {
-      title: "Todos los comentarios",
+      title: "Debate de comentarios",
       sort: "Ordenar",
       sortNewest: "Más recientes",
       sortVotes: "Más deseados",
@@ -149,7 +152,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       attachUrl: "Adjuntar la URL de la página actual",
     },
     feedbackPage: {
-      title: "Comentarios",
+      title: "Comentarios recibidos",
       myTitle: "Mis comentarios",
       columnId: "#",
       columnDate: "Fecha",
@@ -335,6 +338,8 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       filter: "Filtrar",
       close: "Cerrar",
       selectRow: "Seleccionar fila",
+      selectRows: "Seleccionar filas",
+      cancelSelection: "Cancelar",
       rowDetails: "Detalles",
       autoSize: "Ajustar ancho de columnas",
       loading: "Cargando…",
@@ -521,6 +526,8 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
     tabs: {
       add: "Añadir pestaña",
       remove: (tab) => `Quitar ${tab}`,
+      more: "Más pestañas",
+      backToFirst: "Volver a la primera pestaña",
     },
     appShell: {
       collapse: "Contraer barra lateral",
@@ -536,6 +543,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
     },
     pickerSheet: {
       close: "Cerrar",
+      done: "Listo",
     },
     dialogFrame: {
       close: "Cerrar",

package/src/i18n/locales/fr.ts

@@ -76,6 +76,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
     feedbackStatus: {
       OPEN: "Ouvert",
       READY: "Prêt à implémenter",
+      REWORK: "Reprise demandée",
       IN_PROGRESS: "En cours",
       IN_EVALUATION: "En évaluation",
       NEEDS_LIVE_TEST: "À tester en production",
@@ -111,11 +112,13 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       myFeedback: "Mes retours",
       viewFeedback: "Voir les retours",
       allFeedback: "Tous les retours",
+      discussion: "Discussion des retours",
+      inbox: "Retours reçus",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. "Retour" for a report, as `feedbackMenu`.
     feedbackPublic: {
-      title: "Tous les retours",
+      title: "Discussion des retours",
       sort: "Trier",
       sortNewest: "Plus récents",
       sortVotes: "Plus demandés",
@@ -147,7 +150,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       attachUrl: "Joindre l’URL de la page actuelle",
     },
     feedbackPage: {
-      title: "Retours",
+      title: "Retours reçus",
       myTitle: "Mes retours",
       columnId: "#",
       columnDate: "Date",
@@ -341,6 +344,8 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       filter: "Filtrer",
       close: "Fermer",
       selectRow: "Sélectionner la ligne",
+      selectRows: "Sélectionner des lignes",
+      cancelSelection: "Annuler",
       rowDetails: "Détails",
       autoSize: "Ajuster la largeur des colonnes",
       loading: "Chargement…",
@@ -529,6 +534,8 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
     tabs: {
       add: "Ajouter un onglet",
       remove: (tab) => `Supprimer ${tab}`,
+      more: "Autres onglets",
+      backToFirst: "Retour au premier onglet",
     },
     appShell: {
       collapse: "Réduire la barre latérale",
@@ -544,6 +551,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
     },
     pickerSheet: {
       close: "Fermer",
+      done: "Terminé",
     },
     dialogFrame: {
       close: "Fermer",

package/src/i18n/locales/hu.ts

@@ -76,6 +76,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
     feedbackStatus: {
       OPEN: "Nyitott",
       READY: "Megvalósításra kész",
+      REWORK: "Átdolgozás kérve",
       IN_PROGRESS: "Folyamatban",
       IN_EVALUATION: "Értékelés alatt",
       NEEDS_LIVE_TEST: "Élesben tesztelendő",
@@ -110,11 +111,13 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       myFeedback: "Visszajelzéseim",
       viewFeedback: "Visszajelzések megtekintése",
       allFeedback: "Összes visszajelzés",
+      discussion: "Visszajelzések megvitatása",
+      inbox: "Beérkezett visszajelzések",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. A noun after a number stays singular in Hungarian.
     feedbackPublic: {
-      title: "Összes visszajelzés",
+      title: "Visszajelzések megvitatása",
       sort: "Rendezés",
       sortNewest: "Legújabb",
       sortVotes: "Legkeresettebb",
@@ -146,7 +149,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       attachUrl: "Az aktuális oldal URL-jének csatolása",
     },
     feedbackPage: {
-      title: "Visszajelzések",
+      title: "Beérkezett visszajelzések",
       myTitle: "Visszajelzéseim",
       columnId: "#",
       columnDate: "Dátum",
@@ -333,6 +336,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       filter: "Szűrés",
       close: "Bezárás",
       selectRow: "Sor kijelölése",
+      selectRows: "Sorok kijelölése",
+      cancelSelection: "Mégse",
       rowDetails: "Részletek",
       autoSize: "Oszlopszélességek igazítása",
       loading: "Betöltés…",
@@ -519,6 +524,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
     tabs: {
       add: "Lap hozzáadása",
       remove: (tab) => `${tab} eltávolítása`,
+      more: "További lapok",
+      backToFirst: "Vissza az első lapra",
     },
     appShell: {
       collapse: "Oldalsáv összecsukása",
@@ -534,6 +541,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
     },
     pickerSheet: {
       close: "Bezárás",
+      done: "Kész",
     },
     dialogFrame: {
       close: "Bezárás",

package/src/i18n/locales/it.ts

@@ -76,6 +76,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
     feedbackStatus: {
       OPEN: "Aperto",
       READY: "Pronto da implementare",
+      REWORK: "Rielaborazione richiesta",
       IN_PROGRESS: "In corso",
       IN_EVALUATION: "In valutazione",
       NEEDS_LIVE_TEST: "Da testare in produzione",
@@ -113,11 +114,13 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       myFeedback: "I miei feedback",
       viewFeedback: "Visualizza feedback",
       allFeedback: "Tutti i feedback",
+      discussion: "Discussione sui feedback",
+      inbox: "Feedback ricevuti",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. "Segnalazione" for one report; formal "Lei", as elsewhere.
     feedbackPublic: {
-      title: "Tutti i feedback",
+      title: "Discussione sui feedback",
       sort: "Ordina",
       sortNewest: "Più recenti",
       sortVotes: "Più richiesti",
@@ -149,7 +152,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       attachUrl: "Allega l’URL della pagina corrente",
     },
     feedbackPage: {
-      title: "Feedback",
+      title: "Feedback ricevuti",
       myTitle: "I miei feedback",
       columnId: "#",
       columnDate: "Data",
@@ -337,6 +340,8 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       filter: "Filtra",
       close: "Chiudi",
       selectRow: "Seleziona riga",
+      selectRows: "Seleziona righe",
+      cancelSelection: "Annulla",
       rowDetails: "Dettagli",
       autoSize: "Adatta larghezza colonne",
       loading: "Caricamento…",
@@ -524,6 +529,8 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
     tabs: {
       add: "Aggiungi scheda",
       remove: (tab) => `Rimuovi ${tab}`,
+      more: "Altre schede",
+      backToFirst: "Torna alla prima scheda",
     },
     appShell: {
       collapse: "Comprimi barra laterale",
@@ -539,6 +546,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
     },
     pickerSheet: {
       close: "Chiudi",
+      done: "Fine",
     },
     dialogFrame: {
       close: "Chiudi",

package/src/i18n/locales/zh.ts

@@ -69,6 +69,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
     feedbackStatus: {
       OPEN: "待处理",
       READY: "待实现",
+      REWORK: "已要求返工",
       IN_PROGRESS: "处理中",
       IN_EVALUATION: "评估中",
       NEEDS_LIVE_TEST: "待线上测试",
@@ -103,11 +104,13 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       myFeedback: "我的反馈",
       viewFeedback: "查看反馈",
       allFeedback: "全部反馈",
+      discussion: "反馈讨论",
+      inbox: "反馈收件箱",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types.
     feedbackPublic: {
-      title: "全部反馈",
+      title: "反馈讨论",
       sort: "排序",
       sortNewest: "最新",
       sortVotes: "最多人想要",
@@ -139,7 +142,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       attachUrl: "附加当前页面 URL",
     },
     feedbackPage: {
-      title: "反馈",
+      title: "反馈收件箱",
       myTitle: "我的反馈",
       columnId: "#",
       columnDate: "日期",
@@ -325,6 +328,8 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       filter: "筛选",
       close: "关闭",
       selectRow: "选择行",
+      selectRows: "选择多行",
+      cancelSelection: "取消",
       rowDetails: "详情",
       autoSize: "自动调整列宽",
       loading: "加载中…",
@@ -507,6 +512,8 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       add: "添加标签页",
       // Quoted, so the spacing rule holds whether the tab's name is Han or Latin.
       remove: (tab) => `移除“${tab}”`,
+      more: "更多标签页",
+      backToFirst: "返回第一个标签页",
     },
     appShell: {
       collapse: "收起侧边栏",
@@ -522,6 +529,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
     },
     pickerSheet: {
       close: "关闭",
+      done: "完成",
     },
     dialogFrame: {
       close: "关闭",

package/src/i18n/shared-labels.ts

@@ -108,7 +108,7 @@ export const DEFAULT_TOP_BAR_LABELS: TopBarLabels = {
   role: (value) => `Role: ${value}`,
 };
 
-export const DEFAULT_PICKER_SHEET_LABELS: PickerSheetLabels = { close: "Close" };
+export const DEFAULT_PICKER_SHEET_LABELS: PickerSheetLabels = { close: "Close", done: "Done" };
 
 export const DEFAULT_SWIPEABLE_ROW_LABELS: SwipeableRowLabels = { actions: "Row actions" };
 

package/src/shell/app-shell.tsx

@@ -537,6 +537,15 @@ export function AppShell({
             <main
               className={cn(
                 "relative flex-1 max-w-full overflow-x-clip pb-[calc(var(--app-nav-h,4rem)+1.5rem)] md:pb-0 md:min-h-0 md:overflow-y-auto md:[scrollbar-gutter:stable_both-edges]",
+                // The list page's fill (0.40, docs/page-layout-harmonization.md §1.3): while
+                // a `fillHeight` DataTable is inside, a flex column — a banner above the
+                // page keeps its own height and the page (a `FillHeight`) takes the rest,
+                // so `<main>` no longer overflows by the banner. Its children do not shrink
+                // (a banner of a fixed height or `overflow-hidden` would): the page grows
+                // into the rest from a zero basis, and a window too short for the page's
+                // floor scrolls `<main>`. Every other page lays out as before. Below `md`
+                // the document scrolls and nothing fills.
+                "md:has-[[data-fill-height]]:flex md:has-[[data-fill-height]]:flex-col md:has-[[data-fill-height]]:*:shrink-0",
                 // Embedded there is no document scroll to lean on below `md` either.
                 embedded && "min-h-0 overflow-y-auto",
               )}