Initial commit: Port Nimara CRM (Layers 0-4)

Full CRM rebuild with Next.js 15, TypeScript, Tailwind, Drizzle ORM,
PostgreSQL, Redis, BullMQ, MinIO, and Socket.io. Includes 461 source
files covering clients, berths, interests/pipeline, documents/EOI,
expenses/invoices, email, notifications, dashboard, admin, and
client portal. CI/CD via Gitea Actions with Docker builds.

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

src/components/interests/interest-list.tsx

@@ -0,0 +1,184 @@
+'use client';
+
+import { useState } from 'react';
+import { useParams } from 'next/navigation';
+import { Plus, LayoutList, Kanban } from 'lucide-react';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+import { Button } from '@/components/ui/button';
+import { DataTable } from '@/components/shared/data-table';
+import { FilterBar } from '@/components/shared/filter-bar';
+import { SavedViewsDropdown } from '@/components/shared/saved-views-dropdown';
+import { PageHeader } from '@/components/shared/page-header';
+import { EmptyState } from '@/components/shared/empty-state';
+import { TableSkeleton } from '@/components/shared/loading-skeleton';
+import { ArchiveConfirmDialog } from '@/components/shared/archive-confirm-dialog';
+import { PermissionGate } from '@/components/shared/permission-gate';
+import { InterestForm } from '@/components/interests/interest-form';
+import { PipelineBoard } from '@/components/interests/pipeline-board';
+import { interestFilterDefinitions } from '@/components/interests/interest-filters';
+import { getInterestColumns, type InterestRow } from '@/components/interests/interest-columns';
+import { usePaginatedQuery } from '@/hooks/use-paginated-query';
+import { useRealtimeInvalidation } from '@/hooks/use-realtime-invalidation';
+import { apiFetch } from '@/lib/api/client';
+import { usePipelineStore } from '@/stores/pipeline-store';
+
+export function InterestList() {
+  const params = useParams<{ portSlug: string }>();
+  const portSlug = params?.portSlug ?? '';
+  const queryClient = useQueryClient();
+  const { viewMode, setViewMode } = usePipelineStore();
+
+  const [createOpen, setCreateOpen] = useState(false);
+  const [editInterest, setEditInterest] = useState<InterestRow | null>(null);
+  const [archiveInterest, setArchiveInterest] = useState<InterestRow | null>(null);
+
+  const {
+    data,
+    pagination,
+    isLoading,
+    isFetching,
+    sort,
+    setSort,
+    setPage,
+    setPageSize,
+    filters,
+    setFilter,
+    clearFilters,
+  } = usePaginatedQuery<InterestRow>({
+    queryKey: ['interests'],
+    endpoint: '/api/v1/interests',
+    filterDefinitions: interestFilterDefinitions,
+  });
+
+  useRealtimeInvalidation({
+    'interest:created': [['interests']],
+    'interest:updated': [['interests']],
+    'interest:stageChanged': [['interests']],
+    'interest:archived': [['interests']],
+    'interest:berthLinked': [['interests']],
+    'interest:berthUnlinked': [['interests']],
+  });
+
+  const archiveMutation = useMutation({
+    mutationFn: (id: string) =>
+      apiFetch(`/api/v1/interests/${id}`, { method: 'DELETE' }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['interests'] });
+      setArchiveInterest(null);
+    },
+  });
+
+  const columns = getInterestColumns({
+    portSlug,
+    onEdit: (interest) => setEditInterest(interest),
+    onArchive: (interest) => setArchiveInterest(interest),
+  });
+
+  return (
+    <div className="space-y-4">
+      <PageHeader
+        title="Interests"
+        description="Track prospective berth interest and pipeline"
+        actions={
+          <div className="flex items-center gap-2">
+            <div className="flex items-center border rounded-md overflow-hidden">
+              <Button
+                size="sm"
+                variant={viewMode === 'table' ? 'default' : 'ghost'}
+                className="rounded-none"
+                onClick={() => setViewMode('table')}
+              >
+                <LayoutList className="h-4 w-4" />
+              </Button>
+              <Button
+                size="sm"
+                variant={viewMode === 'board' ? 'default' : 'ghost'}
+                className="rounded-none"
+                onClick={() => setViewMode('board')}
+              >
+                <Kanban className="h-4 w-4" />
+              </Button>
+            </div>
+            <PermissionGate resource="interests" action="create">
+              <Button size="sm" onClick={() => setCreateOpen(true)}>
+                <Plus className="mr-1.5 h-4 w-4" />
+                New Interest
+              </Button>
+            </PermissionGate>
+          </div>
+        }
+      />
+
+      <div className="flex items-center gap-2">
+        <FilterBar
+          filters={interestFilterDefinitions}
+          values={filters}
+          onChange={setFilter}
+          onClear={clearFilters}
+        />
+        <SavedViewsDropdown
+          entityType="interests"
+          currentFilters={filters}
+          currentSort={sort}
+          onApplyView={(savedFilters) => {
+            clearFilters();
+            Object.entries(savedFilters).forEach(([key, val]) => setFilter(key, val));
+          }}
+        />
+      </div>
+
+      {viewMode === 'board' ? (
+        <PipelineBoard />
+      ) : isLoading ? (
+        <TableSkeleton />
+      ) : (
+        <DataTable
+          columns={columns}
+          data={data}
+          pagination={pagination}
+          onPaginationChange={(p, ps) => {
+            setPage(p);
+            setPageSize(ps);
+          }}
+          sort={sort}
+          onSortChange={setSort}
+          isLoading={isFetching && !isLoading}
+          getRowId={(row) => row.id}
+          emptyState={
+            <EmptyState
+              title="No interests found"
+              description="Get started by adding your first interest."
+              action={{ label: 'New Interest', onClick: () => setCreateOpen(true) }}
+            />
+          }
+        />
+      )}
+
+      <InterestForm
+        open={createOpen}
+        onOpenChange={setCreateOpen}
+      />
+
+      {editInterest && (
+        <InterestForm
+          open={!!editInterest}
+          onOpenChange={(open) => !open && setEditInterest(null)}
+          interest={editInterest as any}
+        />
+      )}
+
+      <ArchiveConfirmDialog
+        open={!!archiveInterest}
+        onOpenChange={(open) => !open && setArchiveInterest(null)}
+        entityName={archiveInterest?.clientName ?? 'Interest'}
+        entityType="Interest"
+        isArchived={false}
+        onConfirm={() =>
+          archiveInterest && archiveMutation.mutate(archiveInterest.id)
+        }
+        isLoading={archiveMutation.isPending}
+      />
+    </div>
+  );
+}