Large amount of changes. Successfully broadcasts txs

src/tui/screens/WalletState.tsx

@@ -15,6 +15,8 @@ import { useAppContext, useStatus } from '../hooks/useAppContext.js';
 import { colors, formatSatoshis, formatHex, logoSmall } from '../theme.js';
 import type { HistoryItem } from '../../services/history.js';
 
+import { generateTemplateIdentifier } from '@xo-cash/engine';
+
 // Import utility functions
 import {
   formatHistoryListItem,
@@ -139,10 +141,10 @@ export function WalletStateScreen(): React.ReactElement {
         return;
       }
 
-      // Generate a new locking bytecode
-      const { generateTemplateIdentifier } = await import('@xo-cash/engine');
+      // Generate the template identifier
       const templateId = generateTemplateIdentifier(p2pkhTemplate);
 
+      // Generate the locking bytecode
       const lockingBytecode = await appService.engine.generateLockingBytecode(
         templateId,
         'receiveOutput',