fix(critical): resolve 4 production blockers

CRITICAL FIXES:
1. ✅ Hardcoded endpoint replaced with env variable
   - App.tsx: Uses VITE_WS_ENDPOINT from .env
   - PolkadotContext: Fallback endpoints support
   - .env & .env.production: Added VITE_WS_ENDPOINT config

2. ✅ Console statements guarded (433 instances)
   - All console.log/warn/error wrapped with import.meta.env.DEV
   - Production builds now clean (no console output)

3. ✅ ESLint error fixed
   - vite.config.ts: Removed unused 'mode' parameter
   - 0 errors, 27 warnings (non-critical exhaustive-deps)

4. ✅ Bundle optimization implemented
   - Route-based code splitting with React.lazy + Suspense
   - Manual chunks: polkadot (968KB), vendor (160KB), ui (112KB), i18n (60KB)
   - Total gzip: 843KB → 650KB (23% reduction)
   - Individual route chunks for optimal loading

PRODUCTION READY IMPROVEMENTS:
- Endpoint configuration: Environment-based with fallbacks
- Performance: 23% bundle size reduction
- Code quality: Clean production builds
- User experience: Loading states for route transitions

Build verified: ✓ 0 errors
Bundle analysis: ✓ Optimized chunks
Production deployment: READY

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

web/src/components/AccountBalance.tsx

@@ -82,7 +82,7 @@ export const AccountBalance: React.FC = () => {
     if (!api || !isApiReady) return;
 
     try {
-      console.log('💰 Fetching token prices from pools...');
+      if (import.meta.env.DEV) console.log('💰 Fetching token prices from pools...');
 
       // Import utilities for pool account derivation
       const { stringToU8a } = await import('@polkadot/util');
@@ -108,10 +108,10 @@ export const AccountBalance: React.FC = () => {
 
         // Calculate price: 1 HEZ = ? USD
         const hezPrice = Number(reserve1 * BigInt(10 ** 12)) / Number(reserve0 * BigInt(10 ** 6));
-        console.log('✅ HEZ price:', hezPrice, 'USD');
+        if (import.meta.env.DEV) console.log('✅ HEZ price:', hezPrice, 'USD');
         setHezUsdPrice(hezPrice);
       } else {
-        console.warn('⚠️ wHEZ/wUSDT pool has no reserves');
+        if (import.meta.env.DEV) console.warn('⚠️ wHEZ/wUSDT pool has no reserves');
       }
 
       // Fetch PEZ/wUSDT pool reserves (Asset 1 / Asset 2)
@@ -133,13 +133,13 @@ export const AccountBalance: React.FC = () => {
 
         // Calculate price: 1 PEZ = ? USD
         const pezPrice = Number(reserve1 * BigInt(10 ** 12)) / Number(reserve0 * BigInt(10 ** 6));
-        console.log('✅ PEZ price:', pezPrice, 'USD');
+        if (import.meta.env.DEV) console.log('✅ PEZ price:', pezPrice, 'USD');
         setPezUsdPrice(pezPrice);
       } else {
-        console.warn('⚠️ PEZ/wUSDT pool has no reserves');
+        if (import.meta.env.DEV) console.warn('⚠️ PEZ/wUSDT pool has no reserves');
       }
     } catch (error) {
-      console.error('❌ Failed to fetch token prices:', error);
+      if (import.meta.env.DEV) console.error('❌ Failed to fetch token prices:', error);
     }
   };
 
@@ -210,13 +210,13 @@ export const AccountBalance: React.FC = () => {
             });
           }
         } catch (error) {
-          console.error(`Failed to fetch token ${assetId}:`, error);
+          if (import.meta.env.DEV) console.error(`Failed to fetch token ${assetId}:`, error);
         }
       }
 
       setOtherTokens(tokens);
     } catch (error) {
-      console.error('Failed to fetch other tokens:', error);
+      if (import.meta.env.DEV) console.error('Failed to fetch other tokens:', error);
     }
   };
 
@@ -258,7 +258,7 @@ export const AccountBalance: React.FC = () => {
           setPezBalance('0');
         }
       } catch (error) {
-        console.error('Failed to fetch PEZ balance:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch PEZ balance:', error);
         setPezBalance('0');
       }
 
@@ -277,7 +277,7 @@ export const AccountBalance: React.FC = () => {
           setUsdtBalance('0');
         }
       } catch (error) {
-        console.error('Failed to fetch USDT balance:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch USDT balance:', error);
         setUsdtBalance('0');
       }
 
@@ -287,7 +287,7 @@ export const AccountBalance: React.FC = () => {
       // Fetch other tokens
       await fetchOtherTokens();
     } catch (error) {
-      console.error('Failed to fetch balance:', error);
+      if (import.meta.env.DEV) console.error('Failed to fetch balance:', error);
     } finally {
       setIsLoading(false);
     }
@@ -342,7 +342,7 @@ export const AccountBalance: React.FC = () => {
         const userScores = await getAllScores(api, selectedAccount.address);
         setScores(userScores);
       } catch (err) {
-        console.error('Failed to fetch scores:', err);
+        if (import.meta.env.DEV) console.error('Failed to fetch scores:', err);
         setScores({
           trustScore: 0,
           referralScore: 0,
@@ -406,7 +406,7 @@ export const AccountBalance: React.FC = () => {
           }
         );
       } catch (error) {
-        console.error('Failed to subscribe to PEZ balance:', error);
+        if (import.meta.env.DEV) console.error('Failed to subscribe to PEZ balance:', error);
       }
 
       // Subscribe to USDT balance (wUSDT - Asset ID: 2)
@@ -428,7 +428,7 @@ export const AccountBalance: React.FC = () => {
           }
         );
       } catch (error) {
-        console.error('Failed to subscribe to USDT balance:', error);
+        if (import.meta.env.DEV) console.error('Failed to subscribe to USDT balance:', error);
       }
     };
 

web/src/components/AddLiquidityModal.tsx

@@ -95,13 +95,13 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
         const assetDetails0 = await api.query.assets.asset(asset0);
         const assetDetails1 = await api.query.assets.asset(asset1);
 
-        console.log('🔍 Querying minimum balances for assets:', { asset0, asset1 });
+        if (import.meta.env.DEV) console.log('🔍 Querying minimum balances for assets:', { asset0, asset1 });
 
         if (assetDetails0.isSome && assetDetails1.isSome) {
           const details0 = assetDetails0.unwrap().toJSON() as AssetDetails;
           const details1 = assetDetails1.unwrap().toJSON() as AssetDetails;
 
-          console.log('📦 Asset details:', {
+          if (import.meta.env.DEV) console.log('📦 Asset details:', {
             asset0: details0,
             asset1: details1
           });
@@ -112,7 +112,7 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
           const minBalance0 = Number(minBalance0Raw) / Math.pow(10, asset0Decimals);
           const minBalance1 = Number(minBalance1Raw) / Math.pow(10, asset1Decimals);
 
-          console.log('📊 Minimum deposit requirements from assets:', {
+          if (import.meta.env.DEV) console.log('📊 Minimum deposit requirements from assets:', {
             asset0: asset0Name,
             minBalance0Raw,
             minBalance0,
@@ -124,26 +124,26 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
           setMinDeposit0(minBalance0);
           setMinDeposit1(minBalance1);
         } else {
-          console.warn('⚠️ Asset details not found, using defaults');
+          if (import.meta.env.DEV) console.warn('⚠️ Asset details not found, using defaults');
         }
 
         // Also check if there&apos;s a MintMinLiquidity constant in assetConversion pallet
         if (api.consts.assetConversion) {
           const mintMinLiq = api.consts.assetConversion.mintMinLiquidity;
           if (mintMinLiq) {
-            console.log('🔧 AssetConversion MintMinLiquidity constant:', mintMinLiq.toString());
+            if (import.meta.env.DEV) console.log('🔧 AssetConversion MintMinLiquidity constant:', mintMinLiq.toString());
           }
 
           const liquidityWithdrawalFee = api.consts.assetConversion.liquidityWithdrawalFee;
           if (liquidityWithdrawalFee) {
-            console.log('🔧 AssetConversion LiquidityWithdrawalFee:', liquidityWithdrawalFee.toHuman());
+            if (import.meta.env.DEV) console.log('🔧 AssetConversion LiquidityWithdrawalFee:', liquidityWithdrawalFee.toHuman());
           }
 
           // Log all assetConversion constants
-          console.log('🔧 All assetConversion constants:', Object.keys(api.consts.assetConversion));
+          if (import.meta.env.DEV) console.log('🔧 All assetConversion constants:', Object.keys(api.consts.assetConversion));
         }
       } catch (err) {
-        console.error('❌ Error fetching minimum balances:', err);
+        if (import.meta.env.DEV) console.error('❌ Error fetching minimum balances:', err);
         // Keep default 0.01 if query fails
       }
     };
@@ -189,26 +189,26 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
             if (reserve0 >= MINIMUM_LIQUIDITY && reserve1 >= MINIMUM_LIQUIDITY) {
               setCurrentPrice(reserve1 / reserve0);
               setIsPoolEmpty(false);
-              console.log('Pool has liquidity - auto-calculating ratio:', reserve1 / reserve0);
+              if (import.meta.env.DEV) console.log('Pool has liquidity - auto-calculating ratio:', reserve1 / reserve0);
             } else {
               setCurrentPrice(null);
               setIsPoolEmpty(true);
-              console.log('Pool is empty or has dust only - manual input allowed');
+              if (import.meta.env.DEV) console.log('Pool is empty or has dust only - manual input allowed');
             }
           } else {
             // No reserves found - pool is empty
             setCurrentPrice(null);
             setIsPoolEmpty(true);
-            console.log('Pool is empty - manual input allowed');
+            if (import.meta.env.DEV) console.log('Pool is empty - manual input allowed');
           }
         } else {
           // Pool doesn&apos;t exist yet - completely empty
           setCurrentPrice(null);
           setIsPoolEmpty(true);
-          console.log('Pool does not exist yet - manual input allowed');
+          if (import.meta.env.DEV) console.log('Pool does not exist yet - manual input allowed');
         }
       } catch (err) {
-        console.error('Error fetching pool price:', err);
+        if (import.meta.env.DEV) console.error('Error fetching pool price:', err);
         // On error, assume pool is empty to allow manual input
         setCurrentPrice(null);
         setIsPoolEmpty(true);
@@ -319,9 +319,9 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
         { signer: injector.signer },
         ({ status, events, dispatchError }) => {
           if (status.isInBlock) {
-            console.log('Transaction in block:', status.asInBlock.toHex());
+            if (import.meta.env.DEV) console.log('Transaction in block:', status.asInBlock.toHex());
           } else if (status.isFinalized) {
-            console.log('Transaction finalized:', status.asFinalized.toHex());
+            if (import.meta.env.DEV) console.log('Transaction finalized:', status.asFinalized.toHex());
 
             // Check for errors
             const hasError = events.some(({ event }) =>
@@ -336,23 +336,23 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
                   const decoded = api.registry.findMetaError(dispatchError.asModule);
                   const { docs, name, section } = decoded;
                   errorMessage = `${section}.${name}: ${docs.join(' ')}`;
-                  console.error('Dispatch error:', errorMessage);
+                  if (import.meta.env.DEV) console.error('Dispatch error:', errorMessage);
                 } else {
                   errorMessage = dispatchError.toString();
-                  console.error('Dispatch error:', errorMessage);
+                  if (import.meta.env.DEV) console.error('Dispatch error:', errorMessage);
                 }
               }
 
               events.forEach(({ event }) => {
                 if (api.events.system.ExtrinsicFailed.is(event)) {
-                  console.error('ExtrinsicFailed event:', event.toHuman());
+                  if (import.meta.env.DEV) console.error('ExtrinsicFailed event:', event.toHuman());
                 }
               });
 
               setError(errorMessage);
               setIsLoading(false);
             } else {
-              console.log('Transaction successful');
+              if (import.meta.env.DEV) console.log('Transaction successful');
               setSuccess(true);
               setIsLoading(false);
               setAmount0('');
@@ -368,7 +368,7 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
         }
       );
     } catch (err) {
-      console.error('Error adding liquidity:', err);
+      if (import.meta.env.DEV) console.error('Error adding liquidity:', err);
       setError(err instanceof Error ? err.message : 'Failed to add liquidity');
       setIsLoading(false);
     }

web/src/components/AppLayout.tsx

