Add beautiful-agent-dashboard example (UI for agent workflows)

[tvjmohan]

This PR adds a new example showcasing a modern, developer-friendly UI for managing Cursor agent workflows.

The example focuses on clean design, usability, and structure for interacting with coding agents.

Features:

• Dashboard with agent status summary (Running, Completed, Failed)
• Runs page with execution history
• Prompt library view
• Activity timeline panel
• Start Agent modal with dynamic run creation
• Sidebar navigation with multiple sections
• Premium dark UI built with Tailwind CSS

Tech Stack:

• React
• TypeScript
• Vite
• Tailwind CSS

Purpose:
This example demonstrates how an agent dashboard experience can be designed for real-world developer workflows. It is UI-focused and can be extended to integrate with the Cursor SDK for real agent execution and data.

Future Improvements:

• Integrate Cursor SDK for real runs
• Add logs and artifact viewer
• Add filters and search
• Improve responsiveness and accessibility

---

Note

Low Risk
New isolated example app and assets only; no changes to existing runtime logic or shared libraries beyond adding files and dependencies.

Overview
Adds a new sdk/beautiful-agent-dashboard example app: a Vite + React + Tailwind dashboard UI with sidebar navigation (Dashboard/Runs/Prompts/Settings), run status cards, recent runs/activity panels, and a “Start Agent” modal that creates queued runs via local state.

Includes the full project scaffold and tooling (package.json/lockfile, vite.config.ts, TypeScript configs, ESLint flat config, and static assets like favicon.svg/icons.svg).

^{Reviewed by Cursor Bugbot for commit 786f0fc. Bugbot is set up for automated code reviews on this repo. Configure here.}

[tvjmohan]

Updated the README to clarify that this example is UI-focused and can be extended to integrate with Cursor SDK.

[cursor]

Cursor Bugbot has reviewed your changes using high mode and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 786f0fc. Configure here.}

[cursor]

Unused icons.svg file never referenced anywhere

Low Severity · Code Quality

The icons.svg file defines SVG symbols for social media icons (Bluesky, Discord, GitHub, X, documentation, social) but is never referenced by any source file in the project. Grepping for all symbol IDs and the filename across sdk/beautiful-agent-dashboard returns matches only within icons.svg itself. This appears to be a template artifact unrelated to the agent dashboard functionality.

 

^{Reviewed by Cursor Bugbot for commit 786f0fc. Configure here.}

[tvjmohan]

Addressed the review feedback:

• Fixed state update issue

• Added queued status handling

• Cleaned unused files

Let me know if any further improvements are needed.