kiwi-code 0.0.34__tar.gz → 0.0.35__tar.gz

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: kiwi-code
-Version: 0.0.34
+Version: 0.0.35
 Summary: A textual-based terminal user interface application
 Project-URL: Homepage, https://meetkiwi.ai
 Project-URL: Repository, https://github.com/jetoslabs/kiwi-code

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "kiwi-code"
-version = "0.0.34"
+version = "0.0.35"
 description = "A textual-based terminal user interface application"
 readme = {file = "README.md", content-type = "text/markdown"}
 requires-python = ">=3.11,<4.0"

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/main.py

@@ -235,8 +235,8 @@ class AutobotsTUI(App):
     # Brand color for the kiwi cyan, kept readable on both dark and
     # light themes. Exposed to CSS as `$brand-cyan` via
     # `get_css_variables` below.
-    BRAND_CYAN_DARK = "#5fffff"   # bright cyan — pops on dark backgrounds
-    BRAND_CYAN_LIGHT = "#006d8a"  # deeper teal — readable on light backgrounds
+    BRAND_CYAN_DARK = "#63d8dc"   # softened cyan — same feel, less eye strain on dark backgrounds
+    BRAND_CYAN_LIGHT = "#0b7084"  # slightly softened teal for light backgrounds
 
     def _is_dark_theme(self) -> bool:
         """Best-effort detection of whether the active theme is dark."""
@@ -249,65 +249,72 @@ class AutobotsTUI(App):
         return bool(getattr(self, "dark", True))
 
     def get_css_variables(self) -> dict[str, str]:
-        """Inject theme-aware brand color and override palette to match kiwi-code UX.
-
-        UX requirement: use a minimal palette (white + kiwi cyan) for UI text and
-        accents across screens.
-        """
+        """Inject theme-aware brand color and a softer neutral palette."""
         variables = super().get_css_variables()
-        cyan = self.BRAND_CYAN_DARK if self._is_dark_theme() else self.BRAND_CYAN_LIGHT
+        dark = self._is_dark_theme()
+        cyan = self.BRAND_CYAN_DARK if dark else self.BRAND_CYAN_LIGHT
         variables["brand-cyan"] = cyan
 
-        # Two-color palette: foreground text + cyan accents. Keep readability in light theme.
-        foreground = "#ffffff" if self._is_dark_theme() else "#000000"
+        if dark:
+            # Match the reference terminal theme more closely:
+            # - global background around #1E1E1E
+            # - user prompts on a lighter gray chip around #3A3A3A
+            bg = "#1E1E1E"
+            surface = "#252526"
+            raised = "#2D2D2D"
+            panel = "#333333"
+            foreground = "#F3F3F3"
+            user_msg_bg = "#3A3A3A"
+            assistant_stream_bg = "#252526"
+        else:
+            bg = "#f6f7f8"
+            surface = "#ffffff"
+            raised = "#eef1f3"
+            panel = "#dbe7ea"
+            foreground = "#101213"
+            user_msg_bg = "#f1f3f4"
+            assistant_stream_bg = "#f4f6f7"
+
+        variables["background"] = bg
         variables["foreground"] = foreground
         variables["text"] = foreground
 
-        # Map most semantic colors to the brand cyan (removes scattered colors).
+        # Keep the kiwi cyan for accents while softening the surrounding surfaces.
         for k in ("primary", "secondary", "accent", "error", "warning", "success"):
             variables[k] = cyan
 
-        # Also align text-* semantic variants used by Markdown, notifications, etc.
         for k in ("text-warning", "text-error", "text-success"):
             variables[k] = cyan
 
-        # Surfaces and borders: keep background dark, use cyan borders.
-        bg = variables.get("background", "#000000")
-        variables["surface"] = bg
-        variables["boost"] = bg
+        variables["surface"] = surface
+        variables["boost"] = raised
         variables["primary-background"] = bg
-        variables["panel"] = cyan
-        variables["border"] = cyan
-        variables["border-blurred"] = cyan
+        variables["panel"] = panel
+        variables["border"] = panel
+        variables["block-hover-background"] = surface
+        variables["border-blurred"] = raised
 
+        variables["user-msg-bg"] = user_msg_bg
+        variables["assistant-stream-bg"] = assistant_stream_bg
 
-        # Chat UX: full-width highlight color for user-message rows.
-        # Keep it subtle and theme-aware.
-        variables["user-msg-bg"] = "#333333" if self._is_dark_theme() else "#e8e8e8"
-        # Chat UX: subtle highlight for the *active streaming* assistant message.
-        variables["assistant-stream-bg"] = "#222222" if self._is_dark_theme() else "#f2f2f2"
-        # Scrollbars: cyan thumb, dark track.
         variables["scrollbar"] = cyan
         variables["scrollbar-hover"] = cyan
         variables["scrollbar-active"] = cyan
