feat(ui): broad consistency sweep — sources, dates, comboboxes, milestones

Mobile + responsive
- berth-form full-width on phones (was 480px fixed → overflowed iPhone)
- currency-input switched to inputMode=decimal with live thousands separator
- client-form Country/Timezone/Source/Preferred-Contact full-width <sm
- contacts row restructured so Primary toggle + Remove get their own strip
- customize-dashboard footer stacks vertically on mobile; Done full-width
- interest-form client/berth pickers no longer cmdk-filter on UUID (typing
  "Carlos" now returns Carlos Vega instead of "No clients found")

Data + consistency
- SOURCES + SOURCE_LABELS + formatSource() in lib/constants; 9 surfaces
  now resolve interest/client source from one place
- INTEREST_OUTCOMES adds lost_other (picker, badge, timeline)
- Berth options natural-sort A1 → A2 → … → A10 via lib/utils/mooring-sort
- archiver downgraded ^8 → ^7.0.1 so the GDPR export route compiles
- TableBody last-row uses border-b-0 (not border-0); colored left-accent
  on the bottom berth row now renders
- Hide Invite-to-Portal until port setting === true (was !== false default-show)
- OwnerPicker primer query resolves entity name on first paint (no more
  UUID flash before the popover opens)

Terminology
- Replaced user-facing "Documenso" with "signing service" / "Generated EOI" /
  "Manual EOI" in 8 components (admin/internal references kept)
- Plainer status-change copy on berth-detail-header

Forms + editing
- InlineEditableField gained a `date` variant (native picker); applied to
  company incorporation date and ready for other YYYY-MM-DD plaintext fields
- Inline source picker on interest-tabs detail (was free text)
- TagPicker self-hides when port has no tags AND nothing is selected
- New ReminderDaysInput with preset chips (1d / 3d / 1wk / 2wk / 1mo / custom)
- Compose dialog follow-up is now a toggle that reveals datetime picker

Pipeline milestones
- changeStageSchema accepts optional milestoneDate; service stamps it on the
  matching date column instead of always using now
- MilestoneAdvanceButton popover collects a back-date before stage advance
- Applied to every "Mark X manually" surface on the interest overview

EOI / linked-berths polish
- Add-bypass row aligned inline with toggle descriptions
- Tooltips on "Specifically pitching" / "Mark in EOI bundle" explain their
  legal vs. public-map consequences

Surfaces
- Companies list now has the column picker + persisted hidden-column prefs
- NotesList aggregate flag enabled on clients, companies, residential_clients
  (yachts already aggregated)

ft/m unit toggle (interim, before drift fix)
- "Berth size desired" gets a section-level ft/m toggle; per-field hint shows
  the converted value. Storage stays canonical-ft for now; the drift-safe
  persistence migration is the next step.

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

src/app/(dashboard)/[portSlug]/alerts/page.tsx

@@ -1,5 +1,13 @@
-import { AlertsPageShell } from '@/components/alerts/alerts-page-shell';
+import { redirect } from 'next/navigation';
 
