Code-side

src/lib/dev-login-config.ts — startup assertion: throws if NODE_ENV=production + ENABLE_DEV_LOGIN=true, scoped to runtime (skipped during next build).
Container

scripts/migrate.mjs — runs Drizzle migrations against DATABASE_URL.
deploy/docker-entrypoint.sh — runs migrations then exec node server.js. Skip with RUN_MIGRATIONS=false.
Dockerfile — copies drizzle/, scripts/migrate.mjs, entrypoint into runner stage; ENTRYPOINT now points at the script.
Compose

deploy/compose.yaml — famapp now image: ${FAMAPP_IMAGE:-ghcr.io/ginnoir/famapp:latest} (build still works locally as fallback). Authentik pinned via AUTHENTIK_IMAGE_TAG (default 2024.12.3). New RUN_MIGRATIONS env passed through.
.env.production.example — documents FAMAPP_IMAGE, AUTHENTIK_IMAGE_TAG, RUN_MIGRATIONS.
CI/CD

.github/workflows/ci.yml — push/PR: typecheck + lint + format:check + build.
.github/workflows/release.yml — v* tag: build + push ghcr.io/ginnoir/famapp:vX.Y.Z, :X.Y, :latest to GHCR.
Docs

deploy/README.md — full deploy/rollback/release runbook.
CHANGELOG.md — release log seeded with an Unreleased entry.
docs/tasks/09-pre-deploy-checklist.md — task 09 reframed from one-shot removal to a recurring pre-deploy checklist.
STATUS.md — updated.
Verified: pnpm typecheck, pnpm format, pnpm build, and docker compose config all clean.

src/components/widget-picker.tsx

@@ -71,9 +71,17 @@ export function WidgetPicker({
             </button>
           )}
           <h2 className="font-semibold flex-1 text-sm">
-            {step === "pick" ? "Add widget" : selected ? `Configure: ${selected.title}` : "Configure"}
+            {step === "pick"
+              ? "Add widget"
+              : selected
+                ? `Configure: ${selected.title}`
+                : "Configure"}
           </h2>
-          <button type="button" onClick={onClose} className="text-muted-foreground hover:text-foreground">
+          <button
+            type="button"
+            onClick={onClose}
+            className="text-muted-foreground hover:text-foreground"
+          >
             <X className="size-5" />
           </button>
         </div>
@@ -82,24 +90,28 @@ export function WidgetPicker({
         <div className="flex-1 overflow-y-auto p-4">
           {step === "pick" && (
             <div className="space-y-4">
-              {Object.entries(grouped).sort(([a], [b]) => a.localeCompare(b)).map(([cat, items]) => (
-                <div key={cat}>
-                  <p className="text-xs font-medium uppercase tracking-wide text-muted-foreground mb-2">{cat}</p>
-                  <div className="space-y-1">
-                    {items.map((meta) => (
-                      <button
-                        key={meta.id}
-                        type="button"
-                        onClick={() => selectWidget(meta.id)}
-                        className="w-full text-left rounded-md px-3 py-2 hover:bg-accent transition-colors"
-                      >
-                        <p className="text-sm font-medium">{meta.title}</p>
-                        <p className="text-xs text-muted-foreground">{meta.description}</p>
-                      </button>
-                    ))}
+              {Object.entries(grouped)
+                .sort(([a], [b]) => a.localeCompare(b))
+                .map(([cat, items]) => (
+                  <div key={cat}>
+                    <p className="text-xs font-medium uppercase tracking-wide text-muted-foreground mb-2">
+                      {cat}
+                    </p>
+                    <div className="space-y-1">
+                      {items.map((meta) => (
+                        <button
+                          key={meta.id}
+                          type="button"
+                          onClick={() => selectWidget(meta.id)}
+                          className="w-full text-left rounded-md px-3 py-2 hover:bg-accent transition-colors"
+                        >
+                          <p className="text-sm font-medium">{meta.title}</p>
+                          <p className="text-xs text-muted-foreground">{meta.description}</p>
+                        </button>
+                      ))}
+                    </div>
                   </div>
-                </div>
-              ))}
+                ))}
             </div>
           )}
 
@@ -116,7 +128,9 @@ export function WidgetPicker({
         {/* Footer */}
         {step === "configure" && (
           <div className="flex justify-end gap-2 px-4 py-3 border-t">
-            <Button variant="outline" size="sm" onClick={onClose}>Cancel</Button>
+            <Button variant="outline" size="sm" onClick={onClose}>
+              Cancel
+            </Button>
             <Button size="sm" onClick={handleAdd}>
               {initialWidgetId ? "Apply" : "Add widget"}
             </Button>
@@ -158,7 +172,10 @@ function WidgetConfigurator({
     <div className="space-y-4">
       {entries.map(([key, value]) => {
         // "all" | string[] — multi-select with All toggle
-        if (value === "all" || (Array.isArray(value) && (key.endsWith("Ids") || key.endsWith("ids")))) {
+        if (
+          value === "all" ||
+          (Array.isArray(value) && (key.endsWith("Ids") || key.endsWith("ids")))
+        ) {
           const optKey = key.replace(/Ids?$/i, "s");
           const items: FieldOption[] = (opts?.[optKey] as FieldOption[] | undefined) ?? [];
           const isAll = value === "all";
@@ -253,7 +270,9 @@ function WidgetConfigurator({
                   className="rounded-md border border-input bg-background px-3 py-1.5 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
                 >
                   {enumOpts.map((opt) => (
-                    <option key={opt} value={opt}>{opt}</option>
+                    <option key={opt} value={opt}>
+                      {opt}
+                    </option>
                   ))}
                 </select>
               </div>
@@ -277,7 +296,9 @@ function WidgetConfigurator({
                   className="rounded-md border border-input bg-background px-3 py-1.5 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
                 >
                   {known.map((opt) => (
-                    <option key={opt} value={opt}>{opt}</option>
+                    <option key={opt} value={opt}>
+                      {opt}
+                    </option>
                   ))}
                 </select>
               </div>