Added troubleshooting guide (#116)

* feat: added troubleshooting guide

* fix: update doc

* feat: updated readme

* fix: update link

* Update README.md

Co-authored-by: Mengdi Chen <monday.chen@gmail.com>

* fix: updated troubleshooting

---------

Co-authored-by: Mengdi Chen <monday.chen@gmail.com>

README.md

@@ -59,10 +59,16 @@ When loading the extension, you will need to load the `dist` folder created by t
 - Add support for sharing workflows & knowledge with others
 - Create wikipedia-like knowledge base where users can work together to create knowledge that can improve the WebWand's performance
 
+## Troubleshooting
+
+Check out our [Troubleshooting Guide](TROUBLESHOOTING.md) for help with common problems.
+
 ## Contributing
 
 Interested in contributing to WebWand? We'd love your help! Check out our [Contribution Guide](CONTRIBUTING.md) for guidelines on how to contribute, report bugs, suggest enhancements, and more. 
 
+We encourage everyone in the community to add new knowledge to the "Prior Knowledge Augmentation" system. Check out the default knowledge file ["db.json"](src/helpers/knowledge/db.json).
+
 ## Credits
 
 - WebWand's image annotation method was inspired by Microsoft's [UFO paper](https://arxiv.org/abs/2402.07939).

TROUBLESHOOTING.md

@@ -0,0 +1,51 @@
+# Troubleshooting Guide for WebWand
+
+This guide aims to help you diagnose and resolve common problems you might encounter. If you're still facing difficulties after following these steps, please reach out to us through our [GitHub Issues](https://github.com/normal-computing/web-wand/issues).
+
+
+## Common Issues and Solutions
+
+### Extension Not Loading
+
+**Symptom**: The WebWand extension doesn't appear in your browser or won't load.
+
+**Solutions**:
+1. Ensure your browser is compatible with WebWand. Currently, WebWand supports Chrome.
+2. Verify that `Developer mode` is enabled in `chrome://extensions/`
+3. (Only when you are building it from source) Make sure you've loaded the extension from the `dist` folder.
+4. Restart your browser as this can resolve many loading issues.
+
+### API Key Problems
+
+**Symptom**: Issues related to the OpenAI API key, such as authentication errors or features not working due to key issues. e.g., 404 The model `gpt-4-vision-preview` does not exist or you do not have access to it.
+
+**Solutions**:
+1. Make sure you entered a valid OpenAI API key. Note that keys can expire, so verify if yours is still active.
+2. Ensure that your OpenAI API key has the necessary permissions. Visit https://platform.openai.com/playground/chat to check your permissions. Lack of credits can also restrict access to certain models.
+
+### Dom Actions Problems
+
+**Symptom**: WebWand did not perform dom actions properly.
+
+**Solutions**:
+1. Currently, WebWand does not support running in the background. If you open a new tab or navigate away from the website that WebWand is working on, some actions may fail. Please stay on the website where you execute WebWand. 
+
+### Custom Knowledge Base Problems
+
+**Symptom**: After adding custom knowledge, WebWand crashed or did not perform according to the new knowledge about the active tab.
+
+**Solutions**:
+1. Currently, WebWand only supports basic entry validation for custom knowledge. Make sure you entered the correct host name and correct regular expressions if using a custom URL Matching Pattern. 
+
+### Voice Mode Problems
+
+**Symptom**: WebWand did not capture speech.
+
+**Solutions**:
+1. Check if WebWand has microphone access in the browser. When you turn on the voice mode in settings, the microphone access dialog should pop up in the browser; please select "allow".
+2. If the dialog didn't pop up, right-click the WebWand icon in the extensions group and select "View Web Permissions". Then select "Allow" for Microphone.
+
+
+## Reporting New Issues
+
+If you encounter a problem not covered in this guide, please help us by reporting it. Provide as much detail as possible, including steps to reproduce the issue, browser version, and any error messages you receive. Your reports are invaluable in helping us improve WebWand.