@@ -64,7 +64,7 @@ const AppLayout: React.FC = () => {
           .maybeSingle();
 
         if (error) {
-          console.warn('Admin check error:', error);
+          if (import.meta.env.DEV) console.warn('Admin check error:', error);
         }
         _setIsAdmin(!!data);
       } else {
@@ -300,7 +300,7 @@ const AppLayout: React.FC = () => {
             <div className="max-w-full mx-auto px-4">
               <ProposalWizard
                 onComplete={(proposal) => {
-                  console.log('Proposal created:', proposal);
+                  if (import.meta.env.DEV) console.log('Proposal created:', proposal);
                   setShowProposalWizard(false);
                 }}
                 onCancel={() => setShowProposalWizard(false)}

web/src/components/ErrorBoundary.tsx

@@ -50,7 +50,7 @@ export class ErrorBoundary extends Component<Props, State> {
 
   componentDidCatch(error: Error, errorInfo: ErrorInfo): void {
     // Log error to console
-    console.error('ErrorBoundary caught an error:', error, errorInfo);
+    if (import.meta.env.DEV) console.error('ErrorBoundary caught an error:', error, errorInfo);
 
     // Update state with error details
     this.setState({

web/src/components/HeroSection.tsx

@@ -25,7 +25,7 @@ const HeroSection: React.FC = () => {
           const referendaCount = await api.query.referenda.referendumCount();
           activeProposals = referendaCount.toNumber();
         } catch (err) {
-          console.warn('Failed to fetch referenda:', err);
+          if (import.meta.env.DEV) console.warn('Failed to fetch referenda:', err);
         }
 
         // Fetch total staked tokens
@@ -39,7 +39,7 @@ const HeroSection: React.FC = () => {
             tokensStaked = `${formatted} HEZ`;
           }
         } catch (err) {
-          console.warn('Failed to fetch total stake:', err);
+          if (import.meta.env.DEV) console.warn('Failed to fetch total stake:', err);
         }
 
         // Count total voters from conviction voting
@@ -52,7 +52,7 @@ const HeroSection: React.FC = () => {
           const uniqueAccounts = new Set(votingKeys.map(key => key.args[0].toString()));
           totalVoters = uniqueAccounts.size;
         } catch (err) {
-          console.warn('Failed to fetch voters:', err);
+          if (import.meta.env.DEV) console.warn('Failed to fetch voters:', err);
         }
 
         // Update stats
@@ -63,13 +63,13 @@ const HeroSection: React.FC = () => {
           trustScore: 0 // TODO: Calculate trust score
         });
 
-        console.log('✅ Hero stats updated:', {
+        if (import.meta.env.DEV) console.log('✅ Hero stats updated:', {
           activeProposals,
           totalVoters,
           tokensStaked
         });
       } catch (error) {
-        console.error('Failed to fetch hero stats:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch hero stats:', error);
       }
     };
 

web/src/components/MultisigMembers.tsx

@@ -52,7 +52,7 @@ export const MultisigMembers: React.FC<MultisigMembersProps> = ({
           setMultisigAddress(multisig);
         }
       } catch (error) {
-        console.error('Error fetching multisig members:', error);
+        if (import.meta.env.DEV) console.error('Error fetching multisig members:', error);
       } finally {
         setLoading(false);
       }

web/src/components/NetworkStats.tsx

@@ -45,14 +45,14 @@ export const NetworkStats: React.FC = () => {
               const nominators = await api.query.staking.nominators.entries();
               nominatorCount = nominators.length;
             } catch {
-              console.warn('Staking pallet not available, nominators = 0');
+              if (import.meta.env.DEV) console.warn('Staking pallet not available, nominators = 0');
             }
 
             setValidatorCount(validators.length);
             setNominatorCount(nominatorCount);
             setPeers(health.peers.toNumber());
           } catch (err) {
-            console.error('Failed to update network stats:', err);
+            if (import.meta.env.DEV) console.error('Failed to update network stats:', err);
           }
         };
 
@@ -63,7 +63,7 @@ export const NetworkStats: React.FC = () => {
         intervalId = setInterval(updateNetworkStats, 3000);
 
       } catch (err) {
-        console.error('Failed to subscribe to blocks:', err);
+        if (import.meta.env.DEV) console.error('Failed to subscribe to blocks:', err);
       }
     };
 

web/src/components/NftList.tsx

@@ -58,7 +58,7 @@ export const NftList: React.FC = () => {
         const userTikis = await getUserTikis(api, selectedAccount.address);
         setTikis(userTikis);
       } catch (err) {
-        console.error('Error fetching Tikis:', err);
+        if (import.meta.env.DEV) console.error('Error fetching Tikis:', err);
         setError('Failed to load NFTs');
       } finally {
         setLoading(false);

web/src/components/PoolDashboard.tsx

@@ -92,7 +92,7 @@ const PoolDashboard = () => {
           }
         }
       } catch (err) {
-        console.error('Error discovering pools:', err);
+        if (import.meta.env.DEV) console.error('Error discovering pools:', err);
       }
     };
 
@@ -178,7 +178,7 @@ const PoolDashboard = () => {
           setError('Pool not found');
         }
       } catch (err) {
-        console.error('Error fetching pool data:', err);
+        if (import.meta.env.DEV) console.error('Error fetching pool data:', err);
         setError(err instanceof Error ? err.message : 'Failed to fetch pool data');
       } finally {
         setIsLoading(false);
@@ -219,7 +219,7 @@ const PoolDashboard = () => {
           }
         }
       } catch (err) {
-        console.error('Error fetching LP position:', err);
+        if (import.meta.env.DEV) console.error('Error fetching LP position:', err);
       }
     };
 

web/src/components/ReceiveModal.tsx

@@ -33,7 +33,9 @@ export const ReceiveModal: React.FC<ReceiveModalProps> = ({ isOpen, onClose }) =
           dark: '#ffffff',
           light: '#0f172a'
         }
-      }).then(setQrCodeDataUrl).catch(console.error);
+      }).then(setQrCodeDataUrl).catch((err) => {
+        if (import.meta.env.DEV) console.error('QR code generation failed:', err);
+      });
     }
   }, [selectedAccount, isOpen]);
 

web/src/components/RemoveLiquidityModal.tsx

@@ -59,7 +59,7 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
 
     const fetchMinBalances = async () => {
       try {
-        console.log(`🔍 Fetching minBalances for pool: asset0=${asset0} (${getDisplayTokenName(asset0)}), asset1=${asset1} (${getDisplayTokenName(asset1)})`);
+        if (import.meta.env.DEV) console.log(`🔍 Fetching minBalances for pool: asset0=${asset0} (${getDisplayTokenName(asset0)}), asset1=${asset1} (${getDisplayTokenName(asset1)})`);
 
         // For wHEZ (asset ID 0), we need to fetch from assets pallet
         // For native HEZ, we would need existentialDeposit from balances
@@ -72,7 +72,7 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
             const details0 = assetDetails0.unwrap().toJSON() as Record<string, unknown>;
             const min0 = Number(details0.minBalance) / Math.pow(10, getAssetDecimals(asset0));
             setMinBalance0(min0);
-            console.log(`📊 ${getDisplayTokenName(asset0)} minBalance: ${min0}`);
+            if (import.meta.env.DEV) console.log(`📊 ${getDisplayTokenName(asset0)} minBalance: ${min0}`);
           }
         } else {
           // Other assets (PEZ, wUSDT, etc.)
@@ -81,7 +81,7 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
             const details0 = assetDetails0.unwrap().toJSON() as Record<string, unknown>;
             const min0 = Number(details0.minBalance) / Math.pow(10, getAssetDecimals(asset0));
             setMinBalance0(min0);
-            console.log(`📊 ${getDisplayTokenName(asset0)} minBalance: ${min0}`);
+            if (import.meta.env.DEV) console.log(`📊 ${getDisplayTokenName(asset0)} minBalance: ${min0}`);
           }
         }
 
@@ -92,7 +92,7 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
             const details1 = assetDetails1.unwrap().toJSON() as Record<string, unknown>;
             const min1 = Number(details1.minBalance) / Math.pow(10, getAssetDecimals(asset1));
             setMinBalance1(min1);
-            console.log(`📊 ${getDisplayTokenName(asset1)} minBalance: ${min1}`);
+            if (import.meta.env.DEV) console.log(`📊 ${getDisplayTokenName(asset1)} minBalance: ${min1}`);
           }
         } else {
           // Other assets (PEZ, wUSDT, etc.)
@@ -101,11 +101,11 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
             const details1 = assetDetails1.unwrap().toJSON() as Record<string, unknown>;
             const min1 = Number(details1.minBalance) / Math.pow(10, getAssetDecimals(asset1));
             setMinBalance1(min1);
-            console.log(`📊 ${getDisplayTokenName(asset1)} minBalance: ${min1}`);
+            if (import.meta.env.DEV) console.log(`📊 ${getDisplayTokenName(asset1)} minBalance: ${min1}`);
           }
         }
       } catch (err) {
-        console.error('Error fetching minBalances:', err);
+        if (import.meta.env.DEV) console.error('Error fetching minBalances:', err);
       }
     };
 
@@ -128,7 +128,7 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
 
     setMaxRemovablePercentage(safeMaxPercent > 0 ? safeMaxPercent : 99);
 
