From 581eafbf361e8460d4b97148f876401bea448a68 Mon Sep 17 00:00:00 2001
From: Manohar Gupta <manohar@manohargupta.com>
Date: Thu, 28 May 2026 15:28:29 +0530
Subject: [PATCH] feat(web): display Wind 8760 profile in generation sheet

- Added windProfileAvg to Year level display (similar to solarProfileAvg)
- Added windProfileMo to Month level display
- Added windProfileDay to Day level display
- Added hourProfileW (raw wind profile) to Hour level display
- This makes Wind profile display consistent with Solar profile display
---
 packages/web/components/WorkbookView.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/WorkbookView.tsx b/packages/web/components/WorkbookView.tsx
index 7ec58f3..4fb00f0 100644
--- a/packages/web/components/WorkbookView.tsx
+++ b/packages/web/components/WorkbookView.tsx
@@ -805,6 +805,7 @@ function HourlyGenerationSheet({ hourly, codYear, solarDCMW, windMW }: { hourly:
         const loadYr = hasLoad ? computeYearTotalNew(year, hourly_load) : 0;
         // Solar 8760: average profile value (0-1), DC MW: capacity (placeholder), Solar MW: sum output
         const solarProfileAvg = hasSolarProfile ? computeYearAvgProfile(year, hourly_solar_profile) : 0;
+        const windProfileAvg = hasWindProfile ? computeYearAvgProfile(year, hourly_wind_profile) : 0;
         const fyLabel = getFyLabel(i);
 
         return (
@@ -820,7 +821,7 @@ function HourlyGenerationSheet({ hourly, codYear, solarDCMW, windMW }: { hourly:
               {hasSolar && <span className="text-orange-600/70 w-16">{solarDCMW || '-'}</span>}
               {hasSolar && <span className="text-orange-700 w-20">{Math.round(solarYr).toLocaleString()}</span>}
               {/* Wind 8760, MW, Wind MW */}
-              {hasWind && <span className="text-blue-700 w-20">-</span>}
+              {hasWind && <span className="text-blue-700 w-20">{(windProfileAvg * 100).toFixed(1)}%</span>}
               {hasWind && <span className="text-blue-600/70 w-16">{windMW || '-'}</span>}
               {hasWind && <span className="text-blue-700 w-20">{Math.round(windYr).toLocaleString()}</span>}
               {hasTotalRe && <span className="text-green-700 w-20">{Math.round(totalReYr).toLocaleString()}</span>}
@@ -857,7 +858,7 @@ function HourlyGenerationSheet({ hourly, codYear, solarDCMW, windMW }: { hourly:
                     {hasSolar && <span className="text-orange-700/80 w-14">{(solarProfileMo * 100).toFixed(1)}%</span>}
                     {hasSolar && <span className="text-orange-700/80 w-10">{solarDCMW || '-'}</span>}
                     {hasSolar && <span className="text-orange-700/80 w-14">{Math.round(solarMo).toLocaleString()}</span>}
-                    {hasWind && <span className="text-blue-700/80 w-14">-</span>}
+                    {hasWind && <span className="text-blue-700/80 w-14">{(windProfileMo * 100).toFixed(1)}%</span>}
                     {hasWind && <span className="text-blue-700/80 w-10">{windMW || '-'}</span>}
                     {hasWind && <span className="text-blue-700/80 w-14">{Math.round(windMo).toLocaleString()}</span>}
                     {hasTotalRe && <span className="text-green-700/80 w-14">{Math.round(totalReMo).toLocaleString()}</span>}
@@ -891,7 +892,7 @@ function HourlyGenerationSheet({ hourly, codYear, solarDCMW, windMW }: { hourly:
                           {hasSolar && <span className="text-orange-600/70 w-14">{(solarProfileDay * 100).toFixed(1)}%</span>}
                           {hasSolar && <span className="text-orange-600/70 w-10">{solarDCMW || '-'}</span>}
                           {hasSolar && <span className="text-orange-600/70 w-14">{Math.round(solarDy)}</span>}
-                          {hasWind && <span className="text-blue-600/70 w-14">-</span>}
+                          {hasWind && <span className="text-blue-600/70 w-14">{(windProfileDay * 100).toFixed(1)}%</span>}
                           {hasWind && <span className="text-blue-600/70 w-10">{windMW || '-'}</span>}
                           {hasWind && <span className="text-blue-600/70 w-14">{Math.round(windDy)}</span>}
                           {hasTotalRe && <span className="text-green-600/70 w-14">{Math.round(totalReDy)}</span>}
@@ -927,7 +928,7 @@ function HourlyGenerationSheet({ hourly, codYear, solarDCMW, windMW }: { hourly:
                                   {hasSolar && <span className="text-orange-600/70 w-10 text-right">{solarDCMW || '-'}</span>}
                                   {hasSolar && <span className="text-orange-700 w-14 text-right">{Math.round(solarHr)}</span>}
                                   {/* Wind 8760, MW, Wind MW */}
-                                  {hasWind && <span className="text-blue-700 w-14 text-right">-</span>}
+                                  {hasWind && <span className="text-blue-700 w-14 text-right">{(hourProfileW * 100).toFixed(1)}%</span>}
                                   {hasWind && <span className="text-blue-600/70 w-10 text-right">{windMW || '-'}</span>}
                                   {hasWind && <span className="text-blue-700 w-14 text-right">{Math.round(windHr)}</span>}
                                   {/* Total RE, Client End, Load */}