feat: ai fix html

[teodora-sandu]

Description

Adds the AI fix panel and some small changes (position line is a link, learn more link has an external icon, background colour matches the old one).

To test, run npm run build first before running the extension. It needs snyk/snyk-ls#527 for testing.

Checklist

• Tests added and all succeed
• Linted
• CHANGELOG.md updated
• README.md updated, if user-facing

Screenshots / GIFs

The backend isn't working at the moment so for testing I used an org that doesn't have the feature flag enabled and had to change a small part of the code so it's loading the HTML panel:

diff --git a/src/snyk/snykCode/views/suggestion/codeSuggestionWebviewProvider.ts b/src/snyk/snykCode/views/suggestion/codeSuggestionWebviewProvider.ts
index 82e57bd..640c05e 100644
--- a/src/snyk/snykCode/views/suggestion/codeSuggestionWebviewProvider.ts
+++ b/src/snyk/snykCode/views/suggestion/codeSuggestionWebviewProvider.ts
@@ -90,7 +90,7 @@ export class CodeSuggestionWebviewProvider
   }

   async showPanel(issue: Issue<CodeIssueData>): Promise<void> {
-    const isIgnoresEnabled = configuration.getFeatureFlag(FEATURE_FLAGS.consistentIgnores);
+    const isIgnoresEnabled = true;

     try {
       await this.focusSecondEditorGroup();

Screen.Recording.2024-06-07.at.16.52.14.mov

[teodora-sandu]

A lot of styling is already in these stylesheets so I imported them .

[teodora-sandu]

I just got all of these scripts from src/snyk/snykCode/views/suggestion/codeSuggestionWebviewScript.ts, the only thing I changed was the class name so that it matches the existing one used for the example commit fixes.

A lot of these functions are related to switching tabs and rendering different elements. Some of this can be moved to snyk-ls but it would add a lot of complexity to the task and the review process so I chose to do that in a future ticket/PR. It would be a good task to do when we implement this in IntelliJ too.

[cat2608]

Just a note that we are currently working on the refactor from tabs to arrows for the Community Fixes / Fixed Code Examples

[cat2608]

🚀