Bohdan Triapitsyn
edfc9779cf
Switching sessions ran as one synchronous commit: sidebar highlight, URL, a full timeline remount with markdown re-parse, and around nine requests, so nothing changed on screen for 150-250ms after the click. - ChatContainer swaps the timeline on a deferred copy of the selection, so the active row, URL, and tab commit first and the timeline renders behind them; selection policy keeps reading the live store value. - The message fetch starts before the selection is published. - Sidebar rows stop re-rendering on a project switch: directory-scoped sync hooks read the runtime context and a subscribable current-directory source instead of the directory-bearing context; the grouping builder reads git branches through a ref and section caches key the branches they use; descendant ids are keyed by content. Rows per switch went from 73 to 8. - Markdown skips the async re-render when the settled cached blocks are already painted, and mounts synchronously once its lazy module is loaded; the module is preloaded at boot. - A timeline reveal gate holds a freshly opened session at opacity 0 while any provisional markdown paint catches up (250ms cap), then fades the whole timeline in once, so text, tools, and recap appear together. - Switch fan-out trimmed: knowledge summary deduped, MCP status refreshed only when stale, non-repo directories cached by the git repo check, OpenChamber defaults cached briefly, agent memory reused for the same project, goal text cached, PWA manifest rebuilt after the switch settles. - Header tabs snap into the active state and keep the title at the same height in both states. - Prefetch on row press; composer focus moved off the commit. `bun run profile:switch` records ack/content latency, longest task, and requests per switch, cold and warm, and compares runs against a baseline. Measured warm switch: ack 228ms to about 40-60ms, content 228ms to about 100-120ms.
75 lines
2.6 KiB
TypeScript
75 lines
2.6 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 { preloadMarkdownRenderer } from './components/chat/markdownRendererLoader'
|
|
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');
|
|
}
|
|
|
|
// The first session opened after load renders its messages through the lazy
|
|
// markdown chunk; fetching it now, while the app boots, means that open shows
|
|
// text instead of empty message boxes until the chunk arrives.
|
|
preloadMarkdownRenderer();
|
|
|
|
createRoot(rootElement).render(
|
|
<StrictMode>
|
|
<I18nProvider>
|
|
<ThemeSystemProvider>
|
|
<ThemeProvider>
|
|
<SessionAuthGate>
|
|
<App apis={runtimeAPIs} />
|
|
</SessionAuthGate>
|
|
</ThemeProvider>
|
|
</ThemeSystemProvider>
|
|
</I18nProvider>
|
|
</StrictMode>,
|
|
);
|