feat(teams): add member management functionality and UI updates

- Introduced member-related components for team management: AddMemberModal, RemoveMemberModal, MemberRow, and MembersList.
- Added TeamMember and DisplayMember types for better type safety.
- Implemented Sonner component for toast notifications.
- Updated English locale files with new translations for team and environment variable management.
- Enhanced MCP installation view to include user role checks and installation update handling.
- Refactored team management view to utilize tabs for better organization of team information, members, and danger zone actions.
- Improved team selection logic to handle selected team context and fallback to default team.
- Updated gateway package dependencies for better compatibility.

Author: Lasim

package-lock.json

@@ -212,3 +212,6 @@ INSERT INTO `roles` (`id`, `name`, `description`, `permissions`, `is_system_role
 ('global_user', 'Global User', 'Standard user with basic profile access', '[]', 1, strftime('%s', 'now') * 1000, strftime('%s', 'now') * 1000),
 ('team_admin', 'Team Administrator', 'Team management with member and credential access', '[]', 1, strftime('%s', 'now') * 1000, strftime('%s', 'now') * 1000),
 ('team_user', 'Team User', 'Basic team member with view access', '[]', 1, strftime('%s', 'now') * 1000, strftime('%s', 'now') * 1000);
+
+INSERT INTO `mcpCategories` (`id`, `name`, `description`, `icon`, `sort_order`, `created_at`) 
+VALUES ('default-category-id', 'Default', 'Default category', 'Tags', 0, strftime('%s', 'now') * 1000);

services/backend/api-spec.json

@@ -53,19 +53,19 @@
     "@types/pug": "^2.0.10",
     "@types/supertest": "^6.0.3",
     "@typescript-eslint/eslint-plugin": "^8.36.0",
-    "@typescript-eslint/parser": "^8.35.1",
+    "@typescript-eslint/parser": "^8.38.0",
     "@vitest/coverage-v8": "^3.2.3",
     "drizzle-kit": "^0.31.4",
     "eslint": "^9.31.0",
     "fs-extra": "^11.3.0",
     "jest": "^30.0.4",
     "nodemon": "^3.1.10",
-    "release-it": "^19.0.2",
+    "release-it": "^19.0.4",
     "supertest": "^7.1.3",
     "ts-jest": "^29.4.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.37.0",
+    "typescript-eslint": "^8.38.0",
     "vitest": "^3.2.3"
   },
   "overrides": {

services/backend/api-spec.yaml

@@ -76,9 +76,6 @@ export const ROLE_DEFINITIONS = {
     'cloud_credentials.view',
     'mcp.servers.read',
     'mcp.installations.view',
-    'mcp.installations.create',
-    'mcp.installations.edit',
-    'mcp.installations.delete',
   ],
 } as const;
 

services/backend/drizzle/migrations_sqlite/0000_brave_maddog.sql

@@ -2,6 +2,8 @@ import { type FastifyInstance } from 'fastify';
 import createInstallationRoute from './create';
 import listInstallationsRoute from './list';
 import getInstallationRoute from './get';
+import updateInstallationRoute from './update';
+import updateEnvironmentVariablesRoute from './updateEnvironmentVars';
 import getClientConfigRoute from './config';
 import deleteInstallationRoute from './delete';
 
@@ -10,6 +12,8 @@ export default async function installationsRoutes(fastify: FastifyInstance) {
   await fastify.register(createInstallationRoute);
   await fastify.register(listInstallationsRoute);
   await fastify.register(getInstallationRoute);
+  await fastify.register(updateInstallationRoute);
+  await fastify.register(updateEnvironmentVariablesRoute);
   await fastify.register(getClientConfigRoute);
   await fastify.register(deleteInstallationRoute);
 }

services/backend/package.json

@@ -0,0 +1,172 @@
+import { type FastifyInstance } from 'fastify';
+import { z } from 'zod';
+import { createSchema } from 'zod-openapi';
+import { requireTeamPermission } from '../../../middleware/roleMiddleware';
+import { McpInstallationService } from '../../../services/mcpInstallationService';
+import { getDb } from '../../../db';
+
+// Request schema
+type UpdateInstallationSchema = {
+  installation_name?: string;
+  user_environment_variables?: Record<string, string>;
+};
+
+// Response schemas
+const installationSchema = z.object({
+  id: z.string(),
+  team_id: z.string(),
+  server_id: z.string(),
+  user_id: z.string(),
+  installation_name: z.string(),
+  installation_type: z.enum(['local', 'cloud']),
+  user_environment_variables: z.record(z.string(), z.string()).optional(),
+  created_at: z.string(),
+  updated_at: z.string(),
+  last_used_at: z.string().nullable(),
+  server: z.object({
+    id: z.string(),
+    name: z.string(),
+    description: z.string(),
+    github_url: z.string().nullable(),
+    homepage_url: z.string().nullable(),
+    author_name: z.string().nullable(),
+    language: z.string(),
+    runtime: z.string(),
+    status: z.enum(['active', 'deprecated', 'maintenance']),
+    tags: z.array(z.string()).nullable(),
+    environment_variables: z.array(z.any()).nullable(),
+    category_id: z.string().nullable()
+  }).optional()
+});
+
+const successResponseSchema = z.object({
+  success: z.boolean().default(true),
+  data: installationSchema,
+  message: z.string()
+});
+
+const errorResponseSchema = z.object({
+  success: z.boolean().default(false),
+  error: z.string()
+});
+
+export default async function updateInstallationRoute(fastify: FastifyInstance) {
+  fastify.put<{
+    Params: { teamId: string; installationId: string };
+    Body: UpdateInstallationSchema;
+  }>('/teams/:teamId/mcp/installations/:installationId', {
+    schema: {
+      tags: ['MCP Installations'],
+      summary: 'Update MCP installation',
+      description: 'Updates an existing MCP server installation. Can update installation name and environment variables. Requires Content-Type: application/json header when sending request body.',
+      security: [{ cookieAuth: [] }],
+      params: {
+        type: 'object',
+        properties: {
+          teamId: { type: 'string', minLength: 1 },
+          installationId: { type: 'string', minLength: 1 }
+        },
+        required: ['teamId', 'installationId'],
+        additionalProperties: false
+      },
+      body: {
+        type: 'object',
+        properties: {
+          installation_name: { type: 'string', minLength: 1 },
+          user_environment_variables: {
+            type: 'object',
+            additionalProperties: { type: 'string' }
+          }
+        },
+        additionalProperties: false
+      },
+      response: {
+        200: createSchema(successResponseSchema.describe('Installation updated successfully')),
+        400: createSchema(errorResponseSchema.describe('Bad Request - Validation error or installation name conflict')),
+        401: createSchema(errorResponseSchema.describe('Unauthorized - Authentication required')),
+        403: createSchema(errorResponseSchema.describe('Forbidden - Insufficient permissions')),
+        404: createSchema(errorResponseSchema.describe('Not Found - Installation not found')),
+        500: createSchema(errorResponseSchema.describe('Internal Server Error'))
+      }
+    },
+    preValidation: requireTeamPermission('mcp.installations.edit')
+  }, async (request, reply) => {
+    const { teamId, installationId } = request.params;
+    const userId = request.user!.id;
+    const updateData = request.body;
+
+    request.log.info({
+      operation: 'update_mcp_installation',
+      teamId,
+      installationId,
+      userId,
+      updateFields: Object.keys(updateData)
+    }, 'Updating MCP installation');
+
+    try {
+      const db = getDb();
+      const installationService = new McpInstallationService(db, request.log);
+      
+      const updatedInstallation = await installationService.updateInstallation(
+        installationId,
+        teamId,
+        userId,
+        updateData
+      );
+
+      if (!updatedInstallation) {
+        request.log.warn({
+          operation: 'update_mcp_installation',
+          teamId,
+          installationId,
+          userId
+        }, 'MCP installation not found for update');
+
+        const errorResponse = {
+          success: false,
+          error: 'Installation not found'
+        };
+        const jsonString = JSON.stringify(errorResponse);
+        return reply.status(404).type('application/json').send(jsonString);
+      }
+
+      request.log.info({
+        operation: 'update_mcp_installation',
+        teamId,
+        installationId,
+        userId
+      }, 'Successfully updated MCP installation');
+
+      const successResponse = {
+        success: true,
+        data: {
+          ...updatedInstallation,
+          created_at: updatedInstallation.created_at.toISOString(),
+          updated_at: updatedInstallation.updated_at.toISOString(),
+          last_used_at: updatedInstallation.last_used_at?.toISOString() || null
+        },
+        message: 'Installation updated successfully'
+      };
+      const jsonString = JSON.stringify(successResponse);
+      return reply.status(200).type('application/json').send(jsonString);
+
+    } catch (error) {
+      request.log.error({
+        operation: 'update_mcp_installation',
+        error,
+        teamId,
+        installationId,
+        userId
+      }, 'Failed to update MCP installation');
+
+      const errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';
+      
+      const errorResponse = {
+        success: false,
+        error: errorMessage
+      };
+      const jsonString = JSON.stringify(errorResponse);
+      return reply.status(500).type('application/json').send(jsonString);
+    }
+  });
+}