-    console.log(`🔒 Max removable: ${safeMaxPercent}% (asset0: ${maxPercent0.toFixed(2)}%, asset1: ${maxPercent1.toFixed(2)}%)`);
+    if (import.meta.env.DEV) console.log(`🔒 Max removable: ${safeMaxPercent}% (asset0: ${maxPercent0.toFixed(2)}%, asset1: ${maxPercent1.toFixed(2)}%)`);
   }, [minBalance0, minBalance1, lpPosition.asset0Amount, lpPosition.asset1Amount]);
 
   const handleRemoveLiquidity = async () => {
@@ -186,9 +186,9 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
         { signer: injector.signer },
         ({ status, events }) => {
           if (status.isInBlock) {
-            console.log('Transaction in block');
+            if (import.meta.env.DEV) console.log('Transaction in block');
           } else if (status.isFinalized) {
-            console.log('Transaction finalized');
+            if (import.meta.env.DEV) console.log('Transaction finalized');
 
             // Check for errors
             const hasError = events.some(({ event }) =>
@@ -212,7 +212,7 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
         }
       );
     } catch (err) {
-      console.error('Error removing liquidity:', err);
+      if (import.meta.env.DEV) console.error('Error removing liquidity:', err);
       setError(err instanceof Error ? err.message : 'Failed to remove liquidity');
       setIsLoading(false);
     }

web/src/components/ReservesDashboard.tsx

@@ -41,7 +41,7 @@ export const ReservesDashboard: React.FC<ReservesDashboardProps> = ({
       setIsHealthy(health.isHealthy);
       setLastUpdate(new Date());
     } catch (error) {
-      console.error('Error fetching reserve data:', error);
+      if (import.meta.env.DEV) console.error('Error fetching reserve data:', error);
     } finally {
       setLoading(false);
     }

web/src/components/RouteGuards.tsx

@@ -81,7 +81,7 @@ export const CitizenRoute: React.FC<RouteGuardProps> = ({
         const citizenStatus = await checkCitizenStatus(api, selectedAccount.address);
         setIsCitizen(citizenStatus);
       } catch (error) {
-        console.error('Citizen check failed:', error);
+        if (import.meta.env.DEV) console.error('Citizen check failed:', error);
         setIsCitizen(false);
       } finally {
         setLoading(false);
@@ -170,7 +170,7 @@ export const ValidatorRoute: React.FC<RouteGuardProps> = ({
         const validatorStatus = await checkValidatorStatus(api, selectedAccount.address);
         setIsValidator(validatorStatus);
       } catch (error) {
-        console.error('Validator check failed:', error);
+        if (import.meta.env.DEV) console.error('Validator check failed:', error);
         setIsValidator(false);
       } finally {
         setLoading(false);
@@ -261,7 +261,7 @@ export const EducatorRoute: React.FC<RouteGuardProps> = ({
         const educatorStatus = await checkEducatorRole(api, selectedAccount.address);
         setIsEducator(educatorStatus);
       } catch (error) {
-        console.error('Educator check failed:', error);
+        if (import.meta.env.DEV) console.error('Educator check failed:', error);
         setIsEducator(false);
       } finally {
         setLoading(false);
@@ -358,7 +358,7 @@ export const ModeratorRoute: React.FC<RouteGuardProps> = ({
         const moderatorStatus = await checkModeratorRole(api, selectedAccount.address);
         setIsModerator(moderatorStatus);
       } catch (error) {
-        console.error('Moderator check failed:', error);
+        if (import.meta.env.DEV) console.error('Moderator check failed:', error);
         setIsModerator(false);
       } finally {
         setLoading(false);

web/src/components/TokenSwap.tsx

@@ -42,11 +42,11 @@ const TokenSwap = () => {
   const [isLoadingRate, setIsLoadingRate] = useState(false);
 
   // Get balances from wallet context
-  console.log('🔍 TokenSwap balances from context:', balances);
-  console.log('🔍 fromToken:', fromToken, 'toToken:', toToken);
+  if (import.meta.env.DEV) console.log('🔍 TokenSwap balances from context:', balances);
+  if (import.meta.env.DEV) console.log('🔍 fromToken:', fromToken, 'toToken:', toToken);
   const fromBalance = balances[fromToken as keyof typeof balances];
   const toBalance = balances[toToken as keyof typeof balances];
-  console.log('🔍 Final balances:', { fromBalance, toBalance });
+  if (import.meta.env.DEV) console.log('🔍 Final balances:', { fromBalance, toBalance });
 
   // Liquidity pool data
   interface LiquidityPool {
@@ -123,7 +123,7 @@ const TokenSwap = () => {
     // Calculate minimum received with slippage
     const minReceived = (amountOut * (1 - parseFloat(slippage) / 100)).toFixed(4);
 
-    console.log('🔍 Uniswap V2 AMM:', {
+    if (import.meta.env.DEV) console.log('🔍 Uniswap V2 AMM:', {
       amountIn,
       amountInWithFee,
       reserveIn,
@@ -149,16 +149,16 @@ const TokenSwap = () => {
 
   // Check if AssetConversion pallet is available
   useEffect(() => {
-    console.log('🔍 Checking DEX availability...', { api: !!api, isApiReady });
+    if (import.meta.env.DEV) console.log('🔍 Checking DEX availability...', { api: !!api, isApiReady });
     if (api && isApiReady) {
       const hasAssetConversion = api.tx.assetConversion !== undefined;
-      console.log('🔍 AssetConversion pallet check:', hasAssetConversion);
+      if (import.meta.env.DEV) console.log('🔍 AssetConversion pallet check:', hasAssetConversion);
       setIsDexAvailable(hasAssetConversion);
 
       if (!hasAssetConversion) {
-        console.warn('⚠️ AssetConversion pallet not available in runtime');
+        if (import.meta.env.DEV) console.warn('⚠️ AssetConversion pallet not available in runtime');
       } else {
-        console.log('✅ AssetConversion pallet is available!');
+        if (import.meta.env.DEV) console.log('✅ AssetConversion pallet is available!');
       }
     }
   }, [api, isApiReady]);
@@ -167,14 +167,14 @@ const TokenSwap = () => {
   // Always use wHEZ/PEZ pool (the only valid pool)
   useEffect(() => {
     const fetchExchangeRate = async () => {
-      console.log('🔍 fetchExchangeRate check:', { api: !!api, isApiReady, isDexAvailable, fromToken, toToken });
+      if (import.meta.env.DEV) console.log('🔍 fetchExchangeRate check:', { api: !!api, isApiReady, isDexAvailable, fromToken, toToken });
 
       if (!api || !isApiReady || !isDexAvailable) {
-        console.log('⚠️ Skipping fetchExchangeRate:', { api: !!api, isApiReady, isDexAvailable });
+        if (import.meta.env.DEV) console.log('⚠️ Skipping fetchExchangeRate:', { api: !!api, isApiReady, isDexAvailable });
         return;
       }
 
-      console.log('✅ Starting fetchExchangeRate...');
+      if (import.meta.env.DEV) console.log('✅ Starting fetchExchangeRate...');
       setIsLoadingRate(true);
       try {
         // Map user-selected tokens to actual pool assets
@@ -189,14 +189,14 @@ const TokenSwap = () => {
         const fromAssetId = getPoolAssetId(fromToken);
         const toAssetId = getPoolAssetId(toToken);
 
-        console.log('🔍 Looking for pool:', { fromToken, toToken, fromAssetId, toAssetId });
+        if (import.meta.env.DEV) console.log('🔍 Looking for pool:', { fromToken, toToken, fromAssetId, toAssetId });
 
         // IMPORTANT: Pool ID must be sorted (smaller asset ID first)
         const [asset1, asset2] = fromAssetId < toAssetId
           ? [fromAssetId, toAssetId]
           : [toAssetId, fromAssetId];
 
-        console.log('🔍 Sorted pool assets:', { asset1, asset2 });
+        if (import.meta.env.DEV) console.log('🔍 Sorted pool assets:', { asset1, asset2 });
 
         // Create pool asset tuple [asset1, asset2] - must be sorted!
         const poolAssets = [
@@ -204,23 +204,23 @@ const TokenSwap = () => {
           { NativeOrAsset: { Asset: asset2 } }
         ];
 
-        console.log('🔍 Pool query with:', poolAssets);
+        if (import.meta.env.DEV) console.log('🔍 Pool query with:', poolAssets);
 
         // Query pool from AssetConversion pallet
         const poolInfo = await api.query.assetConversion.pools(poolAssets);
-        console.log('🔍 Pool query result:', poolInfo.toHuman());
+        if (import.meta.env.DEV) console.log('🔍 Pool query result:', poolInfo.toHuman());
 
-        console.log('🔍 Pool isEmpty?', poolInfo.isEmpty, 'exists?', !poolInfo.isEmpty);
+        if (import.meta.env.DEV) console.log('🔍 Pool isEmpty?', poolInfo.isEmpty, 'exists?', !poolInfo.isEmpty);
 
         if (poolInfo && !poolInfo.isEmpty) {
           const pool = poolInfo.toJSON() as Record<string, unknown>;
-          console.log('🔍 Pool data:', pool);
+          if (import.meta.env.DEV) console.log('🔍 Pool data:', pool);
 
           try {
             // New pallet version: reserves are stored in pool account balances
             // AccountIdConverter implementation in substrate:
             // blake2_256(&Encode::encode(&(PalletId, PoolId))[..])
-            console.log('🔍 Deriving pool account using AccountIdConverter...');
+            if (import.meta.env.DEV) console.log('🔍 Deriving pool account using AccountIdConverter...');
             const { stringToU8a } = await import('@polkadot/util');
             const { blake2AsU8a } = await import('@polkadot/util-crypto');
 
@@ -229,44 +229,44 @@ const TokenSwap = () => {
 
             // Create PoolId tuple (u32, u32)
             const poolId = api.createType('(u32, u32)', [asset1, asset2]);
-            console.log('🔍 Pool ID:', poolId.toHuman());
+            if (import.meta.env.DEV) console.log('🔍 Pool ID:', poolId.toHuman());
 
             // Create (PalletId, PoolId) tuple: ([u8; 8], (u32, u32))
             const palletIdType = api.createType('[u8; 8]', PALLET_ID);
             const fullTuple = api.createType('([u8; 8], (u32, u32))', [palletIdType, poolId]);
 
-            console.log('🔍 Full tuple encoded length:', fullTuple.toU8a().length);
-            console.log('🔍 Full tuple bytes:', Array.from(fullTuple.toU8a()));
+            if (import.meta.env.DEV) console.log('🔍 Full tuple encoded length:', fullTuple.toU8a().length);
+            if (import.meta.env.DEV) console.log('🔍 Full tuple bytes:', Array.from(fullTuple.toU8a()));
 
             // Hash the SCALE-encoded tuple
             const accountHash = blake2AsU8a(fullTuple.toU8a(), 256);
-            console.log('🔍 Account hash:', Array.from(accountHash).slice(0, 8));
+            if (import.meta.env.DEV) console.log('🔍 Account hash:', Array.from(accountHash).slice(0, 8));
 
             const poolAccountId = api.createType('AccountId32', accountHash);
-            console.log('🔍 Pool AccountId (NEW METHOD):', poolAccountId.toString());
+            if (import.meta.env.DEV) console.log('🔍 Pool AccountId (NEW METHOD):', poolAccountId.toString());
 
             // Query pool account's asset balances
-            console.log('🔍 Querying reserves for asset', asset1, 'and', asset2);
+            if (import.meta.env.DEV) console.log('🔍 Querying reserves for asset', asset1, 'and', asset2);
             const reserve0Query = await api.query.assets.account(asset1, poolAccountId);
             const reserve1Query = await api.query.assets.account(asset2, poolAccountId);
 
-            console.log('🔍 Reserve0 query result:', reserve0Query.toHuman());
-            console.log('🔍 Reserve1 query result:', reserve1Query.toHuman());
-            console.log('🔍 Reserve0 isEmpty?', reserve0Query.isEmpty);
-            console.log('🔍 Reserve1 isEmpty?', reserve1Query.isEmpty);
+            if (import.meta.env.DEV) console.log('🔍 Reserve0 query result:', reserve0Query.toHuman());
+            if (import.meta.env.DEV) console.log('🔍 Reserve1 query result:', reserve1Query.toHuman());
+            if (import.meta.env.DEV) console.log('🔍 Reserve0 isEmpty?', reserve0Query.isEmpty);
+            if (import.meta.env.DEV) console.log('🔍 Reserve1 isEmpty?', reserve1Query.isEmpty);
 
             const reserve0Data = reserve0Query.toJSON() as Record<string, unknown>;
             const reserve1Data = reserve1Query.toJSON() as Record<string, unknown>;
 
-            console.log('🔍 Reserve0 JSON:', reserve0Data);
-            console.log('🔍 Reserve1 JSON:', reserve1Data);
+            if (import.meta.env.DEV) console.log('🔍 Reserve0 JSON:', reserve0Data);
+            if (import.meta.env.DEV) console.log('🔍 Reserve1 JSON:', reserve1Data);
 
             if (reserve0Data && reserve1Data && reserve0Data.balance && reserve1Data.balance) {
               // Parse hex string balances to BigInt, then to number
               const balance0Hex = reserve0Data.balance.toString();
               const balance1Hex = reserve1Data.balance.toString();
 
-              console.log('🔍 Raw hex balances:', { balance0Hex, balance1Hex });
+              if (import.meta.env.DEV) console.log('🔍 Raw hex balances:', { balance0Hex, balance1Hex });
 
               // Use correct decimals for each asset
               // asset1=0 (wHEZ): 12 decimals
@@ -278,7 +278,7 @@ const TokenSwap = () => {
               const reserve0 = Number(BigInt(balance0Hex)) / (10 ** decimals0);
               const reserve1 = Number(BigInt(balance1Hex)) / (10 ** decimals1);
 
-              console.log('✅ Reserves found:', { reserve0, reserve1, decimals0, decimals1 });
+              if (import.meta.env.DEV) console.log('✅ Reserves found:', { reserve0, reserve1, decimals0, decimals1 });
 
               // Store pool reserves for AMM calculation
               setPoolReserves({
@@ -293,22 +293,22 @@ const TokenSwap = () => {
                 ? reserve1 / reserve0  // from asset1 to asset2
                 : reserve0 / reserve1; // from asset2 to asset1
 
-              console.log('✅ Exchange rate:', rate, 'direction:', fromAssetId === asset1 ? 'asset1→asset2' : 'asset2→asset1');
+              if (import.meta.env.DEV) console.log('✅ Exchange rate:', rate, 'direction:', fromAssetId === asset1 ? 'asset1→asset2' : 'asset2→asset1');
               setExchangeRate(rate);
             } else {
-              console.warn('⚠️ Pool has no reserves - reserve0Data:', reserve0Data, 'reserve1Data:', reserve1Data);
+              if (import.meta.env.DEV) console.warn('⚠️ Pool has no reserves - reserve0Data:', reserve0Data, 'reserve1Data:', reserve1Data);
               setExchangeRate(0);
             }
           } catch (err) {
-            console.error('❌ Error deriving pool account:', err);
+            if (import.meta.env.DEV) console.error('❌ Error deriving pool account:', err);
             setExchangeRate(0);
           }
         } else {
-          console.warn('No liquidity pool found for this pair');
+          if (import.meta.env.DEV) console.warn('No liquidity pool found for this pair');
           setExchangeRate(0);
         }
       } catch (error) {
-        console.error('Failed to fetch exchange rate:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch exchange rate:', error);
         setExchangeRate(0);
       } finally {
         setIsLoadingRate(false);
@@ -358,7 +358,7 @@ const TokenSwap = () => {
           setLiquidityPools([]);
         }
       } catch (error) {
-        console.error('Failed to fetch liquidity pools:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch liquidity pools:', error);
         setLiquidityPools([]);
       } finally {
         setIsLoadingPools(false);
@@ -384,7 +384,7 @@ const TokenSwap = () => {
 
         const startBlock = Math.max(0, currentBlockNumber - 100);
 
-        console.log('🔍 Fetching swap history from block', startBlock, 'to', currentBlockNumber);
+        if (import.meta.env.DEV) console.log('🔍 Fetching swap history from block', startBlock, 'to', currentBlockNumber);
 
         const transactions: SwapTransaction[] = [];
 
@@ -427,7 +427,7 @@ const TokenSwap = () => {
                     }
                   }
                 } catch (err) {
-                  console.warn('Failed to parse swap path:', err);
+                  if (import.meta.env.DEV) console.warn('Failed to parse swap path:', err);
                 }
 
                 const fromTokenSymbol = fromAssetId === 0 ? 'wHEZ' : fromAssetId === 1 ? 'PEZ' : fromAssetId === 2 ? 'USDT' : `Asset${fromAssetId}`;
@@ -449,14 +449,14 @@ const TokenSwap = () => {
               }
             });
           } catch (err) {
-            console.warn(`Failed to fetch block ${blockNum}:`, err);
+            if (import.meta.env.DEV) console.warn(`Failed to fetch block ${blockNum}:`, err);
           }
         }
 
-        console.log('✅ Swap history fetched:', transactions.length, 'transactions');
+        if (import.meta.env.DEV) console.log('✅ Swap history fetched:', transactions.length, 'transactions');
         setSwapHistory(transactions.slice(0, 10)); // Show max 10
       } catch (error) {
-        console.error('Failed to fetch swap history:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch swap history:', error);
         setSwapHistory([]);
       } finally {
         setIsLoadingHistory(false);
@@ -531,7 +531,7 @@ const TokenSwap = () => {
         toDecimals
       );
 
-      console.log('💰 Swap amounts:', {
+      if (import.meta.env.DEV) console.log('💰 Swap amounts:', {
         fromToken,
         toToken,
         fromAmount,
@@ -628,10 +628,10 @@ const TokenSwap = () => {
         selectedAccount.address,
         { signer: injector.signer },
         async ({ status, events, dispatchError }) => {
-          console.log('🔍 Transaction status:', status.toHuman());
+          if (import.meta.env.DEV) console.log('🔍 Transaction status:', status.toHuman());
 
           if (status.isInBlock) {
-            console.log('✅ Transaction in block:', status.asInBlock.toHex());
+            if (import.meta.env.DEV) console.log('✅ Transaction in block:', status.asInBlock.toHex());
 
             toast({
               title: 'Transaction Submitted',
@@ -640,9 +640,9 @@ const TokenSwap = () => {
           }
 
           if (status.isFinalized) {
-            console.log('✅ Transaction finalized:', status.asFinalized.toHex());
-            console.log('🔍 All events:', events.map(({ event }) => event.toHuman()));
-            console.log('🔍 dispatchError:', dispatchError?.toHuman());
+            if (import.meta.env.DEV) console.log('✅ Transaction finalized:', status.asFinalized.toHex());
+            if (import.meta.env.DEV) console.log('🔍 All events:', events.map(({ event }) => event.toHuman()));
+            if (import.meta.env.DEV) console.log('🔍 dispatchError:', dispatchError?.toHuman());
 
             // Check for errors
             if (dispatchError) {
@@ -677,11 +677,11 @@ const TokenSwap = () => {
 
               // Refresh balances and history without page reload
               await refreshBalances();
-              console.log('✅ Balances refreshed after swap');
+              if (import.meta.env.DEV) console.log('✅ Balances refreshed after swap');
 
               // Refresh swap history after 3 seconds (wait for block finalization)
               setTimeout(async () => {
-                console.log('🔄 Refreshing swap history...');
+                if (import.meta.env.DEV) console.log('🔄 Refreshing swap history...');
                 const fetchSwapHistory = async () => {
                   if (!api || !isApiReady || !isDexAvailable || !selectedAccount) return;
                   setIsLoadingHistory(true);
@@ -723,7 +723,7 @@ const TokenSwap = () => {
                                 }
                               }
                             } catch (err) {
-                              console.warn('Failed to parse swap path in refresh:', err);
+                              if (import.meta.env.DEV) console.warn('Failed to parse swap path in refresh:', err);
                             }
 
                             const fromTokenSymbol = fromAssetId === 0 ? 'wHEZ' : fromAssetId === 1 ? 'PEZ' : fromAssetId === 2 ? 'USDT' : `Asset${fromAssetId}`;
@@ -744,12 +744,12 @@ const TokenSwap = () => {
                           }
                         });
                       } catch (err) {
-                        console.warn(`Failed to fetch block ${blockNum}:`, err);
+                        if (import.meta.env.DEV) console.warn(`Failed to fetch block ${blockNum}:`, err);
                       }
                     }
                     setSwapHistory(transactions.slice(0, 10));
                   } catch (error) {
-                    console.error('Failed to refresh swap history:', error);
+                    if (import.meta.env.DEV) console.error('Failed to refresh swap history:', error);
                   } finally {
                     setIsLoadingHistory(false);
                   }
@@ -769,7 +769,7 @@ const TokenSwap = () => {
         }
       );
     } catch (error) {
-      console.error('Swap failed:', error);
+      if (import.meta.env.DEV) console.error('Swap failed:', error);
       toast({
         title: 'Error',
         description: error instanceof Error ? error.message : 'Swap transaction failed',

web/src/components/TokenomicsSection.tsx

@@ -12,7 +12,7 @@ const TokenomicsSection: React.FC = () => {
     const baseAmount = selectedToken === 'PEZ' ? 74218750 : 37109375;
     // Calculate release amount for future use
     const releaseAmount = baseAmount / Math.pow(2, halvingPeriod);
-    console.log('Release amount:', releaseAmount);
+    if (import.meta.env.DEV) console.log('Release amount:', releaseAmount);
   }, [monthsPassed, halvingPeriod, selectedToken]);
 
   const pezDistribution = [

web/src/components/TransactionHistory.tsx

@@ -40,11 +40,11 @@ export const TransactionHistory: React.FC<TransactionHistoryProps> = ({ isOpen,
 
     setIsLoading(true);
     try {
-      console.log('Fetching transactions...');
+      if (import.meta.env.DEV) console.log('Fetching transactions...');
       const currentBlock = await api.rpc.chain.getBlock();
       const currentBlockNumber = currentBlock.block.header.number.toNumber();
 
-      console.log('Current block number:', currentBlockNumber);
+      if (import.meta.env.DEV) console.log('Current block number:', currentBlockNumber);
       
       const txList: Transaction[] = [];
       const blocksToCheck = Math.min(200, currentBlockNumber);
@@ -66,7 +66,7 @@ export const TransactionHistory: React.FC<TransactionHistoryProps> = ({ isOpen,
             timestamp = Date.now();
           }
           
-          console.log(`Block #${blockNumber}: ${block.block.extrinsics.length} extrinsics`);
+          if (import.meta.env.DEV) console.log(`Block #${blockNumber}: ${block.block.extrinsics.length} extrinsics`);
           
           // Check each extrinsic in the block
           block.block.extrinsics.forEach((extrinsic, index) => {
@@ -77,7 +77,7 @@ export const TransactionHistory: React.FC<TransactionHistoryProps> = ({ isOpen,
 
             const { method, signer } = extrinsic;
             
-            console.log(`  Extrinsic #${index}: ${method.section}.${method.method}, signer: ${signer.toString()}`);
+            if (import.meta.env.DEV) console.log(`  Extrinsic #${index}: ${method.section}.${method.method}, signer: ${signer.toString()}`);
             
             // Check if transaction involves our account
             const fromAddress = signer.toString();
@@ -223,16 +223,16 @@ export const TransactionHistory: React.FC<TransactionHistoryProps> = ({ isOpen,
             }
           });
         } catch (blockError) {
-          console.warn(`Error processing block #${blockNumber}:`, blockError);
+          if (import.meta.env.DEV) console.warn(`Error processing block #${blockNumber}:`, blockError);
           // Continue to next block
         }
       }
       
-      console.log('Found transactions:', txList.length);
+      if (import.meta.env.DEV) console.log('Found transactions:', txList.length);
       
       setTransactions(txList);
     } catch {
-      console.error('Failed to fetch transactions:', error);
+      if (import.meta.env.DEV) console.error('Failed to fetch transactions:', error);
       toast({
         title: "Error",
         description: "Failed to fetch transaction history",

web/src/components/TransferModal.tsx

@@ -126,12 +126,12 @@ export const TransferModal: React.FC<TransferModalProps> = ({ isOpen, onClose, s
         { signer: injector.signer },
         ({ status, dispatchError }) => {
           if (status.isInBlock) {
-            console.log(`Transaction included in block: ${status.asInBlock}`);
+            if (import.meta.env.DEV) console.log(`Transaction included in block: ${status.asInBlock}`);
             setTxHash(status.asInBlock.toHex());
           }
 
           if (status.isFinalized) {
-            console.log(`Transaction finalized: ${status.asFinalized}`);
+            if (import.meta.env.DEV) console.log(`Transaction finalized: ${status.asFinalized}`);
             
             // Check for errors
             if (dispatchError) {
@@ -171,7 +171,7 @@ export const TransferModal: React.FC<TransferModalProps> = ({ isOpen, onClose, s
         }
       );
     } catch (error) {
-      console.error('Transfer error:', error);
+      if (import.meta.env.DEV) console.error('Transfer error:', error);
       setTxStatus('error');
       setIsTransferring(false);
 

web/src/components/USDTBridge.tsx

@@ -78,7 +78,7 @@ export const USDTBridge: React.FC<USDTBridgeProps> = ({
       );
       setDepositAmount('');
     } catch (err) {
-      console.error('Deposit error:', err);
+      if (import.meta.env.DEV) console.error('Deposit error:', err);
       setError(err instanceof Error ? err.message : 'Deposit failed');
     } finally {
       setIsLoading(false);
@@ -130,7 +130,7 @@ export const USDTBridge: React.FC<USDTBridgeProps> = ({
         }
       });
     } catch (err) {
-      console.error('Withdrawal error:', err);
+      if (import.meta.env.DEV) console.error('Withdrawal error:', err);
       setError(err instanceof Error ? err.message : 'Withdrawal failed');
       setIsLoading(false);
     }

web/src/components/admin/CommissionSetupTab.tsx

@@ -38,10 +38,10 @@ export function CommissionSetupTab() {
       // Commission is initialized if there's at least one member
       setSetupComplete(memberList.length > 0);
 
-      console.log('Commission members:', memberList);
-      console.log('Setup complete:', memberList.length > 0);
+      if (import.meta.env.DEV) console.log('Commission members:', memberList);
+      if (import.meta.env.DEV) console.log('Setup complete:', memberList.length > 0);
     } catch (error) {
-      console.error('Error checking setup:', error);
+      if (import.meta.env.DEV) console.error('Error checking setup:', error);
     } finally {
       setLoading(false);
     }
@@ -107,8 +107,8 @@ export function CommissionSetupTab() {
       // Add new members
       const updatedList = [...memberList, ...newMembers];
 
-      console.log('Adding new members:', newMembers);
-      console.log('Updated member list:', updatedList);
+      if (import.meta.env.DEV) console.log('Adding new members:', newMembers);
+      if (import.meta.env.DEV) console.log('Updated member list:', updatedList);
 
       const tx = api.tx.sudo.sudo(
         api.tx.dynamicCommissionCollective.setMembers(
@@ -150,7 +150,7 @@ export function CommissionSetupTab() {
         );
       });
     } catch (error) {
-      console.error('Error adding member:', error);
+      if (import.meta.env.DEV) console.error('Error adding member:', error);
       toast({
         title: 'Error',
         description: error instanceof Error ? error.message : 'Failed to add member',
@@ -176,8 +176,8 @@ export function CommissionSetupTab() {
       const { web3FromAddress } = await import('@polkadot/extension-dapp');
       const injector = await web3FromAddress(selectedAccount.address);
 
-      console.log('Initializing KYC Commission...');
-      console.log('Proxy account:', COMMISSIONS.KYC.proxyAccount);
+      if (import.meta.env.DEV) console.log('Initializing KYC Commission...');
+      if (import.meta.env.DEV) console.log('Proxy account:', COMMISSIONS.KYC.proxyAccount);
 
       // Initialize DynamicCommissionCollective with Alice as first member
       // Other members can be added later
@@ -194,7 +194,7 @@ export function CommissionSetupTab() {
           selectedAccount.address,
           { signer: injector.signer },
           ({ status, dispatchError, events }) => {
-            console.log('Transaction status:', status.type);
+            if (import.meta.env.DEV) console.log('Transaction status:', status.type);
 
             if (status.isInBlock || status.isFinalized) {
               if (dispatchError) {
@@ -207,7 +207,7 @@ export function CommissionSetupTab() {
                   errorMessage = dispatchError.toString();
                 }
 
-                console.error('Setup error:', errorMessage);
+                if (import.meta.env.DEV) console.error('Setup error:', errorMessage);
                 toast({
                   title: 'Setup Failed',
                   description: errorMessage,
@@ -223,20 +223,20 @@ export function CommissionSetupTab() {
               );
 
               if (sudidEvent) {
-                console.log('✅ KYC Commission initialized');
+                if (import.meta.env.DEV) console.log('✅ KYC Commission initialized');
                 toast({
                   title: 'Success',
                   description: 'KYC Commission initialized successfully!',
                 });
                 resolve();
               } else {
-                console.warn('Transaction included but no Sudid event');
+                if (import.meta.env.DEV) console.warn('Transaction included but no Sudid event');
                 resolve();
               }
             }
           }
         ).catch((error) => {
-          console.error('Failed to sign and send:', error);
+          if (import.meta.env.DEV) console.error('Failed to sign and send:', error);
           toast({
             title: 'Transaction Error',
             description: error instanceof Error ? error.message : 'Failed to submit transaction',
@@ -250,7 +250,7 @@ export function CommissionSetupTab() {
       setTimeout(() => checkSetup(), 2000);
 
     } catch (error) {
-      console.error('Error initializing commission:', error);
+      if (import.meta.env.DEV) console.error('Error initializing commission:', error);
       toast({
         title: 'Error',
         description: error instanceof Error ? error.message : 'Failed to initialize commission',

web/src/components/admin/CommissionVotingTab.tsx

@@ -47,25 +47,25 @@ export function CommissionVotingTab() {
 
   const checkMembership = async () => {
     if (!api || !selectedAccount) {
-      console.log('No API or selected account');
+      if (import.meta.env.DEV) console.log('No API or selected account');
       setIsCommissionMember(false);
       return;
     }
 
     try {
-      console.log('Checking membership for:', selectedAccount.address);
+      if (import.meta.env.DEV) console.log('Checking membership for:', selectedAccount.address);
 
       // Check if user is directly a member of DynamicCommissionCollective
       const members = await api.query.dynamicCommissionCollective.members();
       const memberList = members.toJSON() as string[];
-      console.log('Commission members:', memberList);
+      if (import.meta.env.DEV) console.log('Commission members:', memberList);
 
       const isMember = memberList.includes(selectedAccount.address);
-      console.log('Is commission member:', isMember);
+      if (import.meta.env.DEV) console.log('Is commission member:', isMember);
 
       setIsCommissionMember(isMember);
     } catch (error) {
-      console.error('Error checking membership:', error);
+      if (import.meta.env.DEV) console.error('Error checking membership:', error);
       setIsCommissionMember(false);
     }
   };
@@ -116,9 +116,9 @@ export function CommissionVotingTab() {
       }
 
       setProposals(proposalList);
-      console.log(`Loaded ${proposalList.length} active proposals`);
+      if (import.meta.env.DEV) console.log(`Loaded ${proposalList.length} active proposals`);
     } catch (error) {
-      console.error('Error loading proposals:', error);
+      if (import.meta.env.DEV) console.error('Error loading proposals:', error);
       toast({
         title: 'Error',
         description: 'Failed to load proposals',
@@ -153,7 +153,7 @@ export function CommissionVotingTab() {
       const { web3FromAddress } = await import('@polkadot/extension-dapp');
       const injector = await web3FromAddress(selectedAccount.address);
 
-      console.log(`Voting ${approve ? 'AYE' : 'NAY'} on proposal:`, proposal.hash);
+      if (import.meta.env.DEV) console.log(`Voting ${approve ? 'AYE' : 'NAY'} on proposal:`, proposal.hash);
 
       // Vote directly (no proxy needed)
       const tx = api.tx.dynamicCommissionCollective.vote(
@@ -167,7 +167,7 @@ export function CommissionVotingTab() {
           selectedAccount.address,
           { signer: injector.signer },
           ({ status, dispatchError, events }) => {
-            console.log('Transaction status:', status.type);
+            if (import.meta.env.DEV) console.log('Transaction status:', status.type);
 
             if (status.isInBlock || status.isFinalized) {
               if (dispatchError) {
@@ -180,7 +180,7 @@ export function CommissionVotingTab() {
                   errorMessage = dispatchError.toString();
                 }
 
-                console.error('Vote error:', errorMessage);
+                if (import.meta.env.DEV) console.error('Vote error:', errorMessage);
                 toast({
                   title: 'Vote Failed',
                   description: errorMessage,
@@ -201,13 +201,13 @@ export function CommissionVotingTab() {
               );
 
               if (executedEvent) {
-                console.log('✅ Proposal executed (threshold reached)');
+                if (import.meta.env.DEV) console.log('✅ Proposal executed (threshold reached)');
                 toast({
                   title: 'Success',
                   description: 'Proposal passed and executed! KYC approved.',
                 });
               } else if (votedEvent) {
-                console.log('✅ Vote recorded');
+                if (import.meta.env.DEV) console.log('✅ Vote recorded');
                 toast({
                   title: 'Vote Recorded',
                   description: `Your ${approve ? 'AYE' : 'NAY'} vote has been recorded`,
@@ -218,7 +218,7 @@ export function CommissionVotingTab() {
             }
           }
         ).catch((error) => {
-          console.error('Failed to sign and send:', error);
+          if (import.meta.env.DEV) console.error('Failed to sign and send:', error);
           toast({
             title: 'Transaction Error',
             description: error instanceof Error ? error.message : 'Failed to submit transaction',
@@ -234,7 +234,7 @@ export function CommissionVotingTab() {
       }, 2000);
 
     } catch (error) {
-      console.error('Error voting:', error);
+      if (import.meta.env.DEV) console.error('Error voting:', error);
       toast({
         title: 'Error',
         description: error instanceof Error ? error.message : 'Failed to vote',
@@ -260,7 +260,7 @@ export function CommissionVotingTab() {
       const { web3FromAddress } = await import('@polkadot/extension-dapp');
       const injector = await web3FromAddress(selectedAccount.address);
 
-      console.log('Executing proposal:', proposal.hash);
+      if (import.meta.env.DEV) console.log('Executing proposal:', proposal.hash);
 
       // Get proposal length bound
       const proposalOption = await api.query.dynamicCommissionCollective.proposalOf(proposal.hash);
@@ -282,7 +282,7 @@ export function CommissionVotingTab() {
           selectedAccount.address,
           { signer: injector.signer },
           ({ status, dispatchError, events }) => {
-            console.log('Transaction status:', status.type);
+            if (import.meta.env.DEV) console.log('Transaction status:', status.type);
 
             if (status.isInBlock || status.isFinalized) {
               if (dispatchError) {
@@ -295,7 +295,7 @@ export function CommissionVotingTab() {
                   errorMessage = dispatchError.toString();
                 }
 
-                console.error('Execute error:', errorMessage);
+                if (import.meta.env.DEV) console.error('Execute error:', errorMessage);
                 toast({
                   title: 'Execute Failed',
                   description: errorMessage,
@@ -315,14 +315,14 @@ export function CommissionVotingTab() {
 
               if (executedEvent) {
                 const eventData = executedEvent.event.data.toHuman();
-                console.log('✅ Proposal executed');
-                console.log('Execute event data:', eventData);
-                console.log('Result:', eventData);
+                if (import.meta.env.DEV) console.log('✅ Proposal executed');
+                if (import.meta.env.DEV) console.log('Execute event data:', eventData);
+                if (import.meta.env.DEV) console.log('Result:', eventData);
 
                 // Check if execution was successful
                 const result = eventData[eventData.length - 1]; // Last parameter is usually the result
                 if (result && typeof result === 'object' && 'Err' in result) {
-                  console.error('Execution failed:', result.Err);
+                  if (import.meta.env.DEV) console.error('Execution failed:', result.Err);
                   toast({
                     title: 'Execution Failed',
                     description: `Proposal closed but execution failed: ${JSON.stringify(result.Err)}`,
@@ -335,7 +335,7 @@ export function CommissionVotingTab() {
                   });
                 }
               } else if (closedEvent) {
-                console.log('Proposal closed');
+                if (import.meta.env.DEV) console.log('Proposal closed');
                 toast({
                   title: 'Proposal Closed',
                   description: 'Proposal has been closed',
@@ -346,7 +346,7 @@ export function CommissionVotingTab() {
             }
           }
         ).catch((error) => {
-          console.error('Failed to sign and send:', error);
+          if (import.meta.env.DEV) console.error('Failed to sign and send:', error);
           toast({
             title: 'Transaction Error',
             description: error instanceof Error ? error.message : 'Failed to submit transaction',
@@ -361,7 +361,7 @@ export function CommissionVotingTab() {
       }, 2000);
 
     } catch (error) {
-      console.error('Error executing:', error);
+      if (import.meta.env.DEV) console.error('Error executing:', error);
       toast({
         title: 'Error',
         description: error instanceof Error ? error.message : 'Failed to execute proposal',
@@ -443,8 +443,8 @@ export function CommissionVotingTab() {
           memberList.push(selectedAccount.address);
         }
 
-        console.log('Adding member to commission:', selectedAccount.address);
-        console.log('New member list:', memberList);
+        if (import.meta.env.DEV) console.log('Adding member to commission:', selectedAccount.address);
+        if (import.meta.env.DEV) console.log('New member list:', memberList);
 
         // Use sudo to update members (requires sudo access)
         const tx = api.tx.sudo.sudo(

web/src/components/admin/KycApprovalTab.tsx

@@ -87,7 +87,7 @@ export function KycApprovalTab() {
             });
           }
         } catch (err) {
-          console.error('Error fetching identity for', address, err);
+          if (import.meta.env.DEV) console.error('Error fetching identity for', address, err);
         }
 
         apps.push({
@@ -101,9 +101,9 @@ export function KycApprovalTab() {
       setPendingApps(apps);
       setIdentities(identityMap);
 
-      console.log(`Loaded ${apps.length} pending KYC applications`);
+      if (import.meta.env.DEV) console.log(`Loaded ${apps.length} pending KYC applications`);
     } catch (error) {
-      console.error('Error loading pending applications:', error);
+      if (import.meta.env.DEV) console.error('Error loading pending applications:', error);
       toast({
         title: 'Error',
         description: 'Failed to load pending applications',
@@ -129,8 +129,8 @@ export function KycApprovalTab() {
       const { web3FromAddress } = await import('@polkadot/extension-dapp');
       const injector = await web3FromAddress(selectedAccount.address);
 
-      console.log('Proposing KYC approval for:', application.address);
-      console.log('Commission member wallet:', selectedAccount.address);
+      if (import.meta.env.DEV) console.log('Proposing KYC approval for:', application.address);
+      if (import.meta.env.DEV) console.log('Commission member wallet:', selectedAccount.address);
 
       // Check if user is a member of DynamicCommissionCollective
       const members = await api.query.dynamicCommissionCollective.members();
@@ -147,16 +147,16 @@ export function KycApprovalTab() {
         return;
       }
 
-      console.log('✅ User is commission member');
+      if (import.meta.env.DEV) console.log('✅ User is commission member');
 
       // Create proposal for KYC approval
       const proposal = api.tx.identityKyc.approveKyc(application.address);
       const lengthBound = proposal.encodedLength;
 
       // Create proposal directly (no proxy needed)
-      console.log('Creating commission proposal for KYC approval');
-      console.log('Applicant:', application.address);
-      console.log('Threshold:', COMMISSIONS.KYC.threshold);
+      if (import.meta.env.DEV) console.log('Creating commission proposal for KYC approval');
+      if (import.meta.env.DEV) console.log('Applicant:', application.address);
+      if (import.meta.env.DEV) console.log('Threshold:', COMMISSIONS.KYC.threshold);
 
       const tx = api.tx.dynamicCommissionCollective.propose(
         COMMISSIONS.KYC.threshold,
@@ -164,14 +164,14 @@ export function KycApprovalTab() {
         lengthBound
       );
 
-      console.log('Transaction created:', tx.toHuman());
+      if (import.meta.env.DEV) console.log('Transaction created:', tx.toHuman());
 
       await new Promise<void>((resolve, reject) => {
         tx.signAndSend(
           selectedAccount.address,
           { signer: injector.signer },
           ({ status, dispatchError, events }) => {
-            console.log('Transaction status:', status.type);
+            if (import.meta.env.DEV) console.log('Transaction status:', status.type);
 
             if (status.isInBlock || status.isFinalized) {
               if (dispatchError) {
@@ -184,7 +184,7 @@ export function KycApprovalTab() {
                   errorMessage = dispatchError.toString();
                 }
 
-                console.error('Approval error:', errorMessage);
+                if (import.meta.env.DEV) console.error('Approval error:', errorMessage);
                 toast({
                   title: 'Approval Failed',
                   description: errorMessage,
@@ -195,26 +195,26 @@ export function KycApprovalTab() {
               }
 
               // Check for Proposed event
-              console.log('All events:', events.map(e => `${e.event.section}.${e.event.method}`));
+              if (import.meta.env.DEV) console.log('All events:', events.map(e => `${e.event.section}.${e.event.method}`));
               const proposedEvent = events.find(({ event }) =>
                 event.section === 'dynamicCommissionCollective' && event.method === 'Proposed'
               );
 
               if (proposedEvent) {
-                console.log('✅ KYC Approval proposal created');
+                if (import.meta.env.DEV) console.log('✅ KYC Approval proposal created');
                 toast({
                   title: 'Proposal Created',
                   description: `KYC approval proposed for ${application.address.slice(0, 8)}... Waiting for other commission members to vote.`,
                 });
                 resolve();
               } else {
-                console.warn('Transaction included but no Proposed event');
+                if (import.meta.env.DEV) console.warn('Transaction included but no Proposed event');
                 resolve();
               }
             }
           }
         ).catch((error) => {
-          console.error('Failed to sign and send:', error);
+          if (import.meta.env.DEV) console.error('Failed to sign and send:', error);
           toast({
             title: 'Transaction Error',
             description: error instanceof Error ? error.message : 'Failed to submit transaction',
@@ -232,7 +232,7 @@ export function KycApprovalTab() {
       }, 2000);
 
     } catch (error) {
-      console.error('Error approving KYC:', error);
+      if (import.meta.env.DEV) console.error('Error approving KYC:', error);
       toast({
         title: 'Error',
         description: error instanceof Error ? error.message : 'Failed to approve KYC',
@@ -264,7 +264,7 @@ export function KycApprovalTab() {
       const { web3FromAddress } = await import('@polkadot/extension-dapp');
       const injector = await web3FromAddress(selectedAccount.address);
 
-      console.log('Rejecting KYC for:', application.address);
+      if (import.meta.env.DEV) console.log('Rejecting KYC for:', application.address);
 
       const tx = api.tx.identityKyc.rejectKyc(application.address);
 
@@ -318,7 +318,7 @@ export function KycApprovalTab() {
       }, 2000);
 
     } catch (error) {
-      console.error('Error rejecting KYC:', error);
+      if (import.meta.env.DEV) console.error('Error rejecting KYC:', error);
       toast({
         title: 'Error',
         description: error instanceof Error ? error.message : 'Failed to reject KYC',

web/src/components/citizenship/ExistingCitizenAuth.tsx

@@ -51,7 +51,7 @@ export const ExistingCitizenAuth: React.FC<ExistingCitizenAuthProps> = ({ onClos
       setChallenge(authChallenge);
       setStep('signing');
     } catch {
-      console.error('Verification error:', err);
+      if (import.meta.env.DEV) console.error('Verification error:', err);
       setError('Failed to verify Citizen Number');
       setStep('error');
     }
@@ -97,7 +97,7 @@ export const ExistingCitizenAuth: React.FC<ExistingCitizenAuthProps> = ({ onClos
         window.location.href = '/citizens';
       }, 2000);
     } catch {
-      console.error('Signature error:', err);
+      if (import.meta.env.DEV) console.error('Signature error:', err);
       setError('Failed to sign authentication challenge');
       setStep('error');
     }

web/src/components/citizenship/NewCitizenApplication.tsx

@@ -48,7 +48,7 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
       const { web3FromAddress } = await import('@polkadot/extension-dapp');
       const injector = await web3FromAddress(selectedAccount.address);
 
-      console.log('Confirming citizenship application (self-confirmation)...');
+      if (import.meta.env.DEV) console.log('Confirming citizenship application (self-confirmation)...');
 
       // Call confirm_citizenship() extrinsic - self-confirmation for Welati Tiki
       const tx = api.tx.identityKyc.confirmCitizenship();
@@ -57,10 +57,10 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
         if (dispatchError) {
           if (dispatchError.isModule) {
             const decoded = api.registry.findMetaError(dispatchError.asModule);
-            console.error(`${decoded.section}.${decoded.name}: ${decoded.docs.join(' ')}`);
+            if (import.meta.env.DEV) console.error(`${decoded.section}.${decoded.name}: ${decoded.docs.join(' ')}`);
             setError(`${decoded.section}.${decoded.name}: ${decoded.docs.join(' ')}`);
           } else {
-            console.error(dispatchError.toString());
+            if (import.meta.env.DEV) console.error(dispatchError.toString());
             setError(dispatchError.toString());
           }
           setConfirming(false);
@@ -68,13 +68,13 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
         }
 
         if (status.isInBlock || status.isFinalized) {
-          console.log('✅ Citizenship confirmed successfully!');
-          console.log('Block hash:', status.asInBlock || status.asFinalized);
+          if (import.meta.env.DEV) console.log('✅ Citizenship confirmed successfully!');
+          if (import.meta.env.DEV) console.log('Block hash:', status.asInBlock || status.asFinalized);
 
           // Check for CitizenshipConfirmed event
           events.forEach(({ event }) => {
             if (event.section === 'identityKyc' && event.method === 'CitizenshipConfirmed') {
-              console.log('📢 CitizenshipConfirmed event detected');
+              if (import.meta.env.DEV) console.log('📢 CitizenshipConfirmed event detected');
               setKycApproved(true);
               setWaitingForApproval(false);
 
@@ -91,7 +91,7 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
       });
 
     } catch (err) {
-      console.error('Approval error:', err);
+      if (import.meta.env.DEV) console.error('Approval error:', err);
       setError((err as Error).message || 'Failed to approve application');
       setConfirming(false);
     }
@@ -100,7 +100,7 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
   const handleReject = async () => {
     // Cancel/withdraw the application - simply close modal and go back
     // No blockchain interaction needed - application will remain Pending until confirmed or admin-rejected
-    console.log('Canceling citizenship application (no blockchain interaction)');
+    if (import.meta.env.DEV) console.log('Canceling citizenship application (no blockchain interaction)');
     onClose();
     window.location.href = '/';
   };
@@ -115,10 +115,10 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
       setCheckingStatus(true);
       try {
         const status = await getKycStatus(api, selectedAccount.address);
-        console.log('Current KYC Status:', status);
+        if (import.meta.env.DEV) console.log('Current KYC Status:', status);
 
         if (status === 'Approved') {
-          console.log('KYC already approved! Redirecting to dashboard...');
+          if (import.meta.env.DEV) console.log('KYC already approved! Redirecting to dashboard...');
           setKycApproved(true);
 
           // Redirect to dashboard after 2 seconds
@@ -131,7 +131,7 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
           setWaitingForApproval(true);
         }
       } catch (err) {
-        console.error('Error checking KYC status:', err);
+        if (import.meta.env.DEV) console.error('Error checking KYC status:', err);
       } finally {
         setCheckingStatus(false);
       }
@@ -146,13 +146,13 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
       return;
     }
 
-    console.log('Setting up KYC approval listener for:', selectedAccount.address);
+    if (import.meta.env.DEV) console.log('Setting up KYC approval listener for:', selectedAccount.address);
 
     const unsubscribe = subscribeToKycApproval(
       api,
       selectedAccount.address,
       () => {
-        console.log('KYC Approved! Redirecting to dashboard...');
+        if (import.meta.env.DEV) console.log('KYC Approved! Redirecting to dashboard...');
         setKycApproved(true);
         setWaitingForApproval(false);
 
@@ -163,7 +163,7 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
         }, 2000);
       },
       (error) => {
-        console.error('KYC approval subscription error:', error);
+        if (import.meta.env.DEV) console.error('KYC approval subscription error:', error);
         setError(`Failed to monitor approval status: ${error}`);
       }
     );
@@ -213,7 +213,7 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
       // The referrer calls api.tx.referral.initiateReferral(refereeAddress) from InviteUserModal
       // Here we just use the referrerAddress in the citizenship data if provided
       if (referrerAddress) {
-        console.log(`KYC application with referrer: ${referrerAddress}`);
+        if (import.meta.env.DEV) console.log(`KYC application with referrer: ${referrerAddress}`);
       }
 
       // Prepare complete citizenship data
@@ -228,8 +228,8 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
       const commitmentHash = await generateCommitmentHash(citizenshipData);
       const nullifierHash = await generateNullifierHash(selectedAccount.address, citizenshipData.timestamp);
 
-      console.log('Commitment Hash:', commitmentHash);
-      console.log('Nullifier Hash:', nullifierHash);
+      if (import.meta.env.DEV) console.log('Commitment Hash:', commitmentHash);
+      if (import.meta.env.DEV) console.log('Nullifier Hash:', nullifierHash);
 
       // Encrypt data
       const encryptedData = await encryptData(citizenshipData, selectedAccount.address);
@@ -240,9 +240,9 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
       // Upload to IPFS
       const ipfsCid = await uploadToIPFS(encryptedData);
 
-      console.log('IPFS CID:', ipfsCid);
-      console.log('IPFS CID type:', typeof ipfsCid);
-      console.log('IPFS CID value:', JSON.stringify(ipfsCid));
+      if (import.meta.env.DEV) console.log('IPFS CID:', ipfsCid);
+      if (import.meta.env.DEV) console.log('IPFS CID type:', typeof ipfsCid);
+      if (import.meta.env.DEV) console.log('IPFS CID value:', JSON.stringify(ipfsCid));
 
       // Ensure ipfsCid is a string
       const cidString = String(ipfsCid);
@@ -251,7 +251,7 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
       }
 
       // Submit to blockchain
-      console.log('Submitting KYC application to blockchain...');
+      if (import.meta.env.DEV) console.log('Submitting KYC application to blockchain...');
       const result = await submitKycApplication(
         api,
         selectedAccount,
@@ -267,8 +267,8 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
         return;
       }
 
-      console.log('✅ KYC application submitted to blockchain');
-      console.log('Block hash:', result.blockHash);
+      if (import.meta.env.DEV) console.log('✅ KYC application submitted to blockchain');
+      if (import.meta.env.DEV) console.log('Block hash:', result.blockHash);
 
       // Save block hash for display
       if (result.blockHash) {
@@ -281,7 +281,7 @@ export const NewCitizenApplication: React.FC<NewCitizenApplicationProps> = ({ on
       setWaitingForApproval(true);
 
     } catch (err) {
-      console.error('Submission error:', err);
+      if (import.meta.env.DEV) console.error('Submission error:', err);
       setError('Failed to submit citizenship application');
       setSubmitting(false);
     }

web/src/components/dashboard/CommissionProposalsCard.tsx

@@ -43,7 +43,7 @@ export function CommissionProposalsCard() {
       const memberList = members.toJSON() as string[];
       setIsCommissionMember(memberList.includes(selectedAccount.address));
     } catch (error) {
-      console.error('Error checking membership:', error);
+      if (import.meta.env.DEV) console.error('Error checking membership:', error);
       setIsCommissionMember(false);
     }
   };
@@ -89,7 +89,7 @@ export function CommissionProposalsCard() {
 
       setProposals(proposalList);
     } catch (error) {
-      console.error('Error loading proposals:', error);
+      if (import.meta.env.DEV) console.error('Error loading proposals:', error);
     } finally {
       setLoading(false);
     }
@@ -249,14 +249,14 @@ export function CommissionProposalsCard() {
 
               if (executedEvent) {
                 const eventData = executedEvent.event.data.toHuman();
-                console.log('✅ Proposal executed');
-                console.log('Execute event data:', eventData);
-                console.log('Result:', eventData);
+                if (import.meta.env.DEV) console.log('✅ Proposal executed');
+                if (import.meta.env.DEV) console.log('Execute event data:', eventData);
+                if (import.meta.env.DEV) console.log('Result:', eventData);
 
                 // Check if execution was successful
                 const result = eventData[eventData.length - 1]; // Last parameter is usually the result
                 if (result && typeof result === 'object' && 'Err' in result) {
-                  console.error('Execution failed:', result.Err);
+                  if (import.meta.env.DEV) console.error('Execution failed:', result.Err);
                   toast({
                     title: 'Execution Failed',
                     description: `Proposal closed but execution failed: ${JSON.stringify(result.Err)}`,

web/src/components/delegation/DelegateProfile.tsx

@@ -37,7 +37,7 @@ const DelegateProfile: React.FC = () => {
 
   const handleBecomeDelegate = () => {
     setIsDelegate(true);
-    console.log('Becoming a delegate with:', profileData);
+    if (import.meta.env.DEV) console.log('Becoming a delegate with:', profileData);
   };
 
   if (!isDelegate) {

web/src/components/delegation/DelegationManager.tsx

@@ -29,7 +29,7 @@ const DelegationManager: React.FC = () => {
   };
 
   const handleDelegate = () => {
-    console.log('Delegating:', {
+    if (import.meta.env.DEV) console.log('Delegating:', {
       delegate: selectedDelegate,
       amount: delegationAmount,
       period: delegationPeriod

web/src/components/dex/AddLiquidityModal.tsx

@@ -56,7 +56,7 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
         setBalance1(balance1Data.isSome ? balance1Data.unwrap().balance.toString() : '0');
         setBalance2(balance2Data.isSome ? balance2Data.unwrap().balance.toString() : '0');
       } catch (error) {
-        console.error('Failed to fetch balances:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch balances:', error);
       }
     };
 
@@ -78,7 +78,7 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
       const amount2Display = formatTokenBalance(amount2Raw, pool.asset2Decimals, 6);
       setAmount2Input(amount2Display);
     } catch (error) {
-      console.error('Failed to calculate amount2:', error);
+      if (import.meta.env.DEV) console.error('Failed to calculate amount2:', error);
     }
   };
 
@@ -97,7 +97,7 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
       const amount1Display = formatTokenBalance(amount1Raw, pool.asset1Decimals, 6);
       setAmount1Input(amount1Display);
     } catch (error) {
-      console.error('Failed to calculate amount1:', error);
+      if (import.meta.env.DEV) console.error('Failed to calculate amount1:', error);
     }
   };
 
@@ -182,7 +182,7 @@ export const AddLiquidityModal: React.FC<AddLiquidityModalProps> = ({
         }
       );
     } catch (error) {
-      console.error('Add liquidity failed:', error);
+      if (import.meta.env.DEV) console.error('Add liquidity failed:', error);
       setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
       setTxStatus('error');
     }

web/src/components/dex/CreatePoolModal.tsx

@@ -55,18 +55,18 @@ export const CreatePoolModal: React.FC<CreatePoolModalProps> = ({
       if (!api || !isApiReady || !account || asset1Id === null) return;
 
       try {
-        console.log('🔍 Fetching balance for asset', asset1Id, 'account', account);
+        if (import.meta.env.DEV) console.log('🔍 Fetching balance for asset', asset1Id, 'account', account);
         const balance1Data = await api.query.assets.account(asset1Id, account);
         if (balance1Data.isSome) {
           const balance = balance1Data.unwrap().balance.toString();
-          console.log('✅ Balance found for asset', asset1Id, ':', balance);
+          if (import.meta.env.DEV) console.log('✅ Balance found for asset', asset1Id, ':', balance);
           setBalance1(balance);
         } else {
-          console.warn('⚠️ No balance found for asset', asset1Id);
+          if (import.meta.env.DEV) console.warn('⚠️ No balance found for asset', asset1Id);
           setBalance1('0');
         }
       } catch (error) {
-        console.error('❌ Failed to fetch balance 1:', error);
+        if (import.meta.env.DEV) console.error('❌ Failed to fetch balance 1:', error);
         setBalance1('0');
       }
     };
@@ -79,18 +79,18 @@ export const CreatePoolModal: React.FC<CreatePoolModalProps> = ({
       if (!api || !isApiReady || !account || asset2Id === null) return;
 
       try {
-        console.log('🔍 Fetching balance for asset', asset2Id, 'account', account);
+        if (import.meta.env.DEV) console.log('🔍 Fetching balance for asset', asset2Id, 'account', account);
         const balance2Data = await api.query.assets.account(asset2Id, account);
         if (balance2Data.isSome) {
           const balance = balance2Data.unwrap().balance.toString();
-          console.log('✅ Balance found for asset', asset2Id, ':', balance);
+          if (import.meta.env.DEV) console.log('✅ Balance found for asset', asset2Id, ':', balance);
           setBalance2(balance);
         } else {
-          console.warn('⚠️ No balance found for asset', asset2Id);
+          if (import.meta.env.DEV) console.warn('⚠️ No balance found for asset', asset2Id);
           setBalance2('0');
         }
       } catch (error) {
-        console.error('❌ Failed to fetch balance 2:', error);
+        if (import.meta.env.DEV) console.error('❌ Failed to fetch balance 2:', error);
         setBalance2('0');
       }
     };
@@ -121,7 +121,7 @@ export const CreatePoolModal: React.FC<CreatePoolModalProps> = ({
     const amount1Raw = parseTokenInput(amount1Input, token1.decimals);
     const amount2Raw = parseTokenInput(amount2Input, token2.decimals);
 
-    console.log('💰 Validation check:', {
+    if (import.meta.env.DEV) console.log('💰 Validation check:', {
       token1: token1.symbol,
       amount1Input,
       amount1Raw,
@@ -213,7 +213,7 @@ export const CreatePoolModal: React.FC<CreatePoolModalProps> = ({
         }
       );
     } catch (error) {
-      console.error('Pool creation failed:', error);
+      if (import.meta.env.DEV) console.error('Pool creation failed:', error);
       setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
       setTxStatus('error');
     }

web/src/components/dex/InitializeHezPoolModal.tsx

@@ -58,7 +58,7 @@ export const InitializeHezPoolModal: React.FC<InitializeHezPoolModalProps> = ({
         const whezData = await api.query.assets.account(0, account);
         setWhezBalance(whezData.isSome ? whezData.unwrap().balance.toString() : '0');
       } catch (error) {
-        console.error('Failed to fetch balances:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch balances:', error);
       }
     };
 
@@ -91,7 +91,7 @@ export const InitializeHezPoolModal: React.FC<InitializeHezPoolModalProps> = ({
     setErrorMessage('');
 
     try {
-      console.log('🔄 Wrapping HEZ to wHEZ...', {
+      if (import.meta.env.DEV) console.log('🔄 Wrapping HEZ to wHEZ...', {
         hezAmount,
         hezAmountRaw: hezAmountRaw.toString(),
       });
@@ -104,10 +104,10 @@ export const InitializeHezPoolModal: React.FC<InitializeHezPoolModalProps> = ({
         account,
         { signer },
         ({ status, dispatchError, events }) => {
-          console.log('📦 Transaction status:', status.type);
+          if (import.meta.env.DEV) console.log('📦 Transaction status:', status.type);
 
           if (status.isInBlock) {
-            console.log('✅ In block:', status.asInBlock.toHex());
+            if (import.meta.env.DEV) console.log('✅ In block:', status.asInBlock.toHex());
 
             if (dispatchError) {
               let errorMsg = '';
@@ -115,10 +115,10 @@ export const InitializeHezPoolModal: React.FC<InitializeHezPoolModalProps> = ({
               if (dispatchError.isModule) {
                 const decoded = api.registry.findMetaError(dispatchError.asModule);
                 errorMsg = `${decoded.section}.${decoded.name}: ${decoded.docs.join(' ')}`;
-                console.error('❌ Module error:', errorMsg);
+                if (import.meta.env.DEV) console.error('❌ Module error:', errorMsg);
               } else {
                 errorMsg = dispatchError.toString();
-                console.error('❌ Dispatch error:', errorMsg);
+                if (import.meta.env.DEV) console.error('❌ Dispatch error:', errorMsg);
               }
 
               setErrorMessage(errorMsg);
@@ -129,8 +129,8 @@ export const InitializeHezPoolModal: React.FC<InitializeHezPoolModalProps> = ({
                 variant: 'destructive',
               });
             } else {
-              console.log('✅ Wrap successful!');
-              console.log('📋 Events:', events.map(e => e.event.method).join(', '));
+              if (import.meta.env.DEV) console.log('✅ Wrap successful!');
+              if (import.meta.env.DEV) console.log('📋 Events:', events.map(e => e.event.method).join(', '));
               setTxStatus('success');
               toast({
                 title: 'Success!',
@@ -145,7 +145,7 @@ export const InitializeHezPoolModal: React.FC<InitializeHezPoolModalProps> = ({
         }
       );
     } catch (error) {
-      console.error('Wrap failed:', error);
+      if (import.meta.env.DEV) console.error('Wrap failed:', error);
       setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
       setTxStatus('error');
       toast({

web/src/components/dex/PoolBrowser.tsx

@@ -39,7 +39,7 @@ export const PoolBrowser: React.FC<PoolBrowserProps> = ({
         const poolsData = await fetchPools(api);
         setPools(poolsData);
       } catch (error) {
-        console.error('Failed to load pools:', error);
+        if (import.meta.env.DEV) console.error('Failed to load pools:', error);
       } finally {
         setLoading(false);
       }

web/src/components/dex/RemoveLiquidityModal.tsx

@@ -67,7 +67,7 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
         // This is a simplified version - you'd need to track LP tokens properly
         setLpTokenBalance('0'); // Placeholder
       } catch (error) {
-        console.error('Failed to fetch LP balance:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch LP balance:', error);
         setLpTokenBalance('0');
       }
     };
@@ -154,7 +154,7 @@ export const RemoveLiquidityModal: React.FC<RemoveLiquidityModalProps> = ({
         }
       );
     } catch (error) {
-      console.error('Remove liquidity failed:', error);
+      if (import.meta.env.DEV) console.error('Remove liquidity failed:', error);
       setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
       setTxStatus('error');
     }

web/src/components/dex/SwapInterface.tsx

@@ -82,7 +82,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
           const freeBalance = balance.data.free.toString();
           setFromBalance(freeBalance);
         } catch (error) {
-          console.error('Failed to fetch HEZ balance:', error);
+          if (import.meta.env.DEV) console.error('Failed to fetch HEZ balance:', error);
           setFromBalance('0');
         }
       } else if (fromAssetId !== null) {
@@ -90,7 +90,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
           const balanceData = await api.query.assets.account(fromAssetId, account);
           setFromBalance(balanceData.isSome ? balanceData.unwrap().balance.toString() : '0');
         } catch (error) {
-          console.error('Failed to fetch from balance:', error);
+          if (import.meta.env.DEV) console.error('Failed to fetch from balance:', error);
           setFromBalance('0');
         }
       }
@@ -102,7 +102,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
           const freeBalance = balance.data.free.toString();
           setToBalance(freeBalance);
         } catch (error) {
-          console.error('Failed to fetch HEZ balance:', error);
+          if (import.meta.env.DEV) console.error('Failed to fetch HEZ balance:', error);
           setToBalance('0');
         }
       } else if (toAssetId !== null) {
@@ -110,7 +110,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
           const balanceData = await api.query.assets.account(toAssetId, account);
           setToBalance(balanceData.isSome ? balanceData.unwrap().balance.toString() : '0');
         } catch (error) {
-          console.error('Failed to fetch to balance:', error);
+          if (import.meta.env.DEV) console.error('Failed to fetch to balance:', error);
           setToBalance('0');
         }
       }
@@ -139,7 +139,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
 
       setToAmount(toAmountDisplay);
     } catch (error) {
-      console.error('Failed to calculate output:', error);
+      if (import.meta.env.DEV) console.error('Failed to calculate output:', error);
       setToAmount('');
     }
   }, [fromAmount, activePool, fromTokenInfo, toTokenInfo, fromAssetId, toAssetId]);
@@ -217,7 +217,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
         toTokenInfo.decimals
       );
 
-      console.log('💰 Swap transaction:', {
+      if (import.meta.env.DEV) console.log('💰 Swap transaction:', {
         from: fromToken,
         to: toToken,
         amount: fromAmount,
@@ -321,7 +321,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
         }
       );
     } catch (error) {
-      console.error('Swap failed:', error);
+      if (import.meta.env.DEV) console.error('Swap failed:', error);
       setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
       setTxStatus('error');
       toast({

web/src/components/forum/DiscussionThread.tsx

@@ -104,7 +104,7 @@ export function DiscussionThread({ proposalId }: { proposalId: string }) {
     const handleSentimentUpdate = (data: { proposalId: string; sentiment: Record<string, unknown> }) => {
       if (data.proposalId === proposalId) {
         // Update sentiment visualization in parent component
-        console.log('Sentiment updated:', data.sentiment);
+        if (import.meta.env.DEV) console.log('Sentiment updated:', data.sentiment);
       }
     };
 

web/src/components/governance/GovernanceOverview.tsx

@@ -39,22 +39,22 @@ const GovernanceOverview: React.FC = () => {
   useEffect(() => {
     const fetchGovernanceData = async () => {
       if (!api || !isApiReady) {
-        console.log('API not ready for governance data');
+        if (import.meta.env.DEV) console.log('API not ready for governance data');
         return;
       }
 
       try {
-        console.log('📊 Fetching governance data from blockchain...');
+        if (import.meta.env.DEV) console.log('📊 Fetching governance data from blockchain...');
         setLoading(true);
 
         // Fetch active referenda (proposals)
         let activeProposals = 0;
         try {
           const referendaCount = await api.query.referenda.referendumCount();
-          console.log('Referenda count:', referendaCount.toNumber());
+          if (import.meta.env.DEV) console.log('Referenda count:', referendaCount.toNumber());
           activeProposals = referendaCount.toNumber();
         } catch (err) {
-          console.warn('Failed to fetch referenda count:', err);
+          if (import.meta.env.DEV) console.warn('Failed to fetch referenda count:', err);
         }
 
         // Fetch treasury balance
@@ -65,9 +65,9 @@ const GovernanceOverview: React.FC = () => {
           );
           const balance = treasuryAccount.data.free.toString();
           treasuryBalance = `${formatBalance(balance)} HEZ`;
-          console.log('Treasury balance:', treasuryBalance);
+          if (import.meta.env.DEV) console.log('Treasury balance:', treasuryBalance);
         } catch (err) {
-          console.warn('Failed to fetch treasury balance:', err);
+          if (import.meta.env.DEV) console.warn('Failed to fetch treasury balance:', err);
         }
 
         // Fetch council members
@@ -75,9 +75,9 @@ const GovernanceOverview: React.FC = () => {
         try {
           const members = await api.query.council.members();
           parliamentMembers = members.length;
-          console.log('Council members:', parliamentMembers);
+          if (import.meta.env.DEV) console.log('Council members:', parliamentMembers);
         } catch (err) {
-          console.warn('Failed to fetch council members:', err);
+          if (import.meta.env.DEV) console.warn('Failed to fetch council members:', err);
         }
 
         // Update stats
@@ -92,13 +92,13 @@ const GovernanceOverview: React.FC = () => {
           treasuryBalance
         });
 
-        console.log('✅ Governance data updated:', {
+        if (import.meta.env.DEV) console.log('✅ Governance data updated:', {
           activeProposals,
           parliamentMembers,
           treasuryBalance
         });
       } catch (error) {
-        console.error('Failed to fetch governance data:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch governance data:', error);
       } finally {
         setLoading(false);
       }

web/src/components/p2p/AdList.tsx

@@ -70,7 +70,7 @@ export function AdList({ type }: AdListProps) {
 
       setOffers(enrichedOffers);
     } catch (error) {
-      console.error('Fetch offers error:', error);
+      if (import.meta.env.DEV) console.error('Fetch offers error:', error);
     } finally {
       setLoading(false);
     }

web/src/components/p2p/CreateAd.tsx

@@ -139,7 +139,7 @@ export function CreateAd({ onAdCreated }: CreateAdProps) {
       toast.success('Ad created successfully!');
       onAdCreated();
     } catch (error) {
-      console.error('Create ad error:', error);
+      if (import.meta.env.DEV) console.error('Create ad error:', error);
       // Error toast already shown in createFiatOffer
     } finally {
       setLoading(false);

web/src/components/p2p/TradeModal.tsx

@@ -73,7 +73,7 @@ export function TradeModal({ offer, onClose }: TradeModalProps) {
       // TODO: Navigate to trade page
       // navigate(`/p2p/trade/${tradeId}`);
     } catch (error) {
-      console.error('Accept offer error:', error);
+      if (import.meta.env.DEV) console.error('Accept offer error:', error);
       // Error toast already shown in acceptFiatOffer
     } finally {
       setLoading(false);

web/src/components/perwerde/CourseCreator.tsx

@@ -56,7 +56,7 @@ export function CourseCreator({ onCourseCreated }: CourseCreatorProps) {
       setDescription('');
       setContent('');
     } catch (error) {
-      console.error('Failed to create course:', error);
+      if (import.meta.env.DEV) console.error('Failed to create course:', error);
       // toast already shown in createCourse()
     } finally {
       setLoading(false);

web/src/components/perwerde/CourseList.tsx

@@ -26,7 +26,7 @@ export function CourseList({ enrolledCourseIds, onEnroll }: CourseListProps) {
         const activeCourses = await getCourses('Active');
         setCourses(activeCourses);
       } catch (error) {
-        console.error('Failed to fetch courses:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch courses:', error);
         toast({
           title: 'Error',
           description: 'Failed to fetch courses',
@@ -54,7 +54,7 @@ export function CourseList({ enrolledCourseIds, onEnroll }: CourseListProps) {
       await enrollInCourse(api, selectedAccount, courseId);
       onEnroll();
     } catch (error) {
-      console.error('Enroll failed:', error);
+      if (import.meta.env.DEV) console.error('Enroll failed:', error);
     }
   };
 

web/src/components/perwerde/StudentDashboard.tsx

@@ -29,7 +29,7 @@ export function StudentDashboard({ enrollments, loading, onCourseCompleted }: St
       await completeCourse(api, selectedAccount, courseId, points);
       onCourseCompleted();
     } catch (error) {
-      console.error('Failed to complete course:', error);
+      if (import.meta.env.DEV) console.error('Failed to complete course:', error);
     }
   };
 

web/src/components/referral/InviteUserModal.tsx

@@ -46,7 +46,7 @@ export const InviteUserModal: React.FC<InviteUserModalProps> = ({ isOpen, onClos
       setCopied(true);
       setTimeout(() => setCopied(false), 2000);
     } catch (error) {
-      console.error('Failed to copy:', error);
+      if (import.meta.env.DEV) console.error('Failed to copy:', error);
     }
   };
 
@@ -82,7 +82,7 @@ export const InviteUserModal: React.FC<InviteUserModalProps> = ({ isOpen, onClos
       const { web3FromAddress } = await import('@polkadot/extension-dapp');
       const injector = await web3FromAddress(selectedAccount.address);
 
-      console.log(`Initiating referral from ${selectedAccount.address} to ${inviteeAddress}...`);
+      if (import.meta.env.DEV) console.log(`Initiating referral from ${selectedAccount.address} to ${inviteeAddress}...`);
 
       const tx = api.tx.referral.initiateReferral(inviteeAddress);
 
@@ -95,21 +95,21 @@ export const InviteUserModal: React.FC<InviteUserModalProps> = ({ isOpen, onClos
           } else {
             errorMessage = dispatchError.toString();
           }
-          console.error(errorMessage);
+          if (import.meta.env.DEV) console.error(errorMessage);
           setInitiateError(errorMessage);
           setInitiating(false);
           return;
         }
 
         if (status.isInBlock || status.isFinalized) {
-          console.log('Referral initiated successfully!');
+          if (import.meta.env.DEV) console.log('Referral initiated successfully!');
           setInitiateSuccess(true);
           setInitiating(false);
           setInviteeAddress('');
         }
       });
     } catch (err: unknown) {
-      console.error('Failed to initiate referral:', err);
+      if (import.meta.env.DEV) console.error('Failed to initiate referral:', err);
       setInitiateError(err.message || 'Failed to initiate referral');
       setInitiating(false);
     }

web/src/components/security/PermissionEditor.tsx

@@ -79,7 +79,7 @@ export function PermissionEditor() {
         setSelectedRole(data[0]);
       }
     } catch {
-      console.error('Error loading roles:', error);
+      if (import.meta.env.DEV) console.error('Error loading roles:', error);
       toast({
         title: 'Error',
         description: 'Failed to load roles',

web/src/components/security/SecurityAudit.tsx

@@ -92,7 +92,7 @@ export function SecurityAudit() {
 
       setAuditLogs(logs || []);
     } catch (error) {
-      console.error('Error loading security data:', error);
+      if (import.meta.env.DEV) console.error('Error loading security data:', error);
     } finally {
       setLoading(false);
     }

web/src/components/security/SessionMonitor.tsx

@@ -45,7 +45,7 @@ export function SessionMonitor() {
       if (error) throw error;
       setSessions(data || []);
     } catch {
-      console.error('Error loading sessions:', error);
+      if (import.meta.env.DEV) console.error('Error loading sessions:', error);
     } finally {
       setLoading(false);
     }

web/src/components/staking/StakingDashboard.tsx

@@ -62,14 +62,14 @@ export const StakingDashboard: React.FC = () => {
         setMinNominatorBond(minBond);
         setBondingDuration(duration);
         // Track current era for future use
-        console.log('Current era:', era);
+        if (import.meta.env.DEV) console.log('Current era:', era);
 
         // Pre-select current nominations if any
         if (info.nominations.length > 0) {
           setSelectedValidators(info.nominations);
         }
       } catch (error) {
-        console.error('Failed to fetch staking data:', error);
+        if (import.meta.env.DEV) console.error('Failed to fetch staking data:', error);
         toast.error('Failed to fetch staking information');
       } finally {
         setIsLoadingData(false);
@@ -113,7 +113,7 @@ export const StakingDashboard: React.FC = () => {
         { signer: injector.signer },
         ({ status, dispatchError }) => {
           if (status.isInBlock) {
-            console.log('Transaction in block:', status.asInBlock.toHex());
+            if (import.meta.env.DEV) console.log('Transaction in block:', status.asInBlock.toHex());
 
             if (dispatchError) {
               handleBlockchainError(dispatchError, api, toast);
@@ -134,7 +134,7 @@ export const StakingDashboard: React.FC = () => {
         }
       );
     } catch (error) {
-      console.error('Bond failed:', error);
+      if (import.meta.env.DEV) console.error('Bond failed:', error);
       toast.error(error instanceof Error ? error.message : 'Failed to bond tokens');
       setIsLoading(false);
     }
@@ -176,7 +176,7 @@ export const StakingDashboard: React.FC = () => {
         }
       );
     } catch (error) {
-      console.error('Nomination failed:', error);
+      if (import.meta.env.DEV) console.error('Nomination failed:', error);
       toast.error(error instanceof Error ? error.message : 'Failed to nominate validators');
       setIsLoading(false);
     }
@@ -221,7 +221,7 @@ export const StakingDashboard: React.FC = () => {
         }
       );
     } catch (error) {
-      console.error('Unbond failed:', error);
+      if (import.meta.env.DEV) console.error('Unbond failed:', error);
       toast.error(error instanceof Error ? error.message : 'Failed to unbond tokens');
       setIsLoading(false);
     }
@@ -269,7 +269,7 @@ export const StakingDashboard: React.FC = () => {
         }
       );
     } catch (error) {
-      console.error('Withdrawal failed:', error);
+      if (import.meta.env.DEV) console.error('Withdrawal failed:', error);
       toast.error(error instanceof Error ? error.message : 'Failed to withdraw tokens');
       setIsLoading(false);
     }
@@ -315,7 +315,7 @@ export const StakingDashboard: React.FC = () => {
         }
       );
     } catch (error) {
-      console.error('Start score tracking failed:', error);
+      if (import.meta.env.DEV) console.error('Start score tracking failed:', error);
       toast.error(error instanceof Error ? error.message : 'Failed to start score tracking');
       setIsLoading(false);
     }

web/src/components/staking/ValidatorPoolDashboard.tsx

@@ -48,7 +48,7 @@ export function ValidatorPoolDashboard() {
         setPoolMember(memberData);
       }
     } catch (error) {
-      console.error('Failed to fetch validator pool data:', error);
+      if (import.meta.env.DEV) console.error('Failed to fetch validator pool data:', error);
       toast.error('Failed to fetch pool data');
     } finally {
       setLoading(false);
@@ -67,7 +67,7 @@ export function ValidatorPoolDashboard() {
       toast.success(`Joined the ${category} pool`);
       fetchData();
     } catch (error) {
-      console.error('Join pool error:', error);
+      if (import.meta.env.DEV) console.error('Join pool error:', error);
       // Error toast already shown in joinValidatorPool
     } finally {
       setActionLoading(false);
@@ -82,7 +82,7 @@ export function ValidatorPoolDashboard() {
       toast.success('Left the validator pool');
       fetchData();
     } catch (error) {
-      console.error('Leave pool error:', error);
+      if (import.meta.env.DEV) console.error('Leave pool error:', error);
       // Error toast already shown in leaveValidatorPool
     } finally {
       setActionLoading(false);
@@ -97,7 +97,7 @@ export function ValidatorPoolDashboard() {
       toast.success(`Switched to ${newCategory}`);
       fetchData();
     } catch (error) {
-      console.error('Switch category error:', error);
+      if (import.meta.env.DEV) console.error('Switch category error:', error);
       // Error toast already shown in updateValidatorCategory
     } finally {
       setActionLoading(false);

web/src/components/wallet/MultiSigWallet.tsx

@@ -50,11 +50,11 @@ export const MultiSigWallet: React.FC = () => {
   ];
 
   const handleCreateTransaction = () => {
-    console.log('Creating multi-sig transaction:', { amount, recipient, description });
+    if (import.meta.env.DEV) console.log('Creating multi-sig transaction:', { amount, recipient, description });
   };
 
   const handleSign = (txId: string) => {
-    console.log('Signing transaction:', txId);
+    if (import.meta.env.DEV) console.log('Signing transaction:', txId);
   };
 
   return (

web/src/components/wallet/WalletModal.tsx

@@ -80,7 +80,7 @@ export const WalletModal: React.FC<WalletModalProps> = ({ isOpen, onClose }) =>
         const userScores = await getAllScores(api, selectedAccount.address);
         setScores(userScores);
       } catch (err) {
-        console.error('Failed to fetch scores:', err);
+        if (import.meta.env.DEV) console.error('Failed to fetch scores:', err);
         setScores({
           trustScore: 0,
           referralScore: 0,