feat: fix search page and enhance server fetching logic

- Introduced a new SearchPage component for improved server search functionality.
- Fix routing to include the search page.
- Enhanced server fetching logic with a longer timeout and refined error handling for better user feedback.
- Improved loading state display in the SearchPage to indicate ongoing searches.

chore: update package and dependencies to version 1.3.0

- Bumped version of package.json and Cargo files for mcp-linker to 1.3.0.
- Ensured consistency across package management files.

Author: milisp

package.json

@@ -8,7 +8,7 @@
   "author": "milisp",
   "license": "MIT",
   "private": true,
-  "version": "1.2.9",
+  "version": "1.3.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "mcp-linker"
-version = "1.2.8"
+version = "1.3.0"
 description = "Easily connect and manage MCP servers for Claude and other clients"
 authors = ["milisp"]
 edition = "2021"
@@ -31,7 +31,7 @@ tauri-plugin-deep-link = "2"
 tokio = { version = "1.45.1", features = ["process"] }
 url = "2.5.4"
 anyhow = "1.0.98"
-git2 = "0.20.2"
+git2 = { version = "0.20.2", features = ["https", "vendored-openssl"] }
 
 [target.'cfg(not(any(target_os = "android", target_os = "ios")))'.dependencies]
 tauri-plugin-single-instance = { version = "2.0.0", features = ["deep-link"] }

src-tauri/Cargo.toml

@@ -37,9 +37,8 @@ export async function fetchServers(
   console.log("API Request:", { path, params: Object.fromEntries(params) });
 
   try {
-    // Try API with timeout (5s for search)
+    // Try API with timeout (10s for search)
     const response = await api.get(path, { timeout: 10000 });
-    toast.success("API Response:", response.data);
 
     // Ensure we always return a valid structure
     return {
@@ -50,10 +49,11 @@ export async function fetchServers(
     };
   } catch (err) {
     console.error("API Error:", err);
-    toast.error(
-      "Failed to fetch servers: " +
-        (err instanceof Error ? err.message : String(err)),
-    );
+    
+    // Only show toast for actual errors, not empty results
+    if (err instanceof Error && !err.message.includes('timeout')) {
+      toast.error("Search failed: " + err.message);
+    }
 
     // Return empty result structure instead of null
     return {

src/lib/api/servers.ts

@@ -26,10 +26,10 @@ export default function SearchPage() {
     searchTerm,
     deferredSearchTerm,
     page,
-    data,
+    serversCount: data?.servers?.length || 0,
     isFetching,
-    error,
-    allServers,
+    error: error?.message,
+    allServersCount: allServers.length,
   });
 
   useEffect(() => {
@@ -70,6 +70,11 @@ export default function SearchPage() {
   if (isFetching && servers.length === 0) {
     return (
       <div className="p-8">
+        {query && (
+          <div className="mb-6">
+            <h1 className="text-2xl font-bold">Searching for "{query}"</h1>
+          </div>
+        )}
         <div className="flex justify-center items-center py-10">
           <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"></div>
           <span className="ml-2">Searching...</span>

src/pages/search.tsx

@@ -6,6 +6,7 @@ import Favorites from "@/pages/favorites";
 import Manage from "@/pages/manage";
 import OnBoarding from "@/pages/OnBoarding";
 import Recently from "@/pages/recently";
+import SearchPage from "@/pages/search";
 import { ServerPage } from "@/pages/ServerPage";
 import { Clock, Download, LayoutGrid, Search, Star } from "lucide-react";
 import { Navigate, Route, Routes } from "react-router-dom";
@@ -19,6 +20,7 @@ export const AppRoutes = () => {
       <Route path="/categories" element={<Categories />} />
       <Route path="/manage" element={<Manage />} />
       <Route path="/recently" element={<Recently />} />
+      <Route path="/search" element={<SearchPage />} />
       <Route path="/auth" element={<AuthPage />} />
       <Route path="/servers/:id" element={<ServerPage />} />