refactor: complete v2 refactoring plan (Phases 1-5)

Phase 1 — Quick Wins: centralize formatMoney/formatCents, extract findUniqueOrThrow helper (19 routers), shared Prisma select constants, useInvalidatePlanningViews hook, status badge consolidation, composite DB indexes. Phase 2 — Timeline Split: extract TimelineContext, TimelineResourcePanel, TimelineProjectPanel; split 28-dep useMemo into 3 focused memos. TimelineView.tsx reduced from 1,903 to 538 lines. Phase 3 — Query Performance: server-side filtering for getEntriesView, remove availability from timeline resource select, SSE event debouncing (50ms batch window). Phase 4 — Estimate Workspace: extract 7 tab components and 3 editor components. EstimateWorkspaceClient 1,298→306 lines, EstimateWorkspaceDraftEditor 1,205→581 lines. Phase 5 — Package Cleanup: split commit-dispo-import-batch (1,112→573 lines), extract shared pagination helper with 11 tests. All tests pass: 209 API, 254 engine, 67 application. Co-Authored-By: claude-flow <ruv@ruv.net>
2026-03-14 23:03:42 +01:00
parent 4dabb9d4ce
commit ad0855902b
65 changed files with 7108 additions and 4740 deletions
@@ -0,0 +1,51 @@
+"use client";
+
+import type {
+  EstimateVersionView,
+  EstimateWorkspaceView,
+} from "~/components/estimates/EstimateWorkspace.types.js";
+
+function EmptyState({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="rounded-3xl border border-dashed border-gray-200 bg-white px-5 py-10 text-center text-sm text-gray-400">
+      {children}
+    </div>
+  );
+}
+
+export function AssumptionsTab({ estimate }: { estimate: EstimateWorkspaceView }) {
+  const versions = estimate.versions as EstimateVersionView[];
+  const latestVersion = versions[0] ?? null;
+  const assumptions = latestVersion?.assumptions ?? [];
+
+  if (assumptions.length === 0) {
+    return <EmptyState>No assumptions captured for the current version yet.</EmptyState>;
+  }
+
+  return (
+    <div className="rounded-3xl border border-gray-200 bg-white shadow-sm">
+      <div className="border-b border-gray-100 px-6 py-4">
+        <h2 className="text-sm font-semibold uppercase tracking-wide text-gray-600">Commercial and delivery assumptions</h2>
+      </div>
+      <div className="divide-y divide-gray-100">
+        {assumptions.map((assumption) => (
+          <div key={assumption.id} className="grid gap-3 px-6 py-4 md:grid-cols-[160px,1fr,1fr]">
+            <div>
+              <p className="text-xs uppercase tracking-wide text-gray-400">Category</p>
+              <p className="mt-1 text-sm font-medium text-gray-900">{assumption.category}</p>
+            </div>
+            <div>
+              <p className="text-xs uppercase tracking-wide text-gray-400">Label</p>
+              <p className="mt-1 text-sm text-gray-800">{assumption.label}</p>
+              <p className="mt-1 text-xs text-gray-400">{assumption.key}</p>
+            </div>
+            <div>
+              <p className="text-xs uppercase tracking-wide text-gray-400">Value</p>
+              <p className="mt-1 text-sm text-gray-800">{String(assumption.value)}</p>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}