anomalyco / anomalyco/opencode

[Desktop] Streaming count labels animate layout properties (grid-template-columns / width)

Open
#48,693 0 comments 0 reactions 1 assignee View on GitHub

@Brendonovich is already working on this.

Since Sep 12, 2026.

Dominant language
TypeScript
Stars
209k
Forks
27.5k
PR merge metrics
PR metrics pending

Description

Description

During streaming, the tool count summary animates grid-template-columns for 480ms and AnimatedNumber animates width for 560ms. Both are layout properties, so every count/status change (several per second while tools run) forces layout each frame in the tool rows.

  • packages/session-ui/src/components/tool-count-summary.css:15 and :40transition-property: grid-template-columns, …
  • packages/ui/src/components/animated-number.css:16transition: width … 560ms

These could stop transitioning the layout properties and keep only opacity/filter/transform.

Plugins

none

OpenCode version

OpenCode Desktop 1.18.29

Steps to reproduce
  1. Open a session and run a turn with several tool calls
  2. Watch the tool count summary/numbers in the timeline (or profile with DevTools Performance)
  3. Layout runs each frame for ~0.5s on every count change
Screenshot and/or share link

No screenshot — motion/layout issue, no visual difference at rest.

Operating System

CachyOS (Arch Linux), KDE Plasma 6.7.5, Wayland

Terminal

n/a (desktop app)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.