feat: add real-time validator signature status display

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package.json

@@ -16,7 +16,7 @@
     "@ethersproject/transactions": "^5.8.0",
     "@ethersproject/web": "^5.8.0",
     "@headlessui/react": "^2.2.0",
-    "@hyperlane-xyz/core": "10.2.0",
+    "@hyperlane-xyz/core": "11.3.1",
     "@hyperlane-xyz/registry": "24.3.0",
     "@hyperlane-xyz/sdk": "32.0.0",
     "@hyperlane-xyz/utils": "32.0.0",

src/components/search/SearchFilterBar.tsx

@@ -1,4 +1,4 @@
-import type { ChainMetadata } from '@hyperlane-xyz/sdk';
+import type { ChainMetadata } from '@hyperlane-xyz/sdk/metadata/chainMetadataTypes';
 import { trimToLength } from '@hyperlane-xyz/utils';
 import { ChevronIcon, DatetimeField, Popover, XIcon, useModal } from '@hyperlane-xyz/widgets';
 import clsx from 'clsx';

src/features/api/searchPiMessages.ts

@@ -1,11 +1,12 @@
 import { GithubRegistry } from '@hyperlane-xyz/registry';
-import { ChainMetadataSchema, MultiProtocolProvider } from '@hyperlane-xyz/sdk';
+import { ChainMetadataSchema } from '@hyperlane-xyz/sdk/metadata/chainMetadataTypes';
 import { Result, failure, success } from '@hyperlane-xyz/utils';
 import type { NextApiRequest } from 'next';
 import { z } from 'zod';
 
 import { config } from '../../consts/config';
 import { logger } from '../../utils/logger';
+import { createRuntimeMultiProvider } from '../hyperlane/sdkRuntime';
 import {
   PiMessageQuery,
   fetchMessagesFromPiChain,
@@ -28,7 +29,9 @@ export async function handler(req: NextApiRequest): Promise<Result<ApiMessage[]>
 
   try {
     logger.debug('Attempting to search for PI messages:', query);
-    const multiProvider = new MultiProtocolProvider({ [chainMetadata.name]: chainMetadata });
+    const multiProvider = await createRuntimeMultiProvider({
+      [chainMetadata.name]: chainMetadata,
+    });
     const registry = new GithubRegistry({ proxyUrl: config.githubProxy });
     // TODO consider supporting block/time/chain filters here
     const messages = await fetchMessagesFromPiChain(chainMetadata, query, multiProvider, registry);

src/features/api/utils.ts

@@ -1,16 +1,16 @@
 import { GithubRegistry } from '@hyperlane-xyz/registry';
-import { MultiProtocolProvider } from '@hyperlane-xyz/sdk';
 import { Client } from '@urql/core';
 
 import { config } from '../../consts/config';
 import { logger } from '../../utils/logger';
 import { DOMAINS_QUERY, DomainsEntry } from '../chains/queries/fragments';
+import { createRuntimeMultiProvider, type ExplorerMultiProvider } from '../hyperlane/sdkRuntime';
 
 // TODO de-dupe this with store.ts and handle registry/multiProvider concerns in a single place
-export async function getMultiProvider(): Promise<MultiProtocolProvider> {
+export async function getMultiProvider(): Promise<ExplorerMultiProvider> {
   const registry = new GithubRegistry({ proxyUrl: config.githubProxy });
   const chainMetadata = await registry.getMetadata();
-  return new MultiProtocolProvider(chainMetadata);
+  return createRuntimeMultiProvider(chainMetadata);
 }
 
 export async function getScrapedChains(client: Client): Promise<Array<DomainsEntry>> {