Skip to content

feat: preview template payload on hover in Manual Run trigger#4447

Open
coffeenjoyer17 wants to merge 1 commit intosuperplanehq:mainfrom
coffeenjoyer17:feat/manual-run-template-payload-preview
Open

feat: preview template payload on hover in Manual Run trigger#4447
coffeenjoyer17 wants to merge 1 commit intosuperplanehq:mainfrom
coffeenjoyer17:feat/manual-run-template-payload-preview

Conversation

@coffeenjoyer17
Copy link
Copy Markdown

Closes #2810

Summary

Manual Run templates currently surface only their name and a Run button. When several templates share similar names (or when a user is just verifying before triggering), there is no way to confirm the payload short of opening the configuration. This PR adds a hover preview on the template row that shows the configured payload as formatted JSON.

Implementation

  • Wraps the icon + name part of each row in PayloadTooltip (the same component already used to surface component spec previews in ui/componentBase/index.tsx).
  • The Run button stays outside the tooltip, so hovering Run does not open the preview.
  • Adds a cursor-help class on the wrapped area so the affordance is discoverable.
  • data-testid="start-template-row" added on the wrapped row for future tests.

Notes

  • No new dependency: PayloadTooltip is the existing pattern (Tippy + Monaco).
  • 200 ms tooltip delay (Tippy default in PayloadTooltip) prevents accidental triggers from neighbouring hovers.
  • tsc --noEmit clean. npm run lint:budget totals are unchanged from main (the pre-existing react-refresh/only-export-components and max-lines budgets are over before this change too).
  • DCO sign-off included.

Wraps each Manual Run template row in PayloadTooltip so users can hover the
template name to see its configured payload as a formatted JSON popover,
matching the preview pattern already used for component spec metadata.

Helps when several templates share similar names or when verifying inputs
before clicking Run.

Closes superplanehq#2810

Signed-off-by: coffeenjoyer17 <pufleacristian56@gmail.com>
@superplanehq-integration
Copy link
Copy Markdown

👋 Commands for maintainers:

  • /sp start - Start an ephemeral machine (takes ~30s)
  • /sp stop - Stop a running machine (auto-executed on pr close)

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.

Manual Run: hover to preview payload

1 participant