@navios/commander-tui 1.0.0

package/lib/screen_manager_bridge-BpDgVu3e.cjs

@@ -0,0 +1,3357 @@
+let _opentui_react_jsx_runtime = require("@opentui/react/jsx-runtime");
+let _opentui_core = require("@opentui/core");
+let react = require("react");
+let _opentui_react = require("@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__ */ (0, react.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 = (0, react.useMemo)(() => customSyntaxStyle ?? _opentui_core.SyntaxStyle.create(), [customSyntaxStyle]);
+	const theme = (0, react.useMemo)(() => resolveTheme(themeProp), [themeProp]);
+	const levelColors = (0, react.useMemo)(() => ({
+		...theme.logLevels,
+		...customLevelColors
+	}), [theme.logLevels, customLevelColors]);
+	const value = (0, react.useMemo)(() => ({
+		syntaxStyle,
+		treeSitterClient,
+		levelColors,
+		theme
+	}), [
+		syntaxStyle,
+		treeSitterClient,
+		levelColors,
+		theme
+	]);
+	return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(LoggerContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Hook to access logger context.
+* Returns default values if used outside LoggerProvider.
+*/ function useLoggerContext() {
+	const context = (0, react.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" ? _opentui_core.RGBA.fromHex(color) : color;
+	return _opentui_core.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" ? _opentui_core.RGBA.fromHex(color) : color;
+	return _opentui_core.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		border: borderSides,
+		borderColor,
+		backgroundColor,
+		paddingLeft: padding,
+		paddingRight: padding,
+		marginBottom: margin,
+		children: [
+			(formattedTimestamp || label) && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				gap: 1,
+				children: [formattedTimestamp && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+					fg: theme.colors.muted,
+					children: formattedTimestamp
+				}), label && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+					fg: levelColors.border,
+					attributes: _opentui_core.TextAttributes.BOLD,
+					children: [
+						"[",
+						label,
+						"]"
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: textColor,
+				children
+			}),
+			trace && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				marginTop: 1,
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		marginBottom: 1,
+		children: [
+			showHeader && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				backgroundColor: props.headerBackgroundColor ?? HEADER_COLORS.background,
+				paddingLeft: 1,
+				paddingRight: 1,
+				border: ["bottom"],
+				borderColor: HEADER_COLORS.border,
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+					fg: HEADER_COLORS.text,
+					children: props.filePath
+				})
+			}),
+			props.mode === "full" && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(FileLogFull, {
+				...props,
+				filetype,
+				syntaxStyle,
+				treeSitterClient,
+				showLineNumbers
+			}),
+			props.mode === "diff" && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(FileLogDiff, {
+				...props,
+				filetype,
+				syntaxStyle,
+				treeSitterClient
+			}),
+			props.mode === "partial" && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(FileLogPartial, {
+				...props,
+				filetype,
+				syntaxStyle,
+				treeSitterClient,
+				showLineNumbers
+			})
+		]
+	});
+}
+/**
+* Full file display with syntax highlighting.
+*/ function FileLogFull({ content, filetype, syntaxStyle, treeSitterClient }) {
+	if (!syntaxStyle) return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", { children: content })
+	});
+	return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", { children: diff })
+	});
+	return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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 = (0, react.useMemo)(() => content.split("\n"), [content]);
+	const errorLineSet = (0, react.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__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+		flexDirection: "column",
+		children: lines.map((line, index) => {
+			const lineNumber = startLine + index;
+			const isError = errorLineSet.has(lineNumber);
+			return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				backgroundColor: isError ? errorBg : void 0,
+				border: isError ? ["left"] : void 0,
+				borderColor: isError ? errorBorder : void 0,
+				children: [showLineNumbers && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+					width: lineNumWidth,
+					backgroundColor: isError ? ERROR_HIGHLIGHT_COLORS.gutterBackground : HEADER_COLORS.background,
+					paddingRight: 1,
+					children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+						fg: "#6B7280",
+						children: String(lineNumber).padStart(lineNumWidth - 1)
+					})
+				}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+					flexGrow: 1,
+					paddingLeft: 1,
+					children: syntaxStyle ? /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("code", {
+						content: line,
+						filetype,
+						syntaxStyle,
+						treeSitterClient
+					}) : /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsx)(ChoicePromptRenderer, {
+			prompt,
+			timeoutRemaining,
+			colors: theme.prompt
+		});
+		case "confirm": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(ConfirmPromptRenderer, {
+			prompt,
+			timeoutRemaining,
+			colors: theme.prompt
+		});
+		case "input": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(InputPromptRenderer, {
+			prompt,
+			timeoutRemaining,
+			colors: theme.prompt
+		});
+		case "multiChoice": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+		fg: colors.optionTextDim,
+		attributes: _opentui_core.TextAttributes.DIM,
+		children: [
+			" ",
+			"(auto-select in ",
+			seconds,
+			"s)"
+		]
+	});
+}
+function ChoicePromptRenderer({ prompt, timeoutRemaining, colors }) {
+	return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		borderColor: colors.focusBorder,
+		border: ["left"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		gap: 1,
+		children: [
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+					fg: colors.question,
+					attributes: _opentui_core.TextAttributes.BOLD,
+					children: ["? ", prompt.question]
+				}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(TimeoutIndicator, {
+					seconds: timeoutRemaining,
+					colors
+				})]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				flexDirection: "column",
+				children: prompt.choices.map((choice, index) => {
+					const isSelected = index === prompt.selectedIndex;
+					const showInput = isSelected && choice.input && prompt.inputMode;
+					return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+						flexDirection: "row",
+						children: [
+							/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+								fg: isSelected ? colors.optionSelected : "transparent",
+								children: [">", " "]
+							}),
+							/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+								fg: isSelected ? colors.optionText : colors.optionTextDim,
+								attributes: isSelected ? _opentui_core.TextAttributes.BOLD : void 0,
+								children: choice.label
+							}),
+							showInput && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+								flexDirection: "row",
+								marginLeft: 1,
+								children: [
+									/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+										fg: colors.inputText,
+										children: ": "
+									}),
+									/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+										fg: colors.inputText,
+										children: prompt.inputValue
+									}),
+									/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+										fg: colors.inputCursor,
+										attributes: _opentui_core.TextAttributes.BLINK,
+										children: "_"
+									})
+								]
+							}),
+							isSelected && choice.input && !prompt.inputMode && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+								fg: colors.optionTextDim,
+								children: " (press Enter to type)"
+							})
+						]
+					}, choice.value);
+				})
+			}),
+			prompt.inputMode ? /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: colors.optionTextDim,
+				attributes: _opentui_core.TextAttributes.DIM,
+				children: "Type your answer, Enter to submit, Esc to cancel"
+			}) : /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: colors.optionTextDim,
+				attributes: _opentui_core.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		borderColor: colors.focusBorder,
+		border: ["left"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		gap: 1,
+		children: [
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+					fg: colors.question,
+					attributes: _opentui_core.TextAttributes.BOLD,
+					children: ["? ", prompt.question]
+				}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(TimeoutIndicator, {
+					seconds: timeoutRemaining,
+					colors
+				})]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				gap: 2,
+				children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+					backgroundColor: confirmSelected ? colors.buttonSelectedBackground : void 0,
+					paddingLeft: 1,
+					paddingRight: 1,
+					children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+						fg: confirmSelected ? colors.confirmButton : colors.optionTextDim,
+						attributes: confirmSelected ? _opentui_core.TextAttributes.BOLD : void 0,
+						children: [
+							confirmSelected ? ">" : " ",
+							" ",
+							prompt.confirmText
+						]
+					})
+				}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+					backgroundColor: cancelSelected ? colors.buttonSelectedBackground : void 0,
+					paddingLeft: 1,
+					paddingRight: 1,
+					children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+						fg: cancelSelected ? colors.cancelButton : colors.optionTextDim,
+						attributes: cancelSelected ? _opentui_core.TextAttributes.BOLD : void 0,
+						children: [
+							cancelSelected ? ">" : " ",
+							" ",
+							prompt.cancelText
+						]
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: colors.optionTextDim,
+				attributes: _opentui_core.TextAttributes.DIM,
+				children: "←/→ to select, Enter to confirm"
+			})
+		]
+	});
+}
+function InputPromptRenderer({ prompt, timeoutRemaining, colors }) {
+	const hasValue = prompt.value.length > 0;
+	return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		borderColor: colors.focusBorder,
+		border: ["left"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		gap: 1,
+		children: [
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+					fg: colors.question,
+					attributes: _opentui_core.TextAttributes.BOLD,
+					children: ["? ", prompt.question]
+				}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(TimeoutIndicator, {
+					seconds: timeoutRemaining,
+					colors
+				})]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				borderColor: colors.inputBorder,
+				border: ["left"],
+				paddingLeft: 1,
+				children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+					fg: hasValue ? colors.inputText : colors.inputPlaceholder,
+					children: hasValue ? prompt.value : prompt.placeholder
+				}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+					fg: colors.inputCursor,
+					attributes: _opentui_core.TextAttributes.BLINK,
+					children: "_"
+				})]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: colors.optionTextDim,
+				attributes: _opentui_core.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		borderColor: colors.focusBorder,
+		border: ["left"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		gap: 1,
+		children: [
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				children: [
+					/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+						fg: colors.question,
+						attributes: _opentui_core.TextAttributes.BOLD,
+						children: ["? ", prompt.question]
+					}),
+					/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+						fg: colors.optionTextDim,
+						children: [
+							" ",
+							"(",
+							selectedCount,
+							"/",
+							prompt.maxSelect,
+							" selected)"
+						]
+					}),
+					/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(TimeoutIndicator, {
+						seconds: timeoutRemaining,
+						colors
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				flexDirection: "column",
+				children: prompt.choices.map((choice, index) => {
+					const isFocused = index === prompt.focusedIndex;
+					const isChecked = prompt.selectedIndices.has(index);
+					return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+						flexDirection: "row",
+						children: [
+							/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+								fg: isFocused ? colors.optionSelected : "transparent",
+								children: [">", " "]
+							}),
+							/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+								fg: isChecked ? colors.optionSelected : colors.optionTextDim,
+								children: [isChecked ? "[✓]" : "[ ]", " "]
+							}),
+							/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+								fg: isFocused ? colors.optionText : colors.optionTextDim,
+								attributes: isFocused ? _opentui_core.TextAttributes.BOLD : void 0,
+								children: choice.label
+							})
+						]
+					}, choice.value);
+				})
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "column",
+				children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+					fg: colors.optionTextDim,
+					attributes: _opentui_core.TextAttributes.DIM,
+					children: "↑/↓ to navigate, Space to toggle"
+				}), canSubmit ? /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+					fg: colors.optionTextDim,
+					attributes: _opentui_core.TextAttributes.DIM,
+					children: "Enter to confirm"
+				}) : /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+					fg: colors.cancelButton,
+					attributes: _opentui_core.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] = (0, react.useState)(0);
+	const intervalRef = (0, react.useRef)(null);
+	(0, react.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__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+		flexDirection: "column",
+		border: ["left"],
+		borderColor,
+		backgroundColor,
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+			flexDirection: "row",
+			gap: 1,
+			children: [
+				/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+					fg: barColor,
+					children: ["[", barFilled]
+				}),
+				/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+					fg: theme.progress.barEmpty,
+					children: [barEmpty, "]"]
+				}),
+				/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+					fg: theme.progress.textDim,
+					children: [percent, "%"]
+				}),
+				/* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		border: ["left"],
+		borderColor: TABLE_COLORS.border,
+		backgroundColor: TABLE_COLORS.background,
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: [
+			message.title && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: TABLE_COLORS.title,
+				attributes: _opentui_core.TextAttributes.BOLD,
+				children: message.title
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: TABLE_COLORS.headerText,
+				attributes: _opentui_core.TextAttributes.BOLD,
+				children: headerRow
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: TABLE_COLORS.separator,
+				children: separator
+			}),
+			dataRows.map((row, i) => /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsx)(LogMessage, {
+			level: message.level,
+			timestamp: message.timestamp,
+			variant: message.variant,
+			label: message.label,
+			trace: message.trace,
+			children: message.content
+		});
+		case "file": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+			flexDirection: "column",
+			border: ["left"],
+			borderColor: theme.file.border,
+			backgroundColor: theme.file.background,
+			children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(FileLog, {
+				mode: "full",
+				filePath: message.filePath,
+				content: message.content,
+				headerBackgroundColor: theme.file.headerBackground
+			})
+		});
+		case "diff": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+			flexDirection: "column",
+			border: ["left"],
+			borderColor: theme.file.border,
+			backgroundColor: theme.file.background,
+			children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(FileLog, {
+				mode: "diff",
+				filePath: message.filePath,
+				diff: message.diff,
+				view: message.view,
+				headerBackgroundColor: theme.file.headerBackground
+			})
+		});
+		case "fileError": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+			flexDirection: "column",
+			border: ["left"],
+			borderColor: theme.file.border,
+			backgroundColor: theme.file.background,
+			children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(FileLog, {
+				mode: "partial",
+				filePath: message.filePath,
+				content: message.content,
+				startLine: message.startLine,
+				errorLines: message.errorLines,
+				headerBackgroundColor: theme.file.headerBackground
+			})
+		});
+		case "loading": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(LoadingMessage, { message });
+		case "progress": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(ProgressMessage, { message });
+		case "group": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(GroupMessageRenderer, { message });
+		case "table": return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(TableMessage, { message });
+		default: return null;
+	}
+}
+
+//#endregion
+//#region src/components/screen/group_renderer.tsx
+function GroupRenderer({ label, messages }) {
+	const theme = useTheme();
+	return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		border: ["left"],
+		borderColor: theme.group.border,
+		backgroundColor: theme.group.background,
+		paddingLeft: 1,
+		children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+			flexDirection: "row",
+			marginBottom: 1,
+			children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: theme.group.icon,
+				children: "▼ "
+			}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: theme.group.headerText,
+				attributes: _opentui_core.TextAttributes.BOLD,
+				children: label
+			})]
+		}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+			flexDirection: "column",
+			gap: 1,
+			children: messages.map((msg) => /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+		flexDirection: "row",
+		borderColor: theme.group.border,
+		border: ["left"],
+		paddingLeft: 1,
+		children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+			fg: theme.group.headerText,
+			attributes: _opentui_core.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] = (0, react.useState)({});
+	(0, react.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: theme.header.text,
+				attributes: _opentui_core.TextAttributes.BOLD,
+				children: screen.getName()
+			}), showFilterStatus && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+				fg: theme.sidebar.textDim,
+				children: [
+					filteredCount,
+					"/",
+					total,
+					" messages"
+				]
+			})]
+		}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsx)(GroupRenderer, {
+					label: item.label,
+					messages: item.messages
+				}, `group-${index}`);
+				else return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(MessageRenderer, { message: item.message }, item.message.id);
+			}), activePrompt && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "row",
+		paddingLeft: 1,
+		paddingRight: 1,
+		backgroundColor,
+		children: [
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+				fg: isSelected && focused ? theme.sidebar.focusBorder : "transparent",
+				children: [">", " "]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+				fg: statusIndicator.color,
+				children: [statusIndicator.icon, " "]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: isActive ? theme.sidebar.text : theme.sidebar.textDim,
+				flexGrow: 1,
+				children: screen.getName()
+			}),
+			screen.getBadgeCount() > 0 && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				backgroundColor: theme.sidebar.badge,
+				paddingLeft: 1,
+				paddingRight: 1,
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+					fg: theme.colors.foreground,
+					attributes: _opentui_core.TextAttributes.BOLD,
+					children: screen.getBadgeCount() > 99 ? "99+" : screen.getBadgeCount()
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/sidebar/sidebar_separator.tsx
+function SidebarSeparator() {
+	const theme = useTheme();
+	return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "row",
+		paddingTop: 1,
+		children: [
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", { flexGrow: 1 }),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+				fg: theme.separator.line,
+				children: "· · ·"
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		width,
+		borderColor: focused ? theme.sidebar.focusBorder : theme.sidebar.border,
+		border: ["right"],
+		children: [
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				backgroundColor: theme.header.background,
+				paddingLeft: 1,
+				paddingRight: 1,
+				borderColor: theme.header.border,
+				border: ["bottom"],
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+					fg: theme.header.text,
+					attributes: _opentui_core.TextAttributes.BOLD,
+					children: title
+				})
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("scrollbox", {
+				scrollY: true,
+				stickyScroll: false,
+				flexGrow: 1,
+				contentOptions: { flexGrow: 1 },
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+					flexDirection: "column",
+					children: [
+						pendingScreens.map(({ screen, originalIndex }) => /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(SidebarItem, {
+							screen,
+							isSelected: originalIndex === selectedIndex,
+							isActive: screen.getId() === activeScreenId,
+							focused
+						}, screen.getId())),
+						showSeparator && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(SidebarSeparator, {}),
+						otherScreens.map(({ screen, originalIndex }) => /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(SidebarItem, {
+							screen,
+							isSelected: originalIndex === selectedIndex,
+							isActive: screen.getId() === activeScreenId,
+							focused
+						}, screen.getId()))
+					]
+				})
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				paddingLeft: 1,
+				paddingRight: 1,
+				borderColor: theme.sidebar.border,
+				border: ["top"],
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+		flexDirection: "column",
+		backgroundColor: theme.filter.background,
+		borderColor: theme.filter.border,
+		border: ["bottom"],
+		paddingLeft: 1,
+		paddingRight: 1,
+		children: [
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				gap: 1,
+				children: [
+					/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+						fg: isSearchFocused ? theme.colors.primary : theme.filter.textDim,
+						children: "/"
+					}),
+					/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+						fg: filter.searchQuery ? theme.filter.inputText : theme.filter.inputPlaceholder,
+						children: filter.searchQuery || "Search logs..."
+					}),
+					isSearchFocused && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+						fg: theme.filter.cursor,
+						attributes: _opentui_core.TextAttributes.BLINK,
+						children: "_"
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+				flexDirection: "row",
+				gap: 1,
+				children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+						flexDirection: "row",
+						children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+							fg: isEnabled ? levelColor : theme.filter.inactiveLevel,
+							attributes: isLevelsFocused ? _opentui_core.TextAttributes.BOLD : void 0,
+							children: [
+								index + 1,
+								":",
+								LEVEL_LABELS[level]
+							]
+						}), count > 0 && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("text", {
+							fg: theme.filter.textDim,
+							children: [
+								"(",
+								count > 99 ? "99+" : count,
+								")"
+							]
+						})]
+					}, level);
+				})]
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				flexDirection: "row",
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.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__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				marginBottom: 1,
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+					fg: theme.help.title,
+					attributes: _opentui_core.TextAttributes.BOLD,
+					children: "Keyboard Shortcuts"
+				})
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("scrollbox", {
+				scrollY: true,
+				flexGrow: 1,
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+					flexDirection: "column",
+					gap: 1,
+					children: CATEGORY_ORDER.map((category) => {
+						const categoryBindings = grouped[category];
+						if (categoryBindings.length === 0) return null;
+						return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+							flexDirection: "column",
+							children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+								fg: theme.help.category,
+								attributes: _opentui_core.TextAttributes.BOLD,
+								children: CATEGORY_LABELS[category]
+							}), categoryBindings.map((binding, index) => /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+								flexDirection: "row",
+								paddingLeft: 2,
+								children: [/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+									fg: theme.help.key,
+									width: 14,
+									children: formatKeyBinding(binding)
+								}), /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("text", {
+									fg: theme.help.description,
+									children: binding.description
+								})]
+							}, `${binding.key}-${index}`))]
+						}, category);
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)("box", {
+				marginTop: 1,
+				borderColor: theme.separator.line,
+				border: ["top"],
+				paddingTop: 1,
+				children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.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] = (0, react.useState)({});
+	const [showHelp, setShowHelp] = (0, react.useState)(false);
+	const [filter, setFilter] = (0, react.useState)(createDefaultFilterState);
+	(0, react.useEffect)(() => {
+		return manager.onChange(() => forceUpdate({}));
+	}, [manager]);
+	const getActiveScreen = (0, react.useCallback)(() => manager.getActiveScreen(), [manager]);
+	const toggleHelp = (0, react.useCallback)(() => {
+		setShowHelp((prev) => !prev);
+	}, []);
+	const toggleFilter = (0, react.useCallback)(() => {
+		setFilter((prev) => ({
+			...prev,
+			isVisible: !prev.isVisible,
+			focusedField: "search"
+		}));
+	}, []);
+	const closeFilter = (0, react.useCallback)(() => {
+		setFilter((prev) => ({
+			...prev,
+			isVisible: false
+		}));
+	}, []);
+	const filterAppendChar = (0, react.useCallback)((char) => {
+		setFilter((prev) => ({
+			...prev,
+			searchQuery: prev.searchQuery + char
+		}));
+	}, []);
+	const filterDeleteChar = (0, react.useCallback)(() => {
+		setFilter((prev) => ({
+			...prev,
+			searchQuery: prev.searchQuery.slice(0, -1)
+		}));
+	}, []);
+	const filterToggleLevel = (0, react.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 = (0, react.useCallback)(() => {
+		setFilter((prev) => ({
+			...prev,
+			focusedField: prev.focusedField === "search" ? "levels" : "search"
+		}));
+	}, []);
+	const keyboardManager = (0, react.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
+	]);
+	(0, _opentui_react.useKeyboard)((0, react.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 = (0, react.useSyncExternalStore)((updater) => activeScreen?.onChange(updater) ?? (() => {}), () => activeScreen?.getVersion() ?? -1);
+	const levelCounts = (0, react.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 = (0, react.useMemo)(() => {
+		if (!activeScreen) return [];
+		return FilterEngine.filterMessages(activeScreen.getMessages(), filter);
+	}, [
+		activeScreenVersion,
+		activeScreen,
+		filter
+	]);
+	const isFiltering = (0, react.useMemo)(() => hasActiveFilter(filter), [filter]);
+	return /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(LoggerProvider, {
+		theme,
+		children: /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+			flexDirection: "row",
+			flexGrow: 1,
+			children: [
+				hasSidebar && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(Sidebar, {
+					screens,
+					selectedIndex: manager.selectedIndex,
+					activeScreenId,
+					focused: manager.focusArea === "sidebar",
+					width: bindOptions.sidebarWidth ?? 25,
+					title: bindOptions.sidebarTitle ?? "Screens"
+				}),
+				/* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsxs)("box", {
+					flexDirection: "column",
+					flexGrow: 1,
+					children: [filter.isVisible && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(FilterBar, {
+						filter,
+						levelCounts
+					}), activeScreen && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(ScreenBridge, {
+						screen: activeScreen,
+						focused: manager.focusArea === "content",
+						filteredMessages,
+						isFiltering,
+						totalMessages: activeScreen.getMessages().length
+					}, activeScreen.getId())]
+				}),
+				showHelp && /* @__PURE__ */ (0, _opentui_react_jsx_runtime.jsx)(HelpOverlay, { bindings: keyboardManager.getBindingsForHelp() })
+			]
+		})
+	});
+}
+
+//#endregion
+Object.defineProperty(exports, 'ALL_LOG_LEVELS', {
+  enumerable: true,
+  get: function () {
+    return ALL_LOG_LEVELS;
+  }
+});
+Object.defineProperty(exports, 'COMMON_FILETYPES', {
+  enumerable: true,
+  get: function () {
+    return COMMON_FILETYPES;
+  }
+});
+Object.defineProperty(exports, 'DEFAULT_LOG_LEVEL_COLORS', {
+  enumerable: true,
+  get: function () {
+    return DEFAULT_LOG_LEVEL_COLORS;
+  }
+});
+Object.defineProperty(exports, 'ERROR_HIGHLIGHT_COLORS', {
+  enumerable: true,
+  get: function () {
+    return ERROR_HIGHLIGHT_COLORS;
+  }
+});
+Object.defineProperty(exports, 'FILE_COLORS', {
+  enumerable: true,
+  get: function () {
+    return FILE_COLORS;
+  }
+});
+Object.defineProperty(exports, 'FileLog', {
+  enumerable: true,
+  get: function () {
+    return FileLog;
+  }
+});
+Object.defineProperty(exports, 'FilterEngine', {
+  enumerable: true,
+  get: function () {
+    return FilterEngine;
+  }
+});
+Object.defineProperty(exports, 'GROUP_COLORS', {
+  enumerable: true,
+  get: function () {
+    return GROUP_COLORS;
+  }
+});
+Object.defineProperty(exports, 'GroupMessageRenderer', {
+  enumerable: true,
+  get: function () {
+    return GroupMessageRenderer;
+  }
+});
+Object.defineProperty(exports, 'GroupRenderer', {
+  enumerable: true,
+  get: function () {
+    return GroupRenderer;
+  }
+});
+Object.defineProperty(exports, 'HEADER_COLORS', {
+  enumerable: true,
+  get: function () {
+    return HEADER_COLORS;
+  }
+});
+Object.defineProperty(exports, 'KeyboardManager', {
+  enumerable: true,
+  get: function () {
+    return KeyboardManager;
+  }
+});
+Object.defineProperty(exports, 'LoadingMessage', {
+  enumerable: true,
+  get: function () {
+    return LoadingMessage;
+  }
+});
+Object.defineProperty(exports, 'LogMessage', {
+  enumerable: true,
+  get: function () {
+    return LogMessage;
+  }
+});
+Object.defineProperty(exports, 'LoggerProvider', {
+  enumerable: true,
+  get: function () {
+    return LoggerProvider;
+  }
+});
+Object.defineProperty(exports, 'MessageRenderer', {
+  enumerable: true,
+  get: function () {
+    return MessageRenderer;
+  }
+});
+Object.defineProperty(exports, 'PROGRESS_COLORS', {
+  enumerable: true,
+  get: function () {
+    return PROGRESS_COLORS;
+  }
+});
+Object.defineProperty(exports, 'PROMPT_COLORS', {
+  enumerable: true,
+  get: function () {
+    return PROMPT_COLORS;
+  }
+});
+Object.defineProperty(exports, 'ProgressMessage', {
+  enumerable: true,
+  get: function () {
+    return ProgressMessage;
+  }
+});
+Object.defineProperty(exports, 'PromptRenderer', {
+  enumerable: true,
+  get: function () {
+    return PromptRenderer;
+  }
+});
+Object.defineProperty(exports, 'SEPARATOR_COLORS', {
+  enumerable: true,
+  get: function () {
+    return SEPARATOR_COLORS;
+  }
+});
+Object.defineProperty(exports, 'SIDEBAR_COLORS', {
+  enumerable: true,
+  get: function () {
+    return SIDEBAR_COLORS;
+  }
+});
+Object.defineProperty(exports, 'STATUS_INDICATORS', {
+  enumerable: true,
+  get: function () {
+    return STATUS_INDICATORS;
+  }
+});
+Object.defineProperty(exports, 'ScreenBridge', {
+  enumerable: true,
+  get: function () {
+    return ScreenBridge;
+  }
+});
+Object.defineProperty(exports, 'ScreenManagerBridge', {
+  enumerable: true,
+  get: function () {
+    return ScreenManagerBridge;
+  }
+});
+Object.defineProperty(exports, 'Sidebar', {
+  enumerable: true,
+  get: function () {
+    return Sidebar;
+  }
+});
+Object.defineProperty(exports, 'SidebarItem', {
+  enumerable: true,
+  get: function () {
+    return SidebarItem;
+  }
+});
+Object.defineProperty(exports, 'SidebarSeparator', {
+  enumerable: true,
+  get: function () {
+    return SidebarSeparator;
+  }
+});
+Object.defineProperty(exports, 'TABLE_COLORS', {
+  enumerable: true,
+  get: function () {
+    return TABLE_COLORS;
+  }
+});
+Object.defineProperty(exports, 'TableMessage', {
+  enumerable: true,
+  get: function () {
+    return TableMessage;
+  }
+});
+Object.defineProperty(exports, 'VARIANT_COLORS', {
+  enumerable: true,
+  get: function () {
+    return VARIANT_COLORS;
+  }
+});
+Object.defineProperty(exports, 'captureTrace', {
+  enumerable: true,
+  get: function () {
+    return captureTrace;
+  }
+});
+Object.defineProperty(exports, 'createBorderColor', {
+  enumerable: true,
+  get: function () {
+    return createBorderColor;
+  }
+});
+Object.defineProperty(exports, 'createDefaultBindings', {
+  enumerable: true,
+  get: function () {
+    return createDefaultBindings;
+  }
+});
+Object.defineProperty(exports, 'createDefaultFilterState', {
+  enumerable: true,
+  get: function () {
+    return createDefaultFilterState;
+  }
+});
+Object.defineProperty(exports, 'createTheme', {
+  enumerable: true,
+  get: function () {
+    return createTheme;
+  }
+});
+Object.defineProperty(exports, 'createThemeFrom', {
+  enumerable: true,
+  get: function () {
+    return createThemeFrom;
+  }
+});
+Object.defineProperty(exports, 'createTintedColor', {
+  enumerable: true,
+  get: function () {
+    return createTintedColor;
+  }
+});
+Object.defineProperty(exports, 'darkTheme', {
+  enumerable: true,
+  get: function () {
+    return darkTheme;
+  }
+});
+Object.defineProperty(exports, 'formatKeyBinding', {
+  enumerable: true,
+  get: function () {
+    return formatKeyBinding;
+  }
+});
+Object.defineProperty(exports, 'formatObject', {
+  enumerable: true,
+  get: function () {
+    return formatObject;
+  }
+});
+Object.defineProperty(exports, 'getFileName', {
+  enumerable: true,
+  get: function () {
+    return getFileName;
+  }
+});
+Object.defineProperty(exports, 'getLogLevelColors', {
+  enumerable: true,
+  get: function () {
+    return getLogLevelColors;
+  }
+});
+Object.defineProperty(exports, 'getThemePreset', {
+  enumerable: true,
+  get: function () {
+    return getThemePreset;
+  }
+});
+Object.defineProperty(exports, 'handlePrintableInput', {
+  enumerable: true,
+  get: function () {
+    return handlePrintableInput;
+  }
+});
+Object.defineProperty(exports, 'hasActiveFilter', {
+  enumerable: true,
+  get: function () {
+    return hasActiveFilter;
+  }
+});
+Object.defineProperty(exports, 'highContrastTheme', {
+  enumerable: true,
+  get: function () {
+    return highContrastTheme;
+  }
+});
+Object.defineProperty(exports, 'lightTheme', {
+  enumerable: true,
+  get: function () {
+    return lightTheme;
+  }
+});
+Object.defineProperty(exports, 'mergeThemes', {
+  enumerable: true,
+  get: function () {
+    return mergeThemes;
+  }
+});
+Object.defineProperty(exports, 'printMessagesToStdout', {
+  enumerable: true,
+  get: function () {
+    return printMessagesToStdout;
+  }
+});
+Object.defineProperty(exports, 'resolveFiletype', {
+  enumerable: true,
+  get: function () {
+    return resolveFiletype;
+  }
+});
+Object.defineProperty(exports, 'resolveTheme', {
+  enumerable: true,
+  get: function () {
+    return resolveTheme;
+  }
+});
+Object.defineProperty(exports, 'useLoggerContext', {
+  enumerable: true,
+  get: function () {
+    return useLoggerContext;
+  }
+});
+Object.defineProperty(exports, 'useTheme', {
+  enumerable: true,
+  get: function () {
+    return useTheme;
+  }
+});
+//# sourceMappingURL=screen_manager_bridge-BpDgVu3e.cjs.map