@anastops/cli 1.0.0 → 1.2.0

package/ranger-tui/ranger_tui/widgets/topbar.py

@@ -0,0 +1,168 @@
+"""
+TopBar widget - App header with title and connection status.
+"""
+
+from textual.widget import Widget
+from textual.app import ComposeResult
+from textual.reactive import reactive
+from textual.widgets import Static
+from textual.containers import Horizontal
+
+from ranger_tui.widgets.ranger_image import RangerImage
+
+
+class TopBar(Widget):
+    """Top bar with logo, title, and connection status indicators."""
+    
+    DEFAULT_CSS = """
+    TopBar {
+        dock: top;
+        height: 6;
+        background: $panel;
+        layout: horizontal;
+        padding: 0 2;
+        align: center middle;
+    }
+    
+    .topbar-title-text {
+        width: auto;
+        height: 100%;
+        content-align: center middle;
+    }
+    
+    #topbar-brand {
+        width: auto;
+        height: 100%;
+        align: center middle;
+        margin: 0 1;
+    }
+    
+    #topbar-view-title {
+        width: auto;
+        height: 100%;
+        content-align: center middle;
+        margin-left: 2;
+    }
+    
+    .topbar-spacer {
+        width: 1fr;
+    }
+    
+    #topbar-status-frame {
+        width: auto;
+        height: auto;
+        align: center middle;
+        border: round $secondary-darken-2;
+        padding: 0 1;
+    }
+    
+    TopBar > .topbar-status, #topbar-status-frame .topbar-status {
+        width: auto;
+        height: auto;
+        content-align: center middle;
+        color: $foreground-muted;
+    }
+    
+    TopBar .status-ok {
+        color: $success;
+    }
+    
+    TopBar .status-error {
+        color: $error;
+    }
+    """
+    
+    mongo_ok: reactive[bool] = reactive(False)
+    redis_ok: reactive[bool] = reactive(False)
+    view_title: reactive[str] = reactive("")
+    
+    def __init__(self, title: str | None = None, view_title: str = "") -> None:
+        """
+        Initialize TopBar.
+        
+        Args:
+            title: Optional custom title. If None, uses the standard logo.
+            view_title: Current view name (e.g., "Sessions", "Tasks")
+        """
+        super().__init__()
+        self._custom_title = title
+        self.view_title = view_title
+    
+    def compose(self) -> ComposeResult:
+        # Left spacer (for centering)
+        yield Static("", classes="topbar-spacer")
+        
+        # ANASTOPS title
+        line1_left = "[bold #00d4ff]▄▀█[/] [bold #00c8ff]█▄[/][bold #00c8ff]█[/] [bold #00bcff]▄▀█[/] [bold #00b0ff]█▀[/] [bold #00a4ff]▀█▀[/] [bold #0098ff]█▀█[/] [bold #008cff]█▀█[/] [bold #0080ff]█▀[/]"
+        line2_left = "[bold #00d4ff]█▀█[/] [bold #00c8ff]█[/] [bold #00c8ff]█[/] [bold #00bcff]█▀█[/] [bold #00b0ff]▄█[/]  [bold #00a4ff]█[/]  [bold #0098ff]█▄█[/] [bold #008cff]█▀▀[/] [bold #0080ff]▄█[/]"
+        yield Static(line1_left + "\n" + line2_left, id="topbar-title-left", classes="topbar-title-text", markup=True)
+        
+        # Ranger image in center with circle frame
+        with Horizontal(id="topbar-brand"):
+            yield RangerImage()
+        
+        # RANGER title
+        line1_right = "[bold #ff00ff]█▀█[/] [bold #e600ff]▄▀█[/] [bold #cc00ff]█▄[/][bold #cc00ff]█[/] [bold #b300ff]█▀▀[/] [bold #9900ff]█▀▀[/] [bold #8000ff]█▀█[/]"
+        line2_right = "[bold #ff00ff]█▀▄[/] [bold #e600ff]█▀█[/] [bold #cc00ff]█[/] [bold #cc00ff]█[/] [bold #b300ff]█▄█[/] [bold #9900ff]██▄[/] [bold #8000ff]█▀▄[/]"
+        yield Static(line1_right + "\n" + line2_right, id="topbar-title-right", classes="topbar-title-text", markup=True)
+        
+        # Right spacer (for centering)
+        yield Static("", classes="topbar-spacer")
+        
+        # Status frame on far right
+        with Horizontal(id="topbar-status-frame"):
+            yield Static("", classes="topbar-status", id="topbar-status", markup=True)
+    
+    def watch_view_title(self, value: str) -> None:
+        """Update view title display."""
+        try:
+            view_widget = self.query_one("#topbar-view-title", Static)
+            if value:
+                view_widget.update(f"[bold]{value}[/]")
+            else:
+                view_widget.update("")
+        except Exception:
+            pass
+    
+    def set_view_title(self, title: str) -> None:
+        """Set the current view title."""
+        self.view_title = title
+    
+    def watch_mongo_ok(self, value: bool) -> None:
+        """Update status when mongo connection changes."""
+        self._update_status()
+    
+    def watch_redis_ok(self, value: bool) -> None:
+        """Update status when redis connection changes."""
+        self._update_status()
+    
+    def _update_status(self) -> None:
+        """Update the connection status display."""
+        try:
+            status = self.query_one("#topbar-status", Static)
+            mongo = "[bold green]●[/]" if self.mongo_ok else "[bold red]○[/]"
+            redis = "[bold green]●[/]" if self.redis_ok else "[bold red]○[/]"
+            status.update(f"MongoDB {mongo}  Redis {redis}")
+        except Exception:
+            pass
+    
+    def set_connection_status(self, mongo: bool, redis: bool) -> None:
+        """Set connection status indicators."""
+        self.mongo_ok = mongo
+        self.redis_ok = redis
+    
+    @property
+    def title(self) -> str | None:
+        """Get current title."""
+        return self._custom_title
+    
+    @title.setter
+    def title(self, value: str | None) -> None:
+        """Set title. Use None or empty string to show the logo."""
+        self._custom_title = value
+        display_text = value if value else LOGO_COMPACT
+        try:
+            logo_widget = self.query_one("#topbar-logo", Static)
+            logo_widget.update(display_text)
+        except Exception:
+            pass