diff --git a/src/features/retention/RetentionPage.tsx b/src/features/retention/RetentionPage.tsx
new file mode 100644
index 0000000..9d120ce
--- /dev/null
+++ b/src/features/retention/RetentionPage.tsx
@@ -0,0 +1,36 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Coffey Labs
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ChevronDown } from 'lucide-react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';
+import { DynamicForm } from '@/components/forms/DynamicForm';
+import { RetentionSheet } from './RetentionSheet';
+
+/**
+ * A retention page: every "how long" as sentences, then this page's own
+ * settings (schedules and the like) folded underneath, reloaded after the
+ * sentences are saved so the two never disagree.
+ */
+export function RetentionPage({ viewName }: { viewName: string }) {
+ const { t } = useTranslation();
+ const [version, setVersion] = useState(0);
+ return (
+
+ setVersion((v) => v + 1)} />
+
+
+
+ {t('retention.more', 'Schedules and every setting on this page')}
+
+
+
+
+
+
+ );
+}
diff --git a/src/features/retention/RetentionSheet.tsx b/src/features/retention/RetentionSheet.tsx
new file mode 100644
index 0000000..6153a8a
--- /dev/null
+++ b/src/features/retention/RetentionSheet.tsx
@@ -0,0 +1,227 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Coffey Labs
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+/**
+ * inbuxa: Storage › Retention, every "how long" in one place, as sentences
+ * (settings-reorg, second wave). Shown on each of the four retention pages,
+ * above that page's own settings (schedules and the like), which stay in
+ * the form below.
+ */
+
+import { useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Loader2, Timer } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { getAccountId, jmapGet, jmapSet } from '@/services/jmap/client';
+import { useAccountStore } from '@/stores/accountStore';
+import { useSchemaStore } from '@/stores/schemaStore';
+import type { JmapSetResponse } from '@/types/jmap';
+import { toast } from '@/hooks/use-toast';
+import { fetchLogSettings, updateLogSettings } from '@/features/hardening/logSettings';
+import { cn } from '@/lib/utils';
+import { fromParts, ITEMS, RETENTION_FIELDS, toParts, words, type Group, type Item, type Unit } from './items';
+
+const OBJECT = 'x:DataRetention';
+const DAY = 86_400_000;
+
+/** One value being edited: null is the setting's "none" (never, off). */
+type Draft = { n: string; unit: Unit } | null;
+
+function draftOf(ms: number | null | undefined): Draft {
+ if (ms === null || ms === undefined) return null;
+ const { n, unit } = toParts(ms);
+ return { n: String(n), unit };
+}
+
+function msOf(d: Draft): number | null {
+ if (d === null) return null;
+ const n = Number(d.n);
+ return Number.isFinite(n) && n > 0 ? fromParts(Math.round(n), d.unit) : NaN;
+}
+
+export function RetentionSheet({ onSaved }: { onSaved?: () => void }) {
+ const { t } = useTranslation();
+ const schema = useSchemaStore((s) => s.schema);
+ const canUpdate = useAccountStore((s) => s.hasObjectPermission('sysDataRetention', 'Update'));
+ const canLogs = useAccountStore((s) => s.hasPermission('sysTracerUpdate'));
+ const [saved, setSaved] = useState
| null>(null);
+ const [draft, setDraft] = useState>({});
+ const [busy, setBusy] = useState(false);
+
+ const defaults = schema?.fields[OBJECT]?.defaults ?? {};
+
+ useEffect(() => {
+ let live = true;
+ Promise.all([
+ jmapGet(OBJECT, getAccountId(OBJECT), ['singleton'], RETENTION_FIELDS),
+ fetchLogSettings().catch(() => undefined),
+ ])
+ .then(([[res], logs]) => {
+ const data = ((res?.[1] as { list?: Record[] })?.list ?? [])[0] ?? {};
+ const values: Record = {};
+ for (const f of RETENTION_FIELDS) values[f] = (data[f] as number | null | undefined) ?? null;
+ if (logs !== undefined) values.logs = logs === null ? null : logs * DAY;
+ if (!live) return;
+ setSaved(values);
+ setDraft(Object.fromEntries(Object.entries(values).map(([k, v]) => [k, draftOf(v)])));
+ })
+ .catch(() => live && setSaved(null));
+ return () => {
+ live = false;
+ };
+ }, []);
+
+ const changed = useMemo(() => {
+ if (!saved) return [];
+ // An unfinished number counts as a change, and the invalid check keeps it from saving.
+ return Object.keys(saved).filter((k) => msOf(draft[k] ?? null) !== saved[k]);
+ }, [saved, draft]);
+ const invalid = Object.values(draft).some((d) => d !== null && Number.isNaN(msOf(d)));
+
+ if (!saved) return null;
+
+ const groupTitle: Record = {
+ mailboxes: t('retention.mailboxes', 'In people’s mailboxes'),
+ recovery: t('retention.recovery', 'Getting deleted things back'),
+ records: t('retention.records', 'The server’s own records'),
+ };
+
+ const save = async () => {
+ setBusy(true);
+ try {
+ const patch: Record = {};
+ for (const k of changed) if (k !== 'logs') patch[k] = msOf(draft[k] ?? null);
+ if (Object.keys(patch).length > 0) {
+ const [res] = await jmapSet(OBJECT, getAccountId(OBJECT), { update: { singleton: patch } });
+ const body = res?.[1] as unknown as JmapSetResponse | undefined;
+ const bad = body?.notUpdated?.singleton;
+ if (bad) throw new Error(bad.description ?? bad.type);
+ }
+ if (changed.includes('logs')) {
+ const ms = msOf(draft.logs ?? null);
+ await updateLogSettings(ms === null ? null : Math.max(1, Math.round(ms / DAY)));
+ }
+ setSaved((s) => ({ ...s, ...Object.fromEntries(changed.map((k) => [k, msOf(draft[k] ?? null)])) }));
+ // Settings saves announce themselves ("Saved and applied"); log files alone don't.
+ if (Object.keys(patch).length === 0) toast({ title: t('retention.saved', 'Saved') });
+ onSaved?.();
+ } catch (e) {
+ toast({
+ variant: 'destructive',
+ title: t('retention.failed', 'Not saved'),
+ description: e instanceof Error ? e.message : String(e),
+ });
+ } finally {
+ setBusy(false);
+ }
+ };
+
+ const row = (item: Item) => {
+ if (!(item.field in saved)) return null;
+ const d = draft[item.field] ?? null;
+ const editable = item.field === 'logs' ? canLogs : canUpdate;
+ const def = defaults[item.field] as number | null | undefined;
+ const isChanged = changed.includes(item.field);
+ return (
+
+ {item.before}
+ {d === null ? (
+ {item.none}
+ ) : (
+ <>
+ setDraft((x) => ({ ...x, [item.field]: { n: e.target.value, unit: d.unit } }))}
+ className={cn('h-8 w-20', Number.isNaN(msOf(d)) && 'border-destructive')}
+ aria-label={item.before}
+ />
+ {item.field === 'logs' ? (
+ {t('retention.daysWord', 'days')}
+ ) : (
+
+ )}
+
+ )}
+ {item.after && {item.after}}
+ {editable && (
+
+ )}
+ {isChanged && (
+ {t('retention.unsaved', 'unsaved')}
+ )}
+ {(item.hint || def !== undefined) && (
+
+ {item.hint}
+ {item.hint && def !== undefined ? ' ' : ''}
+ {def !== undefined &&
+ t('retention.default', 'Default: {{value}}.', { value: def === null ? item.none : words(def) })}
+
+ )}
+
+ );
+ };
+
+ return (
+
+
+
+
{t('retention.title', 'How long things are kept')}
+ {changed.length > 0 && (
+
+ )}
+
+ {(['mailboxes', 'recovery', 'records'] as Group[]).map((g) => (
+
+ {groupTitle[g]}
+ {ITEMS.filter((i) => i.group === g).map(row)}
+
+ ))}
+
+ {t(
+ 'retention.holds',
+ 'Mail under a legal hold is kept whatever these say: deleting it archives it, and it doesn’t expire while held.',
+ )}
+
+