feat(ui): bump mod-arch packages to 1.15.3 and use McpCatalogIcon

- Bump mod-arch-core, mod-arch-kubeflow, and mod-arch-shared from
  ~1.12.0 to ~1.15.3
- Use ProjectObjectType.mcpCatalog instead of ProjectObjectType.modelCatalog
  in MCP Catalog pages so they render the dedicated McpCatalogIcon
- Add mod-arch-shared/dist and mod-arch-kubeflow/dist as fallback paths
  for the ~ webpack alias to work around unresolved tsc-alias paths in
  the 1.15.3 release

Assisted-by: Claude
Signed-off-by: manaswinidas <dasmanaswini10@gmail.com>
Made-with: Cursor
Signed-off-by: manaswinidas <dasmanaswini10@gmail.com>
Made-with: Cursor

Author: manaswinidas

clients/ui/frontend/config/webpack.common.js

@@ -236,7 +236,11 @@ module.exports = (env) => ({
   resolve: {
     extensions: ['.js', '.ts', '.tsx', '.jsx', '.yaml'],
     alias: {
-      '~': path.resolve(SRC_DIR),
+      '~': [
+        path.resolve(SRC_DIR),
+        path.resolve(__dirname, '../node_modules/mod-arch-shared/dist'),
+        path.resolve(__dirname, '../node_modules/mod-arch-kubeflow/dist'),
+      ],
       // Set SAMPLE_CATALOG_YAML_PATH to override the bundled sample YAML with a custom file at build time.
       ...(process.env.SAMPLE_CATALOG_YAML_PATH && {
         '~/app/pages/modelCatalogSettings/sample-catalog.yaml': path.resolve(

clients/ui/frontend/package-lock.json

@@ -101,9 +101,9 @@
     "classnames": "^2.2.6",
     "dompurify": "^3.3.2",
     "lodash-es": "^4.18.1",
-    "mod-arch-core": "~1.12.0",
-    "mod-arch-kubeflow": "~1.12.0",
-    "mod-arch-shared": "~1.12.0",
+    "mod-arch-core": "~1.15.3",
+    "mod-arch-kubeflow": "~1.15.3",
+    "mod-arch-shared": "~1.15.3",
     "react": "^18",
     "react-dom": "^18",
     "react-markdown": "^10.1.0",

clients/ui/frontend/package.json

@@ -5,7 +5,11 @@ const webpackConfig = {
   resolve: {
     extensions: ['.ts', '.tsx', '.js', '.jsx'],
     alias: {
-      '~': path.resolve(__dirname, '../../'),
+      '~': [
+        path.resolve(__dirname, '../../'),
+        path.resolve(__dirname, '../../../node_modules/mod-arch-shared/dist'),
+        path.resolve(__dirname, '../../../node_modules/mod-arch-kubeflow/dist'),
+      ],
     },
   },
   module: {

clients/ui/frontend/src/__tests__/cypress/webpack.config.ts

@@ -24,7 +24,7 @@ const McpCatalogCoreLoader: React.FC = () => {
     return (
       <ApplicationsPage
         title={
-          <TitleWithIcon title={MCP_CATALOG_TITLE} objectType={ProjectObjectType.modelCatalog} />
+          <TitleWithIcon title={MCP_CATALOG_TITLE} objectType={ProjectObjectType.mcpCatalog} />
         }
         description={MCP_CATALOG_DESCRIPTION}
         headerContent={null}
@@ -45,7 +45,7 @@ const McpCatalogCoreLoader: React.FC = () => {
     return (
       <ApplicationsPage
         title={
-          <TitleWithIcon title={MCP_CATALOG_TITLE} objectType={ProjectObjectType.modelCatalog} />
+          <TitleWithIcon title={MCP_CATALOG_TITLE} objectType={ProjectObjectType.mcpCatalog} />
         }
         description={MCP_CATALOG_DESCRIPTION}
         headerContent={null}
@@ -60,7 +60,7 @@ const McpCatalogCoreLoader: React.FC = () => {
     return (
       <ApplicationsPage
         title={
-          <TitleWithIcon title={MCP_CATALOG_TITLE} objectType={ProjectObjectType.modelCatalog} />
+          <TitleWithIcon title={MCP_CATALOG_TITLE} objectType={ProjectObjectType.mcpCatalog} />
         }
         description={MCP_CATALOG_DESCRIPTION}
         empty

clients/ui/frontend/src/app/pages/mcpCatalog/McpCatalogCoreLoader.tsx

@@ -37,7 +37,7 @@ const McpCatalog: React.FC = () => {
       <ScrollViewOnMount shouldScroll scrollToTop />
       <ApplicationsPage
         title={
-          <TitleWithIcon title={MCP_CATALOG_TITLE} objectType={ProjectObjectType.modelCatalog} />
+          <TitleWithIcon title={MCP_CATALOG_TITLE} objectType={ProjectObjectType.mcpCatalog} />
         }
         description={MCP_CATALOG_DESCRIPTION}
         empty={false}