mirror of
https://github.com/NousResearch/hermes-agent.git
synced 2026-05-20 05:01:30 +00:00
Subscribe overlay components to computed theme/session selectors instead of the full UI store so unrelated UI state updates trigger fewer overlay renders.
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { atom, computed } from 'nanostores'
|
|
|
|
import { MOUSE_TRACKING } from '../config/env.js'
|
|
import { ZERO } from '../domain/usage.js'
|
|
import { DEFAULT_THEME } from '../theme.js'
|
|
|
|
import { DEFAULT_INDICATOR_STYLE, type UiState } from './interfaces.js'
|
|
|
|
const buildUiState = (): UiState => ({
|
|
bgTasks: new Set(),
|
|
busy: false,
|
|
busyInputMode: 'queue',
|
|
compact: false,
|
|
detailsMode: 'collapsed',
|
|
detailsModeCommandOverride: false,
|
|
indicatorStyle: DEFAULT_INDICATOR_STYLE,
|
|
info: null,
|
|
inlineDiffs: true,
|
|
mouseTracking: MOUSE_TRACKING,
|
|
sections: {},
|
|
showCost: false,
|
|
showReasoning: false,
|
|
sid: null,
|
|
status: 'summoning hermes…',
|
|
statusBar: 'top',
|
|
streaming: true,
|
|
theme: DEFAULT_THEME,
|
|
usage: ZERO
|
|
})
|
|
|
|
export const $uiState = atom<UiState>(buildUiState())
|
|
|
|
export const $uiTheme = computed($uiState, state => state.theme)
|
|
export const $uiSessionId = computed($uiState, state => state.sid)
|
|
|
|
export const getUiState = () => $uiState.get()
|
|
|
|
export const patchUiState = (next: Partial<UiState> | ((state: UiState) => UiState)) =>
|
|
$uiState.set(typeof next === 'function' ? next($uiState.get()) : { ...$uiState.get(), ...next })
|
|
|
|
export const resetUiState = () => $uiState.set(buildUiState())
|