chore(repo): initialize planarchy workspace

2026-03-14 14:31:09 +01:00
commit dd55d0e78b
769 changed files with 166461 additions and 0 deletions
@@ -0,0 +1,73 @@
+"use client";
+
+import { trpc } from "~/lib/trpc/client.js";
+import type { WidgetProps } from "~/components/dashboard/widget-registry.js";
+import { InfoTooltip } from "~/components/ui/InfoTooltip.js";
+
+function formatMoney(cents: number): string {
+  return (cents / 100).toLocaleString("de-DE") + " EUR";
+}
+
+function StatCard({ label, value, sub, info }: { label: string; value: string | number; sub?: string; info?: React.ReactNode }) {
+  return (
+    <div className="flex flex-col gap-1">
+      <span className="text-xs font-medium text-gray-500 flex items-center">
+        {label}
+        {info && <InfoTooltip content={info} />}
+      </span>
+      <span className="text-2xl font-bold text-gray-900">{value}</span>
+      {sub && <span className="text-xs text-gray-400">{sub}</span>}
+    </div>
+  );
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export function StatCardsWidget(_props: Partial<WidgetProps> = {}) {
+  const { data, isLoading } = trpc.dashboard.getOverview.useQuery(undefined, {
+    staleTime: 60_000,
+    placeholderData: (prev) => prev,
+  });
+
+  if (isLoading || !data) {
+    return (
+      <div className="grid grid-cols-2 gap-3 h-full animate-pulse">
+        {[...Array(4)].map((_, i) => (
+          <div key={i} className="rounded-xl bg-gray-100 dark:bg-gray-800 p-4 flex flex-col gap-2">
+            <div className="h-3 w-20 bg-gray-200 dark:bg-gray-700 rounded" />
+            <div className="h-7 w-16 bg-gray-300 dark:bg-gray-600 rounded" />
+            <div className="h-2 w-24 bg-gray-200 dark:bg-gray-700 rounded" />
+          </div>
+        ))}
+      </div>
+    );
+  }
+
+  return (
+    <div className="grid grid-cols-2 lg:grid-cols-4 gap-4 h-full content-start">
+      <StatCard
+        label="Total Resources"
+        value={data.totalResources}
+        sub={`${data.activeResources} active`}
+        info="All resources in the system. Sub-line shows active resources only."
+      />
+      <StatCard
+        label="Active Projects"
+        value={data.activeProjects}
+        sub={`${data.totalProjects} total`}
+        info="Projects with status ACTIVE. Total includes all statuses (DRAFT, ON_HOLD, COMPLETED, CANCELLED)."
+      />
+      <StatCard
+        label="Total Allocations"
+        value={data.totalAllocations}
+        sub={`${data.activeAllocations} not cancelled`}
+        info="All allocation records ever created. 'Not cancelled' excludes allocations with status CANCELLED."
+      />
+      <StatCard
+        label="Budget Utilization"
+        value={`${data.budgetSummary.avgUtilizationPercent}%`}
+        sub={`${formatMoney(data.budgetSummary.totalCostCents)} of ${formatMoney(data.budgetSummary.totalBudgetCents)}`}
+        info="Sum of costs across non-cancelled allocations divided by total project budgets. Cost = resource LCR × booked hours."
+      />
+    </div>
+  );
+}