diff --git a/apps/stats-dapp/src/containers/AuthorityDetail/AuthorityDetail.tsx b/apps/stats-dapp/src/containers/AuthorityDetail/AuthorityDetail.tsx
index 9946eb837b..f9aa56528f 100644
--- a/apps/stats-dapp/src/containers/AuthorityDetail/AuthorityDetail.tsx
+++ b/apps/stats-dapp/src/containers/AuthorityDetail/AuthorityDetail.tsx
@@ -10,7 +10,7 @@ import {
 import {
   AuthorityQuery,
   AuthorityStats,
-  DiscreteList,
+  AuthoritySet,
   KeyGenKeyListItem,
   useAuthority,
   useAuthorityAccount,
@@ -92,7 +92,7 @@ const columns: ColumnDef<KeyGenKeyListItem, any>[] = [
       />
     ),
     cell: (props) => {
-      const authorities = props.getValue<DiscreteList>();
+      const authorities = props.getValue<AuthoritySet>();
       return (
         <AvatarGroup total={authorities.count}>
           {authorities.firstElements.map((au, idx) => (
@@ -107,7 +107,7 @@ const columns: ColumnDef<KeyGenKeyListItem, any>[] = [
   columnHelper.accessor('id', {
     header: '',
     cell: (props) => {
-      const id = props.row.original.publicKey;
+      const id = props.row.original.id;
       return (
         <Link to={`/keys/drawer/${id}`}>
           <Button variant="link" as="span" size="sm">
diff --git a/apps/stats-dapp/src/containers/KeyDetail/KeyDetail.tsx b/apps/stats-dapp/src/containers/KeyDetail/KeyDetail.tsx
index 784a0cc503..8727411fe4 100644
--- a/apps/stats-dapp/src/containers/KeyDetail/KeyDetail.tsx
+++ b/apps/stats-dapp/src/containers/KeyDetail/KeyDetail.tsx
@@ -46,6 +46,7 @@ import { Link, useNavigate, useParams } from 'react-router-dom';
 import { KeyDetailProps, KeyGenAuthoredTableProps } from './types';
 import { ECPairFactory } from 'ecpair';
 import * as tinysecp from 'tiny-secp256k1';
+import { POLKADOT_EXPLORER_URL } from '@webb-tools/webb-ui-components/constants';
 
 export const KeyDetail = forwardRef<HTMLDivElement, KeyDetailProps>(
   ({ isPage }, ref) => {
@@ -221,8 +222,8 @@ export const KeyDetail = forwardRef<HTMLDivElement, KeyDetailProps>(
                       key={`${at.toString()}-${idx}`}
                       title={status}
                       time={at}
-                      txHash={hash}
-                      externalUrl="https://webb.tools" // TODO: Determine the external url
+                      blockHash={hash}
+                      externalUrl={POLKADOT_EXPLORER_URL + hash}
                     />
                   );
                 }
@@ -233,8 +234,8 @@ export const KeyDetail = forwardRef<HTMLDivElement, KeyDetailProps>(
                       key={`${at.toString()}-${idx}`}
                       title={status}
                       time={at}
-                      txHash={hash}
-                      externalUrl="https://webb.tools" // TODO: Determine the external url
+                      blockHash={hash}
+                      externalUrl={POLKADOT_EXPLORER_URL + hash}
                       extraContent={
                         <div className="flex items-center space-x-2">
                           {/* <KeyValueWithButton
@@ -253,8 +254,8 @@ export const KeyDetail = forwardRef<HTMLDivElement, KeyDetailProps>(
                       key={`${at.toString()}-${idx}`}
                       title={status}
                       time={at}
-                      txHash={hash}
-                      externalUrl="https://webb.tools"
+                      blockHash={hash}
+                      externalUrl={POLKADOT_EXPLORER_URL + hash}
                       extraContent={
                         <div className="flex items-center space-x-4">
                           <LabelWithValue
diff --git a/apps/stats-dapp/src/containers/KeyStatusCardContainer/KeyStatusCardContainer.tsx b/apps/stats-dapp/src/containers/KeyStatusCardContainer/KeyStatusCardContainer.tsx
index 30f003ff1a..6b0a3274f8 100644
--- a/apps/stats-dapp/src/containers/KeyStatusCardContainer/KeyStatusCardContainer.tsx
+++ b/apps/stats-dapp/src/containers/KeyStatusCardContainer/KeyStatusCardContainer.tsx
@@ -1,57 +1,49 @@
 import { KeyStatusCard } from '@webb-tools/webb-ui-components/components/KeyStatusCard';
-import { KeyStatusCardProps } from '@webb-tools/webb-ui-components/components/KeyStatusCard/types';
-import { Spinner } from '@webb-tools/icons';
-import React, { FC, forwardRef, useMemo } from 'react';
-import { KeyStatusCardContainerProps } from './types';
 import { useStatsContext } from '../../provider/stats-provider';
-import { PublicKey, useActiveKeys } from '../../provider/hooks';
+import { useBlocks } from '../../provider/hooks';
+import { useMemo } from 'react';
+
 /**
  * The wrapper of UI component. Handle logic and mapping fields between backend API and component API
  */
 export const KeyStatusCardContainer = () => {
-  const { dkgDataFromPolkadotAPI, sessionHeight } = useStatsContext();
-
-  const { error, isFailed, isLoading, val: data } = useActiveKeys();
-
-  const { currentKey } = useMemo<{
-    currentKey: PublicKey | null | undefined;
-  }>(() => {
-    return {
-      currentKey: data ? data[0] : null,
-    };
-  }, [data]);
+  const {
+    dkgDataFromPolkadotAPI: {
+      currentSessionNumber,
+      currentKey,
+      currentSessionTimeFrame: { start: sessionStart, end: sessionEnd },
+      currentAuthorities,
+    },
+  } = useStatsContext();
 
   const { time } = useStatsContext();
 
-  const authorities = useMemo(
-    () =>
-      (currentKey?.keyGenAuthorities ?? []).reduce((acc, cur) => {
-        acc.add(cur);
-        return acc;
-      }, new Set() as KeyStatusCardProps['authorities']) ?? new Set<string>(),
-    [data]
-  );
+  const { val: blocksData } = useBlocks();
+
+  const showDetails = useMemo(() => {
+    if (blocksData?.finalized && blocksData?.latestIndexedBlock) {
+      if (blocksData.finalized - blocksData.latestIndexedBlock < 5) {
+        return true;
+      }
+    }
 
-  const activeKeyData = useMemo(() => {
-    return {
-      key: currentKey?.compressed,
-      session: Number(currentKey?.session),
-    };
-  }, [data, currentKey]);
+    return false;
+  }, [blocksData]);
 
   return (
     <KeyStatusCard
       title="Active Key"
       titleInfo="The public key of the DKG protocol that is currently active."
       instance={time}
-      sessionNumber={activeKeyData.session}
+      sessionNumber={currentSessionNumber}
       keyType="current"
-      keyVal={activeKeyData.key ?? ''}
-      startTime={currentKey?.start ?? null}
-      endTime={currentKey?.end ?? null}
-      authorities={authorities ?? new Set<string>()}
-      totalAuthorities={authorities.size ?? 0}
-      fullDetailUrl={data ? `drawer/${currentKey?.id}` : ''}
+      keyVal={currentKey ?? ''}
+      startTime={sessionStart}
+      endTime={sessionEnd}
+      authorities={new Set<string>(currentAuthorities) ?? new Set<string>()}
+      totalAuthorities={0}
+      fullDetailUrl={currentKey ? `drawer/${currentKey}` : ''}
+      showDetails={showDetails}
     />
   );
 };
diff --git a/apps/stats-dapp/src/containers/NavBlocksInfoContainer/NavBlocksInfoContainer.tsx b/apps/stats-dapp/src/containers/NavBlocksInfoContainer/NavBlocksInfoContainer.tsx
index 9c083883f4..9ced39f088 100644
--- a/apps/stats-dapp/src/containers/NavBlocksInfoContainer/NavBlocksInfoContainer.tsx
+++ b/apps/stats-dapp/src/containers/NavBlocksInfoContainer/NavBlocksInfoContainer.tsx
@@ -17,26 +17,21 @@ import {
   BreadcrumbsItem,
   Chip,
 } from '@webb-tools/webb-ui-components';
-import { PublicKey, useActiveKeys, useBlocks } from '../../provider/hooks';
+import { useBlocks } from '../../provider/hooks';
 import { NavLink, useLocation } from 'react-router-dom';
+import { useStatsContext } from '../../provider/stats-provider';
 
 export const NavBoxInfoContainer = () => {
   const location = useLocation();
   const pathnames = location.pathname.split('/').filter((x) => x);
   const currentPage = useMemo(() => pathnames[0], [pathnames]);
   const subPage = useMemo(() => pathnames[1], [pathnames]);
+  const {
+    dkgDataFromPolkadotAPI: { currentSessionNumber },
+  } = useStatsContext();
 
-  const { val: keyData } = useActiveKeys();
   const { val: blocksData } = useBlocks();
 
-  const { currentKey } = useMemo<{
-    currentKey: PublicKey | null | undefined;
-  }>(() => {
-    return {
-      currentKey: keyData ? keyData[0] : null, // current key
-    };
-  }, [keyData]);
-
   const { bestBlock, finalizedBlock } = useMemo<{
     bestBlock: number | null | undefined;
     finalizedBlock: number | null | undefined;
@@ -124,8 +119,8 @@ export const NavBoxInfoContainer = () => {
         </Chip>
         <Chip color="blue">
           <RefreshIcon size="lg" className="fill-blue-90 dark:fill-blue-30" />{' '}
-          {currentKey ? (
-            `Session: ${Number(currentKey?.session).toLocaleString()}`
+          {currentSessionNumber ? (
+            `Session: ${currentSessionNumber}`
           ) : (
             <Spinner size="md" />
           )}
diff --git a/apps/stats-dapp/src/containers/ProposalsTable/ProposalsTable.tsx b/apps/stats-dapp/src/containers/ProposalsTable/ProposalsTable.tsx
index 5c4a05a2ea..671621137d 100644
--- a/apps/stats-dapp/src/containers/ProposalsTable/ProposalsTable.tsx
+++ b/apps/stats-dapp/src/containers/ProposalsTable/ProposalsTable.tsx
@@ -133,7 +133,7 @@ export const ProposalsTable = () => {
     () => ({
       offset: pagination.pageIndex * pageSize,
       perPage: pagination.pageSize,
-      orderBy: ProposalBatchesOrderBy.IdDesc,
+      orderBy: ProposalBatchesOrderBy.BlockNumberDesc,
       filter: null,
     }),
     [
diff --git a/apps/stats-dapp/src/gql/metadata.graphql b/apps/stats-dapp/src/gql/metadata.graphql
index 1203d85758..fb5b4f7e65 100644
--- a/apps/stats-dapp/src/gql/metadata.graphql
+++ b/apps/stats-dapp/src/gql/metadata.graphql
@@ -1,9 +1,9 @@
 query MetaData {
-  sessions(first: 1, orderBy: [BLOCK_NUMBER_DESC] filter: {
-    publicKeyId: {
-      isNull: false
-    }
-  }) {
+  sessions(
+    first: 1
+    orderBy: [BLOCK_NUMBER_DESC]
+    filter: { publicKeyId: { isNull: false } }
+  ) {
     nodes {
       id
       blockNumber
@@ -16,7 +16,11 @@ query MetaData {
 }
 
 query LastBlock {
-  blocks(first: 1, filter: { timestamp: { isNull: false } }, orderBy: [NUMBER_DESC]) {
+  blocks(
+    first: 1
+    filter: { timestamp: { isNull: false } }
+    orderBy: [NUMBER_DESC]
+  ) {
     nodes {
       timestamp
       number
@@ -32,3 +36,9 @@ query countries {
     }
   }
 }
+
+query LatestIndexedBlock {
+  blocks {
+    totalCount
+  }
+}
diff --git a/apps/stats-dapp/src/gql/sessions.graphql b/apps/stats-dapp/src/gql/sessions.graphql
index 81e09b3ef0..5968c0975f 100644
--- a/apps/stats-dapp/src/gql/sessions.graphql
+++ b/apps/stats-dapp/src/gql/sessions.graphql
@@ -98,3 +98,9 @@ query LatestThresholds(
     }
   }
 }
+
+query LatestSessionId {
+	sessions {
+    totalCount
+  }
+}
\ No newline at end of file
diff --git a/apps/stats-dapp/src/pages/Authorities.tsx b/apps/stats-dapp/src/pages/Authorities.tsx
index 73280a9693..4b96be94e8 100644
--- a/apps/stats-dapp/src/pages/Authorities.tsx
+++ b/apps/stats-dapp/src/pages/Authorities.tsx
@@ -26,15 +26,8 @@ import { Typography } from '@webb-tools/webb-ui-components';
 import { ComponentProps, useMemo } from 'react';
 import { Link } from 'react-router-dom';
 import { Outlet } from 'react-router-dom';
-
 import { AuthoritiesTable } from '../containers';
-import {
-  DiscreteList,
-  PublicKey,
-  UpcomingThreshold,
-  useActiveKeys,
-  useThresholds,
-} from '../provider/hooks';
+import { AuthoritySet, UpcomingThreshold } from '../provider/hooks';
 import { getChipColorByKeyType } from '../utils';
 
 const columnHelper = createColumnHelper<UpcomingThreshold>();
@@ -74,7 +67,8 @@ const columns: ColumnDef<UpcomingThreshold, any>[] = [
     ),
 
     cell: (props) => {
-      const authorities = props.getValue<DiscreteList>();
+      const authorities = props.getValue<AuthoritySet>();
+
       if (!authorities.count) {
         return (
           <Typography variant="body1" ta="right">
@@ -95,54 +89,54 @@ const columns: ColumnDef<UpcomingThreshold, any>[] = [
 ];
 
 const Authorities = () => {
-  const thresholds = useThresholds();
-
   const {
-    error,
-    isFailed,
-    isLoading: activeKeyDataIsLoading,
-    val: activeKeyData,
-  } = useActiveKeys();
-
-  const { currentKey } = useMemo<{
-    currentKey: PublicKey | null | undefined;
-  }>(() => {
-    return {
-      currentKey: activeKeyData ? activeKeyData[0] : null,
-    };
-  }, [activeKeyData]);
-
-  const { time } = useStatsContext();
-
-  const [threshold, upComingThresholds] = useMemo(() => {
-    if (thresholds.val) {
-      return thresholds.val;
-    }
-    return [null, null];
-  }, [thresholds]);
+    dkgDataFromPolkadotAPI: {
+      keygenThreshold,
+      signatureThreshold,
+      currentKey,
+      currentSessionNumber,
+      currentSessionTimeFrame: { start: sessionStart, end: sessionEnd },
+      nextAuthorities,
+    },
+  } = useStatsContext();
 
   const statsItems = useMemo<ComponentProps<typeof Stats>['items']>(() => {
-    const threshold = thresholds.val?.[0];
     return [
       {
         titleProps: {
           title: 'Keygen',
         },
-        value: threshold?.keyGen ?? 'loading..',
+        value: keygenThreshold ?? 'loading..',
       },
       {
         titleProps: {
           title: 'Signature',
         },
-        value: threshold?.signature ?? 'loading..',
+        value: signatureThreshold ?? 'loading..',
       },
     ];
-  }, [thresholds]);
+  }, [keygenThreshold, signatureThreshold]);
 
-  const data = useMemo(
-    () => (upComingThresholds ? Object.values(upComingThresholds) : []),
-    [upComingThresholds]
-  );
+  const data: UpcomingThreshold[] = useMemo(() => {
+    return [
+      {
+        stats: 'Next' as const,
+        session: String(currentSessionNumber + 1),
+        keyGen: String(keygenThreshold),
+        signature: String(signatureThreshold),
+        authoritySet: {
+          count: nextAuthorities.length,
+          firstElements: nextAuthorities,
+        },
+        proposer: '',
+      },
+    ];
+  }, [
+    currentSessionNumber,
+    keygenThreshold,
+    nextAuthorities,
+    signatureThreshold,
+  ]);
 
   const table = useReactTable<UpcomingThreshold>({
     columns,
@@ -153,12 +147,13 @@ const Authorities = () => {
     },
   });
 
-  const { keyGen, publicKey, signature } = threshold ?? {};
   const isLoading =
-    thresholds.isLoading ||
-    keyGen === undefined ||
-    signature === undefined ||
-    publicKey === undefined;
+    !currentSessionNumber ||
+    !keygenThreshold ||
+    !signatureThreshold ||
+    nextAuthorities.length === 0 ||
+    !sessionStart ||
+    !sessionEnd;
 
   return (
     <div className="flex flex-col space-y-4">
@@ -177,25 +172,21 @@ const Authorities = () => {
           <>
             <Stats items={statsItems} className="pb-0" />
 
-            <TimeProgress
-              startTime={currentKey?.start ?? null}
-              endTime={currentKey?.end ?? null}
-              now={time}
-            />
+            <TimeProgress startTime={sessionStart} endTime={sessionEnd} />
 
             <div className="flex items-center justify-between">
               <div className="flex items-center space-x-2">
                 <Chip color="green">
-                  {publicKey.isCurrent ? 'Current' : 'Next'}
+                  {currentSessionNumber ? 'Current' : 'Next'}
                 </Chip>
-                <LabelWithValue label="session:" value={publicKey.session} />
+                <LabelWithValue label="session:" value={currentSessionNumber} />
                 <Typography variant="body2" fw="semibold">
                   /
                 </Typography>
                 <KeyValueWithButton
                   size="sm"
                   label="key:"
-                  keyValue={publicKey.compressed}
+                  keyValue={currentKey}
                 />
               </div>
 
diff --git a/apps/stats-dapp/src/provider/hooks/useAuthorities.ts b/apps/stats-dapp/src/provider/hooks/useAuthorities.ts
index 6dcdbb1554..b208261a2e 100644
--- a/apps/stats-dapp/src/provider/hooks/useAuthorities.ts
+++ b/apps/stats-dapp/src/provider/hooks/useAuthorities.ts
@@ -7,16 +7,21 @@ import {
   useValidatorListingLazyQuery,
   useValidatorOfSessionLazyQuery,
   useValidatorSessionsLazyQuery,
+  useLatestSessionIdQuery,
 } from '../../generated/graphql';
 import { thresholdMap } from '../hooks/mappers/thresholds';
 import { mapAuthorities, mapSessionAuthValidatorNode } from './mappers';
 import { Loadable, Page, PageInfoQuery } from './types';
 import { useCurrentMetaData } from './useCurrentMetaData';
 import { PublicKey } from './useKeys';
-// import { DiscreteList } from './useProposals';
 import { useActiveSession } from '../stats-provider';
 import { useEffect, useMemo, useState } from 'react';
 
+export type AuthoritySet = {
+  count: number;
+  firstElements: string[];
+};
+
 /**
  * Threshold values
  * @param keyGen - KeyGen threshold
@@ -50,7 +55,7 @@ export type UpcomingThreshold = {
   keyGen: string;
   signature: string;
   proposer: string;
-  authoritySet: any; // DiscreteList
+  authoritySet: AuthoritySet;
 };
 
 export type UpcomingThresholds = Record<
@@ -113,7 +118,10 @@ export type KeyGenKeyListItem = {
   height: string;
   session: string;
   publicKey: string;
-  authority: DiscreteList;
+  authority: {
+    count: number;
+    firstElements: string[];
+  };
 };
 
 type AuthorityDetails = {
@@ -169,7 +177,11 @@ export function useThresholds(): Loadable<[Thresholds, UpcomingThresholds]> {
           const keyGen = thresholds.KEY_GEN;
           const signature = thresholds.SIGNATURE;
 
-          const publicKey = session.publicKey!;
+          const publicKey = session.publicKey ?? {
+            id: '',
+            compressed: '',
+            uncompressed: '',
+          };
 
           const allAuth = mapAuthorities(session?.sessionValidators);
           const authSet = allAuth.map((auth) => auth.id);
@@ -193,8 +205,8 @@ export function useThresholds(): Loadable<[Thresholds, UpcomingThresholds]> {
                   )
                 : undefined,
               start: sessionTimeStamp ? new Date(sessionTimeStamp) : undefined,
-              compressed: publicKey.compressed!,
-              uncompressed: '', // publicKey.uncompressed!
+              compressed: publicKey.compressed ?? '',
+              uncompressed: '',
               keyGenAuthorities: authSet,
               isCurrent: activeSession === session.id,
               isDone: Number(activeSession) > Number(session.id),
@@ -280,8 +292,13 @@ export function useAuthorities(
     isLoading: true,
     isFailed: false,
   });
-  const metaData = useCurrentMetaData();
   const [call, query] = useValidatorListingLazyQuery();
+
+  const latestIndexedSessionId = useLatestSessionIdQuery({
+    pollInterval: 1000,
+    fetchPolicy: 'network-only',
+  });
+
   // fetch the data once the filter has changed
   useEffect(() => {
     const filter = reqQuery.filter;
@@ -295,12 +312,17 @@ export function useAuthorities(
         ? (filter.uptime.map((i) => (i ? i * Math.pow(10, 7) : i)) as Range)
         : []
     );
-    if (metaData.val) {
+    if (
+      latestIndexedSessionId.data &&
+      latestIndexedSessionId.data.sessions?.totalCount
+    ) {
       call({
         variables: {
           offset: reqQuery.offset,
           perPage: reqQuery.perPage,
-          sessionId: metaData.val.activeSession,
+          sessionId:
+            String(latestIndexedSessionId.data?.sessions?.totalCount - 1) ??
+            '0',
           reputationFilter: reputation ?? undefined,
           uptimeFilter: uptime ?? undefined,
           validatorId: filter.search
@@ -318,7 +340,7 @@ export function useAuthorities(
         });
       });
     }
-  }, [reqQuery, call, metaData]);
+  }, [reqQuery, call, latestIndexedSessionId]);
 
   useEffect(() => {
     const subscription = query.observable
@@ -328,7 +350,7 @@ export function useAuthorities(
           const items = sessionValidators.nodes
             .filter((v) => v !== null)
             .map((sessionValidator): AuthorityListItem => {
-              const auth = mapSessionAuthValidatorNode(sessionValidator!);
+              const auth = mapSessionAuthValidatorNode(sessionValidator as any);
               return {
                 id: auth.id,
                 location: auth.location ?? undefined,
@@ -378,7 +400,10 @@ export function useAuthority(pageQuery: AuthorityQuery): AuthorityDetails {
     isLoading: true,
     val: null,
   });
-  const metaData = useCurrentMetaData();
+  const latestIndexedSessionId = useLatestSessionIdQuery({
+    pollInterval: 1000,
+    fetchPolicy: 'network-only',
+  });
   const { authorityId } = pageQuery.filter;
   const [callKeyGen, queryKeyGen] = useValidatorSessionsLazyQuery();
   const [callValidatorOfSession, queryValidatorOfSession] =
@@ -401,10 +426,15 @@ export function useAuthority(pageQuery: AuthorityQuery): AuthorityDetails {
     });
   }, [authorityId, callKeyGen, setKeyGens, pageQuery]);
   useEffect(() => {
-    if (metaData.val) {
+    if (
+      latestIndexedSessionId.data &&
+      latestIndexedSessionId.data.sessions?.totalCount
+    ) {
       callValidatorOfSession({
         variables: {
-          sessionValidatorId: `${metaData.val.activeSession}-${authorityId}`,
+          sessionValidatorId: `${
+            latestIndexedSessionId.data?.sessions?.totalCount - 1
+          }-${authorityId}`,
           validatorId: authorityId,
         },
       }).catch((e) => {
@@ -416,7 +446,7 @@ export function useAuthority(pageQuery: AuthorityQuery): AuthorityDetails {
         });
       });
     }
-  }, [metaData, callValidatorOfSession, authorityId]);
+  }, [latestIndexedSessionId, callValidatorOfSession, authorityId]);
   useEffect(() => {
     const subscription = queryKeyGen.observable
       .map((res): AuthorityDetails['keyGens'] => {
@@ -426,11 +456,18 @@ export function useAuthority(pageQuery: AuthorityQuery): AuthorityDetails {
             // Ensure only session with public keys
             .filter((n) => Boolean(n?.session?.publicKey))
             .map((node): KeyGenKeyListItem => {
-              const session = node!.session!;
-              const publicKey = session.publicKey!;
+              const session = node && node.session ? node.session : null;
+              const publicKey =
+                session && session.publicKey
+                  ? session.publicKey
+                  : {
+                      id: '',
+                      compressed: '',
+                      uncompressed: '',
+                    };
               return {
                 id: publicKey.id,
-                session: session.id,
+                session: session && session.id ? session.id : '',
                 publicKey: '', // publicKey.uncompressed!
                 height: `${publicKey.block?.number ?? '-'}`,
                 authority: {
diff --git a/apps/stats-dapp/src/provider/hooks/useBlocks.ts b/apps/stats-dapp/src/provider/hooks/useBlocks.ts
index 332217b0d5..4b857f96d9 100644
--- a/apps/stats-dapp/src/provider/hooks/useBlocks.ts
+++ b/apps/stats-dapp/src/provider/hooks/useBlocks.ts
@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from 'react';
 import { useStatsContext } from '../../provider/stats-provider';
 import { Loadable } from '../../provider/hooks/types';
-import type { BlockNumber, Header } from '@polkadot/types/interfaces/runtime';
+import { useLatestIndexedBlockQuery } from '../../generated/graphql';
 
 /**
  *
@@ -13,6 +13,7 @@ import type { BlockNumber, Header } from '@polkadot/types/interfaces/runtime';
 type BlocksValue = {
   best: number;
   finalized: number;
+  latestIndexedBlock: number;
 };
 
 type LatestBlocksValue = Loadable<BlocksValue>;
@@ -22,6 +23,10 @@ type LatestBlocksValue = Loadable<BlocksValue>;
  * */
 export function useBlocks(): LatestBlocksValue {
   const { api } = useStatsContext();
+  const latestIndexBlockValue = useLatestIndexedBlockQuery({
+    pollInterval: 10000,
+    fetchPolicy: 'network-only',
+  });
 
   const [bestBlock, setBestBlock] = useState<number>();
   const [finalizedBlock, setFinalizedBlock] = useState<number>();
@@ -40,12 +45,13 @@ export function useBlocks(): LatestBlocksValue {
       val: {
         best: bestBlock,
         finalized: finalizedBlock,
+        latestIndexedBlock: latestIndexBlockValue.data?.blocks?.totalCount || 0,
       },
       isLoading: false,
       isFailed: false,
       error: undefined,
     };
-  }, [bestBlock, finalizedBlock]);
+  }, [bestBlock, finalizedBlock, latestIndexBlockValue]);
 
   useEffect(() => {
     if (api) {
diff --git a/apps/stats-dapp/src/provider/hooks/useProposals.ts b/apps/stats-dapp/src/provider/hooks/useProposals.ts
index cc86ed4447..aa90e0981f 100644
--- a/apps/stats-dapp/src/provider/hooks/useProposals.ts
+++ b/apps/stats-dapp/src/provider/hooks/useProposals.ts
@@ -63,6 +63,8 @@ export const useBatchedProposals = (
         perPage,
         orderBy,
       },
+      pollInterval: 10000,
+      fetchPolicy: 'network-only',
     });
   }, [offset, perPage]);
 
@@ -126,6 +128,8 @@ export const useBatchedProposal = (
     variables: {
       batchId: batchedProposalQuery,
     },
+    pollInterval: 10000,
+    fetchPolicy: 'network-only',
   });
 
   const [batchedProposal, setBatchedProposal] = useState<BatchedProposal>({
diff --git a/apps/stats-dapp/src/provider/stats-provider.tsx b/apps/stats-dapp/src/provider/stats-provider.tsx
index bb88a50b90..18a7bf83e9 100644
--- a/apps/stats-dapp/src/provider/stats-provider.tsx
+++ b/apps/stats-dapp/src/provider/stats-provider.tsx
@@ -1,6 +1,8 @@
+import '@webb-tools/dkg-substrate-types';
 import { useLastBlockQuery, useMetaDataQuery } from '../generated/graphql';
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { ApiPromise, WsProvider } from '@polkadot/api';
+import { sessionFrame } from './hooks';
 
 /**
  * Chain metadata
@@ -61,11 +63,19 @@ type StatsProvidervalue = {
   // dkg keys data from polkadot api
   dkgDataFromPolkadotAPI: {
     currentSessionNumber: number;
+    currentSessionTimeFrame: {
+      start: Date;
+      end: Date;
+    };
     currentKey: string;
+    currentAuthorities: string[];
+    nextAuthorities: string[];
     nextSessionNumber: number;
     nextKey: string;
     proposerCount: number;
     proposerThreshold: number;
+    keygenThreshold: number;
+    signatureThreshold: number;
   };
 };
 
@@ -118,11 +128,19 @@ const statsContext: React.Context<StatsProvidervalue> =
     polkadotEndpoint: '',
     dkgDataFromPolkadotAPI: {
       currentSessionNumber: 0,
+      currentSessionTimeFrame: {
+        start: new Date(),
+        end: new Date(),
+      },
       currentKey: '',
+      currentAuthorities: [],
+      nextAuthorities: [],
       nextSessionNumber: 0,
       nextKey: '',
       proposerCount: 0,
       proposerThreshold: 0,
+      keygenThreshold: 0,
+      signatureThreshold: 0,
     },
   });
 
@@ -179,11 +197,19 @@ export const StatsProvider: React.FC<
   const [isDarkMode, setIsDarkMode] = useState(false);
   const [dkgDataFromPolkadotAPI, setDkgDataFromPolkadotAPI] = useState({
     currentSessionNumber: 0,
+    currentSessionTimeFrame: {
+      start: new Date(),
+      end: new Date(),
+    },
     currentKey: '',
+    currentAuthorities: [] as string[],
+    nextAuthorities: [] as string[],
     nextSessionNumber: 0,
     nextKey: '',
     proposerCount: 0,
     proposerThreshold: 0,
+    keygenThreshold: 0,
+    signatureThreshold: 0,
   });
 
   useEffect(() => {
@@ -253,27 +279,60 @@ export const StatsProvider: React.FC<
       const currentDKGPublicKey = await apiPromise.query.dkg.dkgPublicKey();
       const currentSessionNumber = currentDKGPublicKey[0].toNumber();
       const currentKey = currentDKGPublicKey[1].toString();
-      let nextDKGPublicKey = await apiPromise.query.dkg.nextDKGPublicKey();
+      const nextDKGPublicKey = (
+        await apiPromise.query.dkg.nextDKGPublicKey()
+      ).unwrapOr(null);
+
       let nextSessionNumber = 0;
       let nextKey = '';
-      if (nextDKGPublicKey.isEmpty) {
+      if (!nextDKGPublicKey) {
         nextSessionNumber = currentSessionNumber + 1;
         nextKey = '';
       } else {
-        nextDKGPublicKey = JSON.parse(nextDKGPublicKey.toString());
-        nextSessionNumber = nextDKGPublicKey[0];
-        nextKey = nextDKGPublicKey[1];
+        nextSessionNumber = nextDKGPublicKey[0].toNumber();
+        nextKey = nextDKGPublicKey[1].toString();
       }
       const proposerCount = await apiPromise.query.dkgProposals.proposerCount();
       const proposerThreshold =
         await apiPromise.query.dkgProposals.proposerThreshold();
+      const lastSessionRotationBlockNumber =
+        await apiPromise.query.dkg.lastSessionRotationBlock();
+      const lastSessionRotaionBlockHash =
+        await apiPromise.rpc.chain.getBlockHash(
+          lastSessionRotationBlockNumber.toString()
+        );
+      const lastSessionRotationBlock = await apiPromise.rpc.chain.getBlock(
+        lastSessionRotaionBlockHash
+      );
+      const lastSessionRotationBlockTimestamp =
+        lastSessionRotationBlock.block.extrinsics[0].method.args[0].toJSON();
+      const [start, end] = sessionFrame(
+        new Date(lastSessionRotationBlockTimestamp as string).toString(),
+        sessionHeight
+      );
+      const currentAuthoritySet = await apiPromise.query.dkg.authorities();
+      const currentAuthorities = currentAuthoritySet.toJSON();
+      const keygenThreshold = await apiPromise.query.dkg.keygenThreshold();
+      const signatureThreshold =
+        await apiPromise.query.dkg.signatureThreshold();
+      const nextAuthoritiesSet = await apiPromise.query.dkg.nextAuthorities();
+      const nextAuthorities = nextAuthoritiesSet.toJSON();
+
       setDkgDataFromPolkadotAPI({
         currentSessionNumber,
+        currentSessionTimeFrame: {
+          start: start ?? new Date(),
+          end: end ?? new Date(),
+        },
         currentKey,
+        currentAuthorities: currentAuthorities as string[],
+        nextAuthorities: nextAuthorities as string[],
         nextSessionNumber,
         nextKey,
         proposerCount: Number(proposerCount.toString()),
         proposerThreshold: Number(proposerThreshold.toString()),
+        keygenThreshold: Number(keygenThreshold.toString()),
+        signatureThreshold: Number(signatureThreshold.toString()),
       });
     };
 
diff --git a/libs/webb-ui-components/src/components/KeyStatusCard/KeyStatusCard.tsx b/libs/webb-ui-components/src/components/KeyStatusCard/KeyStatusCard.tsx
index 167a8d7511..8c868c5bef 100644
--- a/libs/webb-ui-components/src/components/KeyStatusCard/KeyStatusCard.tsx
+++ b/libs/webb-ui-components/src/components/KeyStatusCard/KeyStatusCard.tsx
@@ -34,6 +34,7 @@ export const KeyStatusCard: React.FC<KeyStatusCardProps> = ({
   title,
   titleInfo,
   totalAuthorities,
+  showDetails,
   ...props
 }) => {
   const randomAddress =
@@ -65,7 +66,7 @@ export const KeyStatusCard: React.FC<KeyStatusCardProps> = ({
       </div>
 
       {/* * Content */}
-      <TimeProgress now={instance} startTime={startTime} endTime={endTime} />
+      <TimeProgress startTime={startTime} endTime={endTime} />
 
       {/** Bottom */}
       <div className="flex items-center justify-between">
@@ -80,11 +81,23 @@ export const KeyStatusCard: React.FC<KeyStatusCardProps> = ({
                 />
               ))}
         </AvatarGroup>
-        <Link to={fullDetailUrl}>
-          <Button variant="link" as="span" size="sm">
+        {showDetails ? (
+          <Link to={fullDetailUrl}>
+            <Button variant="link" as="span" size="sm">
+              View Details
+            </Button>
+          </Link>
+        ) : (
+          <Button
+            variant="link"
+            as="span"
+            size="sm"
+            isDisabled={true}
+            className="cursor-not-allowed"
+          >
             View Details
           </Button>
-        </Link>
+        )}
       </div>
     </Card>
   );
diff --git a/libs/webb-ui-components/src/components/KeyStatusCard/types.ts b/libs/webb-ui-components/src/components/KeyStatusCard/types.ts
index caf149c7f8..96c06434aa 100644
--- a/libs/webb-ui-components/src/components/KeyStatusCard/types.ts
+++ b/libs/webb-ui-components/src/components/KeyStatusCard/types.ts
@@ -59,6 +59,10 @@ export interface KeyStatusCardDataProps {
    * Time instance
    * */
   instance: ISubQlTime;
+  /**
+   * Show view details if true (default: true) false when indexing is not complete
+   */
+  showDetails: boolean;
 }
 
 /**
diff --git a/libs/webb-ui-components/src/components/TimeLine/TimeLineItem.tsx b/libs/webb-ui-components/src/components/TimeLine/TimeLineItem.tsx
index 46360d9565..b98a1c2abd 100644
--- a/libs/webb-ui-components/src/components/TimeLine/TimeLineItem.tsx
+++ b/libs/webb-ui-components/src/components/TimeLine/TimeLineItem.tsx
@@ -76,7 +76,7 @@ export const TimeLineItem = forwardRef<HTMLDivElement, TimeLineItemProps>(
       isLoading,
       time,
       title,
-      txHash,
+      blockHash,
       ...props
     },
     ref
@@ -108,17 +108,17 @@ export const TimeLineItem = forwardRef<HTMLDivElement, TimeLineItemProps>(
             {title}
           </Typography>
           <Typography variant="utility" className="inline-block capitalize">
-            {formatRelative(time, new Date()).replace('at', '-')}
+            {formatRelative(time, new Date())}
           </Typography>
         </div>
 
-        {txHash && (
+        {blockHash && (
           <div className="flex items-center ml-8 space-x-1">
             <LabelWithValue
               labelVariant="body3"
-              label="tx hash:"
-              value={shortenHex(txHash, 3)}
-              valueTooltip={txHash}
+              label="block hash:"
+              value={shortenHex(blockHash, 3)}
+              valueTooltip={blockHash}
             />
             <a href={externalUrl} target="_blank" rel="noopener noreferrer">
               <ExternalLinkLine />
diff --git a/libs/webb-ui-components/src/components/TimeLine/types.ts b/libs/webb-ui-components/src/components/TimeLine/types.ts
index f7c635efca..445e74b6ec 100644
--- a/libs/webb-ui-components/src/components/TimeLine/types.ts
+++ b/libs/webb-ui-components/src/components/TimeLine/types.ts
@@ -12,9 +12,9 @@ export interface TimeLineItemProps extends PropsOf<'div'>, IWebbComponentBase {
    */
   time: Date;
   /**
-   * The transaction hash
+   * The block hash
    */
-  txHash: string;
+  blockHash: string;
   /**
    * External url to the transaction
    */
diff --git a/libs/webb-ui-components/src/constants/index.ts b/libs/webb-ui-components/src/constants/index.ts
index b4e2bfec74..ab408e32ff 100644
--- a/libs/webb-ui-components/src/constants/index.ts
+++ b/libs/webb-ui-components/src/constants/index.ts
@@ -60,6 +60,8 @@ export const WEBB_DAPP_NEW_ISSUE_URL =
 export const WEBB_FAUCET_URL = 'https://faucet.webb.tools/';
 export const STATS_DOCUS_URL =
   'https://docs.webb.tools/docs/projects/stats-dapp/overview/';
+export const POLKADOT_EXPLORER_URL =
+  'https://polkadot.js.org/apps/?rpc=wss://tangle-standalone-archive.webb.tools#/explorer/query/';
 
 export const webbNetworks: webbNetworksType[] = [
   {