tooltips on copilot

[SanderGi]

Task: https://app.asana.com/0/1203067047205953/1206050253347928

Server PR: GooeyAI/gooey-server#348

---

• To see the specific tasks where the Asana app for GitHub is being used, see below:
  • https://app.asana.com/0/0/1208027661017554

[devxpy]

Hmm, can't we just do the tooltip on the RenderedMarkdown widget, as opposed to defining the same thing on every input component?

In server code too then, we can pass the tooltip with st.write

DRY!

[SanderGi]

Hmm, can't we just do the tooltip on the RenderedMarkdown widget, as opposed to defining the same thing on every input component?

In server code too then, we can pass the tooltip with st.write

DRY!

We can, but it will require an extra layer in terms of a wrapper element to get the styling right. Shouldn't be a big performance hit since modern browsers are fast, but it is less readable. It is also a bit weird since we use the markdown component for the tooltip. Should I still move it to the markdown component?

We can't keep it in server code local to st.write because the inputs don't use st.write for their label.

[SanderGi]

Position absolute does not work with display: contents, so I had to use the flexbox method

[anish-work]

@devxpy PR is Updated with new changes

[devxpy]

This dependency loop is a bit confusing, can you refactor to have 3 widgets perhaps, RenderedMarkdownRaw (w/o tooltip), RenderedMarkdown and GooeyTooltip ?

[devxpy]

we need a popover to implement the new workspace switcher and hence considering to ditch this and implement both popover and tooltip using https://github.com/floating-ui/floating-ui