Skip to content

feat: workflow browser with folders, tabs, and card grid#224

Merged
lightningpixel merged 1 commit into
devfrom
feat/workflow-browser
Jul 15, 2026
Merged

feat: workflow browser with folders, tabs, and card grid#224
lightningpixel merged 1 commit into
devfrom
feat/workflow-browser

Conversation

@Lorchie

@Lorchie Lorchie commented Jul 15, 2026

Copy link
Copy Markdown
Collaborator

What

Reworks how saved workflows are browsed and opened, plus two small UX fixes bundled in.

Workflow browser

  • Folders with colors and bookmarks in the Open popup (persisted in localStorage), drag & drop workflows into folders
  • Browser-style tabs for open workflows: drag to reorder, middle-click to close, Ctrl+T / Ctrl+W / Ctrl(+Shift)+Tab shortcuts; closing an empty untitled workflow deletes it
  • Card grid instead of a flat list in the Open popup: each card shows an SVG mini preview of the graph (nodes tinted by role — inputs green, extensions violet, outputs blue; While containers dashed), search, bookmarks section
  • Folder color shown as an ambient halo behind the card preview and a dot on the tab, which pulses while that workflow is running

Fixes

  • Title bar maximize/restore icon now follows the real window state (button, title-bar double-click, OS snap gestures)
  • nodrag on node input fields — selecting text or opening a select no longer drags the node

Testing

  • npm run test:node — 40/40 pass
  • npm run lint + tsc --noEmit clean
  • Manual: folders/bookmarks/search in the popup, tab reorder and shortcuts, card previews on real workflows, maximize sync on Windows

- Folders with colors and bookmarks in the Open popup, persisted locally
- Open workflows shown as browser-style tabs (drag reorder, Ctrl+T/W/Tab)
- Open popup redesigned as a card grid with SVG mini previews of each graph
- Folder color rendered as an ambient halo on cards and a dot on tabs
  (the dot pulses while the workflow is running)
- Sync the title bar maximize/restore icon with the real window state
- nodrag on node input fields so text selection no longer moves the node
@Lorchie Lorchie changed the base branch from main to dev July 15, 2026 10:01
@lightningpixel lightningpixel merged commit 6c9d950 into dev Jul 15, 2026
2 checks passed
@Lorchie Lorchie deleted the feat/workflow-browser branch July 15, 2026 12:02
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.

2 participants