From b218badbc250c9b68154c8d5fb85916f9b6812a6 Mon Sep 17 00:00:00 2001
From: Ali Waseem <waseema393@gmail.com>
Date: Wed, 11 Mar 2026 13:52:15 -0600
Subject: [PATCH] chore: Remove API docs from preview, keep logic for those who
 enabled it (#43674)

## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES

## What kind of change does this PR introduce?

Remove from preview, but keep local storage check for now for those who
enabled it.

## How to test
- Check the feature does not exist
- Enable the key manually
`localStorage.setItem('supabase-ui-api-side-panel', 'true')` to see it
work
---
 .../FeaturePreview/APISidePanelPreview.tsx    | 38 -------------------
 .../FeaturePreview/FeaturePreviewModal.tsx    |  2 -
 2 files changed, 40 deletions(-)
 delete mode 100644 apps/studio/components/interfaces/App/FeaturePreview/APISidePanelPreview.tsx

diff --git a/apps/studio/components/interfaces/App/FeaturePreview/APISidePanelPreview.tsx b/apps/studio/components/interfaces/App/FeaturePreview/APISidePanelPreview.tsx
deleted file mode 100644
index 4f039cdbc25..00000000000
--- a/apps/studio/components/interfaces/App/FeaturePreview/APISidePanelPreview.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useParams } from 'common'
-import { InlineLink } from 'components/ui/InlineLink'
-import { BASE_PATH } from 'lib/constants'
-import Image from 'next/image'
-
-export const APISidePanelPreview = () => {
-  const { ref } = useParams()
-
-  return (
-    <div className="space-y-2">
-      <p className="text-foreground-light text-sm mb-4">
-        Your project's API documentation will be available on any page across the dashboard. <br />
-        Get contextualized code snippets based on what you're viewing in the dashboard. Less
-        thinking, more building.
-      </p>
-      <Image
-        src={`${BASE_PATH}/img/previews/api-docs-preview.png`}
-        width={1860}
-        height={970}
-        alt="api-docs-side-panel-preview"
-        className="rounded border"
-      />
-      <div className="space-y-2 !mt-4">
-        <p className="text-sm">Enabling this preview will:</p>
-        <ul className="list-disc pl-6 text-sm text-foreground-light space-y-1">
-          <li>
-            Replace the original API documentation page with a global API documentation side panel
-            that can be accessed anywhere while in a project.
-          </li>
-          <li>
-            Move the GraphiQL interface the Database section of the dashboard{' '}
-            <InlineLink href={`/project/${ref}/database/graphiql`}>here</InlineLink>.
-          </li>
-        </ul>
-      </div>
-    </div>
-  )
-}
diff --git a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx
index ca9f986f09f..793a740533d 100644
--- a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx
+++ b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx
@@ -20,7 +20,6 @@ import {
 } from 'ui'
 
 import { AdvisorRulesPreview } from './AdvisorRulesPreview'
-import { APISidePanelPreview } from './APISidePanelPreview'
 import { Branching2Preview } from './Branching2Preview'
 import { CLSPreview } from './CLSPreview'
 import { useFeaturePreviewContext, useFeaturePreviewModal } from './FeaturePreviewContext'
@@ -38,7 +37,6 @@ const FEATURE_PREVIEW_KEY_TO_CONTENT: {
   [LOCAL_STORAGE_KEYS.UI_PREVIEW_BRANCHING_2_0]: <Branching2Preview />,
   [LOCAL_STORAGE_KEYS.UI_PREVIEW_PG_DELTA_DIFF]: <PgDeltaDiffPreview />,
   [LOCAL_STORAGE_KEYS.UI_PREVIEW_ADVISOR_RULES]: <AdvisorRulesPreview />,
-  [LOCAL_STORAGE_KEYS.UI_PREVIEW_API_SIDE_PANEL]: <APISidePanelPreview />,
   [LOCAL_STORAGE_KEYS.UI_PREVIEW_CLS]: <CLSPreview />,
   [LOCAL_STORAGE_KEYS.UI_PREVIEW_UNIFIED_LOGS]: <UnifiedLogsPreview />,
   [LOCAL_STORAGE_KEYS.UI_PREVIEW_QUEUE_OPERATIONS]: <QueueOperationsPreview />,