rename(phase 1): CapaKraken → Nexus across code, UI, docs, CI

- @capakraken/* → @nexus/* across 12 packages (root + 11 workspaces),
  1551 import lines migrated via codemod
- User-visible brand strings renamed (emails, page titles, PWA
  manifest, mobile header, MFA backup-codes header, tooltips, signin
  page, invite page, weekly digest, install prompt)
- TOTP issuer "CapaKraken" → "Nexus" (existing secrets still valid;
  re-enrollment relabels them in users' authenticator apps)
- Function rename: assertCapaKrakenDbTarget → assertNexusDbTarget
- LocalStorage migration shim in apps/web/src/app/layout.tsx copies
  capakraken_* → nexus_* on first load (guarded by nexus_migrated_v1
  sentinel; runs once per browser, then never again)
- Service-worker cache name capakraken-v2 → nexus-v2 with one-time
  caches.delete('capakraken-v2') from the same shim
- Email-domain fixtures @capakraken.{dev,app} → @nexus.{dev,app} in
  seed data, e2e specs, SMTP default fallback
- Dockerfile.dev / Dockerfile.prod / all .github/workflows/*.yml
  pnpm --filter @capakraken/* → @nexus/*
- README, CLAUDE.md, LEARNINGS.md, all docs/*.md, .env.example,
  tooling/deploy/.env.production.example brand sweep

Phase 1 deliberately leaves untouched (handled in Phase 3 cutover):
- PostgreSQL DB name "capakraken" and POSTGRES_USER "capakraken"
- Volume names capakraken_pgdata etc.
- Compose project name "capakraken" / "capakraken-prod"
- db-target-guard default expectedDatabase
- env-var CAPAKRAKEN_EXPECTED_DB_NAME
- Container DNS names in docker-compose.ci.yml

Quality gates green: pnpm typecheck (7/7), pnpm test:unit (7/7),
pnpm lint (0 errors), check:exports/imports/architecture all pass.

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

apps/web/src/components/vacations/VacationClient.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useCallback } from "react";
 import Link from "next/link";
-import { VacationStatus, VacationType } from "@capakraken/shared";
+import { VacationStatus, VacationType } from "@nexus/shared";
 import { trpc } from "~/lib/trpc/client.js";
 import { VacationModal } from "./VacationModal.js";
 import { TeamCalendar } from "./TeamCalendar.js";
@@ -11,7 +11,11 @@ import { SortableColumnHeader } from "~/components/ui/SortableColumnHeader.js";
 import { useTableSort } from "~/hooks/useTableSort.js";
 import { useViewPrefs } from "~/hooks/useViewPrefs.js";
 import { InfoTooltip } from "~/components/ui/InfoTooltip.js";
-import { VACATION_STATUS_BADGE as STATUS_BADGE, VACATION_TYPE_LABELS as TYPE_LABELS, VACATION_TYPE_BADGE } from "~/lib/status-styles.js";
+import {
+  VACATION_STATUS_BADGE as STATUS_BADGE,
+  VACATION_TYPE_LABELS as TYPE_LABELS,
+  VACATION_TYPE_BADGE,
+} from "~/lib/status-styles.js";
 import { SuccessToast } from "~/components/ui/SuccessToast.js";
 
 type VacationStatusFilter = VacationStatus | "ALL";
@@ -27,14 +31,23 @@ export function VacationClient() {
   const [selected, setSelected] = useState<Set<string>>(new Set());
   const [batchRejectReason, setBatchRejectReason] = useState("");
   const [showBatchRejectInput, setShowBatchRejectInput] = useState(false);
-  const [toast, setToast] = useState<{ show: boolean; message: string; variant: "success" | "warning" }>({
+  const [toast, setToast] = useState<{
+    show: boolean;
+    message: string;
+    variant: "success" | "warning";
+  }>({
     show: false,
     message: "",
     variant: "success",
   });
   const clearToast = useCallback(() => setToast((t) => ({ ...t, show: false })), []);
 
-  const { data: vacations, isLoading, error: vacationError, refetch } = trpc.vacation.list.useQuery(
+  const {
+    data: vacations,
+    isLoading,
+    error: vacationError,
+    refetch,
+  } = trpc.vacation.list.useQuery(
     {
       ...(statusFilter !== "ALL" ? { status: statusFilter } : {}),
       ...(typeFilter !== "ALL" ? { type: typeFilter } : {}),
@@ -65,7 +78,9 @@ export function VacationClient() {
 
   const approveMutation = trpc.vacation.approve.useMutation({ onSuccess: invalidateAll });
   const rejectMutation = trpc.vacation.reject.useMutation({ onSuccess: invalidateAll });
-  const cancelMutation = trpc.vacation.cancel.useMutation({ onSuccess: () => utils.vacation.list.invalidate() });
+  const cancelMutation = trpc.vacation.cancel.useMutation({
+    onSuccess: () => utils.vacation.list.invalidate(),
+  });
   const batchApproveMutation = trpc.vacation.batchApprove.useMutation({
     onSuccess: async () => {
       setSelected(new Set());
@@ -83,7 +98,11 @@ export function VacationClient() {
     },
   });
 
-  const resourceList = (resources?.resources ?? []) as unknown as Array<{ id: string; displayName: string; eid: string }>;
+  const resourceList = (resources?.resources ?? []) as unknown as Array<{
+    id: string;
+    displayName: string;
+    eid: string;
+  }>;
   const vacationList = vacations ?? [];
   const pendingList = pending ?? [];
 
@@ -98,7 +117,10 @@ export function VacationClient() {
 
   function handleSort(field: string) {
     if (field === "resource") {
-      toggle("resource", (v) => (v.resource as { displayName: string } | undefined)?.displayName ?? null);
+      toggle(
+        "resource",
+        (v) => (v.resource as { displayName: string } | undefined)?.displayName ?? null,
+      );
     } else {
       toggle(field);
     }
@@ -110,12 +132,25 @@ export function VacationClient() {
     setResourceFilter("");
   }
 
-  const selectedResourceName = resourceFilter ? resourceList.find((r) => r.id === resourceFilter)?.displayName : null;
+  const selectedResourceName = resourceFilter
+    ? resourceList.find((r) => r.id === resourceFilter)?.displayName
+    : null;
 
   const chips = [
-    ...(statusFilter !== "ALL" ? [{ label: `Status: ${statusFilter}`, onRemove: () => setStatusFilter("ALL") }] : []),
-    ...(typeFilter !== "ALL" ? [{ label: `Type: ${TYPE_LABELS[typeFilter]}`, onRemove: () => setTypeFilter("ALL") }] : []),
-    ...(resourceFilter ? [{ label: `Resource: ${selectedResourceName ?? resourceFilter}`, onRemove: () => setResourceFilter("") }] : []),
+    ...(statusFilter !== "ALL"
+      ? [{ label: `Status: ${statusFilter}`, onRemove: () => setStatusFilter("ALL") }]
+      : []),
+    ...(typeFilter !== "ALL"
+      ? [{ label: `Type: ${TYPE_LABELS[typeFilter]}`, onRemove: () => setTypeFilter("ALL") }]
+      : []),
+    ...(resourceFilter
+      ? [
+          {
+            label: `Resource: ${selectedResourceName ?? resourceFilter}`,
+            onRemove: () => setResourceFilter(""),
+          },
+        ]
+      : []),
   ];
 
   const pendingIds = pendingList.map((v) => v.id);
@@ -132,15 +167,25 @@ export function VacationClient() {
 
   return (
     <div className="p-6 max-w-5xl mx-auto space-y-6">
-      <SuccessToast show={toast.show} message={toast.message} variant={toast.variant} onDone={clearToast} />
+      <SuccessToast
+        show={toast.show}
+        message={toast.message}
+        variant={toast.variant}
+        onDone={clearToast}
+      />
       {/* Header */}
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">Vacations</h1>
-          <p className="text-sm text-gray-500 dark:text-gray-400 mt-1">Manage vacation requests and approvals</p>
+          <p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
+            Manage vacation requests and approvals
+          </p>
           <p className="mt-2 text-xs text-gray-500 dark:text-gray-400">
             Regional public holidays are maintained in{" "}