-        variables["scrollbar-background"] = bg
-        variables["scrollbar-background-hover"] = bg
-        variables["scrollbar-background-active"] = bg
+        variables["scrollbar-background"] = surface
+        variables["scrollbar-background-hover"] = surface
+        variables["scrollbar-background-active"] = raised
         variables["scrollbar-corner-color"] = bg
 
-        # Footer palette variables (Textual 8 uses these).
-        variables["footer-background"] = bg
+        variables["footer-background"] = surface
         variables["footer-foreground"] = foreground
-        variables["footer-description-background"] = bg
+        variables["footer-description-background"] = surface
         variables["footer-description-foreground"] = foreground
 
-        # Cursor / selection highlight: cyan text on background (no extra colors).
         variables["block-cursor-foreground"] = cyan
         variables["block-cursor-background"] = bg
         variables["block-cursor-blurred-foreground"] = cyan
         variables["block-cursor-blurred-background"] = bg
         return variables
-
     def watch_theme(self, theme: str) -> None:
         """Re-resolve palette variables whenever the user switches theme."""
         try:

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/screens/attach_content.py

@@ -27,7 +27,7 @@ class AttachContentScreen(ModalScreen[dict]):
         width: 60;
         height: auto;
         max-height: 20;
-        background: $surface;
+        background: $primary-background;
         border: solid $accent;
         padding: 1 2;
     }

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/screens/command_result.py

@@ -30,7 +30,7 @@ class CommandResultScreen(ModalScreen[None]):
     #cmdres-container {
         width: 90;
         height: 80%;
-        background: $surface;
+        background: $primary-background;
         border: solid $accent;
         padding: 1 2;
     }

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/screens/file_browser.py

@@ -29,7 +29,7 @@ class FileBrowserScreen(ModalScreen[list[str]]):
     #file-browser-container {
         width: 96%;
         height: 95%;
-        background: $surface;
+        background: $primary-background;
         border: solid $accent;
         padding: 0 1;
     }
@@ -75,10 +75,32 @@ class FileBrowserScreen(ModalScreen[list[str]]):
     #dir-tree {
         height: 1fr;
         width: 100%;
+        background: $primary-background;
         border: solid $panel;
         scrollbar-size: 1 1;
+    #dir-tree:focus {
+        background-tint: 0%;
+    }
+
+    #dir-tree > .tree--highlight-line {
+        background: $surface;
+    }
+
+    #dir-tree > .tree--cursor {
+        background: $surface;
+        color: $foreground;
+        text-style: none;
     }
 
+    #dir-tree:focus > .tree--cursor {
+        background: $boost;
+        color: $foreground;
+        text-style: bold;
+    }
+
+    }
+
+
     #selected-files {
         height: auto;
         max-height: 3;

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/screens/help.py

@@ -29,7 +29,7 @@ class HelpScreen(ModalScreen[None]):
     #help-container {
         width: 96;
         height: 80%;
-        background: $surface;
+        background: $primary-background;
         border: solid $accent;
         /* Reduce top padding so the title/hint sit closer to the border. */
         padding: 0 3 1 3;
@@ -58,7 +58,7 @@ class HelpScreen(ModalScreen[None]):
         height: 1fr;
         width: 100%;
         border: solid $panel;
-        background: $surface;
+        background: $primary-background;
         scrollbar-size: 1 1;
         /* Keep the list away from the container border for consistent margins. */
         margin: 0 1;

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/screens/id_picker.py

@@ -101,7 +101,7 @@ class IdPickerScreen(ModalScreen[str]):
     #idpicker-container {
         width: 90;
         height: 90%;
-        background: $surface;
+        background: $primary-background;
         border: solid $accent;
         padding: 0 1;
     }
@@ -111,7 +111,7 @@ class IdPickerScreen(ModalScreen[str]):
         text-align: center;
         text-style: bold;
         color: $primary;
-        background: $surface;
+        background: $primary-background;
         height: 1;
         margin-bottom: 0;
     }
@@ -119,17 +119,17 @@ class IdPickerScreen(ModalScreen[str]):
     #idpicker-table {
         height: 1fr;
         width: 100%;
-        background: $surface;
+        background: $primary-background;
         /* Slightly dim the row text so it's easier on the eyes. */
         color: $foreground 80%;
         border: none;
         overflow-x: auto;
         overflow-y: auto;
         scrollbar-gutter: auto;
