Skip to content

feat(dashboard): project-only diagrams, create/remove from UI, fullscreen editor#523

Merged
rafeekpro merged 2 commits into
mainfrom
feat/diagram-project-only
Apr 1, 2026
Merged

feat(dashboard): project-only diagrams, create/remove from UI, fullscreen editor#523
rafeekpro merged 2 commits into
mainfrom
feat/diagram-project-only

Conversation

@rafeekpro

Copy link
Copy Markdown
Collaborator

Summary

  • Project diagrams only — removed system diagrams (agents, plugins, epic-flow) from grid
  • + New Diagram button — create from UI with name, type, description
  • Diagram cards — Edit, ↓ .mmd, Remove buttons on each card
  • Fullscreen editor — toggle expands split view to full viewport
  • API: POST accepts type/description for metadata, DELETE removes files

Test plan

  • Diagrams tab shows only project diagrams (no agents/plugins)
  • Click "+ New Diagram" → form appears → create → diagram in grid
  • Click Edit on card → split editor opens
  • Click "⤢ Fullscreen" → editor fills viewport, click again → back to normal
  • Click Remove → confirms → diagram deleted
  • Click "↓ .mmd" on card → file downloaded
  • npm test passes (158/158)

…reen editor

- Remove system diagrams (agents, plugins) from grid — only project diagrams
- New Diagram form: name + type + description, creates .mmd + .meta.json
- Diagram cards with Edit, Download .mmd, Remove buttons
- Fullscreen toggle on split editor (fixed position, full viewport)
- POST /api/diagrams/:name accepts type and description for metadata
- DELETE /api/diagrams/:name removes both .mmd and .meta.json
Copilot AI review requested due to automatic review settings April 1, 2026 18:02
rlagowski
rlagowski previously approved these changes Apr 1, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the AutoPM dashboard’s Diagrams tab to focus on project-owned diagrams and adds common diagram lifecycle actions directly in the UI (create/download/remove) along with a fullscreen split editor mode.

Changes:

  • Remove system-generated diagrams (agents/plugins/epic-flow) from the Diagrams grid, showing only project diagrams.
  • Add “+ New Diagram” UI flow plus per-card actions (Edit / download .mmd / Remove).
  • Add a fullscreen toggle for the diagram editor and extend the diagrams API to persist metadata (type, description) and support DELETE.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread autopm/.claude/scripts/pm/dashboard-serve.js
Comment thread autopm/.claude/scripts/pm/dashboard-serve.js Outdated
Comment thread autopm/.claude/scripts/pm/dashboard-serve.js Outdated
Comment thread autopm/.claude/scripts/pm/dashboard-serve.js Outdated
Comment thread autopm/.claude/scripts/pm/dashboard-serve.js Outdated
- Remove role="button" from grid items (nested buttons inside)
- Guard onkeydown to skip events from .card-actions buttons
- Lower fullscreen z-index to 998 (below toast at 999)
- Validate type/description as strings with max length on server
- Remove duplicate toast in catch blocks (api() already toasts)
@rafeekpro rafeekpro merged commit 04e85b5 into main Apr 1, 2026
3 checks passed
@rafeekpro rafeekpro mentioned this pull request Apr 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants