css adjustments, add new wallet handling

Author: seriouscatsoserious

public/modules/chainManager.js

@@ -79,13 +79,18 @@ class ChainManager {
       return this.getBitcoinArgs();
     }
     if (chainId === 'enforcer') {
+      const mnemonicsPath = path.join(app.getPath('userData'), 'wallet_starters', 'mnemonics', 'l1.txt');
+      const walletArg = fs.existsSync(mnemonicsPath) 
+        ? `--wallet-seed-file=${mnemonicsPath}`
+        : '--wallet-auto-create';
+
       return [
         '--node-rpc-pass=password',
         '--node-rpc-user=user',
         '--node-rpc-addr=127.0.0.1:38332',
         '--node-zmq-addr-sequence=tcp://127.0.0.1:29000',
         '--enable-wallet',
-        '--wallet-auto-create'
+        walletArg
       ];
     }
     return [];
@@ -738,4 +743,4 @@ class ChainManager {
   }
 }
 
-module.exports = ChainManager;
+module.exports = ChainManager;

public/modules/walletManager.js

@@ -47,6 +47,15 @@ class WalletManager extends EventEmitter {
       });
       const success = await this.walletService.saveWallet(wallet);
       if (!success) throw new Error('Failed to save imported wallet');
+
+      // Generate all chain starters immediately
+      try {
+        await this.walletService.generateAllStarters();
+      } catch (error) {
+        console.error('Error generating chain starters:', error);
+        // Don't throw here - master wallet was imported successfully
+      }
+
       return wallet;
     } catch (error) {
       console.error('Error importing master wallet:', error);
@@ -197,4 +206,4 @@ class WalletManager extends EventEmitter {
   }
 }
 
-module.exports = WalletManager;
+module.exports = WalletManager;

public/modules/walletService.js

@@ -171,8 +171,19 @@ class WalletService extends EventEmitter {
   }
 
   async saveL1Starter(walletData) {
+    // Save full wallet data
     const l1Path = path.join(this.walletDir, 'l1_starter.json');
     await fs.writeJson(l1Path, walletData, { spaces: 2 });
+
+    // Save mnemonic only for L1 if it doesn't exist
+    const mnemonicPath = path.join(this.mnemonicsDir, 'l1.txt');
+    if (!(await fs.pathExists(mnemonicPath))) {
+      console.log('Creating new mnemonic file for L1');
+      await fs.writeFile(mnemonicPath, walletData.mnemonic);
+    } else {
+      console.log('Mnemonic file already exists for L1, skipping creation');
+    }
+    
     this.emit('wallet-updated');
   }
 
@@ -381,4 +392,4 @@ class WalletService extends EventEmitter {
   }
 }
 
-module.exports = WalletService;
+module.exports = WalletService;

src/components/Button.module.css

@@ -23,9 +23,7 @@
 .stop,
 .stopping {
   composes: btn;
-  width: 85px;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  width: 100px;
 }
 
 /* Variable width states */

src/components/Nodes.js

@@ -349,7 +349,7 @@ function Nodes() {
   return (
     <div className={styles.container}>
       <div className={styles.chainSection}>
-        <div className={styles.chainHeading}>
+        <div className={styles.l1ChainHeading}>
           <h2>Layer 1</h2>
           {isInitialized && (
             <button
@@ -409,7 +409,9 @@ function Nodes() {
         </div>
       </div>
       <div className={styles.chainSection}>
-        <h2 className={styles.chainHeading}>Layer 2</h2>
+        <div className={styles.l2ChainHeading}>
+          <h2>Layer 2</h2>
+        </div>
         <div className={styles.l2Chains}>
           {chains
             .filter(chain => chain.chain_type === 2)

src/components/Nodes.module.css

@@ -23,13 +23,22 @@
 .chainHeading {
   font-size: calc(var(--base-font-size) * 1.1);
   font-weight: bold;
-  margin: 0 0 var(--base-spacing) 0;
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
+.l1ChainHeading {
+  composes: chainHeading;
+  margin: var(--base-spacing) 0 0 0;
+}
+
+.l2ChainHeading {
+  composes: chainHeading;
+  margin: calc(var(--base-spacing) * 0.25) 0;
+}
+
 /* Chain lists */
 .l1Chains,
 .l2Chains {