Function McpLibraryPage

frontend/src/pages/McpLibraryPage.tsx:255–2874

()

};

export function McpLibraryPage() {
  const { toast } = useToast();
  const [searchQuery, setSearchQuery] = useState('');
  const [editorOpen, setEditorOpen] = useState(false);
  const [editingServer, setEditingServer] = useState<string | null>(null);
  const [formData, setFormData] = useState<ServerFormData>(INITIAL_FORM_DATA);
  const [isSaving, setIsSaving] = useState(false);
  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
  const [serverToDelete, setServerToDelete] = useState<string | null>(null);
  const [isDeleting, setIsDeleting] = useState(false);
  const [testingServer, setTestingServer] = useState<string | null>(null);
  const [checkingServers, setCheckingServers] = useState<Set<string>>(new Set());
  const [toolsDialogOpen, setToolsDialogOpen] = useState(false);
  const [selectedServerForTools, setSelectedServerForTools] = useState<string | null>(null);
  const [jsonValue, setJsonValue] = useState('');
  const [jsonParseError, setJsonParseError] = useState<string | null>(null);
  const [isImporting, setIsImporting] = useState(false);
  const [isTestingDiscovery, setIsTestingDiscovery] = useState(false);
  const [discoveryPreview, setDiscoveryPreview] = useState<
    | {
        name: string;
        transportType: 'http' | 'stdio';
        toolCount: number;
        tools?: { name: string; description?: string }[];
        error?: string;
        status: 'pending' | 'discovering' | 'completed' | 'failed';
        cacheToken?: string;
      }[]
    | null
  >(null);
  const [discoveryCacheTokens, setDiscoveryCacheTokens] = useState<
    Map<
      string,
      {
        cacheToken: string;
        tools: { name: string; description?: string; inputSchema?: Record<string, unknown> }[];
      }
    >
  >(new Map());
  const [activeTab, setActiveTab] = useState<'manual' | 'json'>('manual');
  const [headerEntries, setHeaderEntries] = useState<HeaderEntry[]>([]);
  const [secretPickerEntryIndex, setSecretPickerEntryIndex] = useState<number | null>(null);
  const [discoveringServerIds, setDiscoveringServerIds] = useState<Set<string>>(new Set());
  const [groupTemplates, setGroupTemplates] = useState<McpGroupTemplateResponse[]>([]);
  const [isLoadingTemplates, setIsLoadingTemplates] = useState(false);
  const [importingTemplates, setImportingTemplates] = useState<Set<string>>(new Set());
  const [templatesOpen, setTemplatesOpen] = useState(true);
  const [templatesManuallyToggled, setTemplatesManuallyToggled] = useState(false);
  // Group template discovery preview state - keyed by template slug
  const [groupDiscoveryPreview, setGroupDiscoveryPreview] = useState<
    Record<
      string,
      {
        name: string;
        transportType: 'http' | 'stdio';
        toolCount: number;
        tools?: { name: string; description?: string }[];
        error?: string;