diff --git a/frontend/components/bc/format/FormatTimePassed.vue b/frontend/components/bc/format/FormatTimePassed.vue
index 498afb1a0..d3cd29fb3 100644
--- a/frontend/components/bc/format/FormatTimePassed.vue
+++ b/frontend/components/bc/format/FormatTimePassed.vue
@@ -5,7 +5,8 @@ import type { AgeFormat } from '~/types/settings'
 import { formatGoTimestamp } from '~/utils/format'
 
 const {
-  formatEpochToDateTime, formatSlotToDateTime,
+  formatEpochToDateTime,
+  formatSlotToDateTime,
 } = useFormat()
 
 interface Props {
diff --git a/frontend/components/bc/header/MainHeader.vue b/frontend/components/bc/header/MainHeader.vue
index 00478b4dd..0ce5916e3 100644
--- a/frontend/components/bc/header/MainHeader.vue
+++ b/frontend/components/bc/header/MainHeader.vue
@@ -16,7 +16,9 @@ defineProps<{
 }>()
 const { latestState } = useLatestStateStore()
 const {
-  currentNetwork, networkInfo, slotToEpoch,
+  currentNetwork,
+  getEpochFromSlot,
+  networkInfo,
 } = useNetworkStore()
 const {
   doLogout, isLoggedIn,
@@ -54,7 +56,7 @@ const rate = computed(() => {
 
 const currentEpoch = computed(() =>
   latestState.value?.current_slot !== undefined
-    ? slotToEpoch(latestState.value.current_slot)
+    ? getEpochFromSlot(latestState.value.current_slot)
     : undefined,
 )
 
diff --git a/frontend/components/dashboard/chart/DashboardChartRewards.vue b/frontend/components/dashboard/chart/DashboardChartRewards.vue
index ba5a71dc6..f06dbbb0c 100644
--- a/frontend/components/dashboard/chart/DashboardChartRewards.vue
+++ b/frontend/components/dashboard/chart/DashboardChartRewards.vue
@@ -35,7 +35,11 @@ import { useFormat } from '~/composables/useFormat'
 import type { CryptoUnits } from '~/types/currencies'
 
 const { formatEpochToDate } = useFormat()
-const { networkInfo } = useNetworkStore()
+const {
+  getEpochFromTimestamp,
+  getTimestampFromEpoch,
+  networkInfo,
+} = useNetworkStore()
 const networkNativeELcurrency = computed(() => networkInfo.value.elCurrency)
 const { currency } = useCurrency()
 const currencyLabel = computed(() =>
@@ -295,6 +299,8 @@ const option = computed<ECBasicOption | undefined>(() => {
         render(
           h(DashboardChartRewardsTooltip, {
             dataIndex,
+            getEpochFromTimestamp,
+            getTimestampFromEpoch,
             series: series.value.list,
             startEpoch,
             t: $t,
diff --git a/frontend/components/dashboard/chart/DashboardChartRewardsTooltip.vue b/frontend/components/dashboard/chart/DashboardChartRewardsTooltip.vue
index a36d60c14..2b1e8ab3f 100644
--- a/frontend/components/dashboard/chart/DashboardChartRewardsTooltip.vue
+++ b/frontend/components/dashboard/chart/DashboardChartRewardsTooltip.vue
@@ -9,6 +9,8 @@ import type { WeiToValue } from '~/types/value'
 
 interface Props {
   dataIndex: number,
+  getEpochFromTimestamp: (timestamp: number) => number,
+  getTimestampFromEpoch: (epoch: number) => number,
   series: RewardChartSeries[],
   startEpoch: number,
   t: ComposerTranslation, // required as dynamically created components via render do not have the proper app context,
@@ -95,6 +97,8 @@ const data = computed<Series[]>(() => {
 <template>
   <div class="tooltip-container">
     <DashboardChartTooltipHeader
+      :get-epoch-from-timestamp
+      :get-timestamp-from-epoch
       :t
       :start-epoch
     />
diff --git a/frontend/components/dashboard/chart/DashboardChartSummary.vue b/frontend/components/dashboard/chart/DashboardChartSummary.vue
index 7b572d755..d09b76246 100644
--- a/frontend/components/dashboard/chart/DashboardChartSummary.vue
+++ b/frontend/components/dashboard/chart/DashboardChartSummary.vue
@@ -19,7 +19,6 @@ import {
   TooltipComponent,
 } from 'echarts/components'
 import VChart from 'vue-echarts'
-import SummaryChartTooltip from './DashboardChartSummaryTooltip.vue'
 import {
   getChartTextColor,
   getChartTooltipBackgroundColor,
@@ -35,6 +34,7 @@ import {
   SUMMARY_CHART_GROUP_TOTAL,
   type SummaryChartFilter,
 } from '~/types/dashboard/summary'
+import { DashboardChartSummaryTooltip } from '#components'
 
 use([
   CanvasRenderer,
@@ -56,7 +56,10 @@ const { t: $t } = useTranslation()
 const colorMode = useColorMode()
 const { fetch } = useCustomFetch()
 const {
-  secondsPerEpoch, slotToTs, tsToEpoch,
+  getEpochFromTimestamp,
+  getTimestampFromEpoch,
+  getTimestampFromSlot,
+  secondsPerEpoch,
 } = useNetworkStore()
 const { dashboardKey } = useDashboardKey()
 const { overview } = useValidatorDashboardOverviewStore()
@@ -104,7 +107,7 @@ const categories = computed<number[]>(() => {
     return []
   }
   const list: number[] = []
-  let latestTs = slotToTs(latestSlot.value - 7) || 0
+  let latestTs = getTimestampFromSlot(latestSlot.value - 7) || 0
   let step = 0
   switch (aggregation.value) {
     case 'daily':
@@ -123,7 +126,7 @@ const categories = computed<number[]>(() => {
   if (!step) {
     return []
   }
-  const minTs = Math.max(slotToTs(0) || 0, latestTs - maxSeconds)
+  const minTs = Math.max(getTimestampFromSlot(0) || 0, latestTs - maxSeconds)
   while (latestTs > minTs) {
     list.splice(0, 0, latestTs)
 
@@ -263,7 +266,7 @@ const formatTSToDate = (value: string) => {
   )
 }
 const formatTSToEpoch = (value: string) => {
-  return `${$t('common.epoch')} ${tsToEpoch(Number(value))}`
+  return `${$t('common.epoch')} ${getEpochFromTimestamp(Number(value))}`
 }
 const formatToDateOrEpoch = (value: string) => {
   if (aggregation.value === 'epoch') {
@@ -356,9 +359,11 @@ const option = computed<EChartsOption>(() => {
         })
         const d = document.createElement('div')
         render(
-          h(SummaryChartTooltip, {
+          h(DashboardChartSummaryTooltip, {
             aggregation: aggregation.value,
             efficiencyType: props.filter?.efficiency || 'all',
+            getEpochFromTimestamp,
+            getTimestampFromEpoch,
             groupInfos,
             highlightGroup,
             t: $t,
diff --git a/frontend/components/dashboard/chart/DashboardChartSummaryTooltip.vue b/frontend/components/dashboard/chart/DashboardChartSummaryTooltip.vue
index 5ff37e967..7cf07bbd1 100644
--- a/frontend/components/dashboard/chart/DashboardChartSummaryTooltip.vue
+++ b/frontend/components/dashboard/chart/DashboardChartSummaryTooltip.vue
@@ -8,6 +8,8 @@ import type {
 interface Props {
   aggregation: AggregationTimeframe,
   efficiencyType: EfficiencyType,
+  getEpochFromTimestamp: (timestamp: number) => number,
+  getTimestampFromEpoch: (epoch: number) => number,
   groupInfos: {
     color: string,
     efficiency: number,
@@ -26,6 +28,8 @@ defineProps<Props>()
     <DashboardChartTooltipHeader
       :t
       :ts
+      :get-epoch-from-timestamp
+      :get-timestamp-from-epoch
       :aggregation
       :efficiency-type
     />
diff --git a/frontend/components/dashboard/chart/DashboardChartTooltipHeader.vue b/frontend/components/dashboard/chart/DashboardChartTooltipHeader.vue
index 43a0c3c78..2a4deb92a 100644
--- a/frontend/components/dashboard/chart/DashboardChartTooltipHeader.vue
+++ b/frontend/components/dashboard/chart/DashboardChartTooltipHeader.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import type { ComposerTranslation } from 'vue-i18n'
-import { useNetworkStore } from '~/stores/useNetworkStore'
 import type {
   AggregationTimeframe,
   EfficiencyType,
@@ -12,6 +11,8 @@ import {
 interface Props {
   aggregation?: AggregationTimeframe,
   efficiencyType?: EfficiencyType,
+  getEpochFromTimestamp: (timestamp: number) => number,
+  getTimestampFromEpoch: (epoch: number) => number,
   startEpoch?: number,
   t: ComposerTranslation, // required as dynamically created components via render do not have the proper app context,
   ts?: number,
@@ -19,16 +20,12 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const {
-  epochToTs, tsToEpoch,
-} = useNetworkStore()
-
 const startTs = computed(() => {
   if (props.ts) {
     return props.ts
   }
   if (props.startEpoch) {
-    return epochToTs(props.startEpoch)
+    return props.getTimestampFromEpoch(props.startEpoch)
   }
   return undefined
 })
@@ -81,11 +78,11 @@ const epochText = computed(() => {
   if (!startTs.value) {
     return
   }
-  const startEpoch = tsToEpoch(startTs.value)
+  const startEpoch = props.getEpochFromTimestamp(startTs.value)
   if (!endTs.value) {
     return startEpoch
   }
-  const endEpoch = tsToEpoch(endTs.value)
+  const endEpoch = props.getEpochFromTimestamp(endTs.value)
   return `${startEpoch} - ${endEpoch}`
 })
 
diff --git a/frontend/components/dashboard/creation/DashboardCreationController.vue b/frontend/components/dashboard/creation/DashboardCreationController.vue
index eca17db0e..4f8c07fb0 100644
--- a/frontend/components/dashboard/creation/DashboardCreationController.vue
+++ b/frontend/components/dashboard/creation/DashboardCreationController.vue
@@ -4,7 +4,7 @@ import type {
   DashboardCreationDisplayMode,
   DashboardCreationState,
 } from '~/types/dashboard/creation'
-import type { ChainIDs } from '~/types/network'
+import type { ChainId } from '~/types/network'
 
 const userDashboardStore = useUserDashboardStore()
 const {
@@ -30,7 +30,7 @@ const visible = ref<boolean>(false)
 const state = ref<DashboardCreationState>('')
 const type = ref<'' | DashboardType>('')
 const name = ref<string>('')
-const network = ref<ChainIDs>(0)
+const network = ref<ChainId>(0)
 const forcedDashboardType = ref<'' | DashboardType>('')
 const {
   dashboardKey, publicEntities,
diff --git a/frontend/components/dashboard/table/DashboardTableClDeposits.vue b/frontend/components/dashboard/table/DashboardTableClDeposits.vue
index c34713f84..3202f4e05 100644
--- a/frontend/components/dashboard/table/DashboardTableClDeposits.vue
+++ b/frontend/components/dashboard/table/DashboardTableClDeposits.vue
@@ -15,7 +15,7 @@ const cursor = ref<Cursor>()
 const pageSize = ref<number>(5)
 const { t: $t } = useTranslation()
 
-const { slotToEpoch } = useNetworkStore()
+const { getEpochFromSlot } = useNetworkStore()
 
 const {
   deposits,
@@ -190,11 +190,11 @@ const isRowExpandable = (row: VDBConsensusDepositsTableRow) => {
               <template #body="slotProps">
                 <BcLink
                   v-if="slotProps.data.index !== undefined"
-                  :to="`/epoch/${slotToEpoch(slotProps.data.slot)}`"
+                  :to="`/epoch/${getEpochFromSlot(slotProps.data.slot)}`"
                   target="_blank"
                   class="link"
                 >
-                  <BcFormatNumber :value="slotToEpoch(slotProps.data.slot)" />
+                  <BcFormatNumber :value="getEpochFromSlot(slotProps.data.slot)" />
                 </BcLink>
               </template>
             </Column>
@@ -303,11 +303,11 @@ const isRowExpandable = (row: VDBConsensusDepositsTableRow) => {
                   </div>
                   <BcLink
                     v-if="slotProps.data.index !== undefined"
-                    :to="`/epoch/${slotToEpoch(slotProps.data.slot)}`"
+                    :to="`/epoch/${getEpochFromSlot(slotProps.data.slot)}`"
                     target="_blank"
                     class="link"
                   >
-                    <BcFormatNumber :value="slotToEpoch(slotProps.data.slot)" />
+                    <BcFormatNumber :value="getEpochFromSlot(slotProps.data.slot)" />
                   </BcLink>
                 </div>
                 <div class="row">
diff --git a/frontend/components/dashboard/table/DashboardTableWithdrawals.vue b/frontend/components/dashboard/table/DashboardTableWithdrawals.vue
index d368c62ea..aef05fb34 100644
--- a/frontend/components/dashboard/table/DashboardTableWithdrawals.vue
+++ b/frontend/components/dashboard/table/DashboardTableWithdrawals.vue
@@ -22,7 +22,7 @@ const pageSize = ref<number>(10)
 const { t: $t } = useTranslation()
 
 const { latestState } = useLatestStateStore()
-const { slotToEpoch } = useNetworkStore()
+const { getEpochFromSlot } = useNetworkStore()
 const {
   getTotalAmount,
   getWithdrawals,
@@ -151,7 +151,7 @@ const isRowExpandable = (row: ExtendedVDBWithdrawalsTableRow) => {
 
 const isRowInFuture = (row: ExtendedVDBWithdrawalsTableRow) => {
   if (latestState?.value) {
-    return row.epoch > slotToEpoch(latestState.value.current_slot)
+    return row.epoch > getEpochFromSlot(latestState.value.current_slot)
   }
 
   return false
diff --git a/frontend/components/icon/IconNetwork.vue b/frontend/components/icon/IconNetwork.vue
index 37a33428b..890492fb7 100644
--- a/frontend/components/icon/IconNetwork.vue
+++ b/frontend/components/icon/IconNetwork.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import {
-  ChainFamily, type ChainIDs, ChainInfo,
+  ChainFamily, type ChainId, ChainInfo,
 } from '~/types/network'
 
 const colorMode = useColorMode()
@@ -35,7 +35,7 @@ const props = defineProps({
 
 const family = computed(() =>
   props.chainId in ChainInfo
-    ? ChainInfo[props.chainId as ChainIDs].family
+    ? ChainInfo[props.chainId as ChainId].family
     : ChainFamily.Ethereum,
 )
 const coloring = computed(() =>
diff --git a/frontend/components/notifications/NotificationsDashboardsTable.vue b/frontend/components/notifications/NotificationsDashboardsTable.vue
index eb9202f10..b0da10562 100644
--- a/frontend/components/notifications/NotificationsDashboardsTable.vue
+++ b/frontend/components/notifications/NotificationsDashboardsTable.vue
@@ -5,7 +5,7 @@ import IconValidator from '../icon/IconValidator.vue'
 import IconAccount from '../icon/IconAccount.vue'
 import type { Cursor } from '~/types/datatable'
 import type { DashboardType } from '~/types/dashboard'
-import type { ChainIDs } from '~/types/network'
+import type { ChainId } from '~/types/network'
 import type { NotificationDashboardsTableRow } from '~/types/api/notifications'
 import { NotificationsDashboardDialogEntity } from '#components'
 
@@ -17,7 +17,7 @@ const { t: $t } = useTranslation()
 
 // TODO: replace currentNetwork with selection from NETWORK_SWITCHER_COMPONENT that has yet to be implemented
 const { currentNetwork } = useNetworkStore()
-const networkId = ref<ChainIDs>(currentNetwork.value ?? 1)
+const networkId = ref<ChainId>(currentNetwork.value ?? 1)
 
 const {
   isLoading,
diff --git a/frontend/components/playground/PlaygroundIcons.vue b/frontend/components/playground/PlaygroundIcons.vue
index fbd6d640f..39a43bd29 100644
--- a/frontend/components/playground/PlaygroundIcons.vue
+++ b/frontend/components/playground/PlaygroundIcons.vue
@@ -1,7 +1,4 @@
 <script setup lang="ts">
-import {
-  type ChainIDs, getAllExistingChainIDs,
-} from '~/types/network'
 </script>
 
 <template>
@@ -89,39 +86,6 @@ import {
     </div>
   </div>
 
-  <div>
-    <h2>Network icons</h2>
-    <div>Monochromous:</div>
-    <IconNetwork
-      v-for="id of getAllExistingChainIDs(false)"
-      :key="id"
-      :chain-id="id as ChainIDs"
-      :colored="false"
-      :harmonize-perceived-size="false"
-      class="icon-size"
-    />
-    <div>Colored:</div>
-    <IconNetwork
-      v-for="id of getAllExistingChainIDs(false)"
-      :key="id"
-      :chain-id="id as ChainIDs"
-      :colored="true"
-      :harmonize-perceived-size="false"
-      class="icon-size"
-    />
-    <div>
-      Harmonized sizes (for example Ethereum looks less skinny compared to the
-      others):
-    </div>
-    <IconNetwork
-      v-for="id of getAllExistingChainIDs(false)"
-      :key="id"
-      :chain-id="id as ChainIDs"
-      :colored="true"
-      :harmonize-perceived-size="true"
-      class="icon-size"
-    />
-  </div>
   <div>
     <h2>Loading issues:</h2>
     Example when props `inline` is true: "Something went wrong
diff --git a/frontend/components/slot/viz/SlotVizViewer.vue b/frontend/components/slot/viz/SlotVizViewer.vue
index d72e0f9d8..820d08b3d 100644
--- a/frontend/components/slot/viz/SlotVizViewer.vue
+++ b/frontend/components/slot/viz/SlotVizViewer.vue
@@ -24,7 +24,7 @@ interface Props {
 }
 const props = defineProps<Props>()
 
-const { tsToSlot } = useNetworkStore()
+const { getSlotFromTimestamp } = useNetworkStore()
 const { t: $t } = useTranslation()
 
 const selectedCategories = useCookie<SlotVizCategories[]>(
@@ -97,8 +97,7 @@ const currentSlotId = computed(() => {
   // in case of some backend issues Inan want's us to tick in the future ... so let's tick
   return Math.max(
     mostRecentScheduledSlotId.value ?? 0,
-    tsToSlot((props.timestamp ?? 0) / 1000) - 1,
-  )
+    getSlotFromTimestamp((props.timestamp ?? 0) / 1000) - 1)
 })
 
 watch(
diff --git a/frontend/composables/useFormat.ts b/frontend/composables/useFormat.ts
index 16e98ec3c..fe67e147c 100644
--- a/frontend/composables/useFormat.ts
+++ b/frontend/composables/useFormat.ts
@@ -1,13 +1,11 @@
 import type { StringUnitLength } from 'luxon'
 import type { AgeFormat } from '~/types/settings'
-import {
-  formatEpochToDate as formatEpochToDateImported,
-  formatEpochToDateTime as formatEpochToDateTimeImported,
-  formatSlotToDateTime as formatSlotToDateTimeImported,
-} from '~/utils/format'
 
 export function useFormat() {
-  const { currentNetwork } = useNetworkStore()
+  const {
+    getTimestampFromEpoch,
+    getTimestampFromSlot,
+  } = useNetworkStore()
 
   function formatEpochToDateTime(
     epoch: number,
@@ -17,9 +15,8 @@ export function useFormat() {
     locales?: string,
     withTime?: boolean,
   ): null | string | undefined {
-    return formatEpochToDateTimeImported(
-      currentNetwork.value,
-      epoch,
+    return formatTs(
+      getTimestampFromEpoch(epoch),
       timestamp,
       format,
       style,
@@ -36,9 +33,8 @@ export function useFormat() {
     locales?: string,
     withTime?: boolean,
   ): null | string | undefined {
-    return formatSlotToDateTimeImported(
-      currentNetwork.value,
-      slot,
+    return formatTs(
+      getTimestampFromSlot(slot),
       timestamp,
       format,
       style,
@@ -51,7 +47,14 @@ export function useFormat() {
     epoch: number,
     locales: string,
   ): null | string | undefined {
-    return formatEpochToDateImported(currentNetwork.value, epoch, locales)
+    return formatEpochToDateTime(
+      epoch,
+      undefined,
+      'absolute',
+      undefined,
+      locales,
+      false,
+    )
   }
 
   return {
diff --git a/frontend/stores/dashboard/useUserDashboardStore.ts b/frontend/stores/dashboard/useUserDashboardStore.ts
index 6fa996d9c..e743f2b86 100644
--- a/frontend/stores/dashboard/useUserDashboardStore.ts
+++ b/frontend/stores/dashboard/useUserDashboardStore.ts
@@ -12,7 +12,7 @@ import {
   type GuestDashboard,
 } from '~/types/dashboard'
 import { COOKIE_KEY } from '~/types/cookie'
-import type { ChainIDs } from '~/types/network'
+import type { ChainId } from '~/types/network'
 import {
   isGuestDashboardKey, isSharedDashboardKey,
 } from '~/utils/dashboard/key'
@@ -74,7 +74,7 @@ export const useUserDashboardStore = defineStore('user_dashboards_store', () =>
 
   async function createValidatorDashboard(
     name: string,
-    network: ChainIDs,
+    network: ChainId,
     dashboardKey?: string,
   ): Promise<GuestDashboard | undefined> {
     if (!isLoggedIn.value) {
diff --git a/frontend/stores/notifications/useNotificationsDashboardStore.ts b/frontend/stores/notifications/useNotificationsDashboardStore.ts
index 393c8357c..b9d9a01e5 100644
--- a/frontend/stores/notifications/useNotificationsDashboardStore.ts
+++ b/frontend/stores/notifications/useNotificationsDashboardStore.ts
@@ -2,7 +2,7 @@ import { defineStore } from 'pinia'
 import type { GetUserNotificationDashboardsResponse } from '~/types/api/notifications'
 
 import type { TableQueryParams } from '~/types/datatable'
-import type { ChainIDs } from '~/types/network'
+import type { ChainId } from '~/types/network'
 
 const notificationsDashboardStore = defineStore(
   'notifications-dashboard-store',
@@ -12,7 +12,7 @@ const notificationsDashboardStore = defineStore(
   },
 )
 
-export function useNotificationsDashboardStore(networkId: globalThis.Ref<ChainIDs>) {
+export function useNotificationsDashboardStore(networkId: globalThis.Ref<ChainId>) {
   const { isLoggedIn } = useUserStore()
 
   const { fetch } = useCustomFetch()
diff --git a/frontend/stores/useNetworkStore.ts b/frontend/stores/useNetworkStore.ts
index 73eaa997a..64793d929 100644
--- a/frontend/stores/useNetworkStore.ts
+++ b/frontend/stores/useNetworkStore.ts
@@ -1,64 +1,46 @@
-import * as networkTs from '~/types/network'
+import {
+  type ChainId,
+  ChainInfo,
+} from '~/types/network'
 
 export function useNetworkStore() {
-  const runTimeNetwork = Number(useRuntimeConfig().public.chainIdByDefault) as networkTs.ChainIDs
-  const currentNetwork = computed(() => runTimeNetwork)
-  const networkInfo = computed(() => networkTs.ChainInfo[currentNetwork.value])
+  const { chainIdByDefault } = useRuntimeConfig().public
+  if (!chainIdByDefault) throw createError(
+    {
+      statusMessage: 'NUXT_PUBLIC_CHAIN_ID_BY_DEFAULT has to be set',
+    })
+  const currentNetwork = computed(() => (Number(chainIdByDefault)) as ChainId)
+  const networkInfo = computed(() => ChainInfo[currentNetwork.value])
+  const secondsPerEpoch = computed(() => networkInfo.value.slotsPerEpoch * networkInfo.value.secondsPerSlot)
+  const epochsPerDay = computed(() => (24 * 60 * 60) / secondsPerEpoch.value)
 
-  function isNetworkDisabled(chainId: networkTs.ChainIDs): boolean {
-    // TODO: return `false` for everything once we are ready
-    return (
-      !useRuntimeConfig().public.showInDevelopment
-      && chainId !== currentNetwork.value
-    )
-  }
-
-  function isMainNet(): boolean {
-    return networkTs.isMainNet(currentNetwork.value)
-  }
-
-  function isL1(): boolean {
-    return networkTs.isL1(currentNetwork.value)
-  }
-
-  function epochsPerDay(): number {
-    return networkTs.epochsPerDay(currentNetwork.value)
-  }
-
-  function epochToTs(epoch: number): number | undefined {
-    return networkTs.epochToTs(currentNetwork.value, epoch)
-  }
+  const getTimestampFromSlot = (slot: number) =>
+    networkInfo.value.timeStampSlot0 + slot * networkInfo.value.secondsPerSlot
 
-  const secondsPerEpoch = computed(() => networkTs.secondsPerEpoch(currentNetwork.value))
+  const getSlotFromTimestamp = (timestamp: number) =>
+    Math.floor((timestamp - networkInfo.value.timeStampSlot0) / networkInfo.value.secondsPerSlot)
 
-  function slotToTs(slot: number): number | undefined {
-    return networkTs.slotToTs(currentNetwork.value, slot)
-  }
-
-  function tsToSlot(ts: number): number {
-    return networkTs.tsToSlot(currentNetwork.value, ts)
-  }
+  const getEpochFromSlot = (slot: number) => Math.floor(slot / networkInfo.value.slotsPerEpoch)
 
-  function slotToEpoch(slot: number): number {
-    return networkTs.slotToEpoch(currentNetwork.value, slot)
+  const getEpochFromTimestamp = (timestamp: number) => {
+    const slot = getSlotFromTimestamp(timestamp)
+    const epoch = getEpochFromSlot(slot)
+    return epoch
   }
 
-  function tsToEpoch(ts: number): number {
-    return slotToEpoch(tsToSlot(ts))
+  const getTimestampFromEpoch = (epoch: number) => {
+    return networkInfo.value.timeStampSlot0 + epoch * networkInfo.value.slotsPerEpoch * networkInfo.value.secondsPerSlot
   }
 
   return {
     currentNetwork,
     epochsPerDay,
-    epochToTs,
-    isL1,
-    isMainNet,
-    isNetworkDisabled,
+    getEpochFromSlot,
+    getEpochFromTimestamp,
+    getSlotFromTimestamp,
+    getTimestampFromEpoch,
+    getTimestampFromSlot,
     networkInfo,
     secondsPerEpoch,
-    slotToEpoch,
-    slotToTs,
-    tsToEpoch,
-    tsToSlot,
   }
 }
diff --git a/frontend/types/network.ts b/frontend/types/network.ts
index 94c71575d..ba60da918 100644
--- a/frontend/types/network.ts
+++ b/frontend/types/network.ts
@@ -9,24 +9,25 @@ export enum ChainFamily {
   Optimism = 'Optimism',
 }
 
-export enum ChainIDs {
-  Any = 0, // to organize data internally (example of use: some ahead-results in the search bar belong to all networks)
+const ChainIDs = {
+  Any: 0, // to organize data internally (example of use: some ahead-results in the search bar belong to all networks)
 
-  Ethereum = 1,
-  Gnosis = 100,
+  Ethereum: 1,
+  Gnosis: 100,
 
-  Holesky = 17000,
+  Holesky: 17000,
 
-  Sepolia = 11155111,
-}
+  Sepolia: 11155111,
+} as const
+
+export type ChainId = (typeof ChainIDs)[keyof typeof ChainIDs]
 
 export interface ChainInfoFields {
   clCurrency: CryptoCurrency,
   description: string,
   elCurrency: CryptoCurrency,
   family: ChainFamily,
-  L1: ChainIDs, // if the network is a L2, this field points to the L1
-  mainNet: ChainIDs, // if the network is a testnet, this field points to the non-test network
+  mainNet: ChainId,
   name: string,
   nameParts: string[],
   priority: number, // default order of the networks on the screen (ex: in the drop-down of the search bar)
@@ -36,13 +37,12 @@ export interface ChainInfoFields {
   timeStampSlot0: number, // if this property is 0, it means that the network has no slots
 }
 
-export const ChainInfo: Record<ChainIDs, ChainInfoFields> = {
+export const ChainInfo: Record<ChainId, ChainInfoFields> = {
   [ChainIDs.Any]: {
     clCurrency: 'ETH',
     description: 'Any network',
     elCurrency: 'ETH',
     family: ChainFamily.Any,
-    L1: ChainIDs.Any,
     mainNet: ChainIDs.Any,
     name: 'Any network',
     nameParts: [
@@ -60,7 +60,6 @@ export const ChainInfo: Record<ChainIDs, ChainInfoFields> = {
     description: 'Mainnet',
     elCurrency: 'ETH',
     family: ChainFamily.Ethereum,
-    L1: ChainIDs.Ethereum,
     mainNet: ChainIDs.Ethereum,
     name: 'Ethereum',
     nameParts: [
@@ -78,7 +77,6 @@ export const ChainInfo: Record<ChainIDs, ChainInfoFields> = {
     description: 'Mainnet',
     elCurrency: 'xDAI',
     family: ChainFamily.Gnosis,
-    L1: ChainIDs.Gnosis,
     mainNet: ChainIDs.Gnosis,
     name: 'Gnosis',
     nameParts: [
@@ -97,7 +95,6 @@ export const ChainInfo: Record<ChainIDs, ChainInfoFields> = {
     description: 'Testnet',
     elCurrency: 'ETH',
     family: ChainFamily.Ethereum,
-    L1: ChainIDs.Holesky,
     mainNet: ChainIDs.Ethereum,
     name: 'Ethereum Holesky',
     nameParts: [
@@ -115,7 +112,6 @@ export const ChainInfo: Record<ChainIDs, ChainInfoFields> = {
     description: 'Testnet',
     elCurrency: 'ETH',
     family: ChainFamily.Ethereum,
-    L1: ChainIDs.Sepolia,
     mainNet: ChainIDs.Ethereum,
     name: 'Ethereum Sepolia',
     nameParts: [
@@ -128,126 +124,4 @@ export const ChainInfo: Record<ChainIDs, ChainInfoFields> = {
     slotsPerEpoch: 32,
     timeStampSlot0: 1655733600,
   },
-}
-
-/**
- * Should be used only when you work with a network different from the current one.
- * Wherever you would write `epochsPerDay(currentNetwork.value)` you should
- * rather use `epochsPerDay()` from `useNetworkStore.ts`.
- */
-export function epochsPerDay(chainId: ChainIDs): number {
-  const info = ChainInfo[chainId]
-  if (info.timeStampSlot0 === undefined) {
-    return 0
-  }
-  return (24 * 60 * 60) / (info.slotsPerEpoch * info.secondsPerSlot)
-}
-
-/**
- * Should be used only when you work with a network different from the current one.
- * Wherever you would write `epochToTs(currentNetwork.value, epoch)` you should
- *  rather use `epochToTs(epoch)` from `useNetworkStore.ts`.
- */
-export function epochToTs(
-  chainId: ChainIDs,
-  epoch: number,
-): number | undefined {
-  const info = ChainInfo[chainId]
-  if (info.timeStampSlot0 === undefined || epoch < 0) {
-    return undefined
-  }
-
-  return info.timeStampSlot0 + epoch * info.slotsPerEpoch * info.secondsPerSlot
-}
-
-export function getAllExistingChainIDs(sortByPriority: boolean): ChainIDs[] {
-  const list: ChainIDs[] = []
-
-  for (const id in ChainIDs) {
-    if (isNaN(Number(id))) {
-      list.push(ChainIDs[id as keyof typeof ChainIDs])
-    }
-  }
-  if (sortByPriority) {
-    sortChainIDsByPriority(list)
-  }
-  return list
-}
-
-/**
- * Should be used only when you test a network different from the current one.
- * Wherever you would write `isL1(currentNetwork.value)` you should rather use `isL1()` from `useNetworkStore.ts`.
- */
-export function isL1(network: ChainIDs): boolean {
-  return ChainInfo[network].L1 === network
-}
-
-/**
- * Should be used only when you test a network different from the current one.
- * Whereever you would write `isMainNet(currentNetwork.value)` you should
- * rather use `isMainNet()` from `useNetworkStore.ts`.
- */
-export function isMainNet(network: ChainIDs): boolean {
-  return ChainInfo[network].mainNet === network
-}
-
-/**
- * Should be used only when you work with a network different from the current one.
- * Wherever you would write `secondsPerEpoch(currentNetwork.value)` you should
- * rather use `secondsPerEpoch()` from `useNetworkStore.ts`.
- */
-export function secondsPerEpoch(chainId: ChainIDs): number {
-  const info = ChainInfo[chainId]
-  if (info.timeStampSlot0 === undefined) {
-    return -1
-  }
-  return info.slotsPerEpoch * info.secondsPerSlot
-}
-
-/**
- * Should be used only when you work with a network different from the current one.
- * Wherever you would write `slotToEpoch(currentNetwork.value, slot)` you should
- *  rather use `slotToEpoch(slot)` from `useNetworkStore.ts`.
- */
-export function slotToEpoch(chainId: ChainIDs, slot: number): number {
-  const info = ChainInfo[chainId]
-  if (info.timeStampSlot0 === undefined) {
-    return -1
-  }
-  return Math.floor(slot / info.slotsPerEpoch)
-}
-
-/**
- * Should be used only when you work with a network different from the current one.
- * Wherever you would write `slotToTs(currentNetwork.value, slot)` you should
- *  rather use `slotToTs(slot)` from `useNetworkStore.ts`.
- */
-export function slotToTs(chainId: ChainIDs, slot: number): number | undefined {
-  const info = ChainInfo[chainId]
-  if (info.timeStampSlot0 === undefined || slot < 0) {
-    return undefined
-  }
-
-  return info.timeStampSlot0 + slot * info.secondsPerSlot
-}
-
-/**
- * @param list List to sort. Its order will be modified because the function sorts in place.
- * @returns List sorted in place, so the same as parameter `list`.
- */
-export function sortChainIDsByPriority(list: ChainIDs[]): ChainIDs[] {
-  return list.sort((a, b) => ChainInfo[a].priority - ChainInfo[b].priority)
-}
-
-/**
- * Should be used only when you work with a network different from the current one.
- * Wherever you would write `tsToSlot(currentNetwork.value, ts)` you should
- * rather use `tsToSlot(ts)` from `useNetworkStore.ts`.
- */
-export function tsToSlot(chainId: ChainIDs, ts: number): number {
-  const info = ChainInfo[chainId]
-  if (info.timeStampSlot0 === undefined) {
-    return -1
-  }
-  return Math.floor((ts - info.timeStampSlot0) / info.secondsPerSlot)
-}
+} as const
diff --git a/frontend/utils/format.ts b/frontend/utils/format.ts
index b626162f6..888db7601 100644
--- a/frontend/utils/format.ts
+++ b/frontend/utils/format.ts
@@ -7,9 +7,6 @@ import {
 } from 'luxon'
 import type { ComposerTranslation } from 'vue-i18n'
 import type { AgeFormat } from '~/types/settings'
-import {
-  type ChainIDs, epochToTs, slotToTs,
-} from '~/types/network'
 import type { NumberOrString } from '~/types/value'
 
 export const ONE_MINUTE = 60
@@ -47,51 +44,6 @@ export function commmifyLeft(value: string): string {
   return formatted
 }
 
-/**
- * Should be used only when you work with a network different from the current one.
- * Wherever you would write `formatEpochToDate(currentNetwork.value, ...)` you
- * should rather use `formatEpochToDate(...)` from `useFormat.ts`.
- */
-export function formatEpochToDate(
-  chainId: ChainIDs,
-  epoch: number,
-  locales: string,
-): null | string | undefined {
-  return formatEpochToDateTime(
-    chainId,
-    epoch,
-    undefined,
-    'absolute',
-    undefined,
-    locales,
-    false,
-  )
-}
-
-/**
- * Should be used only when you work with a network different from the current one.
- * Wherever you would write `formatEpochToDateTime(currentNetwork.value, ...)`
- * you should rather use `formatEpochToDateTime(...)` from `useFormat.ts`.
- */
-export function formatEpochToDateTime(
-  chainId: ChainIDs,
-  epoch: number,
-  timestamp?: number,
-  format?: AgeFormat,
-  style?: StringUnitLength,
-  locales?: string,
-  withTime?: boolean,
-): null | string | undefined {
-  return formatTs(
-    epochToTs(chainId, epoch),
-    timestamp,
-    format,
-    style,
-    locales,
-    withTime,
-  )
-}
-
 export function formatFiat(
   value: number,
   currency: string,
@@ -135,30 +87,6 @@ export function formatNumber(value?: number): string {
   return value?.toLocaleString('en-US') ?? ''
 }
 
-/**
- * Should be used only when you work with a network different from the current one.
- * Wherever you would write `formatSlotToDateTime(currentNetwork.value, ...)`
- * you should rather use `formatSlotToDateTime(...)` from `useFormat.ts`.
- */
-export function formatSlotToDateTime(
-  chainId: ChainIDs,
-  slot: number,
-  timestamp?: number,
-  format?: AgeFormat,
-  style?: StringUnitLength,
-  locales?: string,
-  withTime?: boolean,
-): null | string | undefined {
-  return formatTs(
-    slotToTs(chainId, slot),
-    timestamp,
-    format,
-    style,
-    locales,
-    withTime,
-  )
-}
-
 export function formattedNumberToHtml(value?: string): string | undefined {
   return value?.split(',').join('<span class=\'comma\' />')
 }
@@ -196,6 +124,26 @@ export function formatTimeDuration(
   return t(translationId, { amount }, amount === 1 ? 1 : 2)
 }
 
+export function formatTs(
+  ts?: number,
+  timestamp?: number,
+  format: AgeFormat = 'relative',
+  style: StringUnitLength = 'narrow',
+  locales: string = 'en-US',
+  withTime = true,
+) {
+  if (ts === undefined) {
+    return undefined
+  }
+
+  if (format === 'relative') {
+    return formatTsToRelative(ts * 1000, timestamp, style, locales)
+  }
+  else {
+    return formatTsToAbsolute(ts, locales, withTime)
+  }
+}
+
 export function formatTsToAbsolute(
   ts: number,
   locales: string,
@@ -272,26 +220,6 @@ export function withCurrency(value: string, currency: string): string {
   return `${value} ${currency}`
 }
 
-function formatTs(
-  ts?: number,
-  timestamp?: number,
-  format: AgeFormat = 'relative',
-  style: StringUnitLength = 'narrow',
-  locales: string = 'en-US',
-  withTime = true,
-) {
-  if (ts === undefined) {
-    return undefined
-  }
-
-  if (format === 'relative') {
-    return formatTsToRelative(ts * 1000, timestamp, style, locales)
-  }
-  else {
-    return formatTsToAbsolute(ts, locales, withTime)
-  }
-}
-
 function formatTsToRelative(
   targetTimestamp?: number,
   baseTimestamp?: number,