Add version checking and changelog dialog for web app updates

[ryohey]

Summary

This PR adds automatic version checking and update notification functionality to the web application, allowing users to be notified when new versions are available and view the changelog from GitHub releases.

Key Changes

• VersionCheckService (app/src/services/VersionCheckService.ts): New service that manages version checking by comparing the current version.json with the latest version. Features include:

  • Periodic checks every 5 minutes
  • Listener pattern for update notifications
  • App reload functionality with localStorage tracking
  • Prevents duplicate checks and handles development builds

• VersionUpdateToast (app/src/components/ui/VersionUpdateToast.tsx): Toast notification component that displays:

  • "Update available" state with action buttons
  • "Update completed" state with changelog link
  • Smooth animations for show/hide transitions
  • Dismiss functionality with localStorage persistence

• ChangelogDialog (app/src/components/ChangelogDialog/ChangelogDialog.tsx): Dialog component that:

  • Fetches the 5 latest releases from GitHub API
  • Displays release notes with formatted dates
  • Provides links to view releases on GitHub
  • Handles loading and error states gracefully
  • Supports markdown-like formatting (headings, lists, code blocks, links)

• VersionCheckHandler (app/src/components/App/VersionCheckHandler.tsx): Orchestrator component that:

  • Manages version check lifecycle
  • Handles update notifications and dismissals
  • Tracks dismissed versions to avoid repeated notifications
  • Detects post-update state and shows completion toast
  • Disabled in Electron builds

• Build Configuration (app/webpack.prod.js): Added GenerateVersionJsonPlugin that:

  • Generates version.json during build with commit SHA, build time, and version
  • Uses VERCEL_GIT_COMMIT_SHA environment variable for deployment tracking

• App Integration (app/src/components/App/App.tsx): Integrated VersionCheckHandler component into the main App

Implementation Details

• Version checking is skipped in Electron builds (handled by native update mechanisms)
• Dismissed version updates are stored in localStorage to prevent notification spam
• The service uses a singleton pattern for centralized version management
• GitHub API calls include proper cache-busting headers to ensure fresh data
• All UI components use emotion styled-components with CSS variables for theming
• Animations use cubic-bezier easing for smooth transitions

https://claude.ai/code/session_011CV5grnKsxQqK7LNYjUnYs

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
signal	Ready	Preview, Comment	Feb 14, 2026 1:46am