savant-code 0.0.19 → 0.0.21

package/cli/src/utils/theme-system.ts

@@ -1,1265 +0,0 @@
-import { existsSync, readFileSync, readdirSync, statSync, watch } from 'fs'
-import { homedir } from 'os'
-import { dirname, join } from 'path'
-
-import { getCliEnv } from './env'
-
-import type { MarkdownPalette } from './markdown-renderer'
-import type { CliEnv } from '../types/env'
-import type {
-  ChatTheme,
-  MarkdownHeadingLevel,
-  MarkdownThemeOverrides,
-  ThemeName,
-} from '../types/theme-system'
-import type { JSONValue } from '@savant-code/common/types/json'
-
-/**
- * Check if the terminal supports truecolor (24-bit color).
- * Terminals like macOS Terminal.app only support 256 colors and cannot
- * render hex colors properly - they need ANSI color name fallbacks.
- */
-// Cache the truecolor support result since it won't change during runtime
-let _truecolorSupport: boolean | null = null
-
-export function supportsTruecolor(env: CliEnv = getCliEnv()): boolean {
-  if (_truecolorSupport !== null) {
-    return _truecolorSupport
-  }
-
-  const termProgram = env.TERM_PROGRAM?.toLowerCase() ?? ''
-
-  // Terminal.app (Apple_Terminal) does NOT support truecolor - only 256 colors
-  if (termProgram === 'apple_terminal') {
-    _truecolorSupport = false
-    return false
-  }
-
-  const colorterm = env.COLORTERM?.toLowerCase()
-  if (colorterm === 'truecolor' || colorterm === '24bit') {
-    _truecolorSupport = true
-    return true
-  }
-
-  // Some terminals that are known to support truecolor
-  const truecolorTerminals = [
-    'iterm.app',
-    'hyper',
-    'wezterm',
-    'alacritty',
-    'kitty',
-    'ghostty',
-    'vscode',
-  ]
-
-  if (truecolorTerminals.some((t) => termProgram.includes(t))) {
-    _truecolorSupport = true
-    return true
-  }
-
-  // Check TERM for known truecolor-capable values
-  const term = env.TERM?.toLowerCase() ?? ''
-  if (term.includes('truecolor') || term.includes('24bit')) {
-    _truecolorSupport = true
-    return true
-  }
-
-  // xterm-kitty, alacritty, etc.
-  if (
-    term === 'xterm-kitty' ||
-    term === 'alacritty' ||
-    term.includes('ghostty')
-  ) {
-    _truecolorSupport = true
-    return true
-  }
-
-  _truecolorSupport = false
-  return false
-}
-
-/**
- * Get the block color for the logo based on theme and terminal capabilities.
- * In dark mode: white (#ffffff or 'white')
- * In light mode: black (#000000 or 'black')
- */
-export function getLogoBlockColor(
-  themeName: ThemeName,
-  env: CliEnv = getCliEnv(),
-): string {
-  const isTruecolor = supportsTruecolor(env)
-  if (themeName === 'dark') {
-    return isTruecolor ? '#18faf9' : 'cyan' // Neon cyan — matching accent
-  }
-  return isTruecolor ? '#0891b2' : 'cyan' // Cyan-600 for light mode
-}
-
-/**
- * Get the accent color for the logo based on theme and terminal capabilities.
- * Returns the primary green color with appropriate fallback.
- */
-export function getLogoAccentColor(
-  themeName: ThemeName,
-  env: CliEnv = getCliEnv(),
-): string {
-  const isTruecolor = supportsTruecolor(env)
-  // The primary cyan color
-  if (themeName === 'dark') {
-    return isTruecolor ? '#18faf9' : 'cyan' // Neon cyan
-  }
-  return isTruecolor ? '#0891b2' : 'cyan' // Cyan-600 for light mode
-}
-
-const IDE_THEME_INFERENCE = {
-  dark: [
-    'dark',
-    'midnight',
-    'night',
-    'noir',
-    'black',
-    'charcoal',
-    'dim',
-    'dracula',
-    'darcula',
-    'moon',
-    'nebula',
-    'obsidian',
-    'shadow',
-    'storm',
-    'monokai',
-    'ayu mirage',
-    'material darker',
-    'tokyo',
-    'abyss',
-    'zed dark',
-    'vs dark',
-  ],
-  light: [
-    'light',
-    'day',
-    'dawn',
-    'bright',
-    'paper',
-    'sun',
-    'snow',
-    'cloud',
-    'white',
-    'solarized light',
-    'pastel',
-    'cream',
-    'zed light',
-    'vs light',
-  ],
-} as const
-
-const VS_CODE_PRODUCT_DIRS = [
-  'Code',
-  'Code - Insiders',
-  'Code - OSS',
-  'VSCodium',
-  'VSCodium - Insiders',
-  'Cursor',
-] as const
-
-const normalizeThemeName = (themeName: string): string =>
-  themeName.trim().toLowerCase()
-
-const inferThemeFromName = (themeName: string): ThemeName | null => {
-  const normalized = normalizeThemeName(themeName)
-
-  for (const hint of IDE_THEME_INFERENCE.dark) {
-    if (normalized.includes(hint)) {
-      return 'dark'
-    }
-  }
-
-  for (const hint of IDE_THEME_INFERENCE.light) {
-    if (normalized.includes(hint)) {
-      return 'light'
-    }
-  }
-
-  return null
-}
-
-const stripJsonStyleComments = (raw: string): string =>
-  raw.replace(/\/\*[\s\S]*?\*\//g, '').replace(/^\s*\/\/.*$/gm, '')
-
-const safeReadFile = (filePath: string): string | null => {
-  try {
-    return readFileSync(filePath, 'utf8')
-  } catch {
-    return null
-  }
-}
-
-const collectExistingPaths = (candidates: string[]): string[] => {
-  const seen = new Set<string>()
-  for (const candidate of candidates) {
-    if (!candidate) continue
-    try {
-      if (existsSync(candidate)) {
-        seen.add(candidate)
-      }
-    } catch {
-      // Ignore filesystem errors when probing paths
-    }
-  }
-  return [...seen]
-}
-
-const resolveVSCodeSettingsPaths = (env: CliEnv = getCliEnv()): string[] => {
-  const settings: string[] = []
-  const home = homedir()
-
-  if (process.platform === 'darwin') {
-    const base = join(home, 'Library', 'Application Support')
-    for (const product of VS_CODE_PRODUCT_DIRS) {
-      settings.push(join(base, product, 'User', 'settings.json'))
-    }
-  } else if (process.platform === 'win32') {
-    const appData = env.APPDATA
-    if (appData) {
-      for (const product of VS_CODE_PRODUCT_DIRS) {
-        settings.push(join(appData, product, 'User', 'settings.json'))
-      }
-    }
-  } else {
-    const configDir = env.XDG_CONFIG_HOME ?? join(home, '.config')
-    for (const product of VS_CODE_PRODUCT_DIRS) {
-      settings.push(join(configDir, product, 'User', 'settings.json'))
-    }
-  }
-
-  return settings
-}
-
-const resolveJetBrainsLafPaths = (env: CliEnv = getCliEnv()): string[] => {
-  const candidates: string[] = []
-
-  // Check IDE config dirs
-  if (env.IDE_CONFIG_DIR) {
-    candidates.push(join(env.IDE_CONFIG_DIR, 'options', 'laf.xml'))
-  }
-  if (env.JB_IDE_CONFIG_DIR) {
-    candidates.push(join(env.JB_IDE_CONFIG_DIR, 'options', 'laf.xml'))
-  }
-
-  const home = homedir()
-
-  const baseDirs: string[] = []
-  if (process.platform === 'darwin') {
-    baseDirs.push(join(home, 'Library', 'Application Support', 'JetBrains'))
-  } else if (process.platform === 'win32') {
-    const appData = env.APPDATA
-    if (appData) {
-      baseDirs.push(join(appData, 'JetBrains'))
-    }
-  } else {
-    baseDirs.push(join(home, '.config', 'JetBrains'))
-    baseDirs.push(join(home, '.local', 'share', 'JetBrains'))
-  }
-
-  for (const base of baseDirs) {
-    try {
-      if (!existsSync(base)) continue
-      const entries = readdirSync(base)
-      for (const entry of entries) {
-        const dirPath = join(base, entry)
-        try {
-          if (!statSync(dirPath).isDirectory()) continue
-        } catch {
-          continue
-        }
-
-        candidates.push(join(dirPath, 'options', 'laf.xml'))
-      }
-    } catch {
-      // Ignore unreadable directories
-    }
-  }
-
-  return candidates
-}
-
-const resolveZedSettingsPaths = (env: CliEnv = getCliEnv()): string[] => {
-  const home = homedir()
-  const paths: string[] = []
-
-  const configDirs = new Set<string>()
-
-  const xdgConfig = env.XDG_CONFIG_HOME ?? join(home, '.config')
-  configDirs.add(join(xdgConfig, 'zed'))
-  configDirs.add(join(xdgConfig, 'dev.zed.Zed'))
-
-  if (process.platform === 'darwin') {
-    configDirs.add(join(home, 'Library', 'Application Support', 'Zed'))
-    configDirs.add(join(home, 'Library', 'Application Support', 'dev.zed.Zed'))
-  } else if (process.platform === 'win32') {
-    const appData = env.APPDATA
-    if (appData) {
-      configDirs.add(join(appData, 'Zed'))
-      configDirs.add(join(appData, 'dev.zed.Zed'))
-    }
-  } else {
-    configDirs.add(join(home, '.config', 'zed'))
-    configDirs.add(join(home, '.config', 'dev.zed.Zed'))
-    configDirs.add(join(home, '.local', 'share', 'zed'))
-    configDirs.add(join(home, '.local', 'share', 'dev.zed.Zed'))
-  }
-
-  const legacyConfig = join(home, '.zed')
-  configDirs.add(legacyConfig)
-
-  for (const dir of configDirs) {
-    paths.push(join(dir, 'settings.json'))
-  }
-
-  return paths
-}
-
-const extractVSCodeTheme = (content: string): ThemeName | null => {
-  // Try standard colorTheme setting
-  const colorThemeMatch = content.match(
-    /"workbench\.colorTheme"\s*:\s*"([^"]+)"/i,
-  )
-  if (colorThemeMatch) {
-    const inferred = inferThemeFromName(colorThemeMatch[1])
-    if (inferred) return inferred
-  }
-
-  // Check if auto-detect is enabled and try preferred themes
-  const autoDetectMatch = content.match(
-    /"window\.autoDetectColorScheme"\s*:\s*(true|false)/i,
-  )
-  const autoDetectEnabled = autoDetectMatch?.[1]?.toLowerCase() === 'true'
-
-  if (autoDetectEnabled) {
-    // Try to extract both preferred themes and infer from their names
-    const preferredDarkMatch = content.match(
-      /"workbench\.preferredDarkColorTheme"\s*:\s*"([^"]+)"/i,
-    )
-    if (preferredDarkMatch) {
-      const inferred = inferThemeFromName(preferredDarkMatch[1])
-      if (inferred) return inferred
-    }
-
-    const preferredLightMatch = content.match(
-      /"workbench\.preferredLightColorTheme"\s*:\s*"([^"]+)"/i,
-    )
-    if (preferredLightMatch) {
-      const inferred = inferThemeFromName(preferredLightMatch[1])
-      if (inferred) return inferred
-    }
-  }
-
-  return null
-}
-
-const extractJetBrainsTheme = (content: string): ThemeName | null => {
-  // Check if autodetect is enabled (Sync with OS setting)
-  const autodetectMatch = content.match(
-    /<component[^>]+name="LafManager"[^>]+autodetect="(true|false)"/i,
-  )
-  if (autodetectMatch?.[1]?.toLowerCase() === 'true') {
-    // When syncing with OS, return null to trigger platform detection
-    return null
-  }
-
-  const normalized = content.toLowerCase()
-  if (normalized.includes('darcula') || normalized.includes('dark')) {
-    return 'dark'
-  }
-
-  if (normalized.includes('light')) {
-    return 'light'
-  }
-
-  return null
-}
-
-const isVSCodeFamilyTerminal = (env: CliEnv = getCliEnv()): boolean => {
-  if (env.TERM_PROGRAM?.toLowerCase() === 'vscode') {
-    return true
-  }
-
-  // Check VS Code family env keys
-  if (
-    env.VSCODE_GIT_IPC_HANDLE ||
-    env.VSCODE_PID ||
-    env.VSCODE_CWD ||
-    env.VSCODE_NLS_CONFIG ||
-    env.CURSOR_PORT ||
-    env.CURSOR
-  ) {
-    return true
-  }
-
-  return false
-}
-
-const isJetBrainsTerminal = (env: CliEnv = getCliEnv()): boolean => {
-  if (env.TERMINAL_EMULATOR?.toLowerCase().includes('jetbrains')) {
-    return true
-  }
-
-  // Check JetBrains env keys
-  if (
-    env.JETBRAINS_REMOTE_RUN ||
-    env.IDEA_INITIAL_DIRECTORY ||
-    env.IDE_CONFIG_DIR ||
-    env.JB_IDE_CONFIG_DIR
-  ) {
-    return true
-  }
-
-  return false
-}
-
-const isZedTerminal = (env: CliEnv = getCliEnv()): boolean => {
-  const termProgram = env.TERM_PROGRAM?.toLowerCase()
-  return termProgram === 'zed' || false
-}
-
-const detectVSCodeTheme = (env: CliEnv = getCliEnv()): ThemeName | null => {
-  if (!isVSCodeFamilyTerminal(env)) {
-    return null
-  }
-
-  const settingsPaths = collectExistingPaths(resolveVSCodeSettingsPaths(env))
-
-  for (const settingsPath of settingsPaths) {
-    const content = safeReadFile(settingsPath)
-    if (!content) continue
-    const theme = extractVSCodeTheme(content)
-    if (theme) {
-      return theme
-    }
-
-    // If extractVSCodeTheme returned null but auto-detect is enabled,
-    // use platform theme as fallback
-    const autoDetectMatch = content.match(
-      /"window\.autoDetectColorScheme"\s*:\s*(true|false)/i,
-    )
-    if (autoDetectMatch?.[1]?.toLowerCase() === 'true') {
-      return detectPlatformTheme()
-    }
-  }
-
-  const themeKindEnv = env.VSCODE_THEME_KIND ?? env.VSCODE_COLOR_THEME_KIND
-  if (themeKindEnv) {
-    const normalized = themeKindEnv.trim().toLowerCase()
-    if (normalized === 'dark' || normalized === 'hc') return 'dark'
-    if (normalized === 'light') return 'light'
-  }
-
-  return null
-}
-
-const detectJetBrainsTheme = (env: CliEnv = getCliEnv()): ThemeName | null => {
-  if (!isJetBrainsTerminal(env)) {
-    return null
-  }
-
-  const lafPaths = collectExistingPaths(resolveJetBrainsLafPaths(env))
-
-  for (const lafPath of lafPaths) {
-    const content = safeReadFile(lafPath)
-    if (!content) continue
-    const theme = extractJetBrainsTheme(content)
-    if (theme) {
-      return theme
-    }
-
-    // If extractJetBrainsTheme returned null, check if autodetect is enabled
-    // and fall back to platform detection
-    const autodetectMatch = content.match(
-      /<component[^>]+name="LafManager"[^>]+autodetect="(true|false)"/i,
-    )
-    if (autodetectMatch?.[1]?.toLowerCase() === 'true') {
-      return detectPlatformTheme()
-    }
-  }
-
-  return null
-}
-
-const extractZedTheme = (content: string): ThemeName | null => {
-  try {
-    const sanitized = stripJsonStyleComments(content)
-    const parsed = JSON.parse(sanitized) as Record<string, JSONValue>
-    const candidates: string[] = []
-
-    const themeSetting = parsed.theme
-    if (typeof themeSetting === 'string') {
-      candidates.push(themeSetting)
-    } else if (themeSetting && typeof themeSetting === 'object') {
-      const themeConfig = themeSetting as Record<string, JSONValue>
-      const modeRaw = themeConfig.mode
-      if (typeof modeRaw === 'string') {
-        const mode = modeRaw.toLowerCase()
-        // If mode is 'system', return null to trigger platform detection
-        if (mode === 'system') {
-          return null
-        }
-        if (mode === 'dark' || mode === 'light') {
-          candidates.push(mode)
-          const modeTheme = themeConfig[mode]
-          if (typeof modeTheme === 'string') {
-            candidates.push(modeTheme)
-          }
-        }
-      }
-
-      const darkTheme = themeConfig.dark
-      if (typeof darkTheme === 'string') {
-        candidates.push(darkTheme)
-      }
-
-      const lightTheme = themeConfig.light
-      if (typeof lightTheme === 'string') {
-        candidates.push(lightTheme)
-      }
-    }
-
-    const appearance = parsed.appearance
-    if (appearance && typeof appearance === 'object') {
-      const appearanceTheme = (appearance as Record<string, JSONValue>).theme
-      if (typeof appearanceTheme === 'string') {
-        candidates.push(appearanceTheme)
-      }
-
-      const preference = (appearance as Record<string, JSONValue>)
-        .theme_preference
-      if (typeof preference === 'string') {
-        candidates.push(preference)
-      }
-    }
-
-    const ui = parsed.ui
-    if (ui && typeof ui === 'object') {
-      const uiTheme = (ui as Record<string, JSONValue>).theme
-      if (typeof uiTheme === 'string') {
-        candidates.push(uiTheme)
-      }
-    }
-
-    for (const candidate of candidates) {
-      if (typeof candidate !== 'string') continue
-
-      const inferred = inferThemeFromName(candidate)
-      if (inferred) {
-        return inferred
-      }
-    }
-  } catch {
-    // Ignore malformed or partially written files
-  }
-
-  return null
-}
-
-const detectZedTheme = (env: CliEnv = getCliEnv()): ThemeName | null => {
-  if (!isZedTerminal(env)) {
-    return null
-  }
-
-  const settingsPaths = collectExistingPaths(resolveZedSettingsPaths(env))
-  for (const settingsPath of settingsPaths) {
-    const content = safeReadFile(settingsPath)
-    if (!content) continue
-
-    const theme = extractZedTheme(content)
-    if (theme) {
-      return theme
-    }
-
-    // If extractZedTheme returned null, check if theme mode is 'system'
-    // and fall back to platform detection
-    try {
-      const sanitized = stripJsonStyleComments(content)
-      const parsed = JSON.parse(sanitized) as Record<string, JSONValue>
-      const themeSetting = parsed.theme
-      if (themeSetting && typeof themeSetting === 'object') {
-        const themeConfig = themeSetting as Record<string, JSONValue>
-        const modeRaw = themeConfig.mode
-        if (typeof modeRaw === 'string' && modeRaw.toLowerCase() === 'system') {
-          return detectPlatformTheme()
-        }
-      }
-    } catch {
-      // Ignore parsing errors
-    }
-  }
-
-  return null
-}
-
-export const detectIDETheme = (env: CliEnv = getCliEnv()): ThemeName | null => {
-  const theme = detectVSCodeTheme(env)
-  if (theme) return theme
-
-  const jbTheme = detectJetBrainsTheme(env)
-  if (jbTheme) return jbTheme
-
-  const zedTheme = detectZedTheme(env)
-  if (zedTheme) return zedTheme
-
-  return null
-}
-
-export const getIDEThemeConfigPaths = (env: CliEnv = getCliEnv()): string[] => {
-  const paths = new Set<string>()
-  for (const path of resolveVSCodeSettingsPaths(env)) {
-    paths.add(path)
-  }
-  for (const path of resolveJetBrainsLafPaths(env)) {
-    paths.add(path)
-  }
-  for (const path of resolveZedSettingsPaths(env)) {
-    paths.add(path)
-  }
-  return [...paths]
-}
-
-type ChatThemeOverrides = Partial<Omit<ChatTheme, 'markdown'>> & {
-  markdown?: MarkdownThemeOverrides
-}
-
-type ThemeOverrideConfig = Partial<Record<ThemeName, ChatThemeOverrides>> & {
-  all?: ChatThemeOverrides
-}
-
-const mergeMarkdownOverrides = (
-  base: MarkdownThemeOverrides | undefined,
-  override: MarkdownThemeOverrides | undefined,
-): MarkdownThemeOverrides | undefined => {
-  if (!base && !override) return undefined
-  if (!override)
-    return base
-      ? {
-          ...base,
-          headingFg: base.headingFg ? { ...base.headingFg } : undefined,
-        }
-      : undefined
-
-  const mergedHeading = {
-    ...(base?.headingFg ?? {}),
-    ...(override.headingFg ?? {}),
-  }
-
-  return {
-    ...(base ?? {}),
-    ...override,
-    headingFg:
-      Object.keys(mergedHeading).length > 0
-        ? (mergedHeading as Partial<Record<MarkdownHeadingLevel, string>>)
-        : undefined,
-  }
-}
-
-const mergeTheme = (
-  base: ChatTheme,
-  override?: ChatThemeOverrides,
-): ChatTheme => {
-  if (!override) {
-    return {
-      ...base,
-      markdown: base.markdown
-        ? {
-            ...base.markdown,
-            headingFg: base.markdown.headingFg
-              ? { ...base.markdown.headingFg }
-              : undefined,
-          }
-        : undefined,
-    }
-  }
-
-  return {
-    ...base,
-    ...override,
-    markdown: mergeMarkdownOverrides(base.markdown, override.markdown),
-  }
-}
-
-export const parseThemeOverrides = (
-  raw: string,
-): Partial<Record<ThemeName, ChatThemeOverrides>> => {
-  try {
-    const parsed = JSON.parse(raw) as ThemeOverrideConfig
-    if (!parsed || typeof parsed !== 'object') return {}
-
-    const result: Partial<Record<ThemeName, ChatThemeOverrides>> = {}
-    const common =
-      typeof parsed.all === 'object' && parsed.all ? parsed.all : undefined
-
-    for (const themeName of ['dark', 'light'] as ThemeName[]) {
-      const specific =
-        typeof parsed?.[themeName] === 'object' && parsed?.[themeName]
-          ? parsed?.[themeName]
-          : undefined
-
-      const mergedOverrides =
-        common || specific
-          ? {
-              ...(common ?? {}),
-              ...(specific ?? {}),
-              markdown: mergeMarkdownOverrides(
-                common?.markdown,
-                specific?.markdown,
-              ),
-            }
-          : undefined
-
-      if (mergedOverrides) {
-        result[themeName] = mergedOverrides
-      }
-    }
-
-    return result
-  } catch {
-    return {}
-  }
-}
-
-const textDecoder = new TextDecoder()
-
-const readSpawnOutput = (
-  output: Uint8Array | string | null | undefined,
-): string => {
-  if (!output) return ''
-  if (typeof output === 'string') return output.trim()
-  if (output instanceof Uint8Array) return textDecoder.decode(output).trim()
-  return ''
-}
-
-const runSystemCommand = (command: string[]): string | null => {
-  if (typeof Bun === 'undefined') return null
-  if (command.length === 0) return null
-
-  const [binary] = command
-  if (!binary) return null
-
-  const resolvedBinary =
-    Bun.which(binary) ??
-    (process.platform === 'win32' ? Bun.which(`${binary}.exe`) : null)
-  if (!resolvedBinary) return null
-
-  try {
-    const result = Bun.spawnSync({
-      cmd: [resolvedBinary, ...command.slice(1)],
-      stdout: 'pipe',
-      stderr: 'pipe',
-    })
-    if (result.exitCode !== 0) return null
-    return readSpawnOutput(result.stdout)
-  } catch {
-    return null
-  }
-}
-
-/**
- * Detect Windows PowerShell background color theme
- * Uses PowerShell's (Get-Host).UI.RawUI.BackgroundColor command
- */
-function detectWindowsPowerShellTheme(): ThemeName | null {
-  if (process.platform !== 'win32') return null
-
-  const bgColor = runSystemCommand([
-    'powershell',
-    '-NoProfile',
-    '-Command',
-    '(Get-Host).UI.RawUI.BackgroundColor',
-  ])
-
-  if (!bgColor) return null
-
-  const colorLower = bgColor.toLowerCase()
-
-  // Dark background colors in PowerShell
-  const darkColors = [
-    'black',
-    'darkblue',
-    'darkgreen',
-    'darkcyan',
-    'darkred',
-    'darkmagenta',
-    'darkyellow',
-    'darkgray',
-  ]
-  // Light background colors in PowerShell
-  const lightColors = [
-    'gray',
-    'blue',
-    'green',
-    'cyan',
-    'red',
-    'magenta',
-    'yellow',
-    'white',
-  ]
-
-  if (darkColors.includes(colorLower)) return 'dark'
-  if (lightColors.includes(colorLower)) return 'light'
-
-  return null
-}
-
-export const detectTerminalOverrides = (): ThemeName | null => {
-  return null
-}
-
-export function detectPlatformTheme(): ThemeName {
-  if (typeof Bun !== 'undefined') {
-    if (process.platform === 'darwin') {
-      const value = runSystemCommand([
-        'defaults',
-        'read',
-        '-g',
-        'AppleInterfaceStyle',
-      ])
-      if (value?.toLowerCase() === 'dark') return 'dark'
-      return 'light'
-    }
-
-    if (process.platform === 'win32') {
-      // Try PowerShell background color detection first
-      const powershellTheme = detectWindowsPowerShellTheme()
-      if (powershellTheme) return powershellTheme
-
-      // Fallback to Windows system theme
-      const value = runSystemCommand([
-        'powershell',
-        '-NoProfile',
-        '-Command',
-        '(Get-ItemProperty -Path HKCU:\\Software\\Microsoft\\Windows\\CurrentVersion\\Themes\\Personalize).AppsUseLightTheme',
-      ])
-      if (value === '0') return 'dark'
-      if (value === '1') return 'light'
-    }
-
-    if (process.platform === 'linux') {
-      const value = runSystemCommand([
-        'gsettings',
-        'get',
-        'org.gnome.desktop.interface',
-        'color-scheme',
-      ])
-      if (value?.toLowerCase().includes('dark')) return 'dark'
-      if (value?.toLowerCase().includes('light')) return 'light'
-    }
-  }
-
-  return 'dark'
-}
-
-const DEFAULT_CHAT_THEMES: Record<ThemeName, ChatTheme> = {
-  dark: {
-    name: 'dark',
-    // Core semantic colors — Neon Slate palette
-    primary: '#18faf9', // Cyan — max contrast on near-black
-    secondary: '#18faf9', // Cyan — unified with primary for Savant branding
-    success: '#39ff14', // Neon green — high-energy completion
-    error: '#ff2d55', // Neon red — Apple system red
-    warning: '#ff9500', // Neon orange — warm alert, distinct from yellow
-    info: '#18faf9', // Same as primary for consistency
-    link: '#3B82F6',
-    directory: '#9CA3AF',
-
-    // Neutral scale
-    foreground: '#e2e8f0', // Slate-200 — high contrast on dark
-    background: 'transparent',
-    muted: '#64748b', // Slate-500 — neutral, doesn't compete with neons
-    border: '#1e293b', // Slate-800 — subtle
-    surface: '#0f172a', // Slate-900 — slightly lighter than bg
-    surfaceHover: '#1e293b', // Slate-800
-
-    // Context-specific
-    aiLine: '#64748b', // Slate-500 — muted
-    userLine: '#18faf9', // Cyan — user messages
-
-    // Agent backgrounds
-    agentToggleHeaderBg: '#f97316',
-    agentToggleExpandedBg: '#1d4ed8',
-    agentFocusedBg: '#1e293b', // Slate-800
-    agentContentBg: '#020617', // Slate-950 — near-black
-    inputFg: '#e2e8f0', // Slate-200
-    inputFocusedFg: '#ffffff',
-
-    // Mode toggles
-    modeFastBg: '#f97316',
-    modeFastText: '#f97316',
-    modeMaxBg: '#dc2626',
-    modeMaxText: '#dc2626',
-    modePlanBg: '#1e40af',
-    modePlanText: '#1e40af',
-
-    // Image card
-    imageCardBorder: '#64748b', // Slate-500
-
-    // Diff colors (FID-033a) — preserved from prior diff-viewer DIFF_LINE_COLORS.dark
-    diffAdded: '#7ACC35', // Soft green — was hardcoded in diff-viewer.tsx
-    diffRemoved: '#BF6C69', // Muted red — was hardcoded in diff-viewer.tsx
-    diffContext: '#e2e8f0', // Slate-200 — unchanged lines use foreground
-    diffHunkHeader: '#18faf9', // Cyan — was 'cyan' literal in diff-viewer.tsx
-    diffMeta: '#64748b', // Slate-500 — was theme.muted in diff-viewer.tsx
-
-    // Syntax highlighting tokens (FID-033a) — fed to OpenTUI SyntaxStyle.
-    // Mapping pattern adapted from opencode-dev generateSyntax (theme/index.ts:556).
-    syntaxComment: '#64748b', // Slate-500 — muted, matches textMuted convention
-    syntaxKeyword: '#c084fc', // Violet-400 — ansiColors.magenta equivalent
-    syntaxFunction: '#60a5fa', // Blue-400 — ansiColors.blue equivalent
-    syntaxVariable: '#e2e8f0', // Slate-200 — foreground (variable = fg)
-    syntaxString: '#4ade80', // Green-400 — ansiColors.green equivalent
-    syntaxNumber: '#fbbf24', // Amber-400 — ansiColors.yellow equivalent
-    syntaxType: '#22d3ee', // Cyan-400 — ansiColors.cyan equivalent
-    syntaxOperator: '#22d3ee', // Cyan-400 — ansiColors.cyan equivalent
-
-    // Markdown
-    markdown: {
-      codeBackground: '#1e293b', // Slate-800
-      codeHeaderFg: '#64748b', // Slate-500
-      inlineCodeFg: '#f472b6', // Neon pink — contrast pop against cyan
-      codeTextFg: '#e2e8f0', // Slate-200
-      headingFg: {
-        1: '#18faf9', // Cyan
-        2: '#18faf9',
-        3: '#18faf9',
-        4: '#18faf9',
-        5: '#18faf9',
-        6: '#18faf9',
-      },
-      listBulletFg: '#a78bfa', // Neon violet
-      blockquoteBorderFg: '#1e293b', // Slate-800
-      blockquoteTextFg: '#e2e8f0', // Slate-200
-      dividerFg: '#1e293b', // Slate-800
-      codeMonochrome: false,
-    },
-  },
-  light: {
-    name: 'light',
-    // Core semantic colors — Neon Slate light palette
-    primary: '#0891b2', // Cyan-600 — readable on white
-    secondary: '#0891b2', // Cyan-600 — unified with primary for Savant branding
-    success: '#059669', // Keep existing
-    error: '#dc2626', // Red-600 — readable on white
-    warning: '#d97706', // Amber-600 — readable on white
-    info: '#0891b2', // Same as primary
-    link: '#2563EB',
-    directory: '#6B7280',
-
-    // Neutral scale
-    foreground: '#0f172a', // Slate-900 — near-black
-    background: 'transparent',
-    muted: '#64748b', // Slate-500
-    border: '#cbd5e1', // Slate-300
-    surface: '#f8fafc', // Slate-50
-    surfaceHover: '#f1f5f9', // Slate-100
-
-    // AI/User context
-    aiLine: '#64748b', // Slate-500
-    userLine: '#0891b2', // Cyan-600
-
-    // Agent context
-    agentToggleHeaderBg: '#ea580c',
-    agentToggleExpandedBg: '#1d4ed8',
-    agentFocusedBg: '#f1f5f9', // Slate-100
-    agentContentBg: '#ffffff',
-    inputFg: '#0f172a', // Slate-900
-    inputFocusedFg: '#000000',
-
-    // Mode toggles
-    modeFastBg: '#f97316',
-    modeFastText: '#f97316',
-    modeMaxBg: '#dc2626',
-    modeMaxText: '#dc2626',
-    modePlanBg: '#1e40af',
-    modePlanText: '#1e40af',
-
-    // Image card
-    imageCardBorder: '#64748b', // Slate-500
-
-    // Diff colors (FID-033a) — preserved from prior diff-viewer DIFF_LINE_COLORS.light
-    diffAdded: '#4A9E1C', // Readable green on white — was hardcoded in diff-viewer.tsx
-    diffRemoved: '#C53030', // Readable red on white — was hardcoded in diff-viewer.tsx
-    diffContext: '#0f172a', // Slate-900 — unchanged lines use foreground
-    diffHunkHeader: '#0891b2', // Cyan-600 — light-mode primary
-    diffMeta: '#64748b', // Slate-500 — muted
-
-    // Syntax highlighting tokens (FID-033a) — light-mode readable equivalents.
-    // Mapping pattern adapted from opencode-dev generateSyntax (theme/index.ts:556).
-    syntaxComment: '#64748b', // Slate-500 — muted
-    syntaxKeyword: '#7c3aed', // Violet-600 — readable magenta on white
-    syntaxFunction: '#2563eb', // Blue-600 — readable blue on white
-    syntaxVariable: '#0f172a', // Slate-900 — foreground
-    syntaxString: '#059669', // Emerald-600 — readable green on white
-    syntaxNumber: '#d97706', // Amber-600 — readable yellow on white
-    syntaxType: '#0891b2', // Cyan-600 — readable cyan on white
-    syntaxOperator: '#0891b2', // Cyan-600 — readable cyan on white
-
-    // Markdown
-    markdown: {
-      codeBackground: '#f1f5f9', // Slate-100
-      codeHeaderFg: '#64748b', // Slate-500
-      inlineCodeFg: '#be185d', // Pink-700 — readable on white
-      codeTextFg: '#0f172a', // Slate-900
-      headingFg: {
-        1: '#0891b2', // Cyan-600
-        2: '#0891b2',
-        3: '#0891b2',
-        4: '#0891b2',
-        5: '#0891b2',
-        6: '#0891b2',
-      },
-      listBulletFg: '#7c3aed', // Violet-600
-      blockquoteBorderFg: '#cbd5e1', // Slate-300
-      blockquoteTextFg: '#334155', // Slate-700
-      dividerFg: '#e2e8f0', // Slate-200
-      codeMonochrome: false,
-    },
-  },
-}
-
-export const chatThemes = {
-  dark: DEFAULT_CHAT_THEMES.dark,
-  light: DEFAULT_CHAT_THEMES.light,
-}
-
-export const createMarkdownPalette = (theme: ChatTheme): MarkdownPalette => {
-  const headingDefaults: Record<MarkdownHeadingLevel, string> = {
-    1: theme.primary,
-    2: theme.primary,
-    3: theme.primary,
-    4: theme.primary,
-    5: theme.primary,
-    6: theme.primary,
-  }
-
-  const overrides = theme.markdown?.headingFg ?? {}
-
-  return {
-    inlineCodeFg: theme.markdown?.inlineCodeFg ?? theme.foreground,
-    codeBackground: theme.markdown?.codeBackground ?? theme.background,
-    codeHeaderFg: theme.markdown?.codeHeaderFg ?? theme.secondary,
-    headingFg: {
-      ...headingDefaults,
-      ...overrides,
-    },
-    listBulletFg: theme.markdown?.listBulletFg ?? theme.secondary,
-    blockquoteBorderFg: theme.markdown?.blockquoteBorderFg ?? theme.secondary,
-    blockquoteTextFg: theme.markdown?.blockquoteTextFg ?? theme.foreground,
-    dividerFg: theme.markdown?.dividerFg ?? theme.secondary,
-    codeTextFg: theme.markdown?.codeTextFg ?? theme.foreground,
-    codeMonochrome: theme.markdown?.codeMonochrome ?? true,
-    linkFg: theme.markdown?.linkFg ?? theme.link,
-  }
-}
-
-/**
- * Exported utilities for theme system
- */
-
-/**
- * Merge theme overrides with a base theme
- * Alias for mergeTheme to match our hook API
- */
-export const mergeThemeOverrides = mergeTheme
-
-/**
- * Clone a ChatTheme object to avoid mutations
- * Properly handles nested markdown configuration
- */
-export const cloneChatTheme = (input: ChatTheme): ChatTheme => ({
-  ...input,
-  markdown: input.markdown
-    ? {
-        ...input.markdown,
-        headingFg: input.markdown.headingFg
-          ? { ...input.markdown.headingFg }
-          : undefined,
-      }
-    : undefined,
-})
-
-/**
- * Resolve a theme color value with optional fallback
- * Returns undefined for 'default' values or empty strings
- */
-export const resolveThemeColor = (
-  color?: string,
-  fallback?: string,
-): string | undefined => {
-  if (typeof color === 'string') {
-    const normalized = color.trim().toLowerCase()
-    if (normalized.length > 0 && normalized !== 'default') {
-      return color
-    }
-  }
-
-  if (fallback !== undefined) {
-    return resolveThemeColor(fallback)
-  }
-
-  return undefined
-}
-
-/**
- * Reactive Theme Detection
- * Watches for system theme changes and updates zustand store
- */
-
-// Debounce timing for file watcher events
-const FILE_WATCHER_DEBOUNCE_MS = 250
-
-let themeStoreUpdater: ((name: ThemeName) => void) | null = null
-// OSC detections happen asynchronously and at most once.
-// We cache the resolved value so synchronous theme code can read it later
-// without triggering terminal I/O.
-let oscDetectedTheme: ThemeName | null = null
-let pendingRecomputeTimer: NodeJS.Timeout | null = null
-let themeResolver: (() => ThemeName) | null = null
-
-export const getOscDetectedTheme = (): ThemeName | null => oscDetectedTheme
-export const setOscDetectedTheme = (theme: ThemeName | null): void => {
-  oscDetectedTheme = theme
-}
-export const setThemeResolver = (resolver: () => ThemeName) => {
-  themeResolver = resolver
-}
-
-/**
- * Initialize theme store updater
- * Called by theme-store on initialization to enable reactive updates
- * @param setter - Function to call when theme changes
- */
-export const initializeThemeWatcher = (setter: (name: ThemeName) => void) => {
-  themeStoreUpdater = setter
-}
-
-/**
- * Recompute system theme and update store if it changed
- */
-const recomputeSystemTheme = () => {
-  const env = getCliEnv()
-  // Only recompute if theme is auto-detected (not explicitly set)
-  const envPreference = env.OPEN_TUI_THEME ?? env.OPENTUI_THEME
-  if (envPreference && envPreference.toLowerCase() !== 'opposite') {
-    // User explicitly set theme, don't react to system changes
-    return
-  }
-
-  if (!themeResolver) {
-    return
-  }
-
-  const newTheme = themeResolver()
-
-  // Always call the updater and let it decide if an update is needed
-  if (themeStoreUpdater) {
-    themeStoreUpdater(newTheme)
-  }
-}
-
-/**
- * Debounced version of recomputeSystemTheme for file watcher events
- * Prevents excessive recomputations when files change rapidly
- */
-const debouncedRecomputeSystemTheme = () => {
-  if (pendingRecomputeTimer) {
-    clearTimeout(pendingRecomputeTimer)
-  }
-  pendingRecomputeTimer = setTimeout(() => {
-    pendingRecomputeTimer = null
-    recomputeSystemTheme()
-  }, FILE_WATCHER_DEBOUNCE_MS)
-}
-
-let lastDetectedTheme: ThemeName | null = null
-export function setLastDetectedTheme(theme: ThemeName) {
-  lastDetectedTheme = theme
-}
-export function getLastDetectedTheme(): ThemeName | null {
-  return lastDetectedTheme
-}
-
-/**
- * Setup file watchers for theme changes
- * Watches parent directories which reliably catches all file modifications
- */
-export const setupFileWatchers = () => {
-  const watchTargets: string[] = []
-  const watchedDirs = new Set<string>()
-
-  // macOS system preferences
-  if (process.platform === 'darwin') {
-    watchTargets.push(
-      join(homedir(), 'Library/Preferences/.GlobalPreferences.plist'),
-      join(homedir(), 'Library/Preferences/com.apple.Terminal.plist'),
-    )
-  }
-
-  // IDE config files - only watch for the active IDE terminal
-  if (isVSCodeFamilyTerminal()) {
-    watchTargets.push(...resolveVSCodeSettingsPaths())
-  }
-  if (isJetBrainsTerminal()) {
-    watchTargets.push(...resolveJetBrainsLafPaths())
-  }
-  if (isZedTerminal()) {
-    watchTargets.push(...resolveZedSettingsPaths())
-  }
-
-  // Watch parent directories instead of individual files
-  // Directory watches are more reliable for catching all modifications including plist key deletions
-  for (const target of watchTargets) {
-    if (existsSync(target)) {
-      const parentDir = dirname(target)
-
-      // Only watch each directory once
-      if (watchedDirs.has(parentDir)) continue
-      watchedDirs.add(parentDir)
-
-      try {
-        // Watch the directory - catches all file modifications
-        const watcher = watch(
-          parentDir,
-          { persistent: false },
-          (eventType, filename) => {
-            // Only respond to changes affecting our target files
-            if (filename && watchTargets.some((t) => t.endsWith(filename))) {
-              debouncedRecomputeSystemTheme()
-            }
-          },
-        )
-
-        watcher.on('error', () => {
-          // Silently ignore watcher errors
-        })
-      } catch {
-        // Silently ignore if we can't watch
-      }
-    }
-  }
-}
-
-/**
- * SIGUSR2 signal handler for manual theme refresh
- * Users can send `kill -USR2 <pid>` to force theme recomputation
- */
-export function enableManualThemeRefresh() {
-  process.on('SIGUSR2', () => {
-    recomputeSystemTheme()
-  })
-}
-
-/**
- * OSC Terminal Theme Detection
- *
- * OSC detection is now run synchronously at app startup in index.tsx,
- * BEFORE OpenTUI is initialized. This avoids stdin conflicts since
- * OpenTUI hasn't attached its listeners yet.
- *
- * The detected theme is stored via setOscDetectedTheme() and retrieved
- * via getOscDetectedTheme() when building the theme.
- */