Add dreamer schedule controls to settings — hour selector, auto mode

components/SettingsPanel.tsx

@@ -280,6 +280,31 @@ export default function SettingsPanel() {
                 {dreaming ? 'Starting...' : dreamStarted ? 'Started ✓' : 'Dream'}
               </SBtn>
             </Row>
+            <Row label="Nightly schedule (UTC)" desc="Hour the dreamer fires automatically">
+              <select
+                value={settings.dream_hour_utc ?? 8}
+                onChange={e => updateSetting('dream_hour_utc', parseInt(e.target.value))}
+                className="rounded-md px-2 py-1 text-sm"
+                style={{ background: 'var(--bg3)', border: '1px solid var(--border2)', color: 'var(--text)', fontFamily: 'var(--font-sans)' }}
+              >
+                {Array.from({length: 24}, (_, i) => (
+                  <option key={i} value={i}>{i.toString().padStart(2,'0')}:00 UTC</option>
+                ))}
+              </select>
+            </Row>
+            <Row label="Auto mode" desc="Mode used for nightly automatic dream">
+              <select
+                value={settings.dream_mode ?? 'nrem'}
+                onChange={e => updateSetting('dream_mode', e.target.value)}
+                className="rounded-md px-2 py-1 text-sm"
+                style={{ background: 'var(--bg3)', border: '1px solid var(--border2)', color: 'var(--text)', fontFamily: 'var(--font-sans)' }}
+              >
+                <option value="nrem">NREM</option>
+                <option value="early-rem">Early REM</option>
+                <option value="late-rem">Late REM</option>
+                <option value="lucid">Lucid</option>
+              </select>
+            </Row>
           </Section>
 
           {/* System */}