feat: add persistent version indicator on chat screen (#5115)

[hannesrudolph]

Description

Fixes #5115

This PR adds a persistent version indicator to the main chat screen that displays the current Roo Code version and opens the release notes modal when clicked.

Changes Made

• Added a clickable version indicator in the top-right corner of the ChatView component
• The indicator displays "v{version}" using the Package.version value
• Clicking the indicator opens the existing Announcement modal (release notes)
• Added proper aria-label for accessibility: "Version {version} - Click to view release notes"
• Implemented hover effects with subtle styling (border changes on hover)
• Added comprehensive unit tests to verify functionality

Testing

• All existing tests pass
• Added tests for version indicator rendering
• Added tests for modal show/hide functionality
• Added tests for proper styling and accessibility
• Manual testing completed:
  • Version indicator appears in top-right corner
  • Clicking opens the announcement modal
  • Hover effects work as expected

Verification of Acceptance Criteria

• Persistent version indicator on the main chat screen (not welcome screen)
• Displays current version number
• Clickable to trigger release notes modal
• Uses existing Announcement component
• Visually appealing but not distracting

Checklist

• Code follows project style guidelines
• Self-review completed
• Comments added for complex logic (none needed)
• Documentation updated (translations added)
• No breaking changes
• Accessibility checked (aria-label added)

Screenshots/Demo

The version indicator appears in the top-right corner of the chat screen with subtle styling:

• Text: v{version} in small font
• Border: Subtle border that highlights on hover
• Position: Absolute positioning in top-right corner
• Z-index: Ensures it stays above other content

---

Important

Adds a persistent version indicator to the chat screen with localization and comprehensive testing.

• UI Enhancement:
  • Adds a persistent version indicator to ChatView.tsx.
  • Introduces VersionIndicator component in common/VersionIndicator.tsx.
  • Indicator displays current version and opens release notes modal on click.
  • Includes hover effects and accessibility features (aria-label).
• Testing:
  • Adds unit tests for rendering, modal functionality, styling, and accessibility in ChatView.spec.tsx.
• Localization:
  • Updates localization files to include version indicator aria-label in multiple languages.

^{This description was created by for 004c741. You can customize this summary. It will automatically update as commits are pushed.}

[Copilot]

Pull Request Overview

This PR adds a persistent version indicator to the ChatView component that displays the current Roo Code version and triggers the release notes modal when clicked.

• Added a clickable version indicator button in ChatView that shows "v{version}" and includes an aria-label for accessibility.
• Updated internationalization for the version indicator's aria-label.
• Revised and added tests in ChatView.spec.tsx to verify the rendering, aria-label, click behavior, and styling of the version indicator.

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File	Description
webview-ui/src/i18n/locales/en/chat.json	Added translation key for the version indicator aria-label.
webview-ui/src/components/chat/tests/ChatView.spec.tsx	Added tests to ensure the version indicator renders correctly, has the right aria-label, and correctly triggers the Announcement modal.
webview-ui/src/components/chat/ChatView.tsx	Introduced a new version indicator button that toggles the Announcement modal and refactored the scroll cleanup logic.

[delve-auditor]

✅ No security or compliance issues detected. Reviewed everything up to 004c741.

Security Overview

• 🔎 Scanned files: 21 changed file(s)

Detected Code Changes

Change Type	Relevant files
Enhancement	► webview-ui/src/components/common/VersionIndicator.tsx     Add version indicator component ► webview-ui/src/components/chat/ChatView.tsx     Add version indicator to chat view ► i18n/locales/**/chat.json     Add version indicator translations
Refactor	► packages/types/src/telemetry.ts     Update telemetry type definitions ► packages/telemetry/src/BaseTelemetryClient.ts     Simplify telemetry property handling ► packages/telemetry/src/PostHogTelemetryClient.ts     Remove custom property filtering ► src/core/webview/ClineProvider.ts     Simplify telemetry property collection
Configuration changes	► src/package.json     Update version from 3.22.0 to 3.21.5

Reply to this PR with @delve-auditor followed by a description of what change you want and we'll auto-submit a change to this PR to implement it.

[hannesrudolph]

Fixed the test file issue - restored all original tests and added new tests for the version indicator functionality. All 19 tests are now passing.