fix(model-registry): auto-select project after MCP server deployment (opendatahub-io#7135)

After deploying an MCP server from the catalog, navigate to the
deployments page with ?namespace= so the project selector is
pre-populated. The deployments page reads this param on mount,
sets the preferred namespace, then removes it from the URL.

Fixes: RHOAIENG-57265

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: mturley

packages/model-registry/upstream/frontend/src/app/pages/mcpDeployments/McpDeploymentsPage.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useSearchParams } from 'react-router-dom';
 import { ApplicationsPage } from 'mod-arch-shared';
 import { useNamespaceSelector, useModularArchContext } from 'mod-arch-core';
 import {
@@ -20,6 +21,7 @@ import DeleteMcpDeploymentModal from './DeleteMcpDeploymentModal';
 import { getDeploymentDisplayName } from './utils';
 
 const McpDeploymentsPage: React.FC = () => {
+  const [searchParams, setSearchParams] = useSearchParams();
   const [deployments, loaded, loadError, refresh] = useMcpDeployments();
   const [filterText, setFilterText] = React.useState('');
   const [deleteTarget, setDeleteTarget] = React.useState<McpDeployment | undefined>();
@@ -30,6 +32,23 @@ const McpDeploymentsPage: React.FC = () => {
   const isMandatoryNamespace = Boolean(config.mandatoryNamespace);
   const selectedProject = preferredNamespace?.name || '';
 
+  // If a namespace query param is present (e.g. after deploying from the catalog),
+  // use it to pre-select the project, then remove it from the URL.
+  // TODO: Remove this when the page switches to ProjectsContext (RHOAIENG-56566).
+  const namespaceParamConsumedRef = React.useRef(false);
+  React.useEffect(() => {
+    if (namespaceParamConsumedRef.current) {
+      return;
+    }
+    const ns = searchParams.get('namespace');
+    if (ns) {
+      namespaceParamConsumedRef.current = true;
+      updatePreferredNamespace({ name: ns });
+      searchParams.delete('namespace');
+      setSearchParams(searchParams, { replace: true });
+    }
+  }, [searchParams, setSearchParams, updatePreferredNamespace]);
+
   const handleProjectChange = React.useCallback(
     (projectName: string) => {
       if (!projectName || isMandatoryNamespace) {

packages/model-registry/upstream/frontend/src/app/routes/mcpCatalog/mcpCatalog.ts

@@ -3,4 +3,7 @@ export const mcpCatalogUrl = (): string => '/ai-hub/mcp-servers/catalog';
 export const mcpServerDetailsUrl = (serverId: string | number): string =>
   `${mcpCatalogUrl()}/${encodeURIComponent(String(serverId))}`;
 
-export const mcpDeploymentsUrl = (): string => '/ai-hub/mcp-deployments';
+export const mcpDeploymentsUrl = (namespace?: string): string =>
+  namespace
+    ? `/ai-hub/mcp-deployments?namespace=${encodeURIComponent(namespace)}`
+    : '/ai-hub/mcp-deployments';

packages/model-registry/upstream/frontend/src/odh/components/McpDeployModal.tsx

@@ -152,7 +152,7 @@ const McpDeployModal: React.FC<McpDeployModalProps> = ({
           'MCP server deployed successfully',
           `${displayName || k8sName} has been deployed to ${selectedNamespace}.`,
         );
-        navigate(mcpDeploymentsUrl());
+        navigate(mcpDeploymentsUrl(selectedNamespace));
       }
     } catch (e) {
       setSubmitError(