Skip to content

Squad UI #132

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
pallavrustogi wants to merge 1 commit into from
Closed

Squad UI #132

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions .gitattributes
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,3 +3,7 @@
.ai-team/agents/*/history.md merge=union
.ai-team/log/** merge=union
.ai-team/orchestration-log/** merge=union
.squad/decisions.md merge=union
.squad/agents/*/history.md merge=union
.squad/log/** merge=union
.squad/orchestration-log/** merge=union
39 changes: 39 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,6 +66,45 @@ Squad proposes a team — each member named from a persistent thematic cast. You

---

## Squad Desktop (UI)

Squad Desktop is an Electron app that provides a visual interface for monitoring and controlling your AI agent team.

### Features

- **Agent Panel** — see all agents, their status (idle/busy/blocked), and live output
- **Terminal View** — scrolling log of all agent activity with timestamps
- **Command Queue** — send commands to specific agents or broadcast to the team, track execution
- **Roster Manager** — add/remove agents on the fly
- **Standalone Mode** — works without the Copilot CLI; commands are processed locally

### Run from Source

```bash
cd ui
npm install
npm run build
npm run dev
```

### Build Portable Exe (Windows)

```bash
cd ui
npm run build
npx electron-builder --win --config electron-builder.json
# Output: ui/dist-packaged/Squad Desktop 0.1.0.exe
```

### Layout

| Left | Center | Right |
|------|--------|-------|
| Agent list with status | Terminal output log | Command queue |
| Bottom: Command input bar with agent selector |

---

## Agents Work in Parallel — You Catch Up When You're Ready

Squad doesn't work on a human schedule. When you give a task, the coordinator launches every agent that can usefully start — simultaneously. Frontend, backend, tests, architecture — all at once.
Expand Down
4 changes: 4 additions & 0 deletions ui/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
node_modules/
dist/
dist-packaged/
*.exe
14 changes: 14 additions & 0 deletions ui/electron-builder.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
{
"appId": "com.squad.desktop",
"productName": "Squad Desktop",
"directories": {
"output": "dist-packaged"
},
"files": [
"dist/**/*",
"package.json"
],
"win": {
"target": "portable"
}
}
20 changes: 20 additions & 0 deletions ui/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Squad Desktop</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #1e1e1e;
color: #cccccc;
}
</style>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/renderer/main.tsx"></script>
</body>
</html>
Loading