From ce1041860e33326670c3e3f5c6a55320ba51b725 Mon Sep 17 00:00:00 2001
From: Emma Jamieson-Hoare <ejamieson19@gmail.com>
Date: Wed, 6 May 2026 15:17:38 +0100
Subject: [PATCH] fix: default snapshots viewer to archive

---
 apps/tempo-snapshots-viewer/src/index.ts | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/apps/tempo-snapshots-viewer/src/index.ts b/apps/tempo-snapshots-viewer/src/index.ts
index 85bee010e..88456b294 100644
--- a/apps/tempo-snapshots-viewer/src/index.ts
+++ b/apps/tempo-snapshots-viewer/src/index.ts
@@ -1619,6 +1619,15 @@ async function handleUI(_req: Request, env: Env) {
       background: var(--surface-hover);
     }
 
+    .preset:disabled {
+      cursor: not-allowed;
+      opacity: 0.45;
+    }
+
+    .preset:disabled:hover {
+      background: var(--surface);
+    }
+
     .preset.active {
       background: var(--surface-hover);
       border-color: var(--accent);
@@ -2103,7 +2112,7 @@ async function handleUI(_req: Request, env: Env) {
       <div class="snapshot-status-note" id="snapshotStatusNote"></div>
 
       <div class="presets" id="presets">
-        <button class="preset active" onclick="selectPreset('minimal')" id="preset-minimal">
+        <button class="preset" id="preset-minimal" disabled>
           <div class="preset-header">
             <span class="preset-radio"></span>
             <span class="preset-name">Minimal<span class="preset-modified-tag">(modified)</span></span>
@@ -2112,7 +2121,7 @@ async function handleUI(_req: Request, env: Env) {
           <span class="preset-desc">State and headers with minimal history. Limited historical RPC.</span>
           <span class="preset-ideal">Ideal for validators and constrained environments</span>
         </button>
-        <button class="preset" onclick="selectPreset('full')" id="preset-full">
+        <button class="preset" id="preset-full" disabled>
           <div class="preset-header">
             <span class="preset-radio"></span>
             <span class="preset-name">Full<span class="preset-modified-tag">(modified)</span></span>
@@ -2121,7 +2130,7 @@ async function handleUI(_req: Request, env: Env) {
           <span class="preset-desc">Full transaction history with recent receipts and state history.</span>
           <span class="preset-ideal">Ideal for dApp backends and personal nodes</span>
         </button>
-        <button class="preset" onclick="selectPreset('archive')" id="preset-archive">
+        <button class="preset active" onclick="selectPreset('archive')" id="preset-archive">
           <div class="preset-header">
             <span class="preset-radio"></span>
             <span class="preset-name">Archive<span class="preset-modified-tag">(modified)</span></span>
@@ -2199,9 +2208,9 @@ async function handleUI(_req: Request, env: Env) {
       archive:  { checked: ['state', 'headers', 'txs', 'tx_send', 'receipts', 'acc_cs', 'sto_cs', 'indices'] }
     };
 
-    var checkedComponents = new Set(PRESETS.minimal.checked);
-    var activePreset = 'minimal';
-    var presetBaseComponents = new Set(PRESETS.minimal.checked);
+    var checkedComponents = new Set(PRESETS.archive.checked);
+    var activePreset = 'archive';
+    var presetBaseComponents = new Set(PRESETS.archive.checked);
     var activeSnapshotId = latestModularSnapshotId;
     var activeSnapshotUrl = null;