fix: web todo render issue

[cnjack]

Summary by CodeRabbit

• New Features

  • Added support for "cancelled" status in todo items.
  • Updated visual indicators for different todo statuses with improved UI styling.

• Updates

  • Improved todo status handling with new status categories: pending, in progress, completed, and cancelled.
  • Strike-through styling now applies to both completed and cancelled items.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 98e29a81-a337-42a6-9622-3f57552f630c

📥 Commits

Reviewing files that changed from the base of the PR and between f3c3fa5 and bb70e10.

📒 Files selected for processing (3)

• web/src/components/TodoPanel.vue
• web/src/stores/chat.ts
• web/src/types/api.ts

---

📝 Walkthrough

Walkthrough

Field names in the TodoItem interface were renamed from uppercase to lowercase (ID→id, Title→title, Status→status). Status enum values were updated from 'not-started' | 'in-progress' | 'completed' to 'pending' | 'in_progress' | 'completed' | 'cancelled'. All component and store references were updated accordingly.

Changes

Cohort / File(s)	Summary
Type Definitions web/src/types/api.ts	Updated TodoItem interface: renamed fields to lowercase (id, title, status) and changed status enum to include 'pending' (replacing 'not-started'), 'in_progress' (replacing 'in-progress'), 'completed', and new 'cancelled'.
Component & Store Updates web/src/components/TodoPanel.vue, web/src/stores/chat.ts	Refactored template expressions and computed logic to use lowercase field names and status values; updated conditional rendering and class bindings to match new status enum values.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 Hop hop, the fields are now so neat,
Lowercase letters, a naming retreat!
From in-progress dashes gone,
To cancelled marks, the old is withdrawn,
TodoItems spring forth with cleaner names,
Our little carrots dance in refactor flames! 🥕

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/web-todo-panel

---

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.}