Prettier thinking blocks

[cte]

Description

thinking-4k.mp4

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Checklist:

• My code follows the patterns of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation

Additional context

Related Issues

Reviewers

---

Important

Refactor ReasoningBlock for improved UI transitions and elapsed time display, with updates in ChatRow and CSS for consistency.

• ReasoningBlock Component:
  • Refactor ReasoningBlock to handle transitions and display elapsed time using CounterClockwiseClockIcon.
  • Introduce state management for thought transitions and elapsed time.
• ChatRow Component:
  • Update ChatRow.tsx to use the refactored ReasoningBlock.
  • Adjust props and state handling for reasoning collapse and expansion.
• CSS Changes:
  • Add --color-vscode-editorGroup-border to index.css for consistent border styling.
  • Update styles in ReasoningBlock.tsx for better UI consistency.

^{This description was created by for 360e47d. It will automatically update as commits are pushed.}

[changeset-bot]

🦋 Changeset detected

Latest commit: 360e47d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
roo-cline	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[ellipsis-dev]

The recursive setTimeout in processNextTransition has no cleanup. Consider storing timeout IDs and cleaning up on unmount to avoid leaks.