feat(interests): EOI/contract/reservation tabs + contact log + berth interest milestone + interest list overhaul

Major interest workflow expansion driven by the rapid-fire UX session.

EOI / Contract / Reservation tabs replace the generic Documents tab when
the deal is at the relevant stage — workspace pattern with active-doc
hero, signing progress, paper-signed upload, and history strip. Stage-
conditional visibility wired through interest-tabs.tsx so the tab set
shrinks/expands as the deal moves through the pipeline.

Contact log: per-interaction structured log (channel/direction/summary/
optional follow-up reminder). New `interest_contact_log` table + service
+ tab UI (timeline with channel-coded icons + compose dialog).
auto-creates a reminder when followUpAt is set.

Berth Interest milestone: first milestone in the OverviewTab's pipeline
strip, completes the moment any berth is linked via the junction. Drives
the "have we captured what they want?" sanity check for general_interest
leads before they move to EOI.

Stage-conditional milestones: past phases collapse into a one-liner
strip, current phase expands, future phases hide behind a "Show
upcoming" toggle. Inline stage picker now defers reason capture to an
override-confirm view (only required for illegal transitions, not the
default flow).

Notes blob → threaded: dropped `interests.notes` column entirely; the
threaded `interest_notes` table is the single source of truth. Latest-
note teaser on Overview links into the dedicated Notes tab. Polymorphic
notes service gains aggregated client view (unions client + interest +
yacht notes with source chips and group-by-source toggle).

Berth interest list overhaul:
  - Configurable columns via ColumnPicker (18 toggleable, 5 default-on)
  - Natural-sort SQL ORDER BY on mooring number (A1, A2, A10 not A10, A2)
  - Per-letter row tinting via colored left-border accent + dot in cell
  - Documents tab merged Files (single attachments section)

Topbar improvements:
  - Always-visible back arrow on detail pages (path depth > 2)
  - Breadcrumb-hint store + useBreadcrumbHint hook so detail pages can
    push their entity hierarchy (Clients › Mary Smith › Interest › B17)
  - Tighter spacing, softer separators, 160px crumb truncation

DataTable upgrades:
  - Page-size selector with All option (validator cap raised to 1000)
  - getRowClassName slot for per-row styling (used by berth tinting)
  - Fixed Radix SelectItem crash on empty-string values via __any__
    sentinel (was crashing every list page that opened a select filter)

Interest list:
  - Configurable columns picker
  - Stage cell clickable into detail
  - TagPicker + SavedViewsDropdown sized h-8 to match adjacent buttons
  - Save view moved into ColumnPicker menu; Views button hidden when
    no views are saved
  - Pipeline kanban board endpoint at /api/v1/interests/board with
    minimal projection, 5000-row cap + truncated banner, filter
    pass-through

Mobile chrome + sidebar collapse removed (always-expanded design choice).

User management lists super-admins (was inner-joined on user_port_roles
which excluded global super-admins).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/lib/services/users.service.ts

@@ -9,7 +9,13 @@ import { emitToRoom } from '@/lib/socket/server';
 import type { CreateUserInput, UpdateUserInput } from '@/lib/validators/users';
 
 export async function listUsers(portId: string) {
-  const rows = await db
+  // Two passes:
+  //   1. Users with an explicit user_port_roles row for this port
+  //   2. All super-admins (they have global access via the
+  //      userProfiles.isSuperAdmin flag, no per-port row required —
+  //      previous query missed them and the admin list looked empty
+  //      to the only super-admin viewing it)
+  const portRoleRows = await db
     .select({
       userId: userPortRoles.userId,
       displayName: userProfiles.displayName,
@@ -26,20 +32,58 @@ export async function listUsers(portId: string) {
     .innerJoin(userProfiles, eq(userPortRoles.userId, userProfiles.userId))
     .innerJoin(user, eq(userPortRoles.userId, user.id))
     .innerJoin(roles, eq(userPortRoles.roleId, roles.id))
-    .where(eq(userPortRoles.portId, portId))
-    .orderBy(userProfiles.displayName);
+    .where(eq(userPortRoles.portId, portId));
 
-  return rows.map((row) => ({
-    userId: row.userId,
-    displayName: row.displayName,
-    email: row.email,
-    phone: row.phone,
-    isActive: row.isActive,
-    isSuperAdmin: row.isSuperAdmin,
-    lastLoginAt: row.lastLoginAt,
-    role: { id: row.roleId, name: row.roleName },
-    assignedAt: row.assignedAt,
-  }));
+  const superAdminRows = await db
+    .select({
+      userId: userProfiles.userId,
+      displayName: userProfiles.displayName,
+      email: user.email,
+      phone: userProfiles.phone,
+      isActive: userProfiles.isActive,
+      isSuperAdmin: userProfiles.isSuperAdmin,
+      lastLoginAt: userProfiles.lastLoginAt,
+      assignedAt: userProfiles.createdAt,
+    })
+    .from(userProfiles)
+    .innerJoin(user, eq(userProfiles.userId, user.id))
+    .where(eq(userProfiles.isSuperAdmin, true));
+
+  // Dedup: a super-admin who ALSO has an explicit per-port role
+  // appears once with their port-role displayed (more specific).
+  const seen = new Set(portRoleRows.map((r) => r.userId));
+  const merged = [
+    ...portRoleRows.map((row) => ({
+      userId: row.userId,
+      displayName: row.displayName,
+      email: row.email,
+      phone: row.phone,
+      isActive: row.isActive,
+      isSuperAdmin: row.isSuperAdmin,
+      lastLoginAt: row.lastLoginAt,
+      role: { id: row.roleId, name: row.roleName },
+      assignedAt: row.assignedAt,
+    })),
+    ...superAdminRows
+      .filter((row) => !seen.has(row.userId))
+      .map((row) => ({
+        userId: row.userId,
+        displayName: row.displayName,
+        email: row.email,
+        phone: row.phone,
+        isActive: row.isActive,
+        isSuperAdmin: row.isSuperAdmin,
+        lastLoginAt: row.lastLoginAt,
+        // Synthetic role label — super admins don't have a per-port
+        // role row, but the UI expects a `role` object. The list
+        // already shows the "Super Admin" badge separately.
+        role: { id: 'super_admin', name: 'super_admin' },
+        assignedAt: row.assignedAt,
+      })),
+  ];
+
+  merged.sort((a, b) => (a.displayName ?? '').localeCompare(b.displayName ?? ''));
+  return merged;
 }
 
 export async function getUser(userId: string, portId: string) {