Skip to content

[UI] Task activity line causes layout jumpiness #46

@randomm

Description

@randomm

Problem

The activity status line under subagent/task items (the line starting with ) causes layout jumpiness as it appears and disappears.

Screenshots

See attached screenshots showing the inconsistent behavior:

  • Image 1: Explore task has no activity line, Developer task has one
  • Image 2: Neither task has activity line
  • Image 3: Both tasks have activity lines
  • Image 4: Both tasks have activity lines (stable state)

Observed Behavior

  • Activity line appears/disappears based on whether there's activity text
  • When line is removed entirely, all content below shifts up
  • When line appears, all content below shifts down
  • Creates jarring visual experience during task execution

Expected Behavior

  • Reserve space for the activity line even when empty
  • OR use a minimum height for task items
  • Layout should remain stable regardless of activity state

Related

Key Files

  • packages/opencode/src/cli/cmd/tui/routes/session/index.tsx - Task component (~line 1800)
  • Look for where activity line is conditionally rendered

Suggested Fix

Wrap the activity line in a container with fixed/minimum height, or always render the line with empty/placeholder content when no activity.

// Instead of:
{activity && <Text>{activity}</Text>}

// Use:
<Text>{activity || ' '}</Text>
// OR
<Box minHeight={1}>{activity && <Text>{activity}</Text>}</Box>

Priority

Medium - UX polish issue

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions