@openbuilder/cli 0.50.17 → 0.50.18

package/dist/chunks/{start-BygPCbvw.js → start-B4P27nZ7.js}

@@ -2,7 +2,7 @@
 import { existsSync, mkdirSync, createWriteStream, writeFileSync } from 'node:fs';
 import { join } from 'node:path';
 import { Box, Text, useApp, useStdout, useInput, render } from 'ink';
-import React, { useState, useMemo, useEffect } from 'react';
+import { j as jsxRuntimeExports, r as reactExports, R as React } from './theme-BF4W2Gwm.js';
 import * as p from '@clack/prompts';
 import pc from 'picocolors';
 import { c as configManager } from './config-manager-BkbjtN-H.js';
@@ -11,18 +11,17 @@ import { killProcessOnPort, killProcessTree } from './process-killer-CaUL7Kpl.js
 import { e as errors, C as CLIError } from './cli-error-BjQwvWtK.js';
 import { spawn } from 'node:child_process';
 import EventEmitter from 'node:events';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import TextInput from 'ink-text-input';
 import { exec } from 'child_process';
 import { platform } from 'os';
-import { u as useBuildState, B as BuildPanel } from './useBuildState-CdBSu9y_.js';
+import { u as useBuildState, B as BuildPanel } from './useBuildState-BZuezCb6.js';
 import 'chalk';
 import { i as initRunnerLogger, s as setFileLoggerTuiMode } from './runner-logger-instance-nDWv2h2T.js';
+import './_commonjsHelpers-DcsQGttR.js';
 import 'conf';
 import 'node:os';
 import 'node:fs/promises';
 import 'node:util';
