From 09bd5ba5a61ea72ea324da01bd0ab1d0854dc8d4 Mon Sep 17 00:00:00 2001
From: colegottdank <colegottdank@gmail.com>
Date: Wed, 18 Sep 2024 21:05:07 -0700
Subject: [PATCH] Enterprise fix (#2661)

---
 web/components/layout/auth/DesktopSidebar.tsx |  42 ++---
 .../ProFeatureWrapper.tsx                     |   2 +
 .../shared/helicone/FeatureUpgradeCard.tsx    | 140 ++++++++---------
 .../templates/alerts/alertsPage.tsx           |  36 ++---
 .../templates/datasets/datasetsPage.tsx       |  31 +++-
 .../templates/prompts/promptsPage.tsx         | 144 +++++++++++++++++-
 .../templates/rateLimit/rateLimitPage.tsx     |   4 +-
 .../templates/sessions/sessionsPage.tsx       |  14 +-
 .../templates/webhooks/webhooksPage.tsx       |   4 +-
 web/public/sitemap-0.xml                      |  50 +++---
 10 files changed, 326 insertions(+), 141 deletions(-)

diff --git a/web/components/layout/auth/DesktopSidebar.tsx b/web/components/layout/auth/DesktopSidebar.tsx
index ac5fb622a6..17d5a0ada4 100644
--- a/web/components/layout/auth/DesktopSidebar.tsx
+++ b/web/components/layout/auth/DesktopSidebar.tsx
@@ -45,6 +45,10 @@ const DesktopSidebar = ({ NAVIGATION }: SidebarProps) => {
     false
   );
 
+  const shouldShowInfoBox = useMemo(() => {
+    return tier === "pro" || tier === "growth";
+  }, [tier]);
+
   const [expandedItems, setExpandedItems] = useLocalStorage<string[]>(
     "expandedItems",
     []
@@ -202,26 +206,24 @@ const DesktopSidebar = ({ NAVIGATION }: SidebarProps) => {
               </nav>
             </div>
           </div>
-          {canShowInfoBox &&
-            !isCollapsed &&
-            (tier === "free" || tier === "growth") && (
-              <div className="p-2">
-                <InfoBox icon={() => <></>} className="flex flex-col">
-                  <div>
-                    <span className="text-[#1c4ed8] text-xs font-semibold leading-tight">
-                      Early Adopter Exclusive: $120 Credit for the year. <br />
-                    </span>
-                    <span className="text-[#1c4ed8] text-xs font-light leading-tight">
-                      Switch to Pro and get $10/mo credit for 1 year, as a thank
-                      you for your early support!
-                    </span>
-                  </div>
-                  <Button className="bg-blue-700 mt-[10px] text-xs" size="xs">
-                    <Link href="/settings/billing">Upgrade to Pro</Link>
-                  </Button>
-                </InfoBox>
-              </div>
-            )}
+          {canShowInfoBox && !isCollapsed && shouldShowInfoBox && (
+            <div className="p-2">
+              <InfoBox icon={() => <></>} className="flex flex-col">
+                <div>
+                  <span className="text-[#1c4ed8] text-xs font-semibold leading-tight">
+                    Early Adopter Exclusive: $120 Credit for the year. <br />
+                  </span>
+                  <span className="text-[#1c4ed8] text-xs font-light leading-tight">
+                    Switch to Pro and get $10/mo credit for 1 year, as a thank
+                    you for your early support!
+                  </span>
+                </div>
+                <Button className="bg-blue-700 mt-[10px] text-xs" size="xs">
+                  <Link href="/settings/billing">Upgrade to Pro</Link>
+                </Button>
+              </InfoBox>
+            </div>
+          )}
           <div className="mt-auto">
             {isCollapsed ? (
               <>
diff --git a/web/components/shared/ProBlockerComponents/ProFeatureWrapper.tsx b/web/components/shared/ProBlockerComponents/ProFeatureWrapper.tsx
index 6f09749d72..08df37a675 100644
--- a/web/components/shared/ProBlockerComponents/ProFeatureWrapper.tsx
+++ b/web/components/shared/ProBlockerComponents/ProFeatureWrapper.tsx
@@ -53,6 +53,8 @@ export const ProFeatureWrapper = forwardRef<
       enabled &&
       (org?.currentOrg?.tier === "pro-20240913" ||
         org?.currentOrg?.tier === "growth" ||
+        org?.currentOrg?.tier === "pro" ||
+        org?.currentOrg?.tier === "enterprise" ||
         (org?.currentOrg?.stripe_metadata as { addons?: { prompts?: boolean } })
           ?.addons?.prompts)
     );
diff --git a/web/components/shared/helicone/FeatureUpgradeCard.tsx b/web/components/shared/helicone/FeatureUpgradeCard.tsx
index b408aa21bc..391b7f8362 100644
--- a/web/components/shared/helicone/FeatureUpgradeCard.tsx
+++ b/web/components/shared/helicone/FeatureUpgradeCard.tsx
@@ -18,6 +18,7 @@ interface FeatureUpgradeCardProps {
   videoSrc?: string;
   youtubeVideo?: string;
   documentationLink: string;
+  tier?: string;
 }
 
 export const FeatureUpgradeCard: React.FC<FeatureUpgradeCardProps> = ({
@@ -27,6 +28,7 @@ export const FeatureUpgradeCard: React.FC<FeatureUpgradeCardProps> = ({
   videoSrc,
   youtubeVideo,
   documentationLink,
+  tier = "free",
 }) => {
   const [isPlanComparisonVisible, setIsPlanComparisonVisible] = useState(false);
 
@@ -60,77 +62,79 @@ export const FeatureUpgradeCard: React.FC<FeatureUpgradeCardProps> = ({
           ></iframe>
         )}
       </CardContent>
-      <CardFooter className="flex flex-col justify-between w-full">
-        <Button
-          variant="link"
-          className="px-0 w-full text-left flex justify-start"
-          onClick={() => setIsPlanComparisonVisible(!isPlanComparisonVisible)}
-        >
-          Compare my plan with Pro{" "}
-          {isPlanComparisonVisible ? (
-            <ChevronUpIcon className="ml-1 h-4 w-4" />
-          ) : (
-            <ChevronDownIcon className="ml-1 h-4 w-4" />
-          )}
-        </Button>
-        {isPlanComparisonVisible && (
-          <div className="mt-4 p-4 border rounded-md">
-            <h3 className="text-lg font-semibold mb-4">Plan Comparison</h3>
-            <div className="grid grid-cols-2 gap-4">
-              <div className="border rounded-lg p-4">
-                <h3 className="font-semibold mb-2">Free</h3>
-                <span className="text-xs text-blue-600 bg-blue-100 px-2 py-1 rounded-full">
-                  Current plan
-                </span>
-                <ul className="mt-4 space-y-2">
-                  <li className="flex items-center text-sm">
-                    <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
-                    10k free requests/month
-                  </li>
-                  <li className="flex items-center text-sm">
-                    <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
-                    Access to Dashboard
-                  </li>
-                  <li className="flex items-center text-sm">
-                    <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
-                    Free, truly
-                  </li>
-                </ul>
-              </div>
-              <div className="border rounded-lg p-4">
-                <h3 className="font-semibold mb-2">Pro</h3>
-                <span className="text-sm">$20/user</span>
-                <p className="text-sm mt-2">Everything in Free, plus:</p>
-                <ul className="mt-4 space-y-2">
-                  <li className="flex items-center text-sm">
-                    <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
-                    Limitless requests (first 100k free)
-                  </li>
-                  <li className="flex items-center text-sm">
-                    <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
-                    Access to all features
-                  </li>
-                  <li className="flex items-center text-sm">
-                    <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
-                    Standard support
-                  </li>
-                </ul>
-                <a href="#" className="text-sm text-blue-600 mt-2 block">
-                  See all features →
-                </a>
+      {tier === "free" && (
+        <CardFooter className="flex flex-col justify-between w-full">
+          <Button
+            variant="link"
+            className="px-0 w-full text-left flex justify-start"
+            onClick={() => setIsPlanComparisonVisible(!isPlanComparisonVisible)}
+          >
+            Compare my plan with Pro{" "}
+            {isPlanComparisonVisible ? (
+              <ChevronUpIcon className="ml-1 h-4 w-4" />
+            ) : (
+              <ChevronDownIcon className="ml-1 h-4 w-4" />
+            )}
+          </Button>
+          {isPlanComparisonVisible && (
+            <div className="mt-4 p-4 border rounded-md">
+              <h3 className="text-lg font-semibold mb-4">Plan Comparison</h3>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="border rounded-lg p-4">
+                  <h3 className="font-semibold mb-2">Free</h3>
+                  <span className="text-xs text-blue-600 bg-blue-100 px-2 py-1 rounded-full">
+                    Current plan
+                  </span>
+                  <ul className="mt-4 space-y-2">
+                    <li className="flex items-center text-sm">
+                      <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
+                      10k free requests/month
+                    </li>
+                    <li className="flex items-center text-sm">
+                      <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
+                      Access to Dashboard
+                    </li>
+                    <li className="flex items-center text-sm">
+                      <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
+                      Free, truly
+                    </li>
+                  </ul>
+                </div>
+                <div className="border rounded-lg p-4">
+                  <h3 className="font-semibold mb-2">Pro</h3>
+                  <span className="text-sm">$20/user</span>
+                  <p className="text-sm mt-2">Everything in Free, plus:</p>
+                  <ul className="mt-4 space-y-2">
+                    <li className="flex items-center text-sm">
+                      <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
+                      Limitless requests (first 100k free)
+                    </li>
+                    <li className="flex items-center text-sm">
+                      <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
+                      Access to all features
+                    </li>
+                    <li className="flex items-center text-sm">
+                      <CheckIcon className="mr-2 h-4 w-4 text-green-500" />
+                      Standard support
+                    </li>
+                  </ul>
+                  <a href="#" className="text-sm text-blue-600 mt-2 block">
+                    See all features →
+                  </a>
+                </div>
               </div>
             </div>
+          )}
+          <div className="flex mt-4 flex-row w-full gap-4">
+            <Button variant="outline" asChild className="w-1/2">
+              <Link href={documentationLink}>View documentation</Link>
+            </Button>
+            <Button asChild className="w-1/2">
+              <Link href="/settings/billing">Start 14-day free trial</Link>
+            </Button>
           </div>
-        )}
-        <div className="flex mt-4 flex-row w-full gap-4">
-          <Button variant="outline" asChild className="w-1/2">
-            <Link href={documentationLink}>View documentation</Link>
-          </Button>
-          <Button asChild className="w-1/2">
-            <Link href="/settings/billing">Start 14-day free trial</Link>
-          </Button>
-        </div>
-      </CardFooter>
+        </CardFooter>
+      )}
     </Card>
   );
 };
diff --git a/web/components/templates/alerts/alertsPage.tsx b/web/components/templates/alerts/alertsPage.tsx
index 63f276328d..270d396b70 100644
--- a/web/components/templates/alerts/alertsPage.tsx
+++ b/web/components/templates/alerts/alertsPage.tsx
@@ -45,6 +45,19 @@ const AlertsPage = (props: AlertsPageProps) => {
   const { data: slackChannelsData, isLoading: isLoadingSlackChannels } =
     useGetOrgSlackChannels(orgContext?.currentOrg?.id || "");
 
+  const isAlertsEnabled = () => {
+    const metadata = orgContext?.currentOrg?.stripe_metadata as {
+      addons?: { alerts?: boolean };
+    };
+    return (
+      (metadata?.addons?.alerts &&
+        orgContext?.currentOrg?.tier === "pro-20240913") ||
+      orgContext?.currentOrg?.tier === "enterprise" ||
+      orgContext?.currentOrg?.tier === "growth" ||
+      orgContext?.currentOrg?.tier === "pro"
+    );
+  };
+
   function formatTimeWindow(milliseconds: number): string {
     // Define the time windows with an index signature
 
@@ -61,7 +74,6 @@ const AlertsPage = (props: AlertsPageProps) => {
   return (
     <div className="flex flex-col space-y-16">
       <div className="flex flex-col space-y-8">
-        {/* Active Alerts */}
         <div className="flex flex-col sm:flex-row justify-between items-center">
           <div className="flex flex-col space-y-1">
             <h4 className="text-gray-800 text-xl font-semibold dark:text-gray-200">
@@ -74,16 +86,7 @@ const AlertsPage = (props: AlertsPageProps) => {
           </div>
 
           <Col className="items-end">
-            <ProFeatureWrapper
-              featureName="Alerts"
-              enabled={
-                (
-                  orgContext?.currentOrg?.stripe_metadata as {
-                    addons?: { alerts?: boolean };
-                  }
-                )?.addons?.alerts ?? false
-              }
-            >
+            <ProFeatureWrapper featureName="Alerts" enabled={isAlertsEnabled()}>
               <button
                 onClick={() => setCreateNewAlertModal(true)}
                 className="w-min bg-gray-900 hover:bg-gray-700 dark:bg-gray-100 dark:hover:bg-gray-300 whitespace-nowrap rounded-md px-4 py-2 text-sm font-semibold text-white dark:text-black shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-500"
@@ -95,16 +98,7 @@ const AlertsPage = (props: AlertsPageProps) => {
         </div>
         <ul className="">
           {alerts.length === 0 ? (
-            <ProFeatureWrapper
-              featureName="Alerts"
-              enabled={
-                (
-                  orgContext?.currentOrg?.stripe_metadata as {
-                    addons?: { alerts?: boolean };
-                  }
-                )?.addons?.alerts ?? false
-              }
-            >
+            <ProFeatureWrapper featureName="Alerts" enabled={isAlertsEnabled()}>
               <button
                 onClick={() => setCreateNewAlertModal(true)}
                 className="relative block w-full rounded-lg border-2 border-dashed bg-gray-200 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700 hover:cursor-pointer border-gray-500 p-12 text-center focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
diff --git a/web/components/templates/datasets/datasetsPage.tsx b/web/components/templates/datasets/datasetsPage.tsx
index 0a8501dc3c..6c3d0104a5 100644
--- a/web/components/templates/datasets/datasetsPage.tsx
+++ b/web/components/templates/datasets/datasetsPage.tsx
@@ -4,6 +4,8 @@ import { SortDirection } from "../../../services/lib/sorts/users/sorts";
 import AuthHeader from "../../shared/authHeader";
 import ThemedTable from "../../shared/themed/table/themedTable";
 import { FeatureUpgradeCard } from "@/components/shared/helicone/FeatureUpgradeCard";
+import { useMemo } from "react";
+import { useOrg } from "@/components/layout/organizationContext";
 
 interface DatasetsPageProps {
   currentPage: number;
@@ -23,10 +25,26 @@ const DatasetsPage = (props: DatasetsPageProps) => {
 
   const router = useRouter();
 
+  const org = useOrg();
+
+  const hasAccess = useMemo(() => {
+    return (
+      org?.currentOrg?.tier === "growth" ||
+      org?.currentOrg?.tier === "enterprise" ||
+      (org?.currentOrg?.tier === "pro-20240913" &&
+        (org?.currentOrg?.stripe_metadata as { addons?: { prompts?: boolean } })
+          ?.addons?.prompts)
+    );
+  }, [org?.currentOrg?.tier, org?.currentOrg?.stripe_metadata]);
+
+  const hasLimitedAccess = useMemo(() => {
+    return !hasAccess && (datasets?.length ?? 0) > 0;
+  }, [hasAccess, datasets?.length]);
+
   return (
     <>
       <AuthHeader title={"Datasets"} />
-      {!isLoading && datasets.length === 0 ? (
+      {!isLoading && org?.currentOrg?.tier === "free" ? (
         <div className="flex flex-col space-y-2 w-full items-center">
           <FeatureUpgradeCard
             title="Unlock Datasets"
@@ -36,6 +54,17 @@ const DatasetsPage = (props: DatasetsPageProps) => {
             documentationLink="https://docs.helicone.ai/features/sessions"
           />
         </div>
+      ) : datasets?.length === 0 ? (
+        <div className="flex flex-col space-y-2 w-full items-center">
+          <FeatureUpgradeCard
+            title="Get Started with Datasets"
+            description="You have access to Datasets, but haven't created any yet. It's easy to get started!"
+            infoBoxText="Organize your requests into datasets for evals or fine-tuning."
+            videoSrc="https://marketing-assets-helicone.s3.us-west-2.amazonaws.com/creating-dataset.mp4"
+            documentationLink="https://docs.helicone.ai/features/sessions"
+            tier={org?.currentOrg?.tier ?? "free"}
+          />
+        </div>
       ) : (
         <ThemedTable
           isDatasetsPage={true}
diff --git a/web/components/templates/prompts/promptsPage.tsx b/web/components/templates/prompts/promptsPage.tsx
index f4d15ea267..28a1cc5a87 100644
--- a/web/components/templates/prompts/promptsPage.tsx
+++ b/web/components/templates/prompts/promptsPage.tsx
@@ -58,6 +58,7 @@ import { DiffHighlight } from "../welcome/diffHighlight";
 import PromptCard from "./promptCard";
 import PromptDelete from "./promptDelete";
 import PromptUsageChart from "./promptUsageChart";
+import { UpgradeToProCTA } from "../pricing/upgradeToProCTA";
 
 interface PromptsPageProps {
   defaultIndex: number;
@@ -145,6 +146,8 @@ const PromptsPage = (props: PromptsPageProps) => {
   const hasAccess = useMemo(() => {
     return (
       org?.currentOrg?.tier === "growth" ||
+      org?.currentOrg?.tier === "enterprise" ||
+      org?.currentOrg?.tier === "pro" ||
       (org?.currentOrg?.tier === "pro-20240913" &&
         (org?.currentOrg?.stripe_metadata as { addons?: { prompts?: boolean } })
           ?.addons?.prompts)
@@ -405,7 +408,7 @@ const chatCompletion = await openai.chat.completions.create(
                 </div>
               )}
 
-              {filteredPrompts && hasLimitedAccess ? (
+              {filteredPrompts && (hasLimitedAccess || hasAccess) ? (
                 searchParams.get("view") === "card" ? (
                   <ul className="w-full h-full grid grid-cols-2 xl:grid-cols-4 gap-4">
                     {filteredPrompts.map((prompt, i) => (
@@ -519,6 +522,143 @@ const chatCompletion = await openai.chat.completions.create(
                     }}
                   />
                 )
+              ) : hasAccess || hasLimitedAccess ? (
+                <div className="flex justify-center items-center min-h-[calc(100vh-200px)]">
+                  <Card className="max-w-4xl">
+                    <CardHeader>
+                      <CardTitle>Get Started with Prompts</CardTitle>
+                      <p className="text-sm text-muted-foreground">
+                        You haven&apos;t created any prompts yet. Let&apos;s get
+                        started!
+                      </p>
+                    </CardHeader>
+                    <CardContent className="space-y-4">
+                      <InfoBox>
+                        <p className="text-sm font-medium">
+                          Version prompts, create prompt templates, and run
+                          experiments to improve prompt outputs.
+                        </p>
+                      </InfoBox>
+                      <div className="bg-muted p-4 rounded-lg">
+                        <div className="flex space-x-2 mb-2">
+                          <Button variant="outline" size="sm">
+                            Code Example
+                          </Button>
+                        </div>
+
+                        <DiffHighlight
+                          code={`
+// 1. Add this line
+import { hprompt } from "@helicone/helicone";
+
+const chatCompletion = await openai.chat.completions.create(
+{
+  messages: [
+    {
+      role: "user",
+      // 2: Add hprompt to any string, and nest any variable in additional brackets \`{}\`
+      content: hprompt\`Write a story about \${{ scene }}\`,
+    },
+  ],
+  model: "gpt-3.5-turbo",
+},
+{
+  // 3. Add Prompt Id Header
+  headers: {
+    "Helicone-Prompt-Id": "prompt_story",
+  },
+}
+);
+`}
+                          language="typescript"
+                          newLines={[]}
+                          oldLines={[]}
+                        />
+                      </div>
+                    </CardContent>
+                    <CardFooter className="flex flex-col items-start">
+                      <div className="space-x-2 mt-5">
+                        <Button variant="outline" asChild>
+                          <Link href="https://docs.helicone.ai/features/prompts">
+                            View documentation
+                          </Link>
+                        </Button>
+                      </div>
+                    </CardFooter>
+                  </Card>
+                </div>
+              ) : org?.currentOrg?.tier === "pro-20240913" ? (
+                <div className="flex justify-center items-center min-h-[calc(100vh-200px)]">
+                  <Card className="max-w-4xl">
+                    <CardHeader>
+                      <CardTitle>Need Prompts?</CardTitle>
+                      <p className="text-sm text-muted-foreground">
+                        The Prompts feature is not included in the Pro plan by
+                        default. However, you can add it to your plan as an
+                        optional extra.
+                      </p>
+                    </CardHeader>
+                    <CardContent className="space-y-4">
+                      <InfoBox>
+                        <p className="text-sm font-medium">
+                          Version prompts, create prompt templates, and run
+                          experiments to improve prompt outputs.
+                        </p>
+                      </InfoBox>
+                      <div className="bg-muted p-4 rounded-lg">
+                        <div className="flex space-x-2 mb-2">
+                          <Button variant="outline" size="sm">
+                            Code
+                          </Button>
+                        </div>
+
+                        <DiffHighlight
+                          code={`
+// 1. Add this line
+import { hprompt } from "@helicone/helicone";
+
+const chatCompletion = await openai.chat.completions.create(
+  {
+    messages: [
+      {
+        role: "user",
+        // 2: Add hprompt to any string, and nest any variable in additional brackets \`{}\`
+        content: hprompt\`Write a story about \${{ scene }}\`,
+      },
+    ],
+    model: "gpt-3.5-turbo",
+  },
+  {
+    // 3. Add Prompt Id Header
+    headers: {
+      "Helicone-Prompt-Id": "prompt_story",
+    },
+  }
+);
+ `}
+                          language="typescript"
+                          newLines={[]}
+                          oldLines={[]}
+                        />
+                      </div>
+                    </CardContent>
+                    <CardFooter className="flex flex-col items-center">
+                      <div className="w-full">
+                        <UpgradeToProCTA
+                          defaultPrompts={true}
+                          showAddons={true}
+                        />
+                      </div>
+                      <div className="space-x-2 mt-5">
+                        <Button variant="outline" asChild>
+                          <Link href="https://docs.helicone.ai/features/prompts">
+                            View documentation
+                          </Link>
+                        </Button>
+                      </div>
+                    </CardFooter>
+                  </Card>
+                </div>
               ) : (
                 <div className="flex justify-center items-center min-h-[calc(100vh-200px)]">
                   <Card className="max-w-4xl">
@@ -547,7 +687,7 @@ const chatCompletion = await openai.chat.completions.create(
                           code={`
 // 1. Add this line
 import { hprompt } from "@helicone/helicone";
- 
+
 const chatCompletion = await openai.chat.completions.create(
   {
     messages: [
diff --git a/web/components/templates/rateLimit/rateLimitPage.tsx b/web/components/templates/rateLimit/rateLimitPage.tsx
index 9d539e145e..33895654ff 100644
--- a/web/components/templates/rateLimit/rateLimitPage.tsx
+++ b/web/components/templates/rateLimit/rateLimitPage.tsx
@@ -42,7 +42,9 @@ const RateLimitPage = (props: {}) => {
   const org = useOrg();
   const isPro =
     org?.currentOrg?.tier === "pro-20240913" ||
-    org?.currentOrg?.tier === "growth";
+    org?.currentOrg?.tier === "growth" ||
+    org?.currentOrg?.tier === "pro" ||
+    org?.currentOrg?.tier === "enterprise";
 
   const rateLimitFilterLeaf = {
     request_response_rmt: {
diff --git a/web/components/templates/sessions/sessionsPage.tsx b/web/components/templates/sessions/sessionsPage.tsx
index 81de92e9e2..27e00ebbf3 100644
--- a/web/components/templates/sessions/sessionsPage.tsx
+++ b/web/components/templates/sessions/sessionsPage.tsx
@@ -99,7 +99,7 @@ const SessionsPage = (props: SessionsPageProps) => {
               setInterval={setInterval}
             />
           </Row>
-        ) : (
+        ) : org?.currentOrg?.tier === "free" ? (
           <div className="flex justify-center items-center min-h-[calc(100vh-200px)]">
             <FeatureUpgradeCard
               title="Unlock Sessions"
@@ -107,6 +107,18 @@ const SessionsPage = (props: SessionsPageProps) => {
               infoBoxText="Group and visualize multi-step LLM interactions by adding 2 simple headers."
               videoSrc="https://marketing-assets-helicone.s3.us-west-2.amazonaws.com/sessions.mp4"
               documentationLink="https://docs.helicone.ai/features/sessions"
+              tier={org?.currentOrg?.tier ?? "free"}
+            />
+          </div>
+        ) : (
+          <div className="flex justify-center items-center min-h-[calc(100vh-200px)]">
+            <FeatureUpgradeCard
+              title="Get Started with Sessions"
+              description="You have access to Sessions, but haven't created any yet. It's easy to get started!"
+              infoBoxText="Group and visualize multi-step LLM interactions by adding 2 simple headers to your requests."
+              videoSrc="https://marketing-assets-helicone.s3.us-west-2.amazonaws.com/sessions.mp4"
+              documentationLink="https://docs.helicone.ai/features/sessions"
+              tier={org?.currentOrg?.tier ?? "free"}
             />
           </div>
         )}
diff --git a/web/components/templates/webhooks/webhooksPage.tsx b/web/components/templates/webhooks/webhooksPage.tsx
index 931e36cc82..90f01821ee 100644
--- a/web/components/templates/webhooks/webhooksPage.tsx
+++ b/web/components/templates/webhooks/webhooksPage.tsx
@@ -65,8 +65,8 @@ const WebhooksPage = (props: WebhooksPageProps) => {
   return (
     <>
       <InfoBox variant="warning" className="mb-4 max-w-xl">
-        Vault is currently in beta. If you have any issues, please contact us at
-        support@helicone.ai.
+        Webhooks are currently in beta. If you have any issues, please contact
+        us at support@helicone.ai.
       </InfoBox>
       <div className="flex flex-col space-y-8">
         <div className="flex flex-row w-full justify-between items-center">
diff --git a/web/public/sitemap-0.xml b/web/public/sitemap-0.xml
index 0b7337d0d5..99b651a7c4 100644
--- a/web/public/sitemap-0.xml
+++ b/web/public/sitemap-0.xml
@@ -1,28 +1,28 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://us.helicone.ai</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/aui</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/datasets</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/developer/keys</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/evals</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/experiment/fine-tuning</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/features/customer-portal</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/features/fine-tuning</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/integration/openpipe</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/open-stats</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/pricing</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/privacy</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/rate-limit</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/reset</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/roadmap</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/settings/billing</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/settings/billing-old</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/settings/connections</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/settings/members</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/settings/organization</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/settings/rate-limits</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/signin</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/signup</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/slack/redirect</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://us.helicone.ai/terms</loc><lastmod>2024-09-18T02:27:31.084Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/aui</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/datasets</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/developer/keys</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/evals</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/experiment/fine-tuning</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/features/customer-portal</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/features/fine-tuning</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/integration/openpipe</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/open-stats</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/pricing</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/privacy</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/rate-limit</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/reset</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/roadmap</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/settings/billing</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/settings/billing-old</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/settings/connections</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/settings/members</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/settings/organization</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/settings/rate-limits</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/signin</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/signup</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/slack/redirect</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://us.helicone.ai/terms</loc><lastmod>2024-09-19T03:38:58.049Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
 </urlset>
\ No newline at end of file