feat: make summary thread similar to normal thread style

[GretaD]

ref #11328

smart reply:

thread summary:

Envelope summary:

[nimishavijay]

Layout changes look great! Only change for now is to use the filled version of the assistant icon :)

[nimishavijay]

Looks really nice! Couple of points:

• we decided that the assistant components should have tertiary buttons unless it's generating something using AI, so we can change the "Go to latest message" button to a tertiary-no-background button

• forgot to mention in the original issue, but in dark mode we should use the following colours:
  Dark mode:
  Background: #221D2B
  border: linear-gradient(125deg, #0C3A65 50%, #6204A5 125%)

• nothing to change for now but just a heads up that we will adopt color variables for the assistant elements to be consistent across different apps so once they are in we can do a follow up to use the variables instead of gradient values (ref Add variables for Assistant colours server#54665)

[nimishavijay]

Newest screenshot looks really nice! only 3 small notes:

• I see that in the German screenshot the "Summary is AI generated" notice is still in english, it should also be translated to whatever language
• The strings seem to wrap and ellipsize a lot because they're all too long in German :( Maybe we could do "Newest message" instead of "Go to newest message"?
• The assistant variables are available now just as an FYI nextcloud/server#54679 they should be used as much as possible in case they are changed later on closer to the release.

[GretaD]

I see that in the German screenshot the "Summary is AI generated" notice is still in english, it should also be translated to whatever language

thats because its on my local env, and its not pushed yet to transifex :)

[ChristophWurst]

@GretaD are the three items of #11575 (review) done?

[ChristophWurst]

Looks good

img/creation-gradient.svg seems unused?

[GretaD]

@GretaD are the three items of #11575 (review) done?

yes, the first point is not relevant. The other 2 are done

[nimishavijay]

Looks awesome! Only 2 small changes:

• In the thread summary, the assistant icon should be center aligned with the avatar in the messages below (seems like it's a bit to the right in the screenshot)
• In the AI replies, we can remove the icon (the gradient outline is already very eye catching) and make the text color --main-text (I'm concerned about a11y of the gradient on unbolded text)

Other than that it's good to to! Approving to not block :)

[GretaD]

• In the AI replies, we can remove the icon (the gradient outline is already very eye catching) and make the text color --main-text (I'm concerned about a11y of the gradient on unbolded text)

I can change the colour of the text, but removing the icon means changing the component that we just created for the assistantbuttons: https://nextcloud-vue-components.netlify.app/#/Components/Nextcloud%20Assistant?id=ncassistantbutton

I mean, i can remove it just for mail with :deep(), but that means that the assistant buttons will be different in different part of the software.

[nimishavijay]

but removing the icon means changing the component that we just created for the assistantbuttons

Oh hmm, in that case pinging @marcoambrosini to double check the usage of the button

[marcoambrosini]

I think it is fine to use Text only buttons too

[GretaD]

comment from Marco: Nimisha might be out for today, so I'd suggest to keep it as you have it for now and then we can always hack with a quick pr, or update the components to create more variants

[GretaD]

[ChristophWurst]

/backport to stable5.4