feat: persist edits to Supabase database

src/App.tsx

@@ -8,6 +8,7 @@ import { DataCompleteness } from './components/DataCompleteness';
 import { MatrixView } from './components/MatrixView';
 import { UploadReload } from './components/UploadReload';
 import { EditPanel } from './components/EditPanel';
+import { getAllSyncedRows, saveRowToSupabase } from './lib/supabase';
 
 export default function App() {
   const [appState, setAppState] = useState<AppState>({
@@ -60,9 +61,22 @@ export default function App() {
           const data = XLSX.utils.sheet_to_json<any[]>(ws, { header: 1 });
           
           if (data.length > 0) {
+            const rawHeaders = data[0];
+            const rawRows = data.slice(1);
+            
+            // Apply Supabase overrides
+            console.log("Applying Supabase overrides...");
+            const syncedData = await getAllSyncedRows();
+            const articleNoIdx = COLUMNS.ARTICLE_NO;
+            
+            const processedRows = rawRows.map(row => {
+              const articleNo = String(row[articleNoIdx]);
+              return syncedData[articleNo] || row;
+            });
+
             setAppState({
-              headers: data[0],
-              data: data.slice(1),
+              headers: rawHeaders,
+              data: processedRows,
               fileName: 'Data-Matrix.xlsx (Cloud Sync)',
               fileDate: new Date(),
               hasUnsavedChanges: false
@@ -132,7 +146,8 @@ export default function App() {
     setAppState(prev => ({ ...prev, hasUnsavedChanges: false }));
   };
 
-  const handleSaveRow = (rowIndex: number, updatedRow: ExcelRow) => {
+  const handleSaveRow = async (rowIndex: number, updatedRow: ExcelRow) => {
+    // 1. Update UI state
     setAppState(prev => {
       const newData = [...prev.data];
       newData[rowIndex] = updatedRow;
@@ -143,6 +158,19 @@ export default function App() {
       };
     });
     setEditingRowIndex(null);
+
+    // 2. Persist to Supabase
+    const articleNo = String(updatedRow[COLUMNS.ARTICLE_NO]);
+    console.log(`Saving article ${articleNo} to Supabase...`);
+    const success = await saveRowToSupabase(articleNo, updatedRow);
+    
+    if (success) {
+      console.log(`Successfully saved ${articleNo}`);
+      setAppState(prev => ({ ...prev, hasUnsavedChanges: false }));
+    } else {
+      console.error(`Failed to save ${articleNo} to Supabase`);
+      alert("Error saving to database. Local changes will be lost on refresh if not saved.");
+    }
   };
 
   const stats = useMemo(() => {