feat(app): Add default offset info banner to LPC

[mjhuff]

Closes EXEC-1392 and RQA-4018

Overview

After QA feedback, Design has decided to add an info banner that includes an explanation of default offsets. The banner should persist for one LPC wizard session, so this is state is kept in the general wizard container.

Note that designs show tooltips for the desktop app, but after convo with Design, we're just doing the banner for both.

Screen.Recording.2025-03-28.at.12.29.21.PM.mov

Test Plan and Hands on Testing

• See screenshot.

Changelog

• Added an info banner containing an explanation for default offsets.

Risk assessment

low

[SyntaxColoring]

🟦

[SyntaxColoring]

Nit: this comment is a little confusing to me because "app-wide persistent state" sounds to me like the same thing as "state that should persist between LPC wizard sessions."

[SyntaxColoring]

Separately, for my edification, why not use Redux for this? Just overkill?

[mjhuff]

Sorry, yeah, that comment is a bit confusing. I'll update it.

Redux is honestly fine, good point. We'd have to reset the banner state when we close the app for the correct behavior, which seems a bit clunky to me, but I still might throw it in Redux just to keep things consistent.

EDIT: Due to time constraints, I've left a TODO here.

[SyntaxColoring]

We'd have to reset the banner state when we close the app for the correct behavior

Oh whoa, does our redux state persist across app launches?

[mjhuff]

Sorry, confusing response on my part. I meant when we close the LPC wizard flows, NOT the app, since LPC state is persisted for a given protocol run indefinitely as long as the app is open. Closing the app definitely resets state (at least all the state that is not persisted in config)!

[codecov]

Codecov Report

Attention: Patch coverage is 47.19101% with 47 lines in your changes missing coverage. Please review.

Project coverage is 25.68%. Comparing base (e1eac6f) to head (2d44ec2).
Report is 8 commits behind head on chore_release-8.4.0.

Files with missing lines	Patch %	Lines
...nisms/LabwarePositionCheck/hooks/useInfoBanners.ts	0.00%	16 Missing ⚠️
app/src/molecules/MultiDeckLabelTagBtns/index.tsx	0.00%	13 Missing ⚠️
...ck/steps/HandleLabware/LPCLabwareDetails/index.tsx	0.00%	10 Missing ⚠️
...c/organisms/LabwarePositionCheck/LPCWizardFlex.tsx	0.00%	3 Missing ⚠️
...ePositionCheck/__fixtures__/mockLPCContentProps.ts	0.00%	3 Missing ⚠️
...ionCheck/LPCFlows/hooks/useLPCLabwareInfo/index.ts	0.00%	1 Missing ⚠️
.../src/organisms/LabwarePositionCheck/hooks/index.ts	0.00%	1 Missing ⚠️

Additional details and impacted files

@@                   Coverage Diff                   @@
##           chore_release-8.4.0   #17923      +/-   ##
=======================================================
- Coverage                25.82%   25.68%   -0.14%     
=======================================================
  Files                     3005     3014       +9     
  Lines                   227433   229241    +1808     
  Branches                 18912    18993      +81     
=======================================================
+ Hits                     58724    58884     +160     
- Misses                  168696   170344    +1648     
  Partials                    13       13              

Flag	Coverage Δ
protocol-designer	18.68% <47.19%> (-0.08%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
...rc/organisms/LabwarePositionCheck/types/content.ts	100.00% <100.00%> (ø)
components/src/atoms/buttons/SecondaryButton.tsx	100.00% <100.00%> (ø)
...ionCheck/LPCFlows/hooks/useLPCLabwareInfo/index.ts	0.00% <0.00%> (ø)
.../src/organisms/LabwarePositionCheck/hooks/index.ts	0.00% <0.00%> (ø)
...c/organisms/LabwarePositionCheck/LPCWizardFlex.tsx	0.00% <0.00%> (ø)
...ePositionCheck/__fixtures__/mockLPCContentProps.ts	0.00% <0.00%> (ø)
...ck/steps/HandleLabware/LPCLabwareDetails/index.tsx	0.00% <0.00%> (ø)
app/src/molecules/MultiDeckLabelTagBtns/index.tsx	0.00% <0.00%> (ø)
...nisms/LabwarePositionCheck/hooks/useInfoBanners.ts	0.00% <0.00%> (ø)

... and 37 files with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.