H-6327: Integrate Sentry feedback button into ViewportControls

[kube]

🌟 What is the purpose of this PR?

The Sentry "Give feedback" button was floating on top of the UI and hiding elements underneath it. This PR moves it into the ViewportControls panel by introducing a viewportActions prop on the Petrinaut component, allowing consumers to inject custom action buttons.

🔗 Related links

• H-6327: Integrate Sentry feedback button into Petrinaut ViewportControls
• Follows up on H-5764

🔍 What does this change?

• Adds a ViewportAction type (key, icon, label, tooltip, onClick, style, className, ref) exported from @hashintel/petrinaut
• Adds an optional viewportActions?: ViewportAction[] prop to PetrinautProps, threaded through to ViewportControls
• ViewportControls renders each action as an IconButton after the built-in buttons
• Sets autoInject: false on Sentry's feedbackIntegration to remove the floating button
• Adds a useSentryFeedbackAction() hook in the website that returns a ViewportAction using Sentry's getFeedback().attachTo() API with a React 19 ref cleanup pattern
• Purple-styled button with MdBugReport icon

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

This PR:

• does not modify any publishable blocks or libraries, or modifications do not need publishing

📜 Does this require a change to the docs?

The changes in this PR:

• are internal and do not require a docs change

🕸️ Does this require a change to the Turbo Graph?

The changes in this PR:

• do not affect the execution graph

❓ How to test this?

1. Checkout the branch
2. Run yarn dev in apps/petrinaut-website
3. Confirm the floating Sentry feedback button is gone
4. Confirm a purple feedback button appears at the bottom of the viewport controls (bottom-right)
5. Click it and confirm the Sentry feedback dialog opens

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
petrinaut	Ready	Preview	Mar 16, 2026 10:12am

3 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
hash	Ignored	Preview	Mar 16, 2026 10:12am
hashdotdesign	Ignored	Preview	Mar 16, 2026 10:12am
hashdotdesign-tokens	Ignored	Preview	Mar 16, 2026 10:12am

[cursor]

PR Summary

Medium Risk
Introduces a new optional viewportActions API threaded through core editor components and changes how Sentry feedback is injected, which could affect viewport control rendering/behavior if consumers rely on existing layout.

Overview
Moves Sentry “Give feedback” into Petrinaut’s built-in viewport controls by adding a new optional viewportActions prop on Petrinaut and rendering provided actions as extra IconButtons in ViewportControls.

Adds a new exported ViewportAction type to define these injected buttons, and updates the hosted website to supply a Sentry-backed action (purple bug icon) while disabling Sentry’s default floating injection via autoInject: false.

^{Written by Cursor Bugbot for commit d8ec669. This will update automatically on new commits. Configure here.}

[kube]

• H-6327: Integrate Sentry feedback button into ViewportControls #8537 👈 (View in Graphite)
• H-6324: Migrate petrinaut to oxlint and verify React Compiler #8539 : 4 other dependent PRs (#8532 , #8541 , #8549 and 1 other)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[augmentcode]

🤖 Augment PR Summary

Summary: This PR adds an extension point for extra viewport control buttons and uses it to expose a Sentry “Give feedback” button in Petrinaut.

Changes:

• Introduces a shared ViewportAction type and a new viewportActions prop on Petrinaut, threading it through EditorView and SDCPNView into ViewportControls.
• Updates ViewportControls to render the provided actions as additional IconButtons after the built-in controls.
• Adds a Petrinaut-website hook that attaches Sentry Feedback to a viewport control button (using a bug-report icon).
• Adjusts Sentry Feedback integration config to disable auto-injection so the UI button is only rendered via the new viewport action.

_{🤖 Was this summary useful? React with 👍 or 👎}

[augmentcode]

Review completed. 2 suggestions posted.

Comment augment review to trigger a new review at any time.

[CiaranMn]

The testing instructions say this:

Checkout the branch
Run yarn dev in apps/petrinaut-website
Confirm the floating Sentry feedback button is gone
Confirm a purple feedback button appears at the bottom of the viewport controls (bottom-right)
Click it and confirm the Sentry feedback dialog opens

But the Sentry feedback dialog does not in fact open. I understand this is because Sentry is not configured for staging, and therefore the button will do nothing, but there is no way of telling this and we are likely to get people reporting this as a bug in local / staging at some point. Can we add an alert that explains the click has been registered but Sentry is not configured, so it's clear what is happening?

[graphite-app]

Merge activity

• Mar 15, 10:59 PM UTC: This pull request can not be added to the Graphite merge queue. Please try rebasing and resubmitting to merge when ready.
• Mar 15, 10:59 PM UTC: Graphite disabled "merge when ready" on this PR due to: a merge conflict with the target branch; resolve the conflict and try again..