-            <Link href="/admin/vacations" className="font-medium text-brand-700 hover:text-brand-800 dark:text-brand-400 dark:hover:text-brand-300">
+            <Link
+              href="/admin/vacations"
+              className="font-medium text-brand-700 hover:text-brand-800 dark:text-brand-400 dark:hover:text-brand-300"
+            >
               Holiday Calendars
             </Link>
             .
@@ -232,7 +277,9 @@ export function VacationClient() {
                     onClick={() =>
                       batchRejectMutation.mutate({
                         ids: selectedPending,
-                        ...(batchRejectReason.trim() ? { rejectionReason: batchRejectReason.trim() } : {}),
+                        ...(batchRejectReason.trim()
+                          ? { rejectionReason: batchRejectReason.trim() }
+                          : {}),
                       })
                     }
                     disabled={batchRejectMutation.isPending}
@@ -261,10 +308,18 @@ export function VacationClient() {
                         }}
                         className="rounded border-gray-300 dark:border-gray-600 text-amber-600 shrink-0"
                       />
-                      <span className="font-medium text-sm text-gray-900 dark:text-gray-100">{v.resource.displayName}</span>
-                      <span className="text-xs text-gray-500 dark:text-gray-400">({v.resource.eid})</span>
+                      <span className="font-medium text-sm text-gray-900 dark:text-gray-100">
+                        {v.resource.displayName}
+                      </span>
+                      <span className="text-xs text-gray-500 dark:text-gray-400">
+                        ({v.resource.eid})
+                      </span>
                       <span className="mx-1 text-gray-300 dark:text-gray-600">·</span>
