[react,next,angular,tda] Rename checkout transactions and components for clarity + update metrics prefixes

[maxkosty]

Goal

1. Make the meaning of /checkout (now /checkout-form) transaction more clear and avoid confusion with BE /checkout (== place order, corresponds to FE Submit Checkout Form )
2. Rename Submit Checkout From -> checkout_submit so it can be used as prefix for metrics
3. Make names of span attributes and metrics more consistent

Side Effects

• must update any CExp dashboard
• data in CExp dashboard will be incomplete for next 24 hours until we get enough historic data with this new txn name

Testing

./deploy react angular --env=local
cd next && vercel dev

/ -> /products -> add to cart -> /checkout-form -> checkout_submit -> /error works as expected

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
empower	Ready	Preview, Comment	Feb 25, 2026 0:14am

[codecov]

Codecov Report

❌ Patch coverage is 7.69231% with 12 lines in your changes missing coverage. Please review.
✅ Project coverage is 22.05%. Comparing base (8e777c9) to head (5d6b16a).
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
react/src/components/CheckoutForm.jsx	7.69%	12 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #1307   +/-   ##
=======================================
  Coverage   22.05%   22.05%           
=======================================
  Files          42       42           
  Lines        1360     1360           
  Branches      175      175           
=======================================
  Hits          300      300           
  Misses       1034     1034           
  Partials       26       26           

Flag	Coverage Δ
api	5.83% <ø> (ø)
frontend	32.44% <7.69%> (ø)

Components	Coverage Δ
checkout_module	5.83% <ø> (ø)
product_component	25.93% <7.69%> (ø)

Files with missing lines	Coverage Δ
react/src/components/Cart.jsx	100.00% <ø> (ø)
react/src/index.js	0.00% <ø> (ø)
react/src/components/CheckoutForm.jsx	15.65% <7.69%> (ø)

[sentry]

Bug: The Vue.js application was missed in this update, causing it to use a different checkout route and Sentry transaction name than the other frontend frameworks.
_{Severity: MEDIUM}

Suggested Fix

Update the Vue.js application to match the changes in the other frameworks. This includes changing the route path in vue/src/router/index.js to /checkout-form, updating navigation links in vue/src/App.vue and vue/src/views/ProductsView.vue, and changing the transaction name in vue/src/views/CheckoutView.vue to "checkout_submit".

Prompt for AI Agent

Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: react/src/index.js#L340-L348

Potential issue: The Vue.js application was not updated to align with changes made to
the React, Angular, and Next.js applications. This pull request updates the checkout
route and Sentry transaction names for other frameworks but omits Vue. As a result, the
Vue application will continue to use the old route (`/checkout` instead of
`/checkout-form`) and send transactions with the old name (`"Checkout"` instead of
`"checkout_submit"`). This will cause data inconsistencies in monitoring dashboards, as
Vue's metrics will not match the other frontend applications.