Add initial startup check

Author: TarikGul

backend/src/services/BlockProcessor.ts

@@ -55,6 +55,7 @@ export class BlockProcessor {
   private migrationStartBlockNumber?: number;
   private rcPriorityConfigQueried: boolean = false;
   private ahPriorityConfigQueried: boolean = false;
+  private initialStageCheckDone: boolean = false;
 
   private constructor() {
     // Initialize queues for both chains
@@ -342,6 +343,11 @@ export class BlockProcessor {
         },
       });
 
+      // Initial stage check - only on Relay Chain, only once, only if no stages in DB
+      if (item.chain === 'relay-chain' && !this.initialStageCheckDone) {
+        await this.performInitialStageCheck(apiAt, item);
+      }
+
       if (this.currentMode === ProcessingMode.DETECTION) {
         // Detection mode: only process relay chain for migration events
         if (item.chain === 'relay-chain') {
@@ -1164,6 +1170,78 @@ export class BlockProcessor {
     }
   }
 
+  /**
+   * Perform an initial stage check on startup to see if migration is already scheduled/ongoing
+   * This runs only once when processing the first Relay Chain block
+   */
+  private async performInitialStageCheck(
+    apiAt: ApiDecoration<'promise'>,
+    item: QueueItem
+  ): Promise<void> {
+    try {
+      // Check if we already have stage data in the database
+      const existingStage = await db.query.migrationStages.findFirst({
+        where: eq(migrationStages.chain, 'relay-chain'),
+      });
+
+      // If we already have stage data, skip this check
+      if (existingStage) {
+        Log.service({
+          service: 'Block Processor',
+          action: 'Skipping initial stage check - stages already in DB',
+          details: { existingStage: existingStage.stage },
+        });
+        this.initialStageCheckDone = true;
+        return;
+      }
+
+      // Query the current migration stage
+      const rcMigrationStage = await apiAt.query.rcMigrator.rcMigrationStage<PalletRcMigratorMigrationStage>();
+
+      const stageType = rcMigrationStage.type;
+      const isOngoing = !rcMigrationStage.isPending && !rcMigrationStage.isScheduled;
+
+      Log.service({
+        service: 'Block Processor',
+        action: 'Initial stage check performed',
+        details: {
+          stageType,
+          isScheduled: rcMigrationStage.isScheduled,
+          isOngoing,
+        },
+      });
+
+      // Store the stage in the database
+      await this.handleRcMigrationStage(rcMigrationStage, item);
+
+      // If migration is scheduled or ongoing, switch to FULL mode immediately
+      if (isOngoing) {
+
+        this.currentMode = ProcessingMode.FULL;
+
+        Log.service({
+          service: 'Block Processor',
+          action: 'Switching to FULL mode from initial check',
+          details: {
+            reason: rcMigrationStage.isScheduled ? 'Migration is scheduled' : 'Migration is ongoing',
+            migrationBlockNumber: this.migrationStartBlockNumber,
+            currentBlock: item.blockNumber,
+          },
+        });
+      }
+
+      this.initialStageCheckDone = true;
+    } catch (error) {
+      Log.service({
+        service: 'Block Processor',
+        action: 'Error in initial stage check',
+        error: error as Error,
+      });
+      // Mark as done even on error to avoid retrying every block
+      this.initialStageCheckDone = true;
+    }
+  }
+
   /**
    * Lightweight detection mode - only looks for migration scheduling events on Relay Chain
    */

frontend/src/App.tsx

@@ -34,7 +34,7 @@ function App() {
       <header>
         <div className="logo">
           <img src={polkadotLogo} alt="Polkadot Logo" />
-          <h1>Asset Hub Migration Monitor</h1>
+          <h1>Asset Hub Kusama Migration Monitor</h1>
         </div>
         <div className="header-info">
           {process.env.ALLOW_REMOTE_BACKEND === 'true' && (

frontend/src/components/BalanceVerification.tsx

@@ -159,16 +159,6 @@ const BalanceVerification: React.FC = () => {
           </div>
         </div>
       </div>
-
-      {/* Verification Status */}
-      <div className={`verification-status verification-${verification.status}`}>
-        <div className="verification-icon">
-          {verification.status === 'verified' && '✓'}
-          {verification.status === 'failed' && '✗'}
-          {verification.status === 'pending' && '⋯'}
-        </div>
-        <div className="verification-message">{verification.message}</div>
-      </div>
     </section>
   );
 };

frontend/src/components/PerPalletMigrationStatus.css

@@ -157,7 +157,6 @@ tbody tr:hover {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-top: 1rem;
   padding-top: 1rem;
   border-top: 1px solid var(--border);
 }

frontend/src/components/PerPalletMigrationStatus.tsx

@@ -219,7 +219,7 @@ const PerPalletMigrationStatus: React.FC = () => {
         <div className="card-actions">
         </div>
       </div>
-      
+
       <div className="table-container">
         <table>
           <thead>
@@ -279,7 +279,7 @@ const PerPalletMigrationStatus: React.FC = () => {
           </tbody>
         </table>
       </div>
-      
+
       {totalPages > 1 && (
         <div className="pagination">
           <button