-import './theme-DhorI2Hb.js';
 
 /**
  * ServiceManager - Manages lifecycle and state of Web App, Broker, and Runner
@@ -378,7 +377,7 @@ function Banner() {
         { open: '╚██████╔╝██║     ███████╗██║ ╚████║', builder: '██████╔╝╚██████╔╝██║███████╗██████╔╝███████╗██║  ██║' },
         { open: ' ╚═════╝ ╚═╝     ╚══════╝╚═╝  ╚═══╝', builder: '╚═════╝  ╚═════╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝  ╚═╝' },
     ];
-    return (jsx(Box, { flexDirection: "column", alignItems: "center", marginTop: 2, children: lines.map((line, index) => (jsxs(Box, { children: [jsx(Text, { color: colors.cyan, children: line.open }), jsx(Text, { color: colors.brightPurple, children: line.builder })] }, index))) }));
+    return (jsxRuntimeExports.jsx(Box, { flexDirection: "column", alignItems: "center", marginTop: 2, children: lines.map((line, index) => (jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: colors.cyan, children: line.open }), jsxRuntimeExports.jsx(Text, { color: colors.brightPurple, children: line.builder })] }, index))) }));
 }
 
 // Base colors that don't change with theme
@@ -620,32 +619,32 @@ function openBrowser(url) {
 function Dashboard({ serviceManager, apiUrl, webPort, logFilePath }) {
     const { exit } = useApp();
     const { stdout } = useStdout();
-    const [view, setView] = useState('dashboard');
-    const [services, setServices] = useState([]);
-    const [logs, setLogs] = useState([]);
-    const [isShuttingDown, setIsShuttingDown] = useState(false);
-    const [serviceFilter, setServiceFilter] = useState(null);
-    const [scrollOffset, setScrollOffset] = useState(0);
-    const [autoScroll, setAutoScroll] = useState(true);
-    const [searchMode, setSearchMode] = useState(false);
-    const [searchQuery, setSearchQuery] = useState('');
-    const [isVerbose, setIsVerbose] = useState(false);
-    const [logIdCounter, setLogIdCounter] = useState(0);
-    const [filterMode, setFilterMode] = useState('all');
-    const [fullLogSearchMode, setFullLogSearchMode] = useState(false);
-    const [fullLogSearchQuery, setFullLogSearchQuery] = useState('');
-    const [fullLogScrollOffset, setFullLogScrollOffset] = useState(0);
+    const [view, setView] = reactExports.useState('dashboard');
+    const [services, setServices] = reactExports.useState([]);
+    const [logs, setLogs] = reactExports.useState([]);
+    const [isShuttingDown, setIsShuttingDown] = reactExports.useState(false);
+    const [serviceFilter, setServiceFilter] = reactExports.useState(null);
+    const [scrollOffset, setScrollOffset] = reactExports.useState(0);
+    const [autoScroll, setAutoScroll] = reactExports.useState(true);
+    const [searchMode, setSearchMode] = reactExports.useState(false);
+    const [searchQuery, setSearchQuery] = reactExports.useState('');
+    const [isVerbose, setIsVerbose] = reactExports.useState(false);
+    const [logIdCounter, setLogIdCounter] = reactExports.useState(0);
+    const [filterMode, setFilterMode] = reactExports.useState('all');
+    const [fullLogSearchMode, setFullLogSearchMode] = reactExports.useState(false);
+    const [fullLogSearchQuery, setFullLogSearchQuery] = reactExports.useState('');
+    const [fullLogScrollOffset, setFullLogScrollOffset] = reactExports.useState(0);
     // Theme state - load from config, default to 'sentry'
     const savedTheme = configManager.get('ui')?.theme;
-    const [selectedTheme, setSelectedTheme] = useState(savedTheme || 'sentry');
-    const [previewTheme, setPreviewTheme] = useState(null);
-    const [themeBeforePreview, setThemeBeforePreview] = useState(null);
+    const [selectedTheme, setSelectedTheme] = reactExports.useState(savedTheme || 'sentry');
+    const [previewTheme, setPreviewTheme] = reactExports.useState(null);
+    const [themeBeforePreview, setThemeBeforePreview] = reactExports.useState(null);
     // Build state - tracks active builds and todos from the RunnerLogger
     const [buildState] = useBuildState();
     // Get current theme colors - use preview theme if active, otherwise selected theme
     const activeThemeName = previewTheme || selectedTheme;
     const theme = THEMES[activeThemeName];
-    const themeColors = useMemo(() => ({
+    const themeColors = reactExports.useMemo(() => ({
         primary: theme.colors.primary,
         secondary: theme.colors.secondary,
         accent: theme.colors.accent,
@@ -668,10 +667,10 @@ function Dashboard({ serviceManager, apiUrl, webPort, logFilePath }) {
     // 20/80 split when build panel is shown, otherwise full width
     const buildPanelWidth = Math.floor(terminalWidth * 0.2);
     const logPanelWidth = showBuildPanel ? terminalWidth - buildPanelWidth : terminalWidth;
-    const allServicesRunning = useMemo(() => {
+    const allServicesRunning = reactExports.useMemo(() => {
         return services.length > 0 && services.every(s => s.status === 'running');
     }, [services]);
-    useEffect(() => {
+    reactExports.useEffect(() => {
         const handleStatusChange = () => {
             setServices(serviceManager.getAllStates());
         };
@@ -681,7 +680,7 @@ function Dashboard({ serviceManager, apiUrl, webPort, logFilePath }) {
             serviceManager.off('service:status-change', handleStatusChange);
         };
     }, [serviceManager]);
-    useEffect(() => {
+    reactExports.useEffect(() => {
         const handleServiceOutput = (name, output, stream) => {
             const lines = output.split('\n').filter(line => line.trim());
             setLogIdCounter(prev => {
@@ -718,7 +717,7 @@ function Dashboard({ serviceManager, apiUrl, webPort, logFilePath }) {
             serviceManager.off('service:output', handleServiceOutput);
         };
     }, [serviceManager]);
-    const filteredLogs = useMemo(() => {
+    const filteredLogs = reactExports.useMemo(() => {
         let filtered = logs;
         // By default, hide internal/debug logs unless verbose mode is on
         if (!isVerbose) {
@@ -736,7 +735,7 @@ function Dashboard({ serviceManager, apiUrl, webPort, logFilePath }) {
         }
         return filtered;
     }, [logs, serviceFilter, searchQuery, isVerbose]);
-    const fullLogFilteredLogs = useMemo(() => {
+    const fullLogFilteredLogs = reactExports.useMemo(() => {
         let filtered = logs;
         if (filterMode === 'errors') {
             filtered = filtered.filter(log => log.level === 'error' || log.level === 'warn');
@@ -762,22 +761,22 @@ function Dashboard({ serviceManager, apiUrl, webPort, logFilePath }) {
     }, [logs, filterMode, fullLogSearchQuery]);
     const visibleLines = Math.max(1, contentHeight - 3);
     const fullLogVisibleLines = Math.max(1, terminalHeight - 6);
-    useEffect(() => {
+    reactExports.useEffect(() => {
         if (autoScroll && filteredLogs.length > 0) {
             const maxScroll = Math.max(0, filteredLogs.length - visibleLines);
             setScrollOffset(maxScroll);
         }
     }, [filteredLogs.length, autoScroll, visibleLines]);
-    useEffect(() => {
+    reactExports.useEffect(() => {
         if (view === 'fullLog') {
             const maxScroll = Math.max(0, fullLogFilteredLogs.length - fullLogVisibleLines);
             setFullLogScrollOffset(maxScroll);
         }
     }, [fullLogFilteredLogs.length, view, fullLogVisibleLines]);
-    const displayedLogs = useMemo(() => {
+    const displayedLogs = reactExports.useMemo(() => {
         return filteredLogs.slice(scrollOffset, scrollOffset + visibleLines);
     }, [filteredLogs, scrollOffset, visibleLines]);
-    const fullLogDisplayedLogs = useMemo(() => {
+    const fullLogDisplayedLogs = reactExports.useMemo(() => {
         return fullLogFilteredLogs.slice(fullLogScrollOffset, fullLogScrollOffset + fullLogVisibleLines);
     }, [fullLogFilteredLogs, fullLogScrollOffset, fullLogVisibleLines]);
     // Save theme to config and update state
@@ -992,28 +991,28 @@ function Dashboard({ serviceManager, apiUrl, webPort, logFilePath }) {
         const index = lowerText.indexOf(lowerQuery);
         if (index === -1)
             return text;
-        return (jsxs(Fragment, { children: [text.slice(0, index), jsx(Text, { backgroundColor: baseColors.warning, color: "black", children: text.slice(index, index + query.length) }), text.slice(index + query.length)] }));
+        return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [text.slice(0, index), jsxRuntimeExports.jsx(Text, { backgroundColor: baseColors.warning, color: "black", children: text.slice(index, index + query.length) }), text.slice(index + query.length)] }));
     };
     // Full log view
     if (view === 'fullLog') {
-        return (jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [jsxs(Box, { borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, justifyContent: "space-between", children: [jsx(Text, { color: themeColors.primary, bold: true, children: "LOGS" }), jsxs(Box, { children: [jsx(Text, { color: themeColors.textMuted, children: "Search: " }), fullLogSearchMode ? (jsx(Box, { borderStyle: "round", borderColor: themeColors.primary, paddingX: 1, children: jsx(TextInput, { value: fullLogSearchQuery, onChange: setFullLogSearchQuery, placeholder: "type to search..." }) })) : (jsxs(Text, { color: fullLogSearchQuery ? themeColors.text : themeColors.textMuted, children: ["[", fullLogSearchQuery || 'none', "]"] })), jsx(Text, { color: themeColors.textMuted, children: " [/]" })] })] }), jsx(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "single", borderColor: themeColors.muted, borderTop: false, borderBottom: false, paddingX: 1, children: fullLogDisplayedLogs.map((log) => (jsx(FullLogEntryRow, { log: log, maxWidth: terminalWidth - 4, searchQuery: fullLogSearchQuery, highlightSearch: highlightSearch, themeColors: themeColors }, log.id))) }), jsxs(Box, { borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, justifyContent: "space-between", children: [jsxs(Box, { children: [jsx(Shortcut, { letter: "l", label: "dashboard", color: themeColors.primary }), jsx(Shortcut, { letter: "/", label: "search", color: themeColors.primary }), jsx(Shortcut, { letter: "f", label: `filter: ${filterMode}`, color: themeColors.primary }), jsx(Shortcut, { letter: "b", label: "browser", color: themeColors.primary }), jsx(Shortcut, { letter: "q", label: "quit", color: themeColors.primary })] }), jsxs(Text, { color: themeColors.textMuted, children: [fullLogScrollOffset + 1, "-", Math.min(fullLogScrollOffset + fullLogVisibleLines, fullLogFilteredLogs.length), "/", fullLogFilteredLogs.length] })] })] }));
+        return (jsxRuntimeExports.jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [jsxRuntimeExports.jsxs(Box, { borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, justifyContent: "space-between", children: [jsxRuntimeExports.jsx(Text, { color: themeColors.primary, bold: true, children: "LOGS" }), jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: "Search: " }), fullLogSearchMode ? (jsxRuntimeExports.jsx(Box, { borderStyle: "round", borderColor: themeColors.primary, paddingX: 1, children: jsxRuntimeExports.jsx(TextInput, { value: fullLogSearchQuery, onChange: setFullLogSearchQuery, placeholder: "type to search..." }) })) : (jsxRuntimeExports.jsxs(Text, { color: fullLogSearchQuery ? themeColors.text : themeColors.textMuted, children: ["[", fullLogSearchQuery || 'none', "]"] })), jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: " [/]" })] })] }), jsxRuntimeExports.jsx(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "single", borderColor: themeColors.muted, borderTop: false, borderBottom: false, paddingX: 1, children: fullLogDisplayedLogs.map((log) => (jsxRuntimeExports.jsx(FullLogEntryRow, { log: log, maxWidth: terminalWidth - 4, searchQuery: fullLogSearchQuery, highlightSearch: highlightSearch, themeColors: themeColors }, log.id))) }), jsxRuntimeExports.jsxs(Box, { borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, justifyContent: "space-between", children: [jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Shortcut, { letter: "l", label: "dashboard", color: themeColors.primary }), jsxRuntimeExports.jsx(Shortcut, { letter: "/", label: "search", color: themeColors.primary }), jsxRuntimeExports.jsx(Shortcut, { letter: "f", label: `filter: ${filterMode}`, color: themeColors.primary }), jsxRuntimeExports.jsx(Shortcut, { letter: "b", label: "browser", color: themeColors.primary }), jsxRuntimeExports.jsx(Shortcut, { letter: "q", label: "quit", color: themeColors.primary })] }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: [fullLogScrollOffset + 1, "-", Math.min(fullLogScrollOffset + fullLogVisibleLines, fullLogFilteredLogs.length), "/", fullLogFilteredLogs.length] })] })] }));
     }
     // Theme Selector overlay
     if (view === 'themeSelector') {
-        return (jsxs(Box, { flexDirection: "column", height: terminalHeight, width: terminalWidth, children: [jsx(Banner, {}), jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: jsxs(Box, { flexDirection: "column", borderStyle: "double", borderColor: themeColors.primary, paddingX: 3, paddingY: 1, width: 40, children: [jsx(Box, { justifyContent: "center", marginBottom: 1, children: jsx(Text, { color: themeColors.primary, bold: true, children: "Select Theme" }) }), THEME_ORDER.map((themeName) => {
+        return (jsxRuntimeExports.jsxs(Box, { flexDirection: "column", height: terminalHeight, width: terminalWidth, children: [jsxRuntimeExports.jsx(Banner, {}), jsxRuntimeExports.jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: jsxRuntimeExports.jsxs(Box, { flexDirection: "column", borderStyle: "double", borderColor: themeColors.primary, paddingX: 3, paddingY: 1, width: 40, children: [jsxRuntimeExports.jsx(Box, { justifyContent: "center", marginBottom: 1, children: jsxRuntimeExports.jsx(Text, { color: themeColors.primary, bold: true, children: "Select Theme" }) }), THEME_ORDER.map((themeName) => {
                                 const t = THEMES[themeName];
                                 const isSelected = themeName === previewTheme;
-                                return (jsxs(Box, { paddingY: 0, children: [jsx(Text, { color: isSelected ? t.colors.primary : themeColors.textMuted, children: isSelected ? '▸ ' : '  ' }), jsx(Text, { color: isSelected ? t.colors.primary : themeColors.textDim, bold: isSelected, children: t.label }), jsxs(Text, { color: themeColors.textMuted, children: [" - ", t.description] })] }, themeName));
-                            }), jsx(Box, { marginTop: 1, justifyContent: "center", children: jsxs(Text, { color: themeColors.textMuted, children: [jsx(Text, { color: themeColors.primary, children: "\u2191\u2193" }), " navigate", jsx(Text, { color: themeColors.primary, children: " Enter" }), " select", jsx(Text, { color: themeColors.primary, children: " Esc" }), " cancel"] }) })] }) })] }));
+                                return (jsxRuntimeExports.jsxs(Box, { paddingY: 0, children: [jsxRuntimeExports.jsx(Text, { color: isSelected ? t.colors.primary : themeColors.textMuted, children: isSelected ? '▸ ' : '  ' }), jsxRuntimeExports.jsx(Text, { color: isSelected ? t.colors.primary : themeColors.textDim, bold: isSelected, children: t.label }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: [" - ", t.description] })] }, themeName));
+                            }), jsxRuntimeExports.jsx(Box, { marginTop: 1, justifyContent: "center", children: jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: [jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "\u2191\u2193" }), " navigate", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: " Enter" }), " select", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: " Esc" }), " cancel"] }) })] }) })] }));
     }
     // Help/Menu view
     if (view === 'help') {
-        return (jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [jsx(Banner, {}), jsxs(Box, { flexDirection: "column", padding: 2, children: [jsx(Text, { color: themeColors.primary, bold: true, children: "Help & Keyboard Shortcuts" }), jsx(Text, { children: " " }), jsxs(Text, { color: themeColors.textDim, children: ["  ", jsx(Text, { color: themeColors.primary, children: "Ctrl+T" }), "    Change theme"] }), jsxs(Text, { color: themeColors.textDim, children: ["  ", jsx(Text, { color: themeColors.primary, children: "b" }), "         Open in browser"] }), jsxs(Text, { color: themeColors.textDim, children: ["  ", jsx(Text, { color: themeColors.primary, children: "l" }), "         Full log view"] }), jsxs(Text, { color: themeColors.textDim, children: ["  ", jsx(Text, { color: themeColors.primary, children: "/" }), "         Search logs"] }), jsxs(Text, { color: themeColors.textDim, children: ["  ", jsx(Text, { color: themeColors.primary, children: "f" }), "         Filter by service"] }), jsxs(Text, { color: themeColors.textDim, children: ["  ", jsx(Text, { color: themeColors.primary, children: "v" }), "         Toggle verbose mode"] }), jsxs(Text, { color: themeColors.textDim, children: ["  ", jsx(Text, { color: themeColors.primary, children: "r" }), "         Restart services"] }), jsxs(Text, { color: themeColors.textDim, children: ["  ", jsx(Text, { color: themeColors.primary, children: "c" }), "         Clear logs"] }), jsxs(Text, { color: themeColors.textDim, children: ["  ", jsx(Text, { color: themeColors.primary, children: "q" }), "         Quit"] }), jsx(Text, { children: " " }), jsxs(Text, { color: themeColors.textMuted, children: ["Current theme: ", jsx(Text, { color: themeColors.primary, children: theme.label })] }), jsx(Text, { children: " " }), jsxs(Text, { color: themeColors.textMuted, children: ["Press ", jsx(Text, { color: themeColors.primary, children: "Esc" }), " to return to dashboard"] })] })] }));
+        return (jsxRuntimeExports.jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [jsxRuntimeExports.jsx(Banner, {}), jsxRuntimeExports.jsxs(Box, { flexDirection: "column", padding: 2, children: [jsxRuntimeExports.jsx(Text, { color: themeColors.primary, bold: true, children: "Help & Keyboard Shortcuts" }), jsxRuntimeExports.jsx(Text, { children: " " }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: ["  ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "Ctrl+T" }), "    Change theme"] }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: ["  ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "b" }), "         Open in browser"] }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: ["  ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "l" }), "         Full log view"] }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: ["  ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "/" }), "         Search logs"] }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: ["  ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "f" }), "         Filter by service"] }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: ["  ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "v" }), "         Toggle verbose mode"] }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: ["  ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "r" }), "         Restart services"] }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: ["  ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "c" }), "         Clear logs"] }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: ["  ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "q" }), "         Quit"] }), jsxRuntimeExports.jsx(Text, { children: " " }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: ["Current theme: ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: theme.label })] }), jsxRuntimeExports.jsx(Text, { children: " " }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: ["Press ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "Esc" }), " to return to dashboard"] })] })] }));
     }
     // Check for available update (set by auto-update check in index.ts)
     const updateAvailable = process.env.OPENBUILDER_UPDATE_AVAILABLE;
     // Main dashboard view
-    return (jsxs(Box, { flexDirection: "column", height: terminalHeight, width: terminalWidth, children: [jsx(Banner, {}), updateAvailable && (jsxs(Box, { justifyContent: "center", paddingY: 0, children: [jsx(Text, { color: baseColors.cyan, children: "\u2B06 Update available: " }), jsx(Text, { color: baseColors.success, children: updateAvailable }), jsx(Text, { color: themeColors.textMuted, children: " \u2014 Run " }), jsx(Text, { color: baseColors.cyan, children: "openbuilder upgrade" }), jsx(Text, { color: themeColors.textMuted, children: " to update" })] })), jsxs(Box, { borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, justifyContent: "space-between", children: [jsxs(Text, { color: themeColors.textMuted, children: ["Web: ", jsxs(Text, { color: themeColors.primary, children: ["localhost:", webPort] }), ' • ', "Mode: ", jsx(Text, { color: themeColors.primary, children: "Local" }), ' • ', "Theme: ", jsx(Text, { color: themeColors.primary, children: theme.label })] }), jsxs(Box, { children: [jsx(Text, { color: allServicesRunning ? baseColors.success : baseColors.warning, children: allServicesRunning ? symbols.filledDot : symbols.hollowDot }), jsxs(Text, { color: themeColors.textDim, children: [' ', allServicesRunning ? 'All Services Running' : 'Starting...'] })] })] }), jsxs(Box, { flexGrow: 1, height: contentHeight, children: [showBuildPanel && (jsx(BuildPanel, { build: buildState.currentBuild, width: buildPanelWidth, height: contentHeight })), jsxs(Box, { flexDirection: "column", width: logPanelWidth, height: contentHeight, borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, children: [jsxs(Box, { justifyContent: "space-between", marginBottom: 0, children: [jsx(Text, { color: themeColors.primary, bold: true, children: "LOGS" }), jsxs(Box, { children: [serviceFilter && (jsxs(Text, { color: themeColors.textMuted, children: ["filter: ", jsx(Text, { color: baseColors.warning, children: serviceFilter }), "  "] })), jsxs(Text, { color: themeColors.textMuted, children: ["[verbose: ", isVerbose ? 'on' : 'off', "]"] })] })] }), jsx(Box, { flexDirection: "column", flexGrow: 1, children: displayedLogs.length === 0 ? (jsx(Box, { justifyContent: "center", alignItems: "center", flexGrow: 1, children: jsx(Text, { color: themeColors.textMuted, children: "Waiting for logs..." }) })) : (displayedLogs.map((log) => (jsx(LogEntryRow, { log: log, maxWidth: logPanelWidth - 4, themeColors: themeColors }, log.id)))) }), filteredLogs.length > visibleLines && (jsx(Box, { justifyContent: "flex-end", children: jsxs(Text, { color: themeColors.textMuted, children: [scrollOffset + 1, "-", Math.min(scrollOffset + visibleLines, filteredLogs.length), "/", filteredLogs.length, autoScroll ? ' (auto)' : ''] }) }))] })] }), jsxs(Box, { borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, justifyContent: "space-between", children: [jsxs(Box, { children: [jsx(Text, { color: allServicesRunning ? baseColors.success : baseColors.warning, children: allServicesRunning ? symbols.filledDot : symbols.hollowDot }), jsxs(Text, { color: themeColors.textDim, children: [' ', isShuttingDown ? 'Shutting down...' : allServicesRunning ? 'Ready' : 'Starting'] })] }), searchMode ? (jsxs(Box, { children: [jsx(Text, { color: themeColors.primary, children: "/" }), jsx(TextInput, { value: searchQuery, onChange: setSearchQuery, onSubmit: () => setSearchMode(false), placeholder: "Search... (Enter to apply, Esc to cancel)" })] })) : (jsxs(Box, { children: [jsx(Shortcut, { letter: "b", label: "browser", color: themeColors.primary }), jsx(Shortcut, { letter: "l", label: "logs", color: themeColors.primary }), jsx(Shortcut, { letter: "/", label: "search", color: themeColors.primary }), jsx(Shortcut, { letter: "?", label: "menu", color: themeColors.primary }), jsx(Shortcut, { letter: "q", label: "quit", color: themeColors.primary })] }))] })] }));
+    return (jsxRuntimeExports.jsxs(Box, { flexDirection: "column", height: terminalHeight, width: terminalWidth, children: [jsxRuntimeExports.jsx(Banner, {}), updateAvailable && (jsxRuntimeExports.jsxs(Box, { justifyContent: "center", paddingY: 0, children: [jsxRuntimeExports.jsx(Text, { color: baseColors.cyan, children: "\u2B06 Update available: " }), jsxRuntimeExports.jsx(Text, { color: baseColors.success, children: updateAvailable }), jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: " \u2014 Run " }), jsxRuntimeExports.jsx(Text, { color: baseColors.cyan, children: "openbuilder upgrade" }), jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: " to update" })] })), jsxRuntimeExports.jsxs(Box, { borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, justifyContent: "space-between", children: [jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: ["Web: ", jsxRuntimeExports.jsxs(Text, { color: themeColors.primary, children: ["localhost:", webPort] }), ' • ', "Mode: ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "Local" }), ' • ', "Theme: ", jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: theme.label })] }), jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: allServicesRunning ? baseColors.success : baseColors.warning, children: allServicesRunning ? symbols.filledDot : symbols.hollowDot }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: [' ', allServicesRunning ? 'All Services Running' : 'Starting...'] })] })] }), jsxRuntimeExports.jsxs(Box, { flexGrow: 1, height: contentHeight, children: [showBuildPanel && (jsxRuntimeExports.jsx(BuildPanel, { build: buildState.currentBuild, width: buildPanelWidth, height: contentHeight })), jsxRuntimeExports.jsxs(Box, { flexDirection: "column", width: logPanelWidth, height: contentHeight, borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, children: [jsxRuntimeExports.jsxs(Box, { justifyContent: "space-between", marginBottom: 0, children: [jsxRuntimeExports.jsx(Text, { color: themeColors.primary, bold: true, children: "LOGS" }), jsxRuntimeExports.jsxs(Box, { children: [serviceFilter && (jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: ["filter: ", jsxRuntimeExports.jsx(Text, { color: baseColors.warning, children: serviceFilter }), "  "] })), jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: ["[verbose: ", isVerbose ? 'on' : 'off', "]"] })] })] }), jsxRuntimeExports.jsx(Box, { flexDirection: "column", flexGrow: 1, children: displayedLogs.length === 0 ? (jsxRuntimeExports.jsx(Box, { justifyContent: "center", alignItems: "center", flexGrow: 1, children: jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: "Waiting for logs..." }) })) : (displayedLogs.map((log) => (jsxRuntimeExports.jsx(LogEntryRow, { log: log, maxWidth: logPanelWidth - 4, themeColors: themeColors }, log.id)))) }), filteredLogs.length > visibleLines && (jsxRuntimeExports.jsx(Box, { justifyContent: "flex-end", children: jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: [scrollOffset + 1, "-", Math.min(scrollOffset + visibleLines, filteredLogs.length), "/", filteredLogs.length, autoScroll ? ' (auto)' : ''] }) }))] })] }), jsxRuntimeExports.jsxs(Box, { borderStyle: "single", borderColor: themeColors.muted, paddingX: 1, justifyContent: "space-between", children: [jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: allServicesRunning ? baseColors.success : baseColors.warning, children: allServicesRunning ? symbols.filledDot : symbols.hollowDot }), jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: [' ', isShuttingDown ? 'Shutting down...' : allServicesRunning ? 'Ready' : 'Starting'] })] }), searchMode ? (jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: "/" }), jsxRuntimeExports.jsx(TextInput, { value: searchQuery, onChange: setSearchQuery, onSubmit: () => setSearchMode(false), placeholder: "Search... (Enter to apply, Esc to cancel)" })] })) : (jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Shortcut, { letter: "b", label: "browser", color: themeColors.primary }), jsxRuntimeExports.jsx(Shortcut, { letter: "l", label: "logs", color: themeColors.primary }), jsxRuntimeExports.jsx(Shortcut, { letter: "/", label: "search", color: themeColors.primary }), jsxRuntimeExports.jsx(Shortcut, { letter: "?", label: "menu", color: themeColors.primary }), jsxRuntimeExports.jsx(Shortcut, { letter: "q", label: "quit", color: themeColors.primary })] }))] })] }));
 }
 function LogEntryRow({ log, maxWidth, themeColors }) {
     const levelColors = {
@@ -1041,12 +1040,12 @@ function LogEntryRow({ log, maxWidth, themeColors }) {
     if (log.toolName) {
         // If we have a displayMessage, use it (it's already user-friendly)
         if (log.displayMessage) {
-            return (jsxs(Box, { children: [jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxs(Text, { color: serviceColor, children: [" [", log.service.substring(0, 3), "]"] }), jsx(Text, { color: themeColors.primary, children: " \uD83D\uDD27 " }), jsx(Text, { color: themeColors.text, children: log.displayMessage })] }));
+            return (jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxRuntimeExports.jsxs(Text, { color: serviceColor, children: [" [", log.service.substring(0, 3), "]"] }), jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: " \uD83D\uDD27 " }), jsxRuntimeExports.jsx(Text, { color: themeColors.text, children: log.displayMessage })] }));
         }
         // Fallback to showing tool name
-        return (jsxs(Box, { children: [jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxs(Text, { color: serviceColor, children: [" [", log.service.substring(0, 3), "]"] }), jsx(Text, { color: themeColors.primary, children: " \uD83D\uDD27 " }), jsx(Text, { color: themeColors.text, children: log.toolName })] }));
+        return (jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxRuntimeExports.jsxs(Text, { color: serviceColor, children: [" [", log.service.substring(0, 3), "]"] }), jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: " \uD83D\uDD27 " }), jsxRuntimeExports.jsx(Text, { color: themeColors.text, children: log.toolName })] }));
     }
-    return (jsxs(Box, { children: [jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxs(Text, { color: serviceColor, children: [" [", log.service.substring(0, 3), "]"] }), jsxs(Text, { color: color, children: [" ", icon, " "] }), jsx(Text, { color: log.level === 'error' || log.level === 'warn' ? color : themeColors.text, children: truncatedMessage })] }));
+    return (jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxRuntimeExports.jsxs(Text, { color: serviceColor, children: [" [", log.service.substring(0, 3), "]"] }), jsxRuntimeExports.jsxs(Text, { color: color, children: [" ", icon, " "] }), jsxRuntimeExports.jsx(Text, { color: log.level === 'error' || log.level === 'warn' ? color : themeColors.text, children: truncatedMessage })] }));
 }
 function FullLogEntryRow({ log, maxWidth, searchQuery, highlightSearch, themeColors }) {
     const levelColors = {
@@ -1065,12 +1064,12 @@ function FullLogEntryRow({ log, maxWidth, searchQuery, highlightSearch, themeCol
     const icon = log.emoji || levelIcons[log.level];
     const color = levelColors[log.level];
     if (log.toolName) {
-        return (jsxs(Box, { children: [jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxs(Text, { color: serviceColor, children: [" [", log.service, "]"] }), jsx(Text, { color: themeColors.primary, children: " \uD83D\uDD27 " }), jsx(Text, { color: themeColors.text, children: highlightSearch(log.toolName, searchQuery) }), log.content && (jsxs(Text, { color: themeColors.textDim, children: [" ", highlightSearch(log.content.replace(`tool-input-available: ${log.toolName}`, '').trim(), searchQuery)] }))] }));
+        return (jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxRuntimeExports.jsxs(Text, { color: serviceColor, children: [" [", log.service, "]"] }), jsxRuntimeExports.jsx(Text, { color: themeColors.primary, children: " \uD83D\uDD27 " }), jsxRuntimeExports.jsx(Text, { color: themeColors.text, children: highlightSearch(log.toolName, searchQuery) }), log.content && (jsxRuntimeExports.jsxs(Text, { color: themeColors.textDim, children: [" ", highlightSearch(log.content.replace(`tool-input-available: ${log.toolName}`, '').trim(), searchQuery)] }))] }));
     }
-    return (jsxs(Box, { children: [jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxs(Text, { color: serviceColor, children: [" [", log.service, "]"] }), jsxs(Text, { color: color, children: [" ", icon, " "] }), log.tag && jsxs(Text, { color: themeColors.textMuted, children: ["[", log.tag, "] "] }), jsx(Text, { color: log.level === 'error' || log.level === 'warn' ? color : themeColors.text, children: highlightSearch(log.content || log.message, searchQuery) })] }));
+    return (jsxRuntimeExports.jsxs(Box, { children: [jsxRuntimeExports.jsx(Text, { color: themeColors.textMuted, children: formatTime(log.timestamp) }), jsxRuntimeExports.jsxs(Text, { color: serviceColor, children: [" [", log.service, "]"] }), jsxRuntimeExports.jsxs(Text, { color: color, children: [" ", icon, " "] }), log.tag && jsxRuntimeExports.jsxs(Text, { color: themeColors.textMuted, children: ["[", log.tag, "] "] }), jsxRuntimeExports.jsx(Text, { color: log.level === 'error' || log.level === 'warn' ? color : themeColors.text, children: highlightSearch(log.content || log.message, searchQuery) })] }));
 }
 function Shortcut({ letter, label, color }) {
-    return (jsxs(Box, { marginRight: 2, children: [jsx(Text, { color: baseColors.dimGray, children: "[" }), jsx(Text, { color: color, children: letter }), jsx(Text, { color: baseColors.dimGray, children: "]" }), jsx(Text, { color: baseColors.gray, children: label })] }));
+    return (jsxRuntimeExports.jsxs(Box, { marginRight: 2, children: [jsxRuntimeExports.jsx(Text, { color: baseColors.dimGray, children: "[" }), jsxRuntimeExports.jsx(Text, { color: color, children: letter }), jsxRuntimeExports.jsx(Text, { color: baseColors.dimGray, children: "]" }), jsxRuntimeExports.jsx(Text, { color: baseColors.gray, children: label })] }));
 }
 
 /**
@@ -1705,4 +1704,4 @@ async function startCommand(options) {
 }
 
 export { startCommand };
-//# sourceMappingURL=start-BygPCbvw.js.map
+//# sourceMappingURL=start-B4P27nZ7.js.map