Improved Dashboard Integration column hover interactions

[pstakoun]

Improve experience of hovering over and interacting with the Latest runs and Average duration columns.

Figma Prototype

AC:

• Replace empty run dots with dashes when user is not logged in or does not have a valid project connected
• User hovering over dashes, will see one of the following on hover, depending on the state:
  • Connect (for log in flow)
  • Connect project (for connect project flow, if no valid project)
  • Request access (for request access flow, if no access)
• When offline, no hover behavior, just show the --
• No connection to smart prompts, but the CTAs should map to those in the header tooltips
• Include UTM params for login

Here are the states in Figma

ClickUp

[baus]

Hey team! Please add your planning poker estimate with ZenHub @astone123 @lmiller1990 @marktnoonan @mike-plummer @rockindahizzy @warrensplayer @ZachJW34

[abelb]

Design: WIP

Figma Link

[lmiller1990]

@abelb what are we supposed to be looking at specifically? I just see

It's not clear on what is required for delivery of this ticket. Maybe we could annotate the screenshot, some red arrows, something like that.

@pstakoun can you clarify the improvements a bit?

[marktnoonan]

I'd agree, there is not currently a task here that can be estimated.

[pstakoun]

Added a few notes but need to sync with @abelb on the final iteration of this

[pstakoun]

We are moving this to a future sprint. Sorry about the incompleteness here.

[abelb]

Updated Design!! Away with that weird big hover target.

Figma Prototype (Tooltips on column headers are broken in proto fyi fixing)

Updates

1. Replace empty run dots with dashes
2. When not logged in, user hovers over dashes and depending on state, will see one of the following on hover:

Here are the states in Figma

[pstakoun]

@abelb what would 'Record a run' do here? Should that be the 'Request access' CTA to match tooltip logic?

[abelb]

@pstakoun good point. let me update

[pstakoun]

@abelb can you add the finalized designs here based on our latest iterations?

[abelb]

[pstakoun]

@abelb should this have an ease-in/out? Prototype currently doesn't and I think it did before. I honestly don't have an opinion re: whether or not to do this, just want to clarify.

[abelb]

I added some to the prototype - yes some ease in / out is good.

Figma Prototype

[marktnoonan]

@warrensplayer this had been in blocked, was it intentionally moved to Open? I don't recall exactly what we were waiting on that made it blocked.

If it's unblocked from what we saw as blocking on Tuesday, we might want to flag that there's a dependency here on #23379 which will attempt to consolidate the Login + "cloud connect" components in a way that will support this ticket - since this ticket would then be implementing a new stylistic variation of that new component and putting it into the specs list.

[cypress-bot]

Released in 10.7.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v10.7.0, please open a new issue.