juxscript 1.1.206 → 1.1.207

package/lib/components/dataframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataframe.d.ts","sourceRoot":"","sources":["dataframe.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dataframe.d.ts","sourceRoot":"","sources":["dataframe.ts"],"names":[],"mappings":"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"}

package/lib/components/dataframe.js

@@ -502,45 +502,15 @@ export class DataFrameComponent extends BaseComponent {
         if (!this._rawFileData?.file)
             return;
         this._cleanupReshapeModal();
-        // Read raw cells from the file
-        const XLSX = await import('xlsx');
-        const buffer = await this._rawFileData.file.arrayBuffer();
-        const workbook = XLSX.read(buffer, {
-            type: 'array',
-            sheetRows: 20,
-            dense: false
-        });
-        const sheetName = workbook.SheetNames[0];
-        const worksheet = workbook.Sheets[sheetName];
-        const ref = worksheet['!ref'];
-        if (!ref)
+        // ✅ Use the SAME cell-reading method as the parser
+        const rawRows = await this._driver.readRawExcelRows(this._rawFileData.file, 15);
+        if (rawRows.length === 0)
             return;
-        const range = XLSX.utils.decode_range(ref);
-        const endRow = Math.min(range.e.r, 14); // Show up to 15 rows
-        const startCol = range.s.c;
-        const endCol = range.e.c;
-        const readCellValue = (r, c) => {
-            const addr = XLSX.utils.encode_cell({ r, c });
-            const cell = worksheet[addr];
-            if (!cell)
-                return null;
-            if (cell.w !== undefined)
-                return cell.w;
-            if (cell.v !== undefined)
-                return cell.v;
-            return null;
-        };
-        // Build raw row data with actual sheet row indices
-        const rawRows = [];
-        for (let r = 0; r <= endRow; r++) {
-            const values = [];
-            for (let c = startCol; c <= endCol; c++) {
-                values.push(readCellValue(r, c));
-            }
-            rawRows.push({ sheetRow: r, values });
-        }
+        // Log what we got so we can verify alignment
+        console.log('[DataFrame Preview] Raw rows from readRawExcelRows:');
+        rawRows.forEach(r => console.log(`  sheetRow ${r.sheetRow}:`, r.values.slice(0, 5)));
         // Auto-detect best header row
-        let selectedSheetRow = 0;
+        let selectedSheetRow = rawRows[0].sheetRow;
         for (const { sheetRow, values } of rawRows) {
             const nonEmpty = values.filter(v => v !== null && v !== undefined && String(v).trim() !== '');
             if (nonEmpty.length < values.length * 0.5)
@@ -584,6 +554,7 @@ export class DataFrameComponent extends BaseComponent {
                 click: async () => {
                     const input = document.getElementById(`${this._id}-header-row`);
                     const headerRow = parseInt(input.value) || 0;
+                    console.log(`[DataFrame] Apply clicked: headerRow=${headerRow}`);
                     this.state.loading = true;
                     this._updateStatus('Re-parsing with new settings...', 'loading');
                     try {
@@ -626,22 +597,22 @@ export class DataFrameComponent extends BaseComponent {
             const vals = rawRows.find(r => r.sheetRow === row)?.values ?? [];
             const headerNames = vals.filter((v) => v != null && String(v).trim() !== '').map((v) => String(v).trim());
             const preview = headerNames.slice(0, 4).join(', ') + (headerNames.length > 4 ? '…' : '');
-            if (row > 0) {
-                hintDiv.innerHTML = `Row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows 0–${row - 1} will be skipped.`;
+            if (row > rawRows[0].sheetRow) {
+                hintDiv.innerHTML = `Sheet row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows before it will be skipped.`;
             }
             else {
-                hintDiv.innerHTML = `Row <strong>0</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
+                hintDiv.innerHTML = `Sheet row <strong>${row}</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
             }
         };
         const renderPreview = (selected) => {
             if (!previewDiv)
                 return;
             previewDiv.innerHTML = this._buildClickablePreviewHTML(rawRows, selected);
-            // Wire click handlers on each row
             previewDiv.querySelectorAll('tr[data-sheet-row]').forEach(tr => {
                 tr.addEventListener('click', () => {
                     const rowIdx = parseInt(tr.dataset.sheetRow);
                     hiddenInput.value = String(rowIdx);
+                    console.log(`[DataFrame Preview] Clicked sheetRow=${rowIdx}`);
                     updateHint(rowIdx);
                     renderPreview(rowIdx);
                 });
@@ -759,11 +730,11 @@ export class DataFrameComponent extends BaseComponent {
                 const vals = rawRows.find(r => r.sheetRow === row)?.values ?? [];
                 const headerNames = vals.filter((v) => v != null && String(v).trim() !== '').map((v) => String(v).trim());
                 const preview = headerNames.slice(0, 4).join(', ') + (headerNames.length > 4 ? '…' : '');
-                if (row > 0) {
-                    hintDiv.innerHTML = `Row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows 0–${row - 1} will be skipped.`;
+                if (row > rawRows[0].sheetRow) {
+                    hintDiv.innerHTML = `Sheet row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows before it will be skipped.`;
                 }
                 else {
-                    hintDiv.innerHTML = `Row <strong>0</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
+                    hintDiv.innerHTML = `Sheet row <strong>${row}</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
                 }
             };
             const reparse = () => {
@@ -786,6 +757,7 @@ export class DataFrameComponent extends BaseComponent {
                     tr.addEventListener('click', () => {
                         const rowIdx = parseInt(tr.dataset.sheetRow);
                         hiddenInput.value = String(rowIdx);
+                        console.log(`[DataFrame Preview] Clicked sheetRow=${rowIdx}`);
                         updateHint(rowIdx);
                         renderPreview(rowIdx);
                     });

package/lib/components/dataframe.ts

@@ -617,46 +617,17 @@ export class DataFrameComponent extends BaseComponent<DataFrameState> {
 
         this._cleanupReshapeModal();
 
-        // Read raw cells from the file
-        const XLSX = await import('xlsx');
-        const buffer = await this._rawFileData.file.arrayBuffer();
-        const workbook = XLSX.read(buffer, {
-            type: 'array',
-            sheetRows: 20,
-            dense: false
-        });
+        // ✅ Use the SAME cell-reading method as the parser
+        const rawRows = await this._driver.readRawExcelRows(this._rawFileData.file, 15);
 
-        const sheetName = workbook.SheetNames[0];
-        const worksheet = workbook.Sheets[sheetName];
-        const ref = worksheet['!ref'];
-        if (!ref) return;
-
-        const range = XLSX.utils.decode_range(ref);
-        const endRow = Math.min(range.e.r, 14); // Show up to 15 rows
-        const startCol = range.s.c;
-        const endCol = range.e.c;
-
-        const readCellValue = (r: number, c: number): any => {
-            const addr = XLSX.utils.encode_cell({ r, c });
-            const cell = worksheet[addr];
-            if (!cell) return null;
-            if (cell.w !== undefined) return cell.w;
-            if (cell.v !== undefined) return cell.v;
-            return null;
-        };
+        if (rawRows.length === 0) return;
 
-        // Build raw row data with actual sheet row indices
-        const rawRows: { sheetRow: number; values: any[] }[] = [];
-        for (let r = 0; r <= endRow; r++) {
-            const values: any[] = [];
-            for (let c = startCol; c <= endCol; c++) {
-                values.push(readCellValue(r, c));
-            }
-            rawRows.push({ sheetRow: r, values });
-        }
+        // Log what we got so we can verify alignment
+        console.log('[DataFrame Preview] Raw rows from readRawExcelRows:');
+        rawRows.forEach(r => console.log(`  sheetRow ${r.sheetRow}:`, r.values.slice(0, 5)));
 
         // Auto-detect best header row
-        let selectedSheetRow = 0;
+        let selectedSheetRow = rawRows[0].sheetRow;
         for (const { sheetRow, values } of rawRows) {
             const nonEmpty = values.filter(v => v !== null && v !== undefined && String(v).trim() !== '');
             if (nonEmpty.length < values.length * 0.5) continue;
@@ -703,6 +674,8 @@ export class DataFrameComponent extends BaseComponent<DataFrameState> {
                         const input = document.getElementById(`${this._id}-header-row`) as HTMLInputElement;
                         const headerRow = parseInt(input.value) || 0;
 
+                        console.log(`[DataFrame] Apply clicked: headerRow=${headerRow}`);
+
                         this.state.loading = true;
                         this._updateStatus('Re-parsing with new settings...', 'loading');
 
@@ -752,10 +725,10 @@ export class DataFrameComponent extends BaseComponent<DataFrameState> {
             const vals = rawRows.find(r => r.sheetRow === row)?.values ?? [];
             const headerNames = vals.filter((v: any) => v != null && String(v).trim() !== '').map((v: any) => String(v).trim());
             const preview = headerNames.slice(0, 4).join(', ') + (headerNames.length > 4 ? '…' : '');
-            if (row > 0) {
-                hintDiv.innerHTML = `Row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows 0–${row - 1} will be skipped.`;
+            if (row > rawRows[0].sheetRow) {
+                hintDiv.innerHTML = `Sheet row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows before it will be skipped.`;
             } else {
-                hintDiv.innerHTML = `Row <strong>0</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
+                hintDiv.innerHTML = `Sheet row <strong>${row}</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
             }
         };
 
@@ -763,11 +736,11 @@ export class DataFrameComponent extends BaseComponent<DataFrameState> {
             if (!previewDiv) return;
             previewDiv.innerHTML = this._buildClickablePreviewHTML(rawRows, selected);
 
-            // Wire click handlers on each row
             previewDiv.querySelectorAll('tr[data-sheet-row]').forEach(tr => {
                 tr.addEventListener('click', () => {
                     const rowIdx = parseInt((tr as HTMLElement).dataset.sheetRow!);
                     hiddenInput.value = String(rowIdx);
+                    console.log(`[DataFrame Preview] Clicked sheetRow=${rowIdx}`);
                     updateHint(rowIdx);
                     renderPreview(rowIdx);
                 });
@@ -898,10 +871,10 @@ export class DataFrameComponent extends BaseComponent<DataFrameState> {
                 const vals = rawRows.find(r => r.sheetRow === row)?.values ?? [];
                 const headerNames = vals.filter((v: any) => v != null && String(v).trim() !== '').map((v: any) => String(v).trim());
                 const preview = headerNames.slice(0, 4).join(', ') + (headerNames.length > 4 ? '…' : '');
-                if (row > 0) {
-                    hintDiv.innerHTML = `Row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows 0–${row - 1} will be skipped.`;
+                if (row > rawRows[0].sheetRow) {
+                    hintDiv.innerHTML = `Sheet row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows before it will be skipped.`;
                 } else {
-                    hintDiv.innerHTML = `Row <strong>0</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
+                    hintDiv.innerHTML = `Sheet row <strong>${row}</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
                 }
             };
 
@@ -926,6 +899,7 @@ export class DataFrameComponent extends BaseComponent<DataFrameState> {
                     tr.addEventListener('click', () => {
                         const rowIdx = parseInt((tr as HTMLElement).dataset.sheetRow!);
                         hiddenInput.value = String(rowIdx);
+                        console.log(`[DataFrame Preview] Clicked sheetRow=${rowIdx}`);
                         updateHint(rowIdx);
                         renderPreview(rowIdx);
                     });

package/lib/storage/TabularDriver.d.ts

@@ -87,12 +87,18 @@ export declare class TabularDriver {
      * Fetch and stream-parse a remote CSV/TSV file
      */
     fetch(url: string, options?: ParseOptions): Promise<DataFrame>;
+    /**
+     * Read raw cell values from first sheet of an Excel file.
+     * Returns rows with their actual sheet row indices.
+     * Used by both the preview UI and the parser to ensure consistency.
+     */
+    readRawExcelRows(file: File, maxRows?: number): Promise<{
+        sheetRow: number;
+        values: any[];
+    }[]>;
     /**
      * ✅ FIXED: Stream Excel file with optional headerRow override
-     * headerRow is 0-based: 0 = first row, 1 = second row, etc.
-     *
-     * Uses direct cell access instead of sheet_to_json to avoid
-     * issues with blank row handling and sparse arrays.
+     * headerRow is the absolute sheet row index (same as sheetRow from readRawExcelRows).
      */
     streamFileMultiSheet(file: File, options?: ParseOptions): Promise<Record<string, DataFrame>>;
     private _splitLines;

package/lib/storage/TabularDriver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabularDriver.d.ts","sourceRoot":"","sources":["TabularDriver.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TabularDriver.d.ts","sourceRoot":"","sources":["TabularDriver.ts"],"names":[],"mappings":"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"}

package/lib/storage/TabularDriver.js

@@ -486,12 +486,63 @@ export class TabularDriver {
             df = df.select(...selectCols);
         return df;
     }
+    /**
+     * Read raw cell values from first sheet of an Excel file.
+     * Returns rows with their actual sheet row indices.
+     * Used by both the preview UI and the parser to ensure consistency.
+     */
+    async readRawExcelRows(file, maxRows = 15) {
+        let XLSX;
+        try {
+            XLSX = await import('xlsx');
+        }
+        catch {
+            throw new Error('XLSX support requires the "xlsx" package.');
+        }
+        const buffer = await file.arrayBuffer();
+        const workbook = XLSX.read(buffer, {
+            type: 'array',
+            sheetRows: maxRows + 5,
+            dense: false
+        });
+        const sheetName = workbook.SheetNames[0];
+        const worksheet = workbook.Sheets[sheetName];
+        const ref = worksheet['!ref'];
+        if (!ref)
+            return [];
+        const range = XLSX.utils.decode_range(ref);
+        const startRow = range.s.r;
+        const endRow = Math.min(range.e.r, startRow + maxRows - 1);
+        const startCol = range.s.c;
+        const endCol = range.e.c;
+        console.log(`[readRawExcelRows] ref=${ref}, startRow=${startRow}, endRow=${endRow}, cols=${startCol}-${endCol}`);
+        const rows = [];
+        for (let r = startRow; r <= endRow; r++) {
+            const values = [];
+            for (let c = startCol; c <= endCol; c++) {
+                const addr = XLSX.utils.encode_cell({ r, c });
+                const cell = worksheet[addr];
+                if (!cell) {
+                    values.push(null);
+                    continue;
+                }
+                if (cell.w !== undefined) {
+                    values.push(cell.w);
+                    continue;
+                }
+                if (cell.v !== undefined) {
+                    values.push(cell.v);
+                    continue;
+                }
+                values.push(null);
+            }
+            rows.push({ sheetRow: r, values });
+        }
+        return rows;
+    }
     /**
      * ✅ FIXED: Stream Excel file with optional headerRow override
-     * headerRow is 0-based: 0 = first row, 1 = second row, etc.
-     *
-     * Uses direct cell access instead of sheet_to_json to avoid
-     * issues with blank row handling and sparse arrays.
+     * headerRow is the absolute sheet row index (same as sheetRow from readRawExcelRows).
      */
     async streamFileMultiSheet(file, options = {}) {
         const { maxSheetSize = 100000, sheetChunkSize = 10000, onProgress, headerRow = 0 } = options;
@@ -531,7 +582,6 @@ export class TabularDriver {
                 processedSheets++;
                 continue;
             }
-            // Direct cell reader - bypasses sheet_to_json completely
             const readCellValue = (r, c) => {
                 const addr = XLSX.utils.encode_cell({ r, c });
                 const cell = worksheet[addr];
@@ -550,46 +600,37 @@ export class TabularDriver {
                 }
                 return vals;
             };
-            // ✅ FIX: headerRow is the user's 0-based index counting from
-            // the first row of the file. Do NOT add startRow — the user
-            // sees row 0 as the first row regardless of where the sheet
-            // range begins. We simply use headerRow as the absolute sheet
-            // row index.
+            // headerRow is the absolute sheet row index — same value as
+            // sheetRow from readRawExcelRows(). No offset needed.
             const headerSheetRow = headerRow;
-            console.log(`[TabularDriver] Sheet "${sheetName}": range=${ref}, startRow=${startRow}, endRow=${endRow}, startCol=${startCol}, endCol=${endCol}`);
-            console.log(`[TabularDriver] headerRow=${headerRow}, headerSheetRow=${headerSheetRow} (absolute, no startRow offset)`);
+            console.log(`[TabularDriver] Sheet "${sheetName}": range=${ref}, startRow=${startRow}, endRow=${endRow}`);
+            console.log(`[TabularDriver] headerRow=${headerRow}, headerSheetRow=${headerSheetRow}`);
             if (headerSheetRow > endRow) {
-                console.warn(`[TabularDriver] headerRow ${headerRow} (sheet row ${headerSheetRow}) exceeds endRow ${endRow}`);
+                console.warn(`[TabularDriver] headerRow ${headerRow} exceeds endRow ${endRow}`);
                 processedSheets++;
                 continue;
             }
-            // Read header values directly from cells
             const headerValues = readRow(headerSheetRow);
             console.log(`[TabularDriver] Raw header values at sheet row ${headerSheetRow}:`, headerValues);
-            // Build headers array
             const headers = headerValues.map((h, i) => {
                 if (h === null || h === undefined || String(h).trim() === '') {
                     return `__EMPTY${i > 0 ? '_' + i : ''}`;
                 }
                 return String(h).trim();
             });
-            // Count valid headers
             const validHeaders = headers.filter(h => !h.startsWith('__EMPTY'));
             console.log(`[TabularDriver] Headers (${validHeaders.length} valid / ${headers.length} total):`, headers);
             if (validHeaders.length === 0) {
-                console.warn(`[TabularDriver] No valid headers found at row ${headerRow} (sheet row ${headerSheetRow}) in sheet "${sheetName}"`);
-                // Log surrounding rows for debugging
+                console.warn(`[TabularDriver] No valid headers found at row ${headerRow} in sheet "${sheetName}"`);
                 for (let debugR = Math.max(startRow, headerSheetRow - 2); debugR <= Math.min(endRow, headerSheetRow + 2); debugR++) {
                     console.log(`[TabularDriver]   row ${debugR}:`, readRow(debugR));
                 }
                 processedSheets++;
                 continue;
             }
-            // Build data rows: everything after the header row
             const rows = [];
             for (let r = headerSheetRow + 1; r <= endRow; r++) {
                 const rowData = readRow(r);
-                // Skip completely empty rows
                 const hasContent = rowData.some(cell => cell !== null && cell !== undefined && String(cell).trim() !== '');
                 if (!hasContent)
                     continue;
@@ -600,9 +641,6 @@ export class TabularDriver {
                 rows.push(row);
             }
             console.log(`[TabularDriver] Built ${rows.length} data rows for sheet "${sheetName}"`);
-            if (rows.length > 0) {
-                console.log(`[TabularDriver] First row:`, rows[0]);
-            }
             if (rows.length > 0) {
                 sheets[sheetName] = new DataFrame(rows);
             }

package/lib/storage/TabularDriver.ts

@@ -606,12 +606,59 @@ export class TabularDriver {
         return df;
     }
 
+    /**
+     * Read raw cell values from first sheet of an Excel file.
+     * Returns rows with their actual sheet row indices.
+     * Used by both the preview UI and the parser to ensure consistency.
+     */
+    async readRawExcelRows(file: File, maxRows: number = 15): Promise<{ sheetRow: number; values: any[] }[]> {
+        let XLSX: any;
+        try {
+            XLSX = await import('xlsx');
+        } catch {
+            throw new Error('XLSX support requires the "xlsx" package.');
+        }
+
+        const buffer = await file.arrayBuffer();
+        const workbook = XLSX.read(buffer, {
+            type: 'array',
+            sheetRows: maxRows + 5,
+            dense: false
+        });
+
+        const sheetName = workbook.SheetNames[0];
+        const worksheet = workbook.Sheets[sheetName];
+        const ref = worksheet['!ref'];
+        if (!ref) return [];
+
+        const range = XLSX.utils.decode_range(ref);
+        const startRow = range.s.r;
+        const endRow = Math.min(range.e.r, startRow + maxRows - 1);
+        const startCol = range.s.c;
+        const endCol = range.e.c;
+
+        console.log(`[readRawExcelRows] ref=${ref}, startRow=${startRow}, endRow=${endRow}, cols=${startCol}-${endCol}`);
+
+        const rows: { sheetRow: number; values: any[] }[] = [];
+        for (let r = startRow; r <= endRow; r++) {
+            const values: any[] = [];
+            for (let c = startCol; c <= endCol; c++) {
+                const addr = XLSX.utils.encode_cell({ r, c });
+                const cell = worksheet[addr];
+                if (!cell) { values.push(null); continue; }
+                if (cell.w !== undefined) { values.push(cell.w); continue; }
+                if (cell.v !== undefined) { values.push(cell.v); continue; }
+                values.push(null);
+            }
+            rows.push({ sheetRow: r, values });
+        }
+
+        return rows;
+    }
+
     /**
      * ✅ FIXED: Stream Excel file with optional headerRow override
-     * headerRow is 0-based: 0 = first row, 1 = second row, etc.
-     * 
-     * Uses direct cell access instead of sheet_to_json to avoid
-     * issues with blank row handling and sparse arrays.
+     * headerRow is the absolute sheet row index (same as sheetRow from readRawExcelRows).
      */
     async streamFileMultiSheet(file: File, options: ParseOptions = {}): Promise<Record<string, DataFrame>> {
         const { maxSheetSize = 100000, sheetChunkSize = 10000, onProgress, headerRow = 0 } = options;
@@ -659,7 +706,6 @@ export class TabularDriver {
                 continue;
             }
 
-            // Direct cell reader - bypasses sheet_to_json completely
             const readCellValue = (r: number, c: number): any => {
                 const addr = XLSX.utils.encode_cell({ r, c });
                 const cell = worksheet[addr];
@@ -677,27 +723,22 @@ export class TabularDriver {
                 return vals;
             };
 
-            // ✅ FIX: headerRow is the user's 0-based index counting from
-            // the first row of the file. Do NOT add startRow — the user
-            // sees row 0 as the first row regardless of where the sheet
-            // range begins. We simply use headerRow as the absolute sheet
-            // row index.
+            // headerRow is the absolute sheet row index — same value as
+            // sheetRow from readRawExcelRows(). No offset needed.
             const headerSheetRow = headerRow;
 
-            console.log(`[TabularDriver] Sheet "${sheetName}": range=${ref}, startRow=${startRow}, endRow=${endRow}, startCol=${startCol}, endCol=${endCol}`);
-            console.log(`[TabularDriver] headerRow=${headerRow}, headerSheetRow=${headerSheetRow} (absolute, no startRow offset)`);
+            console.log(`[TabularDriver] Sheet "${sheetName}": range=${ref}, startRow=${startRow}, endRow=${endRow}`);
+            console.log(`[TabularDriver] headerRow=${headerRow}, headerSheetRow=${headerSheetRow}`);
 
             if (headerSheetRow > endRow) {
-                console.warn(`[TabularDriver] headerRow ${headerRow} (sheet row ${headerSheetRow}) exceeds endRow ${endRow}`);
+                console.warn(`[TabularDriver] headerRow ${headerRow} exceeds endRow ${endRow}`);
                 processedSheets++;
                 continue;
             }
 
-            // Read header values directly from cells
             const headerValues = readRow(headerSheetRow);
             console.log(`[TabularDriver] Raw header values at sheet row ${headerSheetRow}:`, headerValues);
 
-            // Build headers array
             const headers: string[] = headerValues.map((h: any, i: number) => {
                 if (h === null || h === undefined || String(h).trim() === '') {
                     return `__EMPTY${i > 0 ? '_' + i : ''}`;
@@ -705,13 +746,11 @@ export class TabularDriver {
                 return String(h).trim();
             });
 
-            // Count valid headers
             const validHeaders = headers.filter(h => !h.startsWith('__EMPTY'));
             console.log(`[TabularDriver] Headers (${validHeaders.length} valid / ${headers.length} total):`, headers);
 
             if (validHeaders.length === 0) {
-                console.warn(`[TabularDriver] No valid headers found at row ${headerRow} (sheet row ${headerSheetRow}) in sheet "${sheetName}"`);
-                // Log surrounding rows for debugging
+                console.warn(`[TabularDriver] No valid headers found at row ${headerRow} in sheet "${sheetName}"`);
                 for (let debugR = Math.max(startRow, headerSheetRow - 2); debugR <= Math.min(endRow, headerSheetRow + 2); debugR++) {
                     console.log(`[TabularDriver]   row ${debugR}:`, readRow(debugR));
                 }
@@ -719,12 +758,10 @@ export class TabularDriver {
                 continue;
             }
 
-            // Build data rows: everything after the header row
             const rows: Record<string, any>[] = [];
             for (let r = headerSheetRow + 1; r <= endRow; r++) {
                 const rowData = readRow(r);
 
-                // Skip completely empty rows
                 const hasContent = rowData.some(cell =>
                     cell !== null && cell !== undefined && String(cell).trim() !== ''
                 );
@@ -738,9 +775,6 @@ export class TabularDriver {
             }
 
             console.log(`[TabularDriver] Built ${rows.length} data rows for sheet "${sheetName}"`);
-            if (rows.length > 0) {
-                console.log(`[TabularDriver] First row:`, rows[0]);
-            }
 
             if (rows.length > 0) {
                 sheets[sheetName] = new DataFrame(rows);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.206",
+  "version": "1.1.207",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "index.js",