CSS updates to highlight terms in the previewer that are below the configured threshold

[petenelson]

Description of the Change

Closes #1056

How to test the Change

1. Have the plugin configured with Classification enabled, and set Category to 20% and Tag set to 45%. These tests were done with the OpenAI Embeddings Provider.
2. Publish a new post on the site titled "Gettysburg Address" with the contents of the Gettysburg Address
3. Create a new Category term "History"
4. Create new Tags for "Civil War" and "Gettysburg"
5. In Classification settings > Previewer, search for the Gettysburg Address post.
6. Inspect the terms and verify they have valid CSS classed based on their score and the configured thresholds, either the existing classifai__classification-previewer-result-tag--exceeds-threshold class, or the classifai__classification-previewer-result-tag--below-threshold added as part of this PR.

Sample Screenshot:

Changelog Entry

Added - Added new classifai__classification-previewer-result-tag--below-threshold class and CSS colors to terms in the previewer for terms that don't meet the configured threshold

Credits

Props @username, ...

Checklist:

• I agree to follow this project's Code of Conduct.
• I have updated the documentation accordingly.
• I have added Critical Flows, Test Cases, and/or End-to-End Tests to cover my change.
• All new and existing tests pass.

[github-actions]

✅ WordPress Plugin Check Report

✅ Status: Passed

📊 Report

All checks passed! No errors or warnings found.

---

🤖 Generated by WordPress Plugin Check Action • Learn more about Plugin Check

[dkotter]

@petenelson I see this is still in draft. Anything pending here or is this good to review?

[petenelson]

@dkotter Think it's good to review. Thinking some sort of additional text such as "Notice: None of the terms are above the configured threshold." if it's only low-quality matches. Should I get something like that added?

[dkotter]

@dkotter Think it's good to review. Thinking some sort of additional text such as "Notice: None of the terms are above the configured threshold." if it's only low-quality matches. Should I get something like that added?

Yeah, I think an additional note would be good

[dkotter]

@petenelson Wondering if you're still interested in working on this PR, based on the notes above? Or if we should assign this out to someone else to finish?

[petenelson]

@petenelson Wondering if you're still interested in working on this PR, based on the notes above? Or if we should assign this out to someone else to finish?

I should be able to, depending on how busy my Friday is this week.

[petenelson]

@dkotter pushed some updates for this to add the notice when none of the terms are above the threshold. Sample: