titan-cli 0.1.0__py3-none-any.whl

titan_cli/ui/tui/widgets/header.py

@@ -0,0 +1,116 @@
+"""
+Header Widget
+
+Custom header widget with title and back button.
+"""
+from textual.app import ComposeResult
+from textual.widget import Widget
+from textual.widgets import Static
+from textual.containers import Horizontal
+from textual.reactive import reactive
+from textual.message import Message
+
+from titan_cli.ui.tui.icons import Icons
+
+
+class HeaderWidget(Widget):
+    """
+    Header widget that displays screen title and back button.
+
+    Shows:
+    - Left: Back button (← Back)
+    - Center: Screen title
+    - Right: Empty (for symmetry)
+    """
+
+    # Reactive property for title
+    title: reactive[str] = reactive("Titan CLI")
+
+    DEFAULT_CSS = """
+    HeaderWidget {
+        background: $surface-lighten-1;
+        height: 3;
+        width: 100%;
+        dock: top;
+    }
+
+    HeaderWidget Horizontal {
+        width: 100%;
+        height: 100%;
+        align: center middle;
+    }
+
+    HeaderWidget #header-back {
+        width: auto;
+        min-width: 15;
+        height: 100%;
+        background: transparent;
+        color: $primary;
+        text-align: left;
+        padding: 0 2;
+        content-align: left middle;
+    }
+
+    HeaderWidget #header-back:hover {
+        background: $surface-lighten-2;
+        text-style: bold;
+    }
+
+    HeaderWidget #header-title {
+        width: 1fr;
+        height: 100%;
+        content-align: center middle;
+        text-align: center;
+        color: $primary;
+        text-style: bold;
+    }
+
+    HeaderWidget .header-left,
+    HeaderWidget .header-right {
+        width: auto;
+        min-width: 15;
+        height: 100%;
+    }
+    """
+
+    def __init__(self, title: str = "Titan CLI", show_back: bool = True, **kwargs):
+        """
+        Initialize header widget.
+
+        Args:
+            title: Title to display in header
+            show_back: Whether to show back button
+        """
+        super().__init__(**kwargs)
+        self.title = title
+        self.show_back = show_back
+
+    def compose(self) -> ComposeResult:
+        """Compose the header with back button and title."""
+        with Horizontal():
+            if self.show_back:
+                yield Static(f"{Icons.BACK} Back", id="header-back", classes="header-left")
+            else:
+                yield Static("", classes="header-left")
+
+            yield Static(self.title, id="header-title")
+            yield Static("", classes="header-right")
+
+    def on_click(self, event) -> None:
+        """Handle click on header elements."""
+        if event.widget.id == "header-back":
+            # Post a message to the screen to go back
+            self.post_message(self.BackPressed())
+
+    def watch_title(self, new_value: str) -> None:
+        """Update title display when title changes."""
+        if self.is_mounted:
+            try:
+                title_widget = self.query_one("#header-title", Static)
+                title_widget.update(new_value)
+            except Exception:
+                pass
+
+    class BackPressed(Message):
+        """Message sent when back button is pressed."""
+        pass

titan_cli/ui/tui/widgets/panel.py

@@ -0,0 +1,81 @@
+"""
+Panel Widget
+
+A bordered container for displaying important messages with different types.
+"""
+
+from textual.app import ComposeResult
+from textual.widget import Widget
+from textual.widgets import Label
+from textual.containers import Container
+
+from titan_cli.ui.tui.icons import Icons
+
+
+class Panel(Widget):
+    """Panel widget with border and type-based styling."""
+
+    DEFAULT_CSS = """
+    Panel {
+        width: auto;
+        height: auto;
+        margin: 0 0 1 0;
+    }
+
+    Panel > Container {
+        width: auto;
+        height: auto;
+        border: round $primary;
+        padding: 1;
+    }
+
+    Panel.info > Container {
+        border: round $accent;
+    }
+
+    Panel.success > Container {
+        border: round $success;
+    }
+
+    Panel.warning > Container {
+        border: round $warning;
+    }
+
+    Panel.error > Container {
+        border: round $error;
+    }
+
+    Panel Label {
+        width: auto;
+        height: auto;
+    }
+    """
+
+    def __init__(self, text: str, panel_type: str = "info", **kwargs):
+        """
+        Initialize panel.
+
+        Args:
+            text: Text to display
+            panel_type: Type of panel (info, success, warning, error)
+        """
+        super().__init__(**kwargs)
+        self.text = text
+        self.panel_type = panel_type
+
+        # Add CSS class based on type
+        self.add_class(panel_type)
+
+    def compose(self) -> ComposeResult:
+        """Compose the panel with bordered container."""
+        # Map panel types to icons from Icons class
+        icons = {
+            "info": Icons.INFO,
+            "success": Icons.SUCCESS,
+            "warning": Icons.WARNING,
+            "error": Icons.ERROR,
+        }
+
+        icon = icons.get(self.panel_type, Icons.INFO)
+        with Container():
+            yield Label(f"{icon} {self.text}")

