chore: v2 - instrument run view shell, menu bar, toolbars, and run-scoped actions

[maxy-shpfy]

Description

Contributes to https://github.com/Shopify/oasis-frontend/issues/607

Adds analytics tracking to the Run View page across a wide range of user interactions, including:

• Toolbar buttons (View YAML, Inspect Pipeline, Clone, Cancel, Rerun)
• Menu bar items (Home link, Run menu, View menu, auto-layout selection)
• Canvas controls (zoom in/out, fit view, interactive toggle, minimap clicks)
• Context panel actions (task detail tab switching, open logs in new tab, input/output link sharing, pipeline title copy)
• Subgraph breadcrumb navigation (run view only)
• Task node "Open Logs" button

To support passing tracking attributes through to underlying elements, several button and link components (CancelPipelineRunButton, ClonePipelineButton, InspectPipelineButton, RerunPipelineButton, LinkNodeButton, OpenLogsInNewWindowLink) have been updated to accept and forward additional props via ComponentPropsWithoutRef intersection types, excluding controlled props like onClick, tooltip, variant, and children.

SubgraphBreadcrumbsView now accepts an optional getCrumbTracking callback to attach per-crumb tracking attributes, and SubgraphBreadcrumbs uses the current route to conditionally provide this callback only in the run view context.

Related Issue and Pull requests

Type of Change

• Bug fix
• New feature
• Improvement
• Cleanup/Refactor
• Breaking change
• Documentation update

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Screenshots (if applicable)

Test Instructions

Navigate to the Run View and exercise the following interactions to verify tracking events are fired:

1. Click the Home link in the menu bar
2. Open the Run and View menus and select items
3. Use the canvas controls (zoom in/out, fit view, interactive toggle) and click the minimap
4. Open a task node's context panel and switch between tabs
5. Use the toolbar buttons (View YAML, Clone, Cancel, Rerun, Inspect)
6. Click the "Open in new tab" logs link
7. Click the shareable link button on input/output nodes
8. Navigate subgraph breadcrumbs

Additional Comments

[maxy-shpfy]

• chore: v2 - analytics display in debug panel #2213
• chore: v2 - instrument shared window chrome (dock/float/close/snap) #2224
• chore: v2 - instrument pipeline folders (table, dialogs, connect folder) #2223
• chore: v2 - instrument run view shell, menu bar, toolbars, and run-scoped actions #2222 👈 (View in Graphite)
• chore: v2 - instrument history, debug panel, and editor shell analytics #2221
• chore: v2 - instrument pipeline tree and validation resolutions analytics #2220
• chore: v2 - instrument task arguments and code editor analytics #2219
• chore: v2 - instrument v2 node context panels #2218
• chore: v2 - instrument context panel multi-selection (batch args, color, subgraph, auto-layout) #2217
• chore: v2 - instrument pipeline details, tags, validation summary, and digest copy #2216
• chore: v2 - instrument pipeline canvas, minimap controls, selection toolbar, and replace confirmation #2215
• chore: v2 - instrument editor menu bar, quick run, auto-save, and app menu actions #2214
• master

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

[github-actions]

🎩 Preview

A preview build has been created at: 05-06-chore_v2_-_instrument_run_view_shell_menu_bar_toolbars_and_run-scoped_actions/36f4907

[maxy-shpfy]

Merge activity

• May 8, 5:34 AM UTC: A user started a stack merge that includes this pull request via Graphite.
• May 8, 6:01 AM UTC: Graphite couldn't merge this pull request because a downstack PR chore: v2 - instrument pipeline tree and validation resolutions analytics #2220 failed to merge.
• May 8, 3:57 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• May 8, 4:03 PM UTC: Graphite rebased this pull request as part of a merge.
• May 8, 4:05 PM UTC: @maxy-shpfy merged this pull request with Graphite.