From fb6edcd31d69a3074016e3845ff4bd9d0d9aa2c0 Mon Sep 17 00:00:00 2001
From: Brandon Liu <bdon@users.noreply.github.com>
Date: Mon, 15 Dec 2025 22:56:51 +0800
Subject: [PATCH] viewer: display raw values as tooltips for human-readable
 byte lengths (#622)

* viewer: display raw values as tooltips for human-readable byte lengths
---
 app/src/PageArchive.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/src/PageArchive.tsx b/app/src/PageArchive.tsx
index eb4d129..62122d1 100644
--- a/app/src/PageArchive.tsx
+++ b/app/src/PageArchive.tsx
@@ -426,22 +426,30 @@ function ArchiveView(props: { genericTileset: Accessor<Tileset> }) {
                   <tr>
                     <td class="app-text-light">Root Dir</td>
                     <td>{h().rootDirectoryOffset}</td>
-                    <td>{formatBytes(h().rootDirectoryLength)}</td>
+                    <td title={h().rootDirectoryLength.toString()}>
+                      {formatBytes(h().rootDirectoryLength)}
+                    </td>
                   </tr>
                   <tr>
                     <td class="app-text-light">Metadata</td>
                     <td>{h().jsonMetadataOffset}</td>
-                    <td>{formatBytes(h().jsonMetadataLength)}</td>
+                    <td title={h().jsonMetadataLength.toString()}>
+                      {formatBytes(h().jsonMetadataLength)}
+                    </td>
                   </tr>
                   <tr>
                     <td class="app-text-light">Leaf Dirs</td>
                     <td>{h().leafDirectoryOffset}</td>
-                    <td>{formatBytes(h().leafDirectoryLength || 0)}</td>
+                    <td title={(h().leafDirectoryLength || 0).toString()}>
+                      {formatBytes(h().leafDirectoryLength || 0)}
+                    </td>
                   </tr>
                   <tr>
                     <td class="app-text-light">Tile Data</td>
                     <td>{h().tileDataOffset}</td>
-                    <td>{formatBytes(h().tileDataLength || 0)}</td>
+                    <td title={(h().tileDataLength || 0).toString()}>
+                      {formatBytes(h().tileDataLength || 0)}
+                    </td>
                   </tr>
                 </tbody>
               </table>