fix(desktop): TODOボタンのインジケーターをステータス別に表示

[MocA-Love]

概要

apps/desktop の PresetsBar にある TODO ボタンのインジケーターを、ステータスごとに色分けされた独立したバッジとして並べて表示するように改善しました。

Closes #230

背景 / 課題

これまではインジケーターが

• Running 系 (preparing / running / verifying) をまとめた数字
• Queued を +N で併記

という構成で、実行中・待機中・失敗などの件数をパッと見で識別しづらい状態でした。特に failed / escalated / paused のような「ユーザー介入を要するステータス」は TODO ボタン上では一切可視化されておらず、Manager を開くまで気付けませんでした。

変更内容

• TodoButton.tsx のみ更新
• ステータスを 4 カテゴリに集約し、それぞれ独立したドット + 件数バッジで表示
  • Running (preparing / running / verifying): amber + ping アニメ
  • Queued (queued): primary (青)
  • Failed (failed / escalated): rose (赤)
  • Paused (paused): muted (グレー)
• 0 件のステータスはレンダリングされない
• 配色は TodoManager.tsx の StatusDot と揃えた
• title (tooltip) に各ステータスの件数を日本語で表示
• カウント計算を 2 回の .filter() から 1 回の useMemo + switch に変更 (微小な最適化)

スクリーンショット (想定)

```
[≡ TODO] ● 2 ● 1 ● 1
amber blue rose
(実行) (待機) (失敗)
```

動作確認

• bun run lint:fix 通過
• bun run typecheck 通過

Test plan

• TODO セッションが無い状態: バッジが描画されない
• 実行中のみ: amber の pulse バッジのみ
• 実行中 + 待機中: amber と blue が並ぶ
• 失敗セッションあり: rose バッジが表示される
• 一時停止セッションあり: muted バッジが表示される
• ホバーすると tooltip に各ステータスの件数が日本語で表示される

[chatgpt-codex-connector]

Codex usage limits have been reached for code reviews. Please check with the admins of this repo to increase the limits by adding credits.
Repo admins can enable using credits for code reviews in their settings.

[coderabbitai]

Warning

Rate limit exceeded

@MocA-Love has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 30 minutes and 37 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 30 minutes and 37 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 48374ea6-e662-4d4c-92e3-90b7ce5e8bd9

📥 Commits

Reviewing files that changed from the base of the PR and between 8c082df and 5f9cd98.

📒 Files selected for processing (1)

• apps/desktop/src/renderer/features/todo-agent/TodoButton/TodoButton.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/todo-button-status-indicators

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[MocA-Love]

@codex review

[chatgpt-codex-connector]

Codex Review: Didn't find any major issues. Chef's kiss.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".