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/components/settings/dashboard-widgets-card.tsx

@@ -0,0 +1,77 @@
+'use client';
+
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Switch } from '@/components/ui/switch';
+import { useDashboardWidgets } from '@/hooks/use-dashboard-widgets';
+
+/**
+ * Per-user toggle list for dashboard widgets. The dashboard reads the
+ * same `useDashboardWidgets` hook, so flipping a switch here causes the
+ * dashboard to reflow on the next visit (or instantly if the user has
+ * both pages open in different tabs — TanStack Query's optimistic
+ * update + invalidate handles the cache sync).
+ *
+ * Mounted from UserSettings under the id `dashboard` so the dashboard
+ * "Customize" button can deep-link via `/settings#dashboard`.
+ */
+export function DashboardWidgetsCard() {
+  const { allWidgets, visibility, setVisible, setAll, isSaving } = useDashboardWidgets();
+
+  const visibleCount = Object.values(visibility).filter(Boolean).length;
+  const allVisible = visibleCount === allWidgets.length;
+  const allHidden = visibleCount === 0;
+
+  return (
+    <Card id="dashboard">
+      <CardHeader>
+        <div className="flex items-start justify-between gap-3">
+          <div className="min-w-0">
+            <CardTitle>Dashboard widgets</CardTitle>
+            <CardDescription>
+              Pick which cards show up on your dashboard. Hidden cards leave no empty space — the
+              layout reflows to fill the available width.
+            </CardDescription>
+          </div>
+          <div className="flex shrink-0 items-center gap-2">
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => setAll(true)}
+              disabled={allVisible || isSaving}
+            >
+              Show all
+            </Button>
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => setAll(false)}
+              disabled={allHidden || isSaving}
+            >
+              Hide all
+            </Button>
+          </div>
+        </div>
+      </CardHeader>
+      <CardContent className="space-y-1">
+        {allWidgets.map((w) => (
+          <div
+            key={w.id}
+            className="flex items-start justify-between gap-4 rounded-md px-3 py-2 hover:bg-accent/40"
+          >
+            <div className="min-w-0">
+              <div className="text-sm font-medium text-foreground">{w.label}</div>
+              <p className="text-xs text-muted-foreground">{w.description}</p>
+            </div>
+            <Switch
+              aria-label={`Show ${w.label}`}
+              checked={visibility[w.id] ?? false}
+              disabled={isSaving}
+              onCheckedChange={(checked) => setVisible(w.id, checked)}
+            />
+          </div>
+        ))}
+      </CardContent>
+    </Card>
+  );
+}

src/components/settings/user-settings.tsx

@@ -15,6 +15,7 @@ import { TimezoneCombobox } from '@/components/shared/timezone-combobox';
 import { ImageCropperDialog } from '@/components/shared/image-cropper-dialog';
 import { NotificationPreferencesForm } from '@/components/notifications/notification-preferences-form';
 import { ReminderDigestForm } from '@/components/notifications/reminder-digest-form';
+import { DashboardWidgetsCard } from '@/components/settings/dashboard-widgets-card';
 import { apiFetch } from '@/lib/api/client';
 import { primaryTimezoneFor } from '@/lib/i18n/timezones';
 import type { CountryCode } from '@/lib/i18n/countries';
@@ -186,7 +187,7 @@ export function UserSettings() {
     <div>
       <PageHeader title="Settings" description="Manage your profile and notification preferences" />
 
-      <div className="mt-6 space-y-6 max-w-2xl">
+      <div className="mt-6 space-y-6">
         <Card>
           <CardHeader>
             <CardTitle>Profile</CardTitle>
@@ -318,6 +319,8 @@ export function UserSettings() {
           </CardContent>
         </Card>
 
+        <DashboardWidgetsCard />
+
         <Card>
           <CardHeader>
             <CardTitle>Account</CardTitle>