Create menu icon for submitting user feedback

I also made this a command that you can get from the command palette too.

Next PR will do implementation, just wanted to keep it simple and display this here for now


## Test Plan

Dark Mode
<img width="991" alt="Screenshot 2024-02-26 at 15 50 32" src="https://github.com/lastmile-ai/aiconfig/assets/151060367/10658e28-4dbc-4475-9994-bb806620e878">

Light Mode

<img width="996" alt="Screenshot 2024-02-26 at 15 50 43" src="https://github.com/lastmile-ai/aiconfig/assets/151060367/e865c149-8f10-4aaf-bfb0-97d04d1619e9">

Command Palette

<img width="874" alt="Screenshot 2024-02-26 at 15 51 53" src="https://github.com/lastmile-ai/aiconfig/assets/151060367/92072c41-66ac-400b-86f4-5a80bcbb0a84">

vscode-extension/package.json

@@ -45,6 +45,15 @@
           "dark": "./static/share-dark.svg"
         }
       },
+      {
+        "command": "vscode-aiconfig.submitFeedback",
+        "title": "Submit Feedback",
+        "category": "AIConfig",
+        "icon": {
+          "light": "./static/bug.svg",
+          "dark": "./static/bug-dark.svg"
+        }
+      },
       {
         "command": "vscode-aiconfig.customModelRegistryPath",
         "title": "Set Custom Model Registry File Path",
@@ -185,6 +194,11 @@
           "command": "vscode-aiconfig.share",
           "when": "resourcePath =~ /.*(\\.aiconfig\\.json|\\.aiconfig\\.yaml|\\.aiconfig\\.yml|\\.aiconfig)$/",
           "group": "navigation"
+        },
+        {
+          "command": "vscode-aiconfig.submitFeedback",
+          "when": "resourcePath =~ /.*(\\.aiconfig\\.json|\\.aiconfig\\.yaml|\\.aiconfig\\.yml|\\.aiconfig)$/",
+          "group": "navigation"
         }
       ],
       "file/newFile": [

vscode-extension/src/extension.ts

@@ -85,6 +85,15 @@ export async function activate(context: vscode.ExtensionContext) {
   );
   context.subscriptions.push(shareModelParserCommand);
 
+  const submitUserFeedbackCommand = vscode.commands.registerCommand(
+    COMMANDS.SUBMIT_FEEDBACK,
+    async () => {
+      // TODO: implement next PR
+      // return await shareAIConfig(context, aiconfigEditorManager);
+    }
+  );
+  context.subscriptions.push(submitUserFeedbackCommand);
+
   const customModelParserCommand = vscode.commands.registerCommand(
     COMMANDS.CUSTOM_MODEL_REGISTRY_PATH,
     async () => {

vscode-extension/src/util.ts

@@ -21,6 +21,7 @@ export const COMMANDS = {
   RESTART_ACTIVE_EDITOR_SERVER: `${EXTENSION_NAME}.restartActiveEditorServer`,
   SET_API_KEYS: `${EXTENSION_NAME}.setApiKeys`,
   SHARE: `${EXTENSION_NAME}.share`,
+  SUBMIT_FEEDBACK: `${EXTENSION_NAME}.submitFeedback`,
 };
 
 export const SUPPORTED_FILE_EXTENSIONS = [".json", ".yaml", ".yml"];