fix(electrobun): wizard 7 fixes — validation, GitLab, SSHFS, icons, model dropdown, keyboard nav

- Git Platform: validates repo via git.probe before enabling Next, supports GitHub + GitLab + any git URL
- Template dir configurable in Advanced Settings (template_dir key)
- SSHFS: checks sshfs availability, mountpoint selector when enabled
- CustomDropdown: flip-up when insufficient space below
- 50 Lucide icons (was 24) with categories (AI, Data, DevOps, Security, Media, Comms)
- Model: CustomDropdown from live API, max_tokens as slider, effort only with adaptive thinking
- Keyboard: Escape closes wizard, Tab navigation with :focus-visible rings, source cards navigable

ui-electrobun/src/mainview/WizardStep2.svelte

@@ -4,6 +4,10 @@
     Terminal, Server, Globe, Code, Database, Cpu, Zap, Shield,
     Rocket, Bug, Puzzle, Box, Layers, GitBranch, Wifi, Lock,
     FlaskConical, Sparkles, FileCode, Wrench, Folder, Bot, Cloud, HardDrive,
+    Brain, BrainCircuit, Wand2, Table, BarChart3, Container, Activity,
+    Settings, Cog, Key, Fingerprint, ShieldCheck, Image, Video, Music,
+    Camera, Palette, MessageCircle, Mail, Phone, Radio, Send,
+    Gamepad2, BookOpen, Blocks, Leaf,
   } from 'lucide-svelte';
   import CustomDropdown from './ui/CustomDropdown.svelte';
   import CustomCheckbox from './ui/CustomCheckbox.svelte';
@@ -35,11 +39,22 @@
     Terminal, Server, Globe, Code, Database, Cpu, Zap, Shield,
     Rocket, Bug, Puzzle, Box, Layers, GitBranch, Wifi, Lock,
     FlaskConical, Sparkles, FileCode, Wrench, Folder, Bot, Cloud, HardDrive,
+    Brain, BrainCircuit, Wand2, Table, BarChart3, Container, Activity,
+    Settings, Cog, Key, Fingerprint, ShieldCheck, Image, Video, Music,
+    Camera, Palette, MessageCircle, Mail, Phone, Radio, Send,
+    Gamepad2, BookOpen, Blocks, Leaf,
   };
+
+  let firstInput = $state<HTMLInputElement | null>(null);
+
+  export function focusFirst() {
+    firstInput?.focus();
+  }
 </script>
 
 <label class="wz-label">Project name</label>
 <input class="wz-input" class:error={!!nameError} type="text"
+  bind:this={firstInput}
   value={projectName} oninput={(e) => onUpdate('projectName', (e.target as HTMLInputElement).value)}
   placeholder="my-project" />
 {#if nameError}<span class="wz-hint error">{nameError}</span>{/if}
@@ -71,7 +86,8 @@
 <div class="wz-icon-grid">
   {#each PROJECT_ICONS as ic}
     <button class="wz-icon-btn" class:selected={projectIcon === ic.name}
-      onclick={() => onUpdate('projectIcon', ic.name)} title={ic.label}>
+      onclick={() => onUpdate('projectIcon', ic.name)} title={ic.label}
+      tabindex={0}>
       {#if ICON_MAP[ic.name]}
         <svelte:component this={ICON_MAP[ic.name]} size={16} />
       {/if}
@@ -85,7 +101,8 @@
     <button class="wz-color-dot" class:selected={projectColor === `var(${c.var})`}
       style:background={`var(${c.var})`}
       onclick={() => onUpdate('projectColor', `var(${c.var})`)}
-      title={c.name}></button>
+      title={c.name}
+      tabindex={0}></button>
   {/each}
 </div>
 
@@ -99,17 +116,19 @@
 <style>
   .wz-label { font-size: 0.75rem; font-weight: 500; color: var(--ctp-subtext0); margin-top: 0.25rem; }
   .wz-input { padding: 0.375rem 0.5rem; background: var(--ctp-surface0); border: 1px solid var(--ctp-surface1); border-radius: 0.25rem; color: var(--ctp-text); font-size: 0.8125rem; font-family: var(--ui-font-family); width: 100%; }
-  .wz-input:focus { outline: none; border-color: var(--ctp-blue); }
+  .wz-input:focus { outline: 2px solid var(--ctp-blue); outline-offset: -1px; border-color: var(--ctp-blue); }
   .wz-input.error { border-color: var(--ctp-red); }
   .wz-input::placeholder { color: var(--ctp-overlay0); }
   .wz-hint { font-size: 0.6875rem; }
   .wz-hint.error { color: var(--ctp-red); }
-  .wz-icon-grid { display: flex; flex-wrap: wrap; gap: 0.25rem; }
+  .wz-icon-grid { display: flex; flex-wrap: wrap; gap: 0.25rem; max-height: 8rem; overflow-y: auto; }
   .wz-icon-btn { width: 2rem; height: 2rem; border-radius: 0.25rem; border: 1px solid var(--ctp-surface1); background: var(--ctp-surface0); cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--ctp-subtext0); }
   .wz-icon-btn:hover { border-color: var(--ctp-overlay1); color: var(--ctp-text); }
+  .wz-icon-btn:focus-visible { outline: 2px solid var(--ctp-blue); outline-offset: -1px; }
   .wz-icon-btn.selected { border-color: var(--ctp-blue); background: color-mix(in srgb, var(--ctp-blue) 15%, transparent); color: var(--ctp-blue); }
   .wz-color-grid { display: flex; flex-wrap: wrap; gap: 0.375rem; }
   .wz-color-dot { width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 2px solid transparent; cursor: pointer; transition: border-color 0.12s, transform 0.12s; }
   .wz-color-dot:hover { transform: scale(1.15); }
+  .wz-color-dot:focus-visible { outline: 2px solid var(--ctp-blue); outline-offset: 2px; }
   .wz-color-dot.selected { border-color: var(--ctp-text); box-shadow: 0 0 0 1px var(--ctp-surface0); }
 </style>