Add gradient background styles while a generate request is in progress

XMLWordPrintableJSON

    • Type: Task
    • Resolution: Done
    • Priority: Major - P3
    • 1.43.0
    • Affects Version/s: None
    • Component/s: GAI
    • None
    • 2
    • Iteration Zephyrosaurus, Iteration Asteroid
    • Needed
    • Hide

      The gradient appears around the GenAI filed on the query and aggregation tabs while the query is being generated by AI to indicate the ongoing process.

      Show
      The gradient appears around the GenAI filed on the query and aggregation tabs while the query is being generated by AI to indicate the ongoing process.
    • Developer Tools

      Designs: https://www.figma.com/file/Ip4CPowv3Uxxhu3klyXA0e/Generative-AI-in-Compass-MVP?type=design&node-id=3318%3A28728&mode=design&t=tNoRbjnwOCpIRNka-1 
      This ticket involves showing the multi-colored gradient transition when a user has submitted a prompt for the generative ai. It should smoothly animate in and out.
      This is similar to the gradient we show with the docs ai input (maybe we can use that): https://www.mongodb.com/docs/ 

            Assignee:
            Alena Khineika
            Reporter:
            Rhys Howell
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: