Skip to content

Complete webview implementation with real-time data and interactive UI #58

@YagoBorba

Description

@YagoBorba

📋 Objective

Transform the VS Code extension webview into a fully functional, interactive interface ready for publication by replacing mocked data with real project information.

🎯 General Scope

  • Dynamic Dashboard: Display real project statistics (commits, branches, files, lines of code)
  • Command Integration: Connect all extension commands to webview with visual feedback
  • Polished UI: Consistent, responsive interface aligned with VS Code design
  • Bidirectional Communication: Improve message passing between webview and extension
  • Interactivity: Implement wizards or rich interfaces for complex commands (init, commit, release)

📦 Affected Components

  • DashboardProvider.ts - Webview provider
  • Dashboard.tsx - Main component
  • Components: IssuesPanel, ProgressIndicator, StatusBar, etc.
  • Extension ↔ webview communication

✅ Acceptance Criteria

  • Dashboard displays real Git repository data
  • Real-time statistics updates
  • Commands executable via webview with feedback
  • Consistent UI with no visual bugs
  • GitHub Issues integrated and functional
  • Zero mocked data in production
  • Extension ready for publication

🚀 Priority

High - Required for first public release

📝 Technical Notes

  • Use existing @stackcode/core workflows
  • Maintain compatibility with VS Code theme colors
  • Ensure performance (lazy loading, cache)
  • Type-safe message passing

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestrefactorCode improvements that do not add new features or fix bugs.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions