@navios/commander-tui 1.0.0 → 1.1.0

package/src/__tests__/components/__snapshots__/prompt_renderer.spec.tsx.snap

@@ -138,6 +138,10 @@ exports[`PromptRenderer > choice prompt > should render choice prompt with optio
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -328,6 +332,10 @@ exports[`PromptRenderer > choice prompt > should render choice with input mode 1
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -515,6 +523,10 @@ exports[`PromptRenderer > choice prompt > should render choice with timeout 1`]
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -699,6 +711,10 @@ exports[`PromptRenderer > choice prompt > should render resolved choice prompt 1
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -886,6 +902,10 @@ exports[`PromptRenderer > choice prompt > should render selected option highligh
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1076,6 +1096,10 @@ exports[`PromptRenderer > confirm prompt > should render confirm prompt (Yes/No)
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1252,6 +1276,10 @@ exports[`PromptRenderer > confirm prompt > should render resolved confirm prompt
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1429,6 +1457,10 @@ exports[`PromptRenderer > confirm prompt > should render with No selected 1`] =
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1605,6 +1637,10 @@ exports[`PromptRenderer > confirm prompt > should render with custom button labe
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1781,6 +1817,10 @@ exports[`PromptRenderer > input prompt > should render input prompt with placeho
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1956,6 +1996,10 @@ exports[`PromptRenderer > input prompt > should render input with entered value
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2131,6 +2175,10 @@ exports[`PromptRenderer > input prompt > should render resolved input prompt 1`]
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2307,6 +2355,10 @@ exports[`PromptRenderer > multiChoice prompt > should render multiChoice with ch
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2497,6 +2549,10 @@ exports[`PromptRenderer > multiChoice prompt > should render resolved multiChoic
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2690,6 +2746,10 @@ exports[`PromptRenderer > multiChoice prompt > should render with some options s
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2883,6 +2943,10 @@ exports[`PromptRenderer > multiChoice prompt > should show minSelect warning whe
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -3075,6 +3139,10 @@ exports[`PromptRenderer > multiChoice prompt > should show selection count 1`] =
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",

package/src/__tests__/components/__snapshots__/sidebar.spec.tsx.snap

@@ -138,6 +138,10 @@ exports[`Sidebar > badge counts > should render badge counts 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -334,6 +338,10 @@ exports[`Sidebar > focus state > should render focused state 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -514,6 +522,10 @@ exports[`Sidebar > focus state > should render unfocused state 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -694,6 +706,10 @@ exports[`Sidebar > icons > should render icons 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -890,6 +906,10 @@ exports[`Sidebar > pending vs completed screens > should not show separator if n
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1078,6 +1098,10 @@ exports[`Sidebar > pending vs completed screens > should separate pending from o
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1282,6 +1306,10 @@ exports[`Sidebar > pending vs completed screens > should show separator between
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1470,6 +1498,10 @@ exports[`Sidebar > screen list > should render active screen highlighted 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1658,6 +1690,10 @@ exports[`Sidebar > screen list > should render screen list 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1854,6 +1890,10 @@ exports[`Sidebar > status indicators > should render fail status 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2034,6 +2074,194 @@ exports[`Sidebar > status indicators > should render pending status 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    }
+  }
+>
+  <Sidebar
+    activeScreenId="1"
+    focused={true}
+    screens={
+      [
+        {
+          "getBadgeCount": [MockFunction],
+          "getIcon": [MockFunction],
+          "getId": [MockFunction],
+          "getName": [MockFunction],
+          "getStatus": [MockFunction],
+          "isHidden": [MockFunction],
+        },
+      ]
+    }
+    selectedIndex={0}
+    title="Screens"
+    width={30}
+  />
+</LoggerProvider>
+`;
+
+exports[`Sidebar > status indicators > should render static status 1`] = `
+<LoggerProvider
+  theme={
+    {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2214,6 +2442,10 @@ exports[`Sidebar > status indicators > should render success status 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2394,6 +2626,10 @@ exports[`Sidebar > status indicators > should render waiting status 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2574,6 +2810,10 @@ exports[`Sidebar > title > should render custom title 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",

package/src/__tests__/components/sidebar.spec.tsx

@@ -200,6 +200,23 @@ describe('Sidebar', () => {
 
       expect(component).toMatchSnapshot()
     })
+
+    it('should render static status', () => {
+      const screens = [createMockScreen({ id: '1', name: 'Static', status: 'static' })]
+
+      const component = wrapWithContext(
+        <Sidebar
+          screens={screens}
+          selectedIndex={0}
+          activeScreenId="1"
+          focused={true}
+          width={30}
+          title="Screens"
+        />,
+      )
+
+      expect(component).toMatchSnapshot()
+    })
   })
 
   describe('badge counts', () => {

package/src/overrides/console.logger.override.ts

@@ -3,11 +3,13 @@ import {
   Injectable,
   LoggerOutput,
   type ClassTypeWithInstance,
+  type LoggerOptions,
   type LoggerService,
   type LogLevel,
 } from '@navios/core'
 
 import { ScreenLogger } from '../tokens/index.ts'
+import { ALL_LOG_LEVELS } from '../types/index.ts'
 
 export function overrideConsoleLogger(
   hidden: boolean = false,
@@ -22,12 +24,17 @@ export function overrideConsoleLogger(
   class ConsoleLoggerOverride implements LoggerService {
     protected readonly logger = inject(ScreenLogger, {
       screen: {
-        name: 'default',
+        name: 'internal',
         icon: '💻',
         hidden,
+        static: true,
       },
     })
 
+    setup(options: LoggerOptions & { logLevels: LogLevel[] }): void {
+      this.logger.setLogLevels(options.logLevels ?? ALL_LOG_LEVELS)
+    }
+
     log(message: string): void {
       this.logger.log(message)
     }

package/src/schemas/screen-options.ts

@@ -9,6 +9,8 @@ export const ScreenOptionsSchema = z.object({
   badgeCount: z.number().optional(),
   /** Whether the screen is hidden */
   hidden: z.boolean().optional().default(false),
+  /** Whether the screen is static (ignored in auto-close calculations) */
+  static: z.boolean().optional().default(false),
 })
 
 export type ScreenOptions = z.infer<typeof ScreenOptionsSchema>

package/src/services/screen.ts

@@ -43,6 +43,9 @@ export class ScreenInstance {
     this.icon = options.icon
     this.badgeCount = options.badgeCount ?? 0
     this.hidden = options.hidden ?? false
+    if (options.static) {
+      this.status = 'static'
+    }
   }
 
   incrementVersion(): void {

package/src/services/screen_manager.tsx

@@ -244,33 +244,34 @@ export class ScreenManager {
       }
     }
 
-    // Check for auto-close
-    this.checkAutoClose()
-
     this.notifyChange()
   }
 
   /**
-   * Check if all screens are successful and start auto-close timer if enabled
+   * Check if all screens are successful (or only static) and start auto-close timer if enabled.
+   * Static screens are ignored in this calculation.
+   * If there are only static screens, the timer will trigger after the delay with no new activity.
    */
   private checkAutoClose(): void {
     const autoClose = this.bindOptions.autoClose
     if (!autoClose || !this.isBound) return
 
-    // Clear any existing timer
+    // Clear any existing timer (will be restarted if conditions are met)
     if (this.autoCloseTimer) {
       clearTimeout(this.autoCloseTimer)
       this.autoCloseTimer = null
     }
 
-    // Check if all screens are successful
-    const screens = this.getScreens()
-    if (screens.length === 0) return
+    // Get non-static screens
+    const nonStaticScreens = this.getScreens().filter((s) => s.getStatus() !== 'static')
 
-    const allSuccessful = screens.every((s) => s.getStatus() === 'success')
-    if (!allSuccessful) return
+    // If there are non-static screens, check if all are successful
+    if (nonStaticScreens.length > 0) {
+      const allSuccessful = nonStaticScreens.every((s) => s.getStatus() === 'success')
+      if (!allSuccessful) return
+    }
 
-    // Start auto-close timer
+    // Start auto-close timer (either all non-static screens succeeded, or only static screens exist)
     const delay = typeof autoClose === 'number' ? autoClose : 5000
     this.autoCloseTimer = setTimeout(() => {
       this.unbind()
@@ -376,6 +377,9 @@ export class ScreenManager {
   }
 
   private notifyChange(): void {
+    // Check auto-close on every change (resets timer if activity occurs)
+    this.checkAutoClose()
+
     // Notify listeners - React components will forceUpdate and re-render
     this.changeListeners.forEach((listener) => listener())
   }

package/src/themes/dark.ts

@@ -69,6 +69,10 @@ export const darkTheme: Theme = {
       icon: '✗',
       color: '#EF4444', // Red-500
     },
+    static: {
+      icon: '●',
+      color: '#3B82F6', // Blue-500
+    },
   },
 
   separator: {

package/src/themes/high-contrast.ts

@@ -74,6 +74,10 @@ export const highContrastTheme: Theme = {
       icon: '✗',
       color: '#EF4444', // Red-500
     },
+    static: {
+      icon: '●',
+      color: '#00FFFF', // Cyan for high visibility
+    },
   },
 
   separator: {

package/src/themes/light.ts

@@ -68,6 +68,10 @@ export const lightTheme: Theme = {
       icon: '✗',
       color: '#DC2626', // Red-600
     },
+    static: {
+      icon: '●',
+      color: '#2563EB', // Blue-600
+    },
   },
 
   separator: {