feat: Sync docs from applandinc.appmap.io (#2024)

Co-authored-by: Daniel-Warner-X <1229326+Daniel-Warner-X@users.noreply.github.com>

Author: 2 people

docs/appmap-docs.md

@@ -18,7 +18,7 @@ By using AppMap data, Navie is the first AI code architect with the context to u
 
 Over 90,000 software developers are using the [AppMap extension for VSCode](https://marketplace.visualstudio.com/items?itemName=appland.appmap) and the [AppMap plugin for JetBrains](https://plugins.jetbrains.com/plugin/16701-appmap).
 
-<a class="btn btn-primary btn-lg" href="/docs/get-started-with-appmap/">Get Started with AppMap</a>
+<a class="btn btn-primary btn-lg" href="/docs/get-started-with-appmap/">Get Started</a>
 
 ![AppMap Navie with Sequence diagram in Visual Studio Code](/assets/img/docs/vscode-with-navie-prompt.webp)
 _AppMap Navie with Sequence diagram in Visual Studio Code_

docs/community.md

@@ -3,7 +3,7 @@ layout: docs
 toc: true
 title: Docs - Community
 description: "Join AppMap's vibrant community on Slack for discussions, issue reporting, and become a contributor."
-redirect_from: [/docs/troubleshooting]
+redirect_from: [/docs/troubleshooting, /community]
 ---
 # Community
 

docs/get-started-with-appmap/index.md

@@ -6,7 +6,7 @@ toc: true
 redirect_from: [/docs/your-first-15-minutes-with-appmap/, /docs/code-editor-extensions/,/docs/code-editor-extensions/appmap-for-vs-code, /docs/code-editor-extensions/appmap-for-jetbrains,/docs/setup-appmap-in-your-code-editor/index.html]
 ---
 
-# Get Started with AppMap
+# Get Started
 
 <p class="alert alert-info">
 If at any point you would like some help, <a href="/slack">join us in Slack</a>!

docs/get-started-with-appmap/navie-ai-quickstart.md

@@ -20,7 +20,7 @@ redirect_from: [/docs/setup-appmap-in-your-code-editor/navie-ai-quickstart]
 
 By default, Navie uses an AppMap proxy of the latest OpenAI supported AI models. If you would like to customize your own model, you can leverage a variety of other AI model providers such as [Azure OpenAI](https://appmap.io/docs/navie-reference#azure-openai), [Fireworks.ai](https://appmap.io/docs/navie-reference#fireworks-ai), [LM Studio](https://appmap.io/docs/navie-reference#lm-studio), and more.  
 
-If you have an active GitHub Copilot subscription, you can use Navie with the [Copilot Lanauage Model](/docs/navie-reference#github-copilot-language-model) as a supported backend. Refer to the Navie Copilot documentation for instructions on how to enable.
+If you have an active GitHub Copilot subscription, you can use Navie with the [Copilot Lanauage Model](/docs/navie-reference/navie-bring-your-own-model-examples.html#github-copilot-language-model) as a supported backend. Refer to the [Navie Copilot documentation](/docs/navie-reference/navie-bring-your-own-model-examples.html#github-copilot-language-model) for instructions on how to enable.
 
 ## Open AppMap Navie AI
 
@@ -32,20 +32,21 @@ To open the Navie Chat, open the AppMap plugin in the sidebar menu for your code
 
 ## Ask Navie about your App
 
-You can ask questions about your application with Navie immediately after installing the plugin.  AppMap Data is not required but Navie only has partial information about your project and the answers will not include any runtime specific information. 
+You can ask questions about your application with Navie immediately after installing the plugin. Navie will answer questions based on analysis of your project code. For increased accuracy of more complex projects, you can record AppMap data and Navie will utilize this information as well.
 
 By default, Navie will utilize an OpenAI service hosted by AppMap. If, for data privacy or other reasons, you are do not wish to use the AppMap OpenAI proxy, you can [bring your own OpenAI API key](/docs/using-navie-ai/bring-your-own-model.html#bring-your-own-openai-api-key-byok), or use an [entirely different AI Model](/docs/using-navie-ai/bring-your-own-model.html#ollama), hosted in your environment or hosted locally.
 
-When you ask a question to Navie, it will search through all your AppMap Diagrams (if they exist) for your project to pull in relevant traces, sequence diagrams, and code snippets for analysis. It will then send these code snippets and runtime code sequence diagrams to the Generative AI service along with your question. 
+When you ask a question to Navie, it will search through all the available AppMap data for your project to pull in relevant traces, sequence diagrams, and code snippets for analysis. it will send the selected context to your preferred LLM provider.
 
-Refer to the [Using Navie docs](/docs/using-navie-ai/using-navie) to learn more about the advanced Navie chat commands you can use with your question. 
+To achieve the highest quality results, we suggest using the available command modes when prompting Navie. Simply type `@` into the chat input to access the list of available command modes.
 
-After asking Navie a question, Navie will search through your application source code, finding any relevant code snippets. It will include relevant AppMap Data like sequence diagrams and data flows if they exist for your project. You will see on the right hand side of the Navie window the relevant context from your code included with the question. 
+By default, Navie chat is in a default mode called `@explain`. Other specialized modes are available for generating diagrams, planning work, generating code and tests, and more. Consult [Using Navie docs](/docs/navie-reference/navie-commands.html) for more details on Navie commands.
 
 The Navie UI includes a standard chat window, and a context panel which will include all the context that is included in the query to the AI provider.  This context can include things such as:
 
 **Always available:**  
 - Code Snippets
+- Pinned Content
 
 **If AppMap Data exists:**  
 - Sequence Diagrams

docs/navie-reference.md

@@ -3,6 +3,7 @@ layout: docs
 title: Docs - Reference
 toc: true
 description: "Reference Guide to AppMap Navie, including advanced usage and configuration"
+redirect_for: [/docs/reference/navie]
 ---
 
 # Navie Reference

docs/navie-reference/index.md

@@ -0,0 +1,18 @@
+---
+layout: docs
+title: Docs - Reference
+description: "A reference for AppMap Navie AI"
+toc: true
+step: 1
+---
+
+# Navie Reference
+- [Navie Commands](/docs/navie-reference/navie-commands.html)
+- [Navie Options](/docs/navie-reference/navie-options.html)
+- [Bring Your Own Model Examples](/docs/navie-reference/navie-bring-your-own-model-examples.html)
+- [OpenAI Key Management](/docs/navie-reference/navie-openai-key-management.html)
+- [Accessing Navie Logs](/docs/navie-reference/navie-accessing-logs.html)
+- [GitHub Repository](/docs/navie-reference/navie-github-repository.html)
+- [How Navie Works](/docs/navie-reference/navie-how-it-works.html)
+- [Navie User Interface](/docs/navie-reference/navie-user-interface.html)
+- [Pre-built Libraries for Recording AppMap Data](/docs/navie-reference/navie-pre-built-libraries-for-appmap-data.html)

docs/navie-reference/navie-accessing-logs.md

@@ -0,0 +1,42 @@
+---
+layout: docs
+title: Docs - Reference
+name: Accessing Navie Logs
+toc: true
+step: 7
+navie-reference: true
+description: "Reference Guide to AppMap Navie AI, how-to guide for accessing logs."
+---
+
+
+# Accessing Navie Logs
+
+## Visual Studio Code
+
+You can access the Navie logs in VS Code by opening the `Output` tab and selecting `AppMap Services` from the list of available output logs.  
+
+To open the Output window, on the menu bar, choose View > Output, or in Windows press `Ctrl+Shift+U` or in Mac use `Shift+Command+U`
+
+![Open View in VS Code](/assets/img/docs/vscode-output-1.webp)
+
+Click on the output log dropdown in the right corner to view a list of all the available output logs. 
+
+![Open Output logs list](/assets/img/docs/vscode-output-2.webp)
+
+Select on the `AppMap: Services` log to view the logs from Navie. 
+
+![Select AppMap Services](/assets/img/docs/vscode-output-3.webp)
+
+## JetBrains
+
+You can enable debug logging of Navie in your JetBrains code editor by first opening `Help` > `Diagnostic Tools` > `Debug Log Settings`. 
+
+![JetBrains Debug Log menu](/assets/img/jetbrains-debug-logs.webp)  
+
+In the `Custom Debug Log Configuration` enter `appland` to enable DEBUG level logging for the AppMap plugin. 
+
+![JetBrains Debug Log Configuration](/assets/img/jetbrains-logging-configuration.webp)  
+
+Next, open `Help` > `Show Log...` will open the IDE log file. 
+
+![JetBrains Debug Show Log](/assets/img/jetbrains-show-log.webp)

docs/navie-reference/navie-bring-your-own-model-examples.md

@@ -0,0 +1,202 @@
+---
+layout: docs
+title: Docs - AppMap Navie
+description: "Reference Guide to AppMap Navie AI, examples of bring-your-own-llm configurations."
+name: Bring Your Own Model Examples
+navie-reference: true
+toc: true
+step: 5
+---
+
+# Bring Your Own Model Examples
+
+## GitHub Copilot Language Model
+
+Starting with VS Code `1.91` and greater, and with an active GitHub Copilot subscription, you can use Navie with the Copilot Language Model as a supported backend model.  This allows you to leverage the powerful runtime powered Navie AI Architect  with your existing Copilot subscription.  This is the recommended option for users in corporate environments where Copilot is the only approved and supported language model. 
+
+#### Requirements <!-- omit in toc -->
+
+The following items are required to use the GitHub Copilot Language Model with Navie:
+
+- VS Code Version `1.91` or greater
+- AppMap Extension version `v0.123.0` or greater
+- GitHub Copilot VS Code extension must be installed
+- Signed into an active paid or trial GitHub Copilot subscription
+
+#### Setup <!-- omit in toc -->
+
+Open the VS Code Settings, and search for `navie vscode`
+
+<img class="video-screenshot" src="/assets/img/product/navie-copilot-1.webp"/> 
+
+Click the box to use the `VS Code language model...`
+
+After clicking the box to enable the VS Code LM, you'll be instructed to reload your VS Code to enable these changes.
+
+<img class="video-screenshot" src="/assets/img/product/navie-copilot-2.webp"/> 
+
+After VS Code finishes reloading, open the AppMap extension.  
+
+Select `New Navie Chat`, and confirm the model listed is `(via copilot)`
+
+<img class="video-screenshot" src="/assets/img/product/navie-copilot-3.webp"/> 
+
+You'll need to allow the AppMap extension access to the Copilot Language Models.  After asking your first question to Navie, click `Allow` to the popup to allow the necessary access. 
+
+<img class="video-screenshot" src="/assets/img/product/navie-copilot-4.webp"/> 
+
+#### Troubleshooting <!-- omit in toc -->
+
+If you attempt to enable the Copilot language models without the Copilot Extension installed, you'll see the following error in your code editor. 
+
+<img class="video-screenshot" src="/assets/img/product/navie-copilot-5.webp"/> 
+
+Click `Install Copilot` to complete the installation for language model support.
+
+If you have the Copilot extension installed, but have not signed in, you'll see the following notice.
+
+<img class="video-screenshot" src="/assets/img/product/navie-copilot-6.webp"/> 
+
+Click the `Sign in to GitHub` and login with an account that has a valid paid or trial GitHub Copilot subscription.
+
+#### Video Demo  <!-- omit in toc -->
+
+{% include vimeo.html id='992238965' %}
+
+## OpenAI
+
+**Note:** We recommend configuring your OpenAI key using the code editor extension. Follow the [Bring Your Own Key](/docs/using-navie-ai/bring-your-own-model.html#configuring-your-openai-key) docs for instructions.  
+
+Only `OPENAI_API_KEY` needs to be set, other settings can stay default:
+
+| `OPENAI_API_KEY`| `sk-9spQsnE3X7myFHnjgNKKgIcGAdaIG78I3HZB4DFDWQGM` |
+
+When using your own OpenAI API key, you can also modify the OpenAI model for Navie to use.  For example if you wanted to use `gpt-3.5` or use an preview model like `gpt-4-vision-preview`.
+
+| `APPMAP_NAVIE_MODEL`| `gpt-4-vision-preview` |
+
+### Anthropic (Claude)
+
+AppMap supports the Anthropic suite of large language models such as Claude Sonnet or Claude Opus.  
+
+To use AppMap Navie with Anthropic LLMs you need to generate an API key for your account.  
+
+Login to your [Anthropic dashboard](https://console.anthropic.com/dashboard), and choose the option to "Get API Keys"
+
+Click the box to "Create Key"
+
+![Anthropic Create Key](/assets/img/product/create-anthropic-key.webp)
+
+In the next box, give your key an easy to recognize name. 
+
+![Anthropic Key Name](/assets/img/product/give-anthropic-key-name.webp)
+
+In your VS Code or JetBrains editor, configure the following environment variables.  For more details on configuring 
+these environment variables in your VS Code or JetBrains editor, refer to the [AppMap BOYK documentation.](/docs/using-navie-ai/bring-your-own-model.html#configuration)
+
+| `ANTHROPIC_API_KEY`| `sk-ant-api03-8SgtgQrGB0vTSsB_DeeIZHvDrfmrg` |
+| `APPMAP_NAVIE_MODEL`| `claude-3-5-sonnet-20240620` |
+
+
+When setting the `APPMAP_NAVIE_MODEL` refer to the [Anthropic documentation](https://docs.anthropic.com/en/docs/intro-to-claude#model-options) for the latest available models to chose from. 
+
+#### Video Demo  <!-- omit in toc -->
+
+{% include vimeo.html id='1003330117' %}
+
+## Azure OpenAI
+
+Assuming you [created](https://learn.microsoft.com/en-us/azure/ai-services/openai/how-to/create-resource) a `navie` GPT-4 deployment on `contoso.openai.azure.com` OpenAI instance:
+
+| `AZURE_OPENAI_API_KEY` | `e50edc22e83f01802893d654c4268c4f` |
+| `AZURE_OPENAI_API_VERSION` | `2024-02-01` |
+| `AZURE_OPENAI_API_INSTANCE_NAME` | `contoso` |
+| `AZURE_OPENAI_API_DEPLOYMENT_NAME` | `navie` |
+
+## AnyScale Endpoints
+
+[AnyScale Endpoints](https://www.anyscale.com/endpoints) allows querying a
+selection of open-source LLMs. After you create an account you can use it by
+setting:
+
+| `OPENAI_API_KEY` | `esecret_myxfwgl1iinbz9q5hkexemk8f4xhcou8` |
+| `OPENAI_BASE_URL` | `https://api.endpoints.anyscale.com/v1` |
+| `APPMAP_NAVIE_MODEL` | `mistralai/Mixtral-8x7B-Instruct-v0.1` |
+
+Consult [AnyScale documentation](https://docs.endpoints.anyscale.com/) for model
+names. Note we recommend using Mixtral models with Navie.
+
+#### Anyscale Demo with VS Code  <!-- omit in toc -->
+
+{% include vimeo.html id='970914908' %}
+
+#### Anyscale Demo with JetBrains  <!-- omit in toc -->
+
+{% include vimeo.html id='970914884' %}
+
+## Fireworks AI
+
+You can use [Fireworks AI](https://fireworks.ai/) and their serverless or on-demand 
+models as a compatible backend for AppMap Navie AI.
+
+After creating an account on Fireworks AI you can configure your Navie environment
+settings:
+
+| `OPENAI_API_KEY` | `WBYq2mKlK8I16ha21k233k2EwzGAJy3e0CLmtNZadJ6byfpu7c` |
+| `OPENAI_BASE_URL` | `https://api.fireworks.ai/inference/v1` |
+| `APPMAP_NAVIE_MODEL` | `accounts/fireworks/models/mixtral-8x22b-instruct` |
+
+Consult the [Fireworks AI documentation](https://fireworks.ai/models) for a full list of 
+the available models they currently support. 
+
+#### Video Demo  <!-- omit in toc -->
+
+{% include vimeo.html id='992941358' %}
+
+### Ollama
+
+You can use [Ollama](https://ollama.com/) to run Navie with local models; after
+you've successfully ran a model with `ollama run` command, you can configure
+Navie to use it:
+
+| `OPENAI_API_KEY` | `dummy` |
+| `OPENAI_BASE_URL` | `http://127.0.0.1:11434/v1` |
+| `APPMAP_NAVIE_MODEL` | `mixtral` |
+
+**Note:** Even though it's running locally a dummy placeholder API key is still required.
+
+## LM Studio
+
+You can use [LM Studio](https://lmstudio.ai/) to run Navie with local models. 
+
+After downloading a model to run, select the option to run a local server.
+
+<img class="video-screenshot" src="/assets/img/product/lmstudio-run-local-server.webp"/> 
+
+In the next window, select which model you want to load into the local inference server.
+
+<img class="video-screenshot" src="/assets/img/product/lmstudio-load-model.webp"/> 
+
+After loading your model, you can confirm it's successfully running in the logs.  
+
+*NOTE*: Save the URL it's running under to use for `OPENAI_BASE_URL` environment variable.
+
+For example: `http://localhost:1234/v1`
+
+<img class="video-screenshot" src="/assets/img/product/lmstudio-confirm-running.webp"/>
+
+In the `Model Inspector` copy the name of the model and use this for the `APPMAP_NAVIE_MODEL` environment variable.
+
+For example: `Meta-Llama-3-8B-Instruct-imatrix`
+
+<img class="video-screenshot" src="/assets/img/product/lmstudio-model-inspector.webp"/>
+
+Continue to configure your local environment with the following environment variables based on your LM Studio configuration.  Refer to the [documentation above](#bring-your-own-model-byom) for steps specific to your code editor.
+
+| `OPENAI_API_KEY` | `dummy` |
+| `OPENAI_BASE_URL` | `http://localhost:1234/v1` |
+| `APPMAP_NAVIE_MODEL` | `Meta-Llama-3-8B-Instruct-imatrix` |
+
+**Note:** Even though it's running locally a dummy placeholder API key is still required.
+
+{% include vimeo.html id='969002308' %}