fix(marketplace): skip redundant route updates

Author: FinleyGe

projects/app/src/pages/config/tool/marketplace.tsx

@@ -44,6 +44,20 @@ import { PluginStatusEnum } from '@fastgpt/global/core/plugin/type';
 import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import { useToast } from '@fastgpt/web/hooks/useToast';
 
+type QueryValue = string | string[] | undefined;
+type QueryRecord = Record<string, QueryValue>;
+
+const getComparableQueryValue = (value: QueryValue) =>
+  Array.isArray(value) ? value.join('\0') : (value ?? '');
+
+const isSameQuery = (currentQuery: QueryRecord, nextQuery: QueryRecord) => {
+  const queryKeys = new Set([...Object.keys(currentQuery), ...Object.keys(nextQuery)]);
+
+  return Array.from(queryKeys).every(
+    (key) => getComparableQueryValue(currentQuery[key]) === getComparableQueryValue(nextQuery[key])
+  );
+};
+
 // Custom hook for managing URL search params
 const useSearchParams = () => {
   const router = useRouter();
@@ -88,6 +102,9 @@ const useSearchParams = () => {
         delete nextQuery.source;
       }
 
+      // router.replace 会触发全局 NProgress。query 没变时直接跳过，避免浅路由空转循环。
+      if (isSameQuery(router.query, nextQuery)) return;
+
       router.replace(
         {
           pathname: router.pathname,
@@ -178,14 +195,14 @@ const ToolkitMarketplace = ({ marketplaceUrl }: { marketplaceUrl: string }) => {
 
   // Control search box expansion based on focus and input value
   const [isSearchExpanded, setIsSearchExpanded] = useState(false);
-  const [isFocused, setIsFocused] = useState(false);
-  useEffect(() => {
-    if (isFocused) {
-      setIsSearchExpanded(true);
-    } else if (!inputValue) {
+  const handleSearchFocus = useCallback(() => {
+    setIsSearchExpanded(true);
+  }, []);
+  const handleSearchBlur = useCallback(() => {
+    if (!inputValue) {
       setIsSearchExpanded(false);
     }
-  }, [isFocused, inputValue]);
+  }, [inputValue]);
 
   const {
     data: tools,
@@ -681,8 +698,8 @@ const ToolkitMarketplace = ({ marketplaceUrl }: { marketplaceUrl: string }) => {
                         placeholder={t('app:toolkit_marketplace_search_placeholder')}
                         value={inputValue}
                         onChange={(e) => setInputValue(e.target.value)}
-                        onFocus={() => setIsFocused(true)}
-                        onBlur={() => setIsFocused(false)}
+                        onFocus={handleSearchFocus}
+                        onBlur={handleSearchBlur}
                       />
                       {inputValue && (
                         <MyIcon
@@ -793,8 +810,8 @@ const ToolkitMarketplace = ({ marketplaceUrl }: { marketplaceUrl: string }) => {
                   placeholder={t('app:toolkit_marketplace_search_placeholder')}
                   value={inputValue}
                   onChange={(e) => setInputValue(e.target.value)}
-                  onFocus={() => setIsFocused(true)}
-                  onBlur={() => setIsFocused(false)}
+                  onFocus={handleSearchFocus}
+                  onBlur={handleSearchBlur}
                 />
               </InputGroup>
             </Box>

projects/marketplace/src/pages/index.tsx

@@ -57,6 +57,15 @@ const getSourceFilterValue = (value: string | string[] | undefined) => {
     : undefined;
 };
 
+const isSameBrowserUrl = (nextUrl: string) => {
+  if (typeof window === 'undefined') return false;
+
+  const targetUrl = new URL(nextUrl, window.location.origin);
+  return (
+    targetUrl.pathname === window.location.pathname && targetUrl.search === window.location.search
+  );
+};
+
 const ToolkitMarketplace = () => {
   const { t, i18n } = useTranslation();
   const router = useRouter();
@@ -150,6 +159,7 @@ const ToolkitMarketplace = () => {
             window.isSecureContext ||
             (window.location.protocol === 'http:' && window.location.hostname === 'localhost')
           ) {
+            if (isSameBrowserUrl(newUrl)) return;
             try {
               window.history.replaceState({}, '', newUrl);
             } catch (historyError) {