Skip to content

Code blocks have no Copy button #12

Description

@aasis21

Problem

Fenced code blocks rendered by Markdown.tsx (<pre><code>) have no per-block Copy button. On a phone, selecting code precisely is painful, so copying a snippet the agent produced is effectively impossible.

Why it matters

Claude and ChatGPT put a persistent Copy button on every code block. This is one of the most-used affordances in a coding chat.

Suggested fix

Render each <pre> with a header row containing the language label + a Copy button (navigator.clipboard.writeText), mirroring the existing copy button on the landing install command (LandingScreen.tsx).


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 requestmarkdownMarkdown / code renderinguiUser interfaceuxUser experience

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions