Pablo Gonzalez
9001e38c54
Add a Window controls Style setting ('classic' | 'traffic-lights',
default 'classic') next to the existing Position setting. All four
position×style combinations render correctly with side-driven order
(close,min,max left; min,max,close right).
- Restore deleted left-classic branch (h-8 w-8 rounded-md buttons)
- Add right-traffic-lights branch (cluster with ml-1 container)
- Branch on style instead of side in WindowsWindowControls
- Store field + setter with 'classic' default (no migration needed;
Zustand persist shallow-merges over initial state)
- Settings UI: SettingsTwoColumn with Position chips + Style dropdown
- Sanitize on client (persistence.ts) and server (settings-helpers.js)
- 10 locale dictionaries updated (add-only, no existing keys changed)
- Traffic-light button spacing 8px→10px edge-to-edge
- Delete dead DESKTOP_WINDOW_CONTROLS_WIDTH_PX constant
69 lines
2.3 KiB
TypeScript
69 lines
2.3 KiB
TypeScript
import { StrictMode } from 'react'
|
|
import { createRoot } from 'react-dom/client'
|
|
import './styles/fonts'
|
|
import './index.css'
|
|
import App from './App.tsx'
|
|
import { SessionAuthGate } from './components/auth/SessionAuthGate'
|
|
import { ThemeSystemProvider } from './contexts/ThemeSystemContext'
|
|
import { ThemeProvider } from './components/providers/ThemeProvider'
|
|
import './lib/debug'
|
|
import { syncDesktopSettings, initializeAppearancePreferences } from './lib/persistence'
|
|
import { startAppearanceAutoSave } from './lib/appearanceAutoSave'
|
|
import { applyPersistedDirectoryPreferences } from './lib/directoryPersistence'
|
|
import { startTypographyWatcher } from './lib/typographyWatcher'
|
|
import { startModelPrefsAutoSave } from './lib/modelPrefsAutoSave'
|
|
import { initializeLocale, I18nProvider } from './lib/i18n'
|
|
import type { RuntimeAPIs } from './lib/api/types'
|
|
|
|
declare global {
|
|
interface Window {
|
|
__OPENCHAMBER_RUNTIME_APIS__?: RuntimeAPIs;
|
|
}
|
|
}
|
|
|
|
const runtimeAPIs = (typeof window !== 'undefined' && window.__OPENCHAMBER_RUNTIME_APIS__) || (() => {
|
|
throw new Error('Runtime APIs not provided for legacy UI entrypoint.');
|
|
})();
|
|
|
|
initializeLocale();
|
|
|
|
// Initialize settings asynchronously — the app renders with defaults first
|
|
// and hydrates once persisted preferences are applied. Users with non-default
|
|
// themes may briefly see default appearance on cold start; accepted trade-off
|
|
// for faster time-to-first-paint.
|
|
void initializeAppearancePreferences().then(() => {
|
|
void Promise.all([
|
|
syncDesktopSettings(),
|
|
applyPersistedDirectoryPreferences(),
|
|
]).catch((err) => {
|
|
console.error('[main] settings init failed:', err);
|
|
});
|
|
|
|
// Start watchers regardless of whether secondary settings succeed.
|
|
startAppearanceAutoSave();
|
|
startModelPrefsAutoSave();
|
|
startTypographyWatcher();
|
|
}).catch((err) => {
|
|
console.error('[main] appearance init failed:', err);
|
|
});
|
|
|
|
|
|
const rootElement = document.getElementById('root');
|
|
if (!rootElement) {
|
|
throw new Error('Root element not found');
|
|
}
|
|
|
|
createRoot(rootElement).render(
|
|
<StrictMode>
|
|
<I18nProvider>
|
|
<ThemeSystemProvider>
|
|
<ThemeProvider>
|
|
<SessionAuthGate>
|
|
<App apis={runtimeAPIs} />
|
|
</SessionAuthGate>
|
|
</ThemeProvider>
|
|
</ThemeSystemProvider>
|
|
</I18nProvider>
|
|
</StrictMode>,
|
|
);
|