From 4c39c9ec53e8a598904a83c0e8614761a99bbf2e Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Mon, 20 Apr 2026 16:51:54 +0200
Subject: [PATCH] Add Outer W, L, H columns to Pricing tab

Display outer box dimensions next to Units/Outer column in pricing view
---
 src/components/PricingView.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/components/PricingView.tsx b/src/components/PricingView.tsx
index 5e9d5d9..af17dd9 100644
--- a/src/components/PricingView.tsx
+++ b/src/components/PricingView.tsx
@@ -445,6 +445,21 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
                   Units/Outer
                 </th>
 
+                {/* Outer W */}
+                <th className="text-left px-3 py-3 text-xs font-semibold text-slate-400 uppercase tracking-wider border-b border-slate-700 whitespace-nowrap">
+                  Outer W
+                </th>
+
+                {/* Outer L */}
+                <th className="text-left px-3 py-3 text-xs font-semibold text-slate-400 uppercase tracking-wider border-b border-slate-700 whitespace-nowrap">
+                  Outer L
+                </th>
+
+                {/* Outer H */}
+                <th className="text-left px-3 py-3 text-xs font-semibold text-slate-400 uppercase tracking-wider border-b border-slate-700 whitespace-nowrap">
+                  Outer H
+                </th>
+
                 {/* Container columns */}
                 {containerCols.map(col => (
                   <th key={col.index} className="text-left px-3 py-3 text-xs font-semibold text-orange-400 uppercase tracking-wider border-b border-slate-700 whitespace-nowrap">
@@ -574,6 +589,21 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
                       {unitOuterBadge(row[COLUMNS.UNITS_OUTER])}
                     </td>
 
+                    {/* Outer W */}
+                    <td className="px-3 py-2.5 text-slate-400 font-mono text-xs">
+                      {row[COLUMNS.OUTER_W] ?? '-'}
+                    </td>
+
+                    {/* Outer L */}
+                    <td className="px-3 py-2.5 text-slate-400 font-mono text-xs">
+                      {row[COLUMNS.OUTER_L] ?? '-'}
+                    </td>
+
+                    {/* Outer H */}
+                    <td className="px-3 py-2.5 text-slate-400 font-mono text-xs">
+                      {row[COLUMNS.OUTER_H] ?? '-'}
+                    </td>
+
                     {/* Container unit columns */}
                     {containerCols.map(col => (
                       <td key={col.index} className="px-3 py-2.5">