From 897554fa4ed9dbac3cba97c721596816f9b8da21 Mon Sep 17 00:00:00 2001
From: justin <justin@liquidator.optimal-reality.com>
Date: Sat, 30 May 2026 15:26:41 -0500
Subject: [PATCH] Fix DOT intake: hide all sections by default, show on load

Sections were visible by default in HTML. Now all hidden, then
showRelevantSections() runs immediately + on pw:step-shown.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 site/src/components/intake/steps/DOTIntakeStep.astro | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/site/src/components/intake/steps/DOTIntakeStep.astro b/site/src/components/intake/steps/DOTIntakeStep.astro
index 4bd9c9d..72dc1f0 100644
--- a/site/src/components/intake/steps/DOTIntakeStep.astro
+++ b/site/src/components/intake/steps/DOTIntakeStep.astro
@@ -58,7 +58,7 @@
     </div>
 
     <!-- ═══ SECTION: Entity & Operations (MCS-150, USDOT, MC Auth, bundles) ═══ -->
-    <div id="dot-sec-operations">
+    <div id="dot-sec-operations" hidden>
       <h3>Entity & Operations</h3>
       <div class="pw-row-2">
         <label class="pw-field"><span>Entity Type <em>*</em></span>
@@ -97,7 +97,7 @@
     </div>
 
     <!-- ═══ SECTION: Fleet (MCS-150, UCR, bundles) ═══ -->
-    <div id="dot-sec-fleet">
+    <div id="dot-sec-fleet" hidden>
       <h3>Fleet Information</h3>
       <div class="pw-row-3">
         <label class="pw-field"><span>Power Units (trucks) <em>*</em></span>
@@ -130,7 +130,7 @@
     </div>
 
     <!-- ═══ SECTION: Cargo Types (MCS-150, bundles) ═══ -->
-    <div id="dot-sec-cargo">
+    <div id="dot-sec-cargo" hidden>
       <h3>Cargo Types (check all that apply)</h3>
       <div class="pw-cargo-grid">
         <label><input type="checkbox" data-cargo="general" /> General Freight</label>
@@ -205,7 +205,7 @@
     </div>
 
     <!-- ═══ SECTION: Photo ID (MCS-150, MC Auth) ═══ -->
-    <div id="dot-sec-photo-id">
+    <div id="dot-sec-photo-id" hidden>
       <h3>Government-Issued Photo ID</h3>
       <p class="pw-field-help">Required for FMCSA filings. Driver's license, passport, or state ID.</p>
       <div class="pw-upload-area">
@@ -300,6 +300,8 @@
     }
   }
 
+  // Show sections immediately and on step-shown
+  showRelevantSections();
   window.addEventListener("pw:step-shown", (evt: any) => {
     if (evt.detail.step !== "dot-intake") return;
     showRelevantSections();