feat: format numeric and price fields to 2 decimal places

src/components/MatrixView.tsx

@@ -15,13 +15,50 @@ export function MatrixView({ data, headers }: MatrixViewProps) {
     return data.slice(start, start + pageSize);
   }, [data, page, pageSize]);
 
+  const formatCellValue = (val: any, header: string = '') => {
+    if (val === undefined || val === null || val === '') return '';
+    
+    // Convert header to lowercase for checks
+    const h = header.toLowerCase();
+    
+    // Do NOT format columns that are clearly IDs, barcodes, or codes
+    if (h.includes('id') || h.includes('no') || h.includes('code') || h.includes('art.') || h.includes('barcode') || h.includes('article')) {
+      return val;
+    }
+
+    // List of keywords that typically indicate a price or numeric value to format
+    const priceKeywords = ['price', 'eur', 'cost', 'msrp', 'net', 'gross', 'netto', 'brutto', 'pp', 'pph', 'uvp', 'vpe', 'stk'];
+    const isPriceCol = priceKeywords.some(kw => h.includes(kw));
+
+    // Handle numbers
+    if (typeof val === 'number') {
+      return val.toFixed(2);
+    }
+
+    // Handle strings that represent numbers
+    if (typeof val === 'string') {
+      // Normalize decimals (handle comma as decimal separator)
+      const normalized = val.trim().replace(',', '.');
+      const num = parseFloat(normalized);
+      
+      if (!isNaN(num)) {
+        // Format if it's a price column OR if it already has a decimal separator (.)
+        if (isPriceCol || val.includes('.') || val.includes(',')) {
+          return num.toFixed(2);
+        }
+      }
+    }
+
+    return val;
+  };
+
   const totalPages = Math.ceil(data.length / pageSize);
 
   return (
     <div className="flex flex-col h-full bg-slate-800 rounded-xl border border-slate-700 shadow-xl overflow-hidden">
       <div className="p-4 border-b border-slate-700 bg-slate-800/50">
         <h2 className="text-lg font-semibold text-white">Matrix View</h2>
-        <p className="text-sm text-slate-400">All data fields in their original order.</p>
+        <p className="text-sm text-slate-400">All data fields formatted to 2 decimal places for numbers/prices.</p>
       </div>
       
       <div className="overflow-auto flex-1">
@@ -38,11 +75,18 @@ export function MatrixView({ data, headers }: MatrixViewProps) {
           <tbody className="divide-y divide-slate-700/50">
             {paginatedData.map((row, rowIndex) => (
               <tr key={rowIndex} className="hover:bg-slate-700/30 transition-colors">
-                {headers.map((_, colIndex) => (
-                  <td key={colIndex} className="px-4 py-3 text-slate-300 max-w-[200px] truncate" title={String(row[colIndex] || '')}>
-                    {row[colIndex]}
-                  </td>
-                ))}
+                {headers.map((header, colIndex) => {
+                  const formattedValue = formatCellValue(row[colIndex], header);
+                  return (
+                    <td 
+                      key={colIndex} 
+                      className="px-4 py-3 text-slate-300 max-w-[200px] truncate" 
+                      title={String(row[colIndex] || '')}
+                    >
+                      {formattedValue}
+                    </td>
+                  );
+                })}
               </tr>
             ))}
             {paginatedData.length === 0 && (