Overview tweaks

inventory/src/components/overview/ForecastMetrics.tsx

@@ -44,7 +44,7 @@ interface DailyPhaseData {
 
 interface ForecastData {
   forecastSales: number
-  forecastRevenue: string
+  forecastRevenue: number
   confidenceLevel: number
   dailyForecasts: {
     date: string
@@ -129,7 +129,7 @@ export function ForecastMetrics() {
                   <p className="text-sm font-medium text-muted-foreground">Forecast Revenue</p>
                 </div>
                 {isLoading || !data ? <MetricSkeleton /> : (
-                  <p className="text-lg font-bold">{formatCurrency(Number(data.forecastRevenue) || 0)}</p>
+                  <p className="text-lg font-bold">{formatCurrency(data.forecastRevenue)}</p>
                 )}
               </div>
             </div>

inventory/src/components/overview/OverstockMetrics.tsx

@@ -17,10 +17,10 @@ interface PhaseBreakdown {
 
 interface OverstockMetricsData {
   overstockedProducts: number
-  total_excess_units: number
-  total_excess_cost: number
-  total_excess_retail: number
-  category_data: {
+  totalExcessUnits: number
+  totalExcessCost: number
+  totalExcessRetail: number
+  categoryData: {
     category: string
     products: number
     units: number
@@ -69,7 +69,7 @@ export function OverstockMetrics() {
                 <p className="text-sm font-medium text-muted-foreground">Overstocked Units</p>
               </div>
               {isLoading || !data ? <MetricSkeleton /> : (
-                <p className="text-lg font-bold">{data.total_excess_units.toLocaleString()}</p>
+                <p className="text-lg font-bold">{data.totalExcessUnits.toLocaleString()}</p>
               )}
             </div>
             <div className="flex items-baseline justify-between">
@@ -78,7 +78,7 @@ export function OverstockMetrics() {
                 <p className="text-sm font-medium text-muted-foreground">Overstocked Cost</p>
               </div>
               {isLoading || !data ? <MetricSkeleton /> : (
-                <p className="text-lg font-bold">{formatCurrency(data.total_excess_cost)}</p>
+                <p className="text-lg font-bold">{formatCurrency(data.totalExcessCost)}</p>
               )}
             </div>
             <div className="flex items-baseline justify-between">
@@ -87,7 +87,7 @@ export function OverstockMetrics() {
                 <p className="text-sm font-medium text-muted-foreground">Overstocked Retail</p>
               </div>
               {isLoading || !data ? <MetricSkeleton /> : (
-                <p className="text-lg font-bold">{formatCurrency(data.total_excess_retail)}</p>
+                <p className="text-lg font-bold">{formatCurrency(data.totalExcessRetail)}</p>
               )}
             </div>
             {data?.phaseBreakdown && data.phaseBreakdown.length > 0 && (

inventory/src/components/product-editor/ImageManager.tsx

@@ -175,7 +175,7 @@ function SortableImageCell({
         src={src}
         alt={`Image ${image.iid}`}
         className={cn(
-          "w-full h-full object-cover pointer-events-none select-none",
+          "w-full h-full object-contain pointer-events-none select-none",
           isMain ? "rounded-lg" : "rounded-md"
         )}
         draggable={false}