From 61f43375b977ff3b39383c682405d6a1ce9b004e Mon Sep 17 00:00:00 2001
From: poduck <poduck@gmail.com>
Date: Fri, 28 Nov 2025 21:46:28 -0500
Subject: [PATCH] refactor: Remove Marketplace link from Plugins dropdown
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Users can access the marketplace via the "Browse Marketplace" button
on the My Plugins page, so the redundant sidebar link has been removed.

The Plugins dropdown now contains:
- My Plugins
- Plugin Docs

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/src/components/Sidebar.tsx   |  9 -----
 frontend/src/pages/HelpPluginDocs.tsx | 51 ---------------------------
 2 files changed, 60 deletions(-)

diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index 8dba1ae..dd242ba 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -20,7 +20,6 @@ import {
   LifeBuoy,
   Zap,
   Plug,
-  ShoppingBag,
   Package
 } from 'lucide-react';
 import { Business, User } from '../types';
@@ -204,14 +203,6 @@ const Sidebar: React.FC<SidebarProps> = ({ business, user, isCollapsed, toggleCo
               </button>
               {isPluginsOpen && !isCollapsed && (
                 <div className="ml-4 mt-1 space-y-1 border-l border-white/20 pl-4">
-                  <Link
-                    to="/plugins/marketplace"
-                    className={`flex items-center gap-3 py-2 text-sm font-medium rounded-lg transition-colors px-3 ${location.pathname === '/plugins/marketplace' ? 'bg-white/10 text-white' : 'text-white/60 hover:text-white hover:bg-white/5'}`}
-                    title={t('nav.pluginMarketplace', 'Marketplace')}
-                  >
-                    <ShoppingBag size={16} className="shrink-0" />
-                    <span>{t('nav.pluginMarketplace', 'Marketplace')}</span>
-                  </Link>
                   <Link
                     to="/plugins/my-plugins"
                     className={`flex items-center gap-3 py-2 text-sm font-medium rounded-lg transition-colors px-3 ${location.pathname === '/plugins/my-plugins' ? 'bg-white/10 text-white' : 'text-white/60 hover:text-white hover:bg-white/5'}`}
diff --git a/frontend/src/pages/HelpPluginDocs.tsx b/frontend/src/pages/HelpPluginDocs.tsx
index abaf7ff..c3e7993 100644
--- a/frontend/src/pages/HelpPluginDocs.tsx
+++ b/frontend/src/pages/HelpPluginDocs.tsx
@@ -530,57 +530,6 @@ else:
               </ApiExample>
             </ApiSection>
 
-            {/* Navigation Callout */}
-            <div className="mb-8 p-6 bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-lg border-2 border-blue-200 dark:border-blue-800">
-              <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2">
-                <Zap className="text-blue-600 dark:text-blue-400" size={20} />
-                Plugin Management Pages
-              </h3>
-              <p className="text-gray-700 dark:text-gray-300 mb-4">
-                Access these pages from the <strong>Plugins</strong> dropdown in the sidebar:
-              </p>
-              <div className="grid gap-3">
-                <button
-                  onClick={() => navigate('/plugins/marketplace')}
-                  className="flex items-center justify-between p-4 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-600 hover:shadow-md transition-all group"
-                >
-                  <div className="flex items-center gap-3">
-                    <div className="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg">
-                      <Code className="text-blue-600 dark:text-blue-400" size={20} />
-                    </div>
-                    <div className="text-left">
-                      <div className="font-semibold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400">
-                        Plugin Marketplace
-                      </div>
-                      <div className="text-sm text-gray-600 dark:text-gray-400">
-                        Browse and install pre-built plugins
-                      </div>
-                    </div>
-                  </div>
-                  <ChevronRight className="text-gray-400 group-hover:text-blue-600 dark:group-hover:text-blue-400" size={20} />
-                </button>
-                <button
-                  onClick={() => navigate('/plugins/my-plugins')}
-                  className="flex items-center justify-between p-4 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-600 hover:shadow-md transition-all group"
-                >
-                  <div className="flex items-center gap-3">
-                    <div className="p-2 bg-purple-100 dark:bg-purple-900/30 rounded-lg">
-                      <Cpu className="text-purple-600 dark:text-purple-400" size={20} />
-                    </div>
-                    <div className="text-left">
-                      <div className="font-semibold text-gray-900 dark:text-white group-hover:text-purple-600 dark:group-hover:text-purple-400">
-                        My Plugins
-                      </div>
-                      <div className="text-sm text-gray-600 dark:text-gray-400">
-                        Manage your installed and custom plugins
-                      </div>
-                    </div>
-                  </div>
-                  <ChevronRight className="text-gray-400 group-hover:text-purple-600 dark:group-hover:text-purple-400" size={20} />
-                </button>
-              </div>
-            </div>
-
             {/* Quick Start */}
             <ApiSection id="quick-start">
               <ApiContent>