-        scrollbar-background: $surface;
-        scrollbar-background-hover: $surface;
-        scrollbar-background-active: $surface;
-        scrollbar-corner-color: $surface;
+        scrollbar-background: $primary-background;
+        scrollbar-background-hover: $primary-background;
+        scrollbar-background-active: $primary-background;
+        scrollbar-corner-color: $primary-background;
         scrollbar-color: $panel;
         scrollbar-color-hover: $primary;
         scrollbar-color-active: $primary;
@@ -163,10 +163,10 @@ class IdPickerScreen(ModalScreen[str]):
         overflow-x: auto;
         overflow-y: auto;
         scrollbar-gutter: auto;
-        scrollbar-background: $surface;
-        scrollbar-background-hover: $surface;
-        scrollbar-background-active: $surface;
-        scrollbar-corner-color: $surface;
+        scrollbar-background: $primary-background;
+        scrollbar-background-hover: $primary-background;
+        scrollbar-background-active: $primary-background;
+        scrollbar-corner-color: $primary-background;
         scrollbar-color: $panel;
         scrollbar-color-hover: $primary;
         scrollbar-color-active: $primary;

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/screens/login.py

@@ -22,7 +22,7 @@ class LoginScreen(Screen):
 
     CSS = """
     LoginScreen {
-        background: $surface;
+        background: $background;
         layout: vertical;
     }
 

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/screens/runtime_cleanup.py

@@ -19,6 +19,7 @@ import json
 from typing import Any
 
 from loguru import logger
+from rich.text import Text
 from textual import events
 from textual.binding import Binding
 from textual.screen import ModalScreen
@@ -121,13 +122,29 @@ class RuntimeCleanupScreen(ModalScreen[list[int]]):
 
     #runtime-cleanup-help {
         padding: 1 2;
-        color: $text;
-        opacity: 0.9;
+        background: $background;
+        color: $brand-cyan;
+        text-style: bold;
+        opacity: 1;
     }
 
     #runtime-list {
         height: 1fr;
         width: 100%;
+        background: $background;
+        color: $foreground;
+        border: none;
+    }
+
+    #runtime-list > .option-list--option {
+        background: $background;
+        color: $foreground;
+    }
+
+    #runtime-list > .option-list--option-highlighted {
+        background: $panel;
+        color: $brand-cyan;
+        text-style: bold;
     }
     """
 
@@ -139,8 +156,8 @@ class RuntimeCleanupScreen(ModalScreen[list[int]]):
     def compose(self):
         yield Header(icon="❊")
         yield Static(
-            "Select runtimes to kill before exiting.\n"
-            "Space = toggle kill, Enter = confirm & exit, Esc = keep all.",
+            "Interactive runtime cleanup\n"
+            "Use ↑/↓ to move, Space to toggle kill, Enter to confirm & exit, Esc to keep all.",
             id="runtime-cleanup-help",
         )
         yield RuntimeCleanupList(id="runtime-list")
@@ -164,12 +181,19 @@ class RuntimeCleanupScreen(ModalScreen[list[int]]):
     def _option_id_for_row(self, r: RuntimeRow) -> str:
         return f"{r.kind}:{r.runtime_id}:{r.pid}"
 
-    def _format_row(self, r: RuntimeRow) -> str:
+    def _format_row(self, r: RuntimeRow) -> Text:
         kill = "YES" if r.kill else "NO"
         # Note: kinds come from runtime_agent.list_known_runtimes(): "by-run" or "pending".
         name = r.name or ("(pending)" if r.kind == "pending" else "(unknown)")
-        # Avoid Rich markup confusion ("[...]") by not using square brackets.
-        return f"Kill={kill}  {name}  |  {r.runtime_id}  |  pid {r.pid}  |  {r.kind}"
+        row = Text()
+        try:
+            cyan = self.app.get_css_variables().get("brand-cyan", "#63d8dc")
+        except Exception:
+            cyan = "#63d8dc"
+        row.append(f"Kill={kill}", style=f"bold {cyan}")
+        row.append(f"  {name}", style="bold")
+        row.append(f"  |  {r.runtime_id}  |  pid {r.pid}  |  {r.kind}")
+        return row
 
     def _selected_id(self) -> str | None:
         lst = self.query_one("#runtime-list", RuntimeCleanupList)

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/screens/runtime_logs.py

@@ -63,14 +63,34 @@ class RuntimeLogsScreen(Screen):
         background: $background;
     }
 
+    RichLog {
+        background: $background;
+        color: $foreground;
+        background-tint: 0%;
+    }
+
+    RichLog:focus {
+        background: $background;
+        color: $foreground;
+        background-tint: 0%;
+    }
+
     #runtime-log {
         height: 1fr;
         width: 100%;
+        background: $background;
+        color: $foreground;
+        background-tint: 0%;
         scrollbar-size: 1 1;
