Add Automations product prototype - #24
Draft
matthewbirtch wants to merge 113 commits into
Draft
Conversation
Standalone Automations prototype at /prototypes/automations with product nav (Home, Templates, Favorites, Recents), tag/status/scope-filtered home list, 6-template gallery, node canvas editor with inspector and AI agent panel, test run, and routed run/change history. Extends GlobalHeader with an Automations product brand. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
3 Skipped Deployments
|
Add a circular floating AI assistant available across Automations. It opens a context-aware chat panel using compass-ui Message and MessageInput, with surface-specific suggestions instead of jumping straight into a new workflow. Remove the Home header CTA and the editor-local AI FAB. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Host the assistant in a single shell Outlet so it stays mounted over the builder when navigating. Persist open state in context, keep the panel open during create/edit handoffs, and animate open/close. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Drop the Describe-a-workflow right panel from the editor. Progressive node placement now runs from the persistent floating AI assistant via shared graph sync, while the editor right pane stays the property inspector. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Restyle Automations chrome with ChannelShell-like outer/inner rounded panels and sidebar tokens. Rebuild ProductNav with ChannelsSidebarHeader, ChannelsSidebarCategory, and ChannelSidebarItem. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Replace the always-visible status/scope/tag pill rows with a single Filters button popover and removable active filter chips to free vertical space above the table. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Apply flex gap on SimpleBar’s content node so Name, Enabled, Scope, and related fields are no longer flush against each other. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Replace labeled Undo/Redo tertiary buttons with compact IconButtons and material-style glyphs, since compass-icons has no undo/redo pair. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Give the editor toolbar Test run action a leading play-outline icon to match other icon-led toolbar controls. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Back and the automation title already provide navigation and context, so drop the Automations / name crumb from the toolbar. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Place a star IconButton beside the automation title so users can favorite or unfavorite without leaving the editor. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
SimpleBar overrides content styles, so wrap inspector fields in a panel stack with a reliable 24px gap instead of styling simplebar-content. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Use a vertical dots IconButton for the overflow menu so the toolbar stays compact next to undo, redo, and Test run. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Remove overflow clipping on workflow nodes and style handles so source and target connectors are visible outside the node edges. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Give Run history, Change history, and Delete leading icons so every menu item matches the Favorite row treatment. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Drop “or tags” from the search field label so the control reads as searching automations. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Tighten section padding and use the shared radius token for hoverable rows. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Replace default React Flow SVG labels with HTML branch badges (green True, danger False) and tokenized edge strokes on the canvas. Co-authored-by: Matthew Birtch <mattbirtch@gmail.com>
Add helpText for triggers and missing actions, resolve descriptions from the palette catalog for fixture graphs, and render a clamped secondary line under each node label. Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Replace the stub Run as control with a wired Bot select and persist botId on automations and seed data. Co-authored-by: Cursor <cursoragent@cursor.com>
Group automations by folder (Notifications, Onboarding, Team rituals, Moderation, General), render one table per folder, and allow moving automations via settings. Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
…ader. Co-authored-by: Cursor <cursoragent@cursor.com>
…map. Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Teams are organized as Home folders; keep product nav for Home/Templates/Favorites without the team strip. Co-authored-by: Cursor <cursoragent@cursor.com>
…itle. Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Wire a Folders list page at /folders and keep product chrome on that route. Co-authored-by: Cursor <cursoragent@cursor.com>
Share a RunsDashboard across home and run history, swap folder chevrons for open/closed icons (chevron on hover), and tighten home copy and tag styling. Co-authored-by: Cursor <cursoragent@cursor.com>
Raise muted copy, headers, and labels to ≥0.72, and restyle disabled palette items with color instead of whole-control opacity so text stays legible. Co-authored-by: Cursor <cursoragent@cursor.com>
…s chrome. Co-authored-by: Cursor <cursoragent@cursor.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a new Automations product prototype at
/prototypes/automationsfor exploring the Automations product UX with compass-ui + React Flow.What’s included
GlobalHeaderproductAutomationsand left nav: Home, Templates, Favorites, Recents (localStorage)/:id/runs+/:id/runs/:runId) and Change history (/:id/historywith Restore stub)Out of scope (per plan)
Demo path
/prototypes/automationsTest plan
npm run build:ui/ app typecheck