feat(mistral-ai): add app with create chat completion action

packages/docs/pages/.vitepress/config.js

@@ -313,6 +313,15 @@ export default defineConfig({
             { text: 'Connection', link: '/apps/miro/connection' },
           ],
         },
+        {
+          text: 'Mistral AI',
+          collapsible: true,
+          collapsed: true,
+          items: [
+            { text: 'Actions', link: '/apps/mistral-ai/actions' },
+            { text: 'Connection', link: '/apps/mistral-ai/connection' },
+          ],
+        },
         {
           text: 'Notion',
           collapsible: true,

packages/docs/pages/apps/mistral-ai/actions.md

@@ -0,0 +1,12 @@
+---
+favicon: /favicons/mistral-ai.svg
+items:
+  - name: Create chat completion
+    desc: Creates a chat completion.
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

packages/docs/pages/apps/mistral-ai/connection.md

@@ -0,0 +1,8 @@
+# Mistral AI
+
+1. Go to [Your API keys page](https://console.mistral.ai/api-keys/) on Mistral AI.
+2. Create a new API key.
+3. Paste the key into the `API Key` field in Automatisch.
+4. Write any screen name to be displayed in Automatisch.
+5. Click `Save`.
+6. Start using Mistral AI integration with Automatisch!

packages/docs/pages/guide/available-apps.md

@@ -31,6 +31,7 @@ The following integrations are currently supported by Automatisch.
 - [MailerLite](/apps/mailerlite/triggers)
 - [Mattermost](/apps/mattermost/actions)
 - [Miro](/apps/miro/actions)
+- [Mistral AI](/apps/mistral-ai/actions)
 - [Notion](/apps/notion/triggers)
 - [Ntfy](/apps/ntfy/actions)
 - [Odoo](/apps/odoo/actions)

packages/docs/pages/public/favicons/mistral-ai.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="256px" height="233px" viewBox="0 0 256 233" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+    <title>Mistral AI</title>
+    <g>
+        <rect fill="#000000" x="186.181818" y="0" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#F7D046" x="209.454545" y="0" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#000000" x="0" y="0" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#000000" x="0" y="46.5454545" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#000000" x="0" y="93.0909091" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#000000" x="0" y="139.636364" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#000000" x="0" y="186.181818" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#F7D046" x="23.2727273" y="0" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#F2A73B" x="209.454545" y="46.5454545" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#F2A73B" x="23.2727273" y="46.5454545" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#000000" x="139.636364" y="46.5454545" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#F2A73B" x="162.909091" y="46.5454545" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#F2A73B" x="69.8181818" y="46.5454545" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EE792F" x="116.363636" y="93.0909091" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EE792F" x="162.909091" y="93.0909091" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EE792F" x="69.8181818" y="93.0909091" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#000000" x="93.0909091" y="139.636364" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EB5829" x="116.363636" y="139.636364" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EE792F" x="209.454545" y="93.0909091" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EE792F" x="23.2727273" y="93.0909091" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#000000" x="186.181818" y="139.636364" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EB5829" x="209.454545" y="139.636364" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#000000" x="186.181818" y="186.181818" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EB5829" x="23.2727273" y="139.636364" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EA3326" x="209.454545" y="186.181818" width="46.5454545" height="46.5454545"></rect>
+        <rect fill="#EA3326" x="23.2727273" y="186.181818" width="46.5454545" height="46.5454545"></rect>
+    </g>
+</svg>