-export default function AlertsPage() {
-  return <AlertsPageShell />;
+// Legacy /alerts route — merged into /inbox in 2026-05-11. The hash
+// scrolls + expands the Alerts section on the merged page, so old
+// bookmarks land in the right spot.
+export default async function AlertsRedirect({
+  params,
+}: {
+  params: Promise<{ portSlug: string }>;
+}) {
+  const { portSlug } = await params;
+  redirect(`/${portSlug}/inbox#alerts`);
 }

src/app/(dashboard)/[portSlug]/expenses/page.tsx

@@ -23,6 +23,7 @@ import { ExpenseFormDialog } from '@/components/expenses/expense-form-dialog';
 import { ExpenseCard } from '@/components/expenses/expense-card';
 import { expenseFilterDefinitions } from '@/components/expenses/expense-filters';
 import { getExpenseColumns, type ExpenseRow } from '@/components/expenses/expense-columns';
+import { useCreateFromUrl } from '@/hooks/use-create-from-url';
 import { usePaginatedQuery } from '@/hooks/use-paginated-query';
 import { useRealtimeInvalidation } from '@/hooks/use-realtime-invalidation';
 import { apiFetch } from '@/lib/api/client';
@@ -33,6 +34,7 @@ export default function ExpensesPage() {
   const queryClient = useQueryClient();
 
   const [createOpen, setCreateOpen] = useState(false);
+  useCreateFromUrl(() => setCreateOpen(true));
   const [editExpense, setEditExpense] = useState<ExpenseRow | null>(null);
   const [archiveExpense, setArchiveExpense] = useState<ExpenseRow | null>(null);
 

src/app/(dashboard)/[portSlug]/inbox/page.tsx

@@ -0,0 +1,5 @@
+import { InboxPageShell } from '@/components/inbox/inbox-page-shell';
+
+export default function InboxPage() {
+  return <InboxPageShell />;
+}

src/app/(dashboard)/[portSlug]/reminders/page.tsx

@@ -1,5 +1,12 @@
-import { ReminderList } from '@/components/reminders/reminder-list';
+import { redirect } from 'next/navigation';
 
-export default function RemindersPage() {
-  return <ReminderList />;
+// Legacy /reminders route — merged into /inbox in 2026-05-11. The hash
+// scrolls + expands the Reminders section on the merged page.
+export default async function RemindersRedirect({
+  params,
+}: {
+  params: Promise<{ portSlug: string }>;
+}) {
+  const { portSlug } = await params;
+  redirect(`/${portSlug}/inbox#reminders`);
 }

src/app/(dashboard)/layout.tsx

@@ -59,7 +59,7 @@ export default async function DashboardLayout({ children }: { children: React.Re
                     email: session.user.email,
                   }}
                 />
-                <main className="flex-1 overflow-y-auto bg-background pt-3 px-6 pb-6">
+                <main className="flex-1 overflow-y-auto bg-background px-6 pt-3 pb-6">
                   {children}
                 </main>
               </div>

src/app/api/v1/dashboard/berth-status/route.ts

@@ -0,0 +1,11 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+import { withAuth, withPermission } from '@/lib/api/helpers';
+import { getBerthStatusDistribution } from '@/lib/services/dashboard.service';
+
+export const GET = withAuth(
+  withPermission('reports', 'view_dashboard', async (_req: NextRequest, ctx) => {
+    const result = await getBerthStatusDistribution(ctx.portId);
+    return NextResponse.json({ data: result });
+  }),
+);

src/app/api/v1/dashboard/hot-deals/route.ts

@@ -0,0 +1,11 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+import { withAuth, withPermission } from '@/lib/api/helpers';
+import { getHotDeals } from '@/lib/services/dashboard.service';
+
+export const GET = withAuth(
+  withPermission('reports', 'view_dashboard', async (_req: NextRequest, ctx) => {
+    const result = await getHotDeals(ctx.portId);
+    return NextResponse.json({ data: result });
+  }),
+);

src/app/api/v1/dashboard/source-conversion/route.ts

@@ -0,0 +1,11 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+import { withAuth, withPermission } from '@/lib/api/helpers';
+import { getSourceConversion } from '@/lib/services/dashboard.service';
+
+export const GET = withAuth(
+  withPermission('reports', 'view_dashboard', async (_req: NextRequest, ctx) => {
+    const result = await getSourceConversion(ctx.portId);
+    return NextResponse.json({ data: result });
+  }),
+);

src/app/api/v1/users/me/preferences/route.ts

@@ -6,14 +6,21 @@ import { parseBody } from '@/lib/api/route-helpers';
 import { db } from '@/lib/db';
 import { userProfiles, type UserPreferences } from '@/lib/db/schema/users';
 import { errorResponse, NotFoundError } from '@/lib/errors';
+import { getPortReminderConfig } from '@/lib/services/port-config';
 import { updateUserPreferencesSchema } from '@/lib/validators/user-preferences';
 
 export const GET = withAuth(async (_req, ctx) => {
   try {
-    const profile = await db.query.userProfiles.findFirst({
-      where: eq(userProfiles.userId, ctx.userId),
+    const [profile, portReminders] = await Promise.all([
+      db.query.userProfiles.findFirst({ where: eq(userProfiles.userId, ctx.userId) }),
+      ctx.portId ? getPortReminderConfig(ctx.portId) : Promise.resolve(null),
+    ]);
+    return NextResponse.json({
+      data: {
+        ...(profile?.preferences ?? {}),
+        portReminderDigestEnabled: portReminders?.digestEnabled ?? false,
+      },
     });
-    return NextResponse.json({ data: profile?.preferences ?? {} });
   } catch (error) {
     return errorResponse(error);
   }

src/app/globals.css

@@ -17,8 +17,8 @@
     --secondary-foreground: 0 0% 100%;
     --muted: 210 11% 96%; /* #f1f3f5 */
     --muted-foreground: 228 10% 49%; /* #71768a */
-    --accent: 190 18% 60%; /* #83aab1 */
-    --accent-foreground: 0 0% 100%;
+    --accent: 213 60% 95%; /* #eef3fb — soft brand-blue tint for hover/focus */
+    --accent-foreground: 224 39% 19%; /* dark navy text for contrast on light bg */
     --destructive: 0 65% 51%; /* #d32f2f */
     --destructive-foreground: 0 0% 100%;
     --border: 227 10% 82%; /* #cdcfd6 */
@@ -58,8 +58,8 @@
     --secondary-foreground: 227 10% 82%;
     --muted: 224 39% 18%;
     --muted-foreground: 228 10% 49%;
-    --accent: 190 18% 50%;
-    --accent-foreground: 0 0% 100%;
+    --accent: 224 39% 24%; /* subtle elevation above card for hover/focus */
+    --accent-foreground: 227 10% 91%; /* light text on dark accent */
     --destructive: 0 72% 63%;
     --destructive-foreground: 0 0% 100%;
     --border: 224 35% 28%;
@@ -91,6 +91,11 @@
 
   body {
     @apply bg-background text-foreground font-sans antialiased;
+    /* Suppress iOS Safari's default black tap-highlight overlay so our
+     * explicit `active:bg-accent` styles are the only press effect.
+     * Without this, every tap on a mobile button/link flashes a muddy
+     * dark rectangle on top of whatever active style we set. */
+    -webkit-tap-highlight-color: transparent;
   }
 
   /* Wave watermark - subtle background texture for auth pages */
@@ -208,3 +213,59 @@ div.recharts-responsive-container:focus-visible,
   --tw-ring-color: transparent !important;
   --tw-ring-offset-color: transparent !important;
 }
+
+/*
+ * Vaul drawer (bottom-direction) animation timing override.
+ *
+ * Vaul's defaults feel slightly snappy when the drawer is full-screen
+ * (mobile search overlay) — the snap-on / snap-off reads as janky at
+ * scale. We slow it down and use a softer easing curve (ease-out-quint)
+ * which decelerates smoothly without the elastic kick.
+ *
+ * Scoped to mobile drawers via the data-vaul-drawer-direction attr so
+ * the smaller MoreSheet drawer keeps its punchier default.
+ *
+ * The overlay's opacity transition is matched to the same duration so
+ * the backdrop and drawer stay in sync.
+ */
+[data-vaul-drawer][data-vaul-drawer-direction='bottom'] {
+  transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1) !important;
+}
+[data-vaul-drawer][data-vaul-drawer-direction='bottom'][data-state='closed'] {
+  transition: transform 380ms cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+[data-vaul-overlay] {
+  transition: opacity 480ms cubic-bezier(0.22, 1, 0.36, 1) !important;
+}
+[data-vaul-overlay][data-state='closed'] {
+  transition: opacity 380ms cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+
+/*
+ * GPU compositing hints for Vaul drawers.
+ *
+ * `will-change: transform` tells the browser to promote the drawer to
+ * its own composite layer ahead of the animation, so the swipe-drag
+ * transforms run on the GPU instead of triggering re-paints. Without
+ * this, Safari sometimes defers layer creation until the first frame
+ * of the drag, producing the visible "jump" reps were seeing when
+ * flicking the drawer down to close.
+ *
+ * `backface-visibility: hidden` keeps the layer flat and prevents
+ * sub-pixel jitter during the spring-physics close animation.
+ *
+ * `contain: layout style paint` isolates the drawer's render tree
+ * from the rest of the document — repaints inside the drawer (e.g.
+ * focus-state changes on a button) don't invalidate the parent.
+ */
+[data-vaul-drawer] {
+  will-change: transform;
+  backface-visibility: hidden;
+  contain: layout style paint;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+[data-vaul-overlay] {
+  will-change: opacity;
+  backface-visibility: hidden;
+}