kon-coding-agent 0.3.9__tar.gz → 0.3.10__tar.gz

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/CHANGELOG.md

@@ -6,6 +6,23 @@ All notable changes to this project will be documented in this file.
 
 - No changes yet.
 
+## 0.3.10 - 2026-05-21
+
+### Added
+
+- Increased completion popup rows from 5 to 8.
+
+### Changed
+
+- Redesigned the editor to match user message styling with panel user background and prefix.
+- Reordered the info bar to show provider, model, and thinking state.
+
+### Fixed
+
+- Stabilized completion popup scrolling.
+- Reverted textual image display to avoid freezing issues.
+- Corrected the image resize test expectation.
+
 ## 0.3.9 - 2026-05-20
 
 ### Added

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: kon-coding-agent
-Version: 0.3.9
+Version: 0.3.10
 Summary: Minimal coding agent
 License-File: LICENSE
 Requires-Python: >=3.12
@@ -15,7 +15,6 @@ Requires-Dist: pillow>=12.1.1
 Requires-Dist: pydantic>=2.12.5
 Requires-Dist: readability-lxml>=0.8.4
 Requires-Dist: rich>=14.3.2
-Requires-Dist: textual-image[textual]>=0.12.0
 Requires-Dist: textual>=8.0.0
 Description-Content-Type: text/markdown
 

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/pyproject.toml

@@ -14,7 +14,7 @@ default = true
 
 [project]
 name = "kon-coding-agent"
-version = "0.3.9"
+version = "0.3.10"
 description = "Minimal coding agent"
 readme = "README.md"
 requires-python = ">=3.12"
@@ -31,7 +31,6 @@ dependencies = [
     "readability-lxml>=0.8.4",
     "rich>=14.3.2",
     "textual>=8.0.0",
-    "textual-image[textual]>=0.12.0",
 ]
 
 [dependency-groups]

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/src/kon/ui/app.py

@@ -23,7 +23,7 @@ from ..context.skills import (
     merge_registered_skills,
     render_skill_prompt,
 )
