Skip to content

Conversation

@Douglasymlai
Copy link
Contributor

Description

  • Redesign ui style, motion, micro-interaction for node module
  • Fix missing or error token style causing by recently merged token PR

close #997

What is the purpose of this pull request?

  • Bug fix
  • New Feature
  • Documentation update
  • Other

@Douglasymlai Douglasymlai linked an issue Feb 3, 2026 that may be closed by this pull request
@Douglasymlai Douglasymlai self-assigned this Feb 3, 2026
<div
key={id}
className={`relative w-full rounded-xl border bg-surface-primary px-sm py-2 ${className || ''} group overflow-visible`}
className={`rounded-xl bg-surface-tertiary px-sm py-2 relative w-full border ${className || ''} group overflow-visible`}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(reference comment)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@a7m-1st I am still cleaning up the commit. Somehow the prettier just force my code formate change lol

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

oh okay, its fine just reference for me to test as I was just skimming the code yesterday

…ibility

- Downgrade prettier-plugin-tailwindcss to v0.6.14 for Tailwind v3 compatibility
- Add tailwindConfig to .prettierrc.json for proper Tailwind CSS class sorting
- Update design tokens:
  - Change input background to use tertiary surface
  - Update tag foreground to use information surface
  - Adjust task running fill to primary surface
  - Refine border focus color intensity across all themes
  - Add background CSS variable for consistent theme support

This fixes formatting issues caused by prettier-plugin-tailwindcss v0.7.2
which requires Tailwind v4, while the project uses Tailwind v3.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
@Douglasymlai Douglasymlai force-pushed the feature-request-worker-node-log-ux-improvement branch from 4631956 to 670bd03 Compare February 6, 2026 11:44
- Add Copy button to task reports for easy clipboard access
- Implement AnimatePresence for smooth UI transitions
- Refactor hook declarations for better React compliance
- Fix dependency arrays to use direct references instead of extracted variables
- Simplify failed task filtering (remove reAssignTo check)
- Add early return guard for chatStore safety
- Improve handleShowLog function implementation

This redesign improves UX for worker node interactions and task report management.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
@Douglasymlai Douglasymlai force-pushed the feature-request-worker-node-log-ux-improvement branch from 1c35f68 to ce5bc05 Compare February 6, 2026 12:07
@Wendong-Fan Wendong-Fan added this to the Sprint 14 milestone Feb 8, 2026
Copy link
Collaborator

@a7m-1st a7m-1st left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The Bg change, Tooltip, and new completion report LGTM thanks @Douglasymlai
Image

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 Request] Worker Node Log UX improvement

3 participants