From b2ce153d738c11ce97720713ba738f141f5ab8f9 Mon Sep 17 00:00:00 2001
From: jeanduplessis <492942+jeanduplessis@users.noreply.github.com>
Date: Thu, 25 Jun 2026 11:51:02 +0000
Subject: [PATCH] chore(web): remove MiniMax token plan banner

Co-authored-by: kiloconnect[bot] <240665456+kiloconnect[bot]@users.noreply.github.com>
---
 apps/web/src/app/(app)/layout.tsx             |  3 --
 .../shared/MiniMaxCodingPlansBanner.tsx       | 47 -------------------
 2 files changed, 50 deletions(-)
 delete mode 100644 apps/web/src/components/shared/MiniMaxCodingPlansBanner.tsx

diff --git a/apps/web/src/app/(app)/layout.tsx b/apps/web/src/app/(app)/layout.tsx
index 41f3d49201..22b5385e66 100644
--- a/apps/web/src/app/(app)/layout.tsx
+++ b/apps/web/src/app/(app)/layout.tsx
@@ -7,8 +7,6 @@ import { EventServiceProvider } from '@/contexts/EventServiceContext';
 import { AdminOmnibox } from '@/components/admin-omnibox';
 import { PrefetchedOrganizations } from './components/PrefetchedOrganizations';
 import { PlatformPresenceMount } from './components/PlatformPresenceMount';
-import { MiniMaxCodingPlansBanner } from '@/components/shared/MiniMaxCodingPlansBanner';
-
 export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (
     <RoleTestingProvider>
@@ -21,7 +19,6 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
                 <AppSidebar />
                 <SidebarInset>
                   <AppTopbar />
-                  <MiniMaxCodingPlansBanner />
                   <main className="bg-background w-full flex-1">{children}</main>
                 </SidebarInset>
               </div>
diff --git a/apps/web/src/components/shared/MiniMaxCodingPlansBanner.tsx b/apps/web/src/components/shared/MiniMaxCodingPlansBanner.tsx
deleted file mode 100644
index 5116ec1f60..0000000000
--- a/apps/web/src/components/shared/MiniMaxCodingPlansBanner.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { Megaphone, X } from 'lucide-react';
-import { Banner } from '@/components/shared/Banner';
-import { Button } from '@/components/ui/button';
-
-const DISMISS_KEY = 'minimax-coding-plans-banner-dismissed';
-
-export function MiniMaxCodingPlansBanner() {
-  // Start as dismissed to avoid a flash before localStorage is read
-  const [dismissed, setDismissed] = useState(true);
-
-  useEffect(() => {
-    setDismissed(localStorage.getItem(DISMISS_KEY) === 'true');
-  }, []);
-
-  if (dismissed) return null;
-
-  function handleDismiss() {
-    localStorage.setItem(DISMISS_KEY, 'true');
-    setDismissed(true);
-  }
-
-  return (
-    <Banner color="blue" role="banner" className="rounded-none border-x-0 border-t-0">
-      <Banner.Icon>
-        <Megaphone />
-      </Banner.Icon>
-      <Banner.Content>
-        <Banner.Title>New! Purchase MiniMax token plans with your Kilo Credits.</Banner.Title>
-      </Banner.Content>
-      <Banner.Action>
-        <Banner.Button href="/subscriptions#coding-plans">Learn more</Banner.Button>
-      </Banner.Action>
-      <Button
-        variant="ghost"
-        size="icon"
-        onClick={handleDismiss}
-        aria-label="Dismiss announcement"
-        className="h-6 w-6 shrink-0 text-blue-400 hover:bg-blue-500/20 hover:text-blue-300"
-      >
-        <X className="h-4 w-4" />
-      </Button>
-    </Banner>
-  );
-}