feat(forms): delete UI (destructive confirms) + Re-link submissions button

Forms list: per-form Delete with a destructive confirm that spells out
permanent loss of the form + all responses incl. signed waivers, plus a
header 'Re-link submissions' button (relinkAllSubmissions). Results page:
per-response Delete (confirm) and a 'Delete form' header action that
returns to /forms. Optimistic list updates; all behind useConfirm.

app/(app)/forms/forms-client.tsx

@@ -1,12 +1,16 @@
 'use client'
 
+import { useState } from 'react'
 import Link from 'next/link'
 import { FileText, Plus } from 'lucide-react'
+import { toast } from 'sonner'
 import { PageHeader, PageTitle } from '@/components/ui/page-title'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription } from '@/components/ui/empty'
+import { useConfirm } from '@/components/ui/confirm'
 import { CopyLinkButton } from '@/components/forms/copy-link-button'
+import { deleteForm, relinkAllSubmissions } from '@/lib/actions'
 
 type FormRow = {
   id: string
@@ -25,16 +29,51 @@ const VIS_LABEL: Record<string, string> = {
   public_anon: 'Public',
 }
 
-export function FormsClient({ forms, spaceSlug }: { forms: FormRow[]; spaceSlug: string }) {
+export function FormsClient({ forms: initial, spaceSlug }: { forms: FormRow[]; spaceSlug: string }) {
+  const confirm = useConfirm()
+  const [forms, setForms] = useState<FormRow[]>(initial)
+  const [busy, setBusy] = useState(false)
+
+  async function onRelink() {
+    setBusy(true)
+    const res = await relinkAllSubmissions()
+    setBusy(false)
+    if ('error' in res && res.error) return toast.error(res.error)
+    const n = (res as { data: { linked: number } }).data.linked
+    toast.success(n > 0 ? `Linked ${n} submission(s) to members` : 'All submissions already linked')
+  }
+
+  async function onDelete(f: FormRow) {
+    const ok = await confirm({
+      title: `Delete "${f.title}"?`,
+      description:
+        'This permanently deletes the form AND every response/submission for it, including any signed waivers. This cannot be undone. Export the results first if you need a record.',
+      confirmText: 'Delete form and all responses',
+      destructive: true,
+    })
+    if (!ok) return
+    setBusy(true)
+    const res = await deleteForm({ formId: f.id, confirm: true })
+    setBusy(false)
+    if ('error' in res && res.error) return toast.error(res.error)
+    setForms(prev => prev.filter(x => x.id !== f.id))
+    toast.success('Form deleted')
+  }
+
   return (
     <>
       <PageHeader>
         <PageTitle>Forms &amp; waivers</PageTitle>
-        <Button asChild size="sm">
-          <Link href="/forms/new">
-            <Plus className="size-4" /> New form
-          </Link>
-        </Button>
+        <div className="flex gap-2">
+          <Button size="sm" variant="outline" disabled={busy} onClick={onRelink}>
+            Re-link submissions
+          </Button>
+          <Button asChild size="sm">
+            <Link href="/forms/new">
+              <Plus className="size-4" /> New form
+            </Link>
+          </Button>
+        </div>
       </PageHeader>
 
       <div className="p-4 md:p-6">
@@ -86,6 +125,9 @@ export function FormsClient({ forms, spaceSlug }: { forms: FormRow[]; spaceSlug:
                   <Button asChild size="sm" variant="secondary">
                     <Link href={`/forms/${f.id}/edit`}>Edit</Link>
                   </Button>
+                  <Button size="sm" variant="outline" disabled={busy} onClick={() => onDelete(f)}>
+                    Delete
+                  </Button>
                 </div>
               </div>
             ))}