-from ..core.types import ImageContent, StopReason
+from ..core.types import StopReason
 from ..events import (
     AgentEndEvent,
     AgentStartEvent,
@@ -86,7 +86,7 @@ _CHANGELOG_URL = "https://github.com/0xku/kon/blob/main/CHANGELOG.md"
 try:
     VERSION = version(_PYPI_PACKAGE_NAME)
 except PackageNotFoundError:
-    VERSION = "0.3.9"
+    VERSION = "0.3.10"
 
 _NOTIFY_EVENTS = (AgentEndEvent, ToolApprovalEvent)
 _GIT_BRANCH_REFRESH_INTERVAL_SECONDS = 1.0
@@ -214,7 +214,7 @@ class Kon(CommandsMixin, SessionUIMixin, App[None]):
         yield QueueDisplay(id="queue-display")
         yield StatusLine(id="status-line")
         yield InputBox(cwd=self._cwd, id="input-box")
-        yield FloatingList(window_size=5, label_width=12, id="completion-list")
+        yield FloatingList(window_size=8, label_width=12, id="completion-list")
         yield TreeSelector(id="tree-selector")
         yield InfoBar(
             cwd=self._cwd,
@@ -490,21 +490,38 @@ class Kon(CommandsMixin, SessionUIMixin, App[None]):
     # Completion message handlers
     # -------------------------------------------------------------------------
 
+    def _is_chat_at_bottom(self) -> bool:
+        chat = self.query_one("#chat-log", ChatLog)
+        return abs(chat.max_scroll_y - chat.scroll_y) < 1
+
+    def _restore_chat_scroll_if_needed(self, was_at_bottom: bool) -> None:
+        # The completion list is a normal grid row, not a true overlay. Showing or
+        # hiding it changes the available height for ChatLog. When the chat is
+        # already bottom-aligned, that resize can leave the viewport briefly at an
+        # intermediate scroll offset and cause a visible flicker. Restore the
+        # bottom scroll position after Textual has applied the layout change.
+        if was_at_bottom:
+            chat = self.query_one("#chat-log", ChatLog)
+            chat.scroll_end(animate=False)
+
     @on(InputBox.CompletionUpdate)
     def on_completion_update(self, event: InputBox.CompletionUpdate) -> None:
         if self._selection_mode is not None:
             return
 
         completion_list = self.query_one("#completion-list", FloatingList)
+        was_at_bottom = self._is_chat_at_bottom()
         if completion_list.is_visible:
             completion_list.update_items(event.items)
         else:
             completion_list.show(event.items)
+        self.call_after_refresh(lambda: self._restore_chat_scroll_if_needed(was_at_bottom))
 
     @on(InputBox.CompletionHide)
     def on_completion_hide(self, event: InputBox.CompletionHide) -> None:
         completion_list = self.query_one("#completion-list", FloatingList)
         input_box = self.query_one("#input-box", InputBox)
+        was_at_bottom = self._is_chat_at_bottom()
 
         with self.batch_update():
             completion_list.hide()
@@ -523,6 +540,8 @@ class Kon(CommandsMixin, SessionUIMixin, App[None]):
 
             input_box.set_completing(False)
 
+        self.call_after_refresh(lambda: self._restore_chat_scroll_if_needed(was_at_bottom))
+
     @on(InputBox.CompletionSelect)
     def on_completion_select(self, event: InputBox.CompletionSelect) -> None:
         input_box = self.query_one("#input-box", InputBox)
@@ -1176,9 +1195,6 @@ class Kon(CommandsMixin, SessionUIMixin, App[None]):
                                 if ui_summary is None and ui_details is None and r.content:
                                     ui_details, ui_details_full = self._format_tool_result_text(r)
                                 success = not r.is_error
-                                images = [
-                                    part for part in r.content if isinstance(part, ImageContent)
-                                ]
                                 chat.set_tool_result(
                                     id,
                                     ui_summary,
@@ -1186,7 +1202,6 @@ class Kon(CommandsMixin, SessionUIMixin, App[None]):
                                     success,
                                     markup=markup,
                                     ui_details_full=ui_details_full,
-                                    images=images or None,
                                 )
                             if fc:
                                 info_bar.update_file_changes(fc.path, fc.added, fc.removed)

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/src/kon/ui/blocks.py

@@ -14,7 +14,6 @@ from kon.core.types import ImageContent
 from kon.permissions import ApprovalResponse
 
 from .formatting import format_markdown, strip_markdown_for_collapsed_text
-from .terminal_image import image_content_to_pil, image_fallback
 
 _UPDATE_COMMAND = "uv tool upgrade kon-coding-agent"
 
@@ -277,7 +276,6 @@ class ToolBlock(Static):
     def compose(self) -> ComposeResult:
         yield Label(self._format_header(), id="tool-header")
         yield Label("", id="tool-output", classes="tool-output -hidden")
-        yield Static(id="tool-images", classes="tool-images -hidden")
 
     def _format_header(self, truncate: bool = True) -> Text:
         colors = config.ui.colors
@@ -453,7 +451,6 @@ class ToolBlock(Static):
         self._awaiting_approval = False
         self._set_state(success)
         self._render_result_output()
-        self._render_images()
         self.query_one("#tool-header", Label).update(self._format_header())
 
     def set_expanded(self, expanded: bool) -> None:
@@ -478,35 +475,21 @@ class ToolBlock(Static):
             output.remove_class("-hidden")
             output.remove_class("-details")
             output.update(rendered)
+        elif self._images:
+            image_count = len(self._images)
+            image_label = "image" if image_count == 1 else "images"
+            rendered = Text(f"Attached {image_count} {image_label}", style=config.ui.colors.dim)
+            self.remove_class("-compact")
+            self.add_class("-with-details")
+            output.remove_class("-hidden")
+            output.remove_class("-details")
+            output.update(rendered)
         else:
             output.update(Text(""))
             self.remove_class("-with-details")
             output.remove_class("-details")
             output.add_class("-hidden")
 
-    def _render_images(self) -> None:
-        container = self.query_one("#tool-images", Static)
-        container.remove_children()
-
-        if not self._images:
-            container.add_class("-hidden")
-            return
-
-        from textual_image.widget import Image as TextualImage
-
-        self.remove_class("-compact")
-        self.add_class("-with-details")
-        container.remove_class("-hidden")
-
-        for image in self._images:
-            try:
-                widget = TextualImage(image_content_to_pil(image), classes="tool-image")
-                widget.styles.width = 60
-                widget.styles.height = "auto"
-                container.mount(widget)
-            except Exception:
-                container.mount(Label(image_fallback(image), classes="tool-image-fallback"))
-
 
 class UserBlock(Static):
     ALLOW_SELECT = True
@@ -526,7 +509,6 @@ class UserBlock(Static):
             text.append(self._content)
             stylize_badge_markers(text, [f"[{self._highlighted_skill}]", "[query]"])
         else:
-            text.append("> ", style="bold")
             text.append(self._content)
 
         yield Label(text)

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/src/kon/ui/input.py

@@ -11,9 +11,9 @@ from textual import events
 from textual._ansi_sequences import ANSI_SEQUENCES_KEYS
 from textual.app import ComposeResult
 from textual.binding import Binding
-from textual.containers import Vertical
+from textual.containers import Horizontal, Vertical
 from textual.message import Message
-from textual.widgets import TextArea
+from textual.widgets import Label, TextArea
 from textual.widgets.text_area import TextAreaTheme
 
 from kon import config
@@ -131,14 +131,24 @@ class InputBox(Vertical):
         height: auto;
         min-height: 3;
         max-height: 30vh;
-        border-top: solid grey;
-        border-bottom: solid grey;
+        border-top: solid transparent;
+        border-bottom: solid transparent;
         border-title-align: left;
         border-subtitle-align: left;
         border-title-color: grey;
         border-subtitle-color: grey;
     }
 
+    #input-row {
+        height: auto;
+    }
+
+    #input-prefix {
+        width: auto;
+        padding: 0 0 0 1;
+        text-style: bold;
+    }
+
     InputBox .input-textarea {
         width: 1fr;
         height: auto;
@@ -186,7 +196,9 @@ class InputBox(Vertical):
         self._selected_skill_commands: list[str] = []
 
     def compose(self) -> ComposeResult:
-        yield Kon(self._transform_paste, id="input-textarea", classes="input-textarea")
+        with Horizontal(id="input-row"):
+            yield Label("\u203a", id="input-prefix")
+            yield Kon(self._transform_paste, id="input-textarea", classes="input-textarea")
 
     def on_mount(self) -> None:
         textarea = self.query_one("#input-textarea", TextArea)

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/src/kon/ui/styles.py

@@ -17,6 +17,10 @@ def _blend_hex(base: str, overlay: str, overlay_weight: float) -> str:
 def get_styles() -> str:
     colors = config.ui.colors
     approval_bg = _blend_hex(colors.bg, colors.accent, overlay_weight=0.05)
+    shell_bg = _blend_hex(colors.panel_user, colors.success, overlay_weight=0.15)
+    thinking_medium_bg = _blend_hex(colors.panel_user, colors.accent, overlay_weight=0.08)
+    thinking_high_bg = _blend_hex(colors.panel_user, colors.accent, overlay_weight=0.18)
+    thinking_xhigh_bg = _blend_hex(colors.panel_user, colors.badge.label, overlay_weight=0.18)
 
     return f"""
 Screen {{
@@ -147,22 +151,6 @@ Screen {{
     padding: 0 0 0 2;
 }}
 
-#tool-images,
-.tool-images {{
-    color: {colors.dim};
-    padding: 1 0 0 0;
-}}
-
-#tool-images.-hidden {{
-    display: none;
-    height: 0;
-}}
-
-.tool-image {{
-    width: 60;
-    height: auto;
-}}
-
 .tool-block.-with-details {{
     padding: 0 1;
 }}
@@ -240,37 +228,48 @@ Screen {{
 
 /* Input area */
 #input-box {{
-    border-top: solid {colors.border};
-    border-bottom: solid {colors.border};
+    background: {colors.panel_user};
+    border-top: solid {colors.panel_user};
+    border-bottom: solid {colors.panel_user};
     border-title-color: {colors.dim};
     border-subtitle-color: {colors.dim};
 }}
 
+#input-prefix {{
+    color: {colors.fg};
+    text-style: bold;
+}}
+
 #input-box.-thinking-none,
 #input-box.-thinking-minimal,
 #input-box.-thinking-low {{
-    border-top: solid {colors.border};
-    border-bottom: solid {colors.border};
+    background: {colors.panel_user};
+    border-top: solid {colors.panel_user};
+    border-bottom: solid {colors.panel_user};
 }}
 
 #input-box.-thinking-medium {{
-    border-top: solid {colors.dim};
-    border-bottom: solid {colors.dim};
+    background: {thinking_medium_bg};
+    border-top: solid {thinking_medium_bg};
+    border-bottom: solid {thinking_medium_bg};
 }}
 
 #input-box.-thinking-high {{
-    border-top: solid {colors.accent};
-    border-bottom: solid {colors.accent};
+    background: {thinking_high_bg};
+    border-top: solid {thinking_high_bg};
+    border-bottom: solid {thinking_high_bg};
 }}
 
 #input-box.-thinking-xhigh {{
-    border-top: solid {colors.badge.label};
-    border-bottom: solid {colors.badge.label};
+    background: {thinking_xhigh_bg};
+    border-top: solid {thinking_xhigh_bg};
+    border-bottom: solid {thinking_xhigh_bg};
 }}
 
 #input-box.-shell-command {{
-    border-top: solid {colors.success};
-    border-bottom: solid {colors.success};
+    background: {shell_bg};
+    border-top: solid {shell_bg};
+    border-bottom: solid {shell_bg};
 }}
 
 #input-box.-shell-command .input-textarea {{

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/src/kon/ui/widgets.py

@@ -241,7 +241,7 @@ class InfoBar(Vertical):
     def _format_row2_right(self) -> Text:
         model_text = self._model
         if self._model_provider:
-            model_text = f"{self._model} ({self._model_provider})"
+            model_text = f"({self._model_provider}) {self._model}"
         result = Text(model_text)
         result.append(f" • {self._thinking_level}")
         return result

kon_coding_agent-0.3.10/tests/tools/test_read_image_resize.py

@@ -0,0 +1,39 @@
+import base64
+import io
+
+from PIL import Image
+
+from kon.tools._read_image import MAX_DIMENSION, read_and_process_image
+
+
+def _write_image(path, size: tuple[int, int], color: str = "red") -> None:
+    img = Image.new("RGB", size, color=color)
+    img.save(path)
+
+
+def _decoded_size(base64_data: str) -> tuple[int, int]:
+    data = base64.b64decode(base64_data)
+    with Image.open(io.BytesIO(data)) as img:
+        return img.size
+
+
+def test_read_image_downsizes_large_images(tmp_path):
+    image_path = tmp_path / "large.png"
+    _write_image(image_path, (2520, 842))
+
+    base64_data, mime_type, resize_note = read_and_process_image(str(image_path))
+
+    assert mime_type == "image/png"
+    assert _decoded_size(base64_data) == (MAX_DIMENSION, 668)
+    assert resize_note == f"[{MAX_DIMENSION}x668, resized from 2520x842]"
+
+
+def test_read_image_keeps_small_images(tmp_path):
+    image_path = tmp_path / "small.png"
+    _write_image(image_path, (100, 100))
+
+    base64_data, mime_type, resize_note = read_and_process_image(str(image_path))
+
+    assert mime_type == "image/png"
+    assert _decoded_size(base64_data) == (100, 100)
+    assert resize_note == "[100x100]"

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/tests/ui/test_tool_output_expansion.py

@@ -3,6 +3,7 @@ from rich.text import Text
 from textual.app import App, ComposeResult
 from textual.widgets import Label
 
+from kon.core.types import ImageContent
 from kon.ui.blocks import ToolBlock
 from kon.ui.chat import ChatLog
 from kon.ui.tool_output import format_expand_hint, truncate_tool_output_text
@@ -65,3 +66,24 @@ async def test_start_tool_uses_expanded_state_before_mount():
 
         assert block._expanded is True
         assert block.query_one("#tool-output", Label)
+
+
+@pytest.mark.asyncio
+async def test_tool_result_with_images_renders_textual_attachment_notice():
+    async with ToolExpansionTestApp().run_test() as pilot:
+        chat = pilot.app.query_one("#chat-log", ChatLog)
+        block = chat.start_tool("read", "tool-1", "~/image.png")
+        await pilot.pause()
+
+        chat.set_tool_result(
+            "tool-1",
+            "[dim]Read image[/dim]",
+            None,
+            True,
+            images=[ImageContent(data="base64data", mime_type="image/png")],
+        )
+        await pilot.pause()
+
+        output = block.query_one("#tool-output", Label)
+        assert str(output.render()) == "Attached 1 image"
+        assert not output.has_class("-hidden")

{kon_coding_agent-0.3.9 → kon_coding_agent-0.3.10}/uv.lock

@@ -759,7 +759,7 @@ wheels = [
 
 [[package]]
 name = "kon-coding-agent"
-version = "0.3.9"
+version = "0.3.10"
 source = { editable = "." }
 dependencies = [
     { name = "aiofiles" },
@@ -774,7 +774,6 @@ dependencies = [
     { name = "readability-lxml" },
     { name = "rich" },
     { name = "textual" },
-    { name = "textual-image", extra = ["textual"] },
 ]
 
 [package.dev-dependencies]
@@ -800,7 +799,6 @@ requires-dist = [
     { name = "readability-lxml", specifier = ">=0.8.4" },
     { name = "rich", specifier = ">=14.3.2" },
     { name = "textual", specifier = ">=8.0.0" },
-    { name = "textual-image", extras = ["textual"], specifier = ">=0.12.0" },
 ]
 
 [package.metadata.requires-dev]
@@ -1643,24 +1641,6 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/d3/be/e191c2a15da20530fde03564564e3e4b4220eb9d687d4014957e5c6a5e85/textual-8.0.0-py3-none-any.whl", hash = "sha256:8908f4ebe93a6b4f77ca7262197784a52162bc88b05f4ecf50ac93a92d49bb8f", size = 718904, upload-time = "2026-02-16T17:12:11.962Z" },
 ]
 
-[[package]]
-name = "textual-image"
-version = "0.12.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "pillow" },
-    { name = "rich" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/c2/e7/c82ea0604874b6d51d5717a0911061ae5810e36dad2e4d2b11fa7d54cdaa/textual_image-0.12.0.tar.gz", hash = "sha256:fdd0b5ff9c8a99740bc360a99ce014d563fa97d07a5b49b472470809f57c0a74", size = 116403, upload-time = "2026-04-12T17:37:44.696Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/67/2c/38ac586a3834a3bd8cbcf0c8ea1ae23bf68b9cc13b96a67f47a825479dd3/textual_image-0.12.0-py3-none-any.whl", hash = "sha256:0b13f62fe6a29f4ed6dfd641f2779ffe92dde41f16163fa1de69158477aa50aa", size = 115626, upload-time = "2026-04-12T17:37:41.238Z" },
-]
-
-[package.optional-dependencies]
-textual = [
-    { name = "textual" },
-]
-
 [[package]]
 name = "tqdm"
 version = "4.67.3"

kon_coding_agent-0.3.9/src/kon/ui/terminal_image.py

@@ -1,34 +0,0 @@
-import base64
-import io
-from dataclasses import dataclass
-
-from PIL import Image as PILImage
-
-from ..core.types import ImageContent
-
-
-@dataclass(frozen=True)
-class ImageDimensions:
-    width: int
-    height: int
-
-
-def image_content_to_pil(image: ImageContent) -> PILImage.Image:
-    data = base64.b64decode(image.data)
-    return PILImage.open(io.BytesIO(data))
-
-
-def get_image_dimensions(image: ImageContent) -> ImageDimensions | None:
-    try:
-        with image_content_to_pil(image) as img:
-            width, height = img.size
-        return ImageDimensions(width=width, height=height)
-    except Exception:
-        return None
-
-
-def image_fallback(image: ImageContent) -> str:
-    dimensions = get_image_dimensions(image)
-    if dimensions is None:
-        return f"[Image: {image.mime_type}]"
-    return f"[Image: {image.mime_type} {dimensions.width}x{dimensions.height}]"