Merge branch 'claude/webmail-offline-replica' into 'dev'

feat(electron): real offline mail replica — delta sync, full bodies, retention

See merge request gitlab-instance-b9b5cf2f/vncmail-plus!6

components/settings/local-index-settings.tsx

@@ -15,6 +15,10 @@ import { SettingsSection, SettingItem } from './settings-section';
 import { isElectronShell } from '@/lib/electron-bridge';
 import { useAccountStore } from '@/stores/account-store';
 import { catchUpIndex, fetchIndexStats, type IndexStats } from '@/lib/mail-index-client';
+import {
+  chainSync, fetchReplicaStatus, purgeReplica, updateRetentionPolicy,
+  type ReplicaStatus, type RetentionPolicy,
+} from '@/lib/offline-replica-client';
 
 const TYPE_LABELS: Record<string, string> = {
   mail: 'Mail',
@@ -118,6 +122,190 @@ export function LocalIndexSettings() {
           {busy ? 'Indexing…' : 'Update index'}
         </Button>
       </SettingItem>
+
+      <OfflineMailSettings slot={slot} />
     </SettingsSection>
   );
 }
+
+function formatBytes(bytes: number): string {
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ['KB', 'MB', 'GB'];
+  let value = bytes / 1024;
+  let unit = 0;
+  while (value >= 1024 && unit < units.length - 1) { value /= 1024; unit++; }
+  return `${value.toFixed(value >= 10 ? 0 : 1)} ${units[unit]}`;
+}
+
+const PHASE_LABELS: Record<string, string> = {
+  'never-run': 'not started',
+  scanning: 'downloading history',
+  reconciling: 'rebuilding',
+  complete: 'up to date',
+};
+
+/**
+ * Controls for the offline mail replica (lib/offline-replica/**).
+ *
+ * Lives inside the same panel as the search index because they share one
+ * encrypted file, one key and one purge - presenting them as two unrelated
+ * features would misrepresent what "delete" deletes.
+ */
+function OfflineMailSettings({ slot }: { slot: number | undefined }) {
+  const [status, setStatus] = useState<ReplicaStatus | null>(null);
+  const [busy, setBusy] = useState<null | 'sync' | 'purge' | 'policy'>(null);
+  const [message, setMessage] = useState<string | null>(null);
+
+  const refresh = useCallback(async () => {
+    setStatus(await fetchReplicaStatus(slot));
+  }, [slot]);
+
+  useEffect(() => { void refresh(); }, [refresh]);
+
+  const savePolicy = async (patch: Partial<RetentionPolicy>) => {
+    if (!status) return;
+    const next: RetentionPolicy = { ...status.policy, ...patch };
+    setBusy('policy');
+    setMessage(null);
+    try {
+      const ok = await updateRetentionPolicy(next, slot);
+      if (!ok) { setMessage('Could not save the retention setting.'); return; }
+      // The change is applied by the next cycle - a widen re-scans, a narrow
+      // evicts - so run one now rather than leaving the number looking wrong.
+      await chainSync({ slot, max: 2 });
+      await refresh();
+    } finally {
+      setBusy(null);
+    }
+  };
+
+  const handleSync = async () => {
+    setBusy('sync');
+    setMessage(null);
+    try {
+      const report = await chainSync({ slot });
+      if (!report) { setMessage('Offline mail is unavailable on this system.'); return; }
+      setMessage(
+        report.ok
+          ? `Synced ${report.envelopesWritten} messages and ${report.bodiesWritten} bodies.` +
+            (report.unfinishedWork ? ' More will download in the background.' : '') +
+            (report.warnings.length > 0 ? ` Notes: ${report.warnings.join('; ')}` : '')
+          : `Sync failed: ${report.error ?? 'unknown error'}`,
+      );
+      await refresh();
+    } finally {
+      setBusy(null);
+    }
+  };
+
+  const handlePurge = async () => {
+    setBusy('purge');
+    setMessage(null);
+    try {
+      const ok = await purgeReplica(slot);
+      setMessage(ok ? 'Offline mail deleted from this device.' : 'Could not delete offline mail.');
+      await refresh();
+    } finally {
+      setBusy(null);
+    }
+  };
+
+  if (!status) return null;
+
+  const stats = status.stats;
+  const total = stats ? stats.fileBytes : 0;
+
+  return (
+    <>
+      <SettingItem
+        label="Offline mail"
+        description={
+          stats
+            ? `${stats.envelopes} messages listed, ${stats.bodies} readable offline · ` +
+              `${formatBytes(stats.bodyBytes)} of message content · ` +
+              `status: ${PHASE_LABELS[status.coveragePhase] ?? status.coveragePhase}` +
+              (status.resyncRequired ? ' (a rebuild is queued)' : '') +
+              (stats.wantedBodies > 0 ? ` · ${stats.wantedBodies} still downloading` : '')
+            : 'Nothing stored yet. Mail downloads automatically as it arrives.'
+        }
+      >
+        <span className="text-sm text-muted-foreground tabular-nums">{formatBytes(total)}</span>
+      </SettingItem>
+
+      <SettingItem
+        label="Keep message list for"
+        description={
+          'How far back the offline message list goes. Listed messages are tiny (about a ' +
+          'kilobyte each), so a wide window here costs very little and means a message never ' +
+          'disappears from the offline list just because its content was removed to save space.'
+        }
+      >
+        <select
+          className="h-9 rounded-md border border-border bg-background px-2 text-sm"
+          value={status.policy.envelopeDays}
+          disabled={busy !== null}
+          onChange={(e) => void savePolicy({ envelopeDays: Number(e.target.value) })}
+        >
+          {[30, 90, 180, 365, 730, 1825].map((d) => (
+            <option key={d} value={d}>
+              {d >= 365 ? `${Math.round(d / 365)} year${d >= 730 ? 's' : ''}` : `${d} days`}
+            </option>
+          ))}
+        </select>
+      </SettingItem>
+
+      <SettingItem
+        label="Keep full messages for"
+        description={
+          'How far back complete messages - including formatted content - are stored so they ' +
+          'can be read with no network. Attachments are not downloaded; they still need a ' +
+          'connection.'
+        }
+      >
+        <select
+          className="h-9 rounded-md border border-border bg-background px-2 text-sm"
+          value={status.policy.bodyDays}
+          disabled={busy !== null}
+          onChange={(e) => void savePolicy({ bodyDays: Number(e.target.value) })}
+        >
+          {[7, 14, 30, 90, 180, 365].map((d) => (
+            <option key={d} value={d}>{d >= 365 ? '1 year' : `${d} days`}</option>
+          ))}
+        </select>
+      </SettingItem>
+
+      <SettingItem
+        label="Storage limit for message content"
+        description={
+          'The oldest stored content is removed first when this is reached. Messages stay in ' +
+          'the offline list either way - only their content is removed.'
+        }
+      >
+        <select
+          className="h-9 rounded-md border border-border bg-background px-2 text-sm"
+          value={status.policy.maxBodyMB}
+          disabled={busy !== null}
+          onChange={(e) => void savePolicy({ maxBodyMB: Number(e.target.value) })}
+        >
+          {[100, 250, 500, 1000, 2000, 5000].map((mb) => (
+            <option key={mb} value={mb}>{mb >= 1000 ? `${mb / 1000} GB` : `${mb} MB`}</option>
+          ))}
+        </select>
+      </SettingItem>
+
+      <SettingItem
+        label="Offline mail actions"
+        description={message ?? 'Download now, or delete everything stored offline on this device.'}
+      >
+        <div className="flex gap-2">
+          <Button variant="outline" size="sm" onClick={handleSync} disabled={busy !== null}>
+            {busy === 'sync' ? 'Downloading…' : 'Download now'}
+          </Button>
+          <Button variant="outline" size="sm" onClick={handlePurge} disabled={busy !== null}>
+            {busy === 'purge' ? 'Deleting…' : 'Delete offline mail'}
+          </Button>
+        </div>
+      </SettingItem>
+    </>
+  );
+}