Skip to content

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

Open
herjarsa wants to merge 8 commits intoanomalyco:devfrom
herjarsa:feat/status-color-convention
Open

feat(tui): add unified task state color convention with icons#24406
herjarsa wants to merge 8 commits intoanomalyco: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.

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

Labels

None yet

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