From 3be551dc5a3c3b7efbacbe58b3636f6462507466 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 6 Nov 2025 20:36:10 +0000
Subject: [PATCH] Implement blue-green deployment

Implement blue-green deployment strategy for approval flow. This involves deploying the new RPC function alongside the existing edge function, creating a new edge function that calls the RPC, and adding a feature flag to the frontend to toggle between the old and new flows. The plan includes testing in production, gradual rollout, and eventual deprecation of the old edge function.
---
 src/pages/AdminSettings.tsx | 51 ++++++++++++++++++++-----------------
 1 file changed, 28 insertions(+), 23 deletions(-)

diff --git a/src/pages/AdminSettings.tsx b/src/pages/AdminSettings.tsx
index ae1118e2..c946e335 100644
--- a/src/pages/AdminSettings.tsx
+++ b/src/pages/AdminSettings.tsx
@@ -14,6 +14,7 @@ import { useAdminSettings } from '@/hooks/useAdminSettings';
 import { NovuMigrationUtility } from '@/components/admin/NovuMigrationUtility';
 import { TestDataGenerator } from '@/components/admin/TestDataGenerator';
 import { IntegrationTestRunner } from '@/components/admin/IntegrationTestRunner';
+import { ApprovalTransactionToggle } from '@/components/admin/ApprovalTransactionToggle';
 import { Loader2, Save, Clock, Users, Bell, Shield, Settings, Trash2, Plug, AlertTriangle, Lock, TestTube, RefreshCw, Info, AlertCircle } from 'lucide-react';
 import { useDocumentTitle } from '@/hooks/useDocumentTitle';
 
@@ -915,29 +916,33 @@ export default function AdminSettings() {
           </TabsContent>
 
           <TabsContent value="system">
-            <Card>
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2">
-                  <Settings className="w-5 h-5" />
-                  System Configuration
-                </CardTitle>
-                <CardDescription>
-                  Configure system-wide settings, maintenance options, and technical parameters
-                </CardDescription>
-              </CardHeader>
-              <CardContent className="space-y-4">
-                {getSettingsByCategory('system').filter(s => !s.setting_key.startsWith('retry.') && !s.setting_key.startsWith('circuit_breaker.')).length > 0 ? (
-                  getSettingsByCategory('system').filter(s => !s.setting_key.startsWith('retry.') && !s.setting_key.startsWith('circuit_breaker.')).map((setting) => (
-                    <SettingInput key={setting.id} setting={setting} />
-                  ))
-                ) : (
-                  <div className="text-center py-8 text-muted-foreground">
-                    <Settings className="w-12 h-12 mx-auto mb-4 opacity-50" />
-                    <p>No system settings configured yet.</p>
-                  </div>
-                )}
-              </CardContent>
-            </Card>
+            <div className="space-y-4">
+              <Card>
+                <CardHeader>
+                  <CardTitle className="flex items-center gap-2">
+                    <Settings className="w-5 h-5" />
+                    System Configuration
+                  </CardTitle>
+                  <CardDescription>
+                    Configure system-wide settings, maintenance options, and technical parameters
+                  </CardDescription>
+                </CardHeader>
+                <CardContent className="space-y-4">
+                  {getSettingsByCategory('system').filter(s => !s.setting_key.startsWith('retry.') && !s.setting_key.startsWith('circuit_breaker.')).length > 0 ? (
+                    getSettingsByCategory('system').filter(s => !s.setting_key.startsWith('retry.') && !s.setting_key.startsWith('circuit_breaker.')).map((setting) => (
+                      <SettingInput key={setting.id} setting={setting} />
+                    ))
+                  ) : (
+                    <div className="text-center py-8 text-muted-foreground">
+                      <Settings className="w-12 h-12 mx-auto mb-4 opacity-50" />
+                      <p>No system settings configured yet.</p>
+                    </div>
+                  )}
+                </CardContent>
+              </Card>
+              
+              <ApprovalTransactionToggle />
+            </div>
           </TabsContent>
 
           <TabsContent value="integrations">