titan_cli/ui/tui/widgets/status_bar.py

@@ -0,0 +1,115 @@
+"""
+Status Bar Widget
+
+Fixed status bar showing git branch, AI info, and active project.
+"""
+from textual.app import ComposeResult
+from textual.widget import Widget
+from textual.widgets import Static
+from textual.containers import Horizontal
+from textual.reactive import reactive
+
+class StatusBarWidget(Widget):
+    """
+    Status bar widget that displays project information.
+
+    Shows:
+    - Left: Git branch
+    - Center: AI provider and model
+    - Right: Active project name
+
+    This widget is designed to be docked at the bottom of the screen.
+    """
+
+    # Reactive properties - automatically update the widget when changed
+    git_branch: reactive[str] = reactive("N/A")
+    ai_info: reactive[str] = reactive("N/A")
+    project_name: reactive[str] = reactive("N/A")
+
+    DEFAULT_CSS = """
+    StatusBarWidget {
+        background: $surface-lighten-1;
+        color: white;
+        height: 1;
+        width: 100%;
+        dock: bottom;
+    }
+
+    StatusBarWidget Horizontal {
+        width: 100%;
+    }
+
+    StatusBarWidget Static {
+        width: 1fr;
+        height: 100%;
+        content-align: center middle;
+    }
+
+    StatusBarWidget #branch-info {
+        text-align: left;
+        color: blue;
+    }
+
+    StatusBarWidget #ai-info {
+        text-align: center;
+        color: green;
+    }
+
+    StatusBarWidget #project-info {
+        text-align: right;
+        color: orange;
+    }
+    """
+
+    def compose(self) -> ComposeResult:
+        """Compose the status bar with three columns."""
+        with Horizontal():
+            yield Static(f"{self.git_branch}", id="branch-info")
+            yield Static(f"{self.ai_info}", id="ai-info")
+            yield Static(f"{self.project_name}", id="project-info")
+
+    def _update_branch(self, value: str) -> None:
+        """Update branch display."""
+        branch_widget = self.query_one("#branch-info", Static)
+        branch_widget.update(value)
+
+    def _update_ai(self, value: str) -> None:
+        """Update AI display."""
+        ai_widget = self.query_one("#ai-info", Static)
+        ai_widget.update(value)
+
+    def _update_project(self, value: str) -> None:
+        """Update project display."""
+        project_widget = self.query_one("#project-info", Static)
+        project_widget.update(value)
+
+    def watch_git_branch(self, new_value: str) -> None:
+        """Update branch display when git_branch changes."""
+        if self.is_mounted:
+            self._update_branch(new_value)
+
+    def watch_ai_info(self, new_value: str) -> None:
+        """Update AI display when ai_info changes."""
+        if self.is_mounted:
+            self._update_ai(new_value)
+
+    def watch_project_name(self, new_value: str) -> None:
+        """Update project display when project_name changes."""
+        if self.is_mounted:
+            self._update_project(new_value)
+
+    def update_status(self, git_branch: str = None, ai_info: str = None, project_name: str = None):
+        """
+        Update status bar information.
+
+        Args:
+            git_branch: Git branch name
+            ai_info: AI provider/model info
+            project_name: Active project name
+        """
+        if git_branch is not None:
+            self.git_branch = git_branch
+        if ai_info is not None:
+            self.ai_info = ai_info
+        if project_name is not None:
+            self.project_name = project_name

titan_cli/ui/tui/widgets/table.py

@@ -0,0 +1,77 @@
+"""
+Table Widget
+
+A simple table widget for displaying tabular data.
+"""
+
+from typing import List
+from textual.app import ComposeResult
+from textual.widget import Widget
+from textual.widgets import DataTable
+
+
+class Table(Widget):
+    """Table widget for displaying rows and columns."""
+
+    DEFAULT_CSS = """
+    Table {
+        width: 100%;
+        height: auto;
+        margin: 0 0 1 0;
+    }
+
+    Table.compact {
+        width: auto;
+    }
+
+    Table > DataTable {
+        width: 100%;
+        height: auto;
+    }
+
+    Table.compact > DataTable {
+        width: auto;
+    }
+    """
+
+    def __init__(
+        self,
+        headers: List[str],
+        rows: List[List[str]],
+        title: str = "",
+        full_width: bool = True,
+        **kwargs
+    ):
+        """
+        Initialize table.
+
+        Args:
+            headers: List of column headers
+            rows: List of rows (each row is a list of cell values)
+            title: Optional title for the table
+            full_width: If False, table uses auto width (compact mode)
+        """
+        super().__init__(**kwargs)
+        self.headers = headers
+        self.rows = rows
+        self.title_text = title
+
+        # Add compact class if not full width
+        if not full_width:
+            self.add_class("compact")
+
+    def compose(self) -> ComposeResult:
+        """Compose the table."""
+        table = DataTable()
+        if self.title_text:
+            table.border_title = self.title_text
+
+        # Add columns
+        for header in self.headers:
+            table.add_column(header)
+
+        # Add rows
+        for row in self.rows:
+            table.add_row(*row)
+
+        yield table

