feat(slack): Add slack integration doc (#122)

Author: nina-kollman

img/traceloop-integrations/integrations-dark.png

@@ -0,0 +1,46 @@
+---
+title: "Slack"
+description: "Get daily or weekly messages about your AI flows directly in Slack"
+---
+
+Connecting Traceloop to Slack allows you to receive automated updates about your AI flows. You can configure daily or weekly messages to stay informed about your application's performance and insights.
+
+<Steps>
+  <Step title="Set up the Integration within Traceloop">
+    Go to the [integrations page](https://app.traceloop.com/settings/integrations) within Traceloop and click on the Slack card.
+    <Frame>
+      <img className="block dark:hidden" src="/img/traceloop-integrations/integrations-light.png" />
+      <img className="hidden dark:block" src="/img/traceloop-integrations/integrations-dark.png" />
+    </Frame>
+  </Step>
+  <Step title="Authorize Slack">
+    Click on the Slack integration and follow the "Connect to Slack" button to authorize Traceloop to send messages to your Slack workspace.
+  </Step>
+  <Step title="Configure your preferences">
+    Choose your notification preferences:
+    - Select the Slack channel where you want to receive updates
+
+    <Info>
+      **Important:** Make sure to invite the Traceloop app to the channel before enabling the integration.
+    </Info>
+
+    <Frame>
+      <img src="/img/traceloop-integrations/slack-invite-app.png" />
+    </Frame>
+    - Select the desired schedule -  daily/weekly
+    - Set the required time and timezone
+    - Choose which environment to monitor
+    <Frame>
+      <img className="block dark:hidden" src="/img/traceloop-integrations/slack-settings-light.png" />
+      <img className="hidden dark:block" src="/img/traceloop-integrations/slack-settings-dark.png" />
+    </Frame>
+  </Step>
+</Steps>
+
+**That's it!**
+
+You'll now receive automated messages in your chosen Slack channel with insights about your AI flows, including key metrics and performance updates.
+
+<Frame>
+  <img src="/img/traceloop-integrations/slack-example.png" />
+</Frame>

img/traceloop-integrations/integrations-light.png

@@ -199,7 +199,10 @@
     },
     {
       "group": "Integrations",
-      "pages": ["integrations/posthog"]
+      "pages": [
+        "integrations/posthog",
+        "integrations/slack"
+      ]
     },
     {
       "group": "Contribute",