+        scrollbar-background: $background;
+        scrollbar-background-hover: $background;
+        scrollbar-background-active: $background;
+        scrollbar-corner-color: $background;
     }
 
     #runtime-log-missing {
         padding: 2 4;
+        background: $background;
         color: $error;
     }
     """
@@ -109,6 +129,14 @@ class RuntimeLogsScreen(Screen):
         except Exception:
             return
 
+        try:
+            bg = self.app.get_css_variables().get("background", "#1E1E1E")
+            fg = self.app.get_css_variables().get("foreground", "#F3F3F3")
+            log.styles.background = bg
+            log.styles.color = fg
+        except Exception:
+            pass
+
         for line in _tail_lines(self._log_path, max_lines=2000):
             log.write(Text.from_ansi(line))
 

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/src/kiwi_tui/screens/slash_picker.py

@@ -35,7 +35,7 @@ class SlashPickerScreen(ModalScreen[str]):
     #slash-container {
         width: 70;
         height: 80%;
-        background: $surface;
+        background: $primary-background;
         border: solid $accent;
         padding: 1 2;
     }
@@ -53,6 +53,7 @@ class SlashPickerScreen(ModalScreen[str]):
         height: 1fr;
         width: 100%;
         border: solid $panel;
+        background: $primary-background;
     }
     """
 

kiwi_code-0.0.35/tests/test_tui_palette.py

@@ -0,0 +1,68 @@
+from textual.css.stylesheet import Stylesheet
+from pathlib import Path
+
+from kiwi_tui.main import AutobotsTUI
+from kiwi_tui.screens.attach_content import AttachContentScreen
+from kiwi_tui.screens.command_result import CommandResultScreen
+from kiwi_tui.screens.file_browser import FileBrowserScreen
+from kiwi_tui.screens.help import HelpScreen
+from kiwi_tui.screens.id_picker import IdPickerScreen
+from kiwi_tui.screens.slash_picker import SlashPickerScreen
+
+
+def test_tui_dark_palette_vars(isolated_home: Path, monkeypatch) -> None:
+    app = AutobotsTUI()
+    monkeypatch.setattr(app, "_is_dark_theme", lambda: True)
+
+    variables = app.get_css_variables()
+
+    assert variables["background"] == "#1E1E1E"
+    assert variables["surface"] == "#252526"
+    assert variables["boost"] == "#2D2D2D"
+    assert variables["panel"] == "#333333"
+    assert variables["foreground"] == "#F3F3F3"
+    assert variables["user-msg-bg"] == "#3A3A3A"
+    assert variables["assistant-stream-bg"] == "#252526"
+
+
+def test_tui_light_palette_vars(isolated_home: Path, monkeypatch) -> None:
+    app = AutobotsTUI()
+    monkeypatch.setattr(app, "_is_dark_theme", lambda: False)
+
+    variables = app.get_css_variables()
+
+    assert variables["background"] == "#f6f7f8"
+    assert variables["surface"] == "#ffffff"
+    assert variables["boost"] == "#eef1f3"
+    assert variables["panel"] == "#dbe7ea"
+    assert variables["foreground"] == "#101213"
+    assert variables["user-msg-bg"] == "#f1f3f4"
+    assert variables["assistant-stream-bg"] == "#f4f6f7"
+
+
+def test_slash_related_modals_use_primary_background() -> None:
+    css_blocks = {
+        "slash_picker": SlashPickerScreen.CSS,
+        "help": HelpScreen.CSS,
+        "id_picker": IdPickerScreen.CSS,
+        "command_result": CommandResultScreen.CSS,
+        "attach_content": AttachContentScreen.CSS,
+        "file_browser": FileBrowserScreen.CSS,
+    }
+
+    for name, css in css_blocks.items():
+        assert "$primary-background" in css, f"{name} should use the shared modal background"
+
+
+def test_file_browser_css_parses(isolated_home: Path) -> None:
+    app = AutobotsTUI()
+    sheet = Stylesheet(variables=app.get_css_variables())
+    sheet.add_source(FileBrowserScreen.CSS, read_from=("file_browser.py", "FileBrowserScreen.CSS"))
+    sheet.parse()
+
+
+def test_file_browser_tree_hover_styling_is_softened() -> None:
+    css = FileBrowserScreen.CSS
+    assert "#dir-tree > .tree--highlight-line" in css
+    assert "#dir-tree > .tree--cursor" in css
+    assert "background-tint: 0%" in css

{kiwi_code-0.0.34 → kiwi_code-0.0.35}/uv.lock

@@ -397,7 +397,7 @@ wheels = [
 
 [[package]]
 name = "kiwi-code"
-version = "0.0.34"
+version = "0.0.35"
 source = { editable = "." }
 dependencies = [
     { name = "autobots-client" },