fix(docs): show manual-setup indicator for extensions without an install link (#10321)

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

documentation/src/components/server-card.tsx

@@ -149,7 +149,17 @@ export function ServerCard({ server }: { server: MCPServer }) {
                     <span>Install</span>
                     <Download className="h-4 w-4" />
                   </a>
-                ) : null}
+                ) : (
+                  <div
+                    className="manual-setup-badge"
+                    title={
+                      server.installation_notes ||
+                      "This extension requires manual setup. See details for instructions."
+                    }
+                  >
+                    Manual setup
+                  </div>
+                )}
               </div>
             </div>
           </div>

documentation/src/css/extensions.css

@@ -281,7 +281,8 @@
   color: #fa5204;
 }
 
-.built-in-badge {
+.built-in-badge,
+.manual-setup-badge {
   font-size: 0.75rem;
   padding: 0.25rem 0.5rem;
   border-radius: 999px;
@@ -322,6 +323,7 @@ html[data-theme="dark"] .command-content {
   background-color: rgba(255, 255, 255, 0.05);
 }
 
-html[data-theme="dark"] .built-in-badge {
+html[data-theme="dark"] .built-in-badge,
+html[data-theme="dark"] .manual-setup-badge {
   background-color: rgba(255, 255, 255, 0.1);
 }

documentation/src/pages/extensions/detail.tsx

@@ -225,7 +225,14 @@ const getDocumentationPath = (serverId: string): string => {
                         <span>Install</span>
                         <Download className="h-4 w-4" />
                       </a>
-                    ) : null}
+                    ) : (
+                      <div
+                        className="manual-setup-badge"
+                        title="This extension requires manual setup. See the installation notes above."
+                      >
+                        Manual setup
+                      </div>
+                    )}
                   </div>
                 </div>
               </div>