feat(04-03): project workspace + timer analytics + settings page

- /admin/projects/[id]: full workspace with 7 tabs (Fasi, Pagamenti, Documenti, Note, Commenti, Preventivo, Timer) - TimerTab: TimerCell + ProfitabilityCard with €/h real, ideal cost, delta - ProfitabilityCard: hours worked, €/h real vs target, profit/loss delta - /admin/impostazioni: target_hourly_rate setting (default 50€/h) - actions.ts: resolveEntity() helper — actions now work transparently with both clientId and projectId (same tab components reused) - quote-actions.ts: same resolveEntity pattern for addQuoteItem, removeQuoteItem, updateAcceptedTotal - timer-actions.ts: revalidate /admin/projects and /admin/projects/[id] Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-22 11:05:31 +02:00
parent ef05d647fe
commit 1d9fa10961
7 changed files with 442 additions and 108 deletions
@@ -0,0 +1,138 @@
+import { notFound } from "next/navigation";
+import { getProjectFullDetail } from "@/lib/admin-queries";
+import { getTargetHourlyRate } from "@/lib/settings";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { PhasesTab } from "@/components/admin/tabs/PhasesTab";
+import { PaymentsTab } from "@/components/admin/tabs/PaymentsTab";
+import { DocumentsTab } from "@/components/admin/tabs/DocumentsTab";
+import { CommentsTab } from "@/components/admin/tabs/CommentsTab";
+import { QuoteTab } from "@/components/admin/tabs/QuoteTab";
+import { TimerTab } from "@/components/admin/tabs/TimerTab";
+import { PhasesViewToggle } from "@/components/admin/kanban/PhasesViewToggle";
+import Link from "next/link";
+
+export const revalidate = 0;
+
+export default async function ProjectDetailPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+  const [detail, targetHourlyRate] = await Promise.all([
+    getProjectFullDetail(id),
+    getTargetHourlyRate(),
+  ]);
+
+  if (!detail) notFound();
+
+  const {
+    project,
+    phases,
+    payments,
+    documents,
+    notes,
+    comments,
+    quoteItems,
+    activeServices,
+    activeTimerEntryId,
+    activeTimerStartedAt,
+    totalTrackedSeconds,
+  } = detail;
+
+  return (
+    <div>
+      <div className="mb-4">
+        <Link href="/admin/projects" className="text-sm text-[#71717a] hover:text-[#1a1a1a]">
+          ← Progetti
+        </Link>
+      </div>
+
+      <div className="mb-6 flex items-start justify-between gap-4 flex-wrap">
+        <div>
+          <h1 className="text-2xl font-bold text-[#1a1a1a]">{project.name}</h1>
+          <p className="text-sm text-[#71717a]">
+            <Link
+              href={`/admin/clients/${project.client.id}`}
+              className="hover:text-[#1a1a1a] hover:underline"
+            >
+              {project.client.name}
+            </Link>
+          </p>
+        </div>
+      </div>
+
+      <Tabs defaultValue="phases" className="w-full">
+        <TabsList className="mb-6">
+          <TabsTrigger value="phases">Fasi &amp; Task</TabsTrigger>
+          <TabsTrigger value="payments">Pagamenti</TabsTrigger>
+          <TabsTrigger value="documents">Documenti</TabsTrigger>
+          <TabsTrigger value="notes">Note</TabsTrigger>
+          <TabsTrigger value="comments">Commenti</TabsTrigger>
+          <TabsTrigger value="quote">Preventivo</TabsTrigger>
+          <TabsTrigger value="timer">Timer</TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="phases">
+          <PhasesViewToggle
+            listView={<PhasesTab phases={phases} clientId={id} />}
+            phases={phases}
+            clientId={id}
+          />
+        </TabsContent>
+
+        <TabsContent value="payments">
+          <PaymentsTab
+            payments={payments}
+            acceptedTotal={project.accepted_total ?? "0"}
+            clientId={id}
+          />
+        </TabsContent>
+
+        <TabsContent value="documents">
+          <DocumentsTab documents={documents} clientId={id} />
+        </TabsContent>
+
+        <TabsContent value="notes">
+          <div className="space-y-4 max-w-lg">
+            {notes.length === 0 && (
+              <p className="text-sm text-[#71717a]">Nessuna nota ancora.</p>
+            )}
+            {notes.map((note) => (
+              <div key={note.id} className="bg-white rounded-lg border border-[#e5e7eb] p-4">
+                <p className="text-sm text-[#1a1a1a] whitespace-pre-wrap">{note.body}</p>
+                <p className="text-xs text-[#71717a] mt-2">
+                  {new Date(note.created_at).toLocaleDateString("it-IT")}
+                </p>
+              </div>
+            ))}
+          </div>
+        </TabsContent>
+
+        <TabsContent value="comments">
+          <CommentsTab comments={comments} phases={phases} clientId={id} />
+        </TabsContent>
+
+        <TabsContent value="quote">
+          <QuoteTab
+            clientId={id}
+            items={quoteItems}
+            activeServices={activeServices}
+            acceptedTotal={project.accepted_total ?? "0"}
+          />
+        </TabsContent>
+
+        <TabsContent value="timer">
+          <TimerTab
+            projectId={id}
+            acceptedTotal={project.accepted_total ?? "0"}
+            activeTimerEntryId={activeTimerEntryId}
+            activeTimerStartedAt={activeTimerStartedAt}
+            totalTrackedSeconds={totalTrackedSeconds}
+            targetHourlyRate={targetHourlyRate}
+          />
+        </TabsContent>
+      </Tabs>
+    </div>
+  );
+}