@eifi1/ui-kit 0.53.0 → 0.55.0

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

@@ -1,67 +0,0 @@
-import { useEffect } from "react";
-
-import { settle } from "../hooks/use-mounted";
-
-export interface DeviceZoneReportOptions {
-  /** The account's `device_timezone` from `/auth/me`; `undefined` while it loads (no
-   *  report until it is known). */
-  stored: string | null | undefined;
-  /** `PATCH /auth/me {device_timezone}` with this device's zone. */
-  report: (deviceTimezone: string) => Promise<unknown> | void;
-  /** A demo account: never reported (the server ignores it too, §10.3 Settled). */
-  isDemo?: boolean;
-  /** The signed-in account (its user id): the once-per-start guard is per account, so a
-   *  second person signed in on a shared PC in the same start is reported too. Without it
-   *  the guard is cleared when `stored` goes `undefined` (signed out). */
-  account?: string | number | null;
-}
-
-/**
- * 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).
- */
-export function deviceTimeZone(): string {
-  try {
-    return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
-  } catch {
-    return "UTC";
-  }
-}
-
-/** The (account, stored, device) triples already reported in this start of the app. */
-const reportedThisStart = new Set<string>();
-
-/**
- * Report this device's zone to the account (0.46, §10.3): the account's zone follows the
- * device last used, else `Europe/Zurich`; screens keep showing device time. Once per start
- * of the app, and only when it differs from the stored `device_timezone` — a bench PC in Zurich never
- * PATCHes on a sign-in — and never for a demo. Per account: a sign-out (`stored` back to
- * `undefined`) clears the guard, and `account` keys it. The report IS the account's zone: it is
- * automatic only (§10.3, amended 2026-10-20), so nothing is ever picked. A failed report
- * is not retried in the same start; the next start tries again. Sign-up sends the zone
- * itself (`RegisterRequest.device_timezone`).
- *
- *     useDeviceZoneReport({ stored: me?.device_timezone, isDemo: me?.is_demo, account: me?.id,
- *       report: async (zone) => setUser((await api.patch("/auth/me", { device_timezone: zone })).data) });
- */
-export function useDeviceZoneReport({ stored, report, isDemo = false, account = null }: DeviceZoneReportOptions): void {
-  useEffect(() => {
-    if (stored === undefined) {
-      // Signed out (or still loading): the next account in this start is reported afresh.
-      reportedThisStart.clear();
-      return;
-    }
-    if (isDemo) return;
-    const device = deviceTimeZone();
-    if (device === stored) return;
-    const key = `${account ?? ""}|${stored ?? ""}→${device}`;
-    if (reportedThisStart.has(key)) return;
-    reportedThisStart.add(key);
-    void settle(() => report(device)).catch(() => undefined);
-    // `report` is the app's request function: a new closure each render must not report
-    // again, so only the values decide.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [stored, isDemo, account]);
-}

package/src/notifications/feedback-notification-types-labels.ts

@@ -1,33 +0,0 @@
-// The English words of `useFeedbackNotificationTypes` (round 0.38), in a module with no
-// component code, as every `*-labels.ts`: the English catalogue imports them alone.
-
-/**
- * `feedbackNotificationTypes` — the setting words of the feedback notification types
- * (docs/feedback-harmonization.md §9.11). In the kit, not in each app, because two apps
- * declare them (keksdose, Kurvenschmiede; kastlan `feedback_answered` alone). The mail and
- * push texts stay the app's.
- */
-export interface FeedbackNotificationTypesLabels {
-  /** `feedback_answered`: a reply on a report the person wrote or commented on. */
-  answered: string;
-  answeredDescription: string;
-  /** `feedback_comment`: a visible comment on such a report. */
-  comment: string;
-  commentDescription: string;
-  /** 0.46 (feedback §11): `feedback_received`, an admin's alert for a new report, a
-   *  rework and a new crash. */
-  received: string;
-  receivedDescription: string;
-  /** A heading the apps may put over the admin's types ("Admin"). */
-  adminGroup: string;
-}
-
-export const DEFAULT_FEEDBACK_NOTIFICATION_TYPES_LABELS: FeedbackNotificationTypesLabels = {
-  answered: "Answers to your reports",
-  answeredDescription: "When a report you wrote or commented on gets an answer.",
-  comment: "Comments on reports you follow",
-  commentDescription: "When someone comments on a report you wrote or commented on.",
-  received: "New feedback and reworks",
-  receivedDescription: "When someone files a report or sends one back.",
-  adminGroup: "Admin",
-};

package/src/notifications/feedback-notification-types.ts

@@ -1,71 +0,0 @@
-import { useMemo } from "react";
-import { useKitLabels, type LabelOverride } from "../i18n/kit-labels";
-import type { NotificationTypeEntry } from "./notification-types";
-import {
-  DEFAULT_FEEDBACK_NOTIFICATION_TYPES_LABELS,
-  type FeedbackNotificationTypesLabels,
-} from "./feedback-notification-types-labels";
-
-export { DEFAULT_FEEDBACK_NOTIFICATION_TYPES_LABELS };
-export type { FeedbackNotificationTypesLabels };
-
-/** The feedback notification ids (§9.11, §11), as server-kit's `FEEDBACK_ANSWERED`,
- *  `FEEDBACK_COMMENT` and `FEEDBACK_RECEIVED` (0.46: an admin's alert) name them. */
-export type FeedbackNotificationTypeId = "feedback_answered" | "feedback_comment" | "feedback_received";
-
-/**
- * The setting words of the two feedback notification types (round 0.38,
- * docs/feedback-harmonization.md §9.11), for `NotificationTypesSetting`'s `types`:
- *
- * ```tsx
- * const feedbackTypes = useFeedbackNotificationTypes();
- * <NotificationTypesSetting types={[...appTypes, ...feedbackTypes]} … />
- * ```
- *
- * - **"Answers to your reports"** (`feedback_answered`): a reply from the admin or a
- *   loop, to the author and every earlier commenter.
- * - **"Comments on reports you follow"** (`feedback_comment`): a visible comment, to the
- *   author and the earlier commenters.
- *
- * - **"New feedback and reworks"** (`feedback_received`, 0.46, feedback §11): to the
- *   admins, when someone files a report or sends one back for rework. (A crash is mailed
- *   only inside the bundle where an app runs the queue, so the text names no crash.)
- *   `labels.adminGroup` ("Admin") is a heading an app may put over it — read it with
- *   {@link useFeedbackNotificationTypesLabels} (0.46.1) for the app's own `groups`.
- *
- * Every entry is always returned: the card draws a type only when the server answered
- * it (notifications §2.1), so kastlan, which does not declare `feedback_comment` while its
- * public parts are off, shows the first alone, and a person who is no admin is never
- * answered `feedback_received`. Words: `<UiKitProvider labels={{
- * feedbackNotificationTypes }}>` over English, `labels` over both.
- */
-export function useFeedbackNotificationTypes(
-  labels?: LabelOverride<FeedbackNotificationTypesLabels>,
-): NotificationTypeEntry<FeedbackNotificationTypeId>[] {
-  const words = useKitLabels("feedbackNotificationTypes", DEFAULT_FEEDBACK_NOTIFICATION_TYPES_LABELS, labels);
-  return useMemo(
-    () => [
-      { id: "feedback_answered", label: words.answered, description: words.answeredDescription },
-      { id: "feedback_comment", label: words.comment, description: words.commentDescription },
-      { id: "feedback_received", label: words.received, description: words.receivedDescription },
-    ],
-    [words],
-  );
-}
-
-/**
- * The `feedbackNotificationTypes` words, resolved — English, then the provider, then
- * `labels` (0.46.1, keksdose N9): what an app reads to head its own `groups` with
- * `adminGroup` ("Admin") in the provider's locale, as {@link useFeedbackNotificationTypes}
- * labels the entries.
- *
- * ```tsx
- * const { adminGroup } = useFeedbackNotificationTypesLabels();
- * groups={[...appGroups, { id: "admin", label: adminGroup, types: ["feedback_received"] }]}
- * ```
- */
-export function useFeedbackNotificationTypesLabels(
-  labels?: LabelOverride<FeedbackNotificationTypesLabels>,
-): FeedbackNotificationTypesLabels {
-  return useKitLabels("feedbackNotificationTypes", DEFAULT_FEEDBACK_NOTIFICATION_TYPES_LABELS, labels);
-}

package/src/notifications/notification-bell.tsx

@@ -1,119 +0,0 @@
-import { Bell } from "lucide-react";
-import type { LucideIcon } from "lucide-react";
-
-import { useKitLabels, type LabelOverride } from "../i18n/kit-labels";
-import { useDayFormatter } from "../lib/day-format";
-import { DEFAULT_LIST_LABELS } from "../components/list-labels";
-import { StatusDot } from "../components/status-dot";
-import { TopBarActionMenu } from "../shell/topbar-action-menu";
-import type { TopBarMenuEntry } from "../shell/topbar-action-menu";
-import { useNotificationsLabels } from "./notification-parts";
-import type { NotificationsLabels } from "./notifications-labels";
-import type { NotificationInboxItem } from "./notification-inbox";
-
-/** How many rows the bell's panel shows: the newest 20 (§10.1). */
-const BELL_ROWS = 20;
-
-export interface NotificationBellProps<Id extends string | number = string | number> {
-  /** The inbox, newest first (the bell shows the first 20); `undefined` while it loads. */
-  items: readonly NotificationInboxItem<Id>[] | undefined;
-  /** Every unread row of the account (`unread_count`): the badge. */
-  unreadCount: number;
-  /** Open a row: the app marks it read and routes to `item.url` (kastlan switches the
-   *  acting company first, to `item.company_id`). The panel closes. */
-  onOpen: (item: NotificationInboxItem<Id>) => void;
-  /** The app's inbox page or card, for "All notifications". */
-  href: string;
-  /** The row's glyph for a type, as {@link NotificationInbox}'s; `Bell` by default. */
-  icon?: (type: string) => LucideIcon | undefined;
-  /** A row's time. Default: the provider's `formatDate` (the app's date preference) with
-   *  the language's clock, else date and time in the provider's locale and `timeZone`. */
-  formatDate?: (iso: string) => string;
-  labels?: LabelOverride<NotificationsLabels>;
-}
-
-/** The badge's text: "99+" past 99. */
-const badgeText = (count: number) => (count > 99 ? "99+" : String(Math.floor(count)));
-
-/**
- * The top bar's bell (0.46, docs/notifications-harmonization.md §10.1), for
- * `TopBarActions`' `notifications` slot, right before the account menu: an icon button
- * with the unread count as a badge ("99+" past 99), opening the newest 20 rows in the
- * kit's top-bar panel (`TopBarActionMenu`) with "All notifications" under them.
- *
- * **Optional per app.** "One badge per signal": an app shows the bell or an unread dot on
- * the avatar, never both — keksdose keeps its avatar dot and no bell; kastlan's inbox
- * lives in the bell. Shown to every signed-in account in an app that keeps an inbox, the
- * demo included. Props only, as the inbox list: poll the count every
- * {@link INBOX_BADGE_INTERVAL}.
- */
-export function NotificationBell<Id extends string | number = string | number>({
-  items,
-  unreadCount,
-  onOpen,
-  href,
-  icon,
-  formatDate: formatDateProp,
-  labels: labelsProp,
-}: NotificationBellProps<Id>) {
-  const labels = useNotificationsLabels(labelsProp);
-  const list = useKitLabels("list", DEFAULT_LIST_LABELS);
-  // As the inbox's rows: the prop, else the provider's `formatDate` with the language's
-  // clock, else the kit's in the provider's locale and `timeZone` (refactor audit 2026-10-30, DUP-2).
-  const day = useDayFormatter(formatDateProp);
-  const timeOf = (iso: string) => day(iso, { time: true });
-  const unread = unreadCount > 0;
-  const shown = (items ?? []).slice(0, BELL_ROWS);
-
-  const entries: TopBarMenuEntry[] = shown.map((item) => {
-    const Icon = icon?.(item.notification_type) ?? Bell;
-    const isUnread = item.read_at === null;
-    return {
-      key: `item-${String(item.id)}`,
-      icon: <Icon aria-hidden className="size-4" />,
-      label: (
-        <span className="block min-w-0" data-bell-item={String(item.id)}>
-          {item.company && <span className="block truncate text-caption text-muted">{item.company}</span>}
-          <span className={isUnread ? "block font-semibold" : "block"}>{item.title}</span>
-          <span className="block line-clamp-2 text-xs text-secondary">{item.body}</span>
-          <span className="block text-caption text-muted">{timeOf(item.created_at)}</span>
-        </span>
-      ),
-      trailing: isUnread ? <StatusDot tone="brand" aria-label={list.unread} /> : undefined,
-      onSelect: () => onOpen(item),
-    };
-  });
-  if (entries.length > 0) entries.push({ kind: "divider", key: "divider" });
-  entries.push({ kind: "link", key: "all", to: href, label: labels.allNotifications });
-
-  return (
-    <TopBarActionMenu
-      aria-label={labels.bellLabel}
-      triggerAttributes={{ "data-notification-bell": "" }}
-      trigger={() => (
-        <span className="relative inline-flex" data-unread={unread ? unreadCount : undefined}>
-          <Bell aria-hidden className="size-5" />
-          {unread && (
-            <>
-              <span
-                aria-hidden
-                data-badge=""
-                className="pointer-events-none absolute -end-2 -top-1.5 h-4 min-w-4 rounded-full bg-danger px-1 text-center text-micro font-semibold leading-4 text-danger-contrast"
-              >
-                {badgeText(unreadCount)}
-              </span>
-              <span className="sr-only">{labels.bellUnread(unreadCount)}</span>
-            </>
-          )}
-        </span>
-      )}
-      header={
-        shown.length === 0
-          ? { title: labels.inboxTitle, subtitle: items === undefined ? labels.inboxLoading : labels.inboxEmpty }
-          : undefined
-      }
-      entries={entries}
-      panelClassName="w-80 max-w-[calc(100vw-2rem)]"
-    />
-  );
-}

package/src/notifications/notification-inbox.tsx

@@ -1,309 +0,0 @@
-import { useId, useRef, useState } from "react";
-import type { ComponentPropsWithRef, ReactNode } from "react";
-import { Bell, CheckCheck, Trash2 } from "lucide-react";
-import type { LucideIcon } from "lucide-react";
-
-import { useKitLabels, type LabelOverride } from "../i18n/kit-labels";
-import { DEFAULT_COMMON_LABELS } from "../i18n/shared-labels";
-import { cn } from "../lib/cn";
-import { useDayFormatter } from "../lib/day-format";
-import { Button } from "../components/button";
-import { Card } from "../components/card";
-import { EmptyState } from "../components/empty-state";
-import { IconButton } from "../components/icon-button";
-import { InlineConfirm } from "../components/inline-confirm";
-import { List, ListItem } from "../components/list";
-import { Skeleton } from "../components/skeleton";
-import { COMMIT_EXCEPT_BILLING } from "../components/write-lock";
-import { SettingsCardTitle } from "../settings/settings-heading";
-import { safeNextPath } from "../landing/routing";
-import { settle, useMounted } from "../hooks/use-mounted";
-import { describeFailure, FailureLine, useNotificationsLabels } from "./notification-parts";
-import type { NotificationsLabels } from "./notifications-labels";
-
-/**
- * One inbox row as `GET /notifications/inbox` answers it (server-kit `InboxItem`, §3.7):
- * the title and body already in the recipient's language.
- */
-export interface NotificationInboxItem<Id extends string | number = string | number> {
-  id: Id;
-  /** The type id, for the row's icon. */
-  notification_type: string;
-  title: string;
-  body: string;
-  /** A path in the app, or `null` (nothing to open). Never `//` or a scheme (§3.7): a url
-   *  that does not resolve to this origin is drawn as a row with nothing to open. */
-  url: string | null;
-  /** ISO date-time. */
-  created_at: string;
-  /** ISO date-time, or `null` while unread. */
-  read_at: string | null;
-  /** 0.46 (server-kit 0.16 `InboxItem.company`): the company the row is about, named on
-   *  the row — kastlan's inbox holds every company's rows. */
-  company?: string | null;
-  /** 0.46.1 (server-kit 0.16.1 `InboxItem.company_id`): the same company by its id, so
-   *  `onOpen` switches to it exactly (two companies may share a name). */
-  company_id?: number | string | null;
-}
-
-/** The inbox request that failed, as `describeError` gets it (0.46.1): one row marked read,
- *  "Mark all as read", or "Clear all". */
-export type NotificationInboxAction = "read" | "readAll" | "clear";
-
-export interface NotificationInboxProps<Id extends string | number = string | number> extends Omit<
-  ComponentPropsWithRef<"div">,
-  "children" | "title"
-> {
-  /** The rows, newest first; `undefined` while the first page loads. */
-  items: readonly NotificationInboxItem<Id>[] | undefined;
-  /** Every unread row of the account (`unread_count`), not only this page's. */
-  unreadCount: number;
-  loading?: boolean;
-  /** `POST /notifications/inbox/read {ids}` — these rows, or `null` for all. */
-  onMarkRead: (ids: Id[] | null) => Promise<unknown> | void;
-  /** `DELETE /notifications/inbox`. Asked first, in the header. */
-  onClear: () => Promise<unknown> | void;
-  /**
-   * Open a row: the kit marks it read first, then calls this, and the app routes to
-   * `item.url` (kastlan switches the acting company, `item.company_id`, first) — through
-   * `safeNextPath`, as the kit does. Every row is a button then.
-   * Left out, a row with a `url` is a real link through the provider's router link — the
-   * url as a same-origin path (`safeNextPath`) — that marks itself read on a click or a
-   * middle click (keksdose #451). A row without one, or with one that leaves the origin
-   * (`//host`, a scheme), marks itself read and opens nothing.
-   */
-  onOpen?: (item: NotificationInboxItem<Id>) => void;
-  /** The row's glyph for a type — the app's map (keksdose's `TYPE_ICONS`). `undefined`,
-   *  or a type it does not know (a retired one), is the `Bell`. */
-  icon?: (type: string) => LucideIcon | undefined;
-  /** More rows than shown: a "Show more" row calls `onLoadMore` (the API pages by
-   *  `offset`). */
-  hasMore?: boolean;
-  onLoadMore?: () => void;
-  /** The next page is loading. */
-  loadingMore?: boolean;
-  /** A row's time. Default: the provider's `formatDate` (the app's date preference) with
-   *  the language's clock, else date and time in the provider's locale and `timeZone`. */
-  formatDate?: (iso: string) => string;
-  /** The heading. Default `labels.inboxTitle` ("Inbox"). */
-  title?: ReactNode;
-  /** The app's own words for a failed request, or `undefined` for the kit's `failed`.
-   *  `action` (0.46.1) says which request failed: `"read"` (one row), `"readAll"` ("Mark
-   *  all as read") or `"clear"` ("Clear all") — so a failed mark-read is not worded as a
-   *  failed clear. */
-  describeError?: (error: unknown, action: NotificationInboxAction) => ReactNode | undefined;
-  labels?: LabelOverride<NotificationsLabels>;
-}
-
-/**
- * The in-app inbox (0.46, docs/notifications-harmonization.md §10.1), keksdose's list
- * lifted: newest first, an icon per type (`Bell` for one the app does not map), the
- * title and two lines of body, the time, and — kastlan — the company the row is about.
- * Unread rows are bold with a dot. Props only: the app keeps the data (poll the badge
- * every {@link INBOX_BADGE_INTERVAL}, invalidate on its worker's push message).
- *
- * - **Opening a row marks it read** (see `onOpen`).
- * - **"Mark all as read"** while anything is unread; **"Clear all"** asks first, in the
- *   header — no `ConfirmProvider` needed — with focus on Cancel.
- * - **"Show more"** with `hasMore`; the list scrolls inside a box of at most
- *   `min(24rem, 70vh)`, so it never pushes the settings below it off the page.
- *
- * Under a write lock the header's actions are `commit` controls exempt from billing.
- */
-export function NotificationInbox<Id extends string | number = string | number>({
-  items,
-  unreadCount,
-  loading,
-  onMarkRead,
-  onClear,
-  onOpen,
-  icon,
-  hasMore = false,
-  onLoadMore,
-  loadingMore = false,
-  formatDate: formatDateProp,
-  title,
-  describeError,
-  labels: labelsProp,
-  className,
-  ...rest
-}: NotificationInboxProps<Id>) {
-  const labels = useNotificationsLabels(labelsProp);
-  const common = useKitLabels("common", DEFAULT_COMMON_LABELS);
-  // The prop, else the provider's `formatDate` with the language's clock, else the kit's
-  // date and time in the provider's locale and `timeZone` (refactor audit 2026-10-30, DUP-2).
-  const day = useDayFormatter(formatDateProp);
-  const [asking, setAsking] = useState(false);
-  const [busy, setBusy] = useState<"read" | "clear" | null>(null);
-  const [failure, setFailure] = useState<ReactNode>(null);
-  const mounted = useMounted();
-  const headingId = useId();
-  // Back to "Clear all" when the confirm leaves, so focus does not fall to <body>.
-  const clearRef = useRef<HTMLButtonElement>(null);
-
-  const timeOf = (iso: string) => day(iso, { time: true });
-  const iconOf = (type: string): LucideIcon => icon?.(type) ?? Bell;
-
-  const run = (which: "read" | "clear", call: () => unknown, after?: () => void) => {
-    setBusy(which);
-    setFailure(null);
-    settle(call).then(
-      () => {
-        if (!mounted.current) return;
-        setBusy(null);
-        after?.();
-      },
-      (error: unknown) => {
-        if (!mounted.current) return;
-        setBusy(null);
-        setFailure(describeFailure(describeError?.(error, which === "read" ? "readAll" : "clear"), labels.failed));
-      },
-    );
-  };
-
-  /** Mark one row read; a failure is said under the list, the row stays as it is. */
-  const markOne = (item: NotificationInboxItem<Id>) => {
-    if (item.read_at !== null) return;
-    settle(() => onMarkRead([item.id])).catch((error: unknown) => {
-      if (mounted.current) setFailure(describeFailure(describeError?.(error, "read"), labels.failed));
-    });
-  };
-
-  const count = items?.length ?? 0;
-
-  const header = asking ? (
-    <InlineConfirm
-      className="border-b border-subtle px-3 py-2"
-      data-inbox-confirm=""
-      prompt={labels.clearPrompt}
-      confirmLabel={labels.clearAll}
-      cancelLabel={common.cancel}
-      onConfirm={() => run("clear", onClear, () => setAsking(false))}
-      onLeave={() => setAsking(false)}
-      busy={busy === "clear"}
-      commit={COMMIT_EXCEPT_BILLING}
-      returnFocusRef={clearRef}
-    />
-  ) : (
-    <div className="flex items-center justify-between gap-2 border-b border-subtle px-3 py-2">
-      <SettingsCardTitle id={headingId}>{title ?? labels.inboxTitle}</SettingsCardTitle>
-      <div className="flex items-center gap-0.5">
-        <IconButton
-          type="button"
-          size="xs"
-          tone="muted"
-          commit={COMMIT_EXCEPT_BILLING}
-          onClick={() => run("read", () => onMarkRead(null))}
-          disabled={unreadCount === 0 || busy !== null}
-          label={labels.markAllRead}
-        >
-          <CheckCheck />
-        </IconButton>
-        <IconButton
-          ref={clearRef}
-          type="button"
-          size="xs"
-          tone="danger"
-          commit={COMMIT_EXCEPT_BILLING}
-          onClick={() => setAsking(true)}
-          disabled={count === 0 || busy !== null}
-          label={labels.clearAll}
-        >
-          <Trash2 />
-        </IconButton>
-      </div>
-    </div>
-  );
-
-  let body: ReactNode;
-  if (loading || items === undefined) {
-    body = <Skeleton lines={3} label={labels.inboxLoading} className="p-3" />;
-  } else if (items.length === 0) {
-    body = <EmptyState variant="inline" title={labels.inboxEmpty} className="px-3 py-2" />;
-  } else {
-    body = (
-      // Named by the heading — except while "Clear all" asks, when the heading is away.
-      <List
-        className="p-1"
-        aria-labelledby={asking ? undefined : headingId}
-        aria-label={asking ? labels.inboxTitle : undefined}
-      >
-        {items.map((item) => {
-          const row = {
-            title: item.title,
-            subtitle: item.body,
-            subtitleLines: 2 as const,
-            overline: item.company ?? undefined,
-            meta: timeOf(item.created_at),
-            icon: iconOf(item.notification_type),
-            unread: item.read_at === null,
-            align: "start" as const,
-          };
-          if (onOpen) {
-            return (
-              <ListItem
-                key={item.id}
-                {...row}
-                data-inbox-item={String(item.id)}
-                onClick={() => {
-                  markOne(item);
-                  onOpen(item);
-                }}
-              />
-            );
-          }
-          // A same-origin path or nothing (refactor audit 2026-10-30, FLW-8): `//host` starts
-          // with "/" and went through the router link off the origin, and any scheme opened
-          // as an external link. The urls are server-written; this is defence in depth.
-          const path = safeNextPath(item.url);
-          if (!path) {
-            return <ListItem key={item.id} {...row} data-inbox-item={String(item.id)} onClick={() => markOne(item)} />;
-          }
-          // A real link, so a middle click opens a background tab; a middle click fires no
-          // `click`, hence `onAuxClick` (keksdose #451).
-          return (
-            <ListItem
-              key={item.id}
-              {...row}
-              data-inbox-item={String(item.id)}
-              href={path}
-              onClick={() => markOne(item)}
-              onAuxClick={(event) => {
-                if (event.button === 1) markOne(item);
-              }}
-            />
-          );
-        })}
-        {hasMore && onLoadMore && (
-          <li className="px-2 py-1">
-            <Button
-              type="button"
-              size="sm"
-              variant="ghost"
-              pending={loadingMore}
-              onClick={onLoadMore}
-              className="w-full"
-            >
-              {labels.showMore}
-            </Button>
-          </li>
-        )}
-      </List>
-    );
-  }
-
-  return (
-    <Card {...rest} className={cn("overflow-hidden p-0", className)}>
-      {header}
-      <div className="max-h-[min(24rem,70vh)] overflow-y-auto overscroll-contain">{body}</div>
-      {failure !== null && (
-        <div className="px-3 pb-3">
-          <FailureLine>{failure}</FailureLine>
-        </div>
-      )}
-    </Card>
-  );
-}
-
-/** How often an app polls the unread count for the badge (keksdose's 60 s, `limit:1`). */
-export const INBOX_BADGE_INTERVAL = 60_000;