-                      <span className={`inline-flex px-1.5 py-0.5 rounded-full text-xs font-medium ${VACATION_TYPE_BADGE[v.type as string] ?? "bg-gray-100 text-gray-600"}`}>{TYPE_LABELS[v.type as VacationType]}</span>
+                      <span
+                        className={`inline-flex px-1.5 py-0.5 rounded-full text-xs font-medium ${VACATION_TYPE_BADGE[v.type as string] ?? "bg-gray-100 text-gray-600"}`}
+                      >
+                        {TYPE_LABELS[v.type as VacationType]}
+                      </span>
                       <span className="mx-1 text-gray-300 dark:text-gray-600">·</span>
                       <span className="text-xs text-gray-500 dark:text-gray-400">
                         {new Date(v.startDate).toLocaleDateString("en-GB")} –{" "}
@@ -307,7 +362,9 @@ export function VacationClient() {
             >
               <option value="ALL">All statuses</option>
               {Object.values(VacationStatus).map((s) => (
-                <option key={s} value={s}>{s}</option>
+                <option key={s} value={s}>
+                  {s}
+                </option>
               ))}
             </select>
             <select
@@ -317,7 +374,9 @@ export function VacationClient() {
             >
               <option value="ALL">All types</option>
               {Object.values(VacationType).map((t) => (
-                <option key={t} value={t}>{TYPE_LABELS[t]}</option>
+                <option key={t} value={t}>
+                  {TYPE_LABELS[t]}
+                </option>
               ))}
             </select>
             <select
@@ -327,29 +386,38 @@ export function VacationClient() {
             >
               <option value="">All resources</option>
               {resourceList.map((r) => (
-                <option key={r.id} value={r.id}>{r.displayName} ({r.eid})</option>
+                <option key={r.id} value={r.id}>
+                  {r.displayName} ({r.eid})
+                </option>
               ))}
             </select>
           </div>
 
           {/* Filter chips */}
-          {chips.length > 0 && (
-            <FilterChips chips={chips} onClearAll={clearAll} />
-          )}
+          {chips.length > 0 && <FilterChips chips={chips} onClearAll={clearAll} />}
 
           {/* List */}
           <div className="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden">
             {isLoading ? (
               <div className="p-8 text-center text-sm text-gray-400">Loading…</div>
             ) : vacationError ? (
-              <div className="p-8 text-center text-sm text-red-500">Error: {vacationError.message}</div>
+              <div className="p-8 text-center text-sm text-red-500">
+                Error: {vacationError.message}
+              </div>
             ) : vacationList.length === 0 ? (
               <div className="p-8 text-center text-sm text-gray-400">No vacations found.</div>
             ) : (
               <table className="w-full text-sm">
                 <thead>
                   <tr className="border-b border-gray-100 dark:border-gray-700 bg-gray-50 dark:bg-gray-900">
-                    <SortableColumnHeader label="Resource" field="resource" sortField={sortField} sortDir={sortDir} onSort={handleSort} tooltip="The employee this vacation entry belongs to." />
+                    <SortableColumnHeader
+                      label="Resource"
+                      field="resource"
+                      sortField={sortField}
+                      sortDir={sortDir}
+                      onSort={handleSort}
+                      tooltip="The employee this vacation entry belongs to."
+                    />
                     <th className="px-3 py-3 text-xs font-medium text-gray-500 uppercase tracking-wider">
                       <span className="inline-flex items-center gap-0.5">
                         <button
@@ -362,8 +430,22 @@ export function VacationClient() {
                         <InfoTooltip content="ANNUAL = paid annual leave · SICK = sick leave · PUBLIC_HOLIDAY = public holiday · OTHER = other leave types." />
                       </span>
                     </th>
-                    <SortableColumnHeader label="Start" field="startDate" sortField={sortField} sortDir={sortDir} onSort={handleSort} tooltip="First day of the leave period (inclusive). Shows a half-day indicator if applicable." />
-                    <SortableColumnHeader label="End" field="endDate" sortField={sortField} sortDir={sortDir} onSort={handleSort} tooltip="Last day of the leave period (inclusive)." />
+                    <SortableColumnHeader
+                      label="Start"
+                      field="startDate"
+                      sortField={sortField}
+                      sortDir={sortDir}
+                      onSort={handleSort}
+                      tooltip="First day of the leave period (inclusive). Shows a half-day indicator if applicable."
+                    />
+                    <SortableColumnHeader
+                      label="End"
+                      field="endDate"
+                      sortField={sortField}
+                      sortDir={sortDir}
+                      onSort={handleSort}
+                      tooltip="Last day of the leave period (inclusive)."
+                    />
                     <th className="px-3 py-3 text-xs font-medium text-gray-500 uppercase tracking-wider">
                       <span className="inline-flex items-center gap-0.5">
                         <button
@@ -377,7 +459,8 @@ export function VacationClient() {
                       </span>
                     </th>
                     <th className="text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400 text-xs uppercase tracking-wider">
-                      Note / Reason <InfoTooltip content="Employee's leave note, or manager's rejection reason if status is REJECTED." />
+                      Note / Reason{" "}
+                      <InfoTooltip content="Employee's leave note, or manager's rejection reason if status is REJECTED." />
                     </th>
                     <th className="px-4 py-3" />
                   </tr>
@@ -387,7 +470,10 @@ export function VacationClient() {
                     const type = v.type as VacationType;
                     const status = v.status as VacationStatus;
                     const resource = v.resource as { displayName: string; eid: string } | undefined;
-                    const vExtra = v as unknown as { rejectionReason?: string | null; isHalfDay?: boolean };
+                    const vExtra = v as unknown as {
+                      rejectionReason?: string | null;
+                      isHalfDay?: boolean;
+                    };
                     return (
                       <tr key={v.id} className="hover:bg-gray-50 dark:hover:bg-gray-700/50">
                         <td className="px-4 py-3">
@@ -395,17 +481,23 @@ export function VacationClient() {
                             {resource?.displayName ?? "—"}
                           </span>
                           {resource?.eid && (
-                            <span className="text-xs text-gray-400 dark:text-gray-500 ml-1">({resource.eid})</span>
+                            <span className="text-xs text-gray-400 dark:text-gray-500 ml-1">
+                              ({resource.eid})
+                            </span>
                           )}
                         </td>
                         <td className="px-4 py-3">
-                          <span className={`inline-flex px-2 py-0.5 rounded-full text-xs font-medium ${VACATION_TYPE_BADGE[type] ?? "bg-gray-100 text-gray-600"}`}>
+                          <span
+                            className={`inline-flex px-2 py-0.5 rounded-full text-xs font-medium ${VACATION_TYPE_BADGE[type] ?? "bg-gray-100 text-gray-600"}`}
+                          >
                             {TYPE_LABELS[type] ?? type}
                           </span>
                         </td>
                         <td className="px-4 py-3 text-gray-600 dark:text-gray-400">
                           {new Date(v.startDate).toLocaleDateString("en-GB")}
-                          {vExtra.isHalfDay && <span className="ml-1 text-xs text-gray-400 dark:text-gray-500">½</span>}
+                          {vExtra.isHalfDay && (
+                            <span className="ml-1 text-xs text-gray-400 dark:text-gray-500">½</span>
+                          )}
                         </td>
                         <td className="px-4 py-3 text-gray-600 dark:text-gray-400">
                           {new Date(v.endDate).toLocaleDateString("en-GB")}
@@ -420,7 +512,9 @@ export function VacationClient() {
                         <td className="px-4 py-3 text-gray-400 dark:text-gray-500 text-xs max-w-xs truncate">
                           {vExtra.rejectionReason ? (
                             <span className="text-red-500">{vExtra.rejectionReason}</span>
-                          ) : (v.note ?? "—")}
+                          ) : (
+                            (v.note ?? "—")
+                          )}
                         </td>
                         <td className="px-4 py-3 text-right space-x-3">
                           {status === VacationStatus.CANCELLED ? (