Let colleagues finish each other's drafts, one at a time

Seeing a colleague's draft turned out to be half a feature: the point of
sharing it is to finish it while they are away. So writing is allowed
now -- but never by two people at once.

A draft is a single JSONB field. Whoever saves writes the whole state,
not the changed field, so two open wizards overwrite each other
completely and the second person sees nothing wrong: their own state is
right there on screen. That is why writing stayed with the owner until
now, and a lock is what makes giving that up safe.

The lock lives in the row (locked_by, locked_at) and is enforced by the
update and delete policies, not by the application. It expires, and that
is the important half: releasing happens when the wizard closes, and a
closed laptop never closes a wizard. Without expiry one crashed tab
would take a draft away for good -- worse than the problem being solved.
The wizard refreshes its lock while open so a long form does not lose it
mid-way.

Delete had to widen too, which reads like more than was asked for: the
wizard deletes the draft once the person is hired. Without it the hire
would go through and the draft would sit there forever. The card still
only offers delete on your own drafts.

Four of five mutations against the lock go red. The fifth -- dropping
`!open` from the refresh guard -- does not, because freigeben() already
nulls the ref the interval checks. The condition stays as the readable
statement of intent, now with a comment saying so.

Not run against a live database here; the CI migration job is the first
real execution.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

components/dashboard/DraftsCard.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Trash2 } from "lucide-react";
+import { Lock, Trash2 } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useTransition } from "react";
 import { deleteHireDraft } from "@/actions/hireDrafts";
@@ -12,10 +12,17 @@ import { fmtDate } from "@/lib/format";
 // Angefangene Neueinstellungen — die eigenen und, wer in der Glocke
 // hinzugewählt ist, auch dessen.
 //
-// Fremde Entwürfe stehen hier zum Ansehen. Fortsetzen und Löschen fehlen bei
-// ihnen nicht aus Vorsicht, sondern weil die Datenbank sie ohnehin abwiese
-// (hire_drafts_update, hire_drafts_delete): eine Schaltfläche anzubieten, die
-// verlässlich in eine Fehlermeldung führt, wäre ein Versprechen ohne Deckung.
+// Fortsetzen geht bei beiden: wer vertreten wird, soll die angefangene
+// Einstellung zu Ende bringen können. Aber immer nur eine Person zugleich —
+// der Entwurf ist ein einziges JSONB-Feld, zwei gleichzeitig Schreibende
+// überschrieben einander vollständig, und die Zweite merkte nichts davon.
+// Die Sperre dazu steht in der Datenbank (20260910160000); hier steht nur,
+// was sie für die Zeile bedeutet.
+//
+// Löschen bleibt beim Eigentümer. Die Regel liesse mehr zu — sie muss, weil
+// der Assistent den Entwurf nach dem Anlegen selbst wegräumt —, aber eine
+// Schaltfläche, die fremde halbfertige Arbeit wegwirft, gehört nicht neben
+// eine, die sie fortsetzt.
 
 export function DraftsCard({ drafts }: { drafts: Entwurf[] }) {
   const { openWizard } = useHireWizard();
@@ -56,8 +63,17 @@ export function DraftsCard({ drafts }: { drafts: Entwurf[] }) {
                     Namens — den kennt man. */}
                 <span className="ml-2 text-xs text-ink-muted">{d.vonMir ? "von mir" : `von ${d.autor}`}</span>
               </div>
-              {d.vonMir ? (
-                <div className="flex items-center gap-3">
+              <div className="flex items-center gap-3">
+                {d.gesperrtVon ? (
+                  // Mit dem Grund daneben, nicht bloss abgeschaltet: eine
+                  // graue Schaltfläche ohne Erklärung liest sich wie ein
+                  // Fehler, und die nächste Handlung wäre, es gleich noch
+                  // einmal zu versuchen.
+                  <span className="flex shrink-0 items-center gap-1 text-xs text-ink-muted">
+                    <Lock className="h-3.5 w-3.5" />
+                    {d.gesperrtVon} bearbeitet gerade
+                  </span>
+                ) : (
                   <button
                     type="button"
                     onClick={() => openWizard({ draftId: d.id })}
@@ -65,21 +81,19 @@ export function DraftsCard({ drafts }: { drafts: Entwurf[] }) {
                   >
                     Fortsetzen
                   </button>
+                )}
+                {d.vonMir && (
                   <button
                     type="button"
                     onClick={() => handleDelete(d.id)}
-                    disabled={pending}
+                    disabled={pending || Boolean(d.gesperrtVon)}
                     aria-label="Entwurf löschen"
-                    className="text-ink-muted hover:text-danger-solid"
+                    className="text-ink-muted hover:text-danger-solid disabled:opacity-40"
                   >
                     <Trash2 className="h-4 w-4" />
                   </button>
-                </div>
-              ) : (
-                // Warum hier nichts steht, ist sonst nicht zu erraten: die
-                // Zeile sähe aus wie eine, an der die Schaltflächen fehlen.
-                <span className="shrink-0 text-xs text-ink-muted">Nur zur Ansicht</span>
-              )}
+                )}
+              </div>
             </li>
           );
         })}