From 69025c17ee7ba8e869dffde8c665d0c1fd9f2f45 Mon Sep 17 00:00:00 2001
From: Michael Mainguy <mike.mainguy@gmail.com>
Date: Mon, 11 Aug 2025 12:42:13 -0500
Subject: [PATCH] Move URL column between Priority and Start Time in HTTP
 requests table
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Reorder table headers: URL now appears after Priority, before Start Time
- Update RequestRowSummary component to match new column order
- Improved table layout with URL positioned earlier for better visibility
- Maintains all existing functionality and styling

New column order:
Expand | Method | Status | Type | Priority | URL | Start Time | Queue Time | DNS | Connection | Server Latency | Duration | Total Response Time | Size | Content-Length | Protocol | CDN | Cache

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/httprequestviewer/RequestRowSummary.tsx | 10 +++++-----
 src/components/httprequestviewer/RequestsTable.tsx     | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/httprequestviewer/RequestRowSummary.tsx b/src/components/httprequestviewer/RequestRowSummary.tsx
index 3a74ed2..3f6013c 100644
--- a/src/components/httprequestviewer/RequestRowSummary.tsx
+++ b/src/components/httprequestviewer/RequestRowSummary.tsx
@@ -53,6 +53,11 @@ const RequestRowSummary: React.FC<RequestRowSummaryProps> = ({
         <td className={`${styles.tableCell} ${styles.priorityCell}`} style={{ color: getPriorityColor(request.priority) }}>
           {request.priority || '-'}
         </td>
+        <td className={`${styles.tableCell} ${styles.urlCell}`}>
+          <a href={request.url} target="_blank" rel="noopener noreferrer" className={styles.urlLink}>
+            {truncateUrl(request.url)}
+          </a>
+        </td>
         <td className={`${styles.tableCell} ${styles.timeCell}`}>
           {formatDuration(request.timing.startOffset)}
         </td>
@@ -95,11 +100,6 @@ const RequestRowSummary: React.FC<RequestRowSummaryProps> = ({
         <td className={styles.serverLatencyCell} style={{ ...getServerLatencyColor(request.timing.serverLatency) }}>
           {formatDuration(request.timing.serverLatency)}
         </td>
-        <td className={`${styles.tableCell} ${styles.urlCell}`}>
-          <a href={request.url} target="_blank" rel="noopener noreferrer" className={styles.urlLink}>
-            {truncateUrl(request.url)}
-          </a>
-        </td>
         <td className={styles.durationCell} style={{ ...getDurationColor(request.timing.duration) }}>
           {formatDuration(request.timing.duration)}
         </td>
diff --git a/src/components/httprequestviewer/RequestsTable.tsx b/src/components/httprequestviewer/RequestsTable.tsx
index 65a19d9..781dc25 100644
--- a/src/components/httprequestviewer/RequestsTable.tsx
+++ b/src/components/httprequestviewer/RequestsTable.tsx
@@ -66,6 +66,11 @@ const RequestsTable: React.FC<RequestsTableProps> = ({
                   Priority
                 </Tooltip>
               </th>
+              <th className={`${styles.tableHeaderCell} ${styles.left}`}>
+                <Tooltip type={TooltipType.REQUEST_URL}>
+                  URL
+                </Tooltip>
+              </th>
               <th className={`${styles.tableHeaderCell} ${styles.right}`}>
                 <Tooltip type={TooltipType.START_TIME}>
                   Start Time
@@ -91,11 +96,6 @@ const RequestsTable: React.FC<RequestsTableProps> = ({
                   Server Latency
                 </Tooltip>
               </th>
-              <th className={`${styles.tableHeaderCell} ${styles.left}`}>
-                <Tooltip type={TooltipType.REQUEST_URL}>
-                  URL
-                </Tooltip>
-              </th>
               <th className={`${styles.tableHeaderCell} ${styles.right}`}>
                 <Tooltip type={TooltipType.REQUEST_DURATION}>
                   Duration