feat: implement UI registry and custom UI support for tools

- Added UIRegistry class to manage custom and default UI HTML for tools.
- Integrated custom UI support in the Server and ToolBase classes.
- Created ListDatabases tool with a corresponding UI component.
- Introduced Vite configuration for building UI components and generating HTML entries.
- Updated TypeScript configuration to support JSX and include UI components.
- Enhanced package.json with new dependencies for React and Vite.
- Updated .gitignore to exclude generated UI files.

Author: tsck

.gitignore

@@ -1,5 +1,6 @@
 dist
 node_modules
+
 .vscode/mcp.json
 .github/prompts/*
 

package.json

@@ -25,6 +25,16 @@
         "types": "./dist/cjs/tools/index.d.ts",
         "default": "./dist/cjs/tools/index.js"
       }
+    },
+    "./ui": {
+      "import": {
+        "types": "./dist/esm/ui/index.d.ts",
+        "default": "./dist/esm/ui/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/ui/index.d.ts",
+        "default": "./dist/cjs/ui/index.js"
+      }
     }
   },
   "main": "./dist/cjs/lib.js",
@@ -51,8 +61,9 @@
     "build:update-package-version": "tsx scripts/updatePackageVersion.ts",
     "build:esm": "tsc --project tsconfig.esm.json && chmod +x dist/esm/index.js",
     "build:cjs": "tsc --project tsconfig.cjs.json",
+    "build:ui": "vite build --config vite.ui.config.ts",
     "build:universal-package": "tsx scripts/createUniversalPackage.ts",
-    "build": "pnpm run build:clean && concurrently \"pnpm run build:esm\" \"pnpm run build:cjs\" && pnpm run build:universal-package",
+    "build": "pnpm run build:clean && concurrently \"pnpm run build:esm\" \"pnpm run build:cjs\" && pnpm run build:ui && pnpm run build:universal-package",
     "inspect": "pnpm run build && mcp-inspector -- dist/esm/index.js",
     "prettier": "prettier",
     "check": "concurrently \"pnpm run build\" \"pnpm run check:types\" \"pnpm run check:lint\" \"pnpm run check:format\" \"pnpm run check:dependencies\"",
@@ -86,9 +97,12 @@
     "@types/express": "^5.0.3",
     "@types/node": "^24.5.2",
     "@types/proper-lockfile": "^4.1.4",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^19.2.3",
     "@types/semver": "^7.7.0",
     "@types/yargs-parser": "^21.0.3",
     "@typescript-eslint/parser": "^8.44.0",
+    "@vitejs/plugin-react": "^5.1.1",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/eslint-plugin": "^1.3.4",
     "concurrently": "^9.2.1",
@@ -112,9 +126,15 @@
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.41.0",
     "uuid": "^13.0.0",
+    "vite": "^5.4.21",
+    "vite-plugin-node-polyfills": "^0.24.0",
+    "vite-plugin-singlefile": "^2.3.0",
     "vitest": "^3.2.4"
   },
   "dependencies": {
+    "@emotion/css": "^11.13.5",
+    "@leafygreen-ui/table": "^15.2.2",
+    "@mcp-ui/server": "^5.13.1",
     "@modelcontextprotocol/sdk": "^1.24.2",
     "@mongodb-js/device-id": "^0.3.1",
     "@mongodb-js/devtools-proxy-support": "^0.5.3",
@@ -132,6 +152,8 @@
     "node-machine-id": "1.1.12",
     "oauth4webapi": "^3.8.0",
     "openapi-fetch": "^0.15.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "ts-levenshtein": "^1.0.7",
     "voyage-ai-provider": "^2.0.0",
     "zod": "^3.25.76"