Skip to content

File edits are shown as raw args, not a diff with +/- coloring #22

Description

@aasis21

↻ Code moved — RTK refactor (#143). The mobile app was restructured into CORE (session/) / EDGE (session/runtime/ + services/) / SHELL (ui/ + app/). Behavior was preserved, so this finding still applies; line numbers in the body below are pre-refactor. Updated pointers:

  • ToolCard.tsxmobile/src/ui/thread/ToolCard.tsx

Problem

For edit / create / str_replace tools, ToolCard.tsx shows the raw args + result string. There is no diff view (added/removed lines, hunks) — the single most important thing to review when an agent edits your code.

Why it matters

VS Code Copilot Chat and Codex/Claude Code render colored diffs (and per-hunk Keep/Undo). On a phone, a readable diff is how you decide whether to approve/trust an edit.

Suggested fix

Detect edit-type tools and render a syntax-aware unified diff (green/red), with the file path as a header.

References


Filed from a UI research sweep of the Helm mobile app (landing + live demo session) using Playwright + full source review, cross-referenced against Claude, ChatGPT, GitHub Copilot Chat, and Codex/Claude Code UIs.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesttool-cardsInline tool call cardsuiUser interface

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions