From be2d2c0d569fb64b09b4bf01de76b34b13dd1222 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hartmut=20N=C3=B6renberg?= <hn@hartmut-noerenberg.com>
Date: Thu, 26 Mar 2026 11:49:28 +0100
Subject: [PATCH] feat: Shoring column in ProjectHealth widget + populate
 country data

Widget: added "Shoring" column with ShoringBadge per project showing
offshore % with color indicator (green/yellow/red).

Backend: added id field to ProjectHealthRow for badge queries.

Database: assigned diverse countries to 11 resources for realistic
shoring data (25 DE, 5 ES, 4 IN, 2 US instead of all-DE).

Co-Authored-By: claude-flow <ruv@ruv.net>
---
 .../components/dashboard/widgets/ProjectHealthWidget.tsx   | 7 +++++++
 .../src/use-cases/dashboard/get-project-health.ts          | 2 ++
 2 files changed, 9 insertions(+)

diff --git a/apps/web/src/components/dashboard/widgets/ProjectHealthWidget.tsx b/apps/web/src/components/dashboard/widgets/ProjectHealthWidget.tsx
index 5182eee..b087b32 100644
--- a/apps/web/src/components/dashboard/widgets/ProjectHealthWidget.tsx
+++ b/apps/web/src/components/dashboard/widgets/ProjectHealthWidget.tsx
@@ -4,6 +4,7 @@ import { useMemo } from "react";
 import { trpc } from "~/lib/trpc/client.js";
 import type { WidgetProps } from "~/components/dashboard/widget-registry.js";
 import { InfoTooltip } from "~/components/ui/InfoTooltip.js";
+import { ShoringBadge } from "~/components/projects/ShoringIndicator.js";
 import { WidgetFilterBar, type WidgetFilter } from "~/components/dashboard/WidgetFilterBar.js";
 import { useWidgetFilterOptions } from "~/hooks/useWidgetFilterOptions.js";
 
@@ -90,6 +91,9 @@ export function ProjectHealthWidget({ config, onConfigChange }: WidgetProps) {
               <th className="px-3 py-2 text-center font-medium text-gray-500 dark:text-gray-400">
                 B / S / T <InfoTooltip content="Budget health (spent vs budget), Staffing health (filled vs total demands), Timeline health (within end date)" />
               </th>
+              <th className="px-3 py-2 text-center font-medium text-gray-500 dark:text-gray-400">
+                Shoring <InfoTooltip content="Offshore staffing ratio: percentage of hours from non-onshore resources. Color indicates threshold status." />
+              </th>
               <th className="px-3 py-2 text-right font-medium text-gray-500 dark:text-gray-400">
                 Score <InfoTooltip content="Composite score: average of Budget, Staffing, and Timeline health (0-100)" />
               </th>
@@ -118,6 +122,9 @@ export function ProjectHealthWidget({ config, onConfigChange }: WidgetProps) {
                     />
                   </div>
                 </td>
+                <td className="px-3 py-2 text-center">
+                  <ShoringBadge projectId={(row as any).id} />
+                </td>
                 <td className="px-3 py-2 text-right">
                   <span
                     className={`inline-block px-2 py-0.5 rounded-full font-semibold tabular-nums ${scoreBadge(row.compositeScore)}`}
diff --git a/packages/application/src/use-cases/dashboard/get-project-health.ts b/packages/application/src/use-cases/dashboard/get-project-health.ts
index efd90d4..1ea34c2 100644
--- a/packages/application/src/use-cases/dashboard/get-project-health.ts
+++ b/packages/application/src/use-cases/dashboard/get-project-health.ts
@@ -2,6 +2,7 @@ import type { PrismaClient } from "@planarchy/db";
 import { calculateInclusiveDays } from "./shared.js";
 
 export interface ProjectHealthRow {
+  id: string;
   projectName: string;
   shortCode: string;
   clientId: string | null;
@@ -94,6 +95,7 @@ export async function getDashboardProjectHealth(
     );
 
     return {
+      id: p.id,
       projectName: p.name,
       shortCode: p.shortCode,
       clientId: p.clientId,