Show additional info below the model select config

[Christopher-Hayes]

Description

This is a PR based on the feedback I mentioned over here in Discord: https://discord.com/channels/849884108750061568/981608789402861640/1176598745249488947

This PR adds a description below the summarizer api selector to give additional context about how each model compares and briefly mentions pricing. To keep the copy short I didn't mention ultimate pricing, but users will find that information at the "Pricing details" link.

I saw "Muriel (enterprise)" being used in the Kagi docs, thought putting "(enterprise)" might be a useful addition to the dropdown as well.

Screenshots

Tested

• [x] Firefox 121, Ubuntu 23.04
• [x] Edge 121, Ubuntu 23.04

Checks

• [x] Ran npm run lint
• [x] Ran npm run format

Misc

Apologies for big diff on popup.html. I'm a heavy user of VSCode's "Format document", and it re-indented a bunch of lines I otherwise didn't touch.

[vprelovac]

Note that all but Muriel are free to use for Kagi search users. So perhaps only keep uriel desc as others can be confusing for users.

[Christopher-Hayes]

Oh didn't realize they were all free. Why is there (free) on Cecil then? 🤔 Are you saying free Kagi users only get Cecil free, but paid Kagi users get Cecil, Agnes, and Daphne free? Is there a reason paid users have to supply an API key to change which (free) model is used?

[vprelovac]

API access is not free. Summarization through web UI or extension UI is free except for Muriel.