chore(dashboard):

- fix dark mod transction builder
- enable paseo network on XCM (Transaction Builder)
- improve transaction monitor
- improve design ui/ux presetSelector

Author: developerfred

.papi/descriptors/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.0-autogenerated.10542860469198549051",
+  "version": "0.1.0-autogenerated.2387082806310248604",
   "name": "@polkadot-api/descriptors",
   "files": [
     "dist"

.papi/metadata/acala.scale

@@ -191,6 +191,11 @@
       "wsUrl": "wss://rpc1.paseo.popnetwork.xyz",
       "metadata": ".papi/metadata/popnetworkpaseo.scale",
       "genesis": "0xe8b2d197b82a0da1fffca832c050894ebe343b289c61ef439aa694bdcef78aa1"
+    },
+    "acala": {
+      "wsUrl": "wss://api-acala.n.dwellir.com/1791deb9-183c-4d92-9c70-a9fba633bee4",
+      "metadata": ".papi/metadata/acala.scale",
+      "genesis": "0xfc41b9bd8ef8fe53d58c7ea67c794c7ec9a73daf05e6d54b14ff6342c99ba64c"
     }
   }
 }

.papi/polkadot-api.json

@@ -42,7 +42,8 @@ const CHAINS_CONFIG = [
   { id: 'westend_collectives', descriptor: 'westendcollectives', wellknownName: 'collectives_westend', rpcs: ['wss://westend-collectives-rpc.polkadot.io'] },
   { id: 'paseo', descriptor: 'paseo', wellknownName: 'paseo', rpcs: ['wss://pas-rpc.stakeworld.io', 'wss://paseo.dotters.network'] },
 
-  // --- Other Ecosystem Chains (updated via RPC endpoint) ---
+  // --- Other Ecosystem Chains (updated via RPC endpoint) --- 
+  { id: 'acala', descriptor: 'acala', rpcs: ['wss://api-acala.n.dwellir.com/1791deb9-183c-4d92-9c70-a9fba633bee4'] },
   { id: 'paseo_asset_hub', descriptor: 'paseoassethub', rpcs: ['wss://asset-hub-paseo-rpc.dwellir.com', 'wss://asset-hub-paseo.dotters.network', 'wss://sys.turboflakes.io/asset-hub-paseo'] },
   { id: 'paseo_bridge_hub', descriptor: 'paseobridgehub', rpcs: ['wss://bridge-hub-paseo.dotters.network'] },
   { id: 'paseo_coretime', descriptor: 'paseocoretime', rpcs: ['wss://coretime-paseo.dotters.network', 'wss://paseo-coretime.paranodes.io'] },

scripts/update-chains.js

@@ -1,27 +1,68 @@
-/* eslint-disable  react/display-name */
+/* eslint-disable react/display-name */
 
-import React from "react";
+import React, { useState } from "react";
 import type { TransactionPreset } from "../types/transaction.types";
 
 interface PresetSelectorProps {
     presets: TransactionPreset[];
     onSelect: (preset: TransactionPreset) => void;
 }
 
-export const PresetSelector: React.FC<PresetSelectorProps> = React.memo(({ presets, onSelect }) => (
-    <div className="space-y-4">
-        <h3 className="text-lg font-medium">Select Transaction Type</h3>
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-            {presets.map(preset => (
-                <button
-                    key={preset.id}
-                    onClick={() => onSelect(preset)}
-                    className="p-4 text-left border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors"
-                >
-                    <div className="font-medium">{preset.name}</div>
-                    <div className="text-sm text-gray-600 mt-1">{preset.description}</div>
-                </button>
-            ))}
+export const PresetSelector: React.FC<PresetSelectorProps> = React.memo(({ presets, onSelect }) => {
+    const [hoveredId, setHoveredId] = useState<string | null>(null);
+
+    return (
+        <div className="space-y-4">
+            <h3 className="text-lg font-medium text-theme-primary">Select Transaction Type</h3>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
+                {presets.map(preset => {
+                    const isHovered = hoveredId === preset.id;
+
+                    return (
+                        <button
+                            key={preset.id}
+                            onClick={() => onSelect(preset)}
+                            onMouseEnter={() => setHoveredId(preset.id)}
+                            onMouseLeave={() => setHoveredId(null)}
+                            className="p-4 text-left border rounded-lg transition-all duration-200
+                                bg-theme-surface border-theme
+                                focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-network-primary
+                                relative overflow-hidden"
+                        >
+                            
+                            <div
+                                className={`absolute inset-0 bg-network-primary opacity-0 transition-opacity duration-300
+                                    ${isHovered ? 'opacity-5 dark:opacity-10' : ''}`}
+                            ></div>
+
+                            <div
+                                className={`font-medium text-theme-primary transition-colors
+                                    ${isHovered ? 'text-network-primary' : ''}`}
+                            >
+                                {preset.name}
+                            </div>
+                            <div
+                                className={`text-sm text-theme-secondary transition-colors mt-1
+                                    ${isHovered ? 'text-theme-primary' : ''}`}
+                            >
+                                {preset.description}
+                            </div>
+
+                            
+                            <div
+                                className={`absolute right-3 top-1/2 -translate-y-1/2 transition-opacity
+                                    ${isHovered ? 'opacity-100' : 'opacity-0'}`}
+                            >
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                    stroke="currentColor" className="text-network-primary">
+                                    <path d="M9 18l6-6-6-6" strokeWidth="2"
+                                        strokeLinecap="round" strokeLinejoin="round" />
+                                </svg>
+                            </div>
+                        </button>
+                    );
+                })}
+            </div>
         </div>
-    </div>
-));
+    );
+});