feat(cli): upgrade opentui, add transparent background

Author: brandonkachen

bun.lock

@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@codebuff/sdk": "workspace:*",
-    "@opentui/core": "^0.1.28",
-    "@opentui/react": "^0.1.28",
+    "@opentui/core": "^0.1.31",
+    "@opentui/react": "^0.1.31",
     "@tanstack/react-query": "^5.62.8",
     "commander": "^14.0.1",
     "immer": "^10.1.3",

cli/package.json

@@ -1,65 +1,11 @@
-import { useEffect, useRef, useState } from 'react'
-
-import { logger } from '../utils/logger'
-import {
-  spawnMacOSThemeListener,
-  type ThemeListenerProcess,
-} from '../utils/theme-listener-macos'
 import { type ThemeName, detectSystemTheme } from '../utils/theme-system'
 
-const DEFAULT_POLL_INTERVAL_MS = 60000 // 60 seconds
-
 /**
- * Automatically detects system theme changes.
- * On macOS, uses a lightweight background watcher that checks every 0.5s.
- * Falls back to slower polling on other platforms or if watcher fails.
+ * Detects the system theme once on mount.
+ * No dynamic updates or transitions.
  *
  * @returns The current system theme name
  */
 export const useSystemThemeDetector = (): ThemeName => {
-  const [themeName, setThemeName] = useState<ThemeName>(() =>
-    detectSystemTheme(),
-  )
-  const lastThemeRef = useRef<ThemeName>(themeName)
-  const listenerRef = useRef<ThemeListenerProcess | null>(null)
-
-  useEffect(() => {
-    logger.info({ themeName }, `[theme] initial theme ${themeName}`)
-
-    const handleThemeChange = () => {
-      const currentTheme = detectSystemTheme()
-
-      if (currentTheme !== lastThemeRef.current) {
-      } else {
-      }
-
-      // Only update state if theme actually changed
-      if (currentTheme !== lastThemeRef.current) {
-        lastThemeRef.current = currentTheme
-        setThemeName(currentTheme)
-      }
-    }
-
-    // Try to use macOS listener first (instant, event-driven)
-    if (process.platform === 'darwin') {
-      const listener = spawnMacOSThemeListener(handleThemeChange)
-      if (listener) {
-        listenerRef.current = listener
-        // Successfully spawned listener, no need for polling
-        return () => {
-          listenerRef.current?.kill()
-          listenerRef.current = null
-        }
-      }
-    }
-
-    // Fall back to polling for non-macOS or if listener failed
-    const intervalId = setInterval(handleThemeChange, DEFAULT_POLL_INTERVAL_MS)
-
-    return () => {
-      clearInterval(intervalId)
-    }
-  }, [])
-
-  return themeName
+  return detectSystemTheme()
 }

cli/src/hooks/use-system-theme-detector.ts

@@ -728,7 +728,7 @@ export const detectSystemTheme = (): ThemeName => {
 
 const DEFAULT_CHAT_THEMES: Record<ThemeName, ChatTheme> = {
   dark: {
-    background: '#000000',
+    background: 'transparent',
     chromeBg: '#000000',
     chromeText: '#9ca3af',
     accentBg: '#facc15',
@@ -781,7 +781,7 @@ const DEFAULT_CHAT_THEMES: Record<ThemeName, ChatTheme> = {
     },
   },
   light: {
-    background: '#ffffff',
+    background: 'transparent',
     chromeBg: '#f3f4f6',
     chromeText: '#374151',
     accentBg: '#f59e0b',