Skip to content

feat(tui): add unified task state color convention with icons#24406

Closed
herjarsa wants to merge 8 commits into
anomalyco:devfrom
herjarsa:feat/status-color-convention
Closed

feat(tui): add unified task state color convention with icons#24406
herjarsa wants to merge 8 commits into
anomalyco:devfrom
herjarsa:feat/status-color-convention

Conversation

@herjarsa
Copy link
Copy Markdown

@herjarsa herjarsa commented Apr 25, 2026

Issue for this PR

Closes #24404

Type of change

  • New feature

What does this PR do?

Adds a unified task state color convention with icons for visual notifications in the TUI.

Color scheme:

  • success: Green (#22c55e) - Used for completed states, confirmations
  • error: Red (#ef4444) - Used for errors, failures, rejected states
  • warning: Amber (#f59e0b) - Used for warnings, pending, in-progress states
  • info: Blue (#3b82f6) - Used for informational notifications

Icons used:

  • success
  • error
  • warning
  • info

Implementation details:

  • Created status-colors.ts with centralized color and icon definitions
  • Created status-indicator.tsx component for reusable status display
  • Updated event.ts to use status colors for user notifications
  • Updated toast.tsx to apply consistent color styling
  • Updated prompt/index.tsx to use status colors for message type indicators

I understand why these changes work: centralized color definitions ensure consistency across the TUI, and the icon + color combination provides clear visual feedback for different task states.

How did you verify your code works?

  • bun typecheck passes with zero errors in modified files
  • Visual verification in TUI - colors display correctly for each state

Screenshots / recordings

If this is a UI change, please include a screenshot or recording.

Checklist

  • I have tested my changes locally
  • I have not included unrelated changes in this PR

davidprokopec and others added 8 commits March 25, 2026 14:07
- Add STATUS_COLORS constant with 6 states: running, waiting, attention, error, done, idle
- Each state includes color (ISO 3864 based), icon, and text for WCAG 1.4.1 compliance
- Add StatusIndicator, ProjectStatusBadge, SessionStateBanner components
- Update ToastShow event to include projectName for multi-project notifications
- Update Toast component to display project name and use status colors

Closes anomalyco#24404
@github-actions
Copy link
Copy Markdown
Contributor

The following comment was made by an LLM, it may be inaccurate:

Potential duplicate found:

Why it's related: PR #24369 appears to be the actual implementation of model fallback functionality (handling APIError retries, error classification, fallbackModels chain). The current PR #24406's description mentions these exact features (fallback triggered on retryable APIError, no fallback on AuthError, resolveFallbackChain helper, etc.), but the PR title claims to be about "unified task state color convention with icons" which is a TUI feature. This mismatch suggests PR #24406 may have copied the description from PR #24369, making it a duplicate or a misdescribed PR.

@github-actions
Copy link
Copy Markdown
Contributor

Automated PR Cleanup

Thank you for contributing to opencode.

Due to the high volume of PRs from users and AI agents, we periodically close older PRs using automated criteria so maintainers can focus review time on the most active and community-supported contributions.

This PR was closed because it matched the following cleanup criteria:

  • The PR was created more than 1 month ago
  • The PR had fewer than 2 positive reactions
  • Positive reactions are counted as thumbs-up, heart, celebration, or rocket reactions on the PR

PRs created within the last month are not affected by this cleanup.

If you believe this PR was closed incorrectly, or if you are still actively working on it, please leave a comment explaining why it should be reopened. A maintainer can review and reopen it if appropriate.

Thanks again for taking the time to contribute.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE]: Add unified task state color convention with icons for visual notifications

2 participants