From e576e7b3243d1868398aefa1327e832fdb4ec655 Mon Sep 17 00:00:00 2001
From: Marc Klingen <git@marcklingen.com>
Date: Sat, 21 Dec 2024 13:03:58 +0100
Subject: [PATCH] chore: remove beta flag from posthog integration and update
 Availability Banner

---
 components/availability.tsx                | 41 ++++------------------
 pages/docs/analytics/posthog.mdx           | 12 +++----
 pages/docs/datasets/prompt-experiments.mdx |  2 +-
 pages/docs/playground.mdx                  |  2 +-
 pages/docs/scores/annotation.mdx           |  2 +-
 pages/docs/scores/model-based-evals.mdx    |  2 +-
 theme.config.tsx                           |  9 +----
 7 files changed, 15 insertions(+), 55 deletions(-)

diff --git a/components/availability.tsx b/components/availability.tsx
index 69b998d14..a64e7949e 100644
--- a/components/availability.tsx
+++ b/components/availability.tsx
@@ -19,47 +19,18 @@ const availabilities: {
     shortLabel: "Enterprise",
     Icon: Check,
   },
+  {
+    id: "pro",
+    label: "Pro & Enterprise",
+    shortLabel: "Pro & Enterprise",
+    Icon: Check,
+  },
   { id: "full", label: "Full", Icon: Check },
   { id: "private-beta", label: "Private Beta", Icon: Check },
   { id: "public-beta", label: "Public Beta", Icon: Check },
   { id: "not-available", label: "Not Available", Icon: X },
 ];
 
-export function AvailabilitySidebar(props: {
-  frontMatter: Record<string, any>;
-}) {
-  const relevantFrontMatter = Object.entries(props.frontMatter)
-    .filter(([key, value]) => key.startsWith("availability"))
-    .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
-
-  if (Object.keys(relevantFrontMatter).length === 0) return null;
-
-  return (
-    <div className="flex flex-col space-y-2 text-primary/60 w-full align-middle border-y py-2">
-      <div className="font-bold">Availability</div>
-      <ul className="flex flex-col space-y-1">
-        {plans
-          .filter((plan) => `availability.${plan.id}` in relevantFrontMatter)
-          .map((plan) => {
-            const availability = availabilities.find(
-              (availability) =>
-                relevantFrontMatter[`availability.${plan.id}`] ===
-                availability.id
-            );
-            if (!availability) return null;
-            return (
-              <li key={plan.id} className="flex flex-row gap-2">
-                <availability.Icon className="w-4 h-4 inline-block" />
-                <div className="font-bold">{plan.label}</div>
-                <div>{availability.label}</div>
-              </li>
-            );
-          })}
-      </ul>
-    </div>
-  );
-}
-
 export function AvailabilityBanner(props: {
   availability: Record<
     (typeof plans)[number]["id"],
diff --git a/pages/docs/analytics/posthog.mdx b/pages/docs/analytics/posthog.mdx
index 64c276418..17f6d2f1f 100644
--- a/pages/docs/analytics/posthog.mdx
+++ b/pages/docs/analytics/posthog.mdx
@@ -1,20 +1,16 @@
 ---
 title: PostHog for LLM Apps with Langfuse (open source)
 description: Display your Langfuse metrics in Posthog dashboards.
-availability.hobby: public-beta
-availability.pro: public-beta
-availability.team: public-beta
-availability.selfHosted: not-available
 ---
 
 # PostHog Integration
 
 <AvailabilityBanner
   availability={{
-    hobby: "public-beta",
-    pro: "public-beta",
-    team: "public-beta",
-    selfHosted: "ee",
+    hobby: "full",
+    pro: "full",
+    team: "full",
+    selfHosted: "pro",
   }}
 />
 
diff --git a/pages/docs/datasets/prompt-experiments.mdx b/pages/docs/datasets/prompt-experiments.mdx
index 60a6d125c..b5e116193 100644
--- a/pages/docs/datasets/prompt-experiments.mdx
+++ b/pages/docs/datasets/prompt-experiments.mdx
@@ -10,7 +10,7 @@ description: Run prompt experiments on datasets with LLM-as-a-Judge evaluations.
     hobby: "public-beta",
     pro: "public-beta",
     team: "public-beta",
-    selfHosted: "ee",
+    selfHosted: "pro",
   }}
 />
 
diff --git a/pages/docs/playground.mdx b/pages/docs/playground.mdx
index cceec00f2..292bc641e 100644
--- a/pages/docs/playground.mdx
+++ b/pages/docs/playground.mdx
@@ -9,7 +9,7 @@ description: Test, iterate, and compare different prompts and models within the
     hobby: "full",
     pro: "full",
     team: "full",
-    selfHosted: "ee",
+    selfHosted: "pro",
   }}
 />
 
diff --git a/pages/docs/scores/annotation.mdx b/pages/docs/scores/annotation.mdx
index ad30520f4..428d757da 100644
--- a/pages/docs/scores/annotation.mdx
+++ b/pages/docs/scores/annotation.mdx
@@ -104,7 +104,7 @@ Upon completing annotation click on the `Scores` tab to view a table of all the
     hobby: "full",
     pro: "full",
     team: "full",
-    selfHosted: "ee",
+    selfHosted: "pro",
   }}
 />
 
diff --git a/pages/docs/scores/model-based-evals.mdx b/pages/docs/scores/model-based-evals.mdx
index 1b997c033..ea9ce8838 100644
--- a/pages/docs/scores/model-based-evals.mdx
+++ b/pages/docs/scores/model-based-evals.mdx
@@ -10,7 +10,7 @@ description: Langfuse (open source) helps run model-based evaluations (llm-as-a-
     hobby: "full",
     pro: "full",
     team: "full",
-    selfHosted: "ee",
+    selfHosted: "pro",
   }}
 />
 
diff --git a/theme.config.tsx b/theme.config.tsx
index 0775d3a40..1384007bf 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -12,10 +12,7 @@ import { GeistSans } from "geist/font/sans";
 import IconDiscord from "./components/icons/discord";
 import FooterMenu from "./components/FooterMenu";
 import Link from "next/link";
-import {
-  AvailabilityBanner,
-  AvailabilitySidebar,
-} from "./components/availability";
+import { AvailabilityBanner } from "./components/availability";
 import { CloudflareVideo, Video } from "./components/Video";
 // import InkeepCustomTrigger from "./components/inkeep/InkeepCustomTrigger";
 import InkeepSearchBar from "./components/inkeep/InkeepSearchBar";
@@ -72,10 +69,6 @@ const config: DocsThemeConfig = {
   },
   toc: {
     backToTop: true,
-    extraContent: () => {
-      const { frontMatter } = useConfig();
-      return <AvailabilitySidebar frontMatter={frontMatter} />;
-    },
   },
   docsRepositoryBase: "https://github.com/langfuse/langfuse-docs/tree/main",
   footer: {