termcast 1.3.50 → 1.3.52

package/src/state.tsx

@@ -1,8 +1,11 @@
+import fs from 'node:fs'
 import { create } from 'zustand'
 import { type ReactNode } from 'react'
 import type { TextareaRenderable } from '@opentui/core'
 import type { RaycastPackageJson } from './package-json'
 import type { KeyboardKeyEquivalent, KeyboardKeyModifier } from 'termcast/src/keyboard'
+import { getResolvedTheme } from './themes'
+import { logger } from './logger'
 
 // Registered action shortcuts for global keyboard handling
 // Stored by ActionPanel, consumed by List/Detail/Form keyboard handlers
@@ -73,6 +76,10 @@ interface AppState {
   shouldAutoExecuteFirstAction: boolean
   // First action title for footer display (set by offscreen ActionPanel)
   firstActionTitle: string
+  // Selected List.Dropdown item title shown in List footer (^p label)
+  dropdownFooterLabel: string
+  // List.Dropdown tooltip shown in footer as ^p label (preferred over dropdownFooterLabel)
+  dropdownTooltip: string
   // Flag to show actions dialog via portal
   showActionsDialog: boolean
   // Portal target node for rendering ActionPanel dialog in the overlay area.
@@ -107,12 +114,41 @@ export const useStore = create<AppState>(() => ({
   // Actions state
   shouldAutoExecuteFirstAction: false,
   firstActionTitle: '',
+  dropdownFooterLabel: '',
+  dropdownTooltip: '',
   showActionsDialog: false,
   actionsPortalTarget: null,
-  // Theme state
-  currentThemeName: 'nerv',
+  // Theme state — TERMCAST_DEFAULT_THEME env var is set by the app launcher
+  currentThemeName: process.env.TERMCAST_DEFAULT_THEME || 'nerv',
   // Active search input ref
   activeSearchInputRef: null,
   // Registered action shortcuts
   registeredActionShortcuts: [],
 }))
+
+// Sync WezTerm's window background with the active termcast theme.
+// When the theme changes, rewrite the background color in wezterm.lua.
+// WezTerm auto-reloads the config on file change, updating the window edges/padding.
+// The config path is passed from the launcher via TERMCAST_WEZTERM_CONFIG env var.
+const weztermConfigPath = process.env.TERMCAST_WEZTERM_CONFIG
+if (weztermConfigPath) {
+  useStore.subscribe((state, prevState) => {
+    if (state.currentThemeName === prevState.currentThemeName) {
+      return
+    }
+    try {
+      const theme = getResolvedTheme(state.currentThemeName)
+      const content = fs.readFileSync(weztermConfigPath, 'utf-8')
+      // Replace the background hex in: config.colors = { background = '#xxxxxx' }
+      const updated = content.replace(
+        /background\s*=\s*'#[0-9a-fA-F]{6}'/,
+        `background = '${theme.background}'`,
+      )
+      if (updated !== content) {
+        fs.writeFileSync(weztermConfigPath, updated)
+      }
+    } catch (e) {
+      logger.log('Failed to update wezterm config background:', e)
+    }
+  })
+}

package/src/theme.tsx

@@ -28,7 +28,8 @@ export function loadPersistedTheme(): string {
   } catch {
     // Ignore errors on load
   }
-  return defaultThemeName
+  // TERMCAST_DEFAULT_THEME is set by the app launcher to override the default theme
+  return process.env.TERMCAST_DEFAULT_THEME || defaultThemeName
 }
 
 export function persistTheme(name: string): void {
@@ -58,6 +59,30 @@ export function getMarkdownSyntaxStyle(): SyntaxStyle {
   return SyntaxStyle.fromStyles(getSyntaxTheme(themeName))
 }
 
+// Resolve a visible but subtle hover background for interactive rows.
+// Some themes map background and backgroundPanel to the same value.
+export function getInteractiveHoverBackground(theme: ResolvedTheme): string {
+  const normalize = (color: string): string => {
+    return color.toLowerCase()
+  }
+  const background = normalize(theme.background)
+
+  if (normalize(theme.backgroundElement) !== background) {
+    return theme.backgroundElement
+  }
+  if (normalize(theme.backgroundPanel) !== background) {
+    return theme.backgroundPanel
+  }
+  if (normalize(theme.borderSubtle) !== background) {
+    return theme.borderSubtle
+  }
+  if (normalize(theme.border) !== background) {
+    return theme.border
+  }
+
+  return theme.primary
+}
+
 // Shared color palette for all chart components (Graph, BarChart, BarGraph).
 // Order: accent, info, success, warning, error, secondary, primary (cycles with %).
 export function getThemePalette(theme: ResolvedTheme): string[] {
@@ -80,4 +105,3 @@ export const markdownSyntaxStyle = new Proxy({} as SyntaxStyle, {
   },
 })
 
-

package/src/utils.tsx

@@ -14,6 +14,7 @@ import {
 import { logger } from './logger'
 import { useStore } from './state'
 import { initializeTheme } from './theme'
+import { isAppMode } from './apis/environment'
 
 export interface RenderWithProvidersOptions {
   extensionName?: string
@@ -59,7 +60,11 @@ export async function renderWithProviders(
 
   const renderer = await createCliRenderer({
     onDestroy: () => {
-      process.exit(0)
+      // In app mode, destroying the renderer should not kill the process.
+      // The app launcher manages the process lifecycle.
+      if (!isAppMode()) {
+        process.exit(0)
+      }
     },
   })