titan_cli/ui/tui/widgets/text.py

@@ -0,0 +1,177 @@
+"""
+Text Widgets
+
+Reusable text widgets with theme-based styling.
+"""
+from textual.widgets import Static
+
+
+# Shared CSS for all text styling - DRY principle
+SHARED_TEXT_CSS = """
+.dim, DimText, DimItalicText {
+    color: $text-muted;
+}
+
+.bold, BoldText, BoldPrimaryText {
+    text-style: bold;
+}
+
+.italic, ItalicText, DimItalicText {
+    text-style: italic;
+}
+
+.primary, PrimaryText, BoldPrimaryText {
+    color: $primary;
+}
+
+.success, SuccessText {
+    color: $success;
+}
+
+.error, ErrorText {
+    color: $error;
+}
+
+.warning, WarningText {
+    color: $warning;
+}
+"""
+
+
+class Text(Static):
+    """
+    Reusable text widget with dynamic styling via CSS classes.
+
+    Usage:
+        # Create with initial style
+        text = Text("Hello", style="bold")
+
+        # Change style dynamically
+        text.set_style("error")
+
+        # Combine multiple styles
+        text = Text("Hello", style="bold primary")
+
+    Available styles:
+        - dim: Muted/dimmed text
+        - bold: Bold text
+        - italic: Italic text
+        - primary: Primary color
+        - success: Success/green color
+        - error: Error/red color
+        - warning: Warning/yellow color
+    """
+
+    DEFAULT_CSS = SHARED_TEXT_CSS
+
+    def __init__(self, renderable="", *, style: str = "", **kwargs):
+        """
+        Initialize text widget.
+
+        Args:
+            renderable: Text content
+            style: Space-separated style classes (e.g., "bold primary")
+            **kwargs: Additional Static arguments
+        """
+        # Add style classes to existing classes
+        if style:
+            existing_classes = kwargs.get("classes", "")
+            if existing_classes:
+                kwargs["classes"] = f"{existing_classes} {style}"
+            else:
+                kwargs["classes"] = style
+
+        super().__init__(renderable, **kwargs)
+
+    def set_style(self, *styles: str) -> None:
+        """
+        Set the text style(s), removing previous styles.
+
+        Args:
+            *styles: One or more style names to apply
+
+        Example:
+            text.set_style("bold", "error")
+        """
+        # Remove all style classes
+        for cls in ["dim", "bold", "italic", "primary", "success", "error", "warning"]:
+            self.remove_class(cls)
+
+        # Add new styles
+        for style in styles:
+            if style:
+                self.add_class(style)
+
+    def add_style(self, *styles: str) -> None:
+        """
+        Add style(s) to the text without removing existing ones.
+
+        Args:
+            *styles: One or more style names to add
+
+        Example:
+            text.add_style("italic")
+        """
+        for style in styles:
+            if style:
+                self.add_class(style)
+
+    def remove_style(self, *styles: str) -> None:
+        """
+        Remove style(s) from the text.
+
+        Args:
+            *styles: One or more style names to remove
+
+        Example:
+            text.remove_style("bold")
+        """
+        for style in styles:
+            if style:
+                self.remove_class(style)
+
+
+# Convenience widgets - use shared CSS
+class DimText(Static):
+    """Text widget with dim/muted styling."""
+    DEFAULT_CSS = SHARED_TEXT_CSS
+
+
+class BoldText(Static):
+    """Text widget with bold styling."""
+    DEFAULT_CSS = SHARED_TEXT_CSS
+
+
+class PrimaryText(Static):
+    """Text widget with primary color."""
+    DEFAULT_CSS = SHARED_TEXT_CSS
+
+
+class BoldPrimaryText(Static):
+    """Text widget with bold primary color."""
+    DEFAULT_CSS = SHARED_TEXT_CSS
+
+
+class SuccessText(Static):
+    """Text widget with success/green color."""
+    DEFAULT_CSS = SHARED_TEXT_CSS
+
+
+class ErrorText(Static):
+    """Text widget with error/red color."""
+    DEFAULT_CSS = SHARED_TEXT_CSS
+
+
+class WarningText(Static):
+    """Text widget with warning/yellow color."""
+    DEFAULT_CSS = SHARED_TEXT_CSS
+
+
+class ItalicText(Static):
+    """Text widget with italic styling."""
+    DEFAULT_CSS = SHARED_TEXT_CSS
+
+
+class DimItalicText(Static):
+    """Text widget with dim italic styling."""
+    DEFAULT_CSS = SHARED_TEXT_CSS