Merge guided flow

src/routes/Flash.svelte

@@ -376,18 +376,18 @@
         class={`${iconStyle} ${!error && step !== StepCode.DONE ? 'animate-pulse' : ''}`}
       />
     </div>
-    <div class="w-full max-w-3xl px-8 transition-opacity duration-300" style={{ opacity: progress === -1 ? 0 : 1 }}>
+    <div class="w-full max-w-3xl px-8 transition-opacity duration-300" style:opacity={ progress === -1 ? 0 : 1 }>
       <LinearProgress value={progress * 100} barColor={bgColor} />
     </div>
     <span class="text-3xl font-mono font-light">{title}</span>
     <span class="text-xl px-8 max-w-xl text-center">
-      {description}
+      {@html description}
       {#if showDiscordHelp}
         If the problem persists, join <a href="https://discord.comma.ai" target="_blank" rel="noopener noreferrer" class="text-blue-500 hover:underline font-semibold">#{discordChannel}</a> on Discord for help.
       {/if}
       {#if error !== ErrorCode.NONE && hideRetry && !showDebugInfo}
         <button
-          onclick={() => setShowDebugInfo(true)}
+          onclick={() => showDebugInfo = true}
           class="block mx-auto mt-2 text-sm text-gray-500 hover:text-gray-700 underline"
         >
           show debug info
@@ -412,7 +412,7 @@
         selectedDevice={selectedDevice}
         serial={serial}
         message={message}
-        onClose={hideRetry ? () => setShowDebugInfo(false) : undefined}
+        onclose={hideRetry ? () => showDebugInfo = false : undefined}
       />
     {/if}
   </div>

src/routes/Stepper.svelte

@@ -24,8 +24,8 @@
         }`}
       >
         {#if isCompleted} 
-          <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
+          <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" style:stroke-width="2" style:stroke-linecap="round" style:stroke-linejoin="round" style>
+            <path d="M5 13l4 4L19 7" />
           </svg>
         {/if}
         {stepName}

src/routes/_components/DebugInfo.svelte

@@ -1,8 +1,9 @@
 <script>
   // Debug info component for error reporting
-  import { DeviceType } from "$lib/utils/manager"
+  import { ErrorCode, StepCode, DeviceType } from "$lib/utils/manager";
+  import { isLinux } from "$lib/utils/platform"
 
-  let { error, step, selectedDevice, serial, message, onClose } = $props();
+  let { error, step, selectedDevice, serial, message, onclose } = $props();
 
   // Capture console logs for debug reports
   const consoleLogs = []
@@ -90,9 +91,9 @@ ${consoleLogs.slice(-30).map(l => `[${l.time}] [${l.level}] ${l.message}`).join(
       {' '}or{' '}
       <a href="https://github.com/commaai/flash/issues/new" target="_blank" rel="noopener noreferrer" class="text-blue-500 hover:underline">GitHub Issues</a>.
     </p>
-    {#if onClose}
+    {#if onclose}
       <button
-        onclick={onClose}
+        onclick={onclose}
         class="text-gray-400 hover:text-gray-600 shrink-0"
         title="Hide debug info"
       >

src/routes/_components/WindowsZadig.svelte

@@ -1,6 +1,7 @@
-<script>
+<script lang="ts">
   import zadigCreateNewDevice from '$lib/images/zadig_create_new_device.png'
   import zadigForm from '$lib/images/zadig_form.png'
+  import { DeviceType } from "$lib/utils/manager"
 
   // Windows Zadig driver setup component
   const PRODUCT_ID = '9008'