[Metrics] ManualShutterToConfirmation - Optimize "Confirm details" page rendering after receipt capture

[Julesssss]

Target: 1 Second

---

Problem

After capturing a receipt photo, the transition to the "Confirm details" page adds noticeable latency. Even after improving the image capture pipeline itself, the rendering cost of the confirmation page may still be a bottleneck.

Goal

Profile the "Confirm details" page mount and render cycle to identify optimization opportunities. Reducing render time here would make the shutter-button-to-confirmation transition feel snappier.

Plan:

• Add sentry tracking spans for the flow
• @Julesssss to build sentry dashboard
• Deep investigation into problematic areas and anywhere we can reduce rendering time and improve app performence on web and mobile platforms

Related

• [Metrics] Create Expense flows #81849 — parent tracking issue for Create Expense flow metrics

[marcaaron]

Not sure if there is enough data for the manual shutter span, but here's the query filtered to native since that's the only place that it matters. Some of those look kind of wonky so some spans might not be getting canceled.

[kubabutkiewicz]

Hi Jakub from Callstack, I would like to work on this issue.

[kubabutkiewicz]

Daily update:
I was looking into this today so I can familiarise myself with the code and I am looking where we should add the spans and if we need only one span or more granular spans to be able to track all the parts of this flow.