From 3614284a78f4bc5c615226587bb6d0930e2fdb65 Mon Sep 17 00:00:00 2001
From: justin <justin@liquidator.optimal-reality.com>
Date: Tue, 28 Apr 2026 05:04:21 -0500
Subject: [PATCH] Fix intake wizard: global styles for JS-created step bar,
 re-render after pre-fill

- Changed <style> to <style is:global> so CSS applies to dynamically
  created step chips (Astro scoped styles don't match JS-created elements)
- After async pre-fill from order data completes, re-renders the active
  step so EntityStep reads the populated state
- Removes payment step when token/order param is present

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

diff --git a/site/src/components/intake/Wizard.astro b/site/src/components/intake/Wizard.astro
index 53e59cd..d811bd8 100644
--- a/site/src/components/intake/Wizard.astro
+++ b/site/src/components/intake/Wizard.astro
@@ -129,7 +129,7 @@ const STEP_LABELS: Record<string, string> = {
   </footer>
 </div>
 
-<style>
+<style is:global>
   .pw-wizard { max-width: 820px; margin: 0 auto; padding: 1rem; }
   .pw-wizard-header h1 { margin: 0 0 1rem; color: var(--pw-navy, #1a2744); }
   .pw-wizard-stepbar {
@@ -366,6 +366,8 @@ const STEP_LABELS: Record<string, string> = {
       }
 
       saveState(state);
+      // Re-render the first step now that state is populated
+      renderStep(loadState().step_index || 0);
     } catch {}
   })();