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/ui/ColumnTogglePanel.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it, vi, beforeEach } from "vitest";
 import { render, screen, within } from "~/test-utils.js";
 import userEvent from "@testing-library/user-event";
 import { ColumnTogglePanel } from "./ColumnTogglePanel.js";
-import type { ColumnDef } from "@capakraken/shared";
+import type { ColumnDef } from "@nexus/shared";
 
 // Mock useAnchoredOverlay – in jsdom there is no real layout engine, so we
 // just return stable refs and a no-op handleOpenChange.

apps/web/src/components/ui/ColumnTogglePanel.tsx

@@ -2,7 +2,7 @@
 
 import { createPortal } from "react-dom";
 import { useState, useRef, useCallback } from "react";
-import type { ColumnDef } from "@capakraken/shared";
+import type { ColumnDef } from "@nexus/shared";
 import { useAnchoredOverlay } from "~/hooks/useAnchoredOverlay.js";
 
 interface ColumnTogglePanelProps {
@@ -19,11 +19,12 @@ export function ColumnTogglePanel({
   defaultKeys,
 }: ColumnTogglePanelProps) {
   const [open, setOpen] = useState(false);
-  const { triggerRef, panelRef, position, handleOpenChange } = useAnchoredOverlay<HTMLButtonElement>({
-    open,
-    onClose: () => setOpen(false),
-    align: "end",
-  });
+  const { triggerRef, panelRef, position, handleOpenChange } =
+    useAnchoredOverlay<HTMLButtonElement>({
+      open,
+      onClose: () => setOpen(false),
+      align: "end",
+    });
 
   const dragKey = useRef<string | null>(null);
 
@@ -40,19 +41,22 @@ export function ColumnTogglePanel({
     onSetVisible(defaultKeys);
   }
 
-  const reorder = useCallback((fromKey: string, toKey: string) => {
-    if (fromKey === toKey) return;
-    const next = [...visibleKeys];
-    const from = next.indexOf(fromKey);
-    const to = next.indexOf(toKey);
-    if (from === -1 || to === -1) return;
-    next.splice(from, 1);
-    next.splice(to, 0, fromKey);
-    onSetVisible(next);
-  }, [visibleKeys, onSetVisible]);
+  const reorder = useCallback(
+    (fromKey: string, toKey: string) => {
+      if (fromKey === toKey) return;
+      const next = [...visibleKeys];
+      const from = next.indexOf(fromKey);
+      const to = next.indexOf(toKey);
+      if (from === -1 || to === -1) return;
+      next.splice(from, 1);
+      next.splice(to, 0, fromKey);
+      onSetVisible(next);
+    },
+    [visibleKeys, onSetVisible],
+  );
 
   const builtins = allColumns.filter((c) => !c.isCustom);
-  const customs  = allColumns.filter((c) =>  c.isCustom);
+  const customs = allColumns.filter((c) => c.isCustom);
 
   const handleToggleOpen = useCallback(() => {
     setOpen((current) => {
@@ -78,9 +82,9 @@ export function ColumnTogglePanel({
       >
         {/* columns icon */}
         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden>
-          <rect x="1" y="3" width="4" height="10" rx="1" stroke="currentColor" strokeWidth="1.5"/>
-          <rect x="6" y="3" width="4" height="10" rx="1" stroke="currentColor" strokeWidth="1.5"/>
-          <rect x="11" y="3" width="4" height="10" rx="1" stroke="currentColor" strokeWidth="1.5"/>
+          <rect x="1" y="3" width="4" height="10" rx="1" stroke="currentColor" strokeWidth="1.5" />
+          <rect x="6" y="3" width="4" height="10" rx="1" stroke="currentColor" strokeWidth="1.5" />
+          <rect x="11" y="3" width="4" height="10" rx="1" stroke="currentColor" strokeWidth="1.5" />
         </svg>
       </button>
 

apps/web/src/components/ui/CustomFieldFilterBar.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { FieldType } from "@capakraken/shared";
-import type { BlueprintFieldDefinition } from "@capakraken/shared";
+import { FieldType } from "@nexus/shared";
+import type { BlueprintFieldDefinition } from "@nexus/shared";
 import type { CustomFieldFilter } from "~/hooks/useFilters.js";
 
 interface Props {
@@ -51,7 +51,9 @@ export function CustomFieldFilterBar({ filterableFields, activeFilters, onSetFil
             >
               <option value="">{field.label}: any</option>
               {field.options.map((opt) => (
-                <option key={opt.value} value={opt.value}>{opt.label || opt.value}</option>
+                <option key={opt.value} value={opt.value}>
+                  {opt.label || opt.value}
+                </option>
               ))}
             </select>
           );

apps/web/src/components/ui/ProjectCombobox.tsx

@@ -2,7 +2,7 @@
 
 import { useCallback } from "react";
 import { trpc } from "~/lib/trpc/client.js";
-import type { ProjectStatus } from "@capakraken/shared";
+import type { ProjectStatus } from "@nexus/shared";
 import { EntityCombobox } from "./EntityCombobox.js";
 
 type ProjectItem = { id: string; shortCode: string; name: string };
@@ -16,10 +16,7 @@ interface ProjectComboboxProps {
   className?: string;
 }
 
-export function ProjectCombobox({
-  status,
-  ...props
-}: ProjectComboboxProps) {
+export function ProjectCombobox({ status, ...props }: ProjectComboboxProps) {
   const useSearchQuery = (search: string, enabled: boolean) => {
     const { data } = trpc.project.list.useQuery(
       { search: search || undefined, limit: 15, ...(status ? { status } : {}) },
@@ -29,22 +26,18 @@ export function ProjectCombobox({
   };
 
   const useSelectedQuery = (_id: string | null, enabled: boolean) => {
-    const { data } = trpc.project.list.useQuery(
-      { limit: 500 },
-      { enabled, staleTime: 60_000 },
-    );
+    const { data } = trpc.project.list.useQuery({ limit: 500 }, { enabled, staleTime: 60_000 });
     return { data: (data?.projects ?? []) as ProjectItem[] };
   };
 
-  const getLabel = useCallback(
-    (p: ProjectItem) => `${p.shortCode} \u2014 ${p.name}`,
-    [],
-  );
+  const getLabel = useCallback((p: ProjectItem) => `${p.shortCode} \u2014 ${p.name}`, []);
 
   const renderItem = useCallback(
     (p: ProjectItem) => (
       <>
-        <span className="font-medium text-xs text-gray-400 dark:text-gray-500 mr-1.5">{p.shortCode}</span>
+        <span className="font-medium text-xs text-gray-400 dark:text-gray-500 mr-1.5">
+          {p.shortCode}
+        </span>
         <span>{p.name}</span>
       </>
     ),