feat: add installation details and environment variables components

- Implemented EnvironmentVariables.vue to display user environment variables.
- Created InstallationInfo.vue for detailed installation information.
- Added DangerZone.vue for managing sensitive actions related to installations.
- Integrated new components into the installation view with tab navigation using DsTabs and DsTabsItem.
- Enhanced the UI with responsive design and accessibility features.
- Updated README.md for DsTabs component with usage examples and API reference.

Author: Lasim

services/backend/src/db/index.ts

@@ -543,6 +543,12 @@ export function registerPluginTables(plugins: Plugin[], logger?: FastifyBaseLogg
 }
 
 export async function createPluginTables(plugins: Plugin[], logger: FastifyBaseLogger) {
+  // Plugin tables are now handled by migrations
+  logger.info({
+    operation: 'create_plugin_tables'
+  }, 'Plugin tables are handled by migrations.');
+  return;
+
   if (!dbInstance || !isDbInitialized) {
     logger.warn({
       operation: 'create_plugin_tables'
@@ -570,7 +576,7 @@ export async function createPluginTables(plugins: Plugin[], logger: FastifyBaseL
     const ext = plugin.databaseExtension as DatabaseExtensionWithTables;
     if (!ext.tableDefinitions) continue;
 
-    for (const [tableName, columnDefs] of Object.entries(ext.tableDefinitions)) {
+    for (const [tableName, columnDefs] of Object.entries(ext.tableDefinitions || {})) {
       const fullTableName = `${plugin.meta.id}_${tableName}`;
 
       try {

services/backend/src/routes/mcp/installations/get.ts

@@ -0,0 +1,133 @@
+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';
+
+// 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
+});
+
+const errorResponseSchema = z.object({
+  success: z.boolean().default(false),
+  error: z.string()
+});
+
+export default async function getInstallationRoute(fastify: FastifyInstance) {
+  fastify.get<{
+    Params: { teamId: string; installationId: string };
+  }>('/teams/:teamId/mcp/installations/:installationId', {
+    schema: {
+      tags: ['MCP Installations'],
+      summary: 'Get MCP installation by ID',
+      description: 'Retrieves a specific MCP server installation by ID for the specified team.',
+      security: [{ cookieAuth: [] }],
+      params: createSchema(z.object({
+        teamId: z.string().min(1, 'Team ID is required'),
+        installationId: z.string().min(1, 'Installation ID is required')
+      }), {
+        }),
+      response: {
+        200: createSchema(successResponseSchema.describe('Installation details')),
+        401: createSchema(errorResponseSchema.describe('Unauthorized - Authentication required')),
+        403: createSchema(errorResponseSchema.describe('Forbidden - Insufficient permissions')),
+        404: createSchema(errorResponseSchema.describe('Not Found - Installation not found'))
+      }
+    },
+    preValidation: requireTeamPermission('mcp.installations.view')
+  }, async (request, reply) => {
+    const { teamId, installationId } = request.params;
+    const userId = request.user!.id;
+
+    request.log.info({
+      operation: 'get_mcp_installation',
+      teamId,
+      installationId,
+      userId
+    }, 'Getting MCP installation by ID');
+
+    try {
+      const db = getDb();
+      const installationService = new McpInstallationService(db, request.log);
+      
+      const installation = await installationService.getInstallationById(installationId, teamId);
+
+      if (!installation) {
+        request.log.warn({
+          operation: 'get_mcp_installation',
+          teamId,
+          installationId,
+          userId
+        }, 'MCP installation not found');
+
+        return reply.status(404).send({
+          success: false,
+          error: 'Installation not found'
+        });
+      }
+
+      request.log.info({
+        operation: 'get_mcp_installation',
+        teamId,
+        installationId,
+        userId
+      }, 'Retrieved MCP installation');
+
+      return reply.status(200).send({
+        success: true,
+        data: {
+          ...installation,
+          created_at: installation.created_at.toISOString(),
+          updated_at: installation.updated_at.toISOString(),
+          last_used_at: installation.last_used_at?.toISOString() || null
+        }
+      });
+
+    } catch (error) {
+      request.log.error({
+        operation: 'get_mcp_installation',
+        error,
+        teamId,
+        installationId,
+        userId
+      }, 'Failed to get MCP installation');
+
+      const errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';
+      
+      return reply.status(500).send({
+        success: false,
+        error: errorMessage
+      });
+    }
+  });
+}

services/backend/src/routes/mcp/installations/index.ts

@@ -1,13 +1,15 @@
 import { type FastifyInstance } from 'fastify';
 import createInstallationRoute from './create';
 import listInstallationsRoute from './list';
+import getInstallationRoute from './get';
 import getClientConfigRoute from './config';
 import deleteInstallationRoute from './delete';
 
 export default async function installationsRoutes(fastify: FastifyInstance) {
   // Register all installation routes
   await fastify.register(createInstallationRoute);
   await fastify.register(listInstallationsRoute);
+  await fastify.register(getInstallationRoute);
   await fastify.register(getClientConfigRoute);
   await fastify.register(deleteInstallationRoute);
 }

services/backend/src/routes/mcp/installations/list.ts

@@ -21,6 +21,8 @@ const installationSchema = z.object({
     id: z.string(),
     name: z.string(),
     description: z.string(),
+    github_url: z.string().nullable(),
+    runtime: z.string(),
     installation_methods: z.array(z.any()),
     environment_variables: z.array(z.any()),
     default_config: z.any().nullable()

services/backend/src/services/mcpInstallationService.ts

@@ -23,6 +23,8 @@ export interface McpInstallation {
     id: string;
     name: string;
     description: string;
+    github_url: string | null;
+    runtime: string;
     installation_methods: any[];
     environment_variables: any[];
     default_config: any;
@@ -85,9 +87,15 @@ export class McpInstallationService {
         id: row.server.id,
         name: row.server.name,
         description: row.server.description,
-        installation_methods: this.parseJsonField(row.server.installation_methods, []),
+        github_url: row.server.github_url,
+        homepage_url: row.server.homepage_url,
+        author_name: row.server.author_name,
+        language: row.server.language,
+        runtime: row.server.runtime,
+        status: row.server.status,
+        tags: this.parseJsonField(row.server.tags, []),
         environment_variables: this.parseJsonField(row.server.environment_variables, []),
-        default_config: this.parseJsonField(row.server.default_config, null)
+        category_id: row.server.category_id
       } : undefined
     }));
   }
@@ -134,9 +142,15 @@ export class McpInstallationService {
         id: server.id,
         name: server.name,
         description: server.description,
-        installation_methods: this.parseJsonField(server.installation_methods, []),
+        github_url: server.github_url,
+        homepage_url: server.homepage_url,
+        author_name: server.author_name,
+        language: server.language,
+        runtime: server.runtime,
+        status: server.status,
+        tags: this.parseJsonField(server.tags, []),
         environment_variables: this.parseJsonField(server.environment_variables, []),
-        default_config: this.parseJsonField(server.default_config, null)
+        category_id: server.category_id
       } : undefined
     };
   }