Emphasis within Quotes

[Aldimensch]

Is your feature request related to a problem? Please describe.
I noticed that larger models really like to add Emphasis inside Spoken Text, causing the current Rendering to default to normal Emphasis Style. eg. <em> tags.

Describe the solution you'd like
Add a new class of CSS that is added within a <q> tag.

Furthermore, a new UI Setting should be included to change the color of the Emphasis in Quotes, aswell as a toggle which allows BOLD or and Italic to be selected.

Task: Update the UI Preview to reflect the new Feature.

Describe alternatives you've considered
I am not getting paid enough to think about Alternatives. ;-)

The quote magic happens here: I belive

agnai/web/pages/Chat/components/Message.tsx

Line 777 in 1fe29e0

function wrapWithQuoteElement(str: string) {

And the CSS magic is here:

agnai/web/pages/Chat/components/Message.css

Line 6 in 1fe29e0

em {

[Aldimensch]

While working on that, maybe also match common and pretty quotation marks. Or at least create an option to match them. I don't know why, but some models really have issues with matching them sometimes. I usually exclude them in DRY but in this case I was using regular Repetition penalty without DRY.

Put on your regEx magic hat.

agnai/web/pages/Chat/components/Message.tsx

Lines 781 to 782 in 1fe29e0

	// then we match "regular quotes" and“'pretty quotes” as capture group
	/<[\s\S]*?>|```[\s\S]*?```|``[\s\S]*?``|`[\s\S]*?`|(\".+?\")|(\u201C.+?\u201D)/gm,

It might be easier just to replace all Double Quotes with the common one. We can't control what the Model will output as a Quote Mark, but we can replace it regardless to Straight Double Quotes. Which makes it easier for us to match the Quotation marks.

A list from our friend Gemini of what types of Quotes exist. And as a german, I already know why we are hated. xD
Dig deeper to catch them all. plays pokemon intro in head

Straight Double Quote:
Character: "
HTML Entity: " or "

Left Double Quote:
Character: “
HTML Entity: “ or “

Right Double Quote:
Character: ”
HTML Entity: ” or ”

Bottom Double Quote (German opening/low 99):
Character: „
HTML Entity: „ or „