From fd0aa5060ad5ff1e663743c7a00f239f846f63b1 Mon Sep 17 00:00:00 2001
From: Manohar Gupta <manohar@manohargupta.com>
Date: Sat, 23 May 2026 18:00:57 +0530
Subject: [PATCH] Show all 8760 rows in file preview (no limit)

---
 packages/web/components/ProfileViewer.tsx | 25 +++++++++--------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/packages/web/components/ProfileViewer.tsx b/packages/web/components/ProfileViewer.tsx
index 64b7ed7..8eb01ef 100644
--- a/packages/web/components/ProfileViewer.tsx
+++ b/packages/web/components/ProfileViewer.tsx
@@ -401,7 +401,7 @@ export function ProfileViewer() {
               {/* File preview section */}
               {selectedFile && (
                 <div className="mb-6 border rounded-lg overflow-hidden">
-                  <div className="flex items-center justify-between p-3 bg-muted/50 border-b">
+                  <div className="flex items-center justify-between p-3 bg-muted/50 border-b sticky top-0 z-10">
                     <div className="flex items-center gap-2">
                       <span className="text-sm font-medium">{selectedFile.name}</span>
                       <span className="text-xs text-muted-foreground">({selectedFile.data.length} rows)</span>
@@ -422,9 +422,9 @@ export function ProfileViewer() {
                       </button>
                     </div>
                   </div>
-                  <div className="max-h-80 overflow-auto">
+                  <div className="max-h-[500px] overflow-auto">
                     <table className="w-full text-xs">
-                      <thead className="bg-muted/30 sticky top-0">
+                      <thead className="bg-muted/50 sticky top-0">
                         <tr>
                           <th className="px-3 py-2 text-left font-medium text-muted-foreground">Hour</th>
                           <th className="px-3 py-2 text-left font-medium text-muted-foreground">Date</th>
@@ -435,23 +435,18 @@ export function ProfileViewer() {
                         </tr>
                       </thead>
                       <tbody>
-                        {selectedFile.data.slice(0, 100).map((row: string[], i: number) => (
+                        {selectedFile.data.map((row: string[], i: number) => (
                           <tr key={i} className="border-t border-border/50 hover:bg-accent/30">
-                            <td className="px-3 py-1.5">{row[0]}</td>
-                            <td className="px-3 py-1.5">{row[1]}</td>
-                            <td className="px-3 py-1.5">{row[2]}</td>
-                            <td className="px-3 py-1.5">{row[3]}</td>
-                            <td className="px-3 py-1.5">{row[4]}</td>
-                            <td className="px-3 py-1.5 text-right tabular-nums">{row[5]}</td>
+                            <td className="px-3 py-1">{row[0]}</td>
+                            <td className="px-3 py-1">{row[1]}</td>
+                            <td className="px-3 py-1">{row[2]}</td>
+                            <td className="px-3 py-1">{row[3]}</td>
+                            <td className="px-3 py-1">{row[4]}</td>
+                            <td className="px-3 py-1 text-right tabular-nums">{row[5]}</td>
                           </tr>
                         ))}
                       </tbody>
                     </table>
-                    {selectedFile.data.length > 100 && (
-                      <div className="p-3 text-center text-xs text-muted-foreground bg-muted/30 border-t">
-                        Showing first 100 of {selectedFile.data.length} rows. Download CSV for full data.
-                      </div>
-                    )}
                   </div>
                 </div>
               )}