feat(all): implement storage-first architecture in BasicInfoStepEdit component

Author: Lasim

package-lock.json

@@ -72,6 +72,14 @@ export const globalSettings: GlobalSettingsModule = {
       description: 'Send welcome email to users when they verify their email or login via OAuth flows (GitHub, etc.)',
       encrypted: false,
       required: false
+    },
+    {
+      key: 'global.show_mcp_catalog_banner',
+      defaultValue: false,
+      type: 'boolean',
+      description: 'Show banner during MCP installation to inform users that adding new servers to the DeployStack catalog requires submitting a pull request to the awesome-mcp-server repository',
+      encrypted: false,
+      required: false
     }
   ]
 };

services/backend/src/global-settings/global.ts

@@ -1,5 +1,6 @@
 import { type FastifyInstance } from 'fastify';
 import { DeviceService } from '../../../../services/deviceService';
+import { getDb } from '../../../../db';
 import { requireAuthentication } from '../../../../middleware/roleMiddleware';
 import { 
   SUCCESS_RESPONSE_SCHEMA,
@@ -11,7 +12,8 @@ import {
 } from './schemas';
 
 export default async function deleteDeviceRoute(server: FastifyInstance) {
-  const deviceService = new DeviceService(server.db);
+  const db = getDb();
+  const deviceService = new DeviceService(db);
 
   server.delete('/users/me/devices/:deviceId', {
     preValidation: requireAuthentication(),

services/backend/src/routes/users/me/devices/delete.ts

@@ -1,5 +1,6 @@
 import { type FastifyInstance } from 'fastify';
 import { DeviceService } from '../../../../services/deviceService';
+import { getDb } from '../../../../db';
 import { requireAuthentication } from '../../../../middleware/roleMiddleware';
 import { 
   DEVICE_DETAIL_RESPONSE_SCHEMA, 
@@ -11,7 +12,8 @@ import {
 } from './schemas';
 
 export default async function getDeviceRoute(server: FastifyInstance) {
-  const deviceService = new DeviceService(server.db);
+  const db = getDb();
+  const deviceService = new DeviceService(db);
 
   server.get('/users/me/devices/:deviceId', {
     preValidation: requireAuthentication(),

services/backend/src/routes/users/me/devices/get.ts

@@ -1,5 +1,6 @@
 import { type FastifyInstance } from 'fastify';
 import { DeviceService } from '../../../../services/deviceService';
+import { getDb } from '../../../../db';
 import { requireAuthentication } from '../../../../middleware/roleMiddleware';
 import { 
   DEVICES_LIST_RESPONSE_SCHEMA, 
@@ -9,7 +10,8 @@ import {
 } from './schemas';
 
 export default async function listDevicesRoute(server: FastifyInstance) {
-  const deviceService = new DeviceService(server.db);
+  const db = getDb();
+  const deviceService = new DeviceService(db);
 
   server.get('/users/me/devices', {
     preValidation: requireAuthentication(),

services/backend/src/routes/users/me/devices/list.ts

@@ -1,5 +1,6 @@
 import { type FastifyInstance } from 'fastify';
 import { DeviceService } from '../../../../services/deviceService';
+import { getDb } from '../../../../db';
 import { requireAuthentication } from '../../../../middleware/roleMiddleware';
 import { 
   UPDATE_DEVICE_SCHEMA,
@@ -13,7 +14,8 @@ import {
 } from './schemas';
 
 export default async function updateDeviceRoute(server: FastifyInstance) {
-  const deviceService = new DeviceService(server.db);
+  const db = getDb();
+  const deviceService = new DeviceService(db);
 
   server.put('/users/me/devices/:deviceId', {
     preValidation: requireAuthentication(),

services/backend/src/routes/users/me/devices/update.ts

@@ -188,12 +188,18 @@ describe('encryption.ts', () => {
 
     it('should throw error for tampered encrypted data', () => {
       process.env.DEPLOYSTACK_ENCRYPTION_SECRET = 'test-secret-key';
-      const plaintext = 'Original message';
+      const plaintext = 'Original message that is longer to ensure meaningful encrypted data';
       const encrypted = encrypt(plaintext);
 
-      // Tamper with the encrypted data
+      // Get the components
       const [iv, authTag, encryptedData] = encrypted.split(':');
-      const tamperedData = iv + ':' + authTag + ':' + encryptedData.slice(0, -2) + '00';
+      
+      // Ensure we have sufficient encrypted data to tamper with
+      expect(encryptedData.length).toBeGreaterThan(4);
+      
+      // Method 1: Tamper with encrypted data by changing bytes in the middle
+      const tamperedEncrypted = encryptedData.substring(0, 4) + 'ff' + encryptedData.substring(6);
+      const tamperedData = iv + ':' + authTag + ':' + tamperedEncrypted;
 
       expect(() => decrypt(tamperedData)).toThrow('Decryption failed');
     });

services/backend/tests/unit/utils/encryption.test.ts

@@ -38,10 +38,10 @@ const sidebarStyle = computed(() => ({
         </div>
       </header>
 
-      <Separator class="my-6" />
+      <Separator class="my-6 max-w-7xl" />
 
       <!-- Content area -->
-      <div class="flex flex-1 flex-col gap-4 p-4 pt-0">
+      <div class="flex flex-1 flex-col gap-4 p-4 pt-0 max-w-7xl">
         <slot />
       </div>
     </SidebarInset>