@navios/commander-tui 1.0.0

package/lib/screen_manager_bridge-Dfg4QUrl.mjs

@@ -0,0 +1,3034 @@
+import { jsx, jsxs } from "@opentui/react/jsx-runtime";
+import { RGBA, SyntaxStyle, TextAttributes } from "@opentui/core";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { useKeyboard } from "@opentui/react";
+
+//#region src/types/filter.types.ts
+/**
+* All log levels in order.
+*/ const ALL_LOG_LEVELS = [
+	"verbose",
+	"debug",
+	"log",
+	"warn",
+	"error",
+	"fatal"
+];
+/**
+* Create a default filter state.
+*/ function createDefaultFilterState() {
+	return {
+		enabledLevels: new Set(ALL_LOG_LEVELS),
+		searchQuery: "",
+		isVisible: false,
+		focusedField: "search"
+	};
+}
+/**
+* Check if any filtering is active.
+*/ function hasActiveFilter(filter) {
+	return filter.searchQuery !== "" || filter.enabledLevels.size < ALL_LOG_LEVELS.length;
+}
+
+//#endregion
+//#region src/themes/dark.ts
+/**
+* Default dark theme.
+* Migrated from the scattered color files in utils/colors/.
+*/ const darkTheme = {
+	name: "dark",
+	logLevels: {
+		verbose: {
+			border: "#6B7280",
+			background: "#6B728015"
+		},
+		debug: {
+			border: "#8B5CF6",
+			background: "#8B5CF615"
+		},
+		log: {
+			border: "#3B82F6",
+			background: "#3B82F615"
+		},
+		warn: {
+			border: "#F59E0B",
+			background: "#F59E0B15"
+		},
+		error: {
+			border: "#EF4444",
+			background: "#EF444415"
+		},
+		fatal: {
+			border: "#DC2626",
+			background: "#DC262625",
+			text: "#FCA5A5"
+		}
+	},
+	sidebar: {
+		background: void 0,
+		selectedBackground: "#1F293780",
+		hoverBackground: "#374151",
+		text: "#E5E7EB",
+		textDim: "#6B7280",
+		border: "#374151",
+		badge: "#3B82F6",
+		focusBorder: "#3B82F6"
+	},
+	header: {
+		background: void 0,
+		text: "#F9FAFB",
+		border: "#374151"
+	},
+	statusIndicators: {
+		waiting: {
+			icon: "○",
+			color: "#6B7280"
+		},
+		pending: {
+			icon: "◐",
+			color: "#F59E0B"
+		},
+		success: {
+			icon: "✓",
+			color: "#22C55E"
+		},
+		fail: {
+			icon: "✗",
+			color: "#EF4444"
+		}
+	},
+	separator: {
+		line: "#374151",
+		text: "#6B7280"
+	},
+	progress: {
+		border: "#3B82F6",
+		background: "#3B82F615",
+		barFilled: "#3B82F6",
+		barEmpty: "#374151",
+		text: "#E5E7EB",
+		textDim: "#9CA3AF",
+		complete: "#22C55E",
+		completeBackground: "#22C55E15",
+		failed: "#EF4444",
+		failedBackground: "#EF444415"
+	},
+	group: {
+		border: "#6B7280",
+		background: "#6B728010",
+		headerText: "#E5E7EB",
+		icon: "#9CA3AF"
+	},
+	table: {
+		border: "#3B82F6",
+		background: "#3B82F615",
+		headerText: "#F9FAFB",
+		cellText: "#E5E7EB",
+		title: "#F9FAFB",
+		separator: "#3B82F650"
+	},
+	file: {
+		border: "#3B82F6",
+		background: "#3B82F615",
+		headerText: "#F9FAFB",
+		headerBackground: "#3B82F625"
+	},
+	prompt: {
+		question: "#F9FAFB",
+		optionText: "#E5E7EB",
+		optionTextDim: "#9CA3AF",
+		optionSelected: "#3B82F6",
+		optionSelectedBackground: "#1E3A5F",
+		confirmButton: "#22C55E",
+		cancelButton: "#EF4444",
+		buttonBackground: "#374151",
+		buttonSelectedBackground: "#1F2937",
+		inputBorder: "#3B82F6",
+		inputBackground: "#1F2937",
+		inputText: "#F9FAFB",
+		inputPlaceholder: "#6B7280",
+		inputCursor: "#3B82F6",
+		border: "#374151",
+		focusBorder: "#3B82F6"
+	},
+	errorHighlight: {
+		background: "#EF444425",
+		border: "#EF4444",
+		gutterBackground: "#EF444440"
+	},
+	filter: {
+		background: "#1F293780",
+		border: "#3B82F6",
+		text: "#E5E7EB",
+		textDim: "#6B7280",
+		inputBackground: "#1F2937",
+		inputText: "#F9FAFB",
+		inputPlaceholder: "#6B7280",
+		cursor: "#3B82F6",
+		activeLevel: "#3B82F6",
+		inactiveLevel: "#4B5563"
+	},
+	help: {
+		background: "#1F2937",
+		border: "#3B82F6",
+		title: "#F9FAFB",
+		category: "#3B82F6",
+		key: "#F59E0B",
+		description: "#E5E7EB",
+		hint: "#6B7280"
+	},
+	colors: {
+		primary: "#3B82F6",
+		secondary: "#8B5CF6",
+		success: "#22C55E",
+		warning: "#F59E0B",
+		error: "#EF4444",
+		muted: "#6B7280",
+		background: "#111827",
+		foreground: "#F9FAFB"
+	}
+};
+
+//#endregion
+//#region src/themes/light.ts
+/**
+* Light theme for terminals with light backgrounds.
+*/ const lightTheme = {
+	name: "light",
+	logLevels: {
+		verbose: {
+			border: "#9CA3AF",
+			background: "#F3F4F6"
+		},
+		debug: {
+			border: "#7C3AED",
+			background: "#EDE9FE"
+		},
+		log: {
+			border: "#2563EB",
+			background: "#DBEAFE"
+		},
+		warn: {
+			border: "#D97706",
+			background: "#FEF3C7"
+		},
+		error: {
+			border: "#DC2626",
+			background: "#FEE2E2"
+		},
+		fatal: {
+			border: "#991B1B",
+			background: "#FECACA",
+			text: "#7F1D1D"
+		}
+	},
+	sidebar: {
+		background: "#F9FAFB",
+		selectedBackground: "#E5E7EB",
+		hoverBackground: "#F3F4F6",
+		text: "#1F2937",
+		textDim: "#6B7280",
+		border: "#D1D5DB",
+		badge: "#2563EB",
+		focusBorder: "#2563EB"
+	},
+	header: {
+		background: "#F9FAFB",
+		text: "#111827",
+		border: "#D1D5DB"
+	},
+	statusIndicators: {
+		waiting: {
+			icon: "○",
+			color: "#9CA3AF"
+		},
+		pending: {
+			icon: "◐",
+			color: "#D97706"
+		},
+		success: {
+			icon: "✓",
+			color: "#16A34A"
+		},
+		fail: {
+			icon: "✗",
+			color: "#DC2626"
+		}
+	},
+	separator: {
+		line: "#D1D5DB",
+		text: "#6B7280"
+	},
+	progress: {
+		border: "#2563EB",
+		background: "#DBEAFE",
+		barFilled: "#2563EB",
+		barEmpty: "#E5E7EB",
+		text: "#1F2937",
+		textDim: "#6B7280",
+		complete: "#16A34A",
+		completeBackground: "#DCFCE7",
+		failed: "#DC2626",
+		failedBackground: "#FEE2E2"
+	},
+	group: {
+		border: "#9CA3AF",
+		background: "#F3F4F6",
+		headerText: "#1F2937",
+		icon: "#6B7280"
+	},
+	table: {
+		border: "#2563EB",
+		background: "#DBEAFE",
+		headerText: "#111827",
+		cellText: "#1F2937",
+		title: "#111827",
+		separator: "#93C5FD"
+	},
+	file: {
+		border: "#2563EB",
+		background: "#DBEAFE",
+		headerText: "#111827",
+		headerBackground: "#BFDBFE"
+	},
+	prompt: {
+		question: "#111827",
+		optionText: "#1F2937",
+		optionTextDim: "#6B7280",
+		optionSelected: "#2563EB",
+		optionSelectedBackground: "#DBEAFE",
+		confirmButton: "#16A34A",
+		cancelButton: "#DC2626",
+		buttonBackground: "#E5E7EB",
+		buttonSelectedBackground: "#D1D5DB",
+		inputBorder: "#2563EB",
+		inputBackground: "#FFFFFF",
+		inputText: "#111827",
+		inputPlaceholder: "#9CA3AF",
+		inputCursor: "#2563EB",
+		border: "#D1D5DB",
+		focusBorder: "#2563EB"
+	},
+	errorHighlight: {
+		background: "#FEE2E2",
+		border: "#DC2626",
+		gutterBackground: "#FECACA"
+	},
+	filter: {
+		background: "#F3F4F6",
+		border: "#2563EB",
+		text: "#1F2937",
+		textDim: "#6B7280",
+		inputBackground: "#FFFFFF",
+		inputText: "#111827",
+		inputPlaceholder: "#9CA3AF",
+		cursor: "#2563EB",
+		activeLevel: "#2563EB",
+		inactiveLevel: "#D1D5DB"
+	},
+	help: {
+		background: "#FFFFFF",
+		border: "#2563EB",
+		title: "#111827",
+		category: "#2563EB",
+		key: "#D97706",
+		description: "#1F2937",
+		hint: "#6B7280"
+	},
+	colors: {
+		primary: "#2563EB",
+		secondary: "#7C3AED",
+		success: "#16A34A",
+		warning: "#D97706",
+		error: "#DC2626",
+		muted: "#6B7280",
+		background: "#FFFFFF",
+		foreground: "#111827"
+	}
+};
+
+//#endregion
+//#region src/themes/high-contrast.ts
+/**
+* High contrast theme for accessibility.
+* Uses pure black/white with saturated colors for maximum visibility.
+*/ const highContrastTheme = {
+	name: "high-contrast",
+	logLevels: {
+		verbose: {
+			border: "#FFFFFF",
+			background: "#1A1A1A",
+			text: "#FFFFFF"
+		},
+		debug: {
+			border: "#A855F7",
+			background: "#1A1A1A",
+			text: "#E9D5FF"
+		},
+		log: {
+			border: "#3B82F6",
+			background: "#1A1A1A",
+			text: "#BFDBFE"
+		},
+		warn: {
+			border: "#FBBF24",
+			background: "#1A1A1A",
+			text: "#FEF08A"
+		},
+		error: {
+			border: "#EF4444",
+			background: "#1A1A1A",
+			text: "#FECACA"
+		},
+		fatal: {
+			border: "#FF0000",
+			background: "#330000",
+			text: "#FFFFFF"
+		}
+	},
+	sidebar: {
+		background: "#000000",
+		selectedBackground: "#333333",
+		hoverBackground: "#1A1A1A",
+		text: "#FFFFFF",
+		textDim: "#AAAAAA",
+		border: "#FFFFFF",
+		badge: "#FFFF00",
+		focusBorder: "#FFFF00"
+	},
+	header: {
+		background: "#000000",
+		text: "#FFFFFF",
+		border: "#FFFFFF"
+	},
+	statusIndicators: {
+		waiting: {
+			icon: "○",
+			color: "#AAAAAA"
+		},
+		pending: {
+			icon: "◐",
+			color: "#FBBF24"
+		},
+		success: {
+			icon: "✓",
+			color: "#22C55E"
+		},
+		fail: {
+			icon: "✗",
+			color: "#EF4444"
+		}
+	},
+	separator: {
+		line: "#FFFFFF",
+		text: "#AAAAAA"
+	},
+	progress: {
+		border: "#3B82F6",
+		background: "#1A1A1A",
+		barFilled: "#3B82F6",
+		barEmpty: "#333333",
+		text: "#FFFFFF",
+		textDim: "#AAAAAA",
+		complete: "#22C55E",
+		completeBackground: "#1A1A1A",
+		failed: "#EF4444",
+		failedBackground: "#1A1A1A"
+	},
+	group: {
+		border: "#FFFFFF",
+		background: "#1A1A1A",
+		headerText: "#FFFFFF",
+		icon: "#AAAAAA"
+	},
+	table: {
+		border: "#FFFFFF",
+		background: "#1A1A1A",
+		headerText: "#FFFFFF",
+		cellText: "#FFFFFF",
+		title: "#FFFFFF",
+		separator: "#666666"
+	},
+	file: {
+		border: "#FFFFFF",
+		background: "#1A1A1A",
+		headerText: "#FFFFFF",
+		headerBackground: "#333333"
+	},
+	prompt: {
+		question: "#FFFFFF",
+		optionText: "#FFFFFF",
+		optionTextDim: "#AAAAAA",
+		optionSelected: "#FFFF00",
+		optionSelectedBackground: "#333333",
+		confirmButton: "#22C55E",
+		cancelButton: "#EF4444",
+		buttonBackground: "#333333",
+		buttonSelectedBackground: "#1A1A1A",
+		inputBorder: "#FFFF00",
+		inputBackground: "#1A1A1A",
+		inputText: "#FFFFFF",
+		inputPlaceholder: "#666666",
+		inputCursor: "#FFFF00",
+		border: "#FFFFFF",
+		focusBorder: "#FFFF00"
+	},
+	errorHighlight: {
+		background: "#330000",
+		border: "#FF0000",
+		gutterBackground: "#660000"
+	},
+	filter: {
+		background: "#1A1A1A",
+		border: "#FFFF00",
+		text: "#FFFFFF",
+		textDim: "#AAAAAA",
+		inputBackground: "#000000",
+		inputText: "#FFFFFF",
+		inputPlaceholder: "#666666",
+		cursor: "#FFFF00",
+		activeLevel: "#FFFF00",
+		inactiveLevel: "#666666"
+	},
+	help: {
+		background: "#000000",
+		border: "#FFFFFF",
+		title: "#FFFFFF",
+		category: "#FFFF00",
+		key: "#00FFFF",
+		description: "#FFFFFF",
+		hint: "#AAAAAA"
+	},
+	colors: {
+		primary: "#3B82F6",
+		secondary: "#A855F7",
+		success: "#22C55E",
+		warning: "#FBBF24",
+		error: "#EF4444",
+		muted: "#AAAAAA",
+		background: "#000000",
+		foreground: "#FFFFFF"
+	}
+};
+
+//#endregion
+//#region src/themes/utils.ts
+/**
+* Deep merge two objects, with source taking precedence.
+*/ function deepMerge(target, source) {
+	const result = { ...target };
+	for (const key in source) if (Object.prototype.hasOwnProperty.call(source, key)) {
+		const sourceValue = source[key];
+		const targetValue = target[key];
+		if (sourceValue !== void 0 && typeof sourceValue === "object" && sourceValue !== null && !Array.isArray(sourceValue) && typeof targetValue === "object" && targetValue !== null && !Array.isArray(targetValue)) result[key] = deepMerge(targetValue, sourceValue);
+		else if (sourceValue !== void 0) result[key] = sourceValue;
+	}
+	return result;
+}
+/**
+* Get a theme by preset name.
+*/ function getThemePreset(preset) {
+	switch (preset) {
+		case "dark": return darkTheme;
+		case "light": return lightTheme;
+		case "high-contrast": return highContrastTheme;
+		default: return darkTheme;
+	}
+}
+/**
+* Merge a base theme with partial overrides.
+*/ function mergeThemes(base, overrides) {
+	return deepMerge(base, overrides);
+}
+/**
+* Create a custom theme by extending the dark theme with overrides.
+*/ function createTheme(overrides) {
+	return mergeThemes(darkTheme, overrides);
+}
+/**
+* Create a custom theme by extending a specific base theme.
+*/ function createThemeFrom(base, overrides) {
+	return mergeThemes(typeof base === "string" ? getThemePreset(base) : base, overrides);
+}
+/**
+* Resolve a theme value which can be a Theme object or a preset name.
+*/ function resolveTheme(theme) {
+	return typeof theme === "string" ? getThemePreset(theme) : theme;
+}
+
+//#endregion
+//#region src/context/logger_context.tsx
+const LoggerContext = /* @__PURE__ */ createContext(null);
+/**
+* LoggerProvider - Provides shared context for logger components.
+*
+* This context provides:
+* - Shared SyntaxStyle instance for consistent code highlighting
+* - Optional TreeSitterClient for advanced parsing
+* - Theme configuration for consistent styling
+* - Log level color configuration (for backwards compatibility)
+*
+* @example
+* // Using a preset theme
+* <LoggerProvider theme="dark">
+*   <ScreenManager screens={screens} activeScreenId={activeId}>
+*     <Screen name="Logs">
+*       <LogMessage level="info">Hello</LogMessage>
+*     </Screen>
+*   </ScreenManager>
+* </LoggerProvider>
+*
+* @example
+* // Using a custom theme
+* <LoggerProvider theme={myCustomTheme}>
+*   ...
+* </LoggerProvider>
+*/ function LoggerProvider({ children, syntaxStyle: customSyntaxStyle, treeSitterClient, theme: themeProp = "dark", levelColors: customLevelColors }) {
+	const syntaxStyle = useMemo(() => customSyntaxStyle ?? SyntaxStyle.create(), [customSyntaxStyle]);
+	const theme = useMemo(() => resolveTheme(themeProp), [themeProp]);
+	const levelColors = useMemo(() => ({
+		...theme.logLevels,
+		...customLevelColors
+	}), [theme.logLevels, customLevelColors]);
+	const value = useMemo(() => ({
+		syntaxStyle,
+		treeSitterClient,
+		levelColors,
+		theme
+	}), [
+		syntaxStyle,
+		treeSitterClient,
+		levelColors,
+		theme
+	]);
+	return /* @__PURE__ */ jsx(LoggerContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Hook to access logger context.
+* Returns default values if used outside LoggerProvider.
+*/ function useLoggerContext() {
+	const context = useContext(LoggerContext);
+	if (!context) return {
+		syntaxStyle: void 0,
+		treeSitterClient: void 0,
+		levelColors: darkTheme.logLevels,
+		theme: darkTheme
+	};
+	return context;
+}
+
+//#endregion
+//#region src/hooks/use_theme.ts
+/**
+* Hook to access the current theme.
+* Returns the theme from LoggerContext.
+*/ function useTheme() {
+	const { theme } = useLoggerContext();
+	return theme;
+}
+
+//#endregion
+//#region src/utils/colors/log-colors.ts
+/**
+* Default color scheme for all log levels.
+* Each level has a prominent border color and a subtle background tint.
+*/ const DEFAULT_LOG_LEVEL_COLORS = {
+	verbose: {
+		border: "#6B7280",
+		background: "#6B728015"
+	},
+	debug: {
+		border: "#8B5CF6",
+		background: "#8B5CF615"
+	},
+	log: {
+		border: "#3B82F6",
+		background: "#3B82F615"
+	},
+	warn: {
+		border: "#F59E0B",
+		background: "#F59E0B15"
+	},
+	error: {
+		border: "#EF4444",
+		background: "#EF444415"
+	},
+	fatal: {
+		border: "#DC2626",
+		background: "#DC262625",
+		text: "#FCA5A5"
+	}
+};
+/**
+* Colors for semantic variants (override level colors when variant is set).
+*/ const VARIANT_COLORS = {
+	success: {
+		border: "#22C55E",
+		background: "#22C55E15"
+	},
+	trace: {
+		border: "#6B7280",
+		background: "#6B728015"
+	}
+};
+/**
+* Error highlighting colors.
+*/ const ERROR_HIGHLIGHT_COLORS = {
+	background: "#EF444425",
+	border: "#EF4444",
+	gutterBackground: "#EF444440"
+};
+
+//#endregion
+//#region src/utils/colors/sidebar-colors.ts
+/**
+* Sidebar colors.
+*/ const SIDEBAR_COLORS = {
+	background: void 0,
+	selectedBackground: "#1F293780",
+	hoverBackground: "#374151",
+	text: "#E5E7EB",
+	textDim: "#6B7280",
+	border: "#374151",
+	badge: "#3B82F6",
+	focusBorder: "#3B82F6"
+};
+/**
+* Screen header colors.
+*/ const HEADER_COLORS = {
+	background: void 0,
+	text: "#F9FAFB",
+	border: "#374151"
+};
+/**
+* Screen status indicator colors and icons.
+*/ const STATUS_INDICATORS = {
+	waiting: {
+		icon: "○",
+		color: "#6B7280"
+	},
+	pending: {
+		icon: "◐",
+		color: "#F59E0B"
+	},
+	success: {
+		icon: "✓",
+		color: "#22C55E"
+	},
+	fail: {
+		icon: "✗",
+		color: "#EF4444"
+	}
+};
+/**
+* Separator colors for sidebar sections.
+*/ const SEPARATOR_COLORS = {
+	line: "#374151",
+	text: "#6B7280"
+};
+
+//#endregion
+//#region src/utils/colors/progress-colors.ts
+/**
+* Progress bar colors.
+*/ const PROGRESS_COLORS = {
+	border: "#3B82F6",
+	background: "#3B82F615",
+	barFilled: "#3B82F6",
+	barEmpty: "#374151",
+	text: "#E5E7EB",
+	textDim: "#9CA3AF",
+	complete: "#22C55E",
+	completeBackground: "#22C55E15",
+	failed: "#EF4444",
+	failedBackground: "#EF444415"
+};
+/**
+* Group colors for collapsible log groups.
+*/ const GROUP_COLORS = {
+	border: "#6B7280",
+	background: "#6B728010",
+	headerText: "#E5E7EB",
+	icon: "#9CA3AF"
+};
+
+//#endregion
+//#region src/utils/colors/table-colors.ts
+/**
+* Table colors (uses info/blue scheme).
+*/ const TABLE_COLORS = {
+	border: "#3B82F6",
+	background: "#3B82F615",
+	headerText: "#F9FAFB",
+	cellText: "#E5E7EB",
+	title: "#F9FAFB",
+	separator: "#3B82F650"
+};
+
+//#endregion
+//#region src/utils/colors/file-colors.ts
+/**
+* File display colors (uses info/blue scheme).
+*/ const FILE_COLORS = {
+	border: "#3B82F6",
+	background: "#3B82F615",
+	headerText: "#F9FAFB",
+	headerBackground: "#3B82F625"
+};
+
+//#endregion
+//#region src/utils/colors/prompt-colors.ts
+/**
+* Prompt colors for interactive prompts.
+*/ const PROMPT_COLORS = {
+	question: "#F9FAFB",
+	optionText: "#E5E7EB",
+	optionTextDim: "#9CA3AF",
+	optionSelected: "#3B82F6",
+	optionSelectedBackground: "#1E3A5F",
+	confirmButton: "#22C55E",
+	cancelButton: "#EF4444",
+	buttonBackground: "#374151",
+	buttonSelectedBackground: "#1F2937",
+	inputBorder: "#3B82F6",
+	inputBackground: "#1F2937",
+	inputText: "#F9FAFB",
+	inputPlaceholder: "#6B7280",
+	inputCursor: "#3B82F6",
+	border: "#374151",
+	focusBorder: "#3B82F6"
+};
+
+//#endregion
+//#region src/utils/colors/helpers.ts
+/**
+* Creates a tinted (subtle) version of a color by setting alpha.
+*
+* @param color - The base color (hex string or RGBA)
+* @param alpha - Target alpha value (0-1), default 0.08 for subtle tinting
+* @returns New RGBA with adjusted alpha
+*/ function createTintedColor(color, alpha = .08) {
+	const rgba = typeof color === "string" ? RGBA.fromHex(color) : color;
+	return RGBA.fromValues(rgba.r, rgba.g, rgba.b, alpha);
+}
+/**
+* Creates a more prominent version of a color for borders.
+*
+* @param color - The base color
+* @param alpha - Target alpha, default 1.0 for solid borders
+*/ function createBorderColor(color, alpha = 1) {
+	const rgba = typeof color === "string" ? RGBA.fromHex(color) : color;
+	return RGBA.fromValues(rgba.r, rgba.g, rgba.b, alpha);
+}
+/**
+* Gets colors for a specific log level.
+*
+* @param level - The log level
+* @param customColors - Optional custom color map
+*/ function getLogLevelColors(level, customColors) {
+	const defaultColors = DEFAULT_LOG_LEVEL_COLORS[level];
+	const custom = customColors?.[level];
+	return {
+		border: custom?.border ?? defaultColors.border,
+		background: custom?.background ?? defaultColors.background,
+		text: custom?.text ?? defaultColors.text
+	};
+}
+
+//#endregion
+//#region src/utils/filetype.ts
+/**
+* Common file extension to filetype mapping for syntax highlighting.
+*/ const COMMON_FILETYPES = {
+	ts: "typescript",
+	tsx: "tsx",
+	js: "javascript",
+	jsx: "javascript",
+	json: "json",
+	md: "markdown",
+	py: "python",
+	rs: "rust",
+	go: "go",
+	java: "java",
+	c: "c",
+	cpp: "cpp",
+	h: "c",
+	hpp: "cpp",
+	css: "css",
+	html: "html",
+	yaml: "yaml",
+	yml: "yaml",
+	sh: "bash",
+	bash: "bash",
+	zsh: "bash",
+	toml: "toml",
+	xml: "xml",
+	sql: "sql",
+	rb: "ruby",
+	php: "php",
+	swift: "swift",
+	kt: "kotlin",
+	scala: "scala",
+	hs: "haskell",
+	elm: "elm",
+	vue: "vue",
+	svelte: "svelte"
+};
+/**
+* Resolves filetype from file path for syntax highlighting.
+*
+* @param filePath - Full file path or just filename
+* @returns Filetype string for tree-sitter, or undefined
+*/ function resolveFiletype(filePath) {
+	const lastDot = filePath.lastIndexOf(".");
+	if (lastDot === -1) return void 0;
+	return COMMON_FILETYPES[filePath.slice(lastDot + 1).toLowerCase()];
+}
+/**
+* Gets the filename from a full path.
+*
+* @param filePath - Full file path
+* @returns Just the filename
+*/ function getFileName(filePath) {
+	const lastSlash = Math.max(filePath.lastIndexOf("/"), filePath.lastIndexOf("\\"));
+	return lastSlash === -1 ? filePath : filePath.slice(lastSlash + 1);
+}
+
+//#endregion
+//#region src/utils/stdout-printer.ts
+const RESET = "\x1B[0m";
+const BOLD = "\x1B[1m";
+const DIM = "\x1B[2m";
+function hexToAnsi(hex, isForeground = true) {
+	const cleanHex = hex.replace("#", "").slice(0, 6);
+	if (!/^[0-9A-Fa-f]{6}$/.test(cleanHex)) return "";
+	const r = parseInt(cleanHex.slice(0, 2), 16);
+	const g = parseInt(cleanHex.slice(2, 4), 16);
+	const b = parseInt(cleanHex.slice(4, 6), 16);
+	return `\x1b[${isForeground ? 38 : 48};2;${r};${g};${b}m`;
+}
+function getLogLevelAnsiColor(level, variant) {
+	return hexToAnsi((variant ? VARIANT_COLORS[variant] : DEFAULT_LOG_LEVEL_COLORS[level]).border, true);
+}
+function formatLevel(level, variant) {
+	return `${getLogLevelAnsiColor(level, variant)}${BOLD}[${(variant ?? level).toUpperCase().padEnd(7)}]${RESET}`;
+}
+function formatTimestamp(date) {
+	return `${DIM}${date.toLocaleTimeString()}${RESET}`;
+}
+function printMessage(message, stream) {
+	switch (message.type) {
+		case "log": {
+			const logMessage = message;
+			const timestamp = formatTimestamp(message.timestamp);
+			const level = formatLevel(logMessage.level, logMessage.variant);
+			const label = logMessage.label ? ` ${DIM}[${logMessage.label}]${RESET}` : "";
+			stream.write(`${timestamp} ${level}${label} ${logMessage.content}\n`);
+			break;
+		}
+		case "file": {
+			const header = `${DIM}─── ${message.filePath} ───${RESET}`;
+			stream.write(`${header}\n${message.content}\n`);
+			break;
+		}
+		case "diff": {
+			const header = `${DIM}─── ${message.filePath} (diff) ───${RESET}`;
+			const coloredDiff = message.diff.split("\n").map((line) => {
+				if (line.startsWith("+") && !line.startsWith("+++")) return `\x1b[32m${line}${RESET}`;
+				else if (line.startsWith("-") && !line.startsWith("---")) return `\x1b[31m${line}${RESET}`;
+				else if (line.startsWith("@@")) return `\x1b[36m${line}${RESET}`;
+				return line;
+			}).join("\n");
+			stream.write(`${header}\n${coloredDiff}\n`);
+			break;
+		}
+		case "fileError": {
+			const header = `${DIM}─── ${message.filePath} ───${RESET}`;
+			const errorLineSet = new Set(message.errorLines);
+			const startLine = message.startLine ?? 1;
+			const numberedLines = message.content.split("\n").map((line, index) => {
+				const lineNum = startLine + index;
+				const numStr = String(lineNum).padStart(4);
+				if (errorLineSet.has(lineNum)) return `\x1b[31m${numStr} │ ${line}${RESET}`;
+				return `${DIM}${numStr}${RESET} │ ${line}`;
+			});
+			stream.write(`${header}\n${numberedLines.join("\n")}\n`);
+			break;
+		}
+		case "loading": {
+			const loadingMessage = message;
+			const status = loadingMessage.status;
+			const content = loadingMessage.resolvedContent ?? loadingMessage.content;
+			let level = "log";
+			let variant;
+			if (status === "success") {
+				level = "log";
+				variant = "success";
+			} else if (status === "fail") level = "error";
+			const timestamp = formatTimestamp(message.timestamp);
+			const levelStr = formatLevel(level, variant);
+			const prefix = status === "loading" ? "... " : "";
+			stream.write(`${timestamp} ${levelStr} ${prefix}${content}\n`);
+			break;
+		}
+		case "progress": {
+			const { label, current, total, status, resolvedContent } = message;
+			const percentage = total > 0 ? Math.round(current / total * 100) : 0;
+			const barWidth = 20;
+			const filledWidth = Math.round(percentage / 100 * barWidth);
+			const emptyWidth = barWidth - filledWidth;
+			const progressColor = hexToAnsi(PROGRESS_COLORS.barFilled);
+			const emptyColor = hexToAnsi(PROGRESS_COLORS.barEmpty);
+			const filledBar = "█".repeat(filledWidth);
+			const emptyBar = "░".repeat(emptyWidth);
+			let statusIcon = "";
+			let statusColor = "";
+			if (status === "complete") {
+				statusIcon = "✓";
+				statusColor = hexToAnsi(PROGRESS_COLORS.complete);
+			} else if (status === "failed") {
+				statusIcon = "✗";
+				statusColor = hexToAnsi(PROGRESS_COLORS.failed);
+			}
+			const displayLabel = resolvedContent ?? label;
+			const progressBar = `${progressColor}${filledBar}${RESET}${emptyColor}${emptyBar}${RESET}`;
+			const percentStr = `${String(percentage).padStart(3)}%`;
+			if (statusIcon) stream.write(`${statusColor}${statusIcon}${RESET} ${displayLabel} [${progressBar}] ${percentStr}\n`);
+			else stream.write(`  ${displayLabel} [${progressBar}] ${percentStr} (${current}/${total})\n`);
+			break;
+		}
+		case "group": {
+			const { label, collapsed, isEnd } = message;
+			const groupColor = hexToAnsi(GROUP_COLORS.border);
+			const iconColor = hexToAnsi(GROUP_COLORS.icon);
+			if (isEnd) stream.write(`${groupColor}└─${RESET} ${DIM}end ${label}${RESET}\n`);
+			else {
+				const icon = collapsed ? "▶" : "▼";
+				stream.write(`${groupColor}┌─${RESET} ${iconColor}${icon}${RESET} ${BOLD}${label}${RESET}\n`);
+			}
+			break;
+		}
+		case "table": {
+			const { headers, rows, title } = message;
+			const tableColor = hexToAnsi(TABLE_COLORS.border);
+			const headerColor = hexToAnsi(TABLE_COLORS.headerText);
+			const cellColor = hexToAnsi(TABLE_COLORS.cellText);
+			const colWidths = headers.map((h, i) => {
+				const maxRowWidth = rows.reduce((max, row) => Math.max(max, (row[i] ?? "").length), 0);
+				return Math.max(h.length, maxRowWidth);
+			});
+			const separator = `${tableColor}├${colWidths.map((w) => "─".repeat(w + 2)).join("┼")}┤${RESET}`;
+			const topBorder = `${tableColor}┌${colWidths.map((w) => "─".repeat(w + 2)).join("┬")}┐${RESET}`;
+			const bottomBorder = `${tableColor}└${colWidths.map((w) => "─".repeat(w + 2)).join("┴")}┘${RESET}`;
+			if (title) stream.write(`${BOLD}${title}${RESET}\n`);
+			stream.write(`${topBorder}\n`);
+			const headerRow = headers.map((h, i) => ` ${h.padEnd(colWidths[i])} `).join(`${tableColor}│${RESET}`);
+			stream.write(`${tableColor}│${RESET}${headerColor}${headerRow}${RESET}${tableColor}│${RESET}\n`);
+			stream.write(`${separator}\n`);
+			for (const row of rows) {
+				const rowStr = headers.map((_, i) => ` ${(row[i] ?? "").padEnd(colWidths[i])} `).join(`${tableColor}│${RESET}`);
+				stream.write(`${tableColor}│${RESET}${cellColor}${rowStr}${RESET}${tableColor}│${RESET}\n`);
+			}
+			stream.write(`${bottomBorder}\n`);
+			break;
+		}
+	}
+}
+/**
+* Print all messages to stdout (or stderr if isError)
+*/ function printMessagesToStdout(messages, screenName, isError = false) {
+	const stream = isError ? process.stderr : process.stdout;
+	const headerColor = isError ? "\x1B[31m" : "\x1B[32m";
+	const status = isError ? "FAILED" : "COMPLETED";
+	stream.write(`\n${headerColor}${BOLD}═══ ${screenName} [${status}] ═══${RESET}\n\n`);
+	for (const message of messages) printMessage(message, stream);
+	stream.write("\n");
+}
+
+//#endregion
+//#region src/utils/format.ts
+/**
+* Format an object for display with configurable depth
+*/ function formatObject(obj, depth = 2, currentDepth = 0) {
+	if (currentDepth >= depth) {
+		if (Array.isArray(obj)) return "[Array]";
+		if (typeof obj === "object" && obj !== null) return `[${obj.constructor?.name ?? "Object"}]`;
+		return String(obj);
+	}
+	if (obj === null) return "null";
+	if (obj === void 0) return "undefined";
+	if (typeof obj === "string") return `"${obj}"`;
+	if (typeof obj === "number" || typeof obj === "boolean") return String(obj);
+	if (typeof obj === "function") return "[Function]";
+	if (obj instanceof Date) return obj.toISOString();
+	if (obj instanceof Error) return `${obj.name}: ${obj.message}`;
+	const indent = "  ".repeat(currentDepth);
+	const childIndent = "  ".repeat(currentDepth + 1);
+	if (Array.isArray(obj)) {
+		if (obj.length === 0) return "[]";
+		return `[\n${childIndent}${obj.map((item) => formatObject(item, depth, currentDepth + 1)).join(`,\n${childIndent}`)}\n${indent}]`;
+	}
+	if (typeof obj === "object") {
+		const entries = Object.entries(obj);
+		if (entries.length === 0) return "{}";
+		return `{\n${childIndent}${entries.map(([key, value]) => `${key}: ${formatObject(value, depth, currentDepth + 1)}`).join(`,\n${childIndent}`)}\n${indent}}`;
+	}
+	return String(obj);
+}
+/**
+* Capture a stack trace, filtering out internal frames
+*/ function captureTrace() {
+	return ((/* @__PURE__ */ new Error()).stack ?? "").split("\n").slice(4).join("\n");
+}
+
+//#endregion
+//#region src/components/log/log_message.tsx
+/**
+* LogMessage - A chat-like styled log message with level-based coloring.
+*
+* Features:
+* - Left border with prominent color based on log level
+* - Subtle tinted background matching the log level
+* - Optional timestamp and label display
+* - Supports both simple text and complex React children
+* - Optional variant for semantic styling (e.g., 'success', 'trace')
+*
+* @example
+* <LogMessage level="error">
+*   Connection failed: timeout after 30s
+* </LogMessage>
+*
+* @example
+* <LogMessage level="log" timestamp={new Date()} label="API">
+*   Request completed successfully
+* </LogMessage>
+*
+* @example
+* <LogMessage level="log" variant="success">
+*   Operation completed successfully
+* </LogMessage>
+*/ function LogMessage({ level, variant, children, timestamp, label, trace, borderColor: customBorderColor, backgroundColor: customBackgroundColor, borderStyle = "thin", padding = 1, margin = 0 }) {
+	const theme = useTheme();
+	const levelColors = variant ? VARIANT_COLORS[variant] : theme.logLevels[level];
+	const borderColor = customBorderColor ?? levelColors.border;
+	const backgroundColor = customBackgroundColor ?? levelColors.background;
+	const textColor = levelColors.text ?? theme.colors.foreground;
+	const borderSides = borderStyle === "thin" ? ["left"] : [
+		"left",
+		"top",
+		"bottom"
+	];
+	const formattedTimestamp = timestamp ? timestamp instanceof Date ? timestamp.toLocaleTimeString() : timestamp : null;
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		border: borderSides,
+		borderColor,
+		backgroundColor,
+		paddingLeft: padding,
+		paddingRight: padding,
+		marginBottom: margin,
+		children: [
+			(formattedTimestamp || label) && /* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				gap: 1,
+				children: [formattedTimestamp && /* @__PURE__ */ jsx("text", {
+					fg: theme.colors.muted,
+					children: formattedTimestamp
+				}), label && /* @__PURE__ */ jsxs("text", {
+					fg: levelColors.border,
+					attributes: TextAttributes.BOLD,
+					children: [
+						"[",
+						label,
+						"]"
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("text", {
+				fg: textColor,
+				children
+			}),
+			trace && /* @__PURE__ */ jsx("box", {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx("text", {
+					fg: theme.colors.muted,
+					children: trace
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/file/file_log.tsx
+/**
+* FileLog - Displays file content, diffs, or partial files with error highlighting.
+*
+* Three modes:
+* 1. "full" - Display complete file with syntax highlighting
+* 2. "diff" - Display unified diff using <diff> component
+* 3. "partial" - Display file excerpt with optional error line highlighting
+*
+* @example Full file
+* <FileLog
+*   mode="full"
+*   filePath="src/index.ts"
+*   content={fileContent}
+* />
+*
+* @example Diff
+* <FileLog
+*   mode="diff"
+*   filePath="src/api.ts"
+*   diff={unifiedDiff}
+*   view="unified"
+* />
+*
+* @example Partial with error
+* <FileLog
+*   mode="partial"
+*   filePath="src/utils.ts"
+*   content={excerpt}
+*   startLine={42}
+*   errorLines={[45, 46]}
+* />
+*/ function FileLog(props) {
+	const { syntaxStyle, treeSitterClient } = useLoggerContext();
+	const filetype = props.filetype ?? resolveFiletype(props.filePath);
+	const showHeader = props.showHeader ?? true;
+	const showLineNumbers = props.showLineNumbers ?? true;
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		marginBottom: 1,
+		children: [
+			showHeader && /* @__PURE__ */ jsx("box", {
+				backgroundColor: props.headerBackgroundColor ?? HEADER_COLORS.background,
+				paddingLeft: 1,
+				paddingRight: 1,
+				border: ["bottom"],
+				borderColor: HEADER_COLORS.border,
+				children: /* @__PURE__ */ jsx("text", {
+					fg: HEADER_COLORS.text,
+					children: props.filePath
+				})
+			}),
+			props.mode === "full" && /* @__PURE__ */ jsx(FileLogFull, {
+				...props,
+				filetype,
+				syntaxStyle,
+				treeSitterClient,
+				showLineNumbers
+			}),
+			props.mode === "diff" && /* @__PURE__ */ jsx(FileLogDiff, {
+				...props,
+				filetype,
+				syntaxStyle,
+				treeSitterClient
+			}),
+			props.mode === "partial" && /* @__PURE__ */ jsx(FileLogPartial, {
+				...props,
+				filetype,
+				syntaxStyle,
+				treeSitterClient,
+				showLineNumbers
+			})
+		]
+	});
+}
+/**
+* Full file display with syntax highlighting.
+*/ function FileLogFull({ content, filetype, syntaxStyle, treeSitterClient }) {
+	if (!syntaxStyle) return /* @__PURE__ */ jsx("box", {
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: /* @__PURE__ */ jsx("text", { children: content })
+	});
+	return /* @__PURE__ */ jsx("code", {
+		content,
+		filetype,
+		syntaxStyle,
+		treeSitterClient
+	});
+}
+/**
+* Diff display using the built-in <diff> component.
+*/ function FileLogDiff({ diff, view = "unified", filetype, syntaxStyle, treeSitterClient }) {
+	if (!syntaxStyle) return /* @__PURE__ */ jsx("box", {
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: /* @__PURE__ */ jsx("text", { children: diff })
+	});
+	return /* @__PURE__ */ jsx("diff", {
+		diff,
+		view,
+		filetype,
+		syntaxStyle,
+		treeSitterClient
+	});
+}
+/**
+* Partial file display with error line highlighting.
+*
+* This component renders a file excerpt and highlights specific lines
+* as errors using box overlays with colored backgrounds.
+*/ function FileLogPartial({ content, startLine, errorLines = [], errorLineBackground, errorLineBorderColor, filetype, syntaxStyle, treeSitterClient, showLineNumbers }) {
+	const lines = useMemo(() => content.split("\n"), [content]);
+	const errorLineSet = useMemo(() => new Set(errorLines), [errorLines]);
+	const errorBg = errorLineBackground ?? ERROR_HIGHLIGHT_COLORS.background;
+	const errorBorder = errorLineBorderColor ?? ERROR_HIGHLIGHT_COLORS.border;
+	const maxLineNum = startLine + lines.length - 1;
+	const lineNumWidth = Math.max(4, String(maxLineNum).length + 1);
+	return /* @__PURE__ */ jsx("box", {
+		flexDirection: "column",
+		children: lines.map((line, index) => {
+			const lineNumber = startLine + index;
+			const isError = errorLineSet.has(lineNumber);
+			return /* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				backgroundColor: isError ? errorBg : void 0,
+				border: isError ? ["left"] : void 0,
+				borderColor: isError ? errorBorder : void 0,
+				children: [showLineNumbers && /* @__PURE__ */ jsx("box", {
+					width: lineNumWidth,
+					backgroundColor: isError ? ERROR_HIGHLIGHT_COLORS.gutterBackground : HEADER_COLORS.background,
+					paddingRight: 1,
+					children: /* @__PURE__ */ jsx("text", {
+						fg: "#6B7280",
+						children: String(lineNumber).padStart(lineNumWidth - 1)
+					})
+				}), /* @__PURE__ */ jsx("box", {
+					flexGrow: 1,
+					paddingLeft: 1,
+					children: syntaxStyle ? /* @__PURE__ */ jsx("code", {
+						content: line,
+						filetype,
+						syntaxStyle,
+						treeSitterClient
+					}) : /* @__PURE__ */ jsx("text", { children: line })
+				})]
+			}, lineNumber);
+		})
+	});
+}
+
+//#endregion
+//#region src/components/prompt/prompt_renderer.tsx
+function PromptRenderer({ prompt }) {
+	const theme = useTheme();
+	const timeoutRemaining = getTimeoutRemaining(prompt);
+	switch (prompt.type) {
+		case "choice": return /* @__PURE__ */ jsx(ChoicePromptRenderer, {
+			prompt,
+			timeoutRemaining,
+			colors: theme.prompt
+		});
+		case "confirm": return /* @__PURE__ */ jsx(ConfirmPromptRenderer, {
+			prompt,
+			timeoutRemaining,
+			colors: theme.prompt
+		});
+		case "input": return /* @__PURE__ */ jsx(InputPromptRenderer, {
+			prompt,
+			timeoutRemaining,
+			colors: theme.prompt
+		});
+		case "multiChoice": return /* @__PURE__ */ jsx(MultiChoicePromptRenderer, {
+			prompt,
+			timeoutRemaining,
+			colors: theme.prompt
+		});
+		default: return null;
+	}
+}
+function getTimeoutRemaining(prompt) {
+	if (!prompt.timeout || !prompt.timeoutStarted) return null;
+	const elapsed = Date.now() - prompt.timeoutStarted;
+	const remaining = Math.max(0, prompt.timeout - elapsed);
+	return Math.ceil(remaining / 1e3);
+}
+function TimeoutIndicator({ seconds, colors }) {
+	if (seconds === null) return null;
+	return /* @__PURE__ */ jsxs("text", {
+		fg: colors.optionTextDim,
+		attributes: TextAttributes.DIM,
+		children: [
+			" ",
+			"(auto-select in ",
+			seconds,
+			"s)"
+		]
+	});
+}
+function ChoicePromptRenderer({ prompt, timeoutRemaining, colors }) {
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		borderColor: colors.focusBorder,
+		border: ["left"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		gap: 1,
+		children: [
+			/* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				children: [/* @__PURE__ */ jsxs("text", {
+					fg: colors.question,
+					attributes: TextAttributes.BOLD,
+					children: ["? ", prompt.question]
+				}), /* @__PURE__ */ jsx(TimeoutIndicator, {
+					seconds: timeoutRemaining,
+					colors
+				})]
+			}),
+			/* @__PURE__ */ jsx("box", {
+				flexDirection: "column",
+				children: prompt.choices.map((choice, index) => {
+					const isSelected = index === prompt.selectedIndex;
+					const showInput = isSelected && choice.input && prompt.inputMode;
+					return /* @__PURE__ */ jsxs("box", {
+						flexDirection: "row",
+						children: [
+							/* @__PURE__ */ jsxs("text", {
+								fg: isSelected ? colors.optionSelected : "transparent",
+								children: [">", " "]
+							}),
+							/* @__PURE__ */ jsx("text", {
+								fg: isSelected ? colors.optionText : colors.optionTextDim,
+								attributes: isSelected ? TextAttributes.BOLD : void 0,
+								children: choice.label
+							}),
+							showInput && /* @__PURE__ */ jsxs("box", {
+								flexDirection: "row",
+								marginLeft: 1,
+								children: [
+									/* @__PURE__ */ jsx("text", {
+										fg: colors.inputText,
+										children: ": "
+									}),
+									/* @__PURE__ */ jsx("text", {
+										fg: colors.inputText,
+										children: prompt.inputValue
+									}),
+									/* @__PURE__ */ jsx("text", {
+										fg: colors.inputCursor,
+										attributes: TextAttributes.BLINK,
+										children: "_"
+									})
+								]
+							}),
+							isSelected && choice.input && !prompt.inputMode && /* @__PURE__ */ jsx("text", {
+								fg: colors.optionTextDim,
+								children: " (press Enter to type)"
+							})
+						]
+					}, choice.value);
+				})
+			}),
+			prompt.inputMode ? /* @__PURE__ */ jsx("text", {
+				fg: colors.optionTextDim,
+				attributes: TextAttributes.DIM,
+				children: "Type your answer, Enter to submit, Esc to cancel"
+			}) : /* @__PURE__ */ jsx("text", {
+				fg: colors.optionTextDim,
+				attributes: TextAttributes.DIM,
+				children: "↑/↓ to navigate, Enter to select"
+			})
+		]
+	});
+}
+function ConfirmPromptRenderer({ prompt, timeoutRemaining, colors }) {
+	const confirmSelected = prompt.selectedValue === true;
+	const cancelSelected = prompt.selectedValue === false;
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		borderColor: colors.focusBorder,
+		border: ["left"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		gap: 1,
+		children: [
+			/* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				children: [/* @__PURE__ */ jsxs("text", {
+					fg: colors.question,
+					attributes: TextAttributes.BOLD,
+					children: ["? ", prompt.question]
+				}), /* @__PURE__ */ jsx(TimeoutIndicator, {
+					seconds: timeoutRemaining,
+					colors
+				})]
+			}),
+			/* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				gap: 2,
+				children: [/* @__PURE__ */ jsx("box", {
+					backgroundColor: confirmSelected ? colors.buttonSelectedBackground : void 0,
+					paddingLeft: 1,
+					paddingRight: 1,
+					children: /* @__PURE__ */ jsxs("text", {
+						fg: confirmSelected ? colors.confirmButton : colors.optionTextDim,
+						attributes: confirmSelected ? TextAttributes.BOLD : void 0,
+						children: [
+							confirmSelected ? ">" : " ",
+							" ",
+							prompt.confirmText
+						]
+					})
+				}), /* @__PURE__ */ jsx("box", {
+					backgroundColor: cancelSelected ? colors.buttonSelectedBackground : void 0,
+					paddingLeft: 1,
+					paddingRight: 1,
+					children: /* @__PURE__ */ jsxs("text", {
+						fg: cancelSelected ? colors.cancelButton : colors.optionTextDim,
+						attributes: cancelSelected ? TextAttributes.BOLD : void 0,
+						children: [
+							cancelSelected ? ">" : " ",
+							" ",
+							prompt.cancelText
+						]
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx("text", {
+				fg: colors.optionTextDim,
+				attributes: TextAttributes.DIM,
+				children: "←/→ to select, Enter to confirm"
+			})
+		]
+	});
+}
+function InputPromptRenderer({ prompt, timeoutRemaining, colors }) {
+	const hasValue = prompt.value.length > 0;
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		borderColor: colors.focusBorder,
+		border: ["left"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		gap: 1,
+		children: [
+			/* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				children: [/* @__PURE__ */ jsxs("text", {
+					fg: colors.question,
+					attributes: TextAttributes.BOLD,
+					children: ["? ", prompt.question]
+				}), /* @__PURE__ */ jsx(TimeoutIndicator, {
+					seconds: timeoutRemaining,
+					colors
+				})]
+			}),
+			/* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				borderColor: colors.inputBorder,
+				border: ["left"],
+				paddingLeft: 1,
+				children: [/* @__PURE__ */ jsx("text", {
+					fg: hasValue ? colors.inputText : colors.inputPlaceholder,
+					children: hasValue ? prompt.value : prompt.placeholder
+				}), /* @__PURE__ */ jsx("text", {
+					fg: colors.inputCursor,
+					attributes: TextAttributes.BLINK,
+					children: "_"
+				})]
+			}),
+			/* @__PURE__ */ jsx("text", {
+				fg: colors.optionTextDim,
+				attributes: TextAttributes.DIM,
+				children: "Type your answer, Enter to submit"
+			})
+		]
+	});
+}
+function MultiChoicePromptRenderer({ prompt, timeoutRemaining, colors }) {
+	const selectedCount = prompt.selectedIndices.size;
+	const canSubmit = selectedCount >= prompt.minSelect;
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		borderColor: colors.focusBorder,
+		border: ["left"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		gap: 1,
+		children: [
+			/* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				children: [
+					/* @__PURE__ */ jsxs("text", {
+						fg: colors.question,
+						attributes: TextAttributes.BOLD,
+						children: ["? ", prompt.question]
+					}),
+					/* @__PURE__ */ jsxs("text", {
+						fg: colors.optionTextDim,
+						children: [
+							" ",
+							"(",
+							selectedCount,
+							"/",
+							prompt.maxSelect,
+							" selected)"
+						]
+					}),
+					/* @__PURE__ */ jsx(TimeoutIndicator, {
+						seconds: timeoutRemaining,
+						colors
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("box", {
+				flexDirection: "column",
+				children: prompt.choices.map((choice, index) => {
+					const isFocused = index === prompt.focusedIndex;
+					const isChecked = prompt.selectedIndices.has(index);
+					return /* @__PURE__ */ jsxs("box", {
+						flexDirection: "row",
+						children: [
+							/* @__PURE__ */ jsxs("text", {
+								fg: isFocused ? colors.optionSelected : "transparent",
+								children: [">", " "]
+							}),
+							/* @__PURE__ */ jsxs("text", {
+								fg: isChecked ? colors.optionSelected : colors.optionTextDim,
+								children: [isChecked ? "[✓]" : "[ ]", " "]
+							}),
+							/* @__PURE__ */ jsx("text", {
+								fg: isFocused ? colors.optionText : colors.optionTextDim,
+								attributes: isFocused ? TextAttributes.BOLD : void 0,
+								children: choice.label
+							})
+						]
+					}, choice.value);
+				})
+			}),
+			/* @__PURE__ */ jsxs("box", {
+				flexDirection: "column",
+				children: [/* @__PURE__ */ jsx("text", {
+					fg: colors.optionTextDim,
+					attributes: TextAttributes.DIM,
+					children: "↑/↓ to navigate, Space to toggle"
+				}), canSubmit ? /* @__PURE__ */ jsx("text", {
+					fg: colors.optionTextDim,
+					attributes: TextAttributes.DIM,
+					children: "Enter to confirm"
+				}) : /* @__PURE__ */ jsxs("text", {
+					fg: colors.cancelButton,
+					attributes: TextAttributes.DIM,
+					children: [
+						"Select at least ",
+						prompt.minSelect,
+						" option",
+						prompt.minSelect > 1 ? "s" : ""
+					]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/screen/loading_message.tsx
+const SPINNER_FRAMES = [
+	"⠋",
+	"⠙",
+	"⠹",
+	"⠸",
+	"⠼",
+	"⠴",
+	"⠦",
+	"⠧",
+	"⠇",
+	"⠏"
+];
+function LoadingMessage({ message }) {
+	const [frameIndex, setFrameIndex] = useState(0);
+	const intervalRef = useRef(null);
+	useEffect(() => {
+		if (message.status === "loading") intervalRef.current = setInterval(() => {
+			setFrameIndex((prev) => (prev + 1) % SPINNER_FRAMES.length);
+		}, 80);
+		return () => {
+			if (intervalRef.current) clearInterval(intervalRef.current);
+		};
+	}, [message.status]);
+	const level = message.status === "fail" ? "error" : "log";
+	const variant = message.status === "success" ? "success" : void 0;
+	const displayContent = message.resolvedContent ?? message.content;
+	const spinner = message.status === "loading" ? SPINNER_FRAMES[frameIndex] + " " : "";
+	return /* @__PURE__ */ jsxs(LogMessage, {
+		level,
+		variant,
+		timestamp: message.timestamp,
+		children: [spinner, displayContent]
+	});
+}
+
+//#endregion
+//#region src/components/screen/progress_message.tsx
+function ProgressMessage({ message }) {
+	const theme = useTheme();
+	const percent = Math.round(message.current / message.total * 100);
+	const barWidth = 20;
+	const filled = Math.round(percent / 100 * barWidth);
+	const empty = barWidth - filled;
+	const barFilled = "█".repeat(filled);
+	const barEmpty = "░".repeat(empty);
+	const borderColor = message.status === "complete" ? theme.progress.complete : message.status === "failed" ? theme.progress.failed : theme.progress.border;
+	const backgroundColor = message.status === "complete" ? theme.progress.completeBackground : message.status === "failed" ? theme.progress.failedBackground : theme.progress.background;
+	const barColor = message.status === "complete" ? theme.progress.complete : message.status === "failed" ? theme.progress.failed : theme.progress.barFilled;
+	const displayLabel = message.resolvedContent ?? message.label;
+	return /* @__PURE__ */ jsx("box", {
+		flexDirection: "column",
+		border: ["left"],
+		borderColor,
+		backgroundColor,
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: /* @__PURE__ */ jsxs("box", {
+			flexDirection: "row",
+			gap: 1,
+			children: [
+				/* @__PURE__ */ jsxs("text", {
+					fg: barColor,
+					children: ["[", barFilled]
+				}),
+				/* @__PURE__ */ jsxs("text", {
+					fg: theme.progress.barEmpty,
+					children: [barEmpty, "]"]
+				}),
+				/* @__PURE__ */ jsxs("text", {
+					fg: theme.progress.textDim,
+					children: [percent, "%"]
+				}),
+				/* @__PURE__ */ jsx("text", {
+					fg: theme.progress.text,
+					children: displayLabel
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/screen/table_message.tsx
+function TableMessage({ message }) {
+	const colWidths = message.headers.map((h, i) => {
+		const headerLen = h.length;
+		const maxRowLen = message.rows.length > 0 ? Math.max(...message.rows.map((r) => (r[i] ?? "").length)) : 0;
+		return Math.max(headerLen, maxRowLen);
+	});
+	const pad = (str, width) => str.padEnd(width);
+	const headerRow = message.headers.map((h, i) => pad(h, colWidths[i] ?? 0)).join(" │ ");
+	const separator = colWidths.map((w) => "─".repeat(w)).join("─┼─");
+	const dataRows = message.rows.map((row) => row.map((cell, i) => pad(cell, colWidths[i] ?? 0)).join(" │ "));
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		border: ["left"],
+		borderColor: TABLE_COLORS.border,
+		backgroundColor: TABLE_COLORS.background,
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: [
+			message.title && /* @__PURE__ */ jsx("text", {
+				fg: TABLE_COLORS.title,
+				attributes: TextAttributes.BOLD,
+				children: message.title
+			}),
+			/* @__PURE__ */ jsx("text", {
+				fg: TABLE_COLORS.headerText,
+				attributes: TextAttributes.BOLD,
+				children: headerRow
+			}),
+			/* @__PURE__ */ jsx("text", {
+				fg: TABLE_COLORS.separator,
+				children: separator
+			}),
+			dataRows.map((row, i) => /* @__PURE__ */ jsx("text", {
+				fg: TABLE_COLORS.cellText,
+				children: row
+			}, i))
+		]
+	});
+}
+
+//#endregion
+//#region src/components/screen/message_renderer.tsx
+function MessageRenderer({ message }) {
+	const theme = useTheme();
+	switch (message.type) {
+		case "log": return /* @__PURE__ */ jsx(LogMessage, {
+			level: message.level,
+			timestamp: message.timestamp,
+			variant: message.variant,
+			label: message.label,
+			trace: message.trace,
+			children: message.content
+		});
+		case "file": return /* @__PURE__ */ jsx("box", {
+			flexDirection: "column",
+			border: ["left"],
+			borderColor: theme.file.border,
+			backgroundColor: theme.file.background,
+			children: /* @__PURE__ */ jsx(FileLog, {
+				mode: "full",
+				filePath: message.filePath,
+				content: message.content,
+				headerBackgroundColor: theme.file.headerBackground
+			})
+		});
+		case "diff": return /* @__PURE__ */ jsx("box", {
+			flexDirection: "column",
+			border: ["left"],
+			borderColor: theme.file.border,
+			backgroundColor: theme.file.background,
+			children: /* @__PURE__ */ jsx(FileLog, {
+				mode: "diff",
+				filePath: message.filePath,
+				diff: message.diff,
+				view: message.view,
+				headerBackgroundColor: theme.file.headerBackground
+			})
+		});
+		case "fileError": return /* @__PURE__ */ jsx("box", {
+			flexDirection: "column",
+			border: ["left"],
+			borderColor: theme.file.border,
+			backgroundColor: theme.file.background,
+			children: /* @__PURE__ */ jsx(FileLog, {
+				mode: "partial",
+				filePath: message.filePath,
+				content: message.content,
+				startLine: message.startLine,
+				errorLines: message.errorLines,
+				headerBackgroundColor: theme.file.headerBackground
+			})
+		});
+		case "loading": return /* @__PURE__ */ jsx(LoadingMessage, { message });
+		case "progress": return /* @__PURE__ */ jsx(ProgressMessage, { message });
+		case "group": return /* @__PURE__ */ jsx(GroupMessageRenderer, { message });
+		case "table": return /* @__PURE__ */ jsx(TableMessage, { message });
+		default: return null;
+	}
+}
+
+//#endregion
+//#region src/components/screen/group_renderer.tsx
+function GroupRenderer({ label, messages }) {
+	const theme = useTheme();
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		border: ["left"],
+		borderColor: theme.group.border,
+		backgroundColor: theme.group.background,
+		paddingLeft: 1,
+		children: [/* @__PURE__ */ jsxs("box", {
+			flexDirection: "row",
+			marginBottom: 1,
+			children: [/* @__PURE__ */ jsx("text", {
+				fg: theme.group.icon,
+				children: "▼ "
+			}), /* @__PURE__ */ jsx("text", {
+				fg: theme.group.headerText,
+				attributes: TextAttributes.BOLD,
+				children: label
+			})]
+		}), /* @__PURE__ */ jsx("box", {
+			flexDirection: "column",
+			gap: 1,
+			children: messages.map((msg) => /* @__PURE__ */ jsx(MessageRenderer, { message: msg }, msg.id))
+		})]
+	});
+}
+/**
+* Fallback renderer for group markers (when not processed at higher level)
+*/ function GroupMessageRenderer({ message }) {
+	const theme = useTheme();
+	if (message.isEnd) return null;
+	return /* @__PURE__ */ jsx("box", {
+		flexDirection: "row",
+		borderColor: theme.group.border,
+		border: ["left"],
+		paddingLeft: 1,
+		children: /* @__PURE__ */ jsxs("text", {
+			fg: theme.group.headerText,
+			attributes: TextAttributes.BOLD,
+			children: ["▼ ", message.label]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/screen/screen_bridge.tsx
+function processMessagesIntoGroups(messages) {
+	const result = [];
+	let i = 0;
+	while (i < messages.length) {
+		const msg = messages[i];
+		if (msg.type === "group" && !msg.isEnd) {
+			const groupLabel = msg.label;
+			const groupMessages = [];
+			i++;
+			while (i < messages.length) {
+				const innerMsg = messages[i];
+				if (innerMsg.type === "group" && innerMsg.isEnd) {
+					i++;
+					break;
+				}
+				groupMessages.push(innerMsg);
+				i++;
+			}
+			result.push({
+				type: "group",
+				label: groupLabel,
+				messages: groupMessages
+			});
+		} else if (msg.type === "group" && msg.isEnd) i++;
+		else {
+			result.push({
+				type: "single",
+				message: msg
+			});
+			i++;
+		}
+	}
+	return result;
+}
+function ScreenBridge({ screen, focused, filteredMessages, isFiltering, totalMessages }) {
+	const theme = useTheme();
+	const [, forceUpdate] = useState({});
+	useEffect(() => {
+		return screen.onChange(() => forceUpdate({}));
+	}, [screen]);
+	const messages = filteredMessages ?? screen.getMessages();
+	const activePrompt = screen.getActivePrompt();
+	const processedMessages = processMessagesIntoGroups(messages);
+	const filteredCount = messages.length;
+	const total = totalMessages ?? messages.length;
+	const showFilterStatus = isFiltering && filteredCount !== total;
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [/* @__PURE__ */ jsxs("box", {
+			backgroundColor: theme.header.background,
+			borderColor: focused ? theme.sidebar.focusBorder : theme.header.border,
+			border: ["bottom"],
+			paddingLeft: 1,
+			paddingRight: 1,
+			flexDirection: "row",
+			justifyContent: "space-between",
+			children: [/* @__PURE__ */ jsx("text", {
+				fg: theme.header.text,
+				attributes: TextAttributes.BOLD,
+				children: screen.getName()
+			}), showFilterStatus && /* @__PURE__ */ jsxs("text", {
+				fg: theme.sidebar.textDim,
+				children: [
+					filteredCount,
+					"/",
+					total,
+					" messages"
+				]
+			})]
+		}), /* @__PURE__ */ jsxs("scrollbox", {
+			flexGrow: 1,
+			scrollY: true,
+			stickyScroll: true,
+			stickyStart: "bottom",
+			contentOptions: {
+				paddingLeft: 1,
+				paddingRight: 1,
+				paddingTop: 1,
+				paddingBottom: 1,
+				gap: 1
+			},
+			children: [processedMessages.map((item, index) => {
+				if (item.type === "group") return /* @__PURE__ */ jsx(GroupRenderer, {
+					label: item.label,
+					messages: item.messages
+				}, `group-${index}`);
+				else return /* @__PURE__ */ jsx(MessageRenderer, { message: item.message }, item.message.id);
+			}), activePrompt && /* @__PURE__ */ jsx(PromptRenderer, { prompt: activePrompt })]
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/sidebar/sidebar_item.tsx
+function SidebarItem({ screen, isSelected, isActive, focused }) {
+	const theme = useTheme();
+	const status = screen.getStatus();
+	const statusIndicator = theme.statusIndicators[status];
+	let backgroundColor = void 0;
+	if (isSelected && focused) backgroundColor = theme.sidebar.selectedBackground;
+	else if (isActive) backgroundColor = theme.sidebar.selectedBackground + "80";
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "row",
+		paddingLeft: 1,
+		paddingRight: 1,
+		backgroundColor,
+		children: [
+			/* @__PURE__ */ jsxs("text", {
+				fg: isSelected && focused ? theme.sidebar.focusBorder : "transparent",
+				children: [">", " "]
+			}),
+			/* @__PURE__ */ jsxs("text", {
+				fg: statusIndicator.color,
+				children: [statusIndicator.icon, " "]
+			}),
+			/* @__PURE__ */ jsx("text", {
+				fg: isActive ? theme.sidebar.text : theme.sidebar.textDim,
+				flexGrow: 1,
+				children: screen.getName()
+			}),
+			screen.getBadgeCount() > 0 && /* @__PURE__ */ jsx("box", {
+				backgroundColor: theme.sidebar.badge,
+				paddingLeft: 1,
+				paddingRight: 1,
+				children: /* @__PURE__ */ jsx("text", {
+					fg: theme.colors.foreground,
+					attributes: TextAttributes.BOLD,
+					children: screen.getBadgeCount() > 99 ? "99+" : screen.getBadgeCount()
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/sidebar/sidebar_separator.tsx
+function SidebarSeparator() {
+	const theme = useTheme();
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "row",
+		paddingTop: 1,
+		children: [
+			/* @__PURE__ */ jsx("box", { flexGrow: 1 }),
+			/* @__PURE__ */ jsx("text", {
+				fg: theme.separator.line,
+				children: "· · ·"
+			}),
+			/* @__PURE__ */ jsx("box", { flexGrow: 1 })
+		]
+	});
+}
+
+//#endregion
+//#region src/components/sidebar/sidebar.tsx
+function Sidebar({ screens, selectedIndex, activeScreenId, focused, width, title }) {
+	const theme = useTheme();
+	const pendingScreens = [];
+	const otherScreens = [];
+	screens.forEach((screen, index) => {
+		if (screen.getStatus() === "pending") pendingScreens.push({
+			screen,
+			originalIndex: index
+		});
+		else otherScreens.push({
+			screen,
+			originalIndex: index
+		});
+	});
+	const hasPending = pendingScreens.length > 0;
+	const hasOther = otherScreens.length > 0;
+	const showSeparator = hasPending && hasOther;
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		width,
+		borderColor: focused ? theme.sidebar.focusBorder : theme.sidebar.border,
+		border: ["right"],
+		children: [
+			/* @__PURE__ */ jsx("box", {
+				backgroundColor: theme.header.background,
+				paddingLeft: 1,
+				paddingRight: 1,
+				borderColor: theme.header.border,
+				border: ["bottom"],
+				children: /* @__PURE__ */ jsx("text", {
+					fg: theme.header.text,
+					attributes: TextAttributes.BOLD,
+					children: title
+				})
+			}),
+			/* @__PURE__ */ jsx("scrollbox", {
+				scrollY: true,
+				stickyScroll: false,
+				flexGrow: 1,
+				contentOptions: { flexGrow: 1 },
+				children: /* @__PURE__ */ jsxs("box", {
+					flexDirection: "column",
+					children: [
+						pendingScreens.map(({ screen, originalIndex }) => /* @__PURE__ */ jsx(SidebarItem, {
+							screen,
+							isSelected: originalIndex === selectedIndex,
+							isActive: screen.getId() === activeScreenId,
+							focused
+						}, screen.getId())),
+						showSeparator && /* @__PURE__ */ jsx(SidebarSeparator, {}),
+						otherScreens.map(({ screen, originalIndex }) => /* @__PURE__ */ jsx(SidebarItem, {
+							screen,
+							isSelected: originalIndex === selectedIndex,
+							isActive: screen.getId() === activeScreenId,
+							focused
+						}, screen.getId()))
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx("box", {
+				paddingLeft: 1,
+				paddingRight: 1,
+				borderColor: theme.sidebar.border,
+				border: ["top"],
+				children: /* @__PURE__ */ jsx("text", {
+					fg: theme.sidebar.text,
+					children: "q: exit | Tab: focus | ?: help"
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/filter/filter_engine.ts
+/**
+* Filter engine for filtering log messages.
+*/ var FilterEngine = class {
+	/**
+	* Apply filter to messages array.
+	*/ static filterMessages(messages, filter) {
+		if (filter.searchQuery === "" && filter.enabledLevels.size === ALL_LOG_LEVELS.length) return messages;
+		return messages.filter((msg) => {
+			if (msg.type !== "log") {
+				if (filter.searchQuery) return this.messageMatchesSearch(msg, filter.searchQuery);
+				if (msg.type === "group") return true;
+				return true;
+			}
+			const logMsg = msg;
+			if (!filter.enabledLevels.has(logMsg.level)) return false;
+			if (filter.searchQuery && !this.messageMatchesSearch(logMsg, filter.searchQuery)) return false;
+			return true;
+		});
+	}
+	/**
+	* Check if a message matches the search query.
+	*/ static messageMatchesSearch(msg, query) {
+		const lowerQuery = query.toLowerCase();
+		switch (msg.type) {
+			case "log": return msg.content.toLowerCase().includes(lowerQuery) || (msg.label?.toLowerCase().includes(lowerQuery) ?? false);
+			case "file":
+			case "fileError": return msg.filePath.toLowerCase().includes(lowerQuery) || msg.content.toLowerCase().includes(lowerQuery);
+			case "diff": return msg.filePath.toLowerCase().includes(lowerQuery) || msg.diff.toLowerCase().includes(lowerQuery);
+			case "loading": return msg.content.toLowerCase().includes(lowerQuery) || (msg.resolvedContent?.toLowerCase().includes(lowerQuery) ?? false);
+			case "progress": return msg.label.toLowerCase().includes(lowerQuery);
+			case "group": return msg.label.toLowerCase().includes(lowerQuery);
+			case "table": return (msg.title?.toLowerCase().includes(lowerQuery) ?? false) || msg.headers.some((h) => h.toLowerCase().includes(lowerQuery)) || msg.rows.some((row) => row.some((cell) => cell.toLowerCase().includes(lowerQuery)));
+			default: return false;
+		}
+	}
+	/**
+	* Count messages by log level.
+	*/ static countByLevel(messages) {
+		const counts = {
+			debug: 0,
+			log: 0,
+			verbose: 0,
+			error: 0,
+			fatal: 0,
+			warn: 0
+		};
+		for (const msg of messages) if (msg.type === "log") counts[msg.level]++;
+		return counts;
+	}
+};
+
+//#endregion
+//#region src/keyboard/keyboard_manager.ts
+/**
+* Manages keyboard bindings and dispatches key events to handlers.
+*/ var KeyboardManager = class {
+	bindings = [];
+	disabled = /* @__PURE__ */ new Set();
+	constructor(config) {
+		if (config?.bindings) this.bindings = [...config.bindings];
+		if (config?.disabled) this.disabled = new Set(config.disabled);
+		this.sortBindings();
+	}
+	/**
+	* Add bindings to the manager.
+	*/ addBindings(bindings) {
+		this.bindings.push(...bindings);
+		this.sortBindings();
+	}
+	/**
+	* Remove a binding by key name.
+	*/ removeBinding(key) {
+		this.bindings = this.bindings.filter((b) => {
+			return !(Array.isArray(b.key) ? b.key : [b.key]).includes(key);
+		});
+	}
+	/**
+	* Disable a key (prevents it from being matched).
+	*/ disableKey(key) {
+		this.disabled.add(key);
+	}
+	/**
+	* Enable a previously disabled key.
+	*/ enableKey(key) {
+		this.disabled.delete(key);
+	}
+	/**
+	* Handle a key event, dispatching to the appropriate handler.
+	* Returns true if a handler consumed the event.
+	*/ handleKey(key, context) {
+		const binding = this.findMatchingBinding(key, context);
+		if (binding) return binding.handler(key, context) !== false;
+		return false;
+	}
+	/**
+	* Get all bindings for display in help overlay.
+	*/ getBindingsForHelp() {
+		return this.bindings.filter((b) => b.description);
+	}
+	/**
+	* Get bindings grouped by category.
+	*/ getBindingsByCategory() {
+		const grouped = {
+			general: [],
+			navigation: [],
+			screen: [],
+			prompt: [],
+			filter: []
+		};
+		for (const binding of this.bindings) if (binding.description) grouped[binding.category].push(binding);
+		return grouped;
+	}
+	/**
+	* Find a matching binding for the given key and context.
+	*/ findMatchingBinding(key, context) {
+		for (const binding of this.bindings) if (this.keyMatches(key, binding) && this.conditionMatches(binding.when, context) && !this.isDisabled(binding)) return binding;
+		return null;
+	}
+	/**
+	* Check if a key event matches a binding's key specification.
+	*/ keyMatches(key, binding) {
+		const keys = Array.isArray(binding.key) ? binding.key : [binding.key];
+		if (!(keys.includes(key.name) || key.sequence && keys.includes(key.sequence))) return false;
+		const ctrlMatches = (binding.ctrl ?? false) === (key.ctrl ?? false);
+		const metaMatches = (binding.meta ?? false) === (key.meta ?? false);
+		const shiftMatches = (binding.shift ?? false) === (key.shift ?? false);
+		return ctrlMatches && metaMatches && shiftMatches;
+	}
+	/**
+	* Check if context matches a binding's condition.
+	*/ conditionMatches(condition, context) {
+		if (!condition) return true;
+		if (condition.hasPrompt !== void 0 && condition.hasPrompt !== context.hasPrompt) return false;
+		if (condition.inInputMode !== void 0 && condition.inInputMode !== context.inInputMode) return false;
+		if (condition.focusArea !== void 0 && condition.focusArea !== context.focusArea) return false;
+		if (condition.isFilterActive !== void 0 && condition.isFilterActive !== context.isFilterActive) return false;
+		if (condition.isHelpVisible !== void 0 && condition.isHelpVisible !== context.isHelpVisible) return false;
+		if (condition.hasSidebar !== void 0 && condition.hasSidebar !== context.hasSidebar) return false;
+		return true;
+	}
+	/**
+	* Check if a binding is disabled.
+	*/ isDisabled(binding) {
+		return (Array.isArray(binding.key) ? binding.key : [binding.key]).some((k) => this.disabled.has(k));
+	}
+	/**
+	* Sort bindings by priority (higher first).
+	*/ sortBindings() {
+		this.bindings.sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+	}
+};
+/**
+* Format a key binding for display.
+*/ function formatKeyBinding(binding) {
+	const keys = Array.isArray(binding.key) ? binding.key : [binding.key];
+	const parts = [];
+	if (binding.ctrl) parts.push("Ctrl");
+	if (binding.meta) parts.push("Cmd");
+	if (binding.shift) parts.push("Shift");
+	const keyDisplay = keys.map((k) => {
+		switch (k) {
+			case "up": return "↑";
+			case "down": return "↓";
+			case "left": return "←";
+			case "right": return "→";
+			case "return": return "Enter";
+			case "escape": return "Esc";
+			case "space": return "Space";
+			case "tab": return "Tab";
+			case "\\": return "\\";
+			default: return k;
+		}
+	}).join("/");
+	parts.push(keyDisplay);
+	return parts.join("+");
+}
+
+//#endregion
+//#region src/keyboard/create_bindings.ts
+/**
+* Create the default keybindings with access to manager and screens.
+*/ function createDefaultBindings(handlers) {
+	const { manager, getActiveScreen, toggleHelp, toggleFilter, closeFilter } = handlers;
+	const bindings = [];
+	bindings.push({
+		key: "escape",
+		handler: () => {
+			const screen = getActiveScreen();
+			if (screen?.isPromptInInputMode()) {
+				screen.promptExitInputMode();
+				return true;
+			}
+		},
+		description: "Exit input mode",
+		category: "prompt",
+		when: {
+			hasPrompt: true,
+			inInputMode: true
+		},
+		priority: 100
+	});
+	bindings.push({
+		key: "return",
+		handler: () => {
+			const screen = getActiveScreen();
+			if (screen?.isPromptInInputMode()) {
+				screen.promptSubmit();
+				return true;
+			}
+		},
+		description: "Submit input",
+		category: "prompt",
+		when: {
+			hasPrompt: true,
+			inInputMode: true
+		},
+		priority: 100
+	});
+	bindings.push({
+		key: "backspace",
+		handler: () => {
+			const screen = getActiveScreen();
+			if (screen?.isPromptInInputMode()) {
+				screen.promptDeleteLastChar();
+				return true;
+			}
+		},
+		description: "Delete character",
+		category: "prompt",
+		when: {
+			hasPrompt: true,
+			inInputMode: true
+		},
+		priority: 100
+	});
+	bindings.push({
+		key: ["up", "k"],
+		handler: () => {
+			const screen = getActiveScreen();
+			const prompt = screen?.getActivePrompt();
+			if (prompt?.type === "choice" || prompt?.type === "multiChoice") {
+				screen?.promptNavigateUp();
+				return true;
+			}
+		},
+		description: "Navigate up",
+		category: "prompt",
+		when: {
+			hasPrompt: true,
+			inInputMode: false
+		},
+		priority: 90
+	});
+	bindings.push({
+		key: ["down", "j"],
+		handler: () => {
+			const screen = getActiveScreen();
+			const prompt = screen?.getActivePrompt();
+			if (prompt?.type === "choice" || prompt?.type === "multiChoice") {
+				screen?.promptNavigateDown();
+				return true;
+			}
+		},
+		description: "Navigate down",
+		category: "prompt",
+		when: {
+			hasPrompt: true,
+			inInputMode: false
+		},
+		priority: 90
+	});
+	bindings.push({
+		key: ["left", "h"],
+		handler: () => {
+			const screen = getActiveScreen();
+			if ((screen?.getActivePrompt())?.type === "confirm") {
+				screen?.promptNavigateLeft();
+				return true;
+			}
+		},
+		description: "Select confirm",
+		category: "prompt",
+		when: {
+			hasPrompt: true,
+			inInputMode: false
+		},
+		priority: 90
+	});
+	bindings.push({
+		key: ["right", "l"],
+		handler: () => {
+			const screen = getActiveScreen();
+			if ((screen?.getActivePrompt())?.type === "confirm") {
+				screen?.promptNavigateRight();
+				return true;
+			}
+		},
+		description: "Select cancel",
+		category: "prompt",
+		when: {
+			hasPrompt: true,
+			inInputMode: false
+		},
+		priority: 90
+	});
+	bindings.push({
+		key: "space",
+		handler: () => {
+			const screen = getActiveScreen();
+			if ((screen?.getActivePrompt())?.type === "multiChoice") {
+				screen?.promptToggleSelection();
+				return true;
+			}
+		},
+		description: "Toggle selection",
+		category: "prompt",
+		when: {
+			hasPrompt: true,
+			inInputMode: false
+		},
+		priority: 90
+	});
+	bindings.push({
+		key: "return",
+		handler: () => {
+			const screen = getActiveScreen();
+			const prompt = screen?.getActivePrompt();
+			if (!prompt) return false;
+			if (prompt.type === "choice") {
+				if (!screen?.promptEnterInputMode()) screen?.promptSubmit();
+				return true;
+			} else if (prompt.type === "confirm") {
+				screen?.promptSubmit();
+				return true;
+			} else if (prompt.type === "multiChoice") {
+				if (screen?.canSubmitPrompt()) screen.promptSubmit();
+				return true;
+			}
+		},
+		description: "Submit selection",
+		category: "prompt",
+		when: {
+			hasPrompt: true,
+			inInputMode: false
+		},
+		priority: 90
+	});
+	bindings.push({
+		key: "?",
+		handler: () => {
+			toggleHelp();
+			return true;
+		},
+		description: "Toggle help",
+		category: "general",
+		when: {
+			hasPrompt: false,
+			isFilterActive: false
+		},
+		priority: 50
+	});
+	bindings.push({
+		key: "escape",
+		handler: () => {
+			toggleHelp();
+			return true;
+		},
+		description: "Close help",
+		category: "general",
+		when: { isHelpVisible: true },
+		priority: 80
+	});
+	bindings.push({
+		key: "/",
+		handler: () => {
+			toggleFilter();
+			return true;
+		},
+		description: "Toggle filter",
+		category: "filter",
+		when: {
+			hasPrompt: false,
+			isHelpVisible: false
+		},
+		priority: 50
+	});
+	bindings.push({
+		key: "escape",
+		handler: () => {
+			closeFilter();
+			return true;
+		},
+		description: "Close filter",
+		category: "filter",
+		when: { isFilterActive: true },
+		priority: 70
+	});
+	bindings.push({
+		key: "tab",
+		handler: () => {
+			handlers.filterCycleField();
+			return true;
+		},
+		description: "Cycle filter fields",
+		category: "filter",
+		when: { isFilterActive: true },
+		priority: 70
+	});
+	bindings.push({
+		key: "backspace",
+		handler: () => {
+			handlers.filterDeleteChar();
+			return true;
+		},
+		description: "Delete character",
+		category: "filter",
+		when: { isFilterActive: true },
+		priority: 70
+	});
+	for (let i = 1; i <= 7; i++) bindings.push({
+		key: String(i),
+		handler: () => {
+			handlers.filterToggleLevel(i - 1);
+			return true;
+		},
+		description: `Toggle level ${i}`,
+		category: "filter",
+		when: { isFilterActive: true },
+		priority: 70
+	});
+	bindings.push({
+		key: "q",
+		handler: () => {
+			manager.unbind();
+			return true;
+		},
+		description: "Exit",
+		category: "general",
+		when: {
+			hasPrompt: false,
+			isFilterActive: false,
+			isHelpVisible: false
+		},
+		priority: 10
+	});
+	bindings.push({
+		key: "tab",
+		handler: (_, ctx) => {
+			if (ctx.hasSidebar) {
+				manager.toggleFocus();
+				return true;
+			}
+		},
+		description: "Toggle focus",
+		category: "navigation",
+		when: {
+			hasPrompt: false,
+			isFilterActive: false
+		},
+		priority: 20
+	});
+	bindings.push({
+		key: "\\",
+		handler: (_, ctx) => {
+			if (ctx.hasSidebar) {
+				manager.toggleFocus();
+				return true;
+			}
+		},
+		description: "Toggle focus",
+		category: "navigation",
+		when: {
+			hasPrompt: false,
+			isFilterActive: false
+		},
+		priority: 20
+	});
+	bindings.push({
+		key: ["up", "k"],
+		handler: () => {
+			manager.navigateUp();
+			return true;
+		},
+		description: "Navigate up",
+		category: "navigation",
+		when: {
+			focusArea: "sidebar",
+			hasPrompt: false
+		},
+		priority: 30
+	});
+	bindings.push({
+		key: ["down", "j"],
+		handler: () => {
+			manager.navigateDown();
+			return true;
+		},
+		description: "Navigate down",
+		category: "navigation",
+		when: {
+			focusArea: "sidebar",
+			hasPrompt: false
+		},
+		priority: 30
+	});
+	bindings.push({
+		key: "return",
+		handler: () => {
+			manager.selectCurrent();
+			return true;
+		},
+		description: "Select screen",
+		category: "navigation",
+		when: {
+			focusArea: "sidebar",
+			hasPrompt: false
+		},
+		priority: 30
+	});
+	for (let i = 1; i <= 9; i++) bindings.push({
+		key: String(i),
+		handler: () => {
+			const screens = manager.getScreens();
+			if (i <= screens.length) {
+				manager.setActiveScreen(screens[i - 1]);
+				manager.setSelectedIndex(i - 1);
+				return true;
+			}
+		},
+		description: `Jump to screen ${i}`,
+		category: "screen",
+		when: {
+			hasPrompt: false,
+			isFilterActive: false
+		},
+		priority: 15
+	});
+	bindings.push({
+		key: "c",
+		handler: () => {
+			getActiveScreen()?.clear();
+			return true;
+		},
+		description: "Clear screen",
+		category: "screen",
+		when: {
+			focusArea: "content",
+			hasPrompt: false,
+			isFilterActive: false
+		},
+		priority: 15
+	});
+	return bindings;
+}
+/**
+* Handle printable character input for prompts and filter.
+* This should be called for any key not handled by bindings.
+*/ function handlePrintableInput(key, context, handlers) {
+	if (!key.sequence || key.sequence.length !== 1 || key.ctrl || key.meta) return false;
+	const charCode = key.sequence.charCodeAt(0);
+	if (charCode < 32 || charCode > 126) return false;
+	if (context.isFilterActive) {
+		handlers.filterAppendChar(key.sequence);
+		return true;
+	}
+	if (context.hasPrompt && context.inInputMode) {
+		handlers.getActiveScreen()?.promptAppendInput(key.sequence);
+		return true;
+	}
+	return false;
+}
+
+//#endregion
+//#region src/components/filter/filter_bar.tsx
+const LEVEL_LABELS = {
+	verbose: "V",
+	debug: "D",
+	log: "L",
+	warn: "W",
+	error: "E",
+	fatal: "F"
+};
+function FilterBar({ filter, levelCounts }) {
+	const theme = useTheme();
+	const isSearchFocused = filter.focusedField === "search";
+	return /* @__PURE__ */ jsxs("box", {
+		flexDirection: "column",
+		backgroundColor: theme.filter.background,
+		borderColor: theme.filter.border,
+		border: ["bottom"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: [
+			/* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				gap: 1,
+				children: [
+					/* @__PURE__ */ jsx("text", {
+						fg: isSearchFocused ? theme.colors.primary : theme.filter.textDim,
+						children: "/"
+					}),
+					/* @__PURE__ */ jsx("text", {
+						fg: filter.searchQuery ? theme.filter.inputText : theme.filter.inputPlaceholder,
+						children: filter.searchQuery || "Search logs..."
+					}),
+					isSearchFocused && /* @__PURE__ */ jsx("text", {
+						fg: theme.filter.cursor,
+						attributes: TextAttributes.BLINK,
+						children: "_"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("box", {
+				flexDirection: "row",
+				gap: 1,
+				children: [/* @__PURE__ */ jsx("text", {
+					fg: theme.filter.textDim,
+					children: "Levels:"
+				}), ALL_LOG_LEVELS.map((level, index) => {
+					const isEnabled = filter.enabledLevels.has(level);
+					const count = levelCounts[level];
+					const levelColor = theme.logLevels[level].border;
+					const isLevelsFocused = filter.focusedField === "levels";
+					return /* @__PURE__ */ jsxs("box", {
+						flexDirection: "row",
+						children: [/* @__PURE__ */ jsxs("text", {
+							fg: isEnabled ? levelColor : theme.filter.inactiveLevel,
+							attributes: isLevelsFocused ? TextAttributes.BOLD : void 0,
+							children: [
+								index + 1,
+								":",
+								LEVEL_LABELS[level]
+							]
+						}), count > 0 && /* @__PURE__ */ jsxs("text", {
+							fg: theme.filter.textDim,
+							children: [
+								"(",
+								count > 99 ? "99+" : count,
+								")"
+							]
+						})]
+					}, level);
+				})]
+			}),
+			/* @__PURE__ */ jsx("box", {
+				flexDirection: "row",
+				children: /* @__PURE__ */ jsx("text", {
+					fg: theme.filter.textDim,
+					children: "Tab: switch fields | 1-7: toggle levels | Esc: close"
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/help/help_overlay.tsx
+const CATEGORY_ORDER = [
+	"general",
+	"navigation",
+	"screen",
+	"filter",
+	"prompt"
+];
+const CATEGORY_LABELS = {
+	general: "General",
+	navigation: "Navigation",
+	screen: "Screen",
+	filter: "Filter",
+	prompt: "Prompts"
+};
+function groupByCategory(bindings) {
+	const grouped = {
+		general: [],
+		navigation: [],
+		screen: [],
+		filter: [],
+		prompt: []
+	};
+	for (const binding of bindings) if (binding.description) grouped[binding.category].push(binding);
+	return grouped;
+}
+function HelpOverlay({ bindings }) {
+	const theme = useTheme();
+	const grouped = groupByCategory(bindings);
+	return /* @__PURE__ */ jsxs("box", {
+		position: "absolute",
+		top: 1,
+		left: 2,
+		right: 2,
+		bottom: 1,
+		backgroundColor: theme.help.background,
+		borderColor: theme.help.border,
+		border: [
+			"top",
+			"bottom",
+			"left",
+			"right"
+		],
+		flexDirection: "column",
+		paddingLeft: 2,
+		paddingRight: 2,
+		paddingTop: 1,
+		paddingBottom: 1,
+		children: [
+			/* @__PURE__ */ jsx("box", {
+				marginBottom: 1,
+				children: /* @__PURE__ */ jsx("text", {
+					fg: theme.help.title,
+					attributes: TextAttributes.BOLD,
+					children: "Keyboard Shortcuts"
+				})
+			}),
+			/* @__PURE__ */ jsx("scrollbox", {
+				scrollY: true,
+				flexGrow: 1,
+				children: /* @__PURE__ */ jsx("box", {
+					flexDirection: "column",
+					gap: 1,
+					children: CATEGORY_ORDER.map((category) => {
+						const categoryBindings = grouped[category];
+						if (categoryBindings.length === 0) return null;
+						return /* @__PURE__ */ jsxs("box", {
+							flexDirection: "column",
+							children: [/* @__PURE__ */ jsx("text", {
+								fg: theme.help.category,
+								attributes: TextAttributes.BOLD,
+								children: CATEGORY_LABELS[category]
+							}), categoryBindings.map((binding, index) => /* @__PURE__ */ jsxs("box", {
+								flexDirection: "row",
+								paddingLeft: 2,
+								children: [/* @__PURE__ */ jsx("text", {
+									fg: theme.help.key,
+									width: 14,
+									children: formatKeyBinding(binding)
+								}), /* @__PURE__ */ jsx("text", {
+									fg: theme.help.description,
+									children: binding.description
+								})]
+							}, `${binding.key}-${index}`))]
+						}, category);
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx("box", {
+				marginTop: 1,
+				borderColor: theme.separator.line,
+				border: ["top"],
+				paddingTop: 1,
+				children: /* @__PURE__ */ jsx("text", {
+					fg: theme.help.hint,
+					children: "Press ? or Esc to close"
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/screen_manager_bridge.tsx
+function ScreenManagerBridge({ manager, theme }) {
+	const [, forceUpdate] = useState({});
+	const [showHelp, setShowHelp] = useState(false);
+	const [filter, setFilter] = useState(createDefaultFilterState);
+	useEffect(() => {
+		return manager.onChange(() => forceUpdate({}));
+	}, [manager]);
+	const getActiveScreen = useCallback(() => manager.getActiveScreen(), [manager]);
+	const toggleHelp = useCallback(() => {
+		setShowHelp((prev) => !prev);
+	}, []);
+	const toggleFilter = useCallback(() => {
+		setFilter((prev) => ({
+			...prev,
+			isVisible: !prev.isVisible,
+			focusedField: "search"
+		}));
+	}, []);
+	const closeFilter = useCallback(() => {
+		setFilter((prev) => ({
+			...prev,
+			isVisible: false
+		}));
+	}, []);
+	const filterAppendChar = useCallback((char) => {
+		setFilter((prev) => ({
+			...prev,
+			searchQuery: prev.searchQuery + char
+		}));
+	}, []);
+	const filterDeleteChar = useCallback(() => {
+		setFilter((prev) => ({
+			...prev,
+			searchQuery: prev.searchQuery.slice(0, -1)
+		}));
+	}, []);
+	const filterToggleLevel = useCallback((index) => {
+		setFilter((prev) => {
+			const level = ALL_LOG_LEVELS[index];
+			if (!level) return prev;
+			const newLevels = new Set(prev.enabledLevels);
+			if (newLevels.has(level)) newLevels.delete(level);
+			else newLevels.add(level);
+			return {
+				...prev,
+				enabledLevels: newLevels
+			};
+		});
+	}, []);
+	const filterCycleField = useCallback(() => {
+		setFilter((prev) => ({
+			...prev,
+			focusedField: prev.focusedField === "search" ? "levels" : "search"
+		}));
+	}, []);
+	const keyboardManager = useMemo(() => {
+		const km = new KeyboardManager();
+		const bindings = createDefaultBindings({
+			manager,
+			getActiveScreen,
+			toggleHelp,
+			toggleFilter,
+			closeFilter,
+			filterAppendChar,
+			filterDeleteChar,
+			filterToggleLevel,
+			filterCycleField
+		});
+		km.addBindings(bindings);
+		return km;
+	}, [
+		manager,
+		getActiveScreen,
+		toggleHelp,
+		toggleFilter,
+		closeFilter,
+		filterAppendChar,
+		filterDeleteChar,
+		filterToggleLevel,
+		filterCycleField
+	]);
+	useKeyboard(useCallback((key) => {
+		const screens$1 = manager.getScreens();
+		const activeScreen$1 = manager.getActiveScreen();
+		const context = {
+			hasSidebar: screens$1.length > 1,
+			focusArea: manager.focusArea,
+			hasPrompt: activeScreen$1?.hasActivePrompt() ?? false,
+			inInputMode: activeScreen$1?.isPromptInInputMode() ?? false,
+			isFilterActive: filter.isVisible,
+			isHelpVisible: showHelp
+		};
+		if (keyboardManager.handleKey(key, context)) return;
+		handlePrintableInput(key, context, {
+			manager,
+			getActiveScreen,
+			toggleHelp,
+			toggleFilter,
+			closeFilter,
+			filterAppendChar,
+			filterDeleteChar,
+			filterToggleLevel,
+			filterCycleField
+		});
+	}, [
+		manager,
+		keyboardManager,
+		filter.isVisible,
+		showHelp,
+		getActiveScreen,
+		toggleHelp,
+		toggleFilter,
+		closeFilter,
+		filterAppendChar,
+		filterDeleteChar,
+		filterToggleLevel,
+		filterCycleField
+	]));
+	const screens = manager.getScreens();
+	const activeScreen = manager.getActiveScreen();
+	const activeScreenId = activeScreen?.getId() ?? screens[0]?.getId() ?? "";
+	const bindOptions = manager.getBindOptions();
+	const hasSidebar = screens.length > 1;
+	const activeScreenVersion = useSyncExternalStore((updater) => activeScreen?.onChange(updater) ?? (() => {}), () => activeScreen?.getVersion() ?? -1);
+	const levelCounts = useMemo(() => {
+		if (!activeScreen) return {
+			verbose: 0,
+			debug: 0,
+			log: 0,
+			warn: 0,
+			error: 0,
+			fatal: 0
+		};
+		return FilterEngine.countByLevel(activeScreen.getMessages());
+	}, [activeScreenVersion, activeScreen]);
+	const filteredMessages = useMemo(() => {
+		if (!activeScreen) return [];
+		return FilterEngine.filterMessages(activeScreen.getMessages(), filter);
+	}, [
+		activeScreenVersion,
+		activeScreen,
+		filter
+	]);
+	const isFiltering = useMemo(() => hasActiveFilter(filter), [filter]);
+	return /* @__PURE__ */ jsx(LoggerProvider, {
+		theme,
+		children: /* @__PURE__ */ jsxs("box", {
+			flexDirection: "row",
+			flexGrow: 1,
+			children: [
+				hasSidebar && /* @__PURE__ */ jsx(Sidebar, {
+					screens,
+					selectedIndex: manager.selectedIndex,
+					activeScreenId,
+					focused: manager.focusArea === "sidebar",
+					width: bindOptions.sidebarWidth ?? 25,
+					title: bindOptions.sidebarTitle ?? "Screens"
+				}),
+				/* @__PURE__ */ jsxs("box", {
+					flexDirection: "column",
+					flexGrow: 1,
+					children: [filter.isVisible && /* @__PURE__ */ jsx(FilterBar, {
+						filter,
+						levelCounts
+					}), activeScreen && /* @__PURE__ */ jsx(ScreenBridge, {
+						screen: activeScreen,
+						focused: manager.focusArea === "content",
+						filteredMessages,
+						isFiltering,
+						totalMessages: activeScreen.getMessages().length
+					}, activeScreen.getId())]
+				}),
+				showHelp && /* @__PURE__ */ jsx(HelpOverlay, { bindings: keyboardManager.getBindingsForHelp() })
+			]
+		})
+	});
+}
+
+//#endregion
+export { createDefaultFilterState as $, FILE_COLORS as A, VARIANT_COLORS as B, COMMON_FILETYPES as C, createTintedColor as D, createBorderColor as E, SEPARATOR_COLORS as F, createThemeFrom as G, LoggerProvider as H, SIDEBAR_COLORS as I, resolveTheme as J, getThemePreset as K, STATUS_INDICATORS as L, GROUP_COLORS as M, PROGRESS_COLORS as N, getLogLevelColors as O, HEADER_COLORS as P, ALL_LOG_LEVELS as Q, DEFAULT_LOG_LEVEL_COLORS as R, printMessagesToStdout as S, resolveFiletype as T, useLoggerContext as U, useTheme as V, createTheme as W, lightTheme as X, highContrastTheme as Y, darkTheme as Z, PromptRenderer as _, formatKeyBinding as a, captureTrace as b, SidebarSeparator as c, GroupMessageRenderer as d, hasActiveFilter as et, GroupRenderer as f, LoadingMessage as g, ProgressMessage as h, KeyboardManager as i, TABLE_COLORS as j, PROMPT_COLORS as k, SidebarItem as l, TableMessage as m, createDefaultBindings as n, FilterEngine as o, MessageRenderer as p, mergeThemes as q, handlePrintableInput as r, Sidebar as s, ScreenManagerBridge as t, ScreenBridge as u, FileLog as v, getFileName as w, formatObject as x, LogMessage as y, ERROR_HIGHLIGHT_COLORS as z };
+//# sourceMappingURL=screen_manager_bridge-Dfg4QUrl.mjs.map