every control writes itself

The Save button is gone, and so is the SaveTarget context that announced it.
Every screen here is a preview of the thing being edited, so a change is already
visible before it is written — a button then asks somebody to confirm what they
can see.

useAutosave debounces a burst into one request. It takes the unsaved state as a
string rather than a flag, so a failed save is not retried on the next render,
and it flushes on unmount so a section change loses nothing.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-09-01 07:34:34 +01:00
co-authored by Claude Opus 5
parent 6717402331
commit b5ca67e68e
8 changed files with 98 additions and 137 deletions
+2 -2
View File
@@ -7,7 +7,7 @@ import { Input } from '@/components/ui/input';
import { readableError } from '../errors';
import { useFlash } from '../useFlash';
import { MediaPicker } from '../MediaPicker';
import { useSaveTarget } from '../SaveTarget';
import { useAutosave } from '../useAutosave';
import type { RecordsConfig } from './records';
/**
@@ -222,7 +222,7 @@ export const RecordsPanel = ({ config }: { config: RecordsConfig }) => {
config.fields.some((f) => asText(draft[f.key]) !== asText(open[f.key]))),
);
useSaveTarget(dirty, busy !== null, save);
useAutosave(dirty ? 'dirty' : null, busy !== null, save);
return (
<div className="flex size-full flex-col gap-4